h1, h2, h3, h4, h5, h6 {
    font-family: AkhandSoft-Extrabold;
}

/*#flexicontent {
    display: table;
}
.flexiInner {
    display: table-row;
}
.bigImage, .descriptionBox  {
    display: table-cell;
}*/

.smallBox * h1, .smallBox * h2, .smallBox * h3 {
    color:#FFF
}

.contentBox {
    display:table-row;
    height: 100%;
}
.descriptionBox, .smallImage  {
    height: 100%;
    min-height:99vh
    
}
.descriptionInner {
    margin:50px 35px 20px
}
.smallBox, .smallImage {
    float:left;
    width:35%; 
    background-color: #2E4D62;
    color:#fff;
}

.bigImage, .bigBox, .textRight {
    float:right;
    width:64.5%;
    min-height:99vh
}
.bigImageInner, .smallImage {
     background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}
.textRightInner {
    padding:30px
}
.bigImageInner {
    height: 99%;
    margin-top: 0.5%;
    width: 100%;  
    min-height:99vh;    
}
.bgImgOnly {
 /*   height:100vh*/
}

img.fc_field_image {
    border: none;
    border-radius: 0px;
    margin: 0;
    padding: 0;
}

.overImageInner div {
    /*margin:0 auto;
    position: relative;*/
}

.overImageBox {
    background-image: url("../img/overlay.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    height: 100%;
    min-height: 98vh;
    width: 100%;
}
.overImageInner{
    text-align: center;
    margin:auto;
    width: 50%;  
    /*position: relative;*/
}
h2.overImage {
    /*font-size:80px;
    line-height: 88px;*/
    font-size:60px;
    line-height: 72px;
    font-weight:bold;
    color: #2E4D62;
    margin:0px!important;
    padding:0px!important
}
.textRight h1 {
    color:#2E4D62
}



    
/* Slider */
/* I wanted to center my loader */
			/*I want to avoid jumpiness as the JS loads, so I initially hide my cycle*/
			#maximage {
				position:fixed !important;
                height: 99% !important;
			}
			
			/*Set my gradient above all images*/
			#gradient {
				left:0;
				height:100%;
				position:absolute;
				top:0;
				width:100%;
				z-index:999;
			}
			
			#arrow_left, #arrow_right {
				top:50%;
				height:67px;
				position:fixed;
				width:36px;
				z-index:1000;
			}
            #arrow_left{
                margin-left: 20px;
            }
			#arrow_right {
				right:30px;
			}
			
			/*#arrow_left:hover, #arrow_right:hover {
				top:50%;
			}
			#arrow_left:active, #arrow_right:active {
				top:50%;
			}*/
			
		
			
			
			/* Position Maximage relatively (this is not default) */
			div.mc-image {    
			    /*-webkit-background-size: contain;
			    -moz-background-size: contain;
			    -o-background-size: contain;
			    background-size: contain;*/
                background-repeat: no-repeat;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                background-position: center center;
			}

			#holder {
			    margin:0 auto;
			    width:100%;
			}
			
			/* Use specific transition for fx: 'slideHorz' */
			div.mc-image {
				-webkit-transition: left 1s ease-in-out; 
				-moz-transition: left 1s ease-in-out; 
				-o-transition: left 1s ease-in-out; 
				transition: left 1s ease-in-out;
                background-position: center center;
			}

@media(max-width:1290px){
   
   h2.overImage {
        font-size:60px;
        line-height: 65px;
    }
    h2.overImage {
        font-size:60px;
        line-height: 65px;
    }
    .bigImage, .bigBox, .textRight {width:59.5%}
   .smallBox, .smallImage  {width:40%} 
}


@media(max-width:1025px){
   .bigImage, .bigBox, .textRight {width:54.5%}
   .smallBox, .smallImage  {width:45%} 
   h2.overImage {
        font-size:40px!important;
        line-height: 45px!important;
    }
    .bigImageInner {
        /*position: fixed;*/
        /*width: 54.5%;*/
    }
    .overImageInner {
        width: 48%;
    }
    .menuitem140 * .overImageInner {
        width: 68%;
    }
    
    .tm-sidebar-wrapper .tm-sidebar-menu-container .tm-sidebar-logo {
        margin: 0 0 20px 25px!important;
    }
    
    .tm-sidebar-logo * img {
        max-width: 150px!important;
    }
}

@media(max-width:970px){
    
}

           
@media(max-width:770px){
   h2.overImage {
        font-size: 50px;
        line-height: 62px;
    }
    
}

@media(max-width:800px){
   .bigImage, .bigBox, .textRight {width:100%}
   .smallBox, .smallImage  {width:100%}
   .descriptionBox, .textRight {
        height: auto;
    }
    .overImageBox, .bigImageInner, .bigImage, .overImageInner, .descriptionBox, .textRight   {
        min-height:400px!important;
        height:auto!important;
    }
    .smallImage   {
        min-height:860px!important;
        height:auto!important;
    }
    #maximage, #maximage .mc-image  {
        min-height:400px!important;
        height:auto!important;
        
    }
    #maximage {
        position: relative!important;
    }
    #arrow_left, #arrow_right {
        position: absolute!important;
        top: 310px;
    }
    h2.overImage {
        margin-top:140px!important
    } 
    .menuitem140 * .overImageInner {
        width: 46%;
    }
    
   
    
}
@media(max-width:550px){

    .overImageBox, .bigImageInner, .bigImage, .overImageInner, .descriptionBox, .textRight   {
        min-height:250px!important;
        height:auto!important;
    }
    .smallImage   {
        min-height:640px!important;
        height:auto!important;
    }
    #maximage, #maximage .mc-image  {
        min-height:250px!important;
        height:auto!important;
        
    }
    #arrow_left, #arrow_right {    
        top: 225px;
    }
    h2.overImage {
        margin-top:65px!important
    }
    h2.overImage {
        font-size: 38px!important;
        line-height: 45px!important;
    }
    
}