@charset "utf-8";
a { outline: none; }
.contact-form .form-control::-moz-placeholder{color:#fff;opacity:1;}
.contact-form .form-control::-webkit-placeholder{color:#fff;opacity:1;}
.contact-form .form-control::-ms-placeholder{color:#fff;opacity:1;}

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
html { -ms-overflow-style: scrollbar; }
* html .clearfix { height: 1%; }
ul, li { margin: 0; padding: 0; }
li { list-style: none; }
a { text-decoration: none; border: 0; outline: none; color: #717171; -webkit-transition: all 1s ease; transition: all 1s ease; }
p { font-size: 14px; color: #656565; font-weight: 400; line-height: 1.8 }
li:hover a { text-decoration: none; }
a:hover, a:focus { text-decoration: none; color: #E2BF6E; outline: none }

/**** Common CSS ****/

/*header{ width: 100%; float: left; }*/
.header-bar { width: 100%; /*float: left;*/ background: #fff;/* padding: 15px 0 15px;*/ box-shadow: 0px 0px 4px 0px rgba(0,0,0,.75);}
.header-bar h2 { font-weight: 700; font-size: 21px; color: #717171; line-height: 64px; }

/***scroll- animate********/
.fly {
  opacity: 0;
  transition:600ms all ease 0s;  -webkit-transition:600ms all ease 0s;  -o-transition: 600ms all ease 0s; margin-top:10%;
}
.fly.show-block {
  opacity: 1; margin-top:0;
  transform: translateY(0) scale(1) translate3d(0, 0, 0); transition: 0.5s all ease 0s;  -webkit-transition: 0.5s all ease 0s;  -o-transition: 0.5s all ease 0s;
}
/***scroll-animate-End********/
.grey {background:#000;}

.white {background:white;}

ul.main-menu {
    margin-top: 10px;
}
.hero-banner-section {
    background: url(../image/single-banner.jpg) no-repeat;
    /* height: 700px; */
    /* width: 100%; */
    /* float: left; */
    background-size: cover;
    background-position: center;
    position: relative;
	background-attachment:fixed;
    padding: 14% 0;
}



/*.hero-banner-section::after { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; }*/
.banner-description {
    color: #FFF;
    position: relative;
    z-index: 2;
}
.banner-description p {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
}
.banner-description h2 {
    color: #FFF;
    font-size: 60px;
    font-weight: 700;
}
.banner-description ul { }
.banner-description ul li { display: inline-block; margin-right: 15px; }
.banner-description ul li:last-child { margin-right: 0; }

section h3{ color:#08a2b1; font-size:25px; font-weight:700; font-family: 'Roboto', sans-serif; }

.welcome-section figure img { width: 100%; height: auto; }
.welcome-section { background: #fff; }
.welcome-section .description {
    width: 70%;
    /* float: left; */
    margin-top: 25%;
}
.welcome-section .description h3 { margin-bottom: 20px; font-size: 24px; }
.welcome-section .description p { margin-bottom: 15px; font-size: 18px; line-height: 28px; font-weight: 300; }
.welcome-section .description p strong { font-weight: 700; }
.service-section { background: #f6f6f6; padding:3% 0; }
.section-title { margin-bottom:50px; }
.section-title h2 {
    color: #08a2b1;
    font-size:35px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    position: relative;
    padding-bottom: 15px;
	text-align:center;
	text-transform:uppercase;
	margin:0;
}
.section-title h2:after { border-bottom: 3px solid #08a2b1; bottom: 0; content: ""; height: 4px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 17%; }
.section-title p { margin: auto; width: 70%; font-size: 15px; line-height: 28px; font-weight: 300; }

.service-box { background: #fff; margin-bottom: 30px; padding: 50px 25px 20px; -webkit-transition: all 0.36s ease-in-out 0s; transition: all 0.36s ease-in-out 0s; min-height: 450px; }
.service-box i { font-size: 35px; color: #333; }
.service-section .service-img img{ margin:auto;}
.service-section .service-img{ position:relative; }
.service-section .service-img img.service-hover{ position:absolute; top:0; left:0; right:0; width:auto; opacity:0; transition: all 0.36s ease-in-out 0s; visibility:hidden;  }
.service-section .service-box:hover img.service-hover{ opacity:1; visibility:visible;}
.service-box h4 { margin: 20px 0 10px 0; text-align:center; color:#08a2b1; font-size:25px; font-weight:700; font-family: 'Roboto', sans-serif; }
.service-box p { font-size: 18px; line-height: 1.6; width: 90%; margin: 0 auto 15px; }
.service-box a.read-more { color: #999; font-size: 12px; -webkit-transition: all 0.36s ease-in-out 0s; transition: all 0.36s ease-in-out 0s; }
.service-box a.read-more i { font-size: 15px; margin-right: 5px; color: #999; -webkit-transition: all 0.36s ease-in-out 0s; transition: all 0.36s ease-in-out 0s; }
.service-box:hover { box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 2px 15px 0 rgba(0, 0, 0, 0.5); background:#faac24;     transform: scale(1.05);     -webkit-transform: scale(1.05);    -ms-transform: scale(1.05); }
.service-box:hover p{ color:#fff;}
.service-box:hover h4{ color:#fff; }

.partner h2:after{border-bottom: 3px solid #08a2b1; bottom: 0; content: ""; height: 4px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 10%; }
.get h2:after{border-bottom: 3px solid #08a2b1; bottom: 0; content: ""; height: 4px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 16%; }
footer { width: 100%; padding: 25px 0; }
.footer-copyrights { width: 100%; float: left; }
.footer-copyrights p { color: #000; font-size: 15px; line-height: 20px; font-weight: 600; }
.footer-copyrights p a { color: #333333; -webkit-transition: all 500ms ease; transition: all 500ms ease; }
.footer-copyrights p a:hover { color: #ff9900; }
.footer-copyrights li { float: left; margin-right: 15px; }
.footer-copyrights li:last-child { margin-right: 0; }
.footer-copyrights li a { color: #fff; }

.contactus-section.section-padding { width: 100%; background: #faac24; }/* padding:15% 0;*/
.contactus-section h2{ color:#fff; }
.contactus-section h2::after{ border-bottom: 3px solid #fff;}
.contactus-section input{ border:1px solid #fff;  color:#fff; background:none; border-radius:0; box-shadow:none;margin-left: 10rem;margin-bottom: 2rem;width: 75%;    height: 48px;}/*border-bottom:1px solid #fff;*/
.contactus-section .form-group{ margin-bottom:30px;}
.contactus-section .btn.btn-default {
    background: #333;
    padding: 12px 50px;
    font-weight: 700;
    color: #fff;
    border-radius: 0;
    border: 0;
    text-transform: capitalize;
    font-size: 18px;
}
/*newcode*/
.contactus-section label{color: #fff;margin-left: 35rem;     font-size: 20px;    font-weight: bold;}
.contactus-section .form-group .name label{margin-left: 29rem;    margin-top: 1rem;}
.contactus-section .form-group .names label{margin-left: 27.5rem;margin-top: 1rem;}
.contactus-section .form-group .name1 input{margin-left:15rem;    width: 215%;}
.contactus-section  .msg textarea{width:  75%;    height: 180px;}
.contactus-section h2{margin-bottom: 8rem;    margin-top: -4rem;}
#fname-error{font-size:14px;color:red;margin-left: 100px;margin-right: -44px; margin-bottom: 12px;}
#phone-error{font-size:14px;color:red;margin-left: 100px;margin-right: -80px; margin-bottom: 15px;}
#email-error{font-size:14px;color:red;margin-left: 100px;margin-right: -97px; margin-bottom: 15px;}
#description-error{font-size:14px;color:red;margin-left: 2px;margin-right: -80px; margin-bottom: 15px;    margin-top: 12px;}
.g-recaptcha{margin-top: 10px;margin-bottom: 10px;margin-left: 420px;}
.contactus-section .btn.btn-default{    margin-left: 49rem;    margin-top: 10px;    margin-bottom: -50px;}
#hiddenRecaptcha-error{font-size:14px;    margin-left:420px;    color: red;    margin-right: -33rem;    margin-top: 1rem;}
.rc-anchor-normal{width: 268px !important;}
.rc-anchor-normal-footer{width: 62px !imporatant;}
.rc-anchor-logo-portrait{    margin: 10px 0 0 0px !imporatnt;}
.rc-anchor-normal .rc-anchor-pt{    width: 276px !important;}
/*#{font-size:14px;color:red;margin-left: 150px;margin-right: -44px; margin-bottom: 12px;}*/
.section-padding { padding:8% 0;}
.fly.show-block a img{float: left;    margin: 10px 20px;    margin-left: 115px;}

/*** Menu ***/
.logo { position: relative; z-index: 123; float: left; }
.logo a { color: #6DDB07; }
nav { position: relative; width: 980px; margin: 0 auto; }
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile { border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
#cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
#cssmenu #head-mobile { display: none }
#cssmenu { width: 100%; float: left; }
#cssmenu ul { display: inline-block; float: right; top: 7px; }
#cssmenu ul ul { top: 48px; }
#cssmenu > ul > li { float: left }
#cssmenu > ul > li > a { padding: 15px 12px; font-size: 13px; font-family: 'Roboto', sans-serif; letter-spacing: 1.1px; color: #555; text-transform: uppercase; text-decoration: none; color: #717171; border-bottom: 3px solid transparent; -webkit-transition: all 0.36s ease-in-out 0s; transition: all 0.36s ease-in-out 0s; font-weight:700; }
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a,#cssmenu ul li a.active { color: #ff9900; }
#cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover { border-bottom: 3px solid transparent; -webkit-transition: background .3s ease; -ms-transition: background .3s ease; transition: background .3s ease; }
#cssmenu > ul > li.has-sub > a:after { position: absolute; top: 22px; right: 11px; width: 8px; height: 2px; display: block; background: #ddd; content: ''; display: none; }
#cssmenu > ul > li.has-sub > a:before { position: absolute; top: 19px; right: 14px; display: block; width: 2px; height: 8px; background: #ddd; content: ''; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; display: none; }
#cssmenu > ul > li.has-sub:hover > a:before { top: 23px; height: 0 }
#cssmenu ul ul { position: absolute; left: -9999px; z-index: 3; margin-top: 0; border-top: 3px solid #ff9900; }
#cssmenu ul ul li { height: 0; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; background: #fafafa; transition: all .25s ease }
#cssmenu ul ul li:hover { }
#cssmenu li:hover > ul { left: auto }
#cssmenu li:hover > ul > li { height: 35px }
#cssmenu ul ul ul { margin-left: 100%; top: 0 }
#cssmenu ul ul li a { padding: 10px 25px; width: 290px; font-size: 13px; text-decoration: none; color: #595959; font-weight: 400; -webkit-transition: all 500ms ease; transition: all 500ms ease; }
#cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a { border-bottom: 0 }
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #FFF; background: #ff9900; }
#cssmenu ul ul li.has-sub > a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #ddd; content: '' }
#cssmenu ul ul li.has-sub > a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #ddd; content: ''; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease }
#cssmenu ul ul > li.has-sub:hover > a:before { top: 17px; height: 0 }
#cssmenu ul ul li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover { background: #363636; }
#cssmenu ul ul ul li.active a { border-left: 1px solid #333 }
#cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active> a { border-top: 1px solid #333 }
#cssmenu > ul > li:last-child > a { padding-right: 0; }
/*** Menu ***/
/** Sticky **/
/*a.logo-brand img { width: auto; }*/
.header-bar.sticky { padding: 10px 0 7px; transition: all 0.7s; }
.logo-sticky { display: none; }
.sticky { position: fixed !important; z-index: 9999; width: 100%; top: 0; transition: all 0.7s; }
.logo-brand { transition: all 0.7s; }
.header-bar.sticky { padding: 10px 0 7px; }
.header-bar { transition: all 0.7s; }
/** Sticky End **/
/**** Slick *****/
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.previous-arrow, .next-arrow { color: #2c2c2c; z-index: 999; background-size: 100%; background-repeat: no-repeat; float: left; position: absolute; top: 40%; transform: translateY(-40%); -webkit-transform: translateY(-40%); -moz-transform: translateY(-40%); cursor: pointer; }
.previous-arrow { left: 20px; }
.next-arrow { right: 20px; }
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 8px; height: 8px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: #e8e8e8; border-radius: 50%; transition: all ease .5s; }
.slick-dots li:hover button, .slick-dots li.slick-active button { background: #2c2c2c; transition: all ease .5s; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
/*** Slick ***/
@media screen and (max-width:1199px) {
	#cssmenu > ul > li > a { padding: 15px 10px; }
}
@media screen and (min-width:992px) and (max-width:1024px) { 

.section-padding{ padding: 70px 0; }
.service-box {
    padding: 30px 5px;
}
}
@media screen and (max-width:991px) {
/*** Menu ***/
	.logo { /*position: absolute;*/ top: 0; left: 0; width: 100%; height: auto; text-align: left; padding: 0; float: none }
	.logo2 { display: none }
	nav { width: 100%; }
	#cssmenu { width: 100% }
	#cssmenu ul { width: 100%; display: none; }
	#cssmenu > ul { position: relative; top: 5px; }
	#cssmenu ul li { background: #ff9900; }
	#cssmenu > ul > li:hover > a, #cssmenu ul li.active a { color: #fff; }
	#cssmenu ul li { width: 100%; border-top: 1px solid #fff }
	#cssmenu ul li:hover { background: #ff9900; }
	#cssmenu ul ul li, #cssmenu li:hover > ul > li { height: auto }
	#cssmenu ul li a, #cssmenu ul ul li a { width: 100%; border-bottom: 0; color: #fff; }
	#cssmenu > ul > li { float: none }
	#cssmenu ul ul li a { padding-left: 25px }
	#cssmenu ul ul li { background: #ff9900 !important; }
	#cssmenu ul ul li:hover { background: #ff9900 !important }
	#cssmenu ul ul ul li a { padding-left: 35px }
	#cssmenu ul ul li a { color: #fff; background: none }
	#cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a { color: #fff }
	#cssmenu ul ul, #cssmenu ul ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left }
	#cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before { display: none }
	#cssmenu #head-mobile { /*display: block;*/ padding: 23px; color: #ddd; font-size: 12px; font-weight: 700 }
	.button {
    width: 40px;
    height: 35px;
    position: absolute;
    right: 30px;
    top: 20px;
    cursor: pointer;
    z-index: 999;
    background: #7c6139;
    text-align: center;
    padding: 7px 0;
}
	.button span { width: 28px; margin-bottom: 0; height: 3px; background: #fff; display: block; margin: 0 auto 6px; }
	.button.menu-opened { background: #ff9900; }
    #cssmenu .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid #fff; height: 42px; width: 46px; cursor: pointer }
	#cssmenu .submenu-button.submenu-opened { background: #ff9900 }
	#cssmenu ul ul .submenu-button { height: 34px; width: 34px }
	#cssmenu .submenu-button:after { position: absolute; top: 22px; right: 19px; width: 8px; height: 2px; display: block; background: #ddd; content: ''; }
	#cssmenu ul ul .submenu-button:after { top: 15px; right: 13px; }
	#cssmenu .submenu-button.submenu-opened:after { background: #fff; }
	#cssmenu .submenu-button:before { position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px; background: #ddd; content: ''; }
	#cssmenu ul ul .submenu-button:before { top: 12px; right: 16px; }
	#cssmenu .submenu-button.submenu-opened:before { display: none; }
	#cssmenu ul ul ul li.active a { border-left: none; }
	#cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a { border-top: none; }
	.header-bar { padding: 15px 0 15px; }
	#cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover { border-bottom: none; }

	.section-padding{ padding: 50px 0; }
	.section-title p{ width: 100%; }
	.section-title{ margin-bottom: 45px; }
	.service-box{ padding: 50px 15px; }
	.service-box p{ width: 100%; }
	
	.service-box h4{ font-size:18px; }

}

/*** Menu ***/
@media only screen and (max-width:767px) { 

.banner-description h2{ font-size: 30px; width: 100%; }
.header-bar.sticky {
    padding: 10px 0 10px;
        box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24);
}
.hero-banner-section{ height: 300px; }
.banner-description{margin: 55px 0;   }
.banner-description p{ font-size: 13px; }
.section-padding{ padding:12% 0; }
.welcome-section figure{ height: auto; margin-bottom: 35px;  }
.section-title{ margin-bottom: 35px; }
.service-box{ padding: 35px 15px; }
.contactus-section  address{ margin-bottom: 35px; } 

.welcome-section .description {
    width: 100%;
    margin-top: 0;
    text-align: center;
}
.service-box{ text-align:center; min-height:100px;}
}
.error{color: red;font-weight: normal;}
  
.jconfirm-content{color:green;}
.jconfirm-title{color:green;}
.btn btn-default{color:green;}
.mb60{margin-bottom: 60px;}
.textarea.form-control{background: transparent;outline-color: white;border: 1px solid #fff;}

/*form*/
@media only screen and (min-width:320px) and (max-width:599px){ 
    .contactus-section h2{margin-bottom: 0;margin-top: 0;}
    .contactus-section .form-group .names label{margin-left:0;margin-top:0}
    .contactus-section .form-group .name1 input {margin-left: 0;width: 100%;}
    .contactus-section .form-group .name label {margin-left: 16px;margin-top: 0;}
    .contactus-section input{width:92%;    margin-left: 16px;}
    .contactus-section  .msg textarea {margin-left: 16px;width: 92%;}
    .captcha{margin-left:50px;}
    .contactus-section .btn.btn-default {margin-left: 12rem;margin-top: 1rem;margin-bottom: 10px;}
    #fname-error{margin-left:15px;}
    #phone-error{margin-left: 2rem;}
    #email-error{margin-left: 2rem;}
    #description-error{margin-left: 2rem;}
    #hiddenRecaptcha-error{margin-left:40rem;}
    .fly.show-block a img{margin-left: 80px;}
}
@media only screen and (min-width:600px) and (max-width:960px) { 
    .fly.show-block a img{    margin-left: 0px;}
    .contactus-section h2{margin-bottom: 0;margin-top: 0;}
    .contactus-section .form-group .names label{margin-left:10rem;margin-top:0}
    .contactus-section .form-group .name1 input {margin-left: 6rem;width: 300%;}
    .contactus-section .form-group .name label {margin-left: 11.5rem;margin-top: 0;}
    .contactus-section input{width:73%;margin-left: 7rem;}
    .contactus-section .msg textarea {width: 73%;height: 185px;margin-left: 69px;}
    .captcha {margin-left: 135px;}
    .contactus-section .btn.btn-default {margin-left:20rem;}
    #fname-error{margin-left: 6rem;margin-right: -46px;font-size: 11px;}
    #phone-error{margin-left: 7rem;margin-right: -68px;font-size: 11px;}
    #email-error{margin-left: 7rem;margin-right: -70px;font-size: 11px;}
    #description-error{margin-left: 7rem;margin-right: -61px;font-size: 11px;}
    #hiddenRecaptcha-error{margin-left: 40rem;    margin-right: -40rem; font-size: 11px;}
}