@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap');
body {
	margin: 0;
	padding: 0;
	background: #2A3C46;
	color: #fff;
	font-family: 'Lexend', sans-serif;
	font-size:14px;
}

.esse-dark { background: #2A3C46;}
.esse-light {background:#46515a}

.esse-darkC {color:#2A3C46}

a { color:#CA002D}
a:hover{ color:#666;}

a:hover { text-decoration:none}

.container-fluid { padding:0;}

#total_page {display:none;}

.uppercase { text-transform:uppercase}

hr.thin {border:1px solid #ddd;}

#page-fotorama { background:#202020; -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;}

.gray {color:#666}

.carousel-inner img.mainImg {width:35%;}
#slider-container {background: #2A3C46;  position:relative; top:0; left:0; right:0;  z-index:5}

#hideMenu {display:none;}


#mobileNav {display:none;}
#mobile-header-container {display:none;}
#header-container {  position:relative; background: #2A3C46; z-index:99999; padding:20px 0px; top:0; left:0; right:0; border-top:2px solid #D5002A; }
 	#header-container ul {margin:0; margin-top:10px;}
	#header-container ul li {display:inline;}
		#header-container ul li  a {color:#fff;  display:inline-block; font-size:14px; padding:10px 11px}
		#header-container ul li  a:hover { border-bottom:2px solid #CA002D; -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;}
		#header-container ul li ul {display:none}



#featured-container { margin-top:50px; padding:40px 0px;  line-height: normal}
#featured2-container { background:#2A3C46; padding:60px 0px; COLOR:#FFF;   line-height: normal}
#featured3-container { background:NONE; padding:60px 0px;   line-height: normal}
#featured4-container { background:#2A3C46; padding:60px 0px; color:#fff;    line-height: normal; }
#breadcrumb-container {  position:relative; left:0; right:0; top:115px; background:#46515a;   z-index:99999; display:none; height: 1px !important;}
#breadcrumb-container .breadcrumb { background:#46515a !important; }
#page-container { padding:60px 0px; margin-top:150px;  line-height: normal}
#page-container h1 {margin:0;}

.postBlog { background:#46515a; margin-bottom:30px; -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; }
.postBlog img {-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;}
.postBlog a {color:#fff; text-shadow:none; font-weight:bold;}
.postBlog a span.caption {display:block; padding:20px; position:relative; z-index:9999; height:80px;}
.postBlog:hover a {color:#fff}

#footer-container { background:#2A3C46;; padding:60px 0px; COLOR:#C1C1C1;  line-height: normal}
	#footer-container a {color:#fff;}
	#footer-container a:hover { color:#fff}
	
	#footer-container i.social {font-size:28px; margin-right:10px;}
	
span.roll {
    background: url(../img/mag.png) center center no-repeat #000;
    height: 346px;
    position: absolute;
    width: 347px;
    z-index: 10;	
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px  #000;
	box-shadow: 0px 0px 4px  #000; 
} 

/* css-method */


span.rollover {
	opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	background: url(../img/mag.png) center center no-repeat #000;
	cursor: pointer;
	left:0; right:0; top:0; bottom:0;
	position: absolute;
	z-index: 10;
	opacity: 0;
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

span.rollover:hover {
	opacity: .7;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
}


img.grayscale {
	filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");
	filter: gray;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%)
}
img.grayscale:hover {
	filter: none
}

@media(max-width:1240px){
	#mobile-header-container {display:block; position:relative; z-index:999999999999; padding:20px 0px; top:0; left:0; right:0; border-top:2px solid #D5002A;}
	#slider-container {background: #2A3C46;  position:relative; top:0; left:0; right:0;  z-index:5}
	#header-container {  display:none; position:fixed; z-index:99999; padding:20px 0px; top:0; left:0; right:0; border-top:2px solid #D5002A; }
	#mobileNav {display:none; background:#D10031; margin-bottom:-20px;}
	#mobileNav ul {margin:0; padding:0;}
	#mobileNav ul li {display:block; width:100%; float:left; padding:5px 0px; border-bottom:1px solid #111}
	#mobileNav ul li a {color:#fff; padding:5px 20px}
	#mobileNav ul li a:hover {color:#1F1D1E}
	#mobileNav ul li ul {display:none;}
	.carousel-inner img.mainImg {width:100%;}
	#featured-container { margin-top:30px; padding:40px 0px;  line-height: normal}

}

@media(max-width:800px){
	#footer-container { background:#2A3C46; padding:60px 0px; COLOR:#C1C1C1;   line-height: normal; text-align:center}
	.container-fluid { margin:0px 10px;}
	.carousel-caption {
	position: relative;
	right: 0;
	bottom: 0;
	top:0;
	width:100%;
	float:left;
	padding: 15px;
	background: 0;
	
}
.carousel-inner { text-align:center}

.carousel-inner img.mainImg {width:100%; margin-top:-100px;}
}