@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,700&display=swap');
/*font-family: 'Open Sans', sans-serif;*/

@font-face {
    font-family: 'Nexa Rust Slab Black Shadow 01';
    src: url('fonts/NexaRustSlab-BlackShadow01.eot');
    src: url('fonts/NexaRustSlab-BlackShadow01.eot?#iefix') format('embedded-opentype'),
        url('fonts/NexaRustSlab-BlackShadow01.woff2') format('woff2'),
        url('fonts/NexaRustSlab-BlackShadow01.woff') format('woff'),
        url('fonts/NexaRustSlab-BlackShadow01.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}



body {background: #fff; margin: 0; font:16px 'Open Sans', sans-serif; font-weight:400; color:#000;}

.top-btm-space{padding-bottom:40px; padding-top:40px;}

a{text-decoration: none !important; color:inherit;}
a:hover{color:#ed768a}

a , .header, i, button, .product-thumb, .header.full .toplink, .header.full .logo img, .expand-btn{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}

h1{font-size: clamp(28px, 3vw, 48px); font-weight: 700; margin-top: 0; font-family: 'Nexa Rust Slab Black Shadow 01';}
h2{font-size:26px; font-weight: 700; margin-top:0; margin-bottom: 40px;}
h2 a{font-size:14px; font-weight: 400; margin-left: 20px; padding-left: 20px; border-left: 1px solid #eee;}
h4{font-size:16px;}

.text-white{color: #fff;}



.p-0{padding: 0;}
.py-2{padding-top:20px; padding-bottom:20px;}
.py-5{padding-top:50px; padding-bottom:50px;}
.py-8{padding-top:80px; padding-bottom:80px;}

.mt-1{margin-top: 10px;}
.mt-2{margin-top: 20px;}
.mt-3{margin-top: 30px;}
.mt-4{margin-top: 40px;}
.mt-5{margin-top: 50px!important;}
.mb-1{margin-bottom: 10px;}
.mb-2{margin-bottom: 20px;}
.mb-3{margin-bottom: 30px;}
.mb-4{margin-bottom: 40px;}
.mb-5{margin-bottom: 50px;}

.w-100{width:100%}
.h-100{height:100%}
.headerspace{height:166px;}
.header{position:fixed; z-index:9; background:#fff; width:100%;}
.header .logo img {max-width:550px; margin: 10px 0;}
.header.full .logo img{max-width:250px;}
.header.full{background:#fff; border-bottom:0; z-index:999;
-webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.4);
	box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.4);}
.header.full .toplink{margin-top: -30px;}

/*
.toplink{background: #333; color: #9c9c9c; line-height: 30px; font-size: 14px;}
.toplink i{margin-right: 10px;}
.toplink span{margin-right: 20px;}
*/

.menu {border-top:1px solid #ccc; padding:12px 0;}
.nav ul {list-style: none; padding:0; margin:0;width:100%;}
.nav li {display: inline-block; margin: 0; border-right:1px solid #d8d8d8;}
.nav li:last-child{border-right:0;}
.nav li a {font-size:16px; color: #6c6c6c; padding:0; text-decoration: none; margin:0 13px; padding:0; text-align:center;}
.nav li a:hover, .nav li a.active{color: #000;}


/*
.account a{margin-left: 30px;}
.account i{background: #e8e8e8; border-radius: 50%; height: 35px; width: 35px; vertical-align: middle; padding-top: 10px; text-align: center; margin-right: 10px;}
.account a:hover i{background:#ed768a; color: #fff; }
*/
.bg-dark{background:#000;}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	display: block;
	min-width: 100%;
	width: 100%;
	max-width: 100%;
	line-height: 1;
}
.carousel-caption{position: absolute!important; left: 0; right: 0; padding: 0; bottom: 50%; transform: translate(0, 50%);}
.carousel-caption div{background: #fff; color: #00a0d3; text-shadow: none; width: 430px; padding: 40px; text-align: left; text-transform: uppercase;    margin: 15px;} 
.carousel-caption div span{font-weight: 700;}
.carousel-caption h1{margin: 0; font-weight: 300; }
.carousel-indicators{z-index:1;}
.carousel-indicators li{border: 1px solid rgba(0,0,0,.7)}
.carousel-indicators .active {background-color: #000;}

.list{margin:0; padding:0; list-style:none;}
.list li{display:inline-block; font-family: 'Nexa Rust Slab Black Shadow 01'; text-transform:uppercase;}
.list li a{margin:0 18px;}
.list li span{border-right: 2px solid #525252;height: 30px;display: inline-block;vertical-align: middle;}

.product-thumb .image {text-align: center;border:1px solid #ccc;}
.product-thumb:hover {background: #fff;box-shadow: 0 5px 20px rgba(0,0,0,.1)}
.testimonialbox img{border:1px solid #ccc;}


/*
.btn{padding:12px 30px; font-weight: 700; text-transform: uppercase; border:0; position: relative; outline: none;}
.btn:hover{ color:#e60012;}

.btn.red-bg:hover{background: #000; color: #fff}
.btn.black-bg:hover{background: #e60012; color: #fff}
.btn i{margin-right:10px;}
*/




.vcenter {
 -ms-flex-align: center!important;
  align-items: center!important;
}
.d-flex {
  display: -ms-flexbox!important;
  display: flex!important;
	justify-content: center;
}
.container-fluid{padding-left:0!important; padding-right:0!important; overflow:hidden;}

/*.innerbanner{position:relative; width:100%; background:url(images/banner%201.jpg); height:210px;}
.innerbanner h1{color:#fff; position:absolute; left:0; right:0; bottom:20px; text-align:center;}*/
.footer .container{position:relative;}
.footer{font-size:14px; color:#919191; position:relative;}
.footer:before{position: absolute; content:''; width:100%; height:100%; background: url("images/footerbg.png") center 280px no-repeat; left:0; right:0;}
.footer a{color:#919191; display:block; margin-bottom: 10px;}
.footer a:hover{color:#e60012;}
.fcall{font-size:30px; margin-top:30px;}
.contact a{margin-bottom: 0;}
.contact i{margin-top: 3px;}
.copyright{color: #ccc;}
.copyright a{display: inline-block;}
.line{border-top: 1px solid #202020;}

.social a{margin:0 15px 0 0; display: inline-flex!important;}
.social i{color:#fff; font-size:30px;}
.social a:hover i{color: #ccc!important;}

.f-end{text-align:right;}
.f-start{text-align:left;}


@media (min-width:1200px) {
	.container {width: 1290px; position:relative;}
	#snav{display:none;}
}

@media (min-width:992px) and (max-width:1199px) {
.nav li a{margin:0 10px; font-size:13px;}
#snav{display:none;}
}

@media (min-width:768px) and (max-width:991px) {
.nav li a {margin:0 5px; font-size:11px;}
#snav{display:none;}
}

@media (min-width:200px) and (max-width:767px) {
.headerspace {height:70px;}
.header .logo img , .header.full .logo img{max-width:200px;}
.footer{font-size:12px;}
.f-start, .f-end{text-align:center;}
.gallerypic img, .testimonialbox img{margin:20px 0;}
.py-8 {padding-top: 40px;padding-bottom: 40px;}
.mt-5 {margin-top: 30px !important;}
.list{font-size:12px;}
.footer img{max-width:200px;}

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