ul,li{padding:0;margin:0;list-style:none}
h1{font-size:25px}
h1,h2,h3,h14,h5,h6{padding:0;margin:0;font-family:SourceSansPro-Regular;font-weight:400}
img{max-height:100%;max-width:100%; display:inline-block !important}
body{font-family:SourceSansPro-Regular;overflow:hidden;overflow-y:auto}
a{color:#83c224;outline:none}
header{padding:15px 0;display:block;overflow:hidden;position:relative;border-top:#003b4f solid 5px}
header .logoBox a{display:block}
header .detailBox{display:block}
header .detailBox p{margin:0;color:#ccc;font-size:16px;text-align:right;display:block}
header .detailBox strong{font-family:SourceSansPro-Bold;color:#003b4f;font-size:30px;text-align:right;display:block}
nav{display:block;background:#003b4f;position:relative}
nav ul{display:block}
nav ul li{display:inline-block;position:relative;transition:.3s}
nav ul li a{padding:0 15px;display:block;line-height:40px;font-size:16px;color:#fff;transition:.3s}
nav ul li ul{padding-bottom:5px;position:absolute;top:40px;left:0;width:250px;background:#fff;display:none;z-index:1;transition:.3s;border-radius:0 0 5px 5px;box-shadow:0 2px 5px #787878}
nav ul li ul li{display:block;border-top:#f1f1f1 dashed 1px}
nav ul li ul li:first-child{border:none}
nav ul li ul li a{display:block}
nav ul li:hover{background:#fff;transition:.3s}
nav ul li:hover a{text-decoration:none;color:#003b4f;transition:.3s}
nav ul li:hover ul{display:block;transition:.3s}
nav ul li:hover ul li a{color:#414141}
nav ul li ul li:hover{background:#f1f1f1;transition:.3s}
#nav-toggle{padding:13px 0 0 10px;margin-top:10px;cursor:pointer;width:47px;height:40px;float:right;border-radius:2px;display:none}
#nav-toggle span,#nav-toggle span:before,#nav-toggle span:after{content:'';cursor:pointer;height:4px;width:35px;background:#fff;position:absolute;display:block}
#nav-toggle span:before{top:-12px}
#nav-toggle span:after{bottom:-12px}
#nav-toggle span,#nav-toggle span:before,#nav-toggle span:after{transition:all 200ms ease-in-out}
#nav-toggle.active span{background-color:transparent}
#nav-toggle.active span:before,#nav-toggle.active span:after{top:0}
#nav-toggle.active span:before{transform:rotate(45deg)}
#nav-toggle.active span:after{transform:rotate(-45deg)}
.homeBannerBox{display:block;position:relative}
.homeBannerBox img{width:100%;display:block}
.homeBannerBox .owl-controls{padding:5px 10px;position:absolute;right:25px;bottom:20px;background-color:rgba(255,255,255,.8);height:32px;border-radius:30px}
.middleBox{padding:30px 0;display:block}
.middleBox .mainHeadingBox{padding:0 15px;margin:20px 0;display:block;border-left:#003b4f solid 5px}
.middleBox .mainHeadingBox small{display:block;color:#999;font-size:16px}
.middleBox .mainHeadingBox h1{display:block;font-size:35px;font-family:'SourceSansPro-Bold';color:#999;text-transform:uppercase}
.middleBox .mainHeadingBox h1 span{font-family:'aressence';color:#003b4f}
.middleBox .mainHeadingBox{display:block}
.middleBox p{text-align:justify;font-size:16px;color:#787878}
.headingBox{display:block;border-bottom:silver solid 1px}
.headingBox h2{display:inline-block;font-size:30px;font-family:'SourceSansPro-Semibold';color:#999;text-transform:uppercase;border-bottom:#003b4f solid 3px}
.headingBox h2 span{font-family:'aressence';color:#003b4f}
.headingBox a{margin-top:5px;color:#13495c;font-size:16px;float:right}
.headingBox a em{color:#ffaf3c}
.servicesBox{padding:0px;display:block}
.servicesBox figure{margin-top:20px;display:block;border:#ebebeb solid 1px;position:relative;overflow:hidden; min-height:150px; text-align:center; }
.servicesBox figure img{transition:all .5s ease-in-out; min-height:80px;}
.servicesBox figure .overlayBox{padding:0 0 0 15px;background-color:rgba(0,59,79,.6);height:48px;position:absolute;bottom:0;left:0;width:100%;overflow:hidden}
.servicesBox figure .overlayBox p{display:inline-block;color:#fff;line-height:48px; text-align:left;}
.servicesBox figure .overlayBox .btnBox{padding:8px;float:right;background:#003b4f;position:relative}
.servicesBox figure .overlayBox .btnBox::before{content:'';position:absolute;left:-30px;bottom:0;width:0;height:0;border-bottom:48px solid #003b4f;border-left:30px solid transparent}
.servicesBox figure .overlayBox .btnBox .btn{padding:5px 20px}
.servicesBox figure:hover img{transform:scale(1.1)}
.clientsBox{margin-top:15px;display:block}
.clientsBox figure{margin-top:20px;display:block;border:#ebebeb solid 1px; text-align:center;}
.clientsBox figure img{transition:all .5s ease-in-out; min-height:80px;}
footer{padding-top:25px;display:block;background:#13495c;border-bottom:#fff solid 5px}
footer h3{padding-bottom:15px;color:#fff}
footer p{display:block;text-align:justify;color:#fff}
footer ul{padding:0 20px;display:block;border-left:#3d6979 solid 1px;border-right:#3d6979 solid 1px;min-height:240px}
footer ul li{display:block}
footer ul li a{display:block;line-height:30px;color:#f1f1f1}
footer ul li a:hover{color:#fff}
footer .smallFooter{padding:25px 0;display:block;overflow:hidden}
footer .smallFooter .keepInTouchBox{padding:5px 0 20px;display:block}
footer .smallFooter .keepInTouchBox p{margin:5px 0 0}
footer .smallFooter .keepInTouchBox p em{margin-right:8px;font-size:16px;width:14px;text-align:center}
footer .smallFooter .socialBox{padding:25px 0;display:block;text-align:center;overflow:hidden;position:relative;border:#3d6979 dashed 2px}
footer .smallFooter .socialBox ul{display:block;position:relative;z-index:9;min-height:inherit;border:none}
footer .smallFooter .socialBox ul li{margin:2px;display:inline-block;width:40px;height:40px;border-radius:50%;border:#fff solid 2px;transition:.3s}
footer .smallFooter .socialBox ul li a{padding:6px;display:block;font-size:18px;color:#fff;transition:.3s}
footer .smallFooter .socialBox ul li:hover{background:#fff;transition:.3s}
footer .smallFooter .socialBox ul li:hover a{color:#bd241e;transition:.3s}
footer .smallFooter .socialBox::after{content:'';position:absolute;left:0;top:0;width:0;height:0;border-top:50px solid #3d6979;border-right:50px solid transparent}
footer .smallFooter .socialBox::before{content:'';position:absolute;right:0;bottom:0;width:0;height:0;border-bottom:50px solid #3d6979;border-left:50px solid transparent}
.copyRight{padding:10px 0;display:block;text-align:center;background:#003b4f;color:#fff}
.copyRight a{display:inline-block;color:#ccc}
.formBox{margin-top:20px;display:block;background:#f9f9f9;border:#ebebeb solid 1px}
.formBox h3{padding:15px;background:#003b4f;font-size:18px;color:#fff;display:block;text-transform:uppercase}
.formBox form{padding:20px;display:block;overflow:hidden}
.formBox form .form-control{border-radius:0;box-shadow:none;height:40px;border:#ebebeb solid 1px}
.formBox form textarea.form-control{height:100px}
.contactPage{padding:20px 0;display:block;background:url(../images/contact.jpg) repeat left top}
.contactPage form{padding:20px;display:block;overflow:hidden;background:#fff;border:#ebebeb solid 1px;}
.contactPage form .form-control{border-radius:0;box-shadow:none;height:40px;border:#ebebeb solid 1px}
.contactPage form textarea.form-control{height:100px}
.contactPage .contactDetails{padding:50px 30px 35px;display:block;border:#ebebeb solid 1px;position:relative;background:#003b4f}
.contactPage .contactDetails::after{content:'';position:absolute;bottom:0;right:0;width:0;height:0;border-bottom:50px solid #ebebeb;border-left:50px solid transparent}
.contactPage .contactDetails::before{content:'';position:absolute;top:0;left:0;width:0;height:0;border-top:50px solid #ebebeb;border-right:50px solid transparent}
.contactPage .contactDetails h2{padding-bottom:15px;color:#fff}
.contactPage .contactDetails p{padding-bottom:10px;color:#fff;font-size:16px}
.contactPage .contactDetails p em{width:20px;text-align:center;font-size:18px}
.mapBox{padding:0;margin:0;display:block}
.mapBox iframe{width:100%;height:250px}
.thankuBox{padding:35px;display:block;text-align:center}
.thankuBox h4{padding-top:20px;display:block}
.modal-header{display:block;background:#bd241e;color:#fff;border-radius:4px 4px 0 0}
.modal-header .close{color:#fff;opacity:.9;outline:none;box-shadow:none;font-size:25px}
.modal-header .modal-title{padding-left:10px}
.modal-body{padding:25px}
.modal-body .form-group label{font-weight:400}
.modal-body .form-control{height:40px;box-shadow:none}
.modal-body textarea.form-control{box-shadow:none;min-height:80px}
.modal-body .btn-danger{padding:6px 25px;outline:none;float:right}
.backToTopBox{display:block;position:fixed;right:20px;bottom:20px}
.backToTopBox em{padding:10px 12px;border-radius:3px;color:#fff;display:block;background:#d9534f;border:#d43f3a solid 1px;cursor:pointer;font-size:22px}
.aluminiumSection{ display:block;}
.aluminiumSection ul{ margin:10px -10px; display:block;}
.aluminiumSection li{ margin:10px; border:#f1f1f1 solid 1px; display:block; float:left; width:30.65%; text-align:center; }
.aluminiumSection li img{transition:all .5s ease-in-out; min-height:80px;}
.aluminiumSection .list-group-item{ width:100%; text-align:left; font-size: 16px;color: #787878; font-family:Arial;}
.thankuBox{padding:35px;display:block;text-align:center}
.thankuBox h4{padding-top:20px;display:block}

@media screen and (max-width:1024px) {
.aluminiumSection li{ width:30%;}
}
@media screen and (max-width:768px) {
header .logoBox a{height:100px}
header .detailBox{padding:25px 15px;height:auto}
header .detailBox strong{font-size:18px}
nav ul{position:absolute;right:-400px;top:50px;width:250px;background:#414141;z-index:99;transition:.5s}
nav ul li{display:block}
nav ul li ul{padding:0;position:static;top:inherit;left:inherit;display:block;background:none;box-shadow:none;border-radius:0}
nav ul li ul li{border:none;position:relative}
nav ul li ul li::after{content:'';font-family:FontAwesome;position:absolute;top:10px;left:22px;color:#fff;transition:.3s}
nav ul li ul li:hover::after{color:#bd241e;transition:.3s}
nav ul li ul li:hover{background:none}
nav ul li ul li a{padding-left:35px}
nav ul li:hover ul li a{color:#fff}
nav ul li:hover ul li{background:#414141}
nav ul li ul li:hover a{color:#bd241e}
nav ul li ul li:hover{background:#f1f1f1}
nav ul.active{right:0;transition:.5s}
#nav-toggle{display:block;outline:none}
.followBox h3{font-size:25px}
}
@media screen and (max-width:640px) {
header .logoBox a{height:auto}
header .detailBox{padding:0px}
}
@media screen and (max-width:480px) {
.aluminiumSection li{ width:28%;}
.aluminiumSection .list-group-item { width:94%;}
footer ul li{margin-bottom:10px}

}
@media screen and (max-width:375px) {
.aluminiumSection li{ width:27.5%;}
}
@media screen and (max-width:360px) {
}
@media screen and (max-width:320px) {	
header .detailBox strong{font-size:16px}
.aluminiumSection li{ width:26.8%;}
}