body {font-family: 'Roboto', sans-serif; font-size:16px; color:#252525;}
h1 {color:#0f2597; text-transform:uppercase; font-size:33px;}
h1 span {color:#252525; font-size:20px;}
h2 {color:#0f2597; text-transform:uppercase; font-size:27px; text-align:center;}
p {text-align:justify;}

/** Naivagation **/
.nav_sec {background:transparent; position:absolute; width:100%; z-index:997; border-top:#08365f 12px solid; padding:12px 0 0 0;}
.nav_right_block {float:right; padding-top:24px; display:block;}
.nav_right_block .contact {margin:0; padding:0;}
.email_block, .phone_block {margin:0; padding:0 0 0 51px; float:left; font-size:15px; font-weight:400; float:right;}
.email_block span, .phone_block span {color:#ce0e0e; font-size:17px; font-weight:500;}
.email_block span a, .phone_block span a {text-decoration:underline; color:#ce0e0e;}
.email_block span a:hover, .phone_block span a:hover {text-decoration:none; color:#073e6f;} 
.email_block {background:url(../images/icon_email.png) left top no-repeat;}
.phone_block {background:url(../images/icon_phone.png) left top no-repeat; margin-left:30px;}

.top_nav {margin:0; padding:0;}
.top_nav ul {margin:0; padding:0; float:right;}
.top_nav ul li {list-style:none; float:left; padding:0 0 0 30px; margin:39px 0 0 0;;}
.top_nav ul li a {color:#073e6f; text-transform:uppercase; font-weight:900;}
.top_nav ul li a:hover {color:#f36c21;}
.top_nav .search_inp {width:180px; color:#a2a2a2; background:#fff url(../images/icon_search.png) right 10px no-repeat; border:#c6c6c6 1px solid; border-radius: 25px; padding: 9px 36px 9px 12px; margin:-36px 0 0 0;}

.email_mobile {padding: 15px 15px 15px 54px; background:url(../images/icon_email.png) 24px 24px no-repeat;}
.email_mobile a {padding: 15px 15px 15px 48px;}
.phone_mobile {padding: 5px 15px 15px 99px; background:url(../images/icon_phone.png) 24px 1px no-repeat; font-size:25px; color:#818181; }

/** Home Welcome **/
.white_sec {background:#fff url(../images/bg_white.png) top center repeat-x; padding:60px 0; min-height:390px;}
.bt_readmore {width:fit-content; padding:9px 15px; margin:0; background:#ffb400; border:#ffb400 2px solid; color: #fff; text-align: center;  text-decoration: none;  display: inline-block; transition-duration: 0.4s;  cursor: pointer; font-weight:500; text-transform:uppercase;}
.bt_readmore:hover {background:#08365f; color:#fff;  border:#08365f 2px solid; font-weight:700; }

/** Roof Types **/
.grey_sec {background:#f4f3f3 url(../images/bg_grey.png) top center repeat-x; padding:60px 0; min-height:390px;}
.show_601 {display:block;}
.show_600 {display:none;}

/** Owl Prodcut Slider **/
#news-slider{}
.post-slide{background: #fff; margin: 20px 15px 0 15px; border-radius: 15px; padding-top: 1px; box-shadow: 0px 14px 22px -9px #bbcbd8;}
.post-slide .post-img{position: relative; overflow: hidden; margin: 0;}
.post-slide .post-img img{width: 100%; height: auto; transform: scale(1,1); transition:transform 0.2s linear;}
.post-slide:hover .post-img img{transform: scale(1.1,1.1);}
.post-slide .over-layer{width:100%; height:100%; position: absolute; top:0; left:0; opacity:0; background: linear-gradient(-45deg, rgba(6,190,244,0.75) 0%, rgba(45,112,253,0.6) 100%); transition:all 0.50s linear;}
.post-slide:hover .over-layer{opacity:1; text-decoration:none;}
.post-slide .over-layer i{position: relative; top:45%; text-align:center; display: block; color:#fff;font-size:25px;}
.post-slide .post-content{background:#fff;padding:9px 0;}
.post-slide .yellow_box {background:#ffbe00 !important; color:#fff !important;}
.post-slide .post-title {text-align:center;}
.post-slide .post-title a{font-size:18px; font-weight:bold; color:#333; display: inline-block; transition: all 0.3s ease 0s;}
.post-slide .post-title a:hover{text-decoration: none; color:#3498db;}
.post-slide .post-description{line-height:24px; color:#808080; margin-bottom:25px;}
.post-slide .post-date{color:#a9a9a9; font-size: 14px;}
.post-slide .post-date i{font-size:20px; margin-right:8px;color: #CFDACE;}
.post-slide .read-more{padding: 7px 20px; float: right; font-size: 12px; background: #2196F3; color: #ffffff; box-shadow: 0px 10px 20px -10px #1376c5; border-radius: 25px; text-transform: uppercase;}
.post-slide .read-more:hover{background: #3498db;text-decoration:none; color:#fff;}
.owl-controls .owl-buttons{text-align:center; margin-top:20px;}
.owl-controls .owl-buttons .owl-prev{background: #fff; position: absolute; top:37%; left:15px; padding: 0 18px 0 15px; border-radius: 50px; box-shadow: 3px 14px 25px -10px #92b4d0; transition: background 0.5s ease 0s;}
.owl-controls .owl-buttons .owl-next{background: #fff; position: absolute; top:37%; right: 15px; padding: 0 15px 0 18px; border-radius: 50px; box-shadow: -3px 14px 25px -10px #92b4d0; transition: background 0.5s ease 0s;}
.owl-controls .owl-buttons .owl-prev:after, .owl-controls .owl-buttons .owl-next:after{content:"\f104"; font-family: FontAwesome; color: #333; font-size:30px;}
.owl-controls .owl-buttons .owl-next:after{content:"\f105";}
@media only screen and (max-width:1280px) {
.post-slide .post-content{padding: 0px 15px 25px 15px;}
}

/** Home Experience **/
.blue_sec {background:#08365f url(../images/blue_bg.jpg) center center no-repeat; padding:60px 0 30px 0;}
.blue_sec .exp_block {background:#fff; padding:30px; margin-bottom:21px; text-align:center;}
.blue_sec .exp_block h2 {font-weight:400; font-size:48px; margin:0; padding:12px 0 0px 0;}
.blue_sec .exp_block p {text-align:center; margin-bottom:0; font-weight:500;}

/** Footer **/
.footer_sec {background:#cfcfcf; padding:60px 0 30px 0;}
.footer_sec h4 {font-size:21px; font-weight:600; margin-bottom:21px;}
.footer_sec ul {margin:0; padding:0;}
.footer_sec ul li {margin:0; padding:0 0 12px 0; list-style:none;}
.footer_sec ul li a {text-decoration:underline; color:#000;}
.footer_sec ul li a:hover {text-decoration:none; color:#000;}
.footer_block {margin:0; padding:0;}
.copyright {background:#000; color:#b6b6b6; padding:18px 0; text-align:center;}

/** Slide in Nav **/
.hamburger {display:none; font-size:30px; cursor:pointer; position:fixed; top:21px; right:15px; z-index:999; background:#fff; padding: 0 12px; border-radius: 12px;}
.sidenav {height: 100%; width: 0; position: fixed; z-index: 1000; top: 0; left: 0; background-color: #fff; overflow-x: hidden; transition: 0.5s; padding-top: 60px; text-align:left; font-size: 25px; color: #818181;}
.sidenav a {padding: 12px 8px 12px 24px; text-decoration: none; font-size: 21px; color: #818181; display: block; transition: 0.3s;}
.sidenav a:hover{color: #f1f1f1;}
.sidenav .closebtn {position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;}
.close_border { border-bottom:#c6c6c6 1px solid;}
.close_border ul {margin:0; padding:0;}
.close_border ul li {margin:0; padding:6px 0; list-style:none;}
.close_border ul li a {border:none !important;}


/** Drop Down Menu **/
.dropbtn {background-color:tranparent; color: white; border: none;}
.dropdown {position: relative; display: inline-block;}
.dropdown-content {display: none; position: absolute; background-color: #f1f1f1; min-width: 270px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.dropdown-content a {color: black; padding: 12px 16px; text-decoration: none; display: block;}
.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color:transparent;}

/** Sub Page Banner **/
.banner_subpage {margin:0; padding:0; background:#b7d2e5 url(../images/banner_subpage.jpg) bottom center no-repeat; min-height:300px;}
.title_subpage {background:#fff; color:#f36c21; padding:21px 0 3px 0;}
.title_subpage a {color:#f36c21; text-decoration:none;}
.title_subpage a:hover {color:#f36c21; text-decoration:underline;}

.roof_type {margin:0 0 24px 0; padding:0;     border: #d1d2d4 12px solid;}
.roof_type p {background:#ffbe00; font-weight:bold; text-align:center; padding:12px 0; margin-bottom:0;}
.warehouse {margin:0 0 21px 0; padding:0;}
.warehouse li {margin:0; padding:0 0 12px 36px; list-style:none; background:url(../images/arrow_black.png) left top no-repeat; width:35%; float:left;}

.materials {margin:0 0 21px 0; padding:0;}
.materials li {margin:0; padding:0 0 12px 36px; list-style:none; background:url(../images/arrow_black.png) left top no-repeat; }

/***********************************************
*************** Responsive Fixes **************
***********************************************/

@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}

@media (min-width:992px) and (max-width:1024px) {
.top_nav ul li {margin: 24px 0 0 0;}	
}
@media (max-width:991px) {
.nav_right_block {display:none;}
.hamburger {display:block;}
.warehouse li {width:100%; float:none;}
}
@media (max-width:767px) {
.footer_sec h4 {margin-top:9px; margin-top:24px;}
}
@media (max-width:600px) {
.show_601 {display:none;}
.show_600 {display:block;}
}