*, *::before,  *::after{-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
.no_trasn *, .no_trasn *::before, .no_trasn *::after, .zoomContainer *, .zoomContainer *::before, .zoomContainer *::after, .fancybox-container *{-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}
.trasn *, .trasn *::before, .trasn *::after{-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}

.zoomContainer,
.zoomLens{z-index:999;}

input{outline:none;}
.topmar_30{margin-top:30px;}

.owl-carousel .owl-item img{width:auto; max-width:100%;}

a,a:hover,a:focus{text-decoration:none;}

body{margin:0px; padding:0px; font-family:'Ubuntu',sans-serif; font-weight:normal; font-size:13px; color:#222; background:url('bg.jpg') #fff no-repeat top center fixed; background-size:cover;}

#main-site-container{position:relative; overflow:hidden; margin:auto; padding:30px 0px; max-width:800px; margin:auto;}

    #top-logo{display:none;}

	.logo-wrapper{text-align:center; padding:30px 0px; max-width:550px; margin:auto;}
	.logo-wrapper img{display:block; margin:auto; max-width:100%; max-height:120px;}

	ul.cat-wrapper{list-style:none; margin:0px; padding:0px; text-align:center; font-size:0px;}
	ul.cat-wrapper li{display:inline-block; width:50%;}
	ul.cat-wrapper li a{display:block; margin:0px 10px; position:relative; overflow:hidden;}
	ul.cat-wrapper li a img{display:block; max-width:100%; margin:auto;}
	ul.cat-wrapper li a span{display:none; z-index:999; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; color:#1d346a; font-weight:bold; text-transform:uppercase; font-size:18px; padding:5px; background:#fff; border-radius:3px;}
	ul.cat-wrapper li a:hover img{opacity:0.8; transform:scale(1.05);}




@media (max-width:1199px){
    
    /**/
    
}


@media (max-width:991px){

	/**/

}


@media (max-width:767px){
    
    #top-logo{display:block;}
    
    #mid-logo{display:none;}

	ul.cat-wrapper li{display:block; width:100%; margin-bottom:30px;}

}


@media (max-width:480px){

	/**/
	
}