@charset "utf-8";
/*----------intial declartaion of css----------*/
* { padding: 0; margin: 0; list-style: none; }
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
html { -webkit-text-size-adjust: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.25em }
nav ul, nav ol { list-style: none; list-style-image: none; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; -webkit-appearance: none; appearance:none; -moz-appearance:none;-o-appearance:none; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; cursor: pointer; }
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a { text-decoration: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; }
a { outline: none; cursor: pointer; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;color:#014f27; }
a:hover { color:#d0a458; text-decoration:none; } 
/* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }
img { max-width: 100%; }
/* For modern browsers */ 
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
.cf { *zoom:1;
}
/* For IE 6/7 (trigger hasLayout) */

p { font-family: 'nobileregular'; font-size: 16px; color: #666666; line-height:30px; padding:10px 0; }
h1, .h1 { font-size: 50px; margin: 0 0 20px 0; font-family: 'bai_jamjuree_mediumregular';  color: #121212; }
h2, .h2 { font-size: 40px; margin: 0 0 20px 0; font-family: 'bai_jamjuree_mediumregular'; font-weight:400; color: #333333; }
h3, .h3 { font-size: 30px; margin: 0 0 20px 0; font-family: 'bai_jamjuree_mediumregular'; font-weight:400; color: #333333; }
h4, .h4 { font-size: 24px; margin: 0 0 20px 0; font-family: 'bai_jamjuree_mediumregular'; font-weight:400; color: #333333; }
h5, .h5 { font-size: 20px; margin: 0 0 20px 0; font-family: 'bai_jamjuree_mediumregular'; font-weight:400; color: #333333; }
h6, .h6 { font-size: 18px; margin: 0 0 20px 0; font-family: 'bai_jamjuree_mediumregular'; font-weight:400; color: #333333; }
span.h1, span.h2, span.h3, span.h4, span.h5, span.h6 { display: block }
body { font-family: 'nobileregular'; font-size: 17px; color: #000; line-height: 25px; font-weight: 400; }
/****************************************************************************************************************/
.wrapper { height: auto !important; height: 100%; margin: 0 auto }
.noscript { background: #000; color: #fff; float: left; font-size: 20px; left: 0; margin: 0 auto; min-height: 50px; padding: 10px 0; position: fixed; right: 0; text-align: center; bottom: 0; width: 100%; z-index: 999 }
.noscript p { margin-bottom: 0; color: #fff }
.noscript p i { color: #f90; margin-right: 10px; font-size: 20px; vertical-align: middle }
.mt10 { margin-top: 10px }
.mt15 { margin-top: 15px }
.mt20 { margin-top: 20px }
.mt30 { margin-top: 30px }
.mb10 { margin-bottom: 10px }
.mb15 { margin-bottom: 15px }
.mb20 { margin-bottom: 20px }
.mb30 { margin-bottom: 30px }
.mtb10 { margin-bottom: 10px; margin-top: 10px }
.mtb15 { margin-bottom: 15px; margin-top: 15px }
.mtb20 { margin-bottom: 20px; margin-top: 20px }
.mtb30 { margin-bottom: 30px; margin-top: 30px }
.pt10 { padding-top: 10px }
.pt15 { padding-top: 15px }
.pt20 { padding-top: 20px }
.pt30 { padding-top: 30px }
.pb10 { padding-bottom: 10px }
.pb15 { padding-bottom: 15px }
.pb20 { padding-bottom: 20px }
.pb30 { padding-bottom: 30px }
.ptb10 { padding-bottom: 10px; padding-top: 10px }
.ptb15 { padding-bottom: 15px; padding-top: 15px }
.ptb20 { padding-bottom: 20px; padding-top: 20px }
.ptb30 { padding-bottom: 30px; padding-top: 30px }
img { max-width: 100%; height: auto }
.alignleft { float: left }
.alignright { float: right }
img.alignleft { margin: 0 30px 20px 0 }
img.alignright { margin: 0 0 20px 30px }
img.aligncenter { display: block; margin: 0 auto 20px auto }
/*.site-main { overflow: hidden; }*/
::selection { background: #014f27; color: #FFF }
::-moz-selection {
background:#014f27;
color:#FFF;
}
::-webkit-selection {
background:#014f27;
color:#FFF;
}
.site-main { /*overflow: hidden;*/ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.site-main > header { position: relative; top: 0; left: 0; right: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; z-index: 999; background: #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); }

/*placeholder css*/
.form-group ::-webkit-input-placeholder { color: #000; }
.form-group ::-moz-placeholder { color: #000; }
.form-group :-ms-input-placeholder { color:#000; }
.form-group :-moz-placeholder { color:#000; }
/*end placeholder css*/

/****************************************************************************************************************/ 
/************************************* header section styles goes here ******************************************/
/****************************************************************************************************************/ 

.site-main > header.sticky { position: fixed; top: 0; left: 0; right: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; z-index: 999; box-shadow: 0 0 7px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.3); background: #fff; z-index: 9999; }
.header { background-color: #fff; position: fixed; top:0; left:0;right:0; z-index: 999; width: 100%; transition:all ease .4s }
.header-top { position:relative; padding:20px 0; min-height: 156px; }
.logo { padding:0; position:absolute; left:50%; transform:translateX(-50%);  margin:0 auto;}
.call-htopbtn { float:left; padding-top:13px; }
.call-htopbtn a { color:#333333; font-size:24px; line-height:30px; font-family: 'bai_jamjureebold';}
.call-htopbtn a span { padding-left:9px; display:inline-block; vertical-align:middle; }
.call-htopbtn a:hover { color:#25a463}
.get-headerbtn { float:right; padding-top:4px; }
.header-right { position: relative; top: 50%; transform: translateY(-50%); }

.header-navigation {  position:relative; }
.header-navigation:before { content:""; position:absolute; top:0; left:0; width:100%; background:#dddddd; height:1px; }
.site-main > header.sticky .header-top { padding:10px 0; }
.site-main > header.sticky .logo a { display:inline-block; vertical-align:middle; width:75%; }
.site-main > header.sticky .header-top { min-height:110px; }
.site-main > header.sticky .navigation ul.menu > li { padding:16px 0; }
.site-main > header.sticky .header { box-shadow: 0 0 7px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.3); }

/************************************* header section styles goes ends ******************************************/

/*homebanner*/
.banner { position: relative; top: 0; margin-top:226px; }
.banner #slider1 li:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.35); z-index:9; }
.banner .bx-caption { position: absolute; left: 50%; top: 50%;  padding: 0; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); text-align: center; margin: 0 auto; z-index:9; font-family: 'nobileregular'; color: #fff; width:100%; }
.banner_cont { text-align: center; color: #fff; display: inline-block; width:44%; margin-top:0 }
.banner_cont p { color: #fff; font-size: 17px; line-height: 23px; padding: 0; }
.banner_cont h2, .h2 { font-size: 60px; line-height:80px; color: #fff; text-transform: uppercase; position: relative; margin:15px 0 30px; font-family: 'bai_jamjuree_mediumregular'; display: inline-block; vertical-align: middle; width:100%; }

.banner_cont strong { color:#fff; font-size:18px; line-height:25px; text-transform:uppercase; font-family: 'bai_jamjureebold'; display: inline-block; vertical-align: middle; width: 100%; padding-top: 11px; }
.banner_btn { display: inline-block; vertical-align: middle; height: 104px; width: 104px; font-size: 16px; color: #fff; text-transform: uppercase; font-weight: normal; background: #303030; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; line-height: 104px; transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); -webkit-transform: translateX(100px); opacity: 0; position: relative; z-index: 1; overflow: hidden; padding: 0 15px; transition: all 0s ease; -moz-transition: all 0s ease; -ms-transition: all 0s ease; -o-transition: all 0s ease; -webkit-transition: all 0s ease }
.banner_btn:before { content: ""; display: block; position: absolute; left: 0; top: 50%; width: 102px; height: 66px; background: url(../images/sprite.png) no-repeat 0 0 transparent; z-index: -1; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%) }

.bannergallery_box_main-title { text-transform: uppercase; font-size: 30px; line-height: 35px; position: absolute; top: -20px; left: 0; right: 0; margin: 0 auto; }
.banner-img { float: right; width: auto; padding: 58px 0 58px; }
.banner-htxt { width: 74%; display: inline-block; padding: 0 0 27px 0; }


.banner-btn .btn-main:hover:before, .btn-main:hover:after { width: 51%; }
.banner_cont .btn-main:before { background-color:#fff; }
.banner_cont .btn-main:hover { color:#014f27; } 
.bx-controls-direction { position:absolute; top:50%; transform:translateY(-50%); width:100%; z-index:9 }
.banner { overflow:hidden; }
.bx-wrapper .bx-viewport { z-index:9; }

.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a { position:relative; top:0; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a:before { content:""; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:20px; height:20px; background:transparent; border:1px solid #fff; border-radius:50%; opacity:0; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a.active:before { opacity:1; } 
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:first-child  { left:-144px; top:36px; }
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:last-child { left: auto; right:-146px; top:37px; }
.bx-wrapper .bx-pager { width: 33%; left: 0; display: inline-block; text-align: center; right: 0; margin: 0 auto; vertical-align: top;  background: url(../images/circlehalfshap-img.png) no-repeat; height: 155px; background-size: cover; }
.bx-pager-item { position:relative; bottom:4px; vertical-align:top }

.bx-controls.bx-has-pager { top: 0; left: 0; text-align: center;  position: absolute; width: auto; display: inline-block; right: 0;}

/*end homebanner*/
/*headermanu*/
@-moz-document url-prefix() {
  .navigation ul.menu > li + li {
    margin-left:32px;
  }
}
/**/

/************************************* midd section styles goes here ********************************************/


/*btn css*/

.btn-main { display: inline-block; margin:0; color:#fff; position: relative; opacity: 0.999; padding:0 15px; text-align: center; border-radius:0; border: 2px solid #d0a458; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; overflow: hidden; text-transform:uppercase; font-family: 'bai_jamjureebold'; line-height:50px; width: 230px; height: 50px; text-align: center; display: inline-block; font-size:18px; font-weight:600; background:#d0a458; vertical-align:middle; }
.btn-main:hover { color:#014f27}
.btn-main:before { content: ""; width: 0; height: 100%; position: absolute; background-color: #fff; right: 0; top: 0; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; z-index: -1; }
.grenbtn { border-color:#014f27; background:#014f27; }
.grenbtn:hover { color:#d0a458; }
.whtbtn { border-color:#fff; background:#fff; color:#333333;  }
.whtbtn:before { background:#d0a458; }
.whtbtn:hover { color:#fff; }


/************************************* midd section styles goes ends ********************************************/

/*home page css start */
.home_page h2 { text-transform:uppercase; }
.h-work-sec { padding:80px 0 75px; text-align:center; }
.h-work-sec .container { max-width:1600px;}
.hwrokrow { display: inline-block; width: 100%; padding: 58px 0 0; }
.hworkboxmain { width:20%; float:left; margin:0; padding:0; }
.hworkiconbox { display:inline-block; vertical-align:middle; position:relative; height:115px; line-height:115px; }
.hworkiconbox:before { content:""; position:absolute; left:0; right:0; margin:0 auto; top:-26px; background:url(../images/work-arrow-green.png) no-repeat; width:75px; height:25px; display:inline-block; background-position:center center; transition:all ease .4s; -moz-transition:all ease .4s; -webkit-transition:all ease .4s; -ms-transition:all ease .4s; }
.hworkiconbox:after { content:""; position:absolute; left:0; top:14px; background:url(../images/work-img-bg.png) no-repeat; background-position:center center; background-size:cover; width:112px; height:126px; transition:all ease .4s; -moz-transition:all ease .4s; -webkit-transition:all ease .4s; -ms-transition:all ease .4s;}
.hworkicon { display:inline-block; width: 110px; height:71px; background: #014f27; position: relative; margin: 10px auto; vertical-align:middle; line-height:normal; z-index:99 }
.hworkicon img { position:relative; top:50%; left:0; right:0; margin:0 auto; transform: translateY(-50%); }
.hworkicon:before { content: ""; width: 0; height: 0; position: absolute; top: -25px; left: 0; border-left:56px solid transparent; border-right:56px solid transparent; border-bottom: 25px solid #014f27; }
.hworkicon:after { content: ""; width: 0; height: 0; position: absolute; bottom: -27px; left: 0; border-left: 56px solid transparent; border-right: 56px solid transparent; border-top: 27px solid #014f27; }
.hworktitle { font-size:24px; line-height:30px; color:#333333; font-family: 'bai_jamjuree_mediumregular'; margin-top:69px; text-transform:uppercase; padding:0 15px; }
.h-workcontent { display: inline-block; width: 100%; margin-top: 22px; }
.hwrknumborder { width:100%; display:inline-block; vertical-align:middle; position:relative; }
.hwrknumborder:before { content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); background:#dddddd; width:100%; height:1px; }
.hworknum { width:30px; height:30px; background:#014f27; color:#fff; font-size:16px; line-height:24px; border-radius:100%; display:inline-block; vertical-align:middle; position:relative; z-index:9; box-shadow:5px 7px 5px -1px rgba(238,238,238.99); }
.hworkcnt-txt { display: inline-block; width: 100%; vertical-align: middle; padding-top:14px; color:#666666; font-size:16px; padding:0 15px; } 
.hwrokbox:hover .hworkiconbox:before{ top:0; }
.hwrokbox:hover .hworkiconbox:after { top:0; }
.hwrokbox:hover .hworknum{ background:#d0a458; }
.hwrokbox:hover .hworkicon { background:#d0a458; }
.hwrokbox:hover .hworkicon:before { border-bottom-color: #d0a458; }
.hwrokbox:hover .hworkicon:after{ border-top-color:#d0a458; }
.hworkboxmain:nth-child(even) .hworkicon { background:#d0a458 }
.hworkboxmain:nth-child(even) .hworkicon:before { border-bottom-color: #d0a458; }
.hworkboxmain:nth-child(even) .hworkicon:after {border-top-color:#d0a458;}
.hworkboxmain:nth-child(even) .hworkiconbox:before { background:url(../images/work-arrow-orange.png) no-repeat; }
.hworkboxmain:nth-child(even) .hworknum { background:#d0a458 }
.hworkboxmain:nth-child(even):hover .hworkiconbox:before { background:url(../images/work-arrow-green.png) no-repeat; }
.hworkboxmain:nth-child(even):hover .hworknum { background:#014f27 }
.hworkboxmain:nth-child(even):hover .hworkicon { background:#014f27; }
.hworkboxmain:nth-child(even):hover .hworkicon:before { border-bottom-color:#014f27; } 
.hworkboxmain:nth-child(even):hover .hworkicon:after { border-top-color:#014f27; }


.happrovel-sec { position:relative; padding:80px 0; min-height:501px; background-size:cover !important; background-position:center center !important; }
.happrovel-sec:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.10); }
.happrovel-box { position: absolute; left: 0; right: 0; top: 100%; margin-top:-162px; }
.happrovelbtxt { background:#fff; padding:73px 190px 0; text-align:center; position:relative; display:inline-block; vertical-align:middle; width:100%; box-shadow:0 0px 51px 18px rgba(0,0,0,0.1); }
.happrovelbtxt h2 { margin-bottom:20px; }
.happrovelbtxt p { padding-bottom:46px; }

.hwhychoose-sec { padding:238px 0 66px; text-align:center }
.hwhychoose-boxrow { margin: 42px 0 0; display: inline-block; vertical-align: middle; }
.hwhchoose-box { width:100%; display:inline-block; vertical-align:middle; }
.hwhchoose-icon { display:inline-block; vertical-align:middle; width:100%; margin-bottom:36px; height:66px; }
.hwhch-content h4 { text-transform:uppercase; margin-bottom:22px; transition:all ease .4s; -moz-transition:all ease .4s; -ms-transition:all ease .4s; -webkit-transition:all ease .4s; }
.hwhchoose-box:hover h4 { color:#d0a458; }
.hwhchoose-box:hover .hwhchoose-icon { opacity:0.6; }
.titl-border { position:relative; padding-bottom:17px; }
.titl-border:before { content:""; position:absolute; left:0; right:0; bottom:0; margin:0 auto; background:#d0a458; width:70px; height:4px; }

.habout-twocol { background:#f5f5f5; display:inline-block; vertical-align:middle; width:100%; position:relative; }
.htwocol-box { width:50%; float:left; }


.h-aboutwelsec_01 .htwocol-box{float:right;}
.h-aboutwelsec_01 .habot-cnt{float:right;}
.h-aboutwelsec .btn-main{display:none;}

.habot-cnt h6 { color:#999999; text-transform:uppercase;  font-family: 'bai_jamjureebold'; display:inline-block; vertical-align:top; margin-bottom:15px; }
.habot-cnt { padding:40px 45px; float: left; position:relative; width:75%; margin-top:0; }
.habout-cnt-txt { /*max-height:614px;*/ padding-top:14px; padding-bottom:15px; display:inline-block; vertical-align:middle; width:100%; }
.habot-cnt h1 { font-size:35px; line-height:50px; text-transform:uppercase; margin:0; }
.habot-cnt h2 { display: inline-block; vertical-align: middle; width: 100%; margin-bottom: 0px; font-size:27px; line-height:35px; text-transform:capitalize;  }
.hfallow_sec { text-align:center; padding:80px 0 73px; }
.habout-cnt-txt p { padding:14px 0; }
.hfallowinsta-box { width:25%; float:left; margin:0; padding:0 4px; }
.hafallowimg { display:inline-block; vertical-align:middle; width:100%; position:relative; }
.hafallowimg:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.10); }
.hfallowinstaicon { position:absolute; top:14px; right:20px; color:#fff; font-size:36px; line-height:40px; }
.hfallow-insta-sec { width:100%; display:inline-block; vertical-align:middle; padding-top:39px; }
.hfallowinsta-box:nth-child(even){ margin-top:50px; }
.hfallowinsta-box:hover .hfallowinstaicon { color:#d0a458; }

.h-testimonial_sec  { text-align:center; padding:0px 0 57px; }
.testimonialslide-box { display:inline-block; vertical-align:middle; width:76%; margin-bottom:33px; }
.htestmonial_txt { position:relative; display: inline-block; vertical-align: middle; width: 100%; padding:0 55px; }
.htestmonial_txt:before, .htestmonial_txt:after { content:""; position:absolute; width:36px; height:26px; background-position:center center; }
.htestmonial_txt:before { left:0; top:0; background:url(../images/left-quote.png) no-repeat; }
.htestmonial_txt:after { right:-7px; top:77%; background:url(../images/right-quote.png) no-repeat; }
.testimonialslide-box h4 { font-family: 'bai_jamjureebold'; color:#014f27; font-size:18px; line-height:25px; text-transform:uppercase; margin:32px 0 0; }

/*owldots css start*/
.owl-dot { display:inline-block; vertical-align: middle; width:16px; height:16px; border:3px solid #dddddd; position:relative; margin:0 5px;  }
.owl-dot.active { border-color:#d0a458 }
.owl-dot span { width:5px; height:5px; background:#d0a458; display:inline-block; vertical-align:middle; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; margin:0 auto; opacity:0; }
.owl-dot.active span { opacity:1; }
/*owldits css end*/

/*home page css end */

/************************************************* Inner Banner style *********************************************************/

.inner-banner:before { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 20; }
.inner-banner { position: relative; padding: 0 0 0 0; z-index: 0 }
.inner-banner-img { background-position: center center !important; background-size: cover !important; min-height: 350px; }
.inner-banner-title { display: block; left: 0; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; z-index: 50; }
.position_relative { position: relative; margin: 0; float: left; width: 100%; }
.inner-banner_caption, .inner-banner-title .breadcrumb { float: left; width: 100%; }
.inner-banner_caption h1, .inner-banner_caption .h1 { color: #f95412; letter-spacing: 0.02em; font-weight: 700; margin: 0 auto; position: relative; text-align: center; }
.inner-banner-title .breadcrumb { background-color: rgba(0, 0, 0, 0); display: block; margin: 0; padding: 7px 0; text-align: center; z-index: 99; }
.inner-banner .breadcrumb li:first-child { padding-left: 0; }
.inner-banner .breadcrumb li { display: inline-block; font-size: 18px; margin: 0; position: relative; font-weight: 400; }
.inner-banner .breadcrumb li a { color: #fff; text-transform: capitalize; font-weight: 400; }
.breadcrumb > li + li::before { color: rgb(204, 204, 204); content: "/ "; padding: 0 5px; }
.inner-banner .breadcrumb > li + li::after { color: #fff; content: ""; font-size: 16px; left: -10px; padding: 0 5px; position: absolute; top: 0; }
.inner-banner .breadcrumb li.active { color: #d0a458 }
.inner-banner .breadcrumb li a:hover { color: #d0a458 }
.inner-banner .logo { top: 25px; max-width: 150px; }
.inner-banner .logo { top: 25px; max-width: 150px; z-index: 99; }
.inner-caption-box-main { text-align: center; text-transform: capitalize; }
.inner_banner_caption .h1 { margin-bottom: 10px; line-height: normal; color: #fff }
.inner_banner_caption h1 { color: #fff }

/************end inner banner style ***************************************/
 
.inner_page { padding:50px 0; }
.inner_page ul { display:inline-block; width:100%; }
.inner_page ul li { margin:5px 0; position:relative; float:left; clear:both; padding:0 0 0 20px; }
.inner_page ul li:before { content:"\f105"; position:absolute; left	:0; top:0; font-size:21px; color: #d0a458; font-family: 'Font Awesome 5 Free';
    font-style: normal; font-weight: 900; } 
 
/*FAQ page*/
.xga-accrodion { margin: 0 0 20px; }
.xga-accordion-wrapper-2 .xga-accrodion .xga-accordion-heading a:after { position: absolute; left: 20px; top: 15px; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f107"; -webkit-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in; display: inline-block; width: 25px; height: 25px; background-color: #014f27; color: #fff; line-height: 26px; text-align: center; }
.xga-accordion-wrapper-2 .xga-accrodion .xga-accordion-heading a.open:after { content: "\f106"; }
.xga-accordion-wrapper-2 .xga-accrodion .xga-accordion-heading a { background-color: #FFFFFF; padding: 15px 40px; text-decoration: none; display: block; width: 100%; color: #014f27; font-size: 18px; line-height: 26px; -webkit-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in; font-weight: 600; font-family:'bai_jamjuree_mediumregular'; position: relative; -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.1); padding-left: 60px; }
.xga-accordion-wrapper-2 .xga-accrodion .xga-accordion-heading a.open { margin-bottom: 0px; color: #d0a458; }
.xga-accordion-wrapper-2 .xga-accrodion .xga-accordion-body { max-height: 0; overflow: hidden; -webkit-transition: max-height .3s ease-in; -o-transition: max-height .3s ease-in; transition: max-height .3s ease-in; }
.xga-accordion-wrapper-2 .xga-accrodion .xga-accordion-body .xga-acc-content { color: rgba(40, 40, 40, 0.8); padding: 15px 30px; border-top: 0; display: block; width: 100%; padding-top: 25px; font-size: 16px; padding-left: 60px; }
.xga-accordion-wrapper-2 .xga-accrodion .xga-accordion-body.show { max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; -webkit-transition: max-height .3s ease-in; -o-transition: max-height .3s ease-in; transition: max-height .3s ease-in; }
.xga-accordion-wrapper-2 { position: relative; z-index: 0; }
.xga-accordion-wrapper-2:after { position: absolute; left: 30px; top: 0; height: 95%; width: 100%; border-left: 2px dashed #014f27; content: ''; z-index: -1; }

/* whatwecost page*/

.tabbing_cnt li { float: left; width:100%; position: relative; padding: 0 0 0 30px; margin:6px 0; }
.tabbing_cnt li:before { position: absolute; left: 0; top: 0; content: "\f105"; font-size: 14px; color: #d0a458; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; }
.tabbing_cnt.resp-tab-content { float: left; width: 100%; padding: 0; }
.resp-tab-content { position: relative; }
.resp-tabs-list li:last-child{margin:0}

.tabbing_cnt ul li { width:50%; margin:0 }
.tabbing_cnt ul li ul { padding:10px 0; }
.tabbing_cnt ul li ul li { width:100%; margin:5px 0; }
.tabbing_cnt ul li strong { color:#d0a458; }

.inner_page ul.resp-tabs-list.hor_1 li { margin:0 6px; padding: 10px 15px !important; border-bottom:3px solid #eee; clear:none; }
.inner_page ul.resp-tabs-list.hor_1 li:before { display:none; }
ul.resp-tabs-list { display: inline-block; vertical-align: middle; text-align: left; }
#parentHorizontalTab { text-align: center; }
.resp-tabs-container { text-align: left; }
.tabbing_cnt ul:after { content: ""; display: block; clear: both; }
.tabbing_cnt { max-width:none; width:100%; margin: 0 auto; border:2px solid #014f27; padding:15px; }
.tabbing_cnt span { color:#d0a458; 	}
.whatwecost_page .resp-tab-active { position:relative; }
.whatwecost_page .resp-tab-active:after { content:"\f0d7"; position:absolute; left:0; top:100%; right:0; margin:-5px;  font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-size:52px; color:#014f27; text-align:center; }


/* right side form*/

.side_form_right { float: left; padding: 0 0 0 0; width: 100%; border:2px solid #014f2d }
.side_form_right .form-group { margin-bottom: 20px; }
.side_form_right textarea.form-control { height: 150px !important; resize: none; padding: 20px; }
.side_form_right .form-control { background-color: transparent; background-image: none; border: 1px solid #cccccc !important; border-left: none; border-right: none; border-top: none; border-radius: 0; box-shadow: none; color: #333333; display: block; font-size: 15px; height: 54px; line-height: 1.42857; padding: 10px 19px; width: 100%; }
.side_form_right .form-control:focus { border-color: #014f2d !important; box-shadow: none; outline: 0 none; }
.side_form_right-main h2 { padding: 20px 0 0; font-size: 30px; color: #9a0000; }
.side_form_right input::-webkit-input-placeholder, .side_form_right textarea::-webkit-input-placeholder { color:#333333; opacity:1; }
.side_form_right input:-moz-placeholder, .side_form_right textarea:-moz-placeholder { color:#333333; opacity:1; }
.side_form_right input::-moz-placeholder, .side_form_right textarea::-moz-placeholder { color:#333333; opacity:1; }
.side_form_right form input:-ms-input-placeholder, .side_form_right form textarea:-ms-input-placeholder { color:#333333; opacity:1; }
.side_form_right .form-group .captcha_box { height: auto; margin: 0 0 20px; padding: 0 0 0 0px; position: relative; }
.side_form_right .submit_btn_box { margin-top: 10px; }
.side_form_right .required-field { font-size: 14px; color: #f00; text-align: center; margin-top: 0; float: left; line-height: 30px; }
.side_form_right .required-field span { color: #f00; }
.submit_btn_box .btn-main { width:100%; padding:0 }
.submit_btn_box .btn-main input[type="submit"] { background:transparent; padding:0 10px; color:inherit; text-transform:uppercase; width:100%; vertical-align:top; height:100%; }
.sideform-title { padding:10px; text-align:center ; background:#014f2d; color:#fff; width:100%; display:inline-block; vertical-align:middle; font-size:20px; line-height:25px; font-family: 'bai_jamjuree_mediumregular'; }


/*whusbroker page */
.side_form_right form { padding:15px; display:inline-block; vertical-align:middle; width:100%; }
.whusbroker_page .broker_cnt p strong { color:#014f2d; }

/*what wecost page*/
.whatwedo_cnt h2 { margin:10px 0; text-transform: capitalize;  }

/*other scheme page*/
.otherschme-box { padding:30px; display:inline-block; vertical-align:middle; width:100%; margin:5px 0; }
.otherschme-box h3 { margin:10px 0; }
.otherschme-box:nth-child(odd) { box-shadow:0 0 10px rgba(0,0,0,0.2);  }

/*contact page*/
.cnt-pgetxt { padding-bottom:30px; text-align:center;  }
/*contact form css start*/
.contact-form { float: left; padding: 0 0 0 0; width: 100%; }
.contact-form .form-group { margin-bottom: 30px; }
.contact-form textarea.form-control { height: 150px !important; resize: none; padding: 20px; }
.contact-form .form-control { background-color: transparent; background-image: none; border: 1px solid #cccccc !important; border-left: none; border-right: none; border-top: none; border-radius: 0; box-shadow: none; color: #333333; display: block; font-size: 15px; height: 54px; line-height: 1.42857; padding: 10px 19px; width: 100%; font-family: 'nobileregular';}
.contact-form .form-control:focus { border-color: #014f27 !important; box-shadow: none; outline: 0 none; }
.contact-form-main h2 { padding: 20px 0 0; font-size: 30px; color: #9a0000; }
.contact-form input::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder { color:#333333; opacity:1; }
.contact-form input:-moz-placeholder, .contact-form textarea:-moz-placeholder { color:#333333; opacity:1; }
.contact-form input::-moz-placeholder, .contact-form textarea::-moz-placeholder { color:#333333; opacity:1; }
.contact-form form input:-ms-input-placeholder, .contact-form form textarea:-ms-input-placeholder { color:#333333; opacity:1; }
.contact-form .form-group .captcha_box { height: auto; margin: 0 0 20px; padding: 0 0 0 0px; position: relative; }
.contact-form .submit_btn_box { margin-top: 10px; }
.contact-form .submit-btn { width: 100%; display:inline-block; font-size: 20px; color: #fff; text-transform: uppercase; line-height: 50px; text-align: center; text-shadow: none; border: none; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;  background:transparent; border: none; border-radius: 0; font-family:'bai_jamjureebold'; }

.contact-form .required-field { font-size: 14px; color: #f00; text-align: center; margin-top: 0; float: left; line-height: 30px; }
.contact-form .required-field span { color: #f00; }
.contact-form select { appearance:none; -moz-appearance:none; -ms-apperance:none; -webkit-appearance:none; }
.map iframe { border: 15px solid #efefef }
/*contact form end css*/
.contact-form label { color:#333333; font-size:18px; line-height:22px; font-family:'bai_jamjureebold'; margin-bottom:10px; }
.contact_page .contact-form .form-group .captcha_box { width:50%; float:left; }
.contact_page .submit_btn_box { width:auto; float:right; min-width: 50%; }
.down-arrow { position:relative; }
.down-arrow:before { content:"\f107"; position:absolute; right:15px; top:50%; transform:translateY(-50%); font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900;  color:#333333; pointer-events: none; }
.cont_quickright { width:100%; display:inline-block; vertical-align:middle; border:2px solid #014f27; }
.title_quicktxt  { color:#fff; text-align:center; background:#014f27; padding:10px; display:inline-block; vertical-align:middle; width:100%; font-family:'bai_jamjuree_mediumregular'; font-size:30px; line-height:35px; }
.cont_rightquick_box { display:inline-block; vertical-align:middle; width:100%; padding:10px; }
.cont_rightquick_box .subtitle { width:100%; display:inline-block; vertical-align:middle; font-size:20px; line-height:25px; font-family: 'bai_jamjuree_mediumregular'; padding:15px 0 11px; }
.inner_page .quick_cnt-list li { display:inline-block; vertical-align:middle; width:100%; padding:0; margin:0; }
.quick_cnt-list li a { display:inline-block; vertical-align:middle; width:100%; margin:10px 0; }
.quick_cnt-list li a i { font-size:25px; line-height:30px; margin-right:10px; display:inline-block; vertical-align:middle; }
.quick_cnt-list li a i.fa-phone-square { transform:rotate(90deg)}
.quick_cnt-list li:before { display:none; }

.cont_map { border:5px solid #014f2d; margin-top:50px; display:inline-block; vertical-align:middle; width:100%; }

/*Piswork page*/
.piswork-cntbox { display:inline-block; vertical-align:middle; width:100%; padding:10px 0 0; }
.piswork-cntbox h3, .piswork-cntbox h2 { margin:0; }

/*prices page*/
.comingsoon-txt { padding: 30px 0 0; }

/************************ inner page end *******************************/
 


/*sidebar*/
.sidebar{}
.inner_page .sidebar ul{padding:0;margin:0}
.sidebar ul li{padding:0}
.sidebar ul li:before{display:none}
.sidebar ul ul li:before{display:none}
.sidebar ul li a{ display:block; position:relative; font-size:14px; color:#333333; padding:10px 15px; background:#f5f5f5; border-left:5px solid #014f27; z-index:1; font-weight:400}
.sidebar ul li a:before{content:"";position:absolute;left:-5px;top:0; z-index:-1;border:1px solid #014f27;border-left:5px solid #014f27;right:0;height:100%;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;opacity:0}
.sidebar ul li+li{margin-top:1px}
.sidebar ul li.selected > a{color:#fff; background:#014f27; }
.sidebar ul li.selected a:before{opacity:1}
.sidebar ul li:hover a { color:#fff; background:#014f27; }
.sidebar .title { display:block; color:#FFF; font-size:20px; font-weight:400; margin-bottom:10px; padding:8px 15px; background:#000; text-align:center; }
/*end sidebar*/


/*pagination*/
 
.my_pagination { text-align: center; }
.my_pagination .pagination .wp-pagenavi { display: inline-block; vertical-align: top }
.my_pagination .pagination .wp-pagenavi span.current { background: #f8b40b; color: #fff }
.my_pagination .pagination .wp-pagenavi span, .my_pagination .wp-pagenavi a { display: block; width: 40px; height: 40px; border: 1px solid #0b74b9; line-height: 40px; color: #303030; font-weight: 400; float: left; margin: 0; padding: 0 }
.my_pagination .pagination .wp-pagenavi a + span, .my_pagination .wp-pagenavi a + a, .my_pagination .wp-pagenavi span + a { border-left: 0 }
.my_pagination .pagination .wp-pagenavi .nextpostslink, .my_pagination .wp-pagenavi .previouspostslink { font-size: 22px; line-height: 34px }
.my_pagination .pagination li { padding: 0; float: left }
.my_pagination .pagination li:before { display: none !important }
.my_pagination .pagination li a, .my_pagination .pagination li span.page-numbers { color: #014f27; height: 40px; width: 40px; font-weight: 400; border: 1px solid #014f27; font-size: 16px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: #fff }
.my_pagination .pagination { margin: 40px 0 0 0; padding: 0; vertical-align: top; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; display: inline-block; vertical-align: top }
.my_pagination .pagination li.disabled a { pointer-events: none }
.my_pagination .pagination li.selected a { background: #014f27; border-color: #014f27; color: #fff; pointer-events: none; }
.my_pagination .pagination li + li { margin-left: 2px; }
/*.my_pagination .pagination li a.next, .my_pagination .pagination li a.prev { background: #fff; }*/
.my_pagination .pagination li a.next:before { content: "\f054"; color:inherit; font-family: "FontAwesome"; font-weight: 900; font-style:normal; }
.my_pagination .pagination li a.prev:before { content: "\f053"; color:inherit; font-family: "FontAwesome"; font-weight: 900; font-style:normal; }
.pagination>li>a:hover, .pagination>li>a:hover, .pagination>li>a:focus, .pagination>li>a:focus { background: #014f27; color: #fff; border-color: #014f27; }
.inner_page .my_pagination .pagination li:before { display:none; }
.inner_page .pagination>li { display:inline-block; padding:0; font-size:inherit; line-height:inherit; }



/************************************* Footer section styles goes here ******************************************/

#toTop { background: #014f27; bottom: 10px; cursor: pointer; height: 54px; position: fixed; right: 20px; width: 54px; z-index: 9; border-radius: 0;color: #fff; }
.top-btn .fa-angle-up {  font-size: 28px !important; margin: -3px 0 0; }
.top-btn > div { font-size: 13px; margin: -7px 0 0; text-transform: uppercase; }
#toTop:hover { background:#121212 }

.hfootercall-box { background:#d0a458; }
.hfootercall-box, .hfootermessage-box { padding:41px 0 34px; display:inline-block; vertical-align:middle; width:100%; text-align:center; position:relative; height:227px; overflow:hidden; }
.hfootercall-box:before, .hfootermessage-box:before { content:""; position:absolute; right:-20px; top:50px; opacity:0.20; }
.hfootercall-box:before{ background:url(../images/footer-call-icon.png) no-repeat; width:122px; height:128px; background-position:right top; background-size:cover; } 
.hfootermessage-box:before { background:url(../images/footer-mail-icon.png) no-repeat; width:108px; height:126px; background-position: right top; background-size:cover; }
.hfootercall-box h2, .hfootermessage-box h2 { color:#fff; text-transform:uppercase; margin-bottom:50px; }
.hfootermessage-box { background:#014f27; }
.hgivecall-formtwocolsec { margin-bottom:-114px; margin-top:21px; }

.footer-top-sec { background:#222222; padding:194px 0 38px; text-align:center; }
.mobile-accordion .title  { display:none; }
.footer_social { width:auto; display:table; vertical-align:middle; margin:0 auto; padding:0; }
.footer_social li { display:inline-block; vertical-align:middle; margin:0; padding:0; }
.footer_social li a { display:inline-block; color:#fff; font-size:30px; line-height:41px; margin:11px 15px; width:69px; height:36px; background-color: #444444; position: relative; text-align:center }
.footer_social li a:after { content: ""; width: 0; position: absolute; bottom: -21px; border-top: 21px solid #444444; border-left:36px solid transparent; border-right:32px solid transparent; left:0 } 
.footer_social li a:before { content: " "; width: 0; height: 0; border-bottom:21px solid #444444; border-left:36px solid transparent; border-right:32px solid transparent; position: absolute; top: -21px; left:0; }
.footer_social li a:hover { background:#d0a458; }
.footer_social li a:hover:before { border-bottom-color:#d0a458 }
.footer_social li a:hover:after { border-top-color:#d0a458; }

.footer-link { margin:0; padding:31px 0 8px; width:100%; display:inline-block; vertical-align:middle; text-align:center; }
.footer-link li { display:inline-block; vertical-align:middle; position:relative; }
.footer-link li:before { content:"|"; position:absolute; left:0; top:50%; transform:translateY(-50%); color:#bbbbbb; font-size:16px; 	 }
.footer-link li:first-child:before { display:none; }
.footer-link li a { display:inline-block; margin:5px 11px; padding:0 9px; vertical-align:middle; color:#bbbbbb; font-size:16px; line-height:26px; font-family: 'nobileregular'; }
.footer-link li a:hover { color:#25a463 }
.footer-link li.selected a { color:#25a463 }
.footer-box { margin:10px 0; display:inline-block; width:100%; vertical-align:middle; }
.copyright_sec p { color:#bbbbbb; }


/****************************************************************************************************************/
/************************************* Footer section styles ends here ******************************************/
/****************************************************************************************************************/

.error { color:#f00 !important; font-weight:500 !important; font-size:14px !important; font-family:inherit !important }
.div.wpcf7-mail-sent-ok { text-align:center; }
div.wpcf7 .ajax-loader { position:absolute; right:15px; top:50%; transform:translateY(-50%); }


.ui-widget-header { border:#014f27 !important; background:#014f27 !important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border-color:#014f27 !important; color:#014f27 !important; }
.ui-datepicker td span, .ui-datepicker td a { text-align:center !important; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { color:#fff !important; background:#014f27 !important; border-color:#014f27 !important; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #014f27 !important; color: #fff !important; border-color: #014f27 !important; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border:#fff !important; }
.ui-datepicker .ui-datepicker-prev-hover { left:2px !important; top:2px !important; }
.ui-datepicker .ui-datepicker-next-hover { right:2px !important; top:2px !important; }

.contatc_form_cnt .down-arrow { position: absolute; right:30px; top: 50%; transform: translateY(-50%); pointer-events: none } 
.contatc_form_cnt .down-arrow:before { position:relative; top:0; transform:none; right:0; }



.ui-datepicker-header {
  color: #fff;
}

.ui-datepicker-next:hover {
  font-weight: bold !important;
  transform: scale(1.2);
  background-color: transparent !important;
}

.ui-datepicker-prev:hover {
  font-weight: bold !important;
  transform: scale(1.2);
  background-color: transparent !important;
}

.ui-datepicker-next span {
  background-image: none !important;
  background-position: 0px 0px !important;
}

.ui-datepicker-prev span {
  background-image: none !important;
  background-position: 0px 0px !important;
}

.ui-datepicker-next::before {
  content: "\f0a9";
  font-family: "Font Awesome 5 Free";
  text-indent: 0 !important;
  position: absolute;
  left: 0;
  bottom: 0;
}

.ui-datepicker-prev::before {
  content: "\f0a8";
  font-family: "Font Awesome 5 Free";
  text-indent: 0 !important;
  position: absolute;
  right: 0;
  bottom: 0;
}

.wpcf7-spinner {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}