body, *{padding:0px; margin:0px; font-family: 'Open Sans', sans-serif;}
 header, nav, section, footer{display:block;}
 ul li{list-style:none;}
 
/*HEADER01*/
.header01{border:1px solid #e6e3e3; padding:4px 0px;}
.header01 img{height:80px;}
.header01 .pd_top{padding-top:17px; text-align:right;}
.header01 .pd_top .col-xs-9{padding-right:0px;}
.header01 svg:not(:root).svg-inline--fa{overflow: visible; font-size: 35px; color: #E8693E; margin-top:4px;}
.header01 h4{font-size: 20px; color: #02557f; letter-spacing: 0.5px; margin-top:3px;}
.header01 p{font-size: 16px; letter-spacing: 0.5px; margin-bottom: 0px; color: #948e8e;}
 
#active01{opacity:1; transform:rotate(0deg);}
/*NAVBAR*/
.navbar-default{background: #02557f; border: none; border-radius: 0; margin-bottom:0px;}
.navbar-default .navbar-nav>li>a{color: #fff !important; font-size: 16px; letter-spacing: 0.5px; padding: 20px 15px; margin:0px 8px;
 transition:all 0.1s ease-in-out;}
.navbar-default .navbar-nav>li>a span.top01{width:100%; border-bottom:2px solid #fff; position:absolute; top:45px; left:0px;
 transition:all 0.2s ease-in-out; opacity:0; transform: rotate(-50deg);}
.navbar-default .navbar-nav>li>a:hover span.top01{opacity:1; transform: rotate(0deg);}
.navbar-nav>.open>a:hover {color:rgba(45, 26, 45, 0.733) !important;}
#dropdown{ position:relative; }
.dropdown1{ position:absolute; top:60px; left:16px; width:150px; background: #E8693E;z-index:2; display:none; box-shadow:1px 0px 1px #02557f; }
.dropdown1 li{ list-style-type:none; }
.dropdown1 li a { color:#fff; text-decoration:none; font-size:16px; display:inline-block;padding:10px 0px; padding-left:12px;}
.dropdown1 li:hover a{ color:#fff;}
.dropdown1 li:hover{background:#0f25c6;} 
#dropdown:hover .dropdown1{ display:block;}
/*SLIDER01*/
.slider01{position:relative;}
.slider01 .item img{width:100% !important; height:450px;  filter: brightness(60%);}
.slider01 .carousel-control.left{background-image:none !important;}
.slider01 .carousel-control.right{background-image:none !important;}
.slider01 .text01{position:absolute; top:100px; width:600px; left:11%;}
.slider01 .text01 h3{font-size:30px; font-weight:900; color:#fff; margin-top:0px;}
.slider01 .text01 h2{font-size:30px; font-weight:900; color:#fff; letter-spacing:1px;}
.slider01 .text01 p{letter-spacing:0.5px; color:#fff; font-size: 18px; line-height: 24px;}
.slider01 .text01 a{text-decoration:none; font-weight:600; letter-spacing:1px; color:#fff; display:inline-block; padding:18px 45px;
 border-radius:5px; margin-top:15px; box-shadow:inset 195px 0px 0px 0px #E8693E; transition:all 0.3s ease-in-out;}
.slider01 .text01 a:hover{box-shadow:inset 195px 0px 0px 0px #fff; color:#E8693E;} 
.slider01 .consultation{position:absolute; right:10%; top:90px; padding:50px 30px; background:rgba(33, 43, 81, 0.8); text-align:center; width:300px;}
.slider01 .consultation h4{color:#fff; letter-spacing:1px;  margin-top:0px; font-size: 20px; margin-bottom: 25px;}
.slider01 .consultation a{ text-decoration:none; color:#fff; background:#E8693E; display:block; padding:15px 10px; margin-top:15px; font-size: 16px;
 letter-spacing: 1px; border: 2px solid #E8693E; font-weight:600; transition:all 0.2s ease-in-out;}
.slider01 .consultation a:hover{ background:#fff; color:#E8693E;} 
/*PROJECT01*/
.project01 h2{font-size:30px; text-align:center;}
.project01 .cover01{width:100%; height:270px; position:relative; overflow:hidden; margin-bottom:30px;}
.project01 .cover01 img{width:100%; height:270px;}
.project01 .hidden01{width: 92%; height: 92%; position: absolute; z-index: 99; background:rgba(35, 37, 45, 0.8); color: #fff; top: 4%; left: 4%;
 box-sizing: border-box; padding: 20px; text-align: center; overflow:hidden; transform:scale(0.96); transition:all 0.4s ease-in-out;}
.project01 .cover01:hover .hidden01{ transform:scale(1);} 
.project01 .hidden01 h4{font-size:20px; margin-top:40px;}
.project01 .hidden01 p{letter-spacing:0.5px; line-height:22px;}  
.project01 .hidden01 a{border: 1px solid #fff; padding: 12px 20px; color: #fff; letter-spacing: 0.5px; margin-top: 5px; display: inline-block;
 text-decoration:none; transition:all 0.2s ease-in-out;} 
.project01 .hidden01 a:hover{background:#fff; color:#333;} 
/*PRO GALLERY01*/
.pro_gallery01 h2{font-size:30px; text-align:center; }
.pro_gallery01 h6{content:""; width:100px; margin:15px auto; border-bottom:2px solid #23252D;} 
.pro_gallery01 .cover01{width:100%; height:196px; position:relative; overflow:hidden; margin-bottom:30px;}
.pro_gallery01 .cover01 img{width:100%; height:196px;}
.pro_gallery01 .hidden01{width: 100%; height: 196px; position: absolute; z-index: 99; background:rgba(35, 37, 45, 0.8); color: #fff; top: 0%;
 left: 0%; box-sizing: border-box; text-align: center; transform:scale(0); line-height:196px; transition:all 0.4s ease-in-out;}
.pro_gallery01 .cover01:hover .hidden01{ transform:scale(1);} 
.pro_gallery01 .hidden01 span{font-size:20px; transition:all 0.5s ease-in-out;}
.pro_gallery01 .cover01:hover .hidden01 span{transform:scale(2.1);}
/*WRAP01*/
.wrap019 h2{text-align:center; letter-spacing:0.5px; font-size:30px;}
.wrap019 h2 span{color:#E8693E; font-weight:600;}
.wrap019 img{width:100%;}
.wrap019 .box01{height:250px; border:1px solid #e7e7e7; padding:30px 15px; background:#f6f5bd; text-align:center; transition:all 0.2s ease-in-out; overflow:hidden; margin-top:25px;}
.wrap019 .box01:hover{ background:#E8693E; color:#fff;}
.wrap019 .box01 .svg-inline--fa.fa-w-20 {width: 1.25em; width: 80px; height: 80px; background: #E8693E; color: #fff; padding: 15px; border-radius: 50%;
 margin-bottom:15px; transition:all 0.2s ease-in-out;}
.wrap019 .box01:hover .svg-inline--fa.fa-w-20{background:#fff; color:#E8693E;}  
.wrap019 .box01 h4{font-size: 20px; letter-spacing: 0.5px; margin: 15px 0px; color: #02557f; transition:all 0.2s ease-in-out;}
.wrap019 .box01:hover h4{color:#fff;}
.wrap019 .box01 p{letter-spacing: 0.5px; font-size: 15px; margin-bottom: 25px;}
.wrap019 .box01 a{color: #E8693E; text-decoration: none; font-weight: 600; letter-spacing: 1px; font-size: 15px; transition:all 0.2s ease-in-out;}
.wrap019 .box01:hover a{color:#fff;}
.wrap019 .box01 a span{transition:all 0.2s ease-in-out; display:inline-block; top:1px; font-size:12px;}
.wrap019 .box01 a:hover span{left:5px;}
/*Step Slider Starts*/
/*WRAP0100*/
.wrap0100{margin-top:75px; display:none;}
.wrap0100 .container{ position:relative;}
.wrap0100 h2{letter-spacing:1px; font-size:30px; text-align:center;}
.wrap0100 .col04_inner{margin:0px 15px 25px 15px;border:1px solid #E8693E;}
.wrap0100 .mask0100{width:100%; height:100px; position:relative; overflow:hidden;}
.wrap0100 .mask0100 img{width:100%; height:100px; transition:all 0.3s ease-in-out;}
.wrap0100 .mask0100:hover img{ transform:scale(1.1);}
.wrap0100 .mask0100 .hide0100{width:100%; height:100px; position:absolute; top:0px; left:0px; background:rgba(162,8,11,0.4); opacity:0;
 transition:all 0.3s ease-in-out;} 
.wrap0100 .mask0100:hover .hide0100{opacity:1;}
.wrap0100 h3{font-size: 20px; font-weight: 600; letter-spacing: 1px; margin-bottom:0px;}
.wrap0100 h3 a{color:#23252D; display:block; text-decoration: none; text-align: center; text-transform: uppercase;}
.wrap0100 .center a.city-prev{width: 30px; height: 30px;line-height: 50px;text-align: center;display: block;background: #fff;color: #E8693E;text-decoration: none;position: absolute;top: 54%;left:10px;font-size: 10px;border: 3px solid #E8693E;border-radius: 50%;    transition: all 0.2s ease-in-out;box-shadow: 0px 0px 10px #E8693E;} 
.our-icon {    position: absolute;   top: 32%;left:32%;}
.wrap0100 .center a.city-next{width: 30px; height: 30px; line-height: 50px; text-align: center; display: block; background: #fff; color: #E8693E;  text-decoration: none; position: absolute; top: 54%; right: 10px; font-size: 10px; border: 3px solid #E8693E; border-radius: 50%;  transition:all 0.2s ease-in-out;box-shadow: 0px 0px 10px #E8693E;}  
.wrap0100 .center a:hover{background:#E8693E; color:#fff;}
/*WRAP01*/
#small01{ display:none;}
.wrap01 .container{ position:relative;}
.wrap01 h2{letter-spacing:1px; font-size:30px; text-align:center;}
.wrap01 .col04_inner{margin:0px 15px 25px 15px;border:1px solid #E8693E;}
.wrap01 .mask01{width:100%; height:100px; position:relative; overflow:hidden;}
.wrap01 .mask01 img{width:100%; height:100px; transition:all 0.3s ease-in-out;}
.wrap01 .mask01:hover img{ transform:scale(1.1);}
.wrap01 .mask01 .hide01{width:100%; height:100px; position:absolute; top:0px; left:0px; background:rgba(162,8,11,0.4); opacity:0;
 transition:all 0.3s ease-in-out;} 
.wrap01 .mask01:hover .hide01{opacity:1;}
.wrap01 h3{font-size: 20px; font-weight: 600; letter-spacing: 1px; margin-bottom:0px;}
.wrap01 h3 a{color:#23252D; display:block; text-decoration: none; text-align: center; text-transform: uppercase;}
.wrap01 .center a.city-prev{width: 30px;
    height: 30px;
    line-height: 50px;
    text-align: center;
    display: block;
    background: #fff;
    color: #E8693E;
    text-decoration: none;
    position: absolute;
    top: 54%;
    left: -10px;
    font-size: 10px;
    border: 3px solid #E8693E;
    border-radius: 50%;
    transition: all 0.2s ease-in-out;box-shadow: 0px 0px 10px #E8693E;} 
	.our-icon {    position: absolute;
    top: 32%;left:32%;}
.wrap01 .center a.city-next{width: 30px; height: 30px; line-height: 50px; text-align: center; display: block; background: #fff; color: #E8693E;
 text-decoration: none; position: absolute; top: 54%; right: -10px; font-size: 10px; border: 3px solid #E8693E; border-radius: 50%; 
 transition:all 0.2s ease-in-out;box-shadow: 0px 0px 10px #E8693E;}  
.wrap01 .center a:hover{background:#E8693E; color:#fff;}
/*step Slider Ends*/
/*WRAP02*/
.wrap02 { margin-top:75px; background-image:url(../image/about.jpg); background-repeat:no-repeat;background-position:center;
  background-size:cover;padding:70px 0px;position:relative; }
.wrap02::before {content:"";position:absolute;top:0; left:0; width:100%; height:100%;background: rgba(0,0,0,0.0);
   /* dark overlay */z-index:1;}
.wrap02 .left_cover{background:#21e17e; color:#fff; padding:40px;}
.wrap02 .left_cover h2{font-size: 36px; margin-top: 0px; letter-spacing: 1px; }
.wrap02 .left_cover h2 a{text-decoration:none; color:#fff; display:block; transition:all 0.1s ease-in-out;}
.wrap02 .left_cover h2:hover a{color:#ff719a;}
.wrap02 .left_cover h4{font-size: 18px; font-weight: 600; letter-spacing: 2px; }
.wrap02 .left_cover p{line-height: 25px; font-size: 15px; text-align:justify;}
.wrap02 .left_cover h3{font-size: 24px; letter-spacing: 1px; line-height: 32px;}
.wrap02 .left_cover h3 a{ text-decoration:none; color:#fff;}
.wrap02 .left_cover h3 a:hover{color:#ff719a;}
/*WRAP03*/
.wrap03{margin-top:0;}
.wrap03 h2{margin-top:0px; font-size:30px; letter-spacing:0.5px; color:#02557f;}
.wrap03 h2 span{color:#E8693E; font-weight:600;}
.wrap03 p{text-align:justify; line-height: 22px;}
.wrap03 .srvc01{position:relative; overflow:hidden; margin-bottom:25px;}
.wrap03 .srvc01 img{height:160px; transition:all 0.2s ease-in-out;}
.wrap03 .srvc01:hover img{ transform:scale(1.1);}
.wrap03 .srvc01 h4{color:#fff; background:#02557f; display:block;
 padding: 10px 20px; font-size: 16px; letter-spacing: 1px; transition:all 0.1s ease-in-out;}
.wrap03 .srvc01 a:hover{background:#02557f; border-radius:0px 10px 0px 0px;} 
/*WRAP04*/
.wrap04 h2{margin-top:0px; font-size:30px; letter-spacing:0.5px; color:#02557f; text-align:center; }
.wrap04 h2 span{color:#E8693E; font-weight:600;}
.wrap04 img{width:100%; height:250px;}
.wrap04 h3{font-size: 22px; text-align: center; letter-spacing: 1px; margin: 25px 0px 20px 0px; color:#02557f;}
.wrap04 p{line-height: 24px; text-align: center; letter-spacing: 0.5px; font-size: 15px;}
.wrap04 a{text-decoration: none; display: block; background: #fff; width: 190px; text-align: center; padding: 15px 0px; border: 2px solid #E8693E;
 color: #E8693E; font-size: 16px; letter-spacing: 1px; transition: all 0.2s ease-in-out; margin: auto; margin-top: 20px; font-weight:600; 
 margin-bottom:30px;}
.wrap04 a:hover{background:#E8693E; color:#fff;}

/*CATEGROY01*/
.category01{margin-bottom:50px;}
.category01 h2{letter-spacing:0.5px; font-size:30px; text-align: center;}
.category01 h2 span{color:#E8693E; font-weight:600;}

.category01 h4{font-size: 24px; line-height: 24px;  color:#d49806;}
.category01 .col-sm-4 a{ text-decoration:none;}
.category01 .inbox01{padding:4px; box-shadow:0px 0px 5px 0px #ffcf00; margin-top:25px;}
.category01 .inbox01 img{border-radius:4px; width:100%; height:230px; margin:auto; transition:all 0.2s ease-in-out;}
.category01 .inbox01 img.wallart{border-radius:0px; height:auto; width:auto; margin:auto;}
.category01 .inbox01 img:hover{filter:brightness(0.8);}
.category01 .inbox01 h3{color:#d49806; margin-top:10px;}
.lightbox{margin-top:10px !important;}
/*REQUEST01*/
.request01{background:#E8693E; color:#fff;
 padding:25px 0px;}
.request01 h2{font-size: 32px; margin-top: 0px; padding-top: 100px; letter-spacing: 1px; text-align: justify;}
.request01 h3{text-align:center; letter-spacing:0.5px; font-size:30px; margin-top:0px;}
.request01 input[type="text"]{width:100%; padding:20px; background:#fff; border:none; border-radius:5px; outline:none; margin-bottom:5px; color:#333;}
.request01 input[type="email"]{width:100%; padding:20px; background:#fff; border:none; border-radius:5px; outline:none; margin-bottom:5px; color:#333;}
.request01 input[type="submit"]{font-size:16px; font-weight:600; letter-spacing:1px; color:#fff; background:#4D5574; border:2px solid #E8693E;
 transition:all 0.2s ease-in-out; width:250px; display:block; margin:auto; padding:20px 0px; text-align:center; margin-top:10px; outline:none;}
.request01 input[type="submit"]:hover{background:#fff; color:#E8693E;} 
/*SCROLL TOP BUTTON*/ 
.scrollToTop{width:0px; height:0px; border-left:25px solid transparent; border-right:25px solid transparent; 
  border-bottom:50px solid #db4c1d;  color: #fff !important; font-weight:600; font-size:18px; text-decoration: none; position:fixed; bottom:125px; right:25px; display:none; z-index:99;  transition:all 0.3s ease; -webkit-animation:move 1s infinite; -moz-animation:move 1s infinite; animation:move 1s infinite;}
.scrollToTop span{top:20px; left:-9px;} 
@keyframes move{
 0%{bottom:125px;}
 50%{bottom:135px;}
 100%{bottom:125px;}	
}
/*FOOTER TOP*/
.ftr_top{background:#01324b; padding:25px 0px;}
.ftr_top h4{color:#fff; letter-spacing:1px; margin-top:0px; background: #011a2c; padding: 10px 15px; border-left: 2px solid #fff; margin-bottom: 20px;}
.ftr_top ul{margin-bottom:0px;}
.ftr_top ul li a{text-decoration:none; color:#fff; padding:5px 0px; display:inline-block; letter-spacing:0.5px; transition:all 0.1s ease-in-out;}
.ftr_top ul li a:hover{color:#b8b5c5;}
.ftr_top ul li a span{ font-size:10px; top:0px;}
.ftr_top p{letter-spacing:0.5px; color:#fff;}
.ftr_top .col-sm-1 span{color:#fff; top:2px;}
.ftr_top p a{ text-decoration:none; color:#fff;}
.abc01 {display:inline !important; font-size:30px; padding-left:12px;}
/*FOOTER BOTTOM*/
.ftr_bottom{background:#011a2c; padding:20px 0px;}
.ftr_bottom ul{text-align:center; margin-bottom:0px;}
.ftr_bottom ul li{display:inline;}
.ftr_bottom ul li a{text-decoration:none; display:inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #E8693E;
 border-radius: 50%; font-size: 15px; margin:0px 5px; color:#fff; transition:all 0.2s ease-in-out;}
.ftr_bottom ul li a:hover{ background:#fff; color:#333;}
.ftr_bottom p{color:#fff; letter-spacing:1px; margin-bottom:0px; line-height:40px;}
.ftr_bottom p a{text-decoration:none; color:#fff;}
/*NAVIGATOR01*/
.navigator01 p{font-weight:600; font-size:14px; letter-spacing:1px; color:#2a2929;line-height: 30px; margin: 0px;}
.navigator01 hr{margin-top:4px;margin-bottom:2px;}
/*ABOUT01*/
.about01 h2{letter-spacing:0.5px; font-size:30px; margin-bottom:25px; text-align:center;}
.about01 h2 span{color:#E8693E; font-weight:600;}
.about01 img{ padding:15px; box-shadow:0px 0px 10px 0px #02557f; border-radius:10px; width:100%;}
.about01 p{letter-spacing: 0.5px; line-height: 24px; font-size: 14px; text-align: justify;}
.about01 h4{font-size: 20px; color: #9a300c; letter-spacing: 1px; line-height: 24px; font-style: italic;}
.about01 ul li {letter-spacing: 0.5px;
    line-height: 22px;}
/*ABOUT02*/ 
.about02 h2{letter-spacing:0.5px; font-size:30px; margin-bottom:25px; text-align:center;}
.about02 h2 span{color:#E8693E; font-weight:600;}
.about02 .panel-title a{text-decoration:none; display:block; padding:15px 15px; color:#E8693E; font-size:20px;}
.about02 .panel-heading{padding:0px;}
.about02 .glyphicon-plus{float: right;}
.about02 .glyphicon-minus{float: right;}
.about02 h5{font-size: 15px; letter-spacing: 1px; line-height: 26px;}
.about02 p{letter-spacing: 0.5px; line-height: 24px; font-size: 15px;}
.about02 .bg_color{ background:#02557f; padding:18px 25px; color:#fff; margin-bottom:25px;}
.about02 .bg_color h3{font-size: 20px; margin-top: 0px; letter-spacing: 1px;}
/* COMPANY DETAILS */
.company{margin-top:10px; padding:10px 0;}
.company h2{text-align:center; color:#E8693E; font-weight:700; margin-bottom:4px; margin-top:0;}
.company p{font-size:17px; letter-spacing:0.7px; line-height:25px; color:#333333;}
.company h5{font-size:18px; color:#464646; font-weight:700; letter-spacing:1px; float:right; margin-top:0;}
.company table {  border-collapse: collapse;width: 100%;}
.company th {border: 1px solid #dddddd;text-align:center;padding: 8px; background:#E8693E; color:#fff; font-size:22px;}
.company td {border: 1px solid #dddddd;text-align: left;padding: 8px; font-size:15px;}
.company tr:nth-child(even) { background-color: #D0ECFB;}

.turnover{text-align:center; width:100%; background:rgba(161,5,50,0.66); padding:50px;}
.turnover h3{margin-top:0px; color:#fff; font-size:25px; font-weight:700; letter-spacing:1px;}
.turnover th{text-align:center; padding:15px 30px; color:#fff; font-size:18px;}
.turnover td{text-align:center; padding:10px 30px; color:#fff; font-size:16px;}
.project02{margin-top:5px; margin-bottom:55px;}
.project02 img{ width:100%; height:100px;}
.project02 h2{letter-spacing:1px; color:#777; text-align:center; margin-bottom:10px;}
.project02 .col-xs-6{border:1px solid #e3dede; width:48%; margin:1%;}
.spectrum{padding:25px 0;}
.spectrum h2{text-align:center;color:#E8693E; font-weight:700; margin-bottom:4px; margin-top:0;}
.spectrum li{padding:10px 0; font-size:17px; line-height:27px; list-style:circle;}
.director{padding:4px 0; }
.director h1{text-align:center;color:#E8693E; font-weight:700; margin-bottom:4px; margin-top:0;}
.director h2{letter-spacing:0.5px; font-size:30px; text-align: center;}
.director h2 span{color:#E8693E; font-weight:600;}
.director h3{font-weight:700; margin-top:20px; color:rgba(85,85,85,1.00); }
.director p{line-height:25px; letter-spacing:0.7px; font-size:16px;}
/*SERVICES01*/
.services01{margin-top:25px;}
.services01 h2{letter-spacing:0.5px; font-size:30px; text-align: center;}
.services01 h2 span{color:#E8693E; font-weight:600;}
.services01 p{letter-spacing: 0.5px; line-height: 24px; margin-top: 20px; text-align: justify;}
.services01 li{letter-spacing: 0.5px; line-height: 24px; margin-top:8px; text-align: justify;
margin-bottom: 0.8rem; position: relative; margin-left: 2rem; break-inside: avoid; list-style-type:disc;}
.services01 h4{font-size: 18px; letter-spacing: 1px; color: #02557f; margin-top: 20px;}
.srvcimg{margin-bottom:50px;}
.srvcimg img{box-shadow: 2px 2px 14px 1px #333; filter: grayscale(0); transition:all 0.1s ease-in-out;}
.srvcimg img:hover{filter:grayscale(1);}
/*SERVICES02*/
.services02 h2{margin-top:0px; font-size:30px; letter-spacing:0.5px; color:#02557f; text-align:center; }
.services02 h2 span{color:#E8693E; font-weight:600;}
.services02 h3{font-size: 22px; background: #02557f; color: #fff; padding: 10px 10px; letter-spacing: 1px; margin-top:0px; text-align:center;}
.services02 svg:not(:root).svg-inline--fa {width: 100%; height: 100px; background: #E8693E; color: #fff; padding: 20px; border-radius: 10px 10px 0px 0px;
 margin-bottom:15px; transition:all 0.2s ease-in-out;}
.services02 li a{display: block; padding: 10px; background: #efebeb; color: #333; letter-spacing: 0.5px; font-size: 15px; margin-bottom:10px;
 text-decoration:none; transition:all 0.1s ease-in-out;} 
.services02 li a:hover{box-shadow: inset 0px 0px 200px 0px #E8693E; color:#fff;}
.services02 p{letter-spacing: 0.5px; line-height: 24px; margin-top: 20px; text-align: justify;}

/*SUBCATEGORY01*/
.subcategory01{margin-top:75px; margin-bottom:65px;}
.subcategory01 h2{margin-top:0px; font-size:30px; letter-spacing:0.5px; color:#02557f; margin-bottom:25px; text-align:center;}
.subcategory01 h2 span{color:#E8693E; font-weight:600;}
.subcategory01 .leftside01{border-top:10px solid #D71B54;}
.subcategory01 .leftside01 h3{color:#fff; letter-spacing:0.5px; background:#9a300c; text-align:center; padding:15px 10px 5px 10px; margin:0px;}
.subcategory01 .leftside01 ul{padding:15px; margin:0px; background:#9a300c;}
.subcategory01 .leftside01 ul li a{text-decoration: none; display: block; background: #fff; color: #333; padding: 12px 10px; letter-spacing: 0.5px;
 margin-bottom:10px; border-radius:5px; transition:all 0.1s ease-in-out;}
.subcategory01 .leftside01 ul li a:hover{color:#9a300c;} 
.subcategory01 .rightside01 h3{margin-top:0px; letter-spacing:1px; color:#9a300c;}
.subcategory01 .rightside01 h6{content:""; width:80px; border-bottom:1px solid #02557f; margin:20px 0px;}
.subcategory01 .rightside01 p{letter-spacing: 0.5px; line-height: 22px; text-align: justify; margin-bottom:25px;}
/*GALLERY01*/
.gallery01 h2{letter-spacing:0.5px; font-size:30px; margin-bottom:25px; text-align:center;}
.gallery01 h2 span{color:#E8693E; font-weight:600;}
.gallery01 .mask01{width:100%; height:200px; overflow:hidden; position:relative; margin-bottom:25px;}
.gallery01 .mask01 img{width:100%; height:200px;}
.gallery01 .hide01{width:0%; height:0px; position:absolute; z-index:99; top:0px; left:0px; background:rgba(163, 5, 53, 0.8);
 transition:all 0.2s ease-in-out;}
.gallery01 .mask01:hover .hide01{width:50%; height:100px;} 
.gallery01 .hide02{width:0%; height:0px; position:absolute; z-index:99; top:0px; right:0px; background:rgba(163, 5, 53, 0.8);
 transition:all 0.2s ease-in-out;} 
.gallery01 .mask01:hover .hide02{width:50%; height:100px;}  
.gallery01 .hide03{width:0%; height:0px; position:absolute; z-index:99; bottom:0px; left:0px; background:rgba(163, 5, 53, 0.8);
 transition:all 0.2s ease-in-out;}
.gallery01 .mask01:hover .hide03{width:50%; height:100px;}  
.gallery01 .hide04{width:0%; height:0px; position:absolute; z-index:99; bottom:0px; right:0px; background:rgba(163, 5, 53, 0.8);
 transition:all 0.2s ease-in-out;} 
.gallery01 .mask01:hover .hide04{width:50%; height:100px;}  
.gallery01 .mask01 span{position: absolute; left: 45%; top: 45%; color: #fff; font-size: 20px; z-index:100; transform:scale(3);
 transition:all 0.3s ease-in-out; opacity:0;}
.gallery01 .mask01:hover span{opacity:1; transform:scale(2);}
/*GALLERY01*/
.gallery02 h2{letter-spacing:0.5px; font-size:30px; margin-bottom:25px; text-align:center;}
.gallery02 h2 span{color:#E8693E; font-weight:600;}
.gallery02 .mask01{width:100%; height:200px; overflow:hidden; position:relative; margin-bottom:25px;}
.gallery02 .mask01 img{width:100%; height:200px;}
.gallery02 .hide01{width:0%; height:0px; position:absolute; z-index:99; top:0px; left:0px; background:rgba(163, 5, 53, 0.8);
 transition:all 0.2s ease-in-out;}
.gallery02 .mask01:hover .hide01{width:50%; height:100px;} 
.gallery02 .hide02{width:0%; height:0px; position:absolute; z-index:99; top:0px; right:0px; background:rgba(163, 5, 53, 0.8);
 transition:all 0.2s ease-in-out;} 
.gallery02 .mask01:hover .hide02{width:50%; height:100px;}  
.gallery02 .hide03{width:0%; height:0px; position:absolute; z-index:99; bottom:0px; left:0px; background:rgba(163, 5, 53, 0.8);
 transition:all 0.2s ease-in-out;}
.gallery02 .mask01:hover .hide03{width:50%; height:100px;}  
.gallery02 .hide04{width:0%; height:0px; position:absolute; z-index:99; bottom:0px; right:0px; background:rgba(163, 5, 53, 0.8);
 transition:all 0.2s ease-in-out;} 
.gallery02 .mask01:hover .hide04{width:50%; height:100px;}  
.gallery02 .mask01 span{position: absolute; left: 45%; top: 45%; color: #fff; font-size: 20px; z-index:100; transform:scale(3);
 transition:all 0.3s ease-in-out; opacity:0;}
.gallery02 .mask01:hover span{opacity:1; transform:scale(2);}
/*blog01*/
.blogs01 h2{letter-spacing:0.5px; font-size:30px; margin-bottom:0px; text-align:center;}
.blogs01 h2 span{color:#E8693E; font-weight:600;}
.blogs01 .side_blog01{border-bottom: 2px solid #e6e3e3; padding-bottom: 25px; margin-bottom:25px;}
.blogs01 .side_blog01 h5{font-size: 15px; color: #b9b9b9; font-weight: 600;}
.blogs01 .side_blog01 h5 span{color:#9a300c;}
.blogs01 .side_blog01 h3{letter-spacing: 1px; margin-bottom: 20px;}
.blogs01 .side_blog01 h3 a{text-decoration:none; color: #02557f;}
.blogs01 .side_blog01 p{letter-spacing:0.5px; line-height:24px; margin-top:20px; text-align:justify; margin-bottom:15px;}
.blogs01 .side_blog01 img{width:100%; height:300px;}
.blogs01 .side_box01 .col-sm-4{margin-bottom:15px;}
.blogs01 .side_box01 img{transition:all 0.2s ease-in-out;}
.blogs01 .side_box01 img:hover{filter:brightness(0.5);}
.blogs01 .side_box01 h4{font-size: 16px; letter-spacing: 0.5px; line-height: 20px; transition:all 0.1s ease-in-out;}
.blogs01 .side_box01 h4 a{text-decoration:none; color:#E8693E;}
.blogs01 .side_box01 h4 a:hover{color:#02557f;}
.blogs01 .side_box01 h5{font-size: 14px; color: #b9b9b9; letter-spacing: 0.5px;}
.blogs01 .cover01{padding:15px; border:1px solid #eae4e4; margin-top:20px;}
.blogs01 .right_blog01{border-bottom: 1px dashed #ccc; margin-bottom: 20px;}
.blogs01 .right_blog01 img{transition:all 0.1s ease-in-out; cursor:pointer;}
.blogs01 .right_blog01 img:hover{filter:brightness(0.5);}
.blogs01 .right_blog01 .col-sm-8{padding-left:0px;}
.blogs01 .right_blog01 h3{border-bottom: 2px solid #9a300c; color: #9a300c; padding-bottom: 15px; margin-bottom: 15px; margin-top:0px;}
.blogs01 .right_blog01 p{letter-spacing:0.5px; line-height:22px;}
.blogs01 .right_blog01 p a{text-decoration:none; color:#02557f; transition:all 0.1s ease-in-out;}
.blogs01 .right_blog01 p:hover a{color:#9a300c;}
.blogs01 .right_blog01 h5{font-size: 13px; color: #b9b9b9;}
.blogs01 .right_blog01 .blogcat{ background:#9a300c; display:block;padding:5px; text-align:center; margin:5px 0; text-decoration:none; color:#FFFFFF;}
.blogs01 .side_comments .comment01{border-bottom:1px solid #E9E7E7;}
.blogs01 .side_comments img{height:60px; width:60px;}
.blogs01 .side_comments .col-sm-2{width:12%;}
.blogs01 .side_comments h3{font-size: 24px; background: #02557f; padding: 10px; color: #fff; letter-spacing: 1px;}
.blogs01 .side_comments h4{color:#E8693E;}
.blogs01 .side_comments h4 span{color: #b9b9b9; font-size: 14px; padding-left: 10px; letter-spacing: 0.5px;}
.blogs01 .side_comments p{letter-spacing:0.5px; line-height:22px;}
.blogs01 .side_comments a{color:#E8693E; font-weight:600; letter-spacing:0.5px; display:inline-block; margin-bottom:20px;}
.blogs01 .side_send h3{font-size: 24px; background: #02557f; padding: 10px; color: #fff; letter-spacing: 1px;}
.blogs01 .side_send input{width:100%; padding:15px; margin-bottom:15px; border:1px solid #ccc; border-radius:5px; outline:none;}
.blogs01 .side_send textarea{width:100%; height:150px; padding:15px; margin-bottom:15px; border:1px solid #ccc; border-radius:5px; outline:none;}
.blogs01 .side_send input[type="submit"]{width:180px; background: #9a300c; color: #fff; font-weight: 600; letter-spacing: 1px; padding: 15px 0px;
 border:none; transition:all 0.1s ease-in-out;}
.blogs01 .side_send input[type="submit"]:hover{ background:#02557f;} 
/*CONTACT01*/
.contact01 h2{letter-spacing:0.5px; font-size:30px; text-align: center;}
.contact01 h2 span{color:#E8693E; font-weight:600;}
.contact01 input{width:100%; padding:15px; margin-bottom:15px; border:1px solid #ccc; border-radius:5px; outline:none;}
.contact01 textarea{width:100%; height:150px; padding:15px; margin-bottom:15px; border:1px solid #ccc; border-radius:5px; outline:none;}
.contact01 input[type="submit"]{width:180px; background: #9a300c; color: #fff; font-weight: 600; letter-spacing: 1px; padding: 15px 0px; border:none;
 transition:all 0.1s ease-in-out;}
.contact01 input[type="submit"]:hover{ background:#02557f;} 
.contact01 p{letter-spacing: 0.5px; line-height: 22px;}
.contact01 .side01{padding-left:25px;}
.contact01 .side01 h4{font-size: 22px; letter-spacing: 1px; border-bottom: 3px double #02557f; padding-bottom: 10px; margin-bottom:15px; margin-top: 0px;}
.contact01 .side01 ul li{ display:inline;}
.contact01 .side01 ul li a{display: inline-block; text-decoration: none; width: 50px; height: 50px; line-height: 50px; background: #9a300c;
 text-align: center; border-radius: 50%; color: #fff; margin-right: 10px; font-size: 16px; transition:all 0.1s ease-in-out;}  
.contact01 .side01 ul li a:hover{background:#02557f;}
.contact01 .side02{padding-left:25px; margin-top:30px;}
.contact01 .side02 h4{font-size: 22px; letter-spacing: 1px; border-bottom: 3px double #02557f; padding-bottom: 10px; margin-bottom:15px;}
.contact01 .side02 span{font-size: 30px; color: #9a300c; margin-top: 7px;}
.contact01 .side02 h5{font-size: 14px; letter-spacing: 0.5px; line-height: 20px;} 
.contact01 .side02 h5 a{text-decoration:none; color:#333; transition:all 0.1s ease-in-out;}
.contact01 .side02 h5 a:hover{color:#011a2c;}

.contact02  {padding:30px;}
/* CUSTOMER DETAILS */
.cstmrdetails{text-align:center; width:100%; padding:50px;}
.cstmrdetails h3{margin-top:0px;  font-size:35px; font-weight:700; margin-bottom:50px; letter-spacing:1px;}
.cstmrdetails table{width:100%;}
.cstmrdetails th{text-align:left; padding:15px 30px; color:#E8693E; font-size:18px; border:1px solid #E8693E;}
.cstmrdetails td{text-align:left; padding:10px 30px; font-size:16px; border:1px solid #E8693E;}
/*-------------------RESPONSIVE---------------------------*/
@media (max-width:1199px) and (min-width:992px){
.header01 p{font-size:16px;}
.header01 h4{font-size:18px;}
.header01 svg:not(:root).svg-inline--fa{font-size:35px; margin-top:5px;}
.navbar-default .navbar-nav > li > a{font-size:16px; margin:0px 10px; padding:20px 15px;}
.slider01 .text01{width:40%;}
.slider01 .text01 h2{font-size:30px;}
.services02 h3{font-size:16px;}
.ftr_bottom p{line-height:22px;}
.request01 input[type="submit"]{width:100%;}
.contact01 .side01{padding-left: 0px;}
.contact01 .side02{padding-left: 0px;}
.contact01 .side01 ul li a{margin-right:5px; width: 45px; height: 45px; line-height: 45px;}
}
@media (max-width:991px) and (min-width:768px){
.header01 p{font-size:14px;}
.header01 h4{font-size:14px;}
.header01 svg:not(:root).svg-inline--fa{font-size:30px; margin-top:7px;}
.navbar-default .navbar-nav > li > a{font-size:13px; margin:0px 0px; padding:20px 16px;}
.slider01 .text01{width:40%;}
.slider01 .text01 h2{font-size:30px;}
.wrap01 .box01 h4{font-size:16px;}
.wrap01 .box01 a{font-size:12px;}
.services02 h3{font-size:16px;}
.services02 li a{font-size:13px;}
.subcategory01 .leftside01 ul li a{font-size:13px;}
.ftr_bottom p{line-height:22px;}
.request01 input[type="submit"]{width:100%;}
.contact01 .side01{padding-left: 0px;}
.contact01 .side02{padding-left: 0px;}
.contact01 .side01 ul li a{margin-right:5px; width: 45px; height: 45px; line-height: 45px;}
}
@media (max-width:767px) and (min-width:641px){
.sml01 {display:none; }
/*HEADER01*/
.header01{border:none; padding:2px 0px 0px 0px;}
.header01 .col-sm-9{display:none;}
.header01 .pd_top{padding-top:17px; text-align:right; border-top: 1px solid #e9e7e7; padding-bottom: 15px;}
.header01 .pd_top .col-xs-9{padding-right:15px; width:63%}
.header01 .col-xs-3{text-align: left; padding-left: 0px;}
.header01 svg:not(:root).svg-inline--fa{font-size: 30px; margin-top:12px;}
.header01 h4{font-size: 18px;}
 
/*NAVBAR*/
.navbar-default .navbar-toggle{ background:#fff !important;}
.navbar-default .navbar-nav>li>a{font-size: 15px; padding: 6px 25px; margin:0px 0px; display:inline-block;}
.navbar-default .navbar-nav>li>a:hover{transform:scale(1.1);}
.navbar-default .navbar-nav>li>a span.top01{display:none;}
/*SLIDER01*/
.slider01{position:relative;}
.slider01 .item img{width:100% !important; height:180px;}
.slider01 .text01{width:80%; left:10%; top:0px;}
.slider01 .text01 h2{font-size:24px; line-height:26px;}
.slider01 .text01 p{display:none;}
.slider01 .text01 a{padding:12px 25px; margin-top:5px;}
.slider01 .consultation{display:none;}

/*WRAP0100*/
.wrap0100{display:block;}
/*WRAP02*/

.wrap02 .left_cover{padding:30px; height:auto;}
.wrap02 .left_cover h2{margin-bottom:10px;}
.wrap02 .left_cover h4{line-height:24px; margin-bottom:15px;}
.wrap02 .left_cover .none01{display:none;}
/*WRAP03*/
.wrap03 p{margin-bottom: 25px; margin-top: 20px;}
.wrap03 .srvc01 img{height: 250px; width:100%;}
/*REQUEST01*/
.request01 h2{font-size: 27px; padding-top: 0px; }
.request01 h3{font-size:30px; }
/*FOOTER TOP*/
.ftr_top{background:#01324b; padding:30px 0px 40px 0px;}
.ftr_top h4{margin-bottom: 10px; margin-top:20px}
.ftr_top ul{margin-bottom:10px;}
/*FOOTER BOTTOM*/
.ftr_bottom{padding:20px 0px;}
.ftr_bottom p{line-height:22px; text-align:center; margin-bottom:15px;}
/*ABOUT01*/
.about01 h2{letter-spacing:0.5px; font-size:30px; margin-bottom:25px; text-align:center;}
.about01 h2 span{color:#E8693E; font-weight:600;}
.about01 img{ margin-bottom:25px; height:250px; width:100%;}
/*ABOUT02*/
.about02 .bg_color{padding:30px 35px;}
/*SERVICES01*/
.services01 h2{line-height:40px;}
.services01 h4{line-height:24px;}
.services01 img{margin-top:25px;}

/*SUBCATEGORY01*/
.subcategory01 .rightside01{margin-top:30px;}
.subcategory01 .rightside01 h3{line-height:28px;}
.subcategory01 .rightside01 p{letter-spacing: 0.5px; line-height: 24px;}
/*GALLERY01*/
.gallery01 .mask01 span{left:48%;}
/*blog01*/
.blogs01 .side_blog01 img{width:100% !important; height:250px !important;}
.blogs01 .side_blog01 h5{line-height:20px;}
.blogs01 .side_box01 .col-sm-4{margin-bottom:25px;}
.blogs01 .right_blog01 .col-sm-8{padding-left:15px;}
.blogs01 .right_blog01 h4{margin-top:20px;}
/*BLOG DESCRIPTION*/
.blogs01 .side_comments .col-sm-2{width: 100%;}
.blogs01 .right_blog01 P{margin-top:15px;}
.blogs01 .right_blog01 .blogcat{padding:10px;}
/*CONTACT01*/
.contact01{margin-bottom:50px;}
.contact01 .side01{padding-left:0px; margin-top:25px;}
.contact01 .side02{padding-left:0px; margin-top:30px;}
}
@media (max-width:640px) and (min-width:581px){
.sml01 {display:none; }
/*HEADER01*/
.header01{border:none; padding:2px 0px 0px 0px;}
.header01 img{height:80px; margin:auto;}
.header01 .col-sm-9{display:none;}
.header01 .pd_top{padding-top:17px; text-align:right; border-top: 1px solid #e9e7e7; padding-bottom: 15px;}
.header01 .pd_top .col-xs-9{padding-right:15px; width:63%}
.header01 .col-xs-3{text-align: left; padding-left: 0px;}
.header01 svg:not(:root).svg-inline--fa{font-size: 30px; margin-top:12px;}
.header01 h4{font-size: 18px;}
 
/*NAVBAR*/
.navbar-default .navbar-toggle{ background:#fff !important;}
.navbar-default .navbar-nav>li>a{font-size: 15px; padding: 6px 25px; margin:0px 0px; display:inline-block;}
.navbar-default .navbar-nav>li>a:hover{transform:scale(1.1);}
.navbar-default .navbar-nav>li>a span.top01{display:none;}
/*SLIDER01*/
.slider01{position:relative;}
.slider01 .item img{width:100% !important; height:180px;}
.slider01 .text01{width:80%; left:10%; top:0px;}
.slider01 .text01 h2{font-size:24px; line-height:26px;}
.slider01 .text01 p{display:none;}
.slider01 .text01 a{padding:12px 25px; margin-top:5px;}
.slider01 .consultation{display:none;}

/*WRAP0100*/
.wrap0100{display:block;}
/*WRAP02*/

.wrap02 .left_cover{padding:30px; height:auto;}
.wrap02 .left_cover h2{margin-bottom:10px;}
.wrap02 .left_cover h4{line-height:24px; margin-bottom:15px;}
.wrap02 .left_cover .none01{display:none;}
/*WRAP03*/
.wrap03 p{margin-bottom: 25px; margin-top: 20px;}
.wrap03 .srvc01 img{height: 250px; width:100%;}
/*REQUEST01*/
.request01 h2{font-size: 24px; padding-top: 0px; }
.request01 h3{font-size:30px; }
/*FOOTER TOP*/
.ftr_top{background:#01324b; padding:30px 0px 40px 0px;}
.ftr_top h4{margin-bottom: 10px; margin-top:20px}
.ftr_top ul{margin-bottom:10px;}
/*FOOTER BOTTOM*/
.ftr_bottom{padding:20px 0px;}
.ftr_bottom p{line-height:22px; text-align:center; margin-bottom:15px;}
/*ABOUT01*/
.about01 h2{letter-spacing:0.5px; font-size:30px; margin-bottom:25px; text-align:center;}
.about01 h2 span{color:#E8693E; font-weight:600;}
.about01 img{ margin-bottom:25px; height:250px; width:100%;}
/*ABOUT02*/
.about02 .bg_color{padding:30px 35px;}
/*SERVICES01*/
.services01 h2{line-height:40px;}
.services01 h4{line-height:24px;}
.services01 img{margin-top:25px;}

/*SUBCATEGORY01*/
.subcategory01 .rightside01{margin-top:30px;}
.subcategory01 .rightside01 h3{line-height:28px;}
.subcategory01 .rightside01 p{letter-spacing: 0.5px; line-height: 24px;}
/*GALLERY01*/
.gallery01 .mask01 span{left:48%;}
/*blog01*/
.blogs01 .side_blog01 img{width:100% !important; height:250px !important;}
.blogs01 .side_blog01 h5{line-height:20px;}
.blogs01 .side_box01 .col-sm-4{margin-bottom:25px;}
.blogs01 .right_blog01 .col-sm-8{padding-left:15px;}
.blogs01 .right_blog01 h4{margin-top:20px;}
/*BLOG DESCRIPTION*/
.blogs01 .side_comments .col-sm-2{width: 100%;}
.blogs01 .right_blog01 P{margin-top:15px;}
.blogs01 .right_blog01 .blogcat{padding:10px;}
/*CONTACT01*/
.contact01{margin-bottom:50px;}
.contact01 .side01{padding-left:0px; margin-top:25px;}
.contact01 .side02{padding-left:0px; margin-top:30px;}
}
@media (max-width:580px) and (min-width:481px){
.sml01 {display:none; }
/*HEADER01*/
.header01{border:none; padding:2px 0px 0px 0px;}
.header01 img{height:80px;  margin:auto;}
.header01 .col-sm-9{display:none;}
.header01 .pd_top{padding-top:17px; text-align:right; border-top: 1px solid #e9e7e7; padding-bottom: 15px;}
.header01 .pd_top .col-xs-9{padding-right:15px; width:63%}
.header01 .col-xs-3{text-align: left; padding-left: 0px;}
.header01 svg:not(:root).svg-inline--fa{font-size: 30px; margin-top:12px;}
.header01 h4{font-size: 18px;}
 
/*NAVBAR*/
.navbar-default .navbar-toggle{ background:#fff !important;}
.navbar-default .navbar-nav>li>a{font-size: 15px; padding: 6px 25px; margin:0px 0px; display:inline-block;}
.navbar-default .navbar-nav>li>a:hover{transform:scale(1.1);}
.navbar-default .navbar-nav>li>a span.top01{display:none;}
/*SLIDER01*/
.slider01{position:relative;}
.slider01 .item img{width:100% !important; height:180px;}
.slider01 .text01{width:80%; left:10%; top:0px;}
.slider01 .text01 h2{font-size:24px; line-height:26px;}
.slider01 .text01 p{display:none;}
.slider01 .text01 a{padding:12px 25px; margin-top:5px;}
.slider01 .consultation{display:none;}

/*WRAP0100*/
.wrap0100{display:block;}
/*WRAP02*/

.wrap02 .left_cover{padding:30px; height:auto;}
.wrap02 .left_cover h2{margin-bottom:10px;}
.wrap02 .left_cover h4{line-height:24px; margin-bottom:15px;}
.wrap02 .left_cover .none01{display:none;}
/*WRAP03*/
.wrap03 p{margin-bottom: 25px; margin-top: 20px;}
.wrap03 .srvc01 img{height: 250px; width:100%;}
/*REQUEST01*/
.request01 h2{font-size: 22px; padding-top: 0px;}
.request01 h3{font-size:30px; }
/*FOOTER TOP*/
.ftr_top{background:#01324b; padding:30px 0px 40px 0px;}
.ftr_top h4{margin-bottom: 10px; margin-top:20px}
.ftr_top ul{margin-bottom:10px;}
/*FOOTER BOTTOM*/
.ftr_bottom{padding:20px 0px;}
.ftr_bottom p{line-height:22px; text-align:center; margin-bottom:15px;}
/*ABOUT01*/
.about01 h2{letter-spacing:0.5px; font-size:30px; margin-bottom:25px; text-align:center;}
.about01 h2 span{color:#E8693E; font-weight:600;}
.about01 img{ margin-bottom:25px; height:250px; width:100%;}
/*ABOUT02*/
.about02 .bg_color{padding:30px 35px;}
/* COMPANY DETAILS */
.company h5{float:left;}
/*SERVICES01*/
.services01 h2{line-height:40px;}
.services01 h4{line-height:24px;}
.services01 img{margin-top:25px;}

/*SUBCATEGORY01*/
.subcategory01 .rightside01{margin-top:30px;}
.subcategory01 .rightside01 h3{line-height:28px;}
.subcategory01 .rightside01 p{letter-spacing: 0.5px; line-height: 24px;}
/*GALLERY01*/
.gallery01 .mask01 span{left:48%;}
/*blog01*/
.blogs01 .side_blog01 img{width:100% !important; height:250px !important;}
.blogs01 .side_blog01 h5{line-height:20px;}
.blogs01 .side_box01 .col-sm-4{margin-bottom:25px;}
.blogs01 .right_blog01 .col-sm-8{padding-left:15px;}
.blogs01 .right_blog01 h4{margin-top:20px;}
/*BLOG DESCRIPTION*/
.blogs01 .side_comments .col-sm-2{width: 100%;}
.blogs01 .right_blog01 P{margin-top:15px;}
.blogs01 .right_blog01 .blogcat{padding:10px;}
/*CONTACT01*/
.contact01{margin-bottom:50px;}
.contact01 .side01{padding-left:0px; margin-top:25px;}
.contact01 .side02{padding-left:0px; margin-top:30px;}
}
@media (max-width:480px) and (min-width:361px){
.sml01 {display:none; }
/*HEADER01*/
.header01{border:none; padding:2px 0px 0px 0px;}
.header01 img{height:80px; margin:auto;}
.header01 .col-sm-9{display:none;}
.header01 .pd_top{padding-top:17px; text-align:right; border-top: 1px solid #e9e7e7; padding-bottom: 15px;}
.header01 .pd_top .col-xs-9{padding-right:15px; width:63%}
.header01 .col-xs-3{text-align: left; padding-left: 0px;}
.header01 svg:not(:root).svg-inline--fa{font-size: 30px; margin-top:12px;}
.header01 h4{font-size: 18px;}
 
/*NAVBAR*/
.navbar-default .navbar-toggle{ background:#fff !important;}
.navbar-default .navbar-nav>li>a{font-size: 15px; padding: 6px 25px; margin:0px 0px; display:inline-block;}
.navbar-default .navbar-nav>li>a:hover{transform:scale(1.1);}
.navbar-default .navbar-nav>li>a span.top01{display:none;}
/*SLIDER01*/
.slider01{position:relative;}
.slider01 .item img{width:100% !important; height:180px;}
.slider01 .text01{width:80%; left:10%; top:0px;}
.slider01 .text01 h2{font-size:24px; line-height:26px;}
.slider01 .text01 p{display:none;}
.slider01 .text01 a{padding:12px 25px; margin-top:5px;}
.slider01 .consultation{display:none;}

/*WRAP0100*/
.wrap0100{display:block;}
/*WRAP02*/

.wrap02 .left_cover{padding:30px; height:auto;}
.wrap02 .left_cover h2{margin-bottom:10px;}
.wrap02 .left_cover h4{line-height:24px; margin-bottom:15px;}
.wrap02 .left_cover .none01{display:none;}
/*WRAP03*/
.wrap03 p{margin-bottom: 25px; margin-top: 20px;}
.wrap03 .srvc01 img{height: 230px;}
/*REQUEST01*/
.request01 h2{font-size: 18px; padding-top: 0px;}
.request01 h3{font-size:30px; }
/*FOOTER TOP*/
.ftr_top{background:#01324b; padding:30px 0px 40px 0px;}
.ftr_top h4{margin-bottom: 10px; margin-top:20px}
.ftr_top ul{margin-bottom:10px;}
/*FOOTER BOTTOM*/
.ftr_bottom{padding:20px 0px;}
.ftr_bottom p{line-height:22px; text-align:center; margin-bottom:15px;}

/*ABOUT01*/
.about01 h2{letter-spacing:0.5px; font-size:30px; margin-bottom:25px; text-align:center;}
.about01 h2 span{color:#E8693E; font-weight:600;}
.about01 img{ margin-bottom:25px; height:250px; width:100%;}
/*ABOUT02*/
.about02 .bg_color{padding:30px 35px;}
/*SERVICES01*/
.services01 h2{line-height:40px;}
.services01 h4{line-height:24px;}
.services01 img{margin-top:25px;}

/*SUBCATEGORY01*/
.subcategory01 .rightside01{margin-top:30px;}
.subcategory01 .rightside01 h3{line-height:28px;}
.subcategory01 .rightside01 p{letter-spacing: 0.5px; line-height: 24px;}
/*GALLERY01*/
.gallery01 .mask01 span{left:48%;}
/*blog01*/
.blogs01 .side_blog01 img{width:100% !important; height:250px !important;}
.blogs01 .side_blog01 h5{line-height:20px;}
.blogs01 .side_box01 .col-sm-4{margin-bottom:25px;}
.blogs01 .right_blog01 .col-sm-8{padding-left:15px;}
.blogs01 .right_blog01 h4{margin-top:20px;}
/*BLOG DESCRIPTION*/
.blogs01 .side_comments .col-sm-2{width: 100%;}
.blogs01 .right_blog01 P{margin-top:15px;}
.blogs01 .right_blog01 .blogcat{padding:10px;}
/*CONTACT01*/
.contact01{margin-bottom:50px;}
.contact01 .side01{padding-left:0px; margin-top:25px;}
.contact01 .side02{padding-left:0px; margin-top:30px;}
}
@media (max-width:360px) and (min-width:321px){
.sml01 {display:none; }
/*HEADER01*/
.header01{border:none; padding:2px 0px 0px 0px;}
.header01 .col-sm-9{display:none;}
.header01 .pd_top{padding-top:17px; text-align:right; border-top: 1px solid #e9e7e7; padding-bottom: 15px;}
.header01 .pd_top .col-xs-9{padding-right:15px;}
.header01 .col-xs-3{text-align: left; padding-left: 0px;}
.header01 svg:not(:root).svg-inline--fa{font-size: 30px; margin-top:12px;}
.header01 h4{font-size: 18px;}
 
/*NAVBAR*/
.navbar-default .navbar-toggle{ background:#fff !important;}
.navbar-default .navbar-nav>li>a{font-size: 15px; padding: 6px 25px; margin:0px 0px; display:inline-block;}
.navbar-default .navbar-nav>li>a:hover{transform:scale(1.1);}
.navbar-default .navbar-nav>li>a span.top01{display:none;}
/*SLIDER01*/
.slider01{position:relative;}
.slider01 .item img{width:100% !important; height:150px;}
.slider01 .text01{width:86%; left:12%; top:0px;}
.slider01 .text01 h2{font-size:20px; line-height:24px;}
.slider01 .text01 p{display:none;}
.slider01 .text01 a{padding:12px 25px; margin-top:5px;}
.slider01 .consultation{display:none;}

/*WRAP0100*/
.wrap0100{display:block;}
/*WRAP02*/
.wrap02 .left_cover{padding:25px; height:auto;}
.wrap02 .left_cover h2{margin-bottom:10px;}
.wrap02 .left_cover h4{line-height:24px; margin-bottom:15px;}
.wrap02 .left_cover .none01{display:none;}
/*WRAP03*/
.wrap03 p{margin-bottom: 25px; margin-top: 20px;}
/*REQUEST01*/
.request01 h2{font-size: 16px; padding-top: 0px; }
.request01 h3{font-size:30px; }
/*SCROLL TOP BUTTON*/ 
.scrollToTop{bottom:125px; right:15px;}
/*FOOTER TOP*/
.ftr_top{background:#01324b; padding:30px 0px 40px 0px;}
.ftr_top h4{margin-bottom: 10px; margin-top:20px}
.ftr_top ul{margin-bottom:10px;}
/*FOOTER BOTTOM*/
.ftr_bottom{padding:20px 0px;}
.ftr_bottom p{line-height:22px; text-align:center; margin-bottom:15px;}
/*ABOUT01*/
.about01 h2{letter-spacing:0.5px; font-size:30px; margin-bottom:25px; text-align:center;}
.about01 h2 span{color:#E8693E; font-weight:600;}
.about01 img{ margin-bottom:25px; height:250px;}
/*SERVICES01*/
.services01 h2{line-height:40px;}
.services01 h4{line-height:24px;}
.services01 img{margin-top:25px;}

/*SUBCATEGORY01*/
.subcategory01 .rightside01{margin-top:30px;}
.subcategory01 .rightside01 h3{line-height:28px;}
.subcategory01 .rightside01 p{letter-spacing: 0px; line-height: 24px;}
/*blog01*/
.blogs01 .side_blog01 img{width:100% !important; height:200px !important;}
.blogs01 .side_blog01 h5{line-height:20px;}
.blogs01 .side_box01 .col-sm-4{margin-bottom:25px;}
.blogs01 .right_blog01 .col-sm-8{padding-left:15px;}
.blogs01 .right_blog01 h4{margin-top:20px;}
/*BLOG DESCRIPTION*/
.blogs01 .side_comments .col-sm-2{width: 100%;}
.blogs01 .right_blog01 P{margin-top:15px;}
.blogs01 .right_blog01 .blogcat{padding:10px;}
/*CONTACT01*/
.contact01{margin-bottom:50px;}
.contact01 .side01{padding-left:0px; margin-top:25px;}
.contact01 .side02{padding-left:0px; margin-top:30px;}
}
@media (max-width:320px){
.sml01 {display:none; }
/*HEADER01*/
.header01{border:none; padding:2px 0px 0px 0px;}
.header01 img{height:80px; margin:auto;}
.header01 .col-sm-9{display:none;}
.header01 .pd_top{padding-top:17px; text-align:right; border-top: 1px solid #e9e7e7; padding-bottom: 15px;}
.header01 .pd_top .col-xs-9{padding-right:15px;}
.header01 .col-xs-3{text-align: left; padding-left: 0px;}
.header01 svg:not(:root).svg-inline--fa{font-size: 30px; margin-top:12px;}
.header01 h4{font-size: 18px;}
 
/*NAVBAR*/
.navbar-default .navbar-toggle{ background:#fff !important;}
.navbar-default .navbar-nav>li>a{font-size: 15px; padding: 6px 25px; margin:0px 0px; display:inline-block;}
.navbar-default .navbar-nav>li>a:hover{transform:scale(1.1);}
.navbar-default .navbar-nav>li>a span.top01{display:none;}
/*SLIDER01*/
.slider01{position:relative;}
.slider01 .item img{width:100% !important; height:150px;}
.slider01 .text01{width:86%; left:12%; top:0px;}
.slider01 .text01 h2{font-size:20px; line-height:24px;}
.slider01 .text01 p{display:none;}
.slider01 .text01 a{padding:12px 25px; margin-top:5px;}
.slider01 .consultation{display:none;}

/*WRAP0100*/
.wrap0100{display:block;}
/*WRAP02*/

.wrap02 .left_cover{padding:25px; height:auto;}
.wrap02 .left_cover h2{margin-bottom:10px; font-size:30px;}
.wrap02 .left_cover h4{line-height:24px; margin-bottom:15px;}
.wrap02 .left_cover .none01{display:none;}
/*WRAP03*/
.wrap03 p{margin-bottom: 25px; margin-top: 20px;}
/*REQUEST01*/
.request01 h2{font-size: 16px; padding-top: 0px;}
.request01 h3{font-size:30px; }
/*SCROLL TOP BUTTON*/ 
.scrollToTop{bottom:125px; right:15px;}
/*FOOTER TOP*/
.ftr_top{background:#01324b; padding:30px 0px 40px 0px;}
.ftr_top h4{margin-bottom: 10px; margin-top:20px}
.ftr_top ul{margin-bottom:10px;}
/*FOOTER BOTTOM*/
.ftr_bottom{padding:20px 0px;}
.ftr_bottom p{line-height:22px; text-align:center; margin-bottom:15px;}
/*ABOUT01*/
.about01 h2{letter-spacing:0.5px; font-size:30px; margin-bottom:25px; text-align:center;}
.about01 h2 span{color:#E8693E; font-weight:600;}
.about01 img{margin-bottom:25px; height:250px;}
/*SERVICES01*/
.services01 h2{line-height:40px;}
.services01 h4{line-height:24px;}
.services01 img{margin-top:25px;}

/*SUBCATEGORY01*/
.subcategory01 .rightside01{margin-top:30px;}
.subcategory01 .rightside01 h3{line-height:28px;}
.subcategory01 .rightside01 p{letter-spacing: 0px; line-height: 24px;}
/*blog01*/
.blogs01 .side_blog01 img{width:100% !important; height:200px !important;}
.blogs01 .side_blog01 h5{line-height:20px;}
.blogs01 .side_box01 .col-sm-4{margin-bottom:25px;}
.blogs01 .right_blog01 .col-sm-8{padding-left:15px;}
.blogs01 .right_blog01 .blogcat{padding:10px;}
/*BLOG DESCRIPTION*/
.blogs01 .side_comments .col-sm-2{width: 100%;}
.blogs01 .right_blog01 P{margin-top:15px;}
/*CONTACT01*/
.contact01{margin-bottom:50px;}
.contact01 .side01{padding-left:0px; margin-top:25px;}
.contact01 .side02{padding-left:0px; margin-top:30px; } 
}
 

/* ============================================================
   MOBILE NAVIGATION — max-width: 786px
   Add this AFTER your existing style.css
   ============================================================ */

@media (max-width: 786px) {

  /* ── HEADER TOP BAR ── */
  .header01 {
    padding: 1px 0;
    border-bottom: 1px solid #e6e3e3;
  }

  /* Center the logo */
  .header01 .col-sm-3 {
    text-align: center;
    float: none;
    width: 100%;
  }
  .header01 img {
    height: 60px;
    margin: 0 auto;
    display: block;
  }
 

  /* Each contact block side by side */
  .header01 .col-sm-4.pd_top,
  .header01 .col-sm-3.pd_top,
  .header01 .col-sm-5.pd_top {
    width: auto;
    float: none;
    padding-top: 0;
    text-align: left;
  }

  .header01 .pd_top .row {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .header01 .pd_top .col-xs-9 {
    padding-right: 0;
  }

  .header01 p {
    font-size: 12px;
    margin-bottom: 0;
    color: #948e8e;
  }

  .header01 h4 {
    font-size: 14px;
    margin-top: 2px;
    word-break: break-all;
  }

  .header01 svg:not(:root).svg-inline--fa {
    font-size: 22px;
    margin-top: 0;
  }

  /* ── NAVBAR WRAPPER ── */
  .navbar-default {
    background: #02557f;
    border-radius: 0;
    margin-bottom: 0;
  }

  /* Hamburger button — make it visible and easy to tap */
  .navbar-default .navbar-toggle {
    background: #fff !important;
    border: none;
    border-radius: 4px;
    padding: 8px 10px;
    margin: 10px 15px;
    float: right;
  }

  .navbar-default .navbar-toggle .icon-bar {
    background-color: #02557f;
    height: 3px;
    width: 22px;
    border-radius: 2px;
    display: block;
    margin: 4px 0;
  }

  /* Full-width collapsed menu */
  .navbar-default .navbar-collapse {
    background: #02557f;
    padding: 0;
    border: none;
    box-shadow: none;
  }

  /* ── NAV LINKS ── */
  .navbar-default .navbar-nav {
    margin: 0;
    width: 100%;
  }

  .navbar-default .navbar-nav > li {
    border-bottom: 1px solid rgba(255,255,255,0.1);
    position: relative;
  }

  .navbar-default .navbar-nav > li > a {
    font-size: 15px !important;
    padding: 14px 18px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    color: #fff !important;
    letter-spacing: 0.5px;
  }

  /* Hide the desktop underline spans */
  .navbar-default .navbar-nav > li > a span.top01 {
    display: none !important;
  }

  /* Keep caret visible for dropdowns */
  .navbar-default .navbar-nav > li > a .caret {
    display: inline-block;
    margin-left: 6px;
    border-top-color: #fff;
    transition: transform 0.25s ease;
  }

  /* ── DROPDOWN SUBMENUS ── */
  /* Reset desktop absolute positioning — go full-width accordion style */
  #dropdown {
    position: relative;
  }

  .dropdown1 {
    /* Override desktop styles */
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    box-shadow: none !important;
    background: #8a042a;   /* slightly lighter than #E8693E so it reads as nested */
    display: none;
    border-top: 1px solid rgba(255,255,255,0.1);
    z-index: 1;
  }

  .dropdown1 ul {
    padding: 0;
    margin: 0;
  }

  .dropdown1 li {
    border-bottom: 1px solid rgba(255,255,255,0.08);
    list-style: none;
  }

  .dropdown1 li:last-child {
    border-bottom: none;
  }

  .dropdown1 li a {
    display: block !important;
    padding: 12px 18px 12px 30px !important;  /* indent to show hierarchy */
    font-size: 14px !important;
    color: #fff !important;
    text-decoration: none;
    letter-spacing: 0.3px;
  }

  .dropdown1 li a::before {
    content: "›  ";
    color: rgba(255,255,255,0.6);
  }

  .dropdown1 li:hover {
    background: #0000c8;
  }

  /* ── TOGGLE DROPDOWN ON TAP (needs JS below, but CSS fallback via :focus) ── */
  /* Rotate caret when open */
  #dropdown.open > a .caret {
    transform: rotate(180deg);
  }

  #dropdown.open .dropdown1 {
    display: block;
  }

  /* ── ACTIVE / HOVER STATE ── */
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus {
    background: rgba(255,255,255,0.07);
    transform: none !important;
  }

}

/* ============================================================
   EXTRA SMALL — max-width: 480px  (phones in portrait)
   ============================================================ */
@media (max-width: 480px) {

  .header01 h4 {
    font-size: 13px;
  }

  .navbar-default .navbar-nav > li > a {
    font-size: 14px !important;
    padding: 13px 15px !important;
  }

  .dropdown1 li a {
    font-size: 13px !important;
    padding: 11px 15px 11px 28px !important;
  }

}