body, *{margin:0px; padding:0px; font-family: 'Quicksand', sans-serif;}
 p{letter-spacing:0.5px; line-height:22px;}

/*HEADER*/
.header{border-bottom:1px solid #ccc; padding:10px 0px;}
.header img{ height:65px;}
.header h1{text-align:center; margin-top:21px; margin-bottom:0px; font-size:22px;}
.header h1 .fa-envelope{color:#11B255;}
.header h1 a{text-decoration:none; color:#333;}
.header ul{text-align:right;}
.header ul li{list-style:none; display:inline-block; text-align:right;}
.header ul li a{text-decoration:none;}
.header ul li a i{width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; margin-top:12px;
 border-radius: 50%; margin-left: 8px; font-size:16px; transition:all 0.1s ease-in-out;}
.header ul li a i:hover{box-shadow:0px 0px 5px 1px #333; transform:scale(1.1);}
.header ul li a i.fa-facebook{background:#4867AA;}
.header ul li a i.fa-twitter{background:#2BA7F3;}
.header ul li a i.fa-google-plus{background:#D91517;}
.header ul li a i.fa-linkedin{background:#007BB6;}

/*NAVBAR*/
#navigation{width:100%; margin:auto; z-index:9999;}
.navbar-default{margin-bottom:0px; background-color:#11B255; border: none; border-radius: 0px;}
.navbar-default .navbar-nav{margin-left:13%;}
.navbar-default .navbar-nav > li > a{color: #fff; letter-spacing: 1px; font-weight: 600; padding:15px 35px; transition:all 0.2s ease-in-out;}
.navbar-default .navbar-nav > li > a:hover{box-shadow:inset 0px 0px 80px #6D7181; color:#fff;}

.navbar-default .drop_srvc{position:absolute; top:100%; opacity:0; transition:all 0.2s ease-in-out;}
.navbar-default .navbar-nav > li.dropdown:hover .drop_srvc{opacity:1;}
.navbar-default .drop_srvc ul li{list-style:none;}
.navbar-default .drop_srvc ul li a{text-decoration:none; display:block; background:#11B255; padding:8px 16px; border-bottom:1px solid #fff; color:#fff;
 font-weight:600; transition:all 0.2s ease-in-out;}
.navbar-default .drop_srvc ul li a:hover{box-shadow:inset 0px 0px 50px #6D7181;} 

/*PROGRESS LINE*/
.progress_line{width:1%; border-bottom:3px solid #F89939; box-shadow:0px 0px 5px 1px #F89939;  transition:all 4s ease-in-out;}
 body:hover .progress_line{width:100%;}

/*SLIDER*/
.slider01{position:relative; width:100%;}
.slider01  .item img{width:100% !important; height:430px !important;}
.slider01  img{display:block; float: left; width:100% !important; border: 0;  }
.slider01 .rslides1_nav.next{left: auto; background-position: right center; right: 8%;}
.slider01 .rslides1_nav{position:absolute; top:60%; left:8%; z-index:9999; opacity:0.7; text-indent:-9999px; overflow:hidden; text-decoration:none;
 width:50px; height:50px; border-radius:50%; margin-top:-45px; background:transparent url(../image/themes.gif) no-repeat left center;}
 
.slider01 .img_text{position:absolute; width:46%; top:0% !important; left:27%; color:#fff; text-align:center;}
.slider01 .img_text h5{font-family: 'Berkshire Swash', cursive; font-size: 24px; letter-spacing: 1px; text-transform: capitalize; margin-top:100px;}
.slider01 .img_text h6{content:""; width:70px; margin:auto; margin-top:20px; border-bottom:1px solid #e790bf;}
.slider01 .img_text h2{font-family: 'Berkshire Swash', cursive; font-size: 50px; letter-spacing: 3px; text-transform: capitalize; margin-top:15px;
 line-height:55px;}
.slider01 .img_text a{background:#e790bf; color: #fff; text-decoration: none; display: inline-block; padding: 10px 20px; letter-spacing: 0.5px;
 font-size: 16px; text-transform: uppercase; margin-top:10px; transition:all 0.1s ease-in-out;}
.slider01 .img_text a:hover{background:#fff; color:#e790bf;} 
.left .fa{margin-top:210px; font-size:30px;} 
.right .fa{margin-top:210px; font-size:30px;} 
 
 
 /*TWO LINES*/
.two_lines{padding:5px 0px;}
.two_lines h5{content:""; width:80px; height:1px; background:#333; transition:all 0.3s ease-in-out;}
.two_lines h6{content:""; width:50px; height:1px; background:#333; transition:all 0.3s ease-in-out;}
.two_lines:hover h6{width:80px; background:#F89939;}
.two_lines:hover h5{width:50px; background:#2C4E7E;}
 
/*WRAP01*/ 
.wrap01{margin-top:10px;}
.wrap01 h2{color:#fff; margin-bottom:20px; background:#11B255; padding:10px 13px;}
.wrap01 h2 span{font-size: 26px; border-right: 2px solid #fff; padding-right: 10px; top: 2px;}
.wrap01 h4{line-height: 26px; text-align: justify; border-left: 2px solid #F89939; padding: 10px 0px 10px 20px;}
.wrap01 p{text-align:center; font-size:22px !important; line-height:26px; font-style:italic;}

/*WRAP02*/
.wrap02{margin-top:35px;}
.wrap02 h2{text-align:center; width: 272px; margin: auto; letter-spacing:1px;}
.wrap02 .two_lines{padding:10px 0px 20px 0px;}
.wrap02 .two_lines h5{content:""; width:80px; height:1px; margin:auto; margin-bottom:10px;  transition:all 0.3s ease-in-out;}
.wrap02 .two_lines h6{content:""; width:50px; height:1px; margin:auto; transition:all 0.3s ease-in-out;}
.wrap02 .two_lines:hover h6{width:80px; background:#11B255;}
.wrap02 .two_lines:hover h5{width:50px; background:#2C4E7E;}
.wrap02 .four{margin-top:50px;}
.wrap02 .box01{padding:20px; border:1px solid #ccc; border-radius:10px; box-shadow: 0px 0px 20px #ccc; transition:all 0.1s ease-in-out;}
.wrap02 .box01:hover{box-shadow: 0px 0px 10px -1px #11B255;}
.wrap02 h4{font-size: 20px; letter-spacing: 1px; font-weight: 600; padding-bottom: 13px; border-bottom: 1px solid #ccc; color:#11B255;} 
.wrap02 .box01 p{line-height: 26px; font-size: 17px;}

/*WRAP03*/
.wrap03{margin-top: 50px; background-image:url(../image/new-bg.jpg); width: 100%; padding-bottom: 15px; color:#fff;  text-align:center; padding:40px 0px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.wrap03 h2{font-size: 36px; font-weight: 900;}
.wrap03 p{line-height: 28px; font-size: 17px; width:85%; margin:auto; margin-bottom:20px;}
.wrap03 a{text-decoration: none; background: #fff; display: block; width: 250px; margin: auto; padding: 13px; font-size: 18px;  font-weight: 600; letter-spacing: 1px; border-radius: 30px; border:2px solid #fff; color:#11B255;}
.wrap03 a i{top:3px;}
.wrap03 a i.fa-arrow-left{left: -30px; opacity: 0; transition:all 0.3s ease-in-out;} 
.wrap03 a:hover i.fa-arrow-left{left: 0px; opacity: 1;}
.wrap03 a i.fa-arrow-right{right: -30px; opacity: 0; transition:all 0.3s ease-in-out;}
.wrap03 a:hover i.fa-arrow-right{right: 0px; opacity: 1;}

/*WRAP04*/
.wrap04{margin:45px 0px;}
.wrap04 h2{letter-spacing:0.5px; margin:0px;}
.wrap04 .cover01{position:relative;}
.wrap04 .col-sm-3{padding:0px !important;}
.wrap04 .col-sm-3 a{text-decoration:none; color:#333;}
.wrap04 .box01{border:1px solid #ccc; text-align:center; padding:35px 0px; width:100%; height:162px;}
.wrap04 .box01 h4{color:#F89939; font-weight:600; text-shadow:2px 2px 1px #333; letter-spacing:1px;}
.wrap04 .box01 i{font-size:50px; color:#2C4E7E;}
.wrap04 .box02{border:1px solid #ccc; text-align:center; padding:35px 0px; width:100%; height:162px; position:absolute; top:0px; left:0px; z-index:99;
 background:#fff; opacity:0; transition:all 0.2s ease-in-out;}
.wrap04 .box02 ul li{list-style:none; line-height:24px; letter-spacing:0.5px;}
.wrap04 .cover01:hover .box02{opacity:1; border:1px solid #F89939; box-shadow:0px 0px 10px 0px #F89939;}

/*COMMONT PAGE*/
.common_page .cover01{position:relative;}
.common_page .cover01 img{width:100%; height:100px; filter:brightness(0.7);}
.common_page .center01{position:absolute; top:18px; left:0px; z-index:99; text-align:center; width:100%; color:#fff;}
.common_page .center01 h2{margin:0px; font-weight: 900; font-size: 40px; font-family: initial; letter-spacing: 1px;}
.common_page ul{margin-bottom:0px;}
.common_page ul li{list-style:none; display:inline-block; font-weight:600; padding-right:5px; letter-spacing:0.5px; font-size:16px;}
.common_page ul li a{text-decoration:none; color:#fff;}
.common_page ul li.active_li{color:#F89939 !important;}

/*ABOUT01*/
.about01{margin-top:25px;}
.about01 h2{letter-spacing:1px; line-height:40px; margin-bottom:0px;}
.about01 h4{color:#F89939; font-weight:600; letter-spacing:1px; line-height:25px; margin-top:0px;}
.about01 p{text-align:justify;}
.about01 img{margin-top:25px;}
.about01 a{display:block; width:150px; padding:10px; text-align:center; letter-spacing:0.5px; font-size:16px; font-weight:600;
 border-radius:4px; background:#F89939; color:#fff; text-decoration:none; box-shadow: 4px 4px 0px 2px #e3dede; transition:all 0.1s ease-in-out;}
.about01 a:hover{box-shadow: 2px 2px 0px 2px #ccc;}

/*ABOUT02*/
.about02{margin-top:20px; }
.about02 h2{letter-spacing: 1px; margin:0px;}
.about02 p{text-align:justify;}
.about02 h5{font-size: 16px; font-weight: 600; letter-spacing: 1px;}

/*ABOUT03*/
.about03{margin-top: 37px; padding: 40px; background: #F89939; text-align:center; height:300px;}
.about03 h2{letter-spacing:1px; line-height:40px; text-align:center; margin-bottom:30px; color:#fff;}
.about03 h4{color:#2C4E7E; letter-spacing:1px; font-weight:600; margin-top:0px;}
.about03 h5{content:""; width:50px; height:2px; background:#F89939; margin:20px auto; transition:all 0.3s ease-in-out;}
.about03 .col-sm-4:hover h5{width:100px;}
.about03 p{line-height: 26px; margin: auto;}
.about03 .box01{padding:40px; border:2px solid #D8D3D3; background:#fff; transition:all 0.2s ease-in-out;}
.about03 .box01:hover{box-shadow: inset 0px 0px 45px 20px #ccc;}
.about03 .box01 i{font-size:40px; padding-bottom:20px; color:#F89939;}

/*ABOUT04*/
.about04{height:260px; background:#2C4E7E;} 

/*ABOUT05*/
.about05{text-align:center; color:#fff; padding:100px 0px; height:350px; background-image:url(../image/sliderImage4.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
.about05 h2{font-size: 50px; font-weight: 600; letter-spacing: 1px; margin-top:0px;}
.about05 p{font-size: 18px; font-weight: 600; letter-spacing: 1px; line-height: 31px;}
.about05 a{display:block; width:150px; margin:auto; padding:12px; text-align:center; letter-spacing:0.5px; font-size:16px; font-weight:600;
 border-radius:25px; background:#F89939; color:#fff; text-decoration:none;  transition:all 0.2s ease-in-out;}
.about05 a:hover{ background:#fff; color:#F89939;}
.about05 img{width:200px; height:350px;}

/*CAD SOLUTION01*/
.cadsolution01{margin-top:45px;}
.cadsolution01 h2{letter-spacing:1px; margin:0px;}
.cadsolution01 .mask01{width:100%; height:280px; position:relative; overflow:hidden; margin-bottom:25px;} 
.cadsolution01 .mask01 img{width:100%; height:280px; transform:scale(); transition:all 0.2s ease-in-out;}
.cadsolution01 .mask01:hover img{}
.cadsolution01 .hide01{height:250px; position:absolute; top:0px; left:0px; z-index:99; text-align:center; padding:0px 15px; margin:15px;
 background:rgba(51, 51, 51, 0.80); color:#fff; opacity:0; transition:all 0.2s ease-in-out;}
.cadsolution01 .mask01:hover .hide01{opacity:1;}
.cadsolution01 .hide01 h4{transition:all 0.3s ease-in-out; letter-spacing: 1px; font-weight: 600; opacity:0;}
.cadsolution01 .mask01:hover h4{padding-top:80px; opacity:1;}
.cadsolution01 .hide01 p{transition:all 0.3s ease-in-out; padding-top:150px; line-height:24px; letter-spacing:2px; opacity:0;}
.cadsolution01 .mask01:hover p{padding-top:0px; opacity:1;} 

/*CAD SOLUTION02*/
.cadsolution02{margin-top:25px; margin-bottom:25px;}
.cadsolution02 .main01{padding:0px 15px; margin-bottom:25px;}
.cadsolution02 .text01{ background:#44474E; color:#fff; padding:15px;}
.cadsolution02 .text01 h4{font-weight:600;}
.cadsolution02 .text01 a{text-decoration:none; color:#fff; font-size:30px;}
.cadsolution02 .text01 a:hover{color:#F89939;}
.cadsolution02 .main01 .col-xs-6{padding-right:0px; padding-left:0px;}
.cadsolution02 img{height:187px; opacity:0.8; transition:all 0.2s ease-in-out;}
.cadsolution02 img:hover{opacity:1;}

/*GALLERY*/
.gallery01{margin-top:45px; margin-bottom:25px;}
.gallery01 h2{margin:0px;}

.gallery01 .snip1573{background-color: rgba(0,0,0,0.33); font-size: 16px; overflow: hidden; position: relative; text-align: center; width: 100%; margin-bottom:25px; height:250px;}
.gallery01 .snip1573 *{-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease;}
.gallery01 .snip1573:before, .snip1573:after{position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-transition: all 0.35s ease;
 transition: all 0.35s ease; background-color: rgba(0,0,0,0.33); border-left: 3px solid #fff; border-right: 3px solid #fff; content: ''; opacity: 0.9; z-index: 1;}
.gallery01 .snip1573:before{-webkit-transform: skew(45deg) translateX(-155%); transform: skew(45deg) translateX(-155%);}
.gallery01 .snip1573:after{-webkit-transform: skew(45deg) translateX(155%); transform: skew(45deg) translateX(155%);}
.gallery01 .snip1573 img{backface-visibility: hidden; max-width:100%; vertical-align: top; height:250px;}
.gallery01 .snip1573 figcaption{top: 50%; left: 50%; position: absolute; z-index: 2; -webkit-transform: translate(-50%, -50%) scale(0.5);
 transform: translate(-50%, -50%) scale(0.5); opacity: 0; -webkit-box-shadow: 0 0 10px #000000; box-shadow: 0 0 10px #000000;}
.gallery01 .snip1573 h3{background-color:rgba(0,0,0,0.33); border: 2px solid #fff; color: #fff; font-size: 1em; font-weight: 600; letter-spacing: 1px; margin: 0;
 padding: 5px 10px; text-transform: uppercase;}
.gallery01 .snip1573 a{position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 3;}
.gallery01 .snip1573:hover > img,
.gallery01 .snip1573.hover > img {opacity: 0.5;}
.gallery01 .snip1573:hover:before,
.gallery01 .snip1573.hover:before {-webkit-transform: skew(45deg) translateX(-55%); transform: skew(45deg) translateX(-55%);}
.gallery01 .snip1573:hover:after,
.gallery01 .snip1573.hover:after{-webkit-transform: skew(45deg) translateX(55%); transform: skew(45deg) translateX(55%);}
.gallery01 .snip1573:hover figcaption,
.gallery01 .snip1573.hover figcaption{-webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1;}

/*SERVICES*/
.services01{margin-top:45px;}
.services01 h2{margin-bottom:0px; letter-spacing:1px; margin:0px;}
.services01 .left_bar01 h4{background:#F89939; padding:10px; color:#fff; margin-top:0px; letter-spacing:0.5px; margin-bottom:0px;}
.services01 .left_bar01 img{width:100%; height:200px; padding:10px; background:#EBEBEB; margin-bottom:10px;}
.services01 .left_bar01 p{text-align: justify; letter-spacing: 0px; margin-bottom:20px;}
.services01 .left_bar01 a{padding: 12px 25px; background: #F89939; border-radius: 24px; font-weight: 600; letter-spacing: 0.5px; color: #fff;
 text-decoration: none; transition:all 0.2s ease-in-out;}
.services01 .left_bar01 a:hover{background:#2C4E7E;}

.services01 .left_bar02{margin-top:50px;}
.services01 .left_bar02 h4{letter-spacing:0.5px; font-size: 20px; border-bottom: 1px solid #EBEBEB; padding-bottom: 10px; color:#2C4E7E;}
.services01 .left_bar02 h4 span{border-bottom: 1px solid #333; padding-bottom: 9px;}
.services01 .left_bar02 ul{list-style:none;}
.services01 .left_bar02 ul li{letter-spacing: 0.5px; line-height: 22px; margin-bottom: 5px;}
.services01 .left_bar02 ul li i{padding-right:5px; top:2px; color:#F89939;}
.services01 .left_bar02 p{text-align:justify;}

.services01 .left_bar03{margin-top:0px; background:#382B3C; padding:20px 30px; margin-bottom:50px;}
.services01 .left_bar03 h4{color:#fff;}
.services01 .left_bar03 p{color:#88818a; text-align:justify; letter-spacing:0.3px; border-bottom:1px solid #88818a; padding-bottom:15px;}
.services01 .left_bar03 img{margin-top:10px;}

.services01 .right_bar{background:#2C4E7E; padding:15px;}
.services01 .right_bar h4{background:#F89939; color:#fff; font-weight:600; letter-spacing:1px; font-family:initial; padding:10px;
 border-bottom:2px double #fff;}
.services01 .right_bar h4 span{top:2px;}
.services01 .right_bar ul li{list-style:none; position:relative;}
.services01 .right_bar ul li a{text-decoration:none; display:block; padding:8px 0px 8px 22px; margin-bottom:5px; background:rgba(51, 51, 51, 0.50);
 color:#fff; letter-spacing:0.5px; transition:all 0.1s ease-in-out;}
.services01 .right_bar ul li:hover a{background:#333;} 
.services01 .right_bar ul li a i{position:absolute; left:6px; top:10px; transition:all 0.2s ease-in-out;}
.services01 .right_bar ul li a:hover i{left:10px;}

.services01 .sub_cat01{}
.services01 .sub_cat01 h4{font-weight:600; color:#F89939; letter-spacing:0.5px;}
.services01 .sub_cat01 p{text-align:justify;}
.services01 .sub_cat01 p span{color:#F89939; font-weight:800;}

.services01 .sub_cat02{margin-top:30px;}
.services01 .sub_cat02 h4{background:#2C4E7E; color:#fff; padding:10px; font-weight:600; letter-spacing:1px; border-left:3px solid #F89939;}
.services01 .sub_cat02 p{text-align:justify;}
.services01 .sub_cat02 ul li{list-style:none; letter-spacing:0.5px; line-height:24px;}
.services01 .sub_cat02 ul li a{text-decoration:none; color:#333;}
.services01 .sub_cat02 ul li a span{color:#F89939;}
.services01 .sub_cat02 img{width:100%; height:220px; margin-bottom:50px;}

.services01 .sub-cat03{width:100%; height:400px; margin:30px 0px;}
.services01 .sub-cat03 img{width:80%; margin:0px 10%; height:400px;}

/*CONTACT*/
.contact01{margin-top:45px; margin-bottom:40px;}
.contact01 h2{letter-spacing:1px; margin:auto;}
.contact01 h3{color: #2C4E7E; font-weight: 600; margin-top:0px;}
.contact01 h4{letter-spacing:0.5px; margin-top:20px; color:#F89939;}
.contact01 p i{color:#2C4E7E;}
.contact01 p span{color:#2C4E7E;}

.contact01 input{width:100%; padding:15px; border:none; outline:none; margin-bottom:15px; background:#F0F1F5; border-radius: 5px;}
.contact01 input:focus{box-shadow: 0px 0px 8px #F89939;}

.contact01 select{width:100%; padding:15px; border:none; outline:none; margin-bottom:15px; background:#F0F1F5; border-radius: 5px; -moz-appearance:none;
 -webkit-appearance:none; -ms-appearance:none; appearance:none; background-image:url(../image/arrow-16.png); background-repeat:no-repeat;
 background-position: 98% 16px; background-size:18px;}
.contact01 select:focus{box-shadow: 0px 0px 8px #F89939;}
.contact01 select option{padding:5px 5px 5px 5px; border-bottom:1px solid #ccc;}

.contact01 textarea{width:100%; height:120px; padding:15px; border:none; outline:none; margin-bottom:15px; background:#F0F1F5; border-radius: 5px;}
.contact01 textarea:focus{box-shadow: 0px 0px 8px #F89939;}
.contact01 input[type="submit"]{width:210px; box-shadow:none; background:#F89939; color:#fff; font-weight:600; letter-spacing:1px; font-size:18px;
 border-radius: 30px; border: 2px solid #F89939; transition:all 0.2s ease-in-out;}
.contact01 input[type="submit"]:hover{background:#fff; color:#F89939;} 
.contact01 input[type="submit"]:focus{box-shadow: 0px 0px 10px #333;}

/*FOOTER TOP*/
.footer_top{background:#1A2127; padding:40px 0px; color:#fff;}
.footer_top h4{font-size: 22px; font-weight: 600; letter-spacing: 1px;}
.footer_top ul li{ list-style:none; position:relative; border-bottom: 1px solid #505962; padding: 10px 0px 10px 15px;}
.footer_top ul li a{text-decoration:none; color:#A4ABB1; letter-spacing:0.5px; font-weight:600; display:block; transition:all 0.1s ease-in-out;}
.footer_top ul li a span{width:6px; height:6px; background:#505962; border-radius:50%; display:block; position:absolute; top:16px; left:0px;}
.footer_top ul li a:hover{color:#fff;}
.footer_top .col-xs-7{width: 54.333%; margin-left: 2%;}
.footer_top p{color:#A4ABB1; letter-spacing:0.5px; font-weight:600;}
.footer_top p a{color:#A4ABB1; text-decoration:none; transition:all 0.1s ease-in-out;}
.footer_top p a span{top:2px;}
.footer_top p a:hover{color:#fff;}
.footer_top .fa-facebook{background:#4867AA; color:#fff; width:21px; height:21px; line-height:21px; text-align:center; border-radius:2px; margin-right:5px;}
.footer_top .fa-twitter{background:#2BA7F3; color:#fff; width:21px; height:21px; line-height:21px; text-align:center; border-radius:2px; margin-right:5px;}
.footer_top .fa-google-plus{background:#D91517; color:#fff; width:21px; height:21px; line-height:21px; text-align:center; border-radius:2px; margin-right:5px;}
.footer_top .fa-linkedin{background:#007BB6; color:#fff; width:21px; height:21px; line-height:21px; text-align:center; border-radius:2px; margin-right:5px;}

/*FOOTER BOTTOM*/
.footer_bottom{background:#27313B; padding:15px 0; text-align:center; color:#fff;}
.footer_bottom p{margin-bottom:0px; font-weight:600; color: #A4ABB1;}
.footer_bottom p a{color:#F89939; text-decoration:none; transition:all 0.1s ease-in-out;}
.footer_bottom p a:hover{color:#fff;}

/*SCROLL TOP BUTTON*/ 
.scrollToTop{width:50px; height:50px; border-radius:50%; text-decoration: none; position:fixed; bottom:125px; right:25px; display:none; z-index:99;
 transition:all 0.3s ease;}