@import url('https://use.fontawesome.com/releases/v5.10.1/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600&family=Raleway:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 {position:relative; min-height:1px; padding-right:10px; padding-left:10px;}
.col-xs-15 {width: 20%;float: left;}

@media (min-width: 768px) {
    .col-sm-15 {width: 20%;float: left;}
}
@media (min-width: 992px) {
    .col-md-15 {width: 20%;float: left;}
}
@media (min-width: 1200px) {
    .col-lg-15 {width: 20%;float: left;}
}

.row.divider > [class*='col-']:before,.row.divider > [class*='col-']:after {background:#a1a1a1; bottom: 0; content: " "; left: 0; position: absolute; width: 1px; top: 0;}
.row.divider > [class*='col-']:before {left: 0;}
.row.divider > [class*='col-']:after {right:-1px;left:auto;}
.row.divider > [class*='col-']:first-child:before,.row.divider > [class*='col-']:last-child:after {display: none;}

/****************************************************************************/
html {scroll-behavior: smooth;}
body{color:#000; /* font-family: 'Raleway', sans-serif; */ font-family: 'Montserrat', sans-serif; font-size:16px; font-weight:400; margin:0px; padding:0px; line-height:1.6;}
.font-barlow{font-family: 'Barlow', sans-serif;}

.font-weight-semi{font-weight:600}
p{margin-bottom:20px;}
ul {list-style-type:disc;}
hr {margin:30px 0 30px 0; background-color:#404c63;}

a{color:#197600; outline:none!important;}
a:hover {color:#000; text-decoration:none;}

.radio input[type=radio]{margin-top:10px;}

.container {position:relative;}
.no-gutter {margin-left:0px!important;margin-right:0px!important;}
.no-gutter div[class^="col"]{padding-left:0px!important;padding-right:0px!important;}

.gutter-xs {margin-left:-8px!important;margin-right:-8px!important;}
.gutter-xs div[class^="col"]{padding-left:8px!important;padding-right:8px!important;}

.gutter-sm {margin-left:-10px!important;margin-right:-10px!important;}
.gutter-sm div[class^="col"]{padding-left:10px!important;padding-right:10px!important;}

textarea.form-control{resize:none;min-height:120px;}
.form-control {height:50px; border-color:#fff;border: 1px solid #ccc;}

h1,.h1, h2,.h2,h3,.h3{font-family: 'Barlow', sans-serif; font-weight:400;}
h1,.h1{font-size:40px; margin-bottom:25px; line-height:50px; color:#000;}
h2,.h2{font-size:35px; margin-bottom:25px;}
h3,.h3{font-size:22px; margin-bottom:15px; font-weight:600;}

.fs-45{font-size:45px;}
.fs-18{font-size:18px;}
.fs-22{font-size:22px;}

.lh-1{line-height:1;}

.Bor:after {border-bottom:2px solid #6e6e6e; content:"";display:block; margin:0 0 35px 0; padding-bottom:25px; width:70px;}
.Bor1:after {border-bottom:2px solid #6e6e6e; content:""; display:block; margin:auto auto 65px auto; padding-bottom:20px; width:70px;}

.breadcrumb{border-bottom:1px dashed #000; margin:0 0 25px; background-color:transparent;padding:0 0 15px; text-transform:uppercase; font-size:11px; font-weight:bold; letter-spacing:.050em;} .breadcrumb>li+li:before{content:"\00BB";color:#b0a049; margin:0 10px;}

/******* Helpers ********************************************************************/
.bg-danger{background-color:#802206!important;}
.bg-warning{background:#d66f00 !important;}
.text-dark{color:#525252 !important;}
.boxshadow{box-shadow:5px 5px 10px rgba(0,0,0,.3);}

.ImgFade{background-color:#000;}
.ImgFade img{opacity: 0.6; filter: alpha(opacity=60); /* For IE8 and earlier */}
.img-thumbnail {padding: 10px; border: 1px solid #cbcbcb; border-radius: 0;	box-shadow:3px 3px 5px rgba(0,0,0,0.75);}

/******* Buttons ********************************************************************/
.btn{ moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;text-decoration:none !important;
font-size:13px; padding:14px 30px; border-radius:0px; text-transform:uppercase; letter-spacing:.1em;font-family: 'Muli', sans-serif; font-weight:700;}

.btn-dark{background-color:#009FE3; border-color:#009FE3; color:#fff !important;}
.btn-dark:hover,.btn-dark.focus,.btn-dark:focus{background-color:#010101 !important; border-color:#010101 !important;color:#fff !important;}
strong {
    color: #717171;
    font-weight: 600 !important;
}

p {
    margin-bottom: 15px !important; 
}
#Products a:hover{color: #009FE3!important; }
.cart_totals.calculated_shipping td {
    padding: 10px !important;
}
/************************************************* Header ********************************************************************/
#Header{font-size:13px; border-bottom:solid 1px #009FE3 ; color:#009FE3; letter-spacing:.020em;} 
#Header .Logo{padding:20px 0px;} #Header .HdLinks .fas{color:#000; font-size:15px;} #Header .HdLinks span{color:#010101;}
#Header .HdLinks a{font-size:12px; text-transform:uppercase; display:inline-block; padding:0 7px;color:#010101;}
#Header .HdLinks a:hover{color:#000;}

#Header .input-group{min-width:270px;}
#Header .input-group .form-control{background:#f3f3f3; border-radius:4px 0px 0px 4px; box-shadow:none; color:#000; font-size:13px; height:40px; padding-left:13px;} 
#Header .input-group .btn{background:#f3f3f3; padding:0px 10px;border-radius:0px 4px 4px 0px;}
#Header .input-group .btn:hover{background:#ccc;}
#Header .row{display:flex; justify-content:center; align-items:center;}

.dropdown-menu {padding:0px!important;}
.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;text-decoration: none;background-color: #009FE3;}
/************************************************* Navbar ********************************************************************/
.navbar .nav-item .nav-link{color:#000 !important; font-size:15px; padding:20px 28px !important; letter-spacing:.060em; font-weight:400; border-top:solid 5px #fff;}
.navbar .nav-item .nav-link:hover,.navbar .nav-item .nav-link:focus,.navbar .nav-item .nav-link.active{color:#000 !important; border-top:solid 5px #009FE3 ;}

/******* Slider ********************************************************************/
.MainBanner .carousel-caption {bottom:40%; transform:translateY(40%); width:100%; left:0; right:0px z-index:0; font-size:50px;font-family: 'Satisfy', cursive; line-height:55px; text-shadow:7px 0px 7px rgba(0,0,0,.50);}

#InfoText{padding:100px 0px;}
#InfoText .Imgtext{position:absolute; top:0px; left:0px; right:0px; bottom:0px;}
#WelText {background:url(../images/bgimg1.jpg) no-repeat top center; min-height:664px; background-size:cover; padding:50px 0px; font-weight:500; color:#000; line-height:35px;}
#Products{padding:30px 0px 150px 0px;} #Products .border-dark{border-color:#cccccc !important;}
#Products .proprice{font-size:22px; color:#6e6e6e;}

#TestiArea{padding:100px 0; background:#f5f5f5;} 
#TestiArea .Bor1:after {border-bottom:2px solid #6e6e6e; content:""; display:block; margin:auto auto 35px auto; padding-bottom:20px; width:70px;}
#Testimonials {line-height:35px;} 
#Testimonials .Name{color:#6e6e6e; font-weight:600;}
#Testimonials q:before,#Testimonials:before {content: open-quote; position:absolute; left:0; top:45px;}
#Testimonials q:after,#Testimonials:after {content: close-quote; position:absolute; right:0; top:45px; }
#Testimonials q:before,#Testimonials q:after,#Testimonials:before,#Testimonials:after {color:#dddddd; font-size:130px; font-family: 'Lora', serif; font-weight:700;}
#Testimonials .carousel-inner{width:80%; margin:auto;}
#Testimonials .carousel-indicators {position:static; margin-top:50px;}
#Testimonials .carousel-indicators li{width:12px; height:12px; margin:0 4px; background-color:#e6dfdf;border:solid 1px #e6dfdf; border-radius:50%;}
#Testimonials .carousel-indicators li.active {background-color:#a6a6a6; border:solid 1px #a6a6a6;}

.map {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}

/********** Additional CSS ***************************************************************************************************/
#Products .btn-lnk, #Products .btn-lnk:hover {color:#fff!important;}

/********** Footer ***************************************************************************************************/
#Footer{color:#fff; font-size:11px; background:#000; letter-spacing:.1em; margin-top:40px !important;}
#Footer a{color:#fff;}#Footer a:hover{color:#009FE3;}

#Footer .input-group {
    min-width: 423px;
    flex-wrap: nowrap;
}
#Footer .input-group .form-control{background:#fff; border-radius:6px 0px 0px 6px; box-shadow:none; color:#555454; font-size:13px; height:50px; padding-left:15px;} 
Footer .input-group .btn {
    background: #fff !important;
     padding: 0px 15px !important; 
    border-radius: 0px 6px 6px 0px;
}
.tnp-subscription input[type=text], .tnp-subscription input[type=email], .tnp-subscription input[type=submit], .tnp-subscription select{background:#fff!important;}
.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
    font-size: 28px;
    letter-spacing: 0;
    margin-top: 30px;
}
div#InnerPages {
    min-height: 300px;
}
.strong-view.wpmtst-default .wpmtst-testimonial-field {
    font-weight: 800;
    font-size: 18px;
}
#Footer .input-group .btn:hover{background:#dedede;}
#Footer .form-control::placeholder{color:#555454;}

#Footer .list-inline a{font-size:16px; margin:0px; color:#fff;}
#Footer .list-inline a:hover{color:#dedede;}
#Footer .list-inline-item:not(:last-child) {margin-right:12px;}
#Footer .copytext{font-size:11px; color:#b3b3b3; letter-spacing:.1em;}
#Footer hr{border-color:#195c8d;}

/********** New-work-inner pages ***************************************************************************************************/
.Comingsoon{background:url(../images/comingsoon.png) no-repeat center center; opacity:.1; min-height:450px;}

/********** Back To Top Button ***************************************************************************************************/
#scroll {background:rgba(156,156,156,0.70); position:fixed; right:10px; bottom:10px; z-index:99999; cursor:pointer; width:45px; height:45px; text-indent:-9999px; display:none; webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px}
#scroll span {position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#525252;}
#scroll:hover {background-color:#9c9c9c; opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}

.container{max-width:1170px !important;}
.container-fluid{max-width:1170px !important;}
.container-new{max-width:1920px !important; padding-right:15px; padding-left:15px;margin-right: auto;margin-left: auto;}

.main-navigation ul#menu-main-menu li.menu-item a:hover {
    color: #000 !important;
    border-top: solid 5px #cccccc;
}
ul.sub-menu li a{border-top: none !important;}
.main-navigation ul#menu-main-menu li.menu-item ul.sub-menu li a:hover{color: #fff !important;}

.main-navigation ul#menu-main-menu li.menu-item a{
	color: #000 !important;
    font-size: 15px;
    padding: 20px 22px !important;
    letter-spacing: .060em;
    font-weight: 400;
    border-top: solid 5px #fff;
}
@media (min-width: 767.98px) {.navbar-nav>li+li {margin-left:1px;}
}
@media (min-width: 1920px) {
.container-new{max-width:1920px !important; padding-right:15px; padding-left:15px;margin-right: auto;margin-left: auto;}
.container-fluid{max-width:1630px !important;}
.gutter-lg {margin-left:-20px!important;margin-right:-20px!important;}
.gutter-lg div[class^="col"]{padding-left:20px!important;padding-right:20px!important;}
}
@media (max-width: 1280px) {}

@media (min-width: 1359.98px) and (max-width: 1459.98px) {.navbar-nav>li+li {margin-left:14px;}}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {
.main-navigation li a {
    padding: 20px 13px !important;
}
	}
@media (min-width: 991.98px) and (max-width: 1199.98px) {
.navbar .nav-item .nav-link{padding:20px 18px !important;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
.navbar .nav-item .nav-link{padding:15px 5px !important;font-size:14px;}
#InfoText,#TestiArea,#Products{padding:50px 0px;} .fs-45{font-size:28px;}
#WelText {min-height:unset; padding:50px 0px 40px 0px; line-height:30px;}
}

@media (max-width: 767.98px) {	
#Header{border-bottom:none;} #InfoText,#TestiArea,#Products{padding:50px 0px;}
#Footer .input-group{min-width:100%;}
#Testimonials .carousel-inner {width:79%;}
#Testimonials {font-size:16px; line-height:1.6;} 
#Testimonials q:before,#Testimonials:before,#Testimonials q:after,#Testimonials:after {top:-35px; }
#Testimonials q:before,#Testimonials q:after,#Testimonials:before,#Testimonials:after {font-size:120px;}

.navbar-toggler{position:absolute;top:-50px;right:0px;background-color:#9c9c9c !important; outline:none !important;} .navbar .nav-item .nav-link{padding:5px 15px !important;}
.navbar {padding:0px !important;} .navbar .nav-item {border-bottom:solid 1px #cccccc;background:#fff; text-align:center;} .navbar-toggler-icon{width:1em; height:1em; color:#FFF;}
.navbar-nav>li+li {margin-left:0px;}
.navbar .nav-item .nav-link:hover,.navbar .nav-item .nav-link:focus,.navbar .nav-item .nav-link.active{color:#000 !important; background:#fff;}
}

@media (max-width: 479px) {
#Testimonials q:before,#Testimonials:before {left:-15px; top:-35px;}
#Testimonials q:after,#Testimonials:after {right:-15px; top:-35px;}
#Testimonials q:before,#Testimonials q:after,#Testimonials:before,#Testimonials:after {font-size:80px;}
#Header .HdLinks{text-align:left !important;} #Header .HdLinks a{padding:0 4px;}
#InfoText,#TestiArea,#Products{padding:30px 0px;}
}

@media (max-width: 320px) {
#Header .HdLinks a{padding:0 1px; font-size:10px;}
#InfoText,#TestiArea,#Products{padding:15px 0px;}
}