@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,rticle, aside, container, details, embed,figure, figcaption, footer, header, hgroup, nav, output, ruby, section, summary,time, mark, audio,video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
::selection {background: #a2a2a2;color: #fff; /* Safari - webkit */}
::-moz-selection {background: #a2a2a2;color: #fff; /* Firef x */}
.clear_fix{clear:both;}
a{text-decoration:none; outline:none;}
img{ border:none;}
body{font-family:Poppins-Regular;}
div{ display:flow-root;}
h1,h2,h3,h4,h5,h6{ font-family: 'gilroyextrabold'; font-weight:normal;} 
.container{ width:1200px; margin:0 auto; position:relative;}

/*header section*/
header{ background: url(../images/headerbg.jpg) no-repeat right top; position:relative;}
#logo{ width:309px; height:93px; float:left; margin:0 95px 0 0;}
header:after{ position:absolute; left:0; top:0; background:#051a60; width:23%; height:100%; content:""; z-index:-1;}
#logo img{ width:100%; height:100%;}
#topsocial{ float:left; margin:32px 0;}
#topsocial a{ background:#FFF; width:26px; height:25px; border:#c9c9c9 solid thin; text-align:center; display:block; float:left; margin:0 -1px 0 0;}
#topsocial a img{ vertical-align:middle;}
#callus{ background:url(../images/call.png) no-repeat left center; padding:0 0 0 55px; float:right; font-size:13px; line-height:22px; margin:19px 0 0 0; color:#343d45;}
#callus span{ text-transform:uppercase; font-size:13px; width:88px; float:left; line-height:20px;}
#callus h2{ font-size:18px; display:block;}
#mobile_menu, #mobile_drop{display:none;}
/*****LEVEL ONE*****/
.mtoggle{cursor:pointer;float:right;}
/*****LEVEL ONE*****/
.dropdown {float:left; position:relative; z-index:5000; margin:30px 0 0 44px;}
.dropdown ul {list-style:none;position:relative;margin:0;padding:0;}
.dropdown ul li {display: inline;position: relative;}
.dropdown ul li a {color:#212121;  font-size:14px;position: relative; padding:35px 8px;
transition: background-color 0.2s ease-in-out;}
.dropdown ul li a:hover {color: #54b047;}
.dropdown ul ul{display:none;position:absolute;top:100%;left: 0%;width: 140px; box-sizing:border-box;margin-top:34px;
background-color: #1c0609;}
.dropdown ul ul li{font-size:12px;float: none;display: block;}
.dropdown ul ul a{display: block;padding:8px 17px; line-height:17px; box-sizing:border-box; color:#FFF; font-weight:normal; font-size:12px; letter-spacing:0;}
.dropdown ul ul a:hover{ background:#ef7f1b; color:#FFF;}
.dropdown  ul li:hover > ul{display:block;}
/*header section end*/

/*banner section*/
.rslides {position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0 0 0px 0; z-index:0;}
.rslides li {-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides img {display:block;height:100%;width:100%;border:0;}
.bannercaption{ width:690px;  line-height:56px;  position:absolute; left:0; top:0; z-index:100; font-size:48px;  background: url(../images/captionbg.png) no-repeat right top; background-size:cover; padding:111px 75px; box-sizing:border-box; color:#FFFFFF; height:100vh; font-size:21px;}
.bannercaption span{ color:#1cd602;}
.bannercaption h2{font-size:52px; text-transform:uppercase; }
.bannercaption h2 span{ color:#8e2fa7;}
/*banner section end*/

/*content part*/
#welcome-cnt{  width:500px; float:left; position:relative; padding:54px 0 0 0;}
#welcome-cnt:after{ position:absolute; right:-460px; top:-45px; background:url(../images/truck.jpg) no-repeat; content:""; width:405px; height:262px;}
#welcome-cnt span{ font-size:18px;  color:#288a1b; line-height:33px; position:relative; display:inline-block;}
#welcome-cnt span:before{ content:""; float:right; height:1px; width:100px; background:#288a1b; display:block; margin:15px 25px;}
#welcome-cnt h2{ font-size:46px; text-transform:uppercase; color:#272727; line-height:50px; margin-top:10px;}
#welcome-box{font-size:15px; line-height:27px; margin:35px 0 0 0; position:relative; color:#37474c; width:912px; float:right; box-sizing:border-box; padding:35px 0 37px 376px;}
#welcome-box a{ display:block;overflow:hidden; background:#32a622; width:123px; padding:8px 23px; color:#FFFFFF; font-size:12px; margin:22px 0;  box-sizing:border-box; text-align:center; text-transform:uppercase; outline:#32a622 solid thin; outline-offset:2px;} 
#video{ width:713px; height:400px; margin:20px auto;}
#video video{ width:100%; height:100%;}
#welcome-box a:hover{ display:block; background:#227f15;}
#welcome-img{ position:absolute; left:-96px; bottom:31px;}
#service-section{ position:relative; padding-bottom:29px;}
#service-section:after{ content:""; position:absolute; left:0; top:0; width:30%; height:100%; background:#3ba02d; z-index:-1;}
#service-left{ background:#3ba02d; padding:77px 20px 55px 0; float:left; width:379px;  box-sizing:border-box; box-sizing:border-box; color:#FFF; text-transform:uppercase; position:absolute; left:0; top:0;}
#service-left h2{ font-size:39px;line-height:40px; margin:41px 0 0 0;}
#service-left a{ display:inline-block; background:url(../images/more.png) no-repeat right center; color:#FFF; font-size:14px;  font-family: 'gilroyextrabold'; padding:0 44px 0 0; margin:29px 0 0 0;}
#service-slidecover{float:right; width:859px; text-align:center; margin:41px 0 0 0; z-index:100; position:relative;}
#service-slide{ width:100% !important; -moz-box-shadow: 1px 1px 14px #c6c6c6;
-webkit-box-shadow: 1px 1px 14px #c6c6c6;
box-shadow: 1px 1px 14px #c6c6c6; background:#FFF; display:flow-root; padding:20px; box-sizing:border-box;}
#service-slidecover h2{ font-size:43px; color:#bfbfbf; text-transform:uppercase; margin-bottom:17px; }
#service-slide li{ margin:0 25px 0 0; float:left; font-size:13px; color:#616161; position:relative; width:254px;}
#service-slide li:after{ width:45px; height:3px; background:#3ba02d; content:""; margin:0 auto; display:block; -moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.service-img{ width:214px; height:214px; position:relative; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; box-shadow:#3ba02d 0px 8px 1px -1px; margin:0 auto; position:relative; overflow:hidden; }
.service-more{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.8) url(../images/more.png) no-repeat center; left:0; top:0; display:block; opacity:0; -moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.service-img img{ border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; width:100%; height:100%;}
#service-slide li:hover .service-more{ width:100%; opacity:9;}
#service-slide li:hover .service-img img{ transform:scale(1.2) rotate(-15deg);}
#service-slide li:hover:after{ width:100%;}
.hvr-rectangle-in{ background:#FFF url(../images/service-icon.jpg) no-repeat right top; padding:25px 14px 13px 18px; border-bottom:#e4a520 solid 2px;}
.service-title{ display:table; width:100%; height:52px; line-height:16px;}
.service-title h3{ font-size:15px;  color:#000; display:table-cell; vertical-align:middle; font-family: 'Poppins-Regular';}

/*innerpage content*/
#pagetitelcover{ background: url(../images/pagetitle.jpg) no-repeat center; background-size:cover; height:93px; padding:26px 0 0 0; box-sizing:border-box;}
#pagetitelcover h1{ color:#FFFFFF; font-size:23px;  text-transform:uppercase; background:#30a91f; padding:8px 43px; display:table;}
#content-cover{ background:#e3ecef;padding:0 0 24px 0; clear:both;}
#left-box{ background:#FFF; padding:16px 18px; width:950px; float:left; color:#676767; font-size:13px; line-height:25px; box-sizing:border-box; position:relative; margin:25px 0 0 0; }
#left-box ul, #fixed-box ul{ list-style:none; display:table; margin:9px 0 0 0;}
#left-box ul li, #fixed-box ul li { position:relative; padding:0 0 0 15px;}
#left-box ul li:after, #fixed-box ul li:after{ position:absolute; left:0; top:9px; width:5px; height:5px; background:#54b047; border-radius:100%; content:"";}
#service-img{ float:left; margin:0 25px 0 0;}
#fixed-box{ background:#FFF; padding:16px 18px; width:100%;color:#676767; font-size:14px; line-height:24px; box-sizing:border-box; position:relative; margin:24px 0 0 0;}
#fixed-box:after{ display:table; clear:both; content:"";}
#left-box h2{ font-size:20px; margin-bottom:11px; text-transform:none;}
#right-box{ width:243px; float:right; background:#FFF url(../images/left-tech.png) no-repeat right top; padding:16px 10px; box-sizing:border-box; position:relative; margin:25px 0 0 0;}
#right-box h2{font-size:22px;color:#525252;  text-transform:uppercase;position:relative; padding:0 0 8px 0;}
#right-box h2:before{ position:absolute; left:0; bottom:0; background:#54b047; width:43px; height:3px; content:"";}
ul#rightservice-list{ list-style:none;box-sizing:border-box; margin:17px 0 0 0;}
ul#rightservice-list li a{ height:45px;margin:0 0px 5px 0px;  box-sizing:border-box; position:relative;display:table; color:#FFFFFF; font-size:13px; width:100%;padding:0 0 0 47px; border-left:#54b047  solid 3px;  z-index:1; -webkit-transform: translateZ(0); background:#051a60  url(../images/arow.png) no-repeat left center; background-size:31px; box-sizing:border-box; border-bottom:#ded2bb solid thin;}
ul#rightservice-list li a span{ display:table-cell; vertical-align:middle; line-height:16px;}
ul#rightservice-list li a:hover{ color:#52d63f;}
.service-box{ float:left; width:562px; margin:0 20px 25px 0; position:relative;}
#fixed-box .service-img{ width:190px; height:190px; margin:15px 0; position:absolute; left:0; top:0; box-shadow:none; border:#54b047 solid 3px;}
#fixed-box .service-cnt{ background:#ebffe8; width:428px; float:right; height:190px; margin:21px  0 0 0; padding:42px 22px 0 91px; box-sizing:border-box; font-size:13px;}
#fixed-box .service-cnt a{ display:block; color:#54b047; font-size:13px; margin:8px 0 0 0; background:url(../images/arow.png) no-repeat right center; background-size:22px; width:91px; padding:3px 0 0 0;}
#fixed-box .service-cnt h2{ color:#3c3c3c; font-size:17px; margin-bottom:10px; line-height:20px;}
#fixed-box .service-cnt a:hover{ color:#359b27;}
#hotel{ background:url(../images/hotel.jpg) no-repeat center top; height:208px; background-size:cover; position:relative;}
#hotel div{ position:absolute;  right:0; top:24px; background:rgba(63,163,49,0.9); width:446px; padding:25px 36px; box-sizing:border-box; color:#FFF; line-height:23px;}

#contact-cover{  text-align:center;  padding:26px 15px; text-align:center;}
#fixed-box #contact-cover h2{ font-size:26px;}
#fixed-box #contact-cover h3{ font-size:16px; margin:4px 0;}
.contact-detailmain{ padding:0 19px 0 19px; color:#000; line-height:21px; margin:28px 0 0 0; border-right: #b3b3b3 solid thin; display:inline-block; width:347px; box-sizing:border-box;}

.contact-frm{ width:100%; margin:0; background:#0f1833; display:flow-root; padding:27px 20px 8px 20px; box-sizing:border-box; color:#dedede;}
.contact-frm h1{ color:#FFF; font-size:24px; text-align:center;  text-transform:uppercase;margin-bottom:2px; display:block;}
.contact-frm input{ width:100%; border:none;font-family:'Poppins-Regular'; padding:9px 30px; box-sizing:border-box; outline:none; color:#a2a2a2;font-size:14px; background:#283250; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px}
.contact-frm textarea{ width:99%; border:none;padding:11px 30px; box-sizing:border-box; outline:none; color:#969aae; height:60px; margin:0px 0 12px 0; overflow:hidden; resize:none; font-size:14px; font-family: 'Poppins-Regular'; background:#283250;  border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px;}
.contactfrm-cover{ width:264px; float:left; margin:0 15px 0 0; height:68px; text-align:left;}
.contact-frm .captha{ width:127px; float:right; margin-top:0;}
.contact-frm #frmsubmit{margin-top:0; background:#318824; color:#FFF;  font-family: 'Poppins'; padding:8px 0; cursor:pointer; font-size:15px;}
::-webkit-input-placeholder { color: #a2a2a2;}
::-moz-placeholder { color: #a2a2a2;}
#map{ width:100%; height:270px;}
#map iframe{ width:100%; height:100%;}

#gal_listed{margin:0px 0 0 0;padding:0;}
#gal_listed li{list-style:none;float:left;width:232px;margin:0 0 10px 0;position:relative;overflow:hidden; background:#30a91f; padding-left:0;  -webkit-animation: anima 2s;-moz-animation: anima 2s;-o-animation: anima 2s;-ms-animation: anima 2s;
animation: anima 2s;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;backface-visibility: hidden;}
.inn_gal_img{width:232px;height:213px; line-height:0; overflow:hidden;}
.inn_gal_img img{width:100%;height:100%;}
#fixed-box #gal_listed li{ padding:0;}
#fixed-box #gal_listed li:after{ display:none;} 
.inn_gal_txt{display:none;height: 100%;position: absolute;top: 0;width: 100%;z-index:999; font-size:15px;}
#gal_listed li:hover .inn_gal_txt{ background:url(../images/zoom.png) no-repeat center; display:block;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;color:#fff; text-align:center; }
.pic-3d {-webkit-perspective: 500;-moz-perspective: 500;-o-perspective: 500;-ms-perspective: 500;perspective: 500;
-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d}
.pic-caption {cursor: default;position: absolute;width: 100%;height: 100%;background: rgba(48, 169, 31, 0.92);text-align: center;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0}
.pic-image {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);
transform: scale(1.1)}
#gal_listed li:hover .pic-image {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}
#gal_listed li .pic-image,
.pic-caption,
#gal_listed li:hover .pic-caption,
#gal_listed li:hover img {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;transition: all 0.5s ease}
#gal_listed li:hover .bottom-to-top {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;-webkit-user-select: none;-moz-user-select: none;
-o-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-moz-touch-callout: none;
-o-touch-callout: none;-ms-touch-callout: none;touch-callout: none;-webkit-tap-highlight-color: transparent;-moz-tap-highlight-color: transparent;-o-tap-highlight-color: transparent;-ms-tap-highlight-color: transparent;tap-highlight-color: transparent}
.bottom-to-top {top: 50%;left: 0}
#gal_listed li:hover .bottom-to-top {top: 0;left: 0;}
/*innerpage content end*/

/*footer section*/
footer{ background:#445a62; padding:30px 0 20px 0; color:#e1f2f8; clear:both; margin:21px 0 0 0;}
ul.bottom-link{ list-style:none;float:left; width:99px; background: url(../images/line.png) no-repeat right top; 
margin:0 25px 0 0}
ul.bottom-link li a{ color:#e1f2f8; font-size:14px; margin:0 0 1px 0;}
ul.bottom-link li a:hover{ color:#cfd2ff;}
#social-box{ float:right; font-size:13px; line-height:38px; margin-top:9px;}
#social-box a{ float:right; margin:0 5px 0 0;}
#social-box a img{ vertical-align:middle; display:inline-block;}
#facebook:hover{ background:#66F;}
#twitter:hover{ background:#0CF;}
#linked:hover{ background:#069;}
.footer-contactdetail{font-size:14px; line-height:25px; padding:0 0 0 104px; background: url(../images/callfooter.png) no-repeat 32px center; float:left; border-left:#82959c solid thin; box-sizing:border-box; margin:0 54px 0 0; width:306px;}
.footer-contactdetail h2{ display:block; font-size:21px;}
#line{ border-top:#82959c solid thin; text-align:center; clear:both; margin:25px 0 0 0; padding:17px 0 0 0; width:100%; float:left;}
#copyright{ font-size:14px; text-align:left;}
#copyright div{ float:right;}
#copyright a{ color:#FFF;}
#copyright a:hover{color:#e1f2f8;}
#location{ background:url(../images/location.png) no-repeat 41px 6px; padding:0 0 0 106px; font-size:13px; width:402px;  box-sizing:border-box; border-right:#82959c solid thin; border-left:#82959c solid thin; float:left;}

/*footer section end*/

@media screen and (max-width:1200px){
.container{ width:992px;}
.dropdown, #social-box{ display:none;}
header{ background:none;}
#mobile_menu{display:block;text-align:right;height:39px;padding:25px 0px; float:right;}
#mobile_drop{display:block;position:relative;background:#04154e;}
#mobile_drop_fix{display:block;padding:20px 0px 33px 0;margin:0 auto 0 auto;}
#mobile_drop_fix ul li{list-style:none;display:block}
#mobile_drop_fix ul li ul li{margin:0 0 0 35px;}
#mobile_drop_fix ul li ul li a{border-bottom:0!important}
#mobile_drop_fix a{display:block;color:#fff;border-bottom:solid 1px #1C3074;display:block;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;text-decoration:none;padding:5px 0 5px 0; font-size:13px; text-transform:uppercase;}
#mobile_drop_fix a:hover{-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;
color:#ecfcc2;}
#callus{ margin-right:65px;}
#service-slidecover{ width:676px;}
#service-slide li{ margin:0 40px;}
#welcome-img{ left:-286px;}
#location{ width:384px;}
#right-box{ width:233px;}
#left-box{ width:743px;}
.service-box{ width:458px;}
#fixed-box .service-cnt{ width:335px;}
.contactfrm-cover{ width:214px;}
}

@media screen and (max-width:992px){
.container{ width:768px;}	
#topsocial, .bannercaption, #service-left, #welcome-img{ display:none;}
#service-slidecover, #welcome-box{ width:100%;}
#service-slide li{ margin:0 10px 0 0; width:240px;}
#welcome-box{ padding-left:0; padding-top:0;}
#location{ border:none; width:100%; background-position:left; padding:27px 47px;}
#left-box, #right-box, .service-box{ width:100%;}
#fixed-box .service-cnt{ width:592px;}
.contact-detailmain{ width:231px;}
.contactfrm-cover{ width:331px;}
}

@media screen and (max-width:768px){
.container{ width:448px;}
#callus, #welcome-cnt::after{ display:none;}
#service-slidecover h2, #welcome-cnt h2{ font-size:37px;}
#service-slide li, #welcome-cnt, .contact-detailmain, .contactfrm-cover{ width:100%;}
.footer-contactdetail{ border:none; float:none; background-position:left; padding-left:75px; margin-top:15px;}
#line{ margin:0;}
#copyright div{ float:left;}
ul.bottom-link{ float:none; background:none;}
#fixed-box .service-cnt, #hotel div{ width:100%; text-align:center; padding:20px; height:auto;}
#fixed-box .service-cnt a{ display:block; margin:0 auto; text-align:left;}
#fixed-box .service-img{ position:relative; margin:0 auto;}
.contact-detailmain{ border:none;}
#fixed-box #gal_listed li, #video{ width:100%; height:auto;}
.inn_gal_img{ width:100%; height:100%;}
}

@media screen and (max-width:448px){
.container, #welcome-box .container{ width:300px;}
#logo{ margin-right:0; width:245px; height:74px;}
#mobile_menu{ padding:17px 0;}
#service-section:after{ display:none;}
#service-slidecover h2{ font-size:31px;}
#pagetitelcover h1{ font-size:18px;}
#service-img img{ width:100%;}
#service-img{ margin-right:0;}
.contact-frm .captha{ width:45px;}
}