@font-face {
    font-family: 'Savoy';
    src: url('fonts/Savoy.woff2') format('woff2'),
        url('fonts/Savoy.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima Nova Th';
    src: url('fonts/ProximaNova-Extrabld.woff2') format('woff2'),
        url('fonts/ProximaNova-Extrabld.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('fonts/ProximaNova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Bl';
    src: url('fonts/ProximaNova-Black.woff2') format('woff2'),
        url('fonts/ProximaNova-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Th';
    src: url('fonts/ProximaNovaT-Thin.woff2') format('woff2'),
        url('fonts/ProximaNovaT-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}



body {background: #fff; margin: 0; font:14px 'Proxima Nova Rg', sans-serif; color: #333; line-height:24px; overflow-x:hidden;}
a{color:#2266bb;}
a:hover{color:#000; text-decoration: none;}
a, .header, img, .menu, .btn, .nav ul, .row, .social i:hover, .thumb:hover{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
a:focus, button:focus{outline:none;}
.top-btm-space{padding-top:50px; padding-bottom:50px;}
.py-3{padding:40px;}
.my-3{margin-top:30px; margin-bottom:30px;}
.mt-5{margin-top:30px;}
.mt-0{margin-top:0;}
.mr-auto {margin-right: auto;}
.col-auto {width: auto; padding-left: 15px; padding-right: 15px;}
.mr-top{margin-top:50px;}
.bigtext{font-size:18px;}
.line{margin:35px 0; border-top: 1px solid #cecece;}


h1, h2{font:50px 'Savoy', sans-serif; color: #333; font-weight:400; margin:20px 0;}
h1 span{font-size:50px;}
h2{font-size:30px;}
h6 {margin:10px 0;font-size:24px;font-weight:100;}
.text-white{color:#fff!important;}
.light-color{color:#b08356;}
.black-color{color:#000;}

html {
  scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
}

.header{width:100%; z-index:99; position:fixed; height:auto; background:none; padding:10px 0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.header.full{background:#fff; -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
    box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);}
.headerspace{height:90px;}
.logo img{max-width:420px; position:relative;}
.header.full .logo img{max-width:210px;}
.header.full .topicon i{color:#333;}
.header.full .nav li a{color:#333;}
.header.full .nav li a.active {color: #f6b563;}

.btn-primary{padding:8px 25px; border-radius:40px; text-transform:uppercase; font-size:13px; background:#2266bb;}
.btn-primary:hover{background:#fff;  border:1px solid #2266bb;  color:#2266bb;}
.btn-default{background:none; color:#2266bb; border:1px solid #2266bb;}
.btn-default:hover{background:#2266bb;  border:1px solid #2266bb;  color:#fff;}




.grey-bg{background:#f2f0ed;}
.dark-bg{background:#2e2e2e;}


.d-flex{display:flex; flex-wrap: wrap;}
.align-items-center{align-items:center;}

.justify-content-center {justify-content: center;}
.order-12{order:12;}
.topicon i{font-size:16px; margin:0 0 0 14px; color:#fff;}
.topicon i:hover{color:#f9c623;}

.nav ul {list-style: none; padding: 0; margin:0;width:100%; text-align:right;}
.nav li {display: inline-block; margin: 0;}
.nav li a {font-size:12px; color: #fff; text-decoration: none; text-transform:uppercase; margin:0 0 0 16px; padding:0; font-weight:400;}
.nav li a:hover, .nav li a.active {color: #f6b563;}
#snav{display:none;}

#banner{width:100%; position:relative;}
#banner img{width:100%;}
#banner .carousel-caption{position:absolute; top: 50%; transform: translate(0, -50%); text-align:center;  text-shadow:none;}
#banner .carousel-caption p{font-size:18px;}
#banner .carousel-caption h1{text-transform:uppercase; font-size:66px;}
#banner .carousel-caption h1 span{font-size:50px; vertical-align:middle;}
#banner .carousel-inner a{position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; bottom:20%;width: 170px;}
#banner .carousel-indicators img{width:calc(20px + (50 - 20) * ((100vw - 300px) / (1600 - 300))); margin:0 0 0 20px;}
#banner .carousel-indicators img:hover, #banner .carousel-indicators .active img{-webkit-transform: scale(1.38,1.38); -ms-transform: scale(1.38,1.38); -o-transform: scale(1.38,1.38); transform: scale(1.38,1.38);}
#banner .carousel-indicators li {display: inline-block; text-indent: inherit; cursor: pointer; background: none; border:0; width:auto; height:auto;}
#banner .carousel-indicators{bottom:inherit;}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.innerbanner{position:relative;}
.innerbanner:before{position:absolute; content:''; background:#000; opacity:0.3; height:100%; width:100%; left: 0;}
.innerbanner img{width:100%; height:640px; object-fit: cover;}
.innerbanner .inner-cap{position:absolute; left:0; right:0; text-align:center; color:#fff; top:50%; transform: translate(0, -50%); font-size: 18px;    max-width: 700px; width: 100%; margin: 0 auto; }
.innerbanner h2{font:50px 'Savoy', sans-serif; color: #fff;}
.innerbanner h2 span{text-transform:uppercase; display:block;}





.thumb{text-align:center;}
.thumb img{margin:0 auto; display:block;}

.colorbox{font-size:13px; font-weight:600;}
.colorbox a{color:#e36d2a; display: block; margin-bottom: 10px;}
.colorbox span{display:block; text-transform:uppercase;}
.colorbox img{margin:0 auto;}
.colorbox img:hover{-webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}

.expand {display: block;text-decoration: none;color: #555;cursor: pointer;}


input[type="text"], textarea{
    font-size: 13px;
    font-weight: 400;
    color: #333;
    width: 100%;
    height:45px;
    line-height:45px;
    padding: 0 15PX;
    background: #f7f7f7;
    border-radius:0;
    box-sizing: border-box;
	margin-bottom:10px;
    outline: none;
	border: none;
}
textarea{height:250px; line-height: inherit}
#contactform_error{display:block; color:#d4222a;}
.navbar-form navbar-left{
    width:450px;
}
#newsletter input[type="text"]{background:none; border:1px solid #999; width:100%; height:45px; line-height:45px; margin-bottom:0;}
#newsletter .btn{border-radius:0; background:#2266bb; height:45px; color:#fff; margin-left:-4px; padding:0 25px; text-transform:uppercase; border:0;}
.navbar-form{border:0; box-shadow: none;}
.navbar-form .form-group{width:325px;}
.mt-0{margin-top:0;}
.footer{background:#232323; color:#999; font-size:13px; line-height:30px;}
.footer a{margin-right:10px; color:#fff;}
.footer a:hover{color:#8cc63f;}
.social{margin:20px 0 0 0;}
.social i{font-size:25px; color:#fff; display:inline-block; margin:0 10px;}
.social i:hover{color:#8e8e8e;}


.list {margin:10px 0 0 0;padding: 0;list-style: none;font-size: 14px;}
.list li {margin-bottom: 10px;padding-left: 40px;position: relative;}
.list li:before {font-family: 'Font Awesome 5 Free';position: absolute;left: 0;content: '\f00c';color: #0f9456;font-size:16px;font-weight: 700;}
.topspace{height:100px;}
.thumbnail .caption{padding:30px;}
.thumbnail h3{margin-bottom:15px; margin-top: 0;  min-height: 60px;}
.thumbnail p{margin-bottom: 0;}
.thumbnail .innerbanner img{height: inherit;}

.productinner{width:800px; margin:0 auto; text-align:left;}
.nav-product{margin:0;}
.nav-product li{float:none;}
.nav-product li a{background:#cd163f; border-radius:0; padding:15px 68px; margin:0; border:1px solid #fff; font-size:14px;}
.nav-product li a:hover{background:#333; color:#fff;}
.findbox{border:1px solid #d9d9d9; padding:10px; font-size:16px;}
.findbox img{margin:0 auto 10px; width:60px;}

.breakPoint{ position: relative; top: -55px; visibility: hidden;}
.colors a{display: inline-block; margin: 0 6px; border: 1px solid #e4e4e4; padding: 2px 8px; border-radius: 3px;}

.header-featured{
    position: absolute;
    text-align: center;
    top: 50px;
        left: 0;
    right: 0;
}
.container {position:relative;}
.space{padding:25px;}

@media(min-width:1200px) {
.container {max-width: 1170px; position:relative;}
#banner .carousel-indicators{top:58%;}
}
@media (min-width:992px) and (max-width:1199px){
.logo img {max-width: 275px;}
.nav li a {margin:0 0 0 9px;}
.nav-product li a{padding:15px 45px; margin:0;}
#banner .carousel-caption h1, #banner .carousel-caption h1 span{font-size:40px;}
#banner .carousel-indicators {top:55%;}
#banner .carousel-caption a {margin-top: 120px;}
#newsletter .btn{margin-left:0; margin-top:10px;}
.thumb{margin:0 0 40px 0;}
h1{font-size:25px;}
}

@media (min-width:768px) and (max-width:991px){
.topicon i {font-size:14px; margin: 0 0 0 9px;}
.logo img,.header.full .logo img {width:180px;}
.nav li a{font-size:10px; margin:0 0 0 5px;}
#banner .carousel-caption h1, #banner .carousel-caption h1 span{font-size:30px; margin:0;}
#banner .carousel-indicators {top:48%;}
#banner .carousel-caption a {margin-top: 120px;}
#banner .carousel-caption p{font-size:14px;}
.thumb{margin:0 0 40px 0;}
.bigtext {font-size: 14px;line-height: 18px;}
.nav-product li a{padding:15px 30px; margin:0; font-size:13px;}
h1{font-size:25px;}
.topspace {height: 60px;}
.contactform{width:100%;}
.findbox{margin-bottom:10px;}
}

 @media (min-width:200px) and (max-width:767px) {
.header,.header.full{padding:8px 0;}
.topicon {right: 50px; position: absolute; bottom:23px;}
.topicon i {font-size:16px; margin: 0 0 0 9px;}
.logo img{max-width:220px;}
#nav {display:none; position:absolute; right:5px; background:#333; min-width:220px; padding:0; top:67px;}
.header.full #nav{top:69px;}
.expand-btn {background: none;border: 0;outline: none;color: #fff;font-size:20px;display: inline-block !important;float:right;}
.header.full .expand-btn{color: #333;}
.header.full .nav li a{color: #fff;}
.expand h2{font-size:14px;}
.nav li {display: block;line-height: normal;margin:0; border-bottom:1px solid #575757;}
.nav li a {margin: 0;padding: 0 10px;height: 40px;line-height: 40px;color:#fff;display:block; font-size:13px;}
.nav li a:hover{background:#575757; color:#fff;}
#banner .carousel-caption h1, #banner .carousel-caption h1 span{font-size:20px; margin:0;}
#banner .carousel-indicators {top:54%;}
#banner .carousel-caption p{font-size:13px;}
#banner .carousel-inner a{bottom:14%;}
#newsletter .btn{margin-left:0; margin-top:10px;}
.thumb{margin:0 0 40px 0; text-align:center;}
.navbar-form .form-group {width:100%;}
.btn{padding:10px 30px;}
.order-12{order:inherit;}
.mr-top{margin-top:30px;}
.bigtext {font-size: 14px;line-height: 18px;}
h1{font-size:30px;}
.colorbox{font-size:11px;}
.colorbox img{width:60px;}
.innerbanner h2{font-size:30px;}
.productinner{text-align:center; width:100%;}
.productinner img{margin:0 auto;}
.nav-product li{border-bottom: 1px solid #b41438;}
.nav-product li a:hover{background:#333; color:#fff;}
h1{font-size:25px;}
.top-btm-space {padding-top:30px; padding-bottom:30px;}
.topspace {height: 60px;}
.contactform{width:100%;}
.my-3 {margin-top:0px;margin-bottom: 0px;}
.findbox{margin-bottom:10px;}
.nav-product li a{border:0;}
.innerbanner img {width: 100%; height: 370px; object-fit: cover;}
.header-featured{top: 30px;}
.nav-product {margin-top: 40px;}
}

@media (max-width:530px){
.topicon{bottom:18px;}
.contactform{width:100%;}
.topspace {height:30px;}
.colorbox{font-size:9px;}
.expand h2 {font-size:10px;}
#nav{top:50px;}
.header.full #nav{top:54px;}
.headerspace {height:50px;}
.logo img {max-width: 154px;}
.header.full .logo img {max-width: 154px;}
#banner .carousel-indicators img{margin:0 0 0 7px;}
#banner .carousel-caption{top:48%;}
#banner .carousel-caption h1, #banner .carousel-caption h1 span{font-size:15px;}
#banner .carousel-caption p{font-size:8px;}
#banner .carousel-inner a{bottom:10%; font-size:10px; width:125px; padding:5px;}
#banner .carousel-indicators {top: 60%;}
.footer{line-height:20px; padding:0;}
.footer a{display:inline-block; font-size:10px;}
.btn-primary{font-size:12px;}
.bigtext {font-size: 12px;line-height: 18px;}
h1{font-size:20px;}
h3{font-size:18px;}
body{font-size:13px; line-height:18px;}
}