/*--------------------------------------------------------------
- Fonts Web
--------------------------------------------------------------*/
@font-face {
    font-family: 'proxima';
    src: url('fonts/ProximaNovaA-Regular.eot');
    src: url('fonts/ProximaNovaA-Regular.eot') format('embedded-opentype'),
         url('fonts/ProximaNovaA-Regular.woff') format('woff'),
         url('fonts/ProximaNovaA-Regular.ttf') format('truetype'),
         url('fonts/ProximaNovaA-Regular.svg#proxima') format('svg');
}
@font-face {
    font-family: 'proxima-Light';
    src: url('fonts/Pyidaungsu.eot');
    src: url('fonts/Pyidaungsu.eot') format('embedded-opentype'),
         url('fonts/Pyidaungsu.woff') format('woff'),
         url('fonts/Pyidaungsu.ttf') format('truetype'),
         url('fonts/Pyidaungsu.svg#proxima-Light') format('svg');
}
@font-face {
    font-family: 'proxima-ExBold';
    src: url('fonts/Pyidaungsu.eot');
    src: url('fonts/Pyidaungsu.eot') format('embedded-opentype'),
         url('fonts/Pyidaungsu.woff') format('woff'),
         url('fonts/Pyidaungsu.ttf') format('truetype'),
         url('fonts/Pyidaungsu.svg#proxima-ExBold') format('svg');
}
@font-face {
    font-family: 'proxima-Bold';
    src: url('fonts/Pyidaungsu.eot');
    src: url('fonts/Pyidaungsu.eot') format('embedded-opentype'),
         url('fonts/Pyidaungsu.woff') format('woff'),
         url('fonts/Pyidaungsu.ttf') format('truetype'),
         url('fonts/Pyidaungsu.svg#proxima-Bold') format('svg');
}
@font-face {
    font-family: 'proxima-ConBold';
    src: url('fonts/Pyidaungsu.eot');
    src: url('fonts/Pyidaungsu.eot') format('embedded-opentype'),
         url('fonts/Pyidaungsu.woff') format('woff'),
         url('fonts/Pyidaungsu.ttf') format('truetype'),
         url('fonts/Pyidaungsu.svg#proxima-ConBold') format('svg');
}


/*--------------------------------------------------------------
- Elements
--------------------------------------------------------------*/
html{height: 100vh !important;margin: 0;}
body{height: 100vh !important;font-family: 'proxima';margin: 0; font-size:15px; color:#363636; /*background:#f0f0f0;*/}
.fixBodyAccom{height:auto !important; background:#f0f0f0;}
h1{}
h2{}
h3{}
h4{}
h5{}
p{}

img {max-width:100%; height:auto;}
.btn{}
.al-center{text-align:center;}
.uppercase{ text-transform:uppercase;}
#flex { 
	display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
 	-webkit-box-pack: justify;
  	-moz-box-pack: justify;
  	-ms-flex-pack: justify;
 	-webkit-justify-content: space-between;
}
.select-arrow-green .selecter{margin:0 auto; width:auto; text-align:left; width:100%; max-width:none;}
.select-arrow-green .selecter .selecter-selected {background:url(../images/news-select-arrow.png) no-repeat right center; font-size:18px;}
/*--------------------------------------------------------------
- Links
--------------------------------------------------------------*/
a {color:#87c548;}
a:hover, a:focus, a:active {color:#212359;}
a.underline{text-decoration: underline;}
.btn-green{background:#87c548; border-radius:10px; padding:20px 30px; font-family:'proxima'; color:#fff; position:relative; display:inline-block; font-size:18px;}
.btn-green:hover{color:#212359;}
.hrBlue{background:url(../images/hr-blue.png) no-repeat center center;}
.hrGreen{background:url(../images/hr-green.png) no-repeat center center;}
#txtleft{text-align:left;}
/*--------------------------------------------------------------
- Container
--------------------------------------------------------------*/
.container{max-width:1170px; position:relative;}
.siteContent{position:relative; width:100%; height:100%;}
/*--------------------------------------------------------------
- Element
--------------------------------------------------------------*/
.tabToggle{padding-left:30px; position:relative; margin-bottom:20px; padding-top:2px; font-family:'proxima-Bold'; font-size:18px; color:#212359; cursor:pointer;}
.tabToggle:before{ content: "\f067"; font-family: FontAwesome; font-size:20px; position:absolute; top:0; left:0; color:#87c548;}
.tabToggle.active:before{content:"\f068";}
.itemToggle{padding-left:30px; position:relative; display:none; margin-bottom:20px;}
.itemToggle.active{display:block;}

.arrowlist{list-style-type:none; padding:0; padding:0;}
.arrowlist li{padding-left:25px; position:relative;}
.arrowlist li:before{content:url(../images/arrow-list.svg); position:absolute; top:2px; left:0; width:13px; height:13px;}

/*--------------------------------------------------------------
- Intro Home
--------------------------------------------------------------*/
.box-intro{position: relative;height: 100%;width: 100%;min-height: 800px;background: #fff; padding-top:104px;}
.box-intro .description{width:100%; height:auto; top:50%; margin-top:-241px; position:absolute; z-index:9; text-align:center;}
.box-intro .description hr{width:100%; height:50px; border:none; position:relative;}
.box-intro .description .t1{font-family:'proxima-Bold'; font-size:70px; color:#fff;}
.box-intro .description .t2{font-family:'proxima-Bold'; font-size:36px; color:#212359;}
/*--------------------------------------------------------------
- Header
--------------------------------------------------------------*/
.logo{max-width:160px; position:fixed; z-index:999; top:5px; left:50%; margin-left:-585px; width:160px; height:160px;}
.openmenu, .closemenu, .mobiletopnav, .lengMob, .submenuMobile{display:none;}
.header-mobile{display:none;}
.header{width:100%; height:52px; position:fixed; top:0; z-index:90; background:#fff;}
.mainmenu{width:100%; height:53px; background:#212359; position:fixed; top:52px; z-index:88;}
.mainmenu .container{}
.header .container{text-align:right; font-size:14px; font-family:'proxima-ConBold'; padding-top:8px; padding-right:30px;}
.header .container .item{display:inline-block; text-align:left; padding-left:35px; position:relative; margin-right:20px; vertical-align:middle;}
.header .container .item:last-child{margin-right:0;}
.header .container .item:before{content:''; width:1px; height:20px; background:#959595; position:absolute; top:0; left:0;}
.header .container .item:first-child:before{display:none;}
.header .container .item p{padding-top:5px; margin:0;}
.header .container .item a, .header .container .item .bold{font-faimly:'proxima-ConBold'; font-size:16px; color:#363636;}
.header .container .item a:hover{color:#87c548;}
.header .container .item.lang a{margin-right:5px;}
.header .container .item.lang .selecter {max-width:none; margin:0;}
.header .container .item.lang .selecter .selecter-selected{background:url(../scripts/jquery.fs.png) no-repeat right center; padding: 0 20px 0 5px; color:#363636; border:none; font-size:16px;}
/*.header .container .selecter.bottom .selecter-options{top:100%; bottom:auto;}*/
.selecter.bottom .selecter-options{top:100% !important; bottom:auto !important;}
.header .container .item.like{margin-right:20px;}
.header .container .item.lang{background:url(../images/lang-icon.png) no-repeat 10px top; min-width:80px; }
.header .container .item.mail{background:url(../images/mail-icon.png) no-repeat 10px top;}
.header .container .item.time{background:url(../images/time-icon.png) no-repeat 10px top;}
.header .container .item.call{background:url(../images/call-icon.png) no-repeat 10px top;}
.header .container .item.log{background:url(../images/user-icon.png) no-repeat 10px top;}


.header.short{height:40px; background:#212359;}
.header.short .container {padding-top:2px; padding-right:10px;}
.header.short .container .item p{display:none;}
.header.short .container .item {margin-right:30px;}
.header.short .container .item:before{display:none;}
.header.short .container .item.time{display:none;}
.header.short .container .item.lang{margin-right:0;}
.header.short .container .item.lang p{display:inline-block; padding-top:0; margin-right:5px; color:#959595; font-size:12px;}
.header.short .container .item a:hover{color:#959595;}
.header.short .container .item a, .header .container .item .bold{color:#87c548;}
.header.short .container .item.lang .selecter .selecter-selected{background:url(../scripts/jquery.fs-green.png) no-repeat right center; padding: 0 20px 0 5px; color:#87c548; border:none; font-size:16px;}

.mainmenu.short{top:40px;}
.mainmenu.short .navigation:before{content:''; width:86%; height:1px; background:#959595; position:absolute; top:0; right:0;}

.logo.short{top:5px;}

.login{padding:30px; background:#87c548; position:fixed;  z-index:89; right:50%; margin-right:-550px; top:-280px; transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.login input{padding:5px 10px; border:none; width:220px; margin-bottom:10px;}
.login .btn{width:220px; background:#212359; color:#fff; font-family:'proxima-Bold';}
.login.active{top:52px;}
.login .alert{width:220px; font-size:12px;}
.libtn.hide{display:none;}
.mabtn.hide{display:none;}

.member{padding:10px; background:#fff; border:1px solid #d9d9d9; border-top:none;  top:-330px; position:fixed;  z-index:89; right:50%; margin-right:-500px;  transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.member.active{top:52px; }
.member a{display:block; padding:10px 30px; color:#000000;}
.member button.logoutbtn{display:block; padding:10px 30px; text-align:center; background:#212359; color:#fff; width:100%; border:none;}
.member a:hover{color:#87c548;}
.member a.ac{background:url(../images/member-my-account.png) no-repeat left center;}
.member a.mb{background:url(../images/member-my-booking.png) no-repeat left center;}
.member a.fav{background:url(../images/member-favorite.png) no-repeat left center;}
.member a.rv{background:url(../images/member-recently.png) no-repeat left center;}
.member a.rec{background:url(../images/member-recommend.png) no-repeat left center; margin-bottom:30px;}
.member .user{pading:30px; border-top:1px solid #d9d9d9; padding-top:20px;}
.member .user .userNAME{font-family:'proxima-Bold'; font-weight:bold;}
.member .logoutbtn{text-align:center; background:#212359; color:#fff;}

.member-mob{padding:10px; background:#fff; text-align:left; }

.member-mob a{display:block; padding:10px 30px; color:#000000; border-bottom:1px dotted #ccc;}
.member-mob a:hover{color:#87c548;}
.member-mob a.ac{background:url(../images/member-my-account.png) no-repeat left center;}
.member-mob a.mb{background:url(../images/member-my-booking.png) no-repeat left center;}
.member-mob a.fav{background:url(../images/member-favorite.png) no-repeat left center;}
.member-mob a.rv{background:url(../images/member-recently.png) no-repeat left center;}
.member-mob a.rec{background:url(../images/member-recommend.png) no-repeat left center; border-bottom:none;}
.member-mob .user{pading:30px; border-top:1px solid #d9d9d9; padding-top:20px;}
.member-mob .user .userNAME{font-family:'proxima-Bold'; font-weight:bold;}
.member-mob .logoutbtn{text-align:center; background:#212359; color:#fff;}
/*--------------------------------------------------------------
- Layout
--------------------------------------------------------------*/

/*--------------------------------------------------------------
- Navigation
--------------------------------------------------------------*/
.navigation{list-style: none;padding: 0;margin: 0 0 0;text-align: left; padding-left:160px;}
.navigation li{display: inline-block; position:relative;}
.navigation li a{display: block;color: #fff;font-size: 14px; line-height: 11px; font-family:'proxima-Bold';  padding:21px 8px;}
.navigation li a:hover{color:#87c548;}
.navigation li a.active{color:#87c548;}

/*LEVEL2*/
.navigation li ul.text{width:500px;}
.navigation li ul.pest{left:auto !important; right:-200px; width:500px;}
.navigation li ul.about{height:280px;}
.navigation li ul.termite{}
.navigation li ul.commercial{width:500px;}

.navigation li ul.about img, .navigation li ul.termite img{position:absolute; bottom:0; right:0;}
.navigation li:hover ul{display:block;}
.navigation li ul{position:absolute; left:0; padding:30px 15px; background:#555555; width:auto; min-width:300px; padding:30px; color:#fff; font-size:14px; display:none;}
.navigation li ul li{width:100%;}
.navigation li ul li .head{font-family:'proxima-Bold'; border-bottom:1px solid #fff;}
.navigation li ul li a{color:#fff; position:relative; font-family:'proxima'; line-height:normal; padding:0; display:block; margin-bottom:5px;}
.navigation li ul li a:hover{color:#87c548;}
.navigation li ul li a:hover:before{content: "\f0da"; font-family: FontAwesome; font-size:12px; position:absolute; top:2px; left:-8px;}
.navigation li ul li .survey{position:absolute; bottom:0; right:30px; text-align:center; max-width:197px;}
.navigation li ul li .survey img, .navigation li ul li .survey a{display:inline-block;}
.navigation li ul li .survey a.btn-green{background:#87c548; border-radius:10px; padding:10px 30px; font-family:'proxima'; color:#fff; position:relative; display:inline-block; font-size:14px; letter-spacing:normal;}
.navigation li ul li .survey a.btn-green:hover:before{display:none;}
/*.navigation li.hasSub:hover, .navigation li.hasSub.active{background:#555555;}*/
.navigation > li.hasSub > a:hover, .navigation > li.hasSub:hover > a{background:#555555; color:#87c548;}
.navigation li.hasSub:hover > ul, .navigation li.has-sub:hover > div{}

.member-mobile{padding-left:30px; background: url(../images/user-icon.png) no-repeat left top;font-family: 'proxima-Bold';}
.member-mobile:hover{color:#fff;}

/*--------------------------------------------------------------
- Banner Slider
--------------------------------------------------------------*/
.banner-full, .slick-list, .slick-track{height: 100%; margin:0;}
.item-banner{-webkit-background-size: cover;background-size: cover;background-position: center;}
.item-banner.left{background-position: left;}
.item-banner.right{background-position: right;}
.fix{-webkit-background-size: contain !important;background-size: contain !important;background-repeat: no-repeat !important; background-position: center !important; background-color:#333;}
.banner-full .slick-dots{bottom: 65px;}.ms-view, .ms-slide, .master-slider, .ms-slide-container, .ms-container{height: 100% !important;}

.photo-slide .ms-skin-default .ms-bullet{border-radius: 100%;background: #000;width: 10px;height: 10px;border: 1px solid #fff;box-shadow: 0 15px 60px rgba(0, 0, 0, 0.46);}
.photo-slide .ms-skin-default .ms-bullet-selected{background-color: #fff;}
.photo-slide .ms-skin-default .ms-bullets.ms-dir-h {bottom: 160px;width: initial !important;}
#slide-next,#slide-prev{position: absolute;z-index: 1;top: 67%;cursor: pointer;margin-top: -125px;font-size: 139px;color: #fff;}
#slide-prev{left: 80px;}
#slide-next{right: 80px;}
.icon-scroll-down{text-align: center;position: absolute;z-index: 1;color: #fff;text-shadow: 0 0 3px #000;width: 110px;bottom: 105px;font-size: 12px;font-family: 'Neutra2TextDemi';left: 50%;margin-left: -55px;}

/*--------------------------------------------------------------
- Section page
--------------------------------------------------------------*/
.box-section{position: relative;}
.box-section .container{position: relative;}
.full-height{height: 100%;min-height: 800px;}

.boxCtFull{width:100%; position:absolute; bottom:0; z-index:10;}
.boxCtFull .item{color:#fff; /*border-right:1px solid #fff;*/ padding:20px 0; text-align:center; min-height:190px; cursor:pointer;}
.boxCtFull .item:last-child{border-right:none;}
.boxCtFull .item p{margin:0;}
.boxCtFull .item p.detail{ padding:0 10px;}
.boxCtFull .item .title{font-family:'proxima-Bold'; font-size:21px; color:#87c548; padding:12px 0;}
.boxCtFull .item.ct .title{font-family:'proxima-Bold'; font-size:24px; color:#fff; padding:0;}
.boxCtFull .item.ct .tel{font-family:'proxima-Bold'; font-size:28px; color:#87c548; margin-bottom:10px;}
.boxCtFull .item .icon{height:40px;}
.boxCtFull .item.bg{background:rgba(0,0,0,0.8) url(../images/one-pixel-white.png) repeat-y top right;}
.boxCtFull .item.ct{background:#212359;}

.content{width:100%; background:#fff; position:relative;}
hr{width:100%; margin-top:35px; border:none; height:10px;}/*.content hr*/
.idx-intro{padding:95px 0 60px; text-align:center;}
.content.idx-intro .title{font-family:'proxima-Bold'; font-size:26px; color:#000; margin-bottom:30px;}

.explore-slide{position:relative; text-align:center;}
.explore-slide .item{ height:400px; background-color:#e2e2e2; border-left:1px solid #fff; overflow:hidden; position:relative; margin-top:1px;}
.explore-slide .item:hover{background:#212359;}
.explore-slide .item img{position:absolute; max-width:inherit;}
.explore-slide .item a.wrap{display:block; width:100%; height:100%; position:absolute; z-index:10;}
.cot{width:100%; height:100%; display:table; position:absolute; top:0; left:0;}
.explore-slide .item p{width:100%; padding:0 75px; display:table-cell; vertical-align:middle; text-align:left; color:#363636;}
.explore-slide .item p .t1{font-family:'proxima-Bold'; font-size:21px;}
.explore-slide .item p .t2{font-family:'proxima-Light'; font-size:21px;}
.explore-slide .item p a{font-family:'proxima-ExBold'; font-size:12px; color:#212359; margin-top:10px; display:block;}
.esi{background-position:top right; background-repeat:no-repeat;}
.esi:hover{background-position:center center !important; background-repeat:no-repeat !important;}

.ob{background-position:top right !important; background-repeat:no-repeat !important;}
.explore-slide .item.ob:hover p{text-align:center; color:#87c548; z-index:11;}
.explore-slide .item.ob:hover p a{color:#87c548; z-index:11;}
.explore-slide .item.ob:hover .cot{background:rgba(33,35,89,0.7);}
.explore-slide .item.ob:hover{background:none;}

.explore-slide .item:hover p{text-align:center; color:#fff;}
.explore-slide .item:hover p a{color:#ffffff;}

.explore-slide .item.fixHeight{height:340px;}

.explore-slide .item.mosq img{right:-160px; top:-20px;}
.explore-slide .item.rodent img{right:-160px; top:0px;}
.explore-slide .item.termite img{right:-50px; top:15px;}
.explore-slide .item.cockroach img{right:-80px; top:10px;}

.explore-slide .item.cockroach{background-image:url(../images/cockroach.png); background-repeat:no-repeat; background-position:right -170px top 10px;}
.explore-slide .item.cockroach:hover{background-image:url(../images/cockroach-green.png); background-repeat:none; background-position:center top 10px;}

.explore-slide .item.mosq{background-image:url(../images/mosquito.png); background-repeat:no-repeat; background-position:right -100px center;}
.explore-slide .item.mosq:hover{background-image:url(../images/mosquito-green.png); background-repeat:none; background-position:center center;}

.explore-slide .item.rodent{background-image:url(../images/rodent.png); background-repeat:no-repeat; background-position:right -100px center;}
.explore-slide .item.rodent:hover{background-image:url(../images/rodent-green.png); background-repeat:none; background-position:center center;}

.explore-slide .item.termite{background-image:url(../images/termite.png); background-repeat:no-repeat; background-position:right -50px center;}
.explore-slide .item.termite:hover{background-image:url(../images/termite-green.png); background-repeat:none; background-position:center center;}

.explore-slide .item.ant{background-image:url(../images/ant.png); background-repeat:no-repeat; background-position:right 0px center;}
.explore-slide .item.ant:hover{background-image:url(../images/ant-green.png); background-repeat:none; background-position:center center;}

.explore-slide .item.bedbug{background-image:url(../images/bedbug.png); background-repeat:no-repeat; background-position:right -140px center;}
.explore-slide .item.bedbug:hover{background-image:url(../images/bedbug-green.png); background-repeat:none; background-position:center center;}

.explore-slide .item.fly{background-image:url(../images/fly.png); background-repeat:no-repeat; background-position:right -130px center;}
.explore-slide .item.fly:hover{background-image:url(../images/fly-green.png); background-repeat:none; background-position:center center;}

.explore-slide .item.pest{background-image:url(../images/pest.png); background-repeat:no-repeat; background-position:right 10px center;}
.explore-slide .item.pest:hover{background-image:url(../images/pest-green.png); background-repeat:none; background-position:center center;}

.explore-slide .item.flea{background-image:url(../images/flea.png); background-repeat:no-repeat; background-position:right -150px center;}
.explore-slide .item.flea:hover{background-image:url(../images/flea-green.png); background-repeat:none; background-position:center center;}

.explore-slide .item.mice{background-image:url(../images/mice.png); background-repeat:no-repeat; background-position:right -150px center;}
.explore-slide .item.mice:hover{background-image:url(../images/mice-green.png); background-repeat:none; background-position:center center;}

.explore-slide .item.shrew{background-image:url(../images/shrew.png); background-repeat:no-repeat; background-position:right -150px center;}
.explore-slide .item.shrew:hover{background-image:url(../images/shrew-green.png); background-repeat:none; background-position:center center;}

.explore-slide .item.silver{background-image:url(../images/silver.png); background-repeat:no-repeat; background-position:right -50px center;}
.explore-slide .item.silver:hover{background-image:url(../images/silver-green.png); background-repeat:none; background-position:center center;}

.explore-slide .item.other{background-image:url(../images/other.png); background-repeat:no-repeat; background-position:right -150px center;}
.explore-slide .item.other:hover{background-image:url(../images/other-green.png); background-repeat:none; background-position:center center;}

.explore-slide .item.mothes{background-image:url(../images/mothes.png); background-repeat:no-repeat; background-position:right -170px center;}
.explore-slide .item.mothes:hover{background-image:url(../images/mothes-green.png); background-repeat:none; background-position:center center;}

.explore-slide .slick-slider{margin:0;}
/*.explore-slide .slick-slide{min-width:25%;}*/
.explore-slide .prev, .explore-slide .next{width:52px; height:50px; position:absolute; top:50%; margin-top:-26px; cursor:pointer; z-index:10; display:none !important;}
.explore-slide .prev{background:url(../images/circle-prev.svg)no-repeat center center; left:0;}
.explore-slide .next{background:url(../images/circle-next.svg)no-repeat center center; right:0;}

.content.why{min-height:600px; background:url(../images/why-javelin-back.jpg);-webkit-background-size: cover;background-size: cover;background-position: center; padding:90px 0; color:#fff; text-align:center;}
.content.why .container{padding-top:50px;}
.content.why .title{font-family:'proxima-Bold'; font-size:26px;}
.content.why hr{width:100%; height:60px; border:none; margin:0;}
.content.why .item{position:relative; margin-bottom:60px; opacity:0;}
.content.why .item .ct{width:100%;display:inline-block; border:1px solid #fff; border-top:none; padding:50px 20px 40px 20px; height:100%;}
.content.why .item .ct .line{width:100%; height:1px; position:absolute; top:0; left:0; padding:0 10px; text-align:center; overflow:hidden; content:url(../images/bottom-border-crop-4col.png);}
.content.why .item .ct .line img{max-width:none;}
.content.why .item .ct .head{font-family:'proxima-Bold';color:#87c548;font-size:15px; /*padding:40px 0 20px;*/ margin-bottom:20px; min-height:60px; vertical-align:bottom; /*position:relative;*/}
.content.why .item .ct .head p{/*position:absolute;*/ bottom:0; margin-bottom:0; margin-left:auto; margin-right:auto; width:100%; text-align:center;}

.content.why .item .icon{position:absolute; left:50%; top:-40px; margin-left:-63px;}
/*.content.why .item.tailored .icon{top:-40px; margin-left:-62px;}
.content.why .item.innovative .icon{top:-40px; margin-left:-49px;}
.content.why .item.sound .icon{top:-40px; margin-left:-44px;}
.content.why .item.communication .icon{top:-40px; margin-left:-44px;}
.content.why .item.training .icon{top:-40px; margin-left:-36px;}
.content.why .item.response .icon{top:-40px; margin-left:-42px;}
.content.why .item.reporting .icon{top:-40px; margin-left:-35px;}
.content.why .item.support .icon{top:-40px; margin-left:-44px;}*/

.content.faq{padding:120px 0; min-height:700px;}
.content.faq .staff{position:absolute; bottom:0; right:50%;}
.content.faq .content{display:inline-block; margin-left:50%; width:50%; padding-right:60px;}
.content.faq .content .title{font-family:'proxima-Bold';color:#87c548;font-size:26px; margin-bottom:60px;}

.content.calltab{padding:20px 0; background:#212359; font-size:30px; color:#fff; text-align:center;}
.content.calltab .bold{font-family:'proxima-ExBold';color:#87c548; margin-right:15px;}
.content.calltab a{font-family:'proxima-ExBold';color:#87c548;  margin-left:15px;}

/*--------------------------------------------------------------
- FOOTER
--------------------------------------------------------------*/
.footer{width:100%; padding:45px 0; background:#373969; color:#fff; font-size:14px;}
.footer .head1{font-family:'proxima-Bold'; font-size:16px;}
.footer .head2{font-family:'proxima-Bold'; font-size:18px;}
.footer .formbox{position:relative;}
.footer .news-input{background:#fff; padding:10px; border:none; width:90%; color:#000;}
.footer .submitnews{padding:10px 20px; background:#212359; text-align:center; border:none; position:absolute; top:0; right:10%;}
.footer .tel{font-size:22px; color:#87c548;}
.footer .email, .footer .locate{padding-left:30px; position:relative; padding-top:5px;}
.footer .email:before{content: "\f003"; font-family: FontAwesome; font-size:20px; position:absolute; top:0; left:0;}
.footer .locate:before{content: "\f041"; font-family: FontAwesome; font-size:30px; position:absolute; top:0; left:0;}
.footer .locate .bold{font-family:'proxima-Bold';}
.footer .copyright{color:#959595;}
.footer a{color:#fff;}
/*--------------------------------------------------------------
- SOCIAL
--------------------------------------------------------------*/
.socialBox{position:fixed; right:0; top:50%; margin-top:-63px; z-index:20;}
.socialBox a{padding:2px 10px;display:block;}



.box-inside{position: relative;height: 517px;width: 100%;background: #fff; padding-top:104px;}
.box-inside .intro-box{width:100%; position:absolute; text-align:center; z-index:10; height:260px; /*left:50%;  margin-left:-384px;*/ margin-left:auto; margin-right:auto; top:50%; margin-top:-80px;font-family: 'proxima-Bold'; font-size: 70px; color: #212359; }
.box-inside .intro-box .sub{font-family: 'proxima'; font-size: 36px; color: #363636;}
.box-inside .intro-box .content{padding:80px 150px; background:url(../images/texture-background.png); display:inline-block; width:auto; min-width:790px;}
.box-inside .intro-box .content.tworow{padding:20px 150px;}

.box-inside .intro-box hr {
    width: 100%;
    height: 20px;
    border: none;
    position: relative;
	margin:0;
}
.search-box{display:inline-block; margin-left:10px; position:relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:1px solid #ccc;
padding:5px;
}
.search-box input{
border:none;
min-width:200px;
}
.search-box .searchbtn{position:absolute; top:0; right:0; color:#363636; font-size:16px; padding:5px 10px 6px; display:block; border-left:1px solid #ccc; z-index:10;}

.box-intro .survey{width:80%; margin-left:10%; height:auto; top:50%; margin-top:-330px; padding:60px 30px; position:absolute; z-index:9; text-align:center; background:rgba(19,0,96,0.6); font-size:30px; color:#fff;}
.box-intro .survey .bold{font-family:'proxima-ExBold';color:#87c548; margin-right:15px;}
.box-intro .survey hr {width: 100%;height: 20px;border: none;position: relative;margin:20px 0;}
.box-intro .survey .form{font-size:16px; text-align:center;}
.box-intro .survey .form .formtag{width:500px; display:inline-block; border-radius:10px; background:#fff; padding:10px 20px 10px 50px; position:relative; color:#363636; margin-bottom:10px;}
.box-intro .survey .form .formtag input{border:none; background:none; width:100%;}
.box-intro .survey .form .formtag textarea{border:none; background:none; width:100%; resize: none;}

.box-intro .survey .form .formtag.name:before{ content: "\f007"; font-family: FontAwesome; font-size:30px; position:absolute; top:2px; left:5px; color:#ccc;}
.box-intro .survey .form .formtag.email:before{ content: "\f003"; font-family: FontAwesome; font-size:30px; position:absolute; top:2px; left:5px; color:#ccc;}
.box-intro .survey .form .formtag.phone:before{ content: "\f095"; font-family: FontAwesome; font-size:30px; position:absolute; top:2px; left:5px; color:#ccc;}
.box-intro .survey .form .formtag.pest:before{ content: "\f188"; font-family: FontAwesome; font-size:30px; position:absolute; top:2px; left:5px; color:#ccc;}
.box-intro .survey .form .formtag.comment:before{ content: "\f27b"; font-family: FontAwesome; font-size:30px; position:absolute; top:2px; left:5px; color:#ccc;}
.box-intro .survey .form .btn-green{width:500px; border:none;}


#pah{ text-align:left;}
#pah .title{color:#87c548; font-size:36px; margin-bottom:10px;}

.pes-area{width:568px; height:auto; float:left; margin:0 30px 30px 0; margin-bottom:100px;}
.pes-area .picarea{position:absolute; z-index:9; max-width:none; top:0; left:0;}
.pes-area .area{width:568px; height:345px; position:relative; overflow:hidden; margin-bottom:20px;}
#pah .subtitle{font-family: 'proxima-Bold';font-size: 21px;color: #000;}
.pes-area .mark{position:absolute; background:url(../images/pest-at-home-point.png) no-repeat; cursor:pointer; z-index:10; width:60px; height:60px;}
.pes-area .detailbox{width:50%; height:100%; position:absolute; top:0; left:100%; background:rgba(19,0,96,0.8);z-index:15; display:table;}
.pes-area .detailbox .closebtn{position:absolute; top:0; right:0; padding:5px; color:#fff; font-size:24px; z-index:99;}
.pes-area .detailbox .detail{display:none; vertical-align:middle; padding:0 10px; font-size:12px; color:#fff; height:50%; overflow:hidden;}
.pes-area .detailbox .detail .name{font-weight:bold; color:#87c548; font-size:16px;}
.pes-area .detailbox .detail .pic{border:2px solid #ffffff; margin-bottom:10px;}

.pes-area .detailbox.active{left:auto; right:0;}
.pes-area .detailbox .detail.active{display:table-cell;}
.pes-area .cls{clear:both;}
.dtm{height:185px; overflow:hidden;}
.pointMobile{position:relative; display:none;}

.sb {padding: 0 0 60px 0;text-align: center;}
.survey-fullbox{border:2px solid #87c548; text-align:left; min-height:265px;}
.survey-fullbox .staff{position:absolute; bottom:2px; right:85px; max-width:290px;}
.survey-fullbox .title-box{margin:35px 0 15px 0; font-family: 'proxima-Bold';font-size: 26px; color: #87c548;}
.survey-fullbox .title-box .blue{color:#212359;}
.survey-fullbox .cont{min-height:240px;}
.survey-fullbox .btn-green{font-size:16px; padding:18px 15px; position:absolute; bottom:0; right:20px;}

.survey-list{list-style-image: url('../images/survey-list-icon.png');  font-family: 'proxima-Bold';font-size: 18px;color:#212359;}
.content.why.whyslide{max-height:1090px;  background:url(../images/why-javelin-back2.jpg);-webkit-background-size: cover;background-size: cover;background-position: center;}
.whyslide .item{opacity:1;}
.whyslide .unmark{opacity: 0.1 !important;}
.whyslide .mark{opacity: 1 !important;}
.whyslide .slide-why .item{margin-top:100px;}
.content.why.whyslide{}
.content.why.whyslide .container{padding-top:0;}
.whyslide .slide-why .slick-slide{margin-left:50px; margin-right:50px; min-height:350px; height:auto;}
.whyslide .slide-why .slick-center {margin-top:50px;}
.whyslide .slide-why .slick-center .ct{padding-bottom:100px; font-size:18px;}
.whyslide .slide-why .slick-slide .ct{min-height:350px;}

.whyslide .prev, .whyslide .next{width:52px; height:50px; position:absolute; top:50%; margin-top: 1.5%; cursor:pointer; z-index:10; }
.whyslide .prev{background:url(../images/circle-prev.svg)no-repeat center center; left:50%; margin-left:-200px;}
.whyslide .next{background:url(../images/circle-next.svg)no-repeat center center; right:50%; margin-right:-200px;}

.ttm{ letter-spacing:normal;}
.ttm .item{display:inline-block; vertical-align:top; position:relative; text-align:left;}
.ttm .item.pic{width:142px; height:142px; display:none;}
.ttm .item.pic .mask{position:absolute; top:0; left:0; z-index:50; width:142px; height:142px; background:url(../images/picture-mask-circle.svg);}
.ttm .item.cont{margin-left:20px;font-family: 'proxima-Light';font-size: 22px; /*max-width:580px;*/ padding-right:0; padding-left:65px; padding-top:48px; background:url(../images/quot-open.svg) no-repeat left top;}
.ttm .item.cont .fixct{padding-right:65px; position:relative;}
.ttm .item.cont .fixct .quotclose{position:absolute; bottom:0; right:0;}
.ttm .item.cont .fa{font-size:80px; color:#87c548;}
.ttm .item.cont .name{ font-style:italic;}
.ttm .item.cont .date{ color:#87c548; font-size:18px;}
.ttm .item.cont .fa-quote-right {position:absolute; bottom:0; right:0;}

.ttm .slick-slide{margin:0 50px;}
.ttm .slick-dots li.slick-active button{background:#87c548; border-color:#87c548;}
.ttm .slick-dots li button{background:#959595; border-color:#959595;}

.next-step{background:#ececec; text-align:center;}
.next-step .item{width:30%; height:340px; background:#fff; max-width:330px; display:inline-block; position:relative; padding:40px 30px;  vertical-align:top;}
.next-step .item .num{background:#fff; padding:10px 20px; font-family: 'proxima-Bold';font-size: 48px; position:absolute; top:0; left:50%; margin-left:-53px; z-index:10;}
.next-step .item .num .boxN{background:#87c548; color:#fff; border-radius:50%; width:66px; height:66px;}
.next-step .item .ct{border:1px solid #87c548; padding:55px 20px 20px 20px; min-height:280px; position:relative;}
.next-step .item .ct .head{font-family: 'proxima-Bold';font-size: 19px; color:#212359;}
.next-step .item .ct .btn-green{padding:10px 0; font-size:14px; width:230px; border-radius: 5px; position:absolute; bottom:10px; left:20px;}
.next-step .item.middle{margin:0 70px;}
.next-step .item.middle:before{width:28px; height:44px; display:block; position:absolute; left:-50px; top:50%; margin-top:-22px; content:url(../images/arrow-next-step.svg);}
.next-step .item.middle:after{width:28px; height:44px; display:block; position:absolute; right:-50px; top:50%; margin-top:-22px; content:url(../images/arrow-next-step.svg);}

.picLayout{width:100%; height:auto; position:relative;}
.picLayout .item{cursor:pointer; position:relative;  overflow:hidden;}
.picLayout .item a{display:table; width:101%; height:100%;background:rgba(33,35,89,0.7); opacity:0; font-family: 'proxima-Bold';font-size: 21px; color:#fff;
transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;}
.picLayout .item a p{display:table-cell; vertical-align:middle; text-align:center;}
.picLayout .item a:hover{ opacity:1;}
.picLayout .box1{height:470px; background:url(../images/box1.jpg);background-position: center;  -webkit-background-size: cover;background-size: cover;}
.picLayout .box2{height:470px; background:url(../images/box2.jpg);background-position: center;  -webkit-background-size: cover;background-size: cover;}
.picLayout .box3{height:470px; background:url(../images/box3.jpg);background-position: center;  -webkit-background-size: cover;background-size: cover;}
.picLayout .box4{height:315px; background:url(../images/box4.jpg);background-position: center;  -webkit-background-size: cover;background-size: cover;}
.picLayout .box5{height:315px; background:url(../images/box5.jpg);background-position: center;  -webkit-background-size: cover;background-size: cover;}
.picLayout .box6{height:465px; background:url(../images/box6.jpg);background-position: center;  -webkit-background-size: cover;background-size: cover;}
.picLayout .box7{height:465px; background:url(../images/box7.jpg);background-position: right -200px center;  -webkit-background-size: cover;background-size: cover;}
.picLayout .box8{height:470px; background:url(../images/box8.jpg);background-position: center;  -webkit-background-size: cover;background-size: cover;}
.picLayout .box9{height:310px; background:url(../images/box9.jpg);background-position: center; -webkit-background-size: cover;background-size: cover;}

.picLayout .prev, .picLayout .next{width:52px; height:50px; position:absolute; top:50%; margin-top:-26px; cursor:pointer; z-index:10; display:none;}
.picLayout .prev{background:url(../images/circle-prev.svg)no-repeat center center; left:5px; }
.picLayout .next{background:url(../images/circle-next.svg)no-repeat center center; right:5px;}
.mobcs{display:none;}
.picLayout .item img {display:inline-block;}

#ctpage{ text-align:left;}
#ctpage .title{color:#87c548; font-size:36px; margin-bottom:10px; font-family:'proxima';}
.greyBack{background:#ececec;}
#ctpage .boxbiz{padding:55px 60px; text-align:center;}
#ctpage .boxbiz .headtitle{font-family:'proxima-Bold'; font-size:26px; color:#000;}
#ctpage .boxbiz .ctSlide .bold{font-family:'proxima-Bold'; font-size:19px; color:#87c548; margin-bottom: 10px;}
#ctpage .boxbiz .ctSlide .item{}
#ctpage .boxbiz .prev, #ctpage .boxbiz .next{width:52px; height:50px; position:absolute; top:50%; margin-top:-26px; cursor:pointer; z-index:10; }
#ctpage .boxbiz .prev{background:url(../images/prev-grey.svg)no-repeat center center; left:5px; }
#ctpage .boxbiz .next{background:url(../images/next-grey.svg)no-repeat center center; right:5px;} 
.cif{  
	/*-moz-column-count:2;
   	-moz-column-gap:10px;
   	-webkit-column-count:2;
    -webkit-column-gap:10px;
    column-count: 2;
    column-gap: 10px;*/
}
.cif .item{margin-bottom:20px;}
.cif .item .ct{padding:20px; background:#f1f1f1; text-align:left;}
.cif .item .subHead{font-family:'proxima-Bold'; font-size:21px; color:#212359;}
.cif .item .oSolution{border-radius:5px; background:#a1a1a1; color:#212359; padding:10px 30px 10px 10px; font-size:14px; display:inline-block;}
.cif .item .bsurvey{border-radius:5px; background:#87c548; color:#fff; padding:10px 30px; font-size:14px; margin-left:5px; display:inline-block;}

.cif .item .oSolution:before{content: "\f138"; font-family: FontAwesome; font-size:14px; margin-right:5px;}
.cif .item .oSolution.active:before{content: "\f13a"; }
.cif .item .ct .solution{padding:10px; background:#ececec; margin-top:5px; position:relative; display:none;}
.cif .item .ct .solution .closeSolution{position:absolute; right:0; top:-18px;}
.cif .item .ct .solution.active{display:block;}

.full-pic-layout{}
.full-pic-layout .item{}
.full-pic-layout .item a{position:absolute; width:100%; height:100%; display:block; left:0; top:0;}
.full-pic-layout .item a p{display:block; width:100%; position:absolute; text-align:center; top:50%; margin-top:-15px; }

.picLayout-full{width:100%; height:auto; position:relative;}
.picLayout-full .item{cursor:pointer; position:relative;  overflow:hidden;}
.picLayout-full .item a{display:table; width:101%; height:100%;background:rgba(33,35,89,0.7); opacity:0; font-family: 'proxima-Bold';font-size: 21px; color:#fff;
transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;}
.picLayout-full .item a p{display:table-cell; vertical-align:middle; text-align:center;}
.picLayout-full .item a:hover{ opacity:1;}

.layout3 .box1{height:520px;border-right:1px solid #fff;}
.layout3 .box2{height:520px;}
.layout3 .box3{height:520px;border-left:1px solid #fff;}

.layout4 .box1{height:520px; border-right:1px solid #fff;}
.layout4 .box2{height:260px;}
.layout4 .box3{height:260px;}
.layout4 .box4{height:520px; border-left:1px solid #fff;}

.layout5 .box1{height:520px; border-right:1px solid #fff;}
.layout5 .box2{height:260px; border-bottom:1px solid #fff;}
.layout5 .box3{height:260px; border-bottom:1px solid #fff;}
.layout5 .box4{height:260px; border-left:1px solid #fff; border-bottom:1px solid #fff;}
.layout5 .box5{height:260px; border-left:1px solid #fff; border-bottom:1px solid #fff;}
.layout5 .fixborder{border-left:1px solid #fff;}

.layout6 .box1{height:520px;border-right:1px solid #fff;}
.layout6 .box2{height:520px;border-right:1px solid #fff;}
.layout6 .box3{height:260px;border-right:1px solid #fff; border-bottom:1px solid #fff;}
.layout6 .box4{height:260px; border-bottom:1px solid #fff;}
.layout6 .box5{height:260px;border-right:1px solid #fff; border-bottom:1px solid #fff;}
.layout6 .box6{height:260px; border-bottom:1px solid #fff;}


#pestdetail{text-align:left;}
#pestdetail .title{font-size:21px; color:#212359; margin-bottom:10px;}
#pestdetail .btnGrey{border-radius:5px; background:#a1a1a1; color:#212359; padding:10px; font-size:14px; display:inline-block; margin-right:5px; font-family:'proxima-Bold';}
#pestdetail .btnGrey:before{content: "\f138"; font-family: FontAwesome; font-size:14px; margin-right:5px;}
#pestdetail .btnGrey.active:before{content: "\f13a"; }
#pestdetail .btnGrey.active{background:#87c548 !important;}
.glightBack{background:#f3f3f3;}
.pest-dtbox{padding:20px 10px;}
.greenBack{background:#87c548 !important;}
#pestdetail .solution {padding: 10px; background: #ececec; margin-top: 5px; position: relative; display: none;}
#pestdetail .solution .closedt{position:absolute; right:0; top:-18px;}
#pestdetail .solution.active{display:block;}

.otc{width:100%; text-align:center; margin-bottom:60px;}
.otc .hrGreen{margin:30px 0;}
.otc .title {
    font-family: 'proxima-Bold';
    font-size: 26px;
    color: #000;
    margin-bottom: 30px;
}
.otc .item{border-right:1px solid #fff; background:url(../images/otc-back.gif); cursor:pointer;}

.otc .item .pic{width:100%; height:246px;}
.otc .item .detail{width:100%; padding-top:20px; padding-bottom:40px; color:#ffffff;}
.otc .item .detail .t1{font-size:21px; font-family:'proxima-Bold'; margin-bottom:0;}
.otc .item .detail .t2{font-size:21px; font-family:'proxima-Light';}
.otc .item .detail a{font-size:12px;}
.otc .item .detail a:hover{color:#fff;}
.otc .sot {margin-top:40px;}
.otc .sot .item{background:#f7f7f7; margin-bottom:10px;}
.otc .sot .item .ct{padding:30px 20px; text-align:left;}
.otc .sot .item .ct .bold{font-size:18px; font-family:'proxima-Bold'; color:#212359;}
.otc .sot .row {
 /*-moz-column-width: 25em;
 -webkit-column-width: 25em;
 -moz-column-gap: .5em;
 -webkit-column-gap: .5em; */
}

.coltwo {
 -moz-column-width: 35em;
 -webkit-column-width: 35em;
 -moz-column-gap: .5em;
 -webkit-column-gap: .5em; 
  
}
.mobile-pic-layout{display:none;}


.wmp{width:100%; text-align:center; padding:60px 0; background:#e6e6e6;}
.wmp .title {
    font-family: 'proxima-Bold';
    font-size: 26px;
    color: #000;
    margin-bottom: 30px;
}

.wmp .pes-area{float:none; margin:0 auto;}
.wmp .pointMobile{text-align:left;}

.ptc{width:100%; text-align:left; padding:60px 0; background:#e6e6e6;}
.ptc .title {
    font-family: 'proxima-Bold';
    font-size: 26px;
    color: #000;
    margin-bottom: 30px;
	text-align:center;
}

.news-intro{display:block; margin-bottom:60px;}
.news-intro strong{ font-family: 'proxima-Bold'; font-size:21px; color:#000;}
.news-intro .selecter{margin:0 auto; width:auto; text-align:left; max-width:200px;}
.news-intro .selecter .selecter-selected {background:url(../images/news-select-arrow.png) no-repeat right center;}

.news-date{font-size:12px; color:#212359;}
.news-title{font-size:18px; color:#87c548; font-family: 'proxima-Bold';}
.read-article{font-size:12px; color:#212359; font-family:'proxima-ExBold';}

.contact-box{text-align:center; min-height: 1300px;}
.contact{position:absolute; z-index:10; top:150px; margin-left:auto; margin-right:auto; left:50%; margin-left:-585px;}
.contact .title{font-family: 'proxima-Bold'; font-size: 26px; color: #000; margin-bottom: 30px;}
.contact hr {width: 100%; margin-top: 35px; border: none;height: 10px;}
.contact .item{text-align:left; font-size:21px;}
.contact .item strong{font-family: 'proxima-Bold';}
.contact a{color:#363636;}
.contact a .fa{color:#87c548;}

.bookform input, .bookform textarea{background:#ececec; border:none; padding:10px; width:100%;}
.bookform button{border:none;
}
.map{padding:10px; background:#fff; text-align:left;}
.map .bold{font-family: 'proxima-Bold'; font-size:18px; color:#000;}


.map .branch{font-size:26px; color:#212359;font-family: 'proxima-Bold';}
.map .map-detail{font-size:16px; padding:30px;}
.map .map-detail strong{font-family: 'proxima-Bold';}
.map .mapobj{height:450px;}
.map .mapobj .mapCanvas{width:100%; height:100%; background:#ebebeb;}

.content.ourpp{min-height:600px; background:url(../images/why-javelin-back.jpg);-webkit-background-size: cover;background-size: cover;background-position: center; padding:90px 0; color:#fff; text-align:center;}
.content.ourpp .container{padding-top:50px;}
.content.ourpp .title{font-family:'proxima-Bold'; font-size:26px;}
.content.ourpp .item .ct{width:100%;display:inline-block; border:1px solid #fff; border-top:none; padding:40px 20px; height:100%;}
.content.ourpp .item .ct .line{width:100%; height:1px; position:absolute; top:0; left:0; padding:0 10px; text-align:center; overflow:hidden; content:url(../images/bottom-border-crop-4col.png);}
.content.ourpp .item .ct .line img{max-width:none;}
.content.ourpp .item .ct .head{font-family:'proxima-Bold';color:#87c548;font-size:19px; /*padding:40px 0 20px;*/ margin-bottom:20px; min-height:60px; vertical-align:bottom; position:relative;}
.content.ourpp .item .ct .head p{position:absolute; bottom:0; margin-bottom:0; margin-left:auto; margin-right:auto; width:100%; text-align:center;}

.content.ourpp .item .icon{position:absolute; left:50%; top: -40px; margin-left: -63px;}
/*.content.ourpp .item.training .icon {top: -40px; margin-left: -36px;}
.content.ourpp .item.lang .icon {top: -40px; margin-left: -44px;}
.content.ourpp .item.expertise .icon {top: -40px; margin-left: -47px;}*/

.ocb{padding-top:60px;}
.ocb .item{background:#f7f7f7; padding:30px; text-align:center;}
.ocb .item .pic{width:142px; height:142px; position:relative; margin:auto;}
.ocb .item .pic .mask{position:absolute; top:0; left:0; z-index:50; width:142px; height:142px; background:url(../images/picture-mask-circle-grey.svg);}
.ocb .item img{display:block;}
.ocb .item .name{font-family:'proxima-Bold';color:#212359;font-size:18px; margin:20px 0;}


.mapArea{margin:20px 0; padding:80px 0; text-align:center;}
.mapArea .title{font-family:'proxima-Bold'; font-size:26px; color:#000;}
.mapArea .bold{font-family:'proxima-Bold'; font-size:21px; color:#000;}
.mapArea .selecter{max-width:300px; background:#fff;}
.mapArea .selecter .selecter-selected {background:url(../images/news-select-arrow.png) no-repeat right center; font-size:18px;}

.mapArea .btn{letter-spacing:normal; padding:20px 25px; position:absolute; bottom:20px; left:20px;}

.osb{text-align:center; padding-top:30px; margin-bottom:30px;}
.osb .title{font-family:'proxima-Bold'; font-size:26px; color:#000;}
.osb .gridpack .item{margin-bottom:20px; color:#fff; background:#212359;}
.osb .gridpack .item .pack{ padding:40px 20px;}
.osb .gridpack .item .t1{font-family:'proxima-Bold'; font-size:21px; color:#87c548;}
.osb .gridpack .item .t2{font-family:'proxima-Light'; font-size:21px; color:#87c548;}
.osb .gridpack .item .icon{margin-bottom:20px;}
.osb .gridpack .item p{margin:0;}
.osb .gridpack .item.fixH1 .pack{height:450px;}
.osb .gridpack .item.fixH2 .pack{height:350px;}

/*.osb .gridpack .item.box1{height:402px;}
.osb .gridpack .item.box2{height:478px;}
.osb .gridpack .item.box3{height:520px;}
.osb .gridpack .item.box4{height:359px;}
.osb .gridpack .item.box5{height:441px;}
.osb .gridpack .item.box6{height:440px;}*/

.asb{text-align:center; padding-top:30px; margin-bottom:30px;}
.asb .title{font-family:'proxima-Bold'; font-size:26px; color:#000;}
.asb .gridpack .item{margin-bottom:20px; color:#fff;background:#87c548; }
.asb .gridpack .item .pack{padding:40px 20px;}
.asb .gridpack .item .t1{font-family:'proxima-Bold'; font-size:21px; color:#212359;}
.asb .gridpack .item .t2{font-family:'proxima-Light'; font-size:21px; color:#212359;}
.asb .gridpack .item .icon{margin-bottom:20px;}
.asb .gridpack .item p{margin:0;}
.asb .gridpack .item.fixH1 .pack{height:450px;}
.asb .gridpack .item.fixH2 .pack{height:350px;}

/*.asb .gridpack .item.box1{height:366px;}
.asb .gridpack .item.box2{height:362px;}
.asb .gridpack .item.box3{height:342px;}
.asb .gridpack .item.box4{height:388px;}
.asb .gridpack .item.box5{height:410px;}
.asb .gridpack .item.box6{height:318px;}*/

.omcs .ct{min-height:250px;}

.content.full{padding-top:184px; padding-bottom:60px;}
.content.full .title{font-family:'proxima-Bold'; font-size:26px; color:#000;}

.side-menu-member{padding:25px 0; border:1px solid #87c548;}
.side-menu-member a{padding:15px 0 15px 60px; display:block; font-size:16px; color:#212359; position:relative;}
.side-menu-member a:hover{background:#e2e2e2;}
.side-menu-member a.active{background:#e2e2e2;}

.side-menu-member a.dashboard:before{content:url(../images/member-dashboard.png); position:absolute; left:25px; top:13px;}
.side-menu-member a.calendar:before{content:url(../images/member-calendar.png); position:absolute; left:25px; top:13px;}
.side-menu-member a.report:before{content:url(../images/member-my-booking.png); position:absolute; left:25px; top:13px;}
.side-menu-member a.invoice:before{content:url(../images/member-favorite.png); position:absolute; left:25px; top:13px;}
.side-menu-member a.statement:before{content:url(../images/member-recently.png); position:absolute; left:25px; top:13px;}
.side-menu-member a.safety:before{content:url(../images/member-safety.png); position:absolute; left:25px; top:13px;}

.dashboard .welcome{font-size:36px; color:#87c548;}
.table{padding:10px 0 10px 20px; border-right:1px solid #fff;}
.table.nobr{border-right:none;}
.table.head{background:#ececec; color:#212359;}

.download-bar{padding:15px 0 15px 25px; margin:30px 0; border-top:1px dotted #cccccc; border-bottom:1px dotted #cccccc; width:100%;}
.dlink {font-family:'proxima-Bold'; color:#212359; padding-left:30px; margin-right:30px;}
.dlink.download{ background:url(../images/download.svg) no-repeat left center;}
.dlink.invoice{ background:url(../images/invoice.svg) no-repeat left center;}
.dashboard .detail{}
.dashboard .detail .hd{padding:15px 25px; background:#e7f3da; color:#212359; font-family:'proxima-Bold';}
.dashboard .detail .ct{padding:15px 25px;}
.mob-Head{display:none;}
.mob-Head{font-size:20px; color:#212359; padding:15px 0 15px 15px; background:#e1e1e1;}
.mob-Head .bold{color:#87c548; font-family:'proxima-Bold';}
.mob-Head .fa{margin-right:10px;}
.side-menu-member .close-member-menu{display:none;}

.next-visit{padding:15px 0 15px 25px; margin:0 0 20px; border-top:1px dotted #cccccc; border-bottom:1px dotted #cccccc; width:100%; }
.next-visit .bold{ font-family:'proxima-Bold';}
.input{background:#fff; border-radius:3px; border:1px solid #ebebeb;}
.form-respon-item{margin-right:10px; display:inline-block;}
.form-respon-item .btn{background:#87c548; border:1px solid #87c548; color:#fff;}
.table-font-small{font-size:14px !important;}

.moblogout{border:none;     padding: 10px 30px;}

.news-inside{}
.news-inside p.bold{margin-bottom: 0;}
h2.title-inside{font-family:'proxima-Bold';font-size: 30px;color: #87c548;float: left;}
h3.subtitle-date{font-family: 'proxima';font-size: 16px;color: #212359;margin-top: 10px;}
hr.full{background-color: #cccccc;height: 1px;width: 100%;margin: 10px 0;}
.img-article{margin: 10px 0 20px;max-height: 600px;overflow: hidden;}
.img-article img{width: 100%;}
a.link-page{font-family: 'proxima-ExBold';font-size: 12px;color: #212359;}
.hlbox{width:1px; height:1px; visibility:hidden; overflow:hidden;}
/*--------------------------------------------------------------
- Smooth transition
--------------------------------------------------------------*/

a, .room-fav .detail, .header, .wrapper-close, .img, .navigation li a, .navigation li, .explore-slide .item, .explore-slide .item p, .mainmenu, .logo, .ct, .picLayout .item a{  transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;}

/*--------------------------------------------------------------
- Fix IE
--------------------------------------------------------------*/
.ie7 .your-class{}
.ie8 .your-class{}
.ie9 .your-class{}


/*--------------------------------------------------------------
- Responsive
--------------------------------------------------------------*/
@media (max-height: 850px) {
	/*.box-intro .description{margin-top:-275px;}
	.socialBox{top:250px;}*/
}


@media (max-width: 1400px) {
	
}
@media (max-width: 1300px) {
   .boxCtFull .item{ min-height:230px;}
   .box-intro .description{padding:0 15px; margin-top:-200px;}
	.box-intro .description .t1{font-size:40px;}
   .box-intro .description .t2{font-size:20px;}
   .box-intro .description hr{height:40px;}
}
@media (max-width: 1200px) {
	.logo{max-width:130px; position:fixed; left:0; top:0; margin-left:0; height:auto;}
	.navigation {padding-left: 80px;}
	.navigation li a{font-size: 12px; padding:21px 8px;}
	.navigation li ul{width:700px;}
	.box-inside .intro-box .content{padding:20px 50px;}
	.pes-area{margin-bottom:200px;}
	.survey-fullbox .staff{right:30px;}
	.next-step .item{width:25%; height:400px;}
	.next-step .item .ct{min-height:330px;}
	.next-step .item .ct .btn-green{font-size:12px; width:137px;}
	.whyslide .prev{left:20px; margin-left:auto;}
	.whyslide .next{right:20px; margin-right:auto;}
	.whyslide .slide-why .slick-slide .ct{ min-height:inherit; height:auto;}
	.whyslide .slide-why .slick-slide{min-height:inherit;}
	.whyslide .slide-why .item {margin-top: 50px;}
	#pestdetail .btnGrey{font-size:12px; margin-right:1px;}
	#pestdetail .solution{margin-top:20px;}
	.contact{left:50%; margin-left:-485px;}
	.contact .item{font-size:18px;}
}
@media (max-width: 1100px) {
  
}
@media (max-width: 992px) {
   .header-mobile{display:block; position:fixed; width:100%; height:48px; background:#212359; z-index:91;}
   .logo{max-width:80px; z-index:92; left:5px; top:5px;}
   .openmenu{display:block; padding:5px 12px; position:fixed; top:0; right:0; z-index:92; font-size:26px;}
   .openmenu a{ color:#87c548;}
   /*.closemenu{display:block; padding:12px 12px 11px; position:fixed; top:0; right:0; z-index:92; font-size:26px;}*/
   .closemenu a{ color:#87c548;}
   .header{display:none;}
   .mainmenu{width:260px; height:100%; position:fixed; top:0; z-index:93; background:#373969; right:-260px;}
   .siteContent, .mainmenu, .logo, .openmenu{
    transition:all .2s;
    -o-transition:all .2s;
    -moz-transition:all .2s;
    -webkit-transition:all .2s;
   }
   .mainmenu .container{width:100%; padding:0;}
   .mainmenu.menuActive{overflow-y: scroll; 
   right:0;
   transition:all .2s;
    -o-transition:all .2s;
    -moz-transition:all .2s;
    -webkit-transition:all .2s;
   }
   .siteContent.navopen{z-index:99; overflow:auto;
   margin-left:-260px;
   transition:all .2s;
    -o-transition:all .2s;
    -moz-transition:all .2s;
    -webkit-transition:all .2s;
   -webkit-box-shadow: 5px 0px 5px 0px rgba(33,35,89,1);
	-moz-box-shadow: 5px 0px 5px 0px rgba(33,35,89,1);
	box-shadow: 5px 0px 5px 0px rgba(33,35,89,1);
   }
   .logo.navopen{margin-left:-260px;}
   .openmenu.navopen{margin-right:260px;}
   .mainmenu.short {top: 0;}
   /*.mobiletopnav{width:100%; height:auto; background:#212359; display:block;}
   .mobiletopnav .item{ height:auto; padding:10px 0; border-right:1px solid #373969; text-align:center; display:inline-block; width:20%; position:relative; vertical-align:top; min-height:52px;}
   .mobiletopnav .item a{text-align:center; width:100%; height:100%; display:block; position:absolute; top:0; left:0; z-index:10; }
   .mobiletopnav .item .fa{font-size:30px; color:#fff;}
   .mobiletopnav .item.lang img{max-height:30px;}
   .mobiletopnav .item.closeB{background:#87c548;}*/
   .navigation{padding:0 0 0 0;}
   .navigation li{width:100%; text-align:left; border-bottom:dotted 1px #212359;}
   .navigation li:first-child{background:#87c548;}
   .navigation li:first-child a{color:#212359;}
   .navigation li:first-child a:before{content: "\f015"; font-family: FontAwesome; font-size:20px; margin-right:5px;}
   .navigation li a{ font-size:18px; line-height:normal; padding:15px;}
   .navigation li.hasSub:hover{background:none;}
   .navigation li.hasSubMob:after{content: "\f105"; font-family: FontAwesome; font-size:20px; position:absolute; top:10px;  right:12px; color:#87c548;}
   .navigation li.hasSubMob.active:after{content:"\f068";}
   .navigation li ul{position:relative; display:none; width:100% !important; background:#212359;}
   .navigation li ul li{border:none;}
   .navigation li ul li a{font-size:14px;}
   
   .lengMob{width:100%; padding:15px; display:block;}
   .lengMob p{display:inline-block; color:#fff; font-size:12px;}
   
   .box-intro, .box-inside{min-height:1px; height:auto; padding-top:48px;}
   .box-intro .description .t1{font-size:40px;}
   .box-intro .description .t2{font-size:20px;}
   .box-intro .description hr{height:40px;}
   .bpca{max-width:80px;}
   .banner-full{height:400px;}
 	
	.box-inside .banner-full{height:250px;}
	
   
   .socialBox{display:none;}
   
   .boxCtFull{position:relative;}
   .boxCtFull .item{display:none;}
   .boxCtFull .item{min-height:1px;}
   .boxCtFull .item.ct{display:block;}
   .navigation > li.hasSub > a:hover, .navigation > li.hasSub:hover > a{background:none;}
   .navigation li.hasSub:hover > ul, .navigation li.has-sub:hover > div{display:none;}
   
   .explore-slide .prev, .explore-slide .next{display:block !important;}
  	.explore-slide .item{height:250px;}
	/*.explore-slide .item{height:120px; margin-bottom:2px; background:#212359;}
   .explore-slide .item p{text-align:center; color:#fff; padding:10px;}
   .explore-slide .item p a{color:#87c548;}*/
   
   .idx-intro{padding:20px 0 20px;}
   
   .content.why{padding:20px 0;}
   .content.why hr{height:30px; margin:20px 0 50px 0;}
   .content.faq{width:100%;}
   .content.faq .staff{display:none;}
   .content.faq .content{width:96%; padding:0 10px; margin-left:3%;}
   .content.faq{padding:20px 0; min-height:10px;}
   
   .content.calltab .bold, .content.calltab a {display:block;}
   
   .footer{text-align:center;}
   .footer .container{padding:0 15px;}
   .footer .item{margin-bottom:15px;}
   .footer .news-input{width:100%;}
   .footer .submitnews{right:0;}
   .footer .email:before{position:relative; margin-right:10px;}
   .footer .locate:before{position:relative;}
   
   /*MAKE SUBMENU FOR MOBILE*/
   .submenuMobile{width:260px; height:100%; position:fixed; top:0; right:-260px; z-index:94; background:#373969; overflow-y:scroll; display:block; overflow-x:hidden;}
   .submenuMobile a{width:100%; font-size:14px; line-height:normal; padding:15px; display:block; color:#fff;}
   .submenuMobile a.mmcheck{ background:#87c548; color:#212359; font-weight:bold;}
   .submenuMobile .backtomain{width:100%; font-size:14px; line-height:normal; padding:15px; display:block; color:#fff; background:#212359;}
   .submenuMobile .backtomain:before{content: "\f112"; font-family: FontAwesome; font-size:20px; margin-right:10px; color:#87c548;}
   .submenuMobile ul{padding:0; padding:0; list-style-type:none;}
   .submenuMobile ul li{width:100%; text-align:left;}
   .submenuMobile ul li a{ border-bottom:dotted 1px #212359;}
   .submenuMobile ul a:first-child{ background:none; color:#fff; font-weight:normal;}
   .submenuMobile ul li .head{width:100%; font-size:14px; line-height:normal; padding:15px; display:block; background:#212359; color:#87c548;}
   .submenuMobile ul li .head a{padding:0;}
   .footer .email, .footer .locate{padding-left:0; }
   /*.footer .item{text-align:center;}
   .footer .item p{margin-left:auto; margin-right:auto;}*/
   
   .box-inside .intro-box{ position:relative; text-align:center; z-index:10; height:auto; left:0; width:100%; bottom:0;  margin-left:0px; top:auto; margin-top:0;  background:#87c548;}
    .box-inside .intro-box .content{padding:20px 150px;font-size: 40px; background:none; min-width:inherit;}
   
   .box-intro .survey{width:100%; margin-left:0; height:auto; top:0; margin-top:0; padding:60px 30px; position:relative; font-size:24px;}
   .box-intro .survey .bold{margin-right:0; display:inline-block;}
   .box-intro .survey hr {width: 100%;height: 20px;border: none;position: relative;margin:20px 0;}
   .box-intro .survey .form .formtag{width:80%; display:inline-block; border-radius:10px; background:#fff; padding:10px 20px 10px 50px; position:relative; color:#363636; margin-bottom:10px;}
   .box-intro .survey .form .btn-green{width:80%;}
   .pes-area{width:100%; margin-bottom:20px; float:none;}
   .sb{margin-top:60px;}
   .survey-fullbox .staff{right:20px;}
   .survey-fullbox .btn-green{position:relative; bottom:auto; right:auto;}
   .ttm{width:100%;}
   .ttm .slick-slide{margin:0 50px;}
   .ttm .item.pic{margin-bottom:20px;}
   .ttm .item.cont{margin-left:0;font-size: 16px; max-width:none; padding-right:0; text-align:center; padding-left:0; padding-top:30px; background:url(../images/quot-open.svg) no-repeat left top; background-size: 30px 24px;}
   .ttm .item.cont .fixct{padding-right:0; position:relative;}
   .ttm .item.cont .fixct .quotclose{position:relative; bottom:0; right:0; float:right; width:30px; height:24px;}
   
   .ttm .item.cont .fa{font-size:20px;}
   
   .next-step .item{width:100%; height:auto; max-width:none;}
   .next-step .item .ct{min-height:inherit;}
   .next-step .item .ct .btn-green{font-size:12px; width:230px; position:relative; bottom:auto; left:auto; top:auto; margin-top:15px;}
   .next-step .item.middle{margin:50px 0;}
   .next-step .item.middle:before{left:50%; top:-40px; margin-left:-14px; margin-top:0; content:url(../images/arrow-next-step-down.svg);}
   .next-step .item.middle:after{left:50%; bottom:0; margin-left:-14px; margin-bottom:-50px; top:auto; content:url(../images/arrow-next-step-down.svg);}
   .whyslide .prev{left:5px; margin-left:auto;}
	.whyslide .next{right:5px; margin-right:auto;}
	
	.picLayout .box1{height:360px;}
	.picLayout .box2{height:360px;}
	.picLayout .box3{height:360px;}
	.picLayout .box4{height:205px;}
	.picLayout .box5{height:205px;}
	.picLayout .box6{height:355px;}
	.picLayout .box7{height:355px;}
	.picLayout .box8{height:360px;}
	.picLayout .box9{height:200px;}
	
	.cif .item .oSolution{font-size:12px;}
	.cif .item .bsurvey{font-size:12px; padding-left:10px; padding-right:10px;}
	
	.layout3 .box1{height:400px;}
	.layout3 .box2{height:400px;}
	.layout3 .box3{height:400px;}
	
	.layout4 .box1{height:400px;}
	.layout4 .box2{height:200px;}
	.layout4 .box3{height:200px;}
	.layout4 .box4{height:400px;}
	
	.layout5 .box1{height:400px;}
	.layout5 .box2{height:200px;}
	.layout5 .box3{height:200px;}
	.layout5 .box4{height:200px;}
	.layout5 .box5{height:200px;}
	
	.layout6 .box1{height:400px;}
	.layout6 .box2{height:400px;}
	.layout6 .box3{height:200px;}
	.layout6 .box4{height:200px;}
	.layout6 .box5{height:200px;}
	.layout6 .box6{height:200px;}
	
	.otc .item .detail .t1{font-size:18px;}
	.otc .item .detail .t2{font-size:18px;}
	
	.contact{width:96%; margin-left:2%; left:auto;}
	.contact{position:relative; top:auto; padding-top:40px;}
	.contact-box .banner-full{display:none;}
	.detailrow, .maprow{margin-bottom:20px;} 
	.osb .gridpack .item.fixH1 .pack{height:auto;}
	.osb .gridpack .item.fixH2 .pack{height:auto;}
	.omcs .ct{min-height:350px;}
	
	.content.full{padding-top:120px;}
	.side-menu-member{position:fixed; z-index:50; left:-250px; top:120px; background:#fff; width:250px;transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
	.mob-Head{display:block;}
	.side-menu-member.activemem{left:0;}
	.side-menu-member .close-member-menu{display:block; position:absolute; top:3px; right:3px; padding:0;}
	
	.next-visit{border-top:none;}
	
}
@media (max-width: 768px) {   
   .navigation li a{ font-size:14px;}
   .box-intro .description{padding:0 15px; margin-top:-200px;}
   .box-intro .description .t1{font-size:30px;}
   .box-intro .description .t2{font-size:16px;}
   .box-intro .description hr{height:20px;}
   .content.calltab {font-size:24px;}
   .box-inside .intro-box{font-size: 26px; padding:20px;}
   .box-inside .intro-box .content{font-size: 26px; padding:20px;}
   .pes-area .area{display:none; margin-bottom:0;}
   .pointMobile{position:relative; display:block;}
   .survey-fullbox .staff{display:none;}
   .picLayout .item{background-position: center;}
   .picLayout .box1{height:250px;}
   .picLayout .box2{height:250px;}
   .picLayout .box3{height:250px;}
   .picLayout .box4{height:250px;}
   .picLayout .box5{height:250px;}
   .picLayout .box6{height:250px;}
   .picLayout .box7{height:250px;}
   .picLayout .box8{height:250px;}
   .picLayout .box9{height:250px;}
   .picLayout .item a{opacity:0.9; font-size:16px;}
   .picLayout .prev, .picLayout .next{display:block;}
   .mobcs{display:block;}
   .cif{  
	-moz-column-count:1;
   	-webkit-column-count:1;
    column-count: 1;
}
.full-pic-layout .item a{display:none;}
.full-pic-layout{display:none;}
.layout3 .box1{height:200px; border:none;}
.layout3 .box2{height:200px;}
.layout3 .box3{height:200px; border:none;}

.layout4 .box1{height:200px; border:none;}
.layout4 .box2{height:200px;}
.layout4 .box3{height:200px;}
.layout4 .box4{height:200px; border:none;}

.layout5 .box1{height:300px; border:none;}
.layout5 .box2{height:150px; border:none;}
.layout5 .box3{height:150px; border:none;}
.layout5 .box4{height:150px; border:none;}
.layout5 .box5{height:150px; border:none;}

.layout6 .box1{height:300px; border:none;}
.layout6 .box2{height:300px; border:none;}
.layout6 .box3{height:150px; border:none;}
.layout6 .box4{height:150px; border:none;}
.layout6 .box5{height:150px; border:none;}
.layout6 .box6{height:150px; border:none;}

.otc .item{margin-bottom:1px;}
.otc .item .pic{width:100%;}

.mobile-pic-layout{display:block; position:relative;}
.mobile-pic-layout .item{width:100%; height:300px;}
.mobile-pic-layout .slick-prev, .mobile-pic-layout .slick-next{position:absolute; top:50%; margin-top:-26px;width: 52px;height: 50px; z-index: 10;}
.mobile-pic-layout .slick-prev{background: url(../images/circle-prev.svg)no-repeat center center; left:5px;}
.mobile-pic-layout .slick-next{background: url(../images/circle-next.svg)no-repeat center center; right:5px;}
.mobile-pic-layout .slick-prev:before, .mobile-pic-layout .slick-next:before{content:''; display:none;}

.slick-prev, .slick-next{position:absolute; top:50%; margin-top:-26px;width: 52px;height: 50px; z-index: 10;}
.slick-prev{background: url(../images/circle-prev.svg)no-repeat center center !important; left:0px;}
.slick-next{background: url(../images/circle-next.svg)no-repeat center center !important; right:0px;}
.slick-prev:before, .slick-next:before{content:''; display:none;}
.content.ourpp .item{margin-top:60px;}
.mapArea .btn{position:relative; bottom:auto; left:auto; margin-left:20px; margin-bottom:20px;}
.omcs .ct{min-height:1px;}

.download-bar {padding-left:0;}
.download-bar a{width:100%; display:block; padding-top:10px; padding-bottom:10px; border-bottom:1px dotted #ebebeb;}
.box-inside .intro-box .content.tworow {
    padding: 20px 0px;
}
.table.head{display:none;}

.table {
    padding: 10px 0 10px 15px;
    border-right: none;
    margin-bottom:0;
    background:#f1f1f1;
}
.dateNAME .welcome{font-size:22px;}
.monthNav .fa{font-size:26px;}
.table.nobr {
    margin-bottom:2px;
}
.cal-row-head{font-size:14px;}

}
@media (max-width: 568px) {
   .cal-row-head{font-size:10px;}
}