body{font-family: 'Roboto', sans-serif; font-size:18px; font-weight:400; color:#222; line-height:26px; margin:0px; }
p{font-family: 'Roboto', sans-serif; font-size:18px; font-weight:400; color:#222; line-height:26px; margin:0px; padding-bottom:15px;}
h1,h2,h3,h4,h5,h6{margin:0px; font-family: 'Roboto', sans-serif; position:relative;}
a,input{font-family: 'Roboto', sans-serif; font-weight:400; color:#222;}
a,div,input,button{outline: none; }

h1 {font-family: 'Roboto', sans-serif; font-weight: 700; font-size:56px; line-height:68px; padding-bottom:20px; color:#fff; }
h2 {font-family: 'Roboto', sans-serif; font-weight: 700; font-size:48px; line-height:58px; padding-bottom:15px; margin-bottom: 25px; color:#1a2630; }
h2:after {content:''; width:50px; height:2px; position:absolute; left:0px; right:0px; margin:0 auto; bottom:0px; background:#ffa734;}
h3 {font-family: 'Roboto', sans-serif; font-weight: 400;}

.grid-container {max-width:1400px;}

input,button{transition:background-color 300ms ease-out 0s;}
#menu-topmenu .fa{font-size:16px;}

.nav-outer-main { width: 100%; top: 0px; position: fixed; z-index: 10; left: 0; background:#1a2630; padding: 20px 0px;}
.nav-outer { margin: 0 auto; position: relative; padding: 0 14px; max-width: 1600px;}

/*.nav-outer-main.stickymenu {left: 0;right: 0;z-index: 999; position: fixed;top: 0;width: 100%;background:rgba(0,0,0,.9); height:130px;}
.nav-outer-main.stickymenu {animation: smoothScroll 1.3s forwards;}*/

@keyframes smoothScroll {
    0% {
        transform: translateY(-140px);
    }
    100% {
        transform: translateY(0px);
    }
}

.nav-outer ul li.active a { background: none; color:#ffa633;}


.top-header-links {position: absolute;max-width:  80rem; margin: 0 auto;left: 0;right: 0;text-align: right; top: 0px; padding-right: 0px;}
.is-drilldown {position: relative;overflow: visible !important;min-height: auto !important;}
.top-bar{background: transparent;padding: 0;}
.dropdown.menu > li > a{font-family: 'Roboto', sans-serif; font-size:20px; padding:95px 0px; top: 0px; color: #fff; font-weight: 500; text-transform:none; position:relative;}
.dropdown.menu > li > a:hover{color:#ffa633; }
.top-bar-right > ul {float: right; background: transparent; margin-top:22px; margin-right: 0; text-align: center; position: absolute; left:0px; right: 0px; display: block;}

.logo {float: left; position: relative; z-index: 1;}



.dropdown.menu > li {margin:0px 30px; display: inline-block;}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {border: inset 0;}
.dropdown.menu > li > a:before{top: 1.5px;}

.dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {right: auto;left: 0; margin-top:0px;}

.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { content:'\f107'; font-family: 'FontAwesome'; margin-top: -8px; right:18px;}

.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { right: auto; left: 0; top: 38px; border-radius: 10px; border-top-left-radius: 0px;}
.is-dropdown-submenu > li {position: relative;}

.is-dropdown-submenu {min-width: 210px;}

.call-btn {position:absolute; right:15px; top:-8px;}
.call-btn a {display:block; padding:13px 20px; color:#fff; text-transform:none; font-size:18px; font-family: 'Roboto', sans-serif; font-weight:400; transition:all ease 0.5s; }
.call-btn span {display:block; font-size:30px; font-weight:700; line-height:28px;}
.call-btn img { position: absolute; left: -30px; top: 24px;}


.slider-sec { position:relative; width:100%; margin-top:110px; }
.slider-sec .slider {margin:0px;}
.slider-sec .slider .slick-slide {min-height:800px;}
.slider-text {width: 100%; max-width:1250px; margin: 0 auto; padding:18px 0 28px; top: 55%; transform: translateY(-55%); position: absolute; right: 0; left: 0; z-index:1; text-align:center; }
.slider-sec .slider.single-item {margin-top: 0;}
.slide-overlay {width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.6); left: 0; top: 0; z-index:1; }

.slider-text p {color:#fff; font-size:21px; line-height:39px; font-family: 'Roboto', sans-serif; font-weight:400;}

.banner-textwrap {width:100%; position:absolute; max-width:1250px; top:50%; transform:translateY(-50%); left:0; right:0; z-index:2; margin:0 auto; display:flex; justify-content: space-between; align-items:center;}
.banner-text {width:50%;}
.banner-text ul {margin:0px; padding:0px;}
.banner-text ul li {list-style:none; position:relative; padding-left:25px; font-family: 'Roboto', sans-serif; font-weight:400; font-size:21px; line-height:39px; color:#fff;}
.banner-text ul li:before {content:'\f058'; font-family: 'FontAwesome'; font-size:19px; position:absolute; left:0;}
.banner-form { width: 37%; padding: 30px; background: #fff;}
.banner-form h2 {font-size:36px; line-height:36px; font-weight:800; text-align: center;}
.banner-form h2 span {color:#f68b00;}
.banner-form input[type="text"], .banner-form input[type="tel"], .banner-form input[type="email"] {height:50px; background:#f0f0f0; border:1px solid #d8d8d8; font-size:17px; font-weight:400; color:#333; box-shadow:none; margin-bottom:10px;}
.banner-form textarea {height:120px; background:#f0f0f0; border:1px solid #d8d8d8; font-size:17px; font-weight:400; color:#333; box-shadow:none; margin-bottom:10px; resize:none;}
.banner-form span.captcha { display: block; margin-bottom: 10px;}
.banner-form input[type="submit"] {height:60px; background:#f68b00; border:0px; font-size:30px; font-weight:700; color:#fff; box-shadow:none; text-transform:uppercase; width:100%; cursor:pointer; transition:all ease 0.3s; position:relative;}
.banner-form input[type="submit"]:hover {background:#1a2630;}


.products {width:100%; position:relative;}
.products h2:after {right:auto; left:3px;}
.products h3 {font-size:34px; line-height:40px; font-weight:700; color:#f68b00; padding-bottom:0px;}
.products h4 {font-size:22px; line-height:26px; font-weight:500; color:#222222; padding-bottom:25px;}
.products h5 {font-size:22px; line-height:24px; font-weight:500; color:#222222; text-decoration:underline; padding-bottom:10px;}
.products .slider {background:none; margin:0px; }
.products .slider .slick-prev {left:150px; width:52px; height:52px; background:url("../img/arrow-left.png") no-repeat; top:auto; bottom:100px; }
.products .slider .slick-next {right:auto; left:220px; width:52px; height:52px; background:url("../img/arrow-right.png") no-repeat; top:auto; bottom:100px; }

.products .slider .slick-slide {display:flex; justify-content:center; align-items:center;}

.products .cell { max-width: 100%; padding: 0px;}
.pro-left {width:50%; float:left; padding:70px 150px;}
.pro-left .btn {display:inline-block; font-size:24px; font-weight:700; text-transform:uppercase; color:#fff; padding:15px 20px; background:#f68b00; transition:all ease 0.3s;}
.pro-left .btn:hover {background:#1a2630;} 

.pro-right {width:50%; position:relative; float:right;}
.pro-right img {width:100%; object-fit:cover;}
.pro-price {width:200px; height:170px; position:absolute; left:0; bottom:0; color:#fff; background:#1a2630; font-size:35px; line-height:40px; font-weight:700; text-align:center; padding:60px 50px 20px 0px; border-top-right-radius:100%;   }
.pro-price:before {content:''; width:200px; height:170px; position:absolute; left:0px; bottom:0; background:none; border-top-right-radius:100%; border-top:13px solid #f68b00;}
.pro-text {width:200px; height:170px; position:absolute; left:0; bottom:0; color:#fff; background:#1a2630; font-size:25px; line-height:30px; font-weight:700; text-align:center; padding:60px 50px 20px 0px; border-top-right-radius:100%;   }
.pro-text:before {content:''; width:200px; height:170px; position:absolute; left:0px; bottom:0; background:none; border-top-right-radius:100%; border-top:13px solid #f68b00;}

.gallery {width:100%; background:url("../img/gal-bg.jpg") repeat #19252f; padding:80px 0px 80px; text-align:center;}
.gallery .slider {background:none; width:99%; margin:0 auto; padding-bottom:100px;}
.gallery .slider .slick-prev {left:50%; width:52px; height:52px; background:url("../img/arrow-left1.png") no-repeat; margin-left:-60px; top:auto; bottom:0px; transform:none; }
.gallery .slider .slick-next {right:50%; width:52px; height:52px; background:url("../img/arrow-right1.png") no-repeat; margin-right:-60px; top:auto; bottom:0px; transform:none; }



.gallery h2 {color:#fff; margin-bottom:40px;}
.gal-box {padding:0px 10px;}
.gal-box img {width:100%; height:444px; object-fit:cover;}
.fancybox-overlay { background: rgba(0,0,0,0.7) !important;}

.about-sec {width:100%; padding:80px 0px 90px;}
.about-sec .grid-container {max-width:1370px; }
.about-sec h2 {text-align:center; margin-bottom:50px;}
.about-left {}
.about-left ul {margin:0px; padding:0px;}
.about-left ul li {list-style:none; position:relative; padding-left:25px; font-size:18px; line-height:22px; padding-bottom:13px;}
.about-left ul li:before {content: '\f058'; font-family: 'FontAwesome'; position:absolute; left:0; color:#f68b00;}

.about-right {}

.freequote-sec {width:100%; position:relative; }
.quote-left {width:50%; float:left; padding:90px 240px; background:url("../img/gal-bg.jpg") repeat #19252f;}
.quote-left h2 {color:#fff;}
.quote-left h2:after {right:auto;}

.quote-left input[type="text"], .quote-left input[type="tel"], .quote-left input[type="email"] {height:50px; background:#f0f0f0; border:1px solid #d8d8d8; font-size:17px; font-weight:400; color:#333; box-shadow:none; margin-bottom:10px;}
.quote-left textarea {height:120px; background:#f0f0f0; border:0px solid #d8d8d8; font-size:17px; font-weight:400; color:#333; box-shadow:none; margin-bottom:10px; resize:none;}
.quote-left span.captcha { display: block; margin-bottom: 10px;}
.quote-left input[type="submit"] {height:54px; background:#f68b00; border:0px; font-size:26px; font-weight:700; color:#fff; box-shadow:none; text-transform:uppercase; width:150px; cursor:pointer; transition:all ease 0.3s; position:relative;}
.quote-left input[type="submit"]:hover {background:#fff; color:#1a2630;}


.quote-right {width:50%; position:relative; float:right;}

.about2 {width:100%; padding:90px 0px;}
.about2 .grid-container {max-width:1370px; }
.about2 h3 {color:#1a2630; font-size:36px; line-height:40px; padding-bottom:10px; font-weight:700; margin-top:-5px;}
.about2-left {}
.about2-right {}

.map-section { width:100%; position: relative;}
.map-section iframe {display:block;}
.address-box { background: #1a2630; padding: 35px; max-width: 510px; position:absolute; top: 50%; transform: translateY(-50%); }
.address-box h3 { color: #fff; font-size: 30px; line-height:32px; font-weight: 600; margin-bottom: 16px;}
.address .grid-container { max-width: 1250px;}
.address-box ul {margin:0px; padding:0px;}
.address-box ul li {list-style:none; color:#fff; font-size:20px; line-height:34px; padding-bottom:10px; position:relative; padding-left: 28px;}
.address-box ul li a {color:#fff; transition:all ease 0.3s;}
.address-box ul li a:hover {color:#f68b00; }
.address-box ul li i { left: 0px !important; position: absolute; width: auto; top:8px;}

.map-social {margin-top:10px;}
.map-social a {color:#fff; transition:all ease 0.3s; font-size:32px; margin-right:15px; display:inline-block;}
.map-social a:hover {color:#f68b00; }




footer {width:100%; padding:90px 0px 0px; background:#1a2630;}
footer h4 {color:#fff; font-weight:700; font-size:22px; line-height:22px; padding-bottom:18px;}
footer ul {margin:0px; padding:0px;}
footer ul li {list-style:none; position:relative; font-size:17px; line-height:22px; color:#fff; padding-bottom: 18px;}
footer ul li a {color:#fff; transition:all ease 0.3s;}
footer ul li a:hover {color:#f68b00;}

footer .grid-x.grid-padding-x {
	justify-content: space-between;
}


.foot1 { padding: 0px 15px;}
.foot2 {padding: 0px 15px;}
.foot3 {padding: 0px 15px;}
.foot4 {padding: 0px 15px;}
.foot4 ul li {padding-left:24px;}
.foot4 ul li i { left: 0px !important; position: absolute; width: auto; top:2px; color:#fff;} 
.copyright {color:#bdbdc0; font-size:17px; font-weight:400; margin-top:80px; padding:20px 0px; border-top:1px solid #233340;}
.copyright a {color:#bdbdc0; transition:all ease 0.3s;}
.copyright a:hover {color:#fff;}
.copy-left{}
.copy-right{ text-align:right;}

.foot-social {width:100%; margin-top:30px; text-align:center; }
.foot-social a {display:inline-block; text-align:center; color:#fff; font-size:22px; width:46px; height:46px; border:2px solid #fff; border-radius:50%; line-height:42px; transition:all ease 0.3s; margin: 0px 4px;}
.foot-social a:hover {background:#f68b00; border:2px solid #f68b00; color:#fff;}

.form-captcha { margin-bottom: 8px;}
.thank-you-heading .banner-text { text-align: center; width: 100%;}
.thank-you-heading .banner-text h1 {}



.pro-left-middle {width:50%; float:right; padding:70px 150px;}
.pro-left-middle .btn {display:inline-block; font-size:24px; font-weight:700; text-transform:uppercase; color:#fff; padding:15px 20px; background:#f68b00; transition:all ease 0.3s;}
.pro-left-middle .btn:hover {background:#1a2630;} 

.pro-right-middle {width:50%; position:relative; float:left;}
.pro-right-middle img {width:100%; object-fit:cover;}

.about-sec-orange{
	background: #f68b00;
	color:#fff;
}
.about-sec-orange h2{
	color:#fff;
}
.about-sec-orange p{
	color:#fff;
}

.about-sec-orange .about-left ul li:before{
	color:#fff;
}

