@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?Poppins:400,500,600,700);
@font-face { font-family: fontello; src: url(../fonts/fontello.eot?51534236); src: url(../fonts/fontello.eot?51534236#iefix) format("embedded-opentype"), url(../fonts/fontello.woff2?51534236) format("woff2"), url(../fonts/fontello.woff?51534236) format("woff"), url(../fonts/fontello.ttf?51534236) format("truetype"), url(../fonts/fontello.svg?51534236#fontello) format("svg"); font-weight: 400; font-style: normal }
.cllusPhone { display: none }
.rsi { font-family: fontello; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.rsi-floor-cleaning:before { content: '\e800' }
.rsi-window-cleaning:before { content: '\e801' }
.rsi-laundry:before { content: '\e802' }
.rsi-trash-treatment:before { content: '\e803' }
.rsi-extra-shiny:before { content: '\e804' }
.rsi-cloth-ironing:before { content: '\e805' }
.rsi-phone:before { content: '\e806' }
.rsi-calendar-1:before { content: '\e807' }
.rsi-cleaning:before { content: '\e808' }
.rsi-payment:before { content: '\e809' }
.rsi-calendar-2:before { content: '\e80a' }
.bolder { font-weight: 600 }
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
body { margin: 0 }
.mobile-banner{display:none;}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline }
.modal { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #000; background-color: rgba(0,0,0,.4) }
.bannertext .excerpt { font-size: 18px; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000 }
.bannertext .caption-heading { text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000 }
.bannertext h3 { text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000 }
.bannertext { color: #fff; width:100%; padding: 10px; text-align: center }
.banner-reviews { margin: 0; padding: 0 }
.banner-reviews li { display: inline-block; list-style: none }
.modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 90% }
.modal-content h2 { text-align: center; font-size: 20px }
.close { color: #aaa; float: right; font-size: 28px; font-weight: 700 }
.mobilebanner { display: none }
.close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer }
#myBtn { float: right }
audio:not([controls]) { display: none; height: 0 }
.CallText { text-align: center; display: block; color:#000; }
[hidden], template {
display:none
}
.infobox .text { text-align: justify!important }
.cllus { background: #1F8ECE; padding: 8px; border-radius: 10px }
.cllus .icon-phone { font-size: 22px; color:#000; }
.cllus span a { color: #fff; font-weight: 700; font-size: 28px; text-decoration: none }
a { background-color: transparent }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: 700 }
small { font-size: 80% }
.navbar-brand img { height: 100% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
#getintouch p { color: #fff; text-align: center }
.contact textarea.form-control { height: 70px!important }
.pad { padding-top: 10px!important; padding-bottom: 10px!important }
#float_table td { border: none }
#float_table { border: none }
#headerForm { margin: 10px 0 0 0; background: #ccc; padding: 20px }
.getquery { text-align: center; font-size: 20px; margin: 0; padding: 0 }
.mediaLeft { margin: 5px }
.terms_cond li { list-style: none }
#about p { margin: 5px; text-align: justify }
#headerForm textarea.form-control { height: 70px!important }
#headerForm p { color: #000 }
.topbar-menu li a { color: #1F8ECE; text-decoration: none; font-size: 25px; margin-left: 15px }
#headerForm p a { color: #00588b }
sup { top: -.5em }
.testimonial-2 .body { min-height: 135px }
sub { bottom: -.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 0 }
hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
code, kbd, pre, samp { font-size: 1em }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 }
select { text-transform: none }
button { overflow: visible }
button, input, select, textarea { max-width: 100% }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer }
button[disabled], html input[disabled] { cursor: default; opacity: .5 }
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: .4375em; padding: 0 }
input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-outer-spin-button, input[type=datetime-local]::-webkit-inner-spin-button, input[type=datetime-local]::-webkit-outer-spin-button, input[type=month]::-webkit-inner-spin-button, input[type=month]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button, input[type=time]::-webkit-inner-spin-button, input[type=time]::-webkit-outer-spin-button, input[type=week]::-webkit-inner-spin-button, input[type=week]::-webkit-outer-spin-button {
height:auto
}
input[type=search] { -webkit-appearance: textfield }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset { border: 1px solid #d1d1d1; margin: 0 0 1.75em; min-width: inherit; padding: .875em }
fieldset>:last-child { margin-bottom: 0 }
legend { border: 0; padding: 0 }
textarea { overflow: auto; vertical-align: top }
optgroup { font-weight: 700 }
body, button, input, select, textarea { color: #333; font-family: Poppins, sans-serif; font-size: 14px; line-height: 22px; font-weight: 400 }
.jumbo-heading h2, .lead, .section-subheading, h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 700; margin: 0; text-rendering: optimizeLegibility }
p { margin: 0 0 1.75em }
cite, dfn, em, i { font-style: italic }
blockquote { border: 0 solid #1a1a1a; border-left-width: 4px; color: #686868; font-size: 16px; font-style: italic; line-height: 1.4736842105; margin: 0 0 1.4736842105em; overflow: hidden; padding: 0 0 0 1.263157895em }
blockquote, q { quotes: none }
blockquote:after, blockquote:before, q:after, q:before { content: "" }
blockquote p { margin-bottom: 1.4736842105em }
blockquote cite, blockquote small { color: #1a1a1a; display: block; font-size: 16px; font-size: 1rem; line-height: 1.75 }
blockquote cite:before, blockquote small:before { content: "\2014\00a0" }
blockquote cite, blockquote em, blockquote i { font-style: normal }
blockquote b, blockquote strong { font-weight: 400 }
blockquote>:last-child { margin-bottom: 0 }
blockquote .small, blockquote footer, blockquote small { display: block; color: #2e96db }
.submitBtn { background: #1F8ECE; color: #312c2c; padding: 5px; border: none; font-size: 18px; width: 100px }
address { font-style: italic; margin: 0 0 1.75em }
code, kbd, pre, samp, tt, var { font-family: Inconsolata, monospace }
pre { border: 1px solid #d1d1d1; font-size: 16px; font-size: 1rem; line-height: 1.3125; margin: 0 0 1.75em; max-width: 100%; overflow: auto; padding: 1.75em; white-space: pre; white-space: pre-wrap; word-wrap: break-word }
code { background-color: #d1d1d1; padding: .125em .25em }
abbr, acronym { border-bottom: 1px dotted #d1d1d1; cursor: help }
ins, mark { background: #007acc; color: #fff; padding: .125em .25em; text-decoration: none }
big { font-size: 125% }
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
*, :after, :before { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit }
body { background: #fff }
hr { background-color: #d1d1d1; border: 0; height: 1px; margin: 0 0 1.75em }
ol, ul { margin: 0 0 1.75em 1.25em; padding: 0 }
ul { list-style: disc }
ol { list-style: decimal; margin-left: 1.5em }
li>ol, li>ul { margin-bottom: 0 }
dl { margin: 0 0 1.75em }
dt { font-weight: 700 }
dd { margin: 0 0 1.75em }
img { height: auto; max-width: 100%; vertical-align: middle }
del { opacity: .8 }
table, td, th { border: 1px solid #d1d1d1 }
table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.75em; table-layout: fixed; width: 100% }
caption, td, th { font-weight: 400; text-align: left }
th { border-width: 0 1px 1px 0; font-weight: 700 }
td { border-width: 0 1px 1px 0 }
td, th { padding: .4375em }
::-webkit-input-placeholder {
color:#686868;
font-family:Poppins, sans-serif
}
:-moz-placeholder {
color:#686868;
font-family:Poppins, sans-serif
}
::-moz-placeholder {
color:#686868;
font-family:Poppins, sans-serif;
opacity:1
}
:-ms-input-placeholder {
color:#686868;
font-family:Poppins, sans-serif
}
body, html { width: 100%; height: 100% }
address, cite, dfn, em, i, var { font-style: italic }
.animationload { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; background-color: #fff }
.loader { position: absolute; top: 50%; left: 50%; margin: -100px 0 0 -100px; width: 200px; height: 200px; background-image: url(../images/apple-touch-icon.png); background-position: center; background-repeat: no-repeat }
.pos-relative { position: relative }
.color_1 { color: #2e96db }
.color_2 { color: #0a80be }
.color_3 { color: #1F8ECE }
.color_white { color: #fff }
.color_black { color: #333 }
.section { position: relative }
.section.overlap { position: relative; z-index: 100; margin-top: -125px }
.section.overlap>.container { padding-top: 20px }
.section.overlap-bottom { position: relative; z-index: 100; margin-bottom: -125px }
.section.overlap-bottom>.container { background-color: #fff; padding-top: 20px; padding-bottom: 0 }
.section.section-border>.container { border-bottom: 1px solid #eee }
.section.banner { padding: 0 0 }
.pad { padding-top: 80px; padding-bottom: 80px }
.bglight { background-color: #e9f1ee }
.bgmain { background-color: #2e96db }
.bgblack { background-color: #333 }
.section-heading { font-size: 28px; line-height: 1.2em; letter-spacing: -.06em; font-weight: 700; color: #333; padding-bottom: 5px; position: relative; text-align: center }
.section-heading-2 { font-size: 24px; line-height: 1.2em; letter-spacing: -.06em; padding-top: 20px; padding-bottom: 20px }
.section-heading:before { content: ''; display: block; width: 50px; height: 6px; background: #1F8ECE; border-radius: 3px; margin-left: auto; margin-right: auto; margin-bottom: 20px }
.section-heading.white { color: #fff; border-color: #627186 }
.section-subheading { color: #999 }
.heading-col { font-size: 35px; font-weight: 700; color: #333 }
.no-gutter { margin-right: 0; margin-left: 0 }
.no-gutter>[class*=" col-"], .no-gutter>[class^=col-], .no-gutter[class*=" col-"], .no-gutter[class*=col-] {
padding-right:0;
padding-left:0
}
a { color: #666; text-decoration: none }
a:hover { color: #2e96db; text-decoration: none }
p { margin: 0 0 20px 0 }
.jumbo-heading h2, .lead, .section-subheading, h1, h2, h3, h4, h5 { font-family: Poppins, sans-serif; font-weight: 700; margin-top: 10px; margin-bottom: 20px }
h1 { font-size: 3.571em; line-height: normal }
h2 { font-size: 2.857em; line-height: normal }
.jumbo-heading h2, h3 { font-size: 1.714em; line-height: normal }
.lead, h4 { font-size: 1.286em; line-height: normal }
.section-subheading, h5 { font-size: 14px; line-height: 22px }
h6 { font-size: 13px }
b, strong { font-weight: 700 }
.lead { font-family: Poppins, sans-serif; font-weight: 500 }
ol, ul { list-style: initial; margin-left: 24px }
ol li, ul li { margin: 8px 0 }
.title-heading { color: #2e96db; font-size: 36px; line-height: 50px }
blockquote { padding: 15px 20px; background-color: #f6f6f6; margin: 0 0 20px; border-left: 5px solid #2e96db; font-style: italic }
.jumbo-heading { color: #333; font-size: 20px; position: relative }
.jumbo-heading h2 { line-height: 1.2em }
ul.checklist { margin: 0 }
ul.checklist li { list-style: none; margin: 10px 0 25px 35px }
ul.checklist li:before { font-family: FontAwesome; content: "\f00c"; font-size: 20px; color: #2e96db; margin-left: -35px; margin-right: 15px }
ul.bull { margin: 0 0 20px; list-style: none; padding: 0 }
ul.bull li { position: relative; padding: 0 0 0 26px; margin: 0 0 14px; line-height: 18px }
ul.bull li:before { content: "\f105"; font: normal normal normal 14px/1 FontAwesome; position: absolute; left: 0; top: 2px; display: inline-block; vertical-align: top; font-size: 14px; color: #0a80be }
ul.circle { margin: 0 0 20px; list-style: none; padding: 0 }
ul.circle li { position: relative; padding: 4px 0 4px 20px; margin: 0 0 14px; line-height: 22px }
ul.circle li:before { content: "\f10c"; font: normal normal normal 14px/1 FontAwesome; position: absolute; left: 0; top: 10px; display: inline-block; vertical-align: top; font-size: 7px; color: #0a80be }
.margin-bottom-10 { margin-bottom: 10px }
.margin-bottom-30 { margin-bottom: 30px }
.margin-bottom-50 { margin-bottom: 50px }
.margin-bottom-70 { margin-bottom: 70px }
.margin-bottom-90 { margin-bottom: 90px }
.margin-bottom-100 { margin-bottom: 100px }
.banner-page { padding: 50px 0; background: #e9f1ee url(../images/1920x960.jpg) bottom center no-repeat; background-size: cover }
.banner-page .title-page { text-align: center; font-size: 30px; font-weight: 700; margin-top: 15px; margin-bottom: 15px; letter-spacing: -.06em; color: #333; position: relative }
.banner-page .breadcrumb { padding: 0; margin: 0 0 15px 0; text-align: center; background-color: transparent; font-size: 12px }
.banner-page .breadcrumb a, .banner-page .breadcrumb>.active, .banner-page .breadcrumb>li+li:before { color: #333 }
.banner-page .breadcrumb a:hover, .banner-page .breadcrumb>.active:hover, .banner-page .breadcrumb>li+li:before:hover {
color:#1F8ECE
}
.widget { margin-bottom: 50px; clear: both }
.widget.cta { background-color: #1F8ECE; padding: 30px }
.widget.cta .btn-primary { background-color: #fff; padding: 10px 20px; font-size: 14px }
.widget.cta .btn-primary:hover { background-color: #2e96db }
.widget .title { font-size: 18px; font-weight: 600; margin-bottom: 20px }
.widget .lead { font-size: 16px; font-weight: 600 }
.widget-title { font-size: 24px; font-weight: 700; letter-spacing: -.06em; color: #2e96db; margin-bottom: 40px }
.category-nav { margin-left: 0; margin-bottom: 30px; padding: 0 }
.category-nav { margin-left: 0; margin-bottom: 30px; padding: 0 }
.category-nav li { list-style: none; margin: 0; font-weight: 700 }
.category-nav li a { color: #333; display: block; padding: 15px 20px; margin-bottom: 5px; background-color: #e9f1ee; border-left: 5px solid transparent }
.category-nav li a:hover { background-color: #1F8ECE }
.category-nav li.active a { border-color: #1F8ECE }
.info-detail dl { font-size: 16px }
.info-detail dt { font-weight: 700 }
.info-detail dd { margin-bottom: 20px }
.owl-theme .owl-dots .owl-dot span { background: #2e96db }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #1F8ECE }
input[type=email].form-control, input[type=text].form-control, textarea.form-control { height: 38px }
input[type=email].form-control:focus, input[type=text].form-control:focus, textarea.form-control:focus { -webkit-box-shadow: 0 0 0 2px #1F8ECE; -moz-box-shadow: 0 0 0 2px #1F8ECE; box-shadow: 0 0 0 2px #1F8ECE; border-color: #1F8ECE }
textarea.form-control { height: auto }
.box-image-2 .media, .box-service .box-service-item .media, .box-team-3 .media, .media-anim .media { width: 100%; margin-bottom: 30px; position: relative; background-color: #1F8ECE }
.box-image-2 .media img, .box-service .box-service-item .media img, .box-team-3 .media img, .media-anim .media img { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: .4s all linear; transition: .4s all linear }
.box-image-2:hover .media img, .box-service .box-service-item:hover .media img, .box-team-3:hover .media img, .media-anim:hover .media img { opacity: .3; -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 250ms; transition-duration: 250ms }
.box-image-2 .body .readmore, .readmore { display: block; margin-top: 20px; font-weight: 600; color: #2e96db }
.box-image-2 .body .readmore .fa, .readmore .fa { margin-left: 5px }
.box-image-2 .body .readmore:hover, .readmore:hover { color: #1F8ECE }
.animationload { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; background-color: #fff }
.loader { position: absolute; top: 50%; left: 50%; margin: -100px 0 0 -100px; width: 200px; height: 200px; background-image: url(../images/apple-touch-icon.png); background-position: center; background-repeat: no-repeat }
:focus { outline: 0 }
.btn, .btn-primary, .btn-primary.disabled, .btn-secondary, .btn-white { font-family: Poppins, sans-serif; font-size: 14px; color: #333; padding: 12px 25px; border: 0; font-weight: 600; -webkit-border-radius: 3; -moz-border-radius: 3; -ms-border-radius: 3; border-radius: 3 }
.btn-default { background-color: #1F8ECE; color: #fff; padding: 15px 20px; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0 }
.btn-default:hover { background-color: #2e96db }
.btn-cta { background-color: #1F8ECE; color: #333; padding: 15px 25px; border: 0; font-weight: 600; letter-spacing: 1px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0 }
.btn-cta:hover { background-color: #0a80be; color: #333 }
.navbar-main .btn-orange-cta:hover { background-color: #2e96db; color: #fff }
.btn-primary, .btn-primary.disabled { background-color: #1F8ECE }
.btn-primary.disabled:hover, .btn-primary:hover { background-color: #2e96db; color: #fff }
.btn-secondary { background-color: #2e96db; color: #fff }
.btn-secondary:hover { background-color: #1F8ECE }
.btn-white { background-color: #fff }
.btn-white:hover { background-color: #2e96db; color: #fff }
.btn-secondary.disabled { background-color: #2e96db; border-color: #2e96db }
.pagination { clear: both; text-align: left; margin-top: 20px }
.pagination>li { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0 }
.pagination>li>a { padding: 15px 20px; margin-right: 5px; margin-bottom: 5px; color: #666; display: inline-block; border-color: transparent; background: #eee; border: 0 }
.pagination>li>a.active, .pagination>li>a:hover { background: #1F8ECE; color: #333 }
.pagination>li:first-child>a, .pagination>li:first-child>span { border-top-left-radius: 0; border-bottom-left-radius: 0 }
.pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius: 0; border-bottom-right-radius: 0 }
.pagination>.active>a { background: #1F8ECE; color: #333 }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background: #2e96db; color: #fff }
.btn-sidebar { border-radius: 0; text-align: left; font-size: 16px; font-weight: 700; letter-spacing: -.04em }
.btn-sidebar .fa { margin-right: 10px; font-size: 1.4em; vertical-align: middle }
.box-icon-1 { margin-bottom: 20px; text-align: center }
.box-icon-1 .icon { display: inline-block; color: #0a80be; font-size: 60px; line-height: 1.4em }
.box-icon-1 .heading { color: #333; font-weight: 600 }
.box-icon-1 { padding: 0; margin-bottom: 50px; clear: both; text-align: center; min-height: 180px }
.box-icon-1:after { content: ''; display: block; clear: both }
.box-icon-1 .icon { display: inline-block; color: #343434; color: #2e96db }
.box-icon-1 .icon .rsi { font-size: 60px }
.box-icon-1 .box-icon-body { margin-top: 10px }
.box-icon-1 .section-subheading, .box-icon-1 h5 { display: inline-block; font-size: 16px; font-weight: 600; margin-bottom: 10px }
.box-icon-2 { position: relative; margin-bottom: 20px; text-align: center }
.box-icon-2.process-arrow:after { content: ''; width: 50px; height: 24px; display: block; background: url(../images/arrow.png) top left no-repeat; position: absolute; top: 80px; right: -40px }
@media (max-width:768px) {
.box-icon-2.process-arrow:after { content: ''; display: none }
}
.box-icon-2 .icon { color: #333; font-size: 60px; line-height: 1.4em; background-color: #fff; border: 12px solid #e9f1ee; -webkit-box-shadow: 0 0 0 1px #dce5e1; box-shadow: 0 0 0 1px #dce5e1; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 200px; height: 200px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 30px; padding-top: 45px; position: relative; -webkit-transition: .1s all linear; transition: .1s all linear }
.box-icon-2 .icon .number { width: 50px; height: 50px; font-size: 24px; line-height: 1em; color: #2e96db; font-weight: 600; background-color: #e9f1ee; -webkit-box-shadow: 0 0 0 1px #dce5e1; box-shadow: 0 0 0 1px #dce5e1; position: absolute; top: -10px; left: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; padding-top: 13px }
.box-icon-2:hover .icon { font-size: 60px; line-height: 1.4em; background-color: #1F8ECE; -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05) }
@media (max-width:768px) {
.box-icon-2 .icon { font-size: 50px; padding-top: 30px; width: 150px; height: 150px }
}
.box-icon-2 .heading { color: #333; font-weight: 600; font-size: 18px; margin-bottom: 10px }
.box-icon-2.style-2 { color: #fff }
.box-icon-2.style-2 .heading { color: #fff }
.box-icon-2.style-2.process-arrow:after { background: url(../images/arrow-2.png) top left no-repeat }
.box-icon-3 { text-align: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; min-height: 200px; padding: 30px }
.box-icon-3 .icon { font-size: 35px; min-height: 65px; color: #666; width: 65px; max-width: 65px; flex: none }
.box-icon-3 .infobox { flex: 1 }
.box-icon-3 .title { margin-bottom: 15px; font-size: 16px; color: #000; font-weight: 600; margin-top: 0 }
.box-icon-3 .title:after { content: ''; height: 2px; width: 30px; display: block; margin: 4% 0; background: #1F8ECE }
.box-icon-3 .text { color: #626262 }
.box-icon-3:hover { background-color: rgba(255,255,255,.8); -webkit-box-shadow: 0 0 0 1px #dce5e1; box-shadow: 0 0 0 1px #dce5e1 }
.box-icon-4 .icon { font-size: 28px; color: #333; width: 65px; height: 65px; display: block; border: 2px solid #1F8ECE; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; float: left; padding-top: 16px; text-align: center; background-color: #fff }
.box-icon-4 .body { padding-top: 10px; margin-left: 80px; color: rgba(51,51,51,.6) }
.box-icon-4 .body .heading { font-size: 15px; color: #333; font-weight: 600; letter-spacing: -.02em }
.box-icon-4:hover .icon { background-color: #1F8ECE }
.box-image-1 { position: relative; background-color: #fff; color: #333; margin-bottom: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; border: 1px solid rgba(51,51,51,.1); overflow: hidden; -webkit-transition: all .4s ease 0s!important; transition: all .4s ease 0s!important; -webkit-box-shadow: 0 10px 20px -6px rgba(102,102,102,.1); -moz-box-shadow: 0 10px 20px -6px rgba(102,102,102,.1); box-shadow: 0 10px 20px -6px rgba(102,102,102,.1) }
.box-image-1 .media { width: 100%; margin-bottom: 30px; position: relative; background-color: #1F8ECE }
#our-services .box-image-1 {min-height: 620px;}
.box-image-1 .media img { height:260px; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: .4s all linear; transition: .4s all linear }
.box-image-1:hover .media img { opacity: .3; -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 250ms; transition-duration: 250ms }
.box-image-1 .body p { text-align: justify; font-size: 15px }
.box-image-1 .body { position: relative; text-align: center; padding: 5px 40px 30px }
.box-image-1 .body .title { color: #333; margin-bottom: 10px; font-weight: 600; letter-spacing: .2px; display: inline-block; font-size: 18px }
.box-image-1 .body .readmore { display: block; margin-top: 20px; font-weight: 600; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); -webkit-transition: all .4s ease 0s!important; transition: all .4s ease 0s!important; opacity: 0; color: #2e96db }
.box-image-1:hover { -webkit-box-shadow: 0 20px 40px -6px rgba(102,102,102,.3); -moz-box-shadow: 0 20px 40px -6px rgba(102,102,102,.3); box-shadow: 0 20px 40px -6px rgba(102,102,102,.3) }
.box-image-1:hover .icon-holder { background-color: #0a80be }
.box-image-1:hover .title { color: #2e96db }
.box-image-1:hover .readmore { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.box-image-2 { position: relative; color: #333; margin-bottom: 50px; overflow: hidden }
.box-image-2 .body { position: relative; text-align: left }
.box-image-2 .body .title { color: #333; margin-bottom: 20px; font-weight: 600; letter-spacing: .2px; display: inline-block; font-size: 16px }
.box-image-2:hover .title { color: #2e96db }
.box-service .box-service-item { margin-bottom: 30px }
.box-service .box-service-item>.row { display: flex; flex-wrap: wrap }
.box-service .box-service-item .body { background-color: #e9f1ee; height: 100%; padding: 30px 40px }
.box-service .box-service-item .jumbo-heading h2, .box-service .box-service-item h3, .jumbo-heading .box-service .box-service-item h2 { font-weight: 600; line-height: 1.4em }
.box-service .box-service-item .media { margin-bottom: 0 }
.box-service .box-service-item .media img { display: block }
.box-testimony { position: relative; box-sizing: border-box }
.box-testimony:before { content: "\f10e"; color: #1F8ECE; font-family: FontAwesome; font-size: 60px; float: left; line-height: initial }
.box-testimony .quote-box { margin-left: 80px }
.box-testimony .quote-box blockquote { font-size: 18px; line-height: 32px; font-weight: 600; padding: 0; background-color: transparent; margin: 0; border-left: 0; font-style: italic }
.box-testimony .quote-box .quote-name { margin-top: 30px; font-size: 24px; line-height: 34px; font-weight: 700; color: #2e96db }
.box-testimony .quote-box .quote-name span { font-size: 12px; font-style: italic; color: #333; font-weight: 400; display: block }
.testimonial-1 { position: relative; margin-bottom: 30px }
.testimonial-1 .media { float: left; margin: 0 30px 0 0; display: block; position: relative; background-color: #1F8ECE; overflow: hidden; width: 120px; height: 120px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50% }
.testimonial-1 .media img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: .4s all linear; transition: .4s all linear }
.testimonial-1 .media:hover img { opacity: .3; -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 250ms; transition-duration: 250ms }
.testimonial-1:hover .media img { opacity: .3; -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 250ms; transition-duration: 250ms }
.testimonial-1 .body { overflow: hidden; color: #333 }
.testimonial-1 .title { color: #2e96db; font-weight: 600; font-size: 16px }
.testimonial-1 .position { color: #b3b3b3 }
.testimonial-1 .company { color: #b3b3b3; margin-bottom: 20px; font-size: 12px }
.testimonial-2 { margin-top: 10px; margin-bottom: 10px }
.testimonial-2 .body { background: #fff; border: 1px solid #e6e6e6; -webkit-box-shadow: 0 4px 0 0 #eee; box-shadow: 0 4px 0 0 #eee; padding: 14px 15px 30px 25px; position: relative }
.testimonial-2 .body .panah { position: absolute; left: 0; height: 14px; right: 0; bottom: -14px; right: 57px; width: 117px }
.testimonial-2 .body .panah:before { content: ''; right: 57px; position: absolute; top: 0; width: 0; height: 0; border-top: 19px solid #e6e6e6; border-left: 22px solid transparent; border-right: 0 }
.testimonial-2 .body .panah:after { content: ''; right: 58px; position: absolute; top: -1px; width: 0; height: 0; border-top: 17px solid #fff; border-left: 19px solid transparent; border-right: 0 }
.testimonial-2 .media { margin-top: 30px }
.testimonial-2 .media img { width: 60px; height: 60px; float: left; margin-right: 10px; display:none; }
.testimonial-2 .title { color: #2e96db; font-weight: 600; font-size: 16px }
.testimonial-2 .position { color: #b3b3b3; font-size: 12px }
.box-team-1 { position: relative; margin-bottom: 110px; background-color: #fff; border-bottom: 2px solid red; overflow: hidden }
.box-team-1 .image { overflow: hidden; margin-bottom: 0 }
.box-team-1 .image img { max-width: 100%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-duration: 250ms; transition-duration: 250ms; cursor: pointer; -webkit-transition: .1s all linear; transition: .1s all linear }
.box-team-1 .blok-title { color: #343434; padding: 10px 0 10px 20px; margin-top: 0; text-align: center; margin-bottom: 0 }
.box-team-1 .description { text-align: center; margin-bottom: -90px; width: 100%; background-color: #fff }
.box-team-1 .social-team { margin: 20px 0 }
.box-team-1 .social-team a .fa { color: #f7941d; font-size: 20px; padding: 5px 10px }
.box-team-1 .social-team a:hover .fa { color: #553216 }
.box-team-1:hover .image img { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 250ms; transition-duration: 250ms }
.box-team-1:hover .description { margin-bottom: 0 }
.box-team-1:hover .blok-title { color: #f7941d }
.box-team-1:hover .social-team { display: block }
.box-team-2 { position: relative; text-align: center; overflow: hidden; border-bottom: 1px solid #999; background-color: #1F8ECE; margin-bottom: 50px }
.box-team-2 .media { width: 100%; margin-bottom: 30px }
.box-team-2 .media img { -webkit-transition: .1s all linear; transition: .1s all linear }
.box-team-2 .body { position: absolute; left: 0; top: calc(100% - 90px); right: 0; bottom: 0; background: #fff; padding: 17px 30px 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.box-team-2 .body .info-box .text { color: #333 }
.box-team-2 .body .title { font-size: 16px; font-weight: 600; line-height: 2 }
.box-team-2 .body .social-team { margin: 20px 0 }
.box-team-2 .body .social-team a .fa { color: #2e96db; font-size: 20px; padding: 5px 10px }
.box-team-2 .body .social-team a:hover .fa { color: #1F8ECE }
.box-team-2:hover { border-bottom-color: #2e96db }
.box-team-2:hover .body { background: rgba(255,255,255,.9); padding-top: 38px; top: calc(100% - 200px) }
.box-team-2:hover .media img { opacity: .3; -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) }
.box-team-2:hover .title { color: #2e96db }
.box-team-3 { position: relative; text-align: center; overflow: hidden; background-color: #fff; margin-bottom: 50px }
.box-team-3 .body { background: #fff; padding: 17px 30px 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.box-team-3 .body .info-box .text { color: #333 }
.box-team-3 .body .title { font-size: 16px; font-weight: 600; line-height: 2 }
.box-team-3 .body p { font-size: 12px }
.box-team-3 .body .social-team { margin: 20px 0 }
.box-team-3 .body .social-team a .fa { color: #2e96db; font-size: 20px; padding: 5px 10px }
.box-team-3 .body .social-team a:hover .fa { color: #1F8ECE }
.box-team { border: 1px solid #eee; margin-bottom: 30px; background-color: #2e96db; color: #fff }
.box-team:hover { background-color: #2e96db }
.box-team:after { content: ''; display: block; width: 100%; clear: both }
.box-team .box-image { float: left; width: 50%; position: relative }
.box-team .box-image img { display: block; width: 100% }
.box-team .box-image .sosmed { position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(255,255,255,.6); text-align: center; padding: 10px 0 }
.box-team .box-image .sosmed .fa { font-size: 18px; color: #2e96db; padding: 0 20px }
.box-team .box-image .sosmed .fa:hover { color: #0a80be }
.box-team .body-content { float: left; width: 50%; padding: 30px 30px; position: relative }
.box-team .body-content .people { color: #0a80be; font-size: 24px; font-weight: 700; margin-bottom: 15px }
.box-team .body-content .position { font-size: 12px; font-style: italic }
.box-team .body-content .excert { margin-top: 20px; margin-bottom: 40px }
.box-team .body-content .phone { font-size: 18px }
.box-team .body-content .phone .fa { font-size: 30px; color: #1F8ECE; margin-right: 10px; vertical-align: middle }
.box-team:hover { background-color: #0a80be; color: #000 }
.box-team:hover .people { color: #2e96db }
.box-statistic { text-align: center; margin-top: 40px }
.box-statistic .icon { font-size: 36px; color: #1F8ECE; margin-bottom: 30px }
.box-statistic .heading { font-size: 36px; color: #2e96db; font-weight: 700; margin-bottom: 20px }
.box-statistic .subheading { font-size: 14px; font-weight: 600; color: #0a80be }
.counter-1 .counter-number { display: block; vertical-align: middle; padding: 20px 0; width: 70px; padding-right: 14px; letter-spacing: -.5px; font-weight: 700; font-size: 48px; color: #1F8ECE }
.counter-1 .counter-title { display: block; vertical-align: middle; padding: 0; text-align: left; font-size: 13px; line-height: 18px; margin-bottom: 0; color: #fff }
.counter-2 .counter-number { display: table-cell; vertical-align: middle; padding: 20px 0; width: 70px; padding-right: 14px; letter-spacing: -.5px; font-weight: 700; font-size: 48px; color: #1F8ECE }
.counter-2 .counter-title { display: table-cell; vertical-align: middle; padding: 20px 0; text-align: left; line-height: 18px; margin-bottom: 0; color: #fff }
.box-history .item { padding-bottom: 40px }
.box-history .item:before { content: ''; position: absolute; left: 92px; top: 0; bottom: 0; width: 1px; background-color: #eee; z-index: -1 }
.box-history .item .year { float: left; font-size: 18px; font-weight: 700 }
.box-history .item .year-info { position: relative; margin-left: 100px }
.box-history .item .year-info:before { content: ''; position: absolute; left: -30px; width: 15px; height: 15px; background-color: #1F8ECE; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px }
.box-history .item .year-info .heading { font-size: 24px; color: #2e96db; margin-bottom: 20px }
.box-history .item:after { content: ''; clear: both; display: block }
.history-2 .timeline__item .media { display: table-cell; width: 30% }
.history-2 .timeline__item .media img { margin-bottom: 80px }
.history-2 .timeline__item .year { font-size: 6rem; font-weight: 700; color: #002e5b; letter-spacing: -.04em; margin-top: -15px; line-height: normal }
.history-2 .timeline__item .aksen { position: relative; display: table-cell; width: 80px }
.history-2 .timeline__item .aksen:before { content: ''; position: absolute; left: 50%; top: 20px; bottom: -5px; width: 1px; background: #e6e6e6; border-radius: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.history-2 .timeline__item .aksen:after { content: ''; position: absolute; left: 50%; top: 8px; width: 9px; height: 9px; background: #1F8ECE; border-radius: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.history-2 .timeline__item:last-child .aksen:before { display: none }
.history-2 .timeline__item .text { display: table-cell; padding: 0 0 50px; vertical-align: top }
.history-2 .timeline__item .text .title { font-size: 20px; margin: 0 0 16px; padding: 0; font-weight: 700 }
@media (max-width:767px) {
.history-2 .timeline__item .media { display: block; width: 100% }
.history-2 .timeline__item .media img { margin-bottom: 20px }
.history-2 .timeline__item .aksen { display: none }
}
.box-partner { margin-top: 30px; margin-bottom: 30px }
.box-partner .item { padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #eee }
.box-partner .item .box-image { float: left; width: 20%; font-size: 18px }
.box-partner .item .box-image img { width: 100%; border: 1px solid #eee; padding: 20px }
.box-partner .item .box-info { float: left; width: 70%; position: relative; margin-left: 40px }
.box-partner .item .box-info .heading { font-size: 24px; color: #2e96db; font-weight: 700; margin-bottom: 20px }
.box-partner .item:after { content: ''; clear: both; display: block }
.box-partner .item:last-child { border-bottom: 0 }
.panel-faq.panel-group .panel { border-radius: 0 }
.panel-faq .panel-default { border-color: transparent }
.panel-faq .panel-default>.panel-heading { color: #fff; background-color: #2e96db; border-color: #ddd; border: 0; border-top-left-radius: 0; border-top-right-radius: 0; padding: 13px 20px; position: relative }
.panel-faq .panel-default>.panel-heading:before { padding: 0 0 0 20px; content: "\002B"; font-family: Arial; font-size: 24px; position: absolute; top: 10px; right: 20px }
.panel-faq .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: transparent }
.panel-faq .panel-default>.panel-heading.active { background-color: #e9f1ee; color: #2e96db }
.panel-faq .panel-default>.panel-heading.active:before { color: #2e96db; content: "\002D" }
.panel-faq .panel-default:hover>.panel-heading { color: #1F8ECE }
.panel-faq .panel-default:hover>.panel-heading.active { color: #2e96db }
.panel-faq .panel-title { font-size: 16px; display: block }
.panel-faq .panel-title>a, .panel-faq .panel-title>a:active, .panel-faq .panel-title>a:focus { color: inherit; text-decoration: none; display: block }
.panel-faq .panel-body { padding: 15px 20px; background-color: #e9f1ee; margin-top: 0 }
.panel-faq .panel-body p { margin: 10px 0 }
.panel-faq .collapse.in { display: block; visibility: visible }
.faq-list { margin: 0; padding: 0 }
.faq-list li { list-style: none }
.faq-list li .fa { color: red; font-size: 14px; margin-right: 10px }
.faq-list .faq-item-image { position: relative; width: 100%; text-align: center }
.faq-list .faq-item-image img { display: block }
.faq-1 .item { margin-bottom: 70px }
.faq-1 .item .question { position: relative; padding-left: 40px; font-size: 1.714em; line-height: normal; margin-bottom: 30px }
.faq-1 .item .question:before { content: "\f059"; color: #1F8ECE; font-family: FontAwesome; position: absolute; left: 0; top: 5px }
.faq-1 .item .answer { position: relative; padding-left: 40px; margin-bottom: 30px }
.faq-1 .item .answer:before { content: "\f064"; color: #0a80be; font-family: FontAwesome; position: absolute; left: 0; top: 5px }
.box-faq { padding: 30px; background-color: #e9f1ee; border: 1px solid rgba(102,102,102,.3); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; margin-bottom: 30px }
.box-faq .title { text-align: center; font-weight: 600; font-size: 20px; margin-bottom: 30px }
.panel-faq-2.panel-group .panel { border-radius: 0; border: 0; background-color: transparent; box-shadow: none; border-bottom: 1px solid rgba(102,102,102,.3) }
.panel-faq-2 .panel-default { border-color: transparent }
.panel-faq-2 .panel-default>.panel-heading { background-color: transparent; border-color: #ddd; border: 0; border-top-left-radius: 0; border-top-right-radius: 0; padding: 13px 0 13px 35px; position: relative }
.panel-faq-2 .panel-default>.panel-heading:before { padding: 0; content: "\f0fe"; font: normal normal normal 18px/1 FontAwesome; position: absolute; top: 16px; left: 0 }
.panel-faq-2 .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: transparent }
.panel-faq-2 .panel-default>.panel-heading.active { color: #333 }
.panel-faq-2 .panel-default>.panel-heading.active:before { color: #2e96db; content: "\f146" }
.panel-faq-2 .panel-default:hover>.panel-heading { color: #2e96db }
.panel-faq-2 .panel-default:hover>.panel-heading.active { color: #2e96db }
.panel-faq-2 .panel-title { font-size: 14px; display: block; font-weight: 400 }
.panel-faq-2 .panel-title>a, .panel-faq-2 .panel-title>a:active, .panel-faq-2 .panel-title>a:focus { color: inherit; text-decoration: none; display: block }
.panel-faq-2 .panel-body { padding: 15px 0; background-color: #e9f1ee; margin-top: 0 }
.panel-faq-2 .panel-body p { margin: 10px 0 }
.panel-faq-2 .collapse.in { display: block; visibility: visible }
.price-detail .price-detail-heading { font-size: 18px; color: #0071bc; font-weight: 700; padding: 20px 0 }
.price-detail .price-detail-body { background-color: #e9f1ee; border-top: 2px solid #2e96db; padding: 20px 40px 20px 20px }
.price-detail .price-detail-body .item { padding: 5px }
.price-detail .price-detail-body .item:after { clear: both; width: 100%; display: block; content: '' }
.price-detail .price-detail-body .item-name { float: left }
.price-detail .price-detail-body .fa { margin-right: 10px; color: #2e96db; font-size: 16px }
.price-detail .price-detail-body .item-price { float: right; color: #333; font-weight: 700 }
.more-info-price { text-align: center; margin-top: 40px }
.more-info-price a { color: #2e96db; font-weight: 700 }
.panel-pricing { border-color: #ccc; text-align: center; margin-bottom: 40px; background-color: #f6f6f6; border-radius: 0 }
.panel-pricing.best .price { background-color: #0a80be }
.panel-pricing .price { padding: 15px 0; font-size: 80px; background-color: #2e96db; font-size: 36px; color: #fff; font-weight: 700 }
.panel-pricing .price sup { font-size: 18px; margin-right: 5px; top: -.6em; font-weight: 400 }
.panel-pricing .price small { font-size: 14px; margin-left: 0 }
.jumbo-heading .panel-pricing h2, .panel-pricing .jumbo-heading h2, .panel-pricing h3 { font-size: 24px; line-height: 34px; font-weight: 700; padding-top: 10px }
.panel-pricing>.panel-heading { color: #666; border-color: #eee; padding: 0 0 }
.panel-pricing .table>tbody>tr>td, .panel-pricing .table>tfoot>tr>td { padding: 12px 0; vertical-align: top; border-top: none }
.panel-pricing .table { margin-bottom: 0 }
.panel-pricing .panel-body { padding: 10px; text-align: center }
.panel-pricing .panel-body table, .panel-pricing .panel-body td, .panel-pricing .panel-body th { border: 0; text-align: center }
.panel-pricing .panel-footer { padding: 30px 0; border-top: 0 }
.career-tabs>ul { margin-left: 0 }
.career-tabs .nav-tabs { border-bottom: 0 }
.career-tabs .nav-tabs>li { float: left; margin-bottom: 0; width: 25%; background: #2e96db; text-align: center }
.career-tabs .nav-tabs>li>a { padding: 20px 0; color: #fff; margin-right: 0; border-radius: 0; font-weight: 700 }
.career-tabs .nav-tabs>li>a:hover { background-color: #0a80be }
.career-tabs .nav-tabs>li.active>a, .career-tabs .nav-tabs>li.active>a:focus, .career-tabs .nav-tabs>li.active>a:hover { color: #2e96db; cursor: default; background-color: #e9f1ee }
.career-tabs .tab-content { padding: 20px 30px; border: 1px solid #eee; background-color: #e9f1ee }
.box-news-1 { position: relative; margin-bottom: 30px }
.box-news-1 .media { width: 100%; margin-bottom: 20px; position: relative; z-index: 1; overflow: hidden; background-color: #1F8ECE }
.box-news-1 .media img { -webkit-transition: .4s all linear; transition: .4s all linear }
.box-news-1 .media:before { content: "\f0c1"; font-family: FontAwesome; position: absolute; top: 40%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50px; height: 50px; text-align: center; z-index: 9; color: #fff; font-size: 30px; opacity: 0; -webkit-transition: all ease .25s; transition: all ease .25s }
.box-news-1 .body { position: relative; padding-bottom: 20px; border-bottom: 1px solid #ccc }
.box-news-1 .body:before { background-color: #1F8ECE; position: absolute; display: block; content: ""; width: 100%; height: 2px; left: 0; bottom: 0; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: transform .4s cubic-bezier(1, 0, 0, 1); -moz-transition: transform .4s cubic-bezier(1, 0, 0, 1); -o-transition: transform .4s cubic-bezier(1, 0, 0, 1); transition: transform .4s cubic-bezier(1, 0, 0, 1) }
.box-news-1 .body .title { margin-bottom: 10px }
.box-news-1 .body .title a { color: #333 }
.box-news-1 .body .title a:hover { color: #1F8ECE }
.box-news-1 .body .meta { color: gray; font-size: 12px; margin-top: 5px }
.box-news-1 .body .meta span { display: inline-table; margin-right: 20px }
.box-news-1 .body .meta .fa { color: #0a80be }
.box-news-1:hover .body:before { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1) }
.box-news-1:hover .media img { opacity: .4; -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 250ms; transition-duration: 250ms }
.box-news-1:hover .media:before { top: 50%; opacity: 100 }
.box-news-2 { position: relative; margin-bottom: 40px }
.box-news-2 .image { overflow: hidden; background-color: #2e96db; position: relative }
.box-news-2 .image img { opacity: 1; max-width: 100%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-transition: .1s all linear; transition: .1s all linear }
.box-news-2 .image:before { content: ''; position: absolute; background: url(../images/link.gif) center top no-repeat; top: 40%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50px; height: 50px; text-align: center; z-index: 9; color: #fff; font-size: 30px; opacity: 0; -webkit-transition: all ease .25s; transition: all ease .25s }
.box-news-2:hover .image img { opacity: .2; -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 250ms; transition-duration: 250ms }
.box-news-2:hover .image:before { top: 50%; opacity: 100 }
.box-news-2 .meta-date { margin-top: 10px; color: #2e96db; font-size: 12px; font-style: italic }
.box-news-2 .blok-title { color: #666; font-size: 18px; margin-top: 5px; margin-bottom: 20px; height: 50px; overflow: hidden }
.box-news-2 .blok-title a:hover { color: #1F8ECE }
.list-news .news-item .meta, .meta-blog, .single-news .meta { margin-bottom: 20px }
.list-news .news-item .meta:after, .meta-blog:after, .single-news .meta:after { clear: both; content: " "; display: table }
.list-news .news-item .meta>div, .meta-blog>div, .single-news .meta>div { float: left; font-size: 13px; line-height: normal }
.list-news .news-item .meta>div:last-child, .meta-blog>div:last-child, .single-news .meta>div:last-child { text-align: right; float: right }
.list-news .news-item .meta>div i, .meta-blog>div i, .single-news .meta>div i { color: #0a80be }
.list-news .news-item .meta .meta-author, .list-news .news-item .meta .meta-category, .meta-blog .meta-author, .meta-blog .meta-category, .single-news .meta .meta-author, .single-news .meta .meta-category { margin: 0 0 10px 20px; padding: 0 0 0 21px }
@media (max-width:768px) {
.list-news .news-item .meta>div, .meta-blog>div, .single-news .meta>div { display: block; float: none; margin-bottom: 10px }
.list-news .news-item .meta>div:last-child, .meta-blog>div:last-child, .single-news .meta>div:last-child { text-align: left; float: none }
.list-news .news-item .meta .meta-author, .list-news .news-item .meta .meta-category, .meta-blog .meta-author, .meta-blog .meta-category, .single-news .meta .meta-author, .single-news .meta .meta-category { margin-left: 0; padding-left: 0 }
}
.list-news .news-item { margin-bottom: 70px; padding-right: 15px; padding-left: 15px }
.list-news .news-item .image { position: relative; overflow: hidden; background-color: #1F8ECE }
.list-news .news-item .image:before { content: "\f0c1"; font-family: FontAwesome; position: absolute; top: 40%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50px; height: 50px; text-align: center; z-index: 9; color: #fff; font-size: 30px; opacity: 0; -webkit-transition: all ease .25s; transition: all ease .25s }
.list-news .news-item .image img { opacity: 1; max-width: 100%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-transition: .1s all linear; transition: .1s all linear }
.list-news .news-item .image .meta-date { position: absolute; bottom: 40px; left: 0; width: 70px; height: 70px; border-top-right-radius: 50%; border-bottom-right-radius: 50%; background-color: #1F8ECE; font-size: 26px; font-weight: 600; color: #fff; text-align: center; padding-top: 13px; z-index: 1 }
.list-news .news-item .image .meta-date span { font-size: 14px; display: block }
.list-news .news-item:hover .image img { opacity: .2; -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: 250ms; transition-duration: 250ms }
.list-news .news-item:hover .image:before { top: 50%; opacity: 100 }
.list-news .news-item .blok-title { font-size: 20px; margin-top: 5px; margin-top: 20px; margin-bottom: 10px; font-weight: 700 }
.list-news .news-item .blok-title a { color: #2e96db }
.list-news .news-item .blok-title a:hover { color: #1F8ECE }
@media (max-width:1024px) {
.list-news { width: initial }
}
.topbar { padding: 4px 0 }
.topbar .topbar-left .welcome-text { font-size: 12px; color: #fff; padding: 3px 0 }
.topbar .topbar-right { text-align: right }
.topbar .topbar-right .topbar-menu { display: inline-table; margin-bottom: 0 }
.topbar .topbar-right .topbar-menu li { list-style: none; float: left; color: #fff; padding: 0 10px; font-size: 12px; margin: 3px 0 }
.topbar .topbar-right .topbar-menu li .fa, .topbar .topbar-right .topbar-menu li .icons { font-size: 14px; color: #1F8ECE; margin-right: 5px }
.topbar-logo { background-color: #fff; padding: 5px 0 }
.container-nav { margin-top:10px }
.contact-info { float: right; margin-top: 15px }
.contact-info>div { display: inline-table; margin-right: 40px }
.navbar-toggle .icon-bar { background: #2e96db }
.navbar-toggle { float: left }
.rowe { background-color: #fff; border-top: 1px solid #ccc }
.navbar-main { background-color: transparent; border-radius: 0; margin-bottom: 0; border: 0; -webkit-transition: padding .2s ease-in-out; transition: padding .2s ease-in-out; background-color: #fff; padding-top: 0; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); border-bottom: 1px solid rgba(51,51,51,.2) }
.navbar-main>.container { position: relative }
.navbar-main .navbar-brand { padding: 0 0 0 15px; height: 80px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
.navbar-main.stiky { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; padding-top: 40px; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.navbar-main.stiky .navbar-brand { height: 60px }
.navbar-main.stiky .navbar-brand img { width: auto }
.navbar-main .navbar-collapse { padding-right: 0; padding-left: 0 }
.navbar-main li, .navbar-main ol { margin: 0 0; font-size: 14px }
.navbar-main .nav>li>a { color: #333 }
.navbar-main .nav>li.active>a, .navbar-main .nav>li>a:focus, .navbar-main .nav>li>a:hover { color: #2e96db; background-color: transparent }
.navbar-main .nav .open>a, .navbar-main .nav .open>a:focus, .navbar-main .nav .open>a:hover { background-color: transparent; border-color: transparent; color: #2e96db }
.navbar-main .caret { margin-left: 10px }
.navbar-main .nav.navbar-nav { position: relative; z-index: 5 }
.navbar-main .nav.navbar-right>li { margin-right: 15px }
.navbar-main .fa { font-size: 18px }
.navbar-main .dropdown-menu { background-color: #2e96db; min-width: 180px; color: #fff; padding: 0; border: 0; border-radius: 0 }
.navbar-main .dropdown-menu>li { border-bottom: 1px solid #5aace2 }
.navbar-main .dropdown-menu>li a { padding: 10px 20px; color: #fff }
.navbar-main .dropdown-menu>li a:hover { background-color: #0a80be; color: #1F8ECE }
.bookmenu { position: relative; z-index: 3; text-align: center }
.bookmenu a { position: absolute; width: 60px; height: 60px; display: block; right: 0; bottom: -30px; padding: 15px 7px 7px 9px; color: #333; background-color: #1F8ECE; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 5px 2px rgba(0,0,0,.2); box-shadow: 0 5px 2px rgba(0,0,0,.2) }
.bookmenu a:hover { background-color: #2e96db; color: #fff }
.bookmenu .icons { font-size: 30px }
.banner { position: relative; padding: 0 0; height:580px }
.banner .overlay-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(51, 51, 51, .-1);
z-index: -1 }
.banner ol li, .banner ul li { margin: 0 }
.banner .btn-primary:hover, .banner .btn-secondary:hover { background-color: #0a80be }
.slides-navigation { margin: 0 auto; position: absolute; z-index: 3; bottom: 46%; width: 100% }
.slides-navigation.center { margin: 0 auto; position: absolute; z-index: 3; bottom: 25%; width: 100%; text-align: center; -webkit-transform: translateX(-7px); -ms-transform: translateX(-7px); transform: translateX(-7px) }
.slides-navigation .container { position: relative }
.slides-navigation a { position: absolute; display: block }
.slides-navigation.center a { position: relative; display: inline-table; text-align: center }
.slides-navigation a { color: #fff; font-size: 14px; margin: 5px; background: rgba(51,51,51,.4); display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 60px; height: 60px; padding-top: 20px; text-align: center }
.slides-navigation a:hover { color: #1F8ECE; border-color: #0a80be; text-decoration: none }
.slides-navigation a .fa { font-size: 20px }
.slides-navigation a.prev { left: -60px }
.slides-navigation a.next { right: -60px }
.slides-navigation.center a.next { left: 0; right: 0 }
.slides-navigation.center a.prev { left: 0 }
.wrap-caption { padding-top: 20%; color: #fff; width: 60% }
.wrap-caption.center { margin: 0 auto; text-align: center }
.wrap-caption .caption-heading { line-height: 1.2em; color: #fff }
.wrap-caption .excerpt { margin-bottom: 50px; font-size: 18px }
.wrap-caption .btn, .wrap-caption .btn-primary, .wrap-caption .btn-secondary, .wrap-caption .btn-white { margin-right: 15px }
.bos-quote { padding: 20px; background-color: #fff; border: 4px solid #dcdde1 }
.bos-quote .bos-photo { float: left; width: 100px }
.bos-quote .bos-photo img { display: block }
.bos-quote .bos-text { margin-left: 120px }
.bos-quote:after { content: ''; clear: both; display: inline-table }
.box-vision { border-left: 10px solid #2e96db; padding: 15px 30px; font-size: 20px; line-height: normal; background-color: #e9f1ee; color: #2e96db; margin-bottom: 60px; font-weight: 400; font-style: italic }
dl.hiw { width: 100% }
dl.hiw dt { width: 30px; float: left }
dl.hiw dt .fa { font-size: 24px; color: #2e96db }
dl.hiw dd { margin-left: 60px; margin-bottom: 40px }
dl.hiw dd .lead, dl.hiw dd h4 { clear: none }
.vidimg { position: relative }
.vidimg .play-vid { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 72px; height: 72px; background-color: #2e96db; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; display: block; border: 2px solid #fff; padding-top: 13px; padding-left: 7px; text-align: center }
.vidimg .play-vid a { color: #fff }
.vidimg .play-vid:hover { background-color: #1F8ECE }
@media (min-width:768px) {
.sideright-img { position: static; -webkit-transition: all .4s ease 0s!important; transition: all .4s ease 0s!important }
.sideright-img:hover { opacity: .9 }
.sideright-img img { display: block }
}
@media (min-width:992px) {
.sideright-img { position: absolute; top: 0; left: 50%; bottom: 0; right: 0; margin-left: 15px; background-repeat: no-repeat; background-size: cover }
.sideright-img img { display: none }
}
.section.process-bg-1 { background: url(../images/1920x960.jpg) bottom center no-repeat; background-attachment: fixed; background-size: cover; padding: 80px 0; color: #white }
.section.process-bg-1:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #2e96db; opacity: .6 }
.section.wedo { position: relative; z-index: 10 }
.category-services { margin-top: 60px }
.gutter-wedo { margin-right: -3px; margin-left: -3px; margin-top: -180px; margin-bottom: 80px }
.gutter-wedo>[class*=" col-"], .gutter-wedo>[class^=col-], .gutter-wedo[class*=" col-"], .gutter-wedo[class*=col-] {
padding-right:3px;
padding-left:3px
}
.free-quote { background-color: #2e96db; padding: 10px 30px 30px 30px }
.form-contact .btn, .form-contact .btn-primary, .form-contact .btn-secondary, .form-contact .btn-white { background-color: #1F8ECE; border-color: #1F8ECE; color: #333; opacity: 1 }
.form-contact .btn-primary:hover, .form-contact .btn-secondary:hover, .form-contact .btn-white:hover, .form-contact .btn:hover { background-color: #f0d402; border-color: #f0d402 }
.banner-page.pages { background: url(../images/1920x960.jpg) bottom center no-repeat }
.banner-page.project { background: url(../images/1920x960.jpg) bottom center no-repeat }
.banner-page.news { background: url(../images/1920x960.jpg) bottom center no-repeat }
.single-news .image { position: relative }
.single-news .image .meta-date { position: absolute; bottom: 40px; left: 0; width: 70px; height: 70px; border-top-right-radius: 50%; border-bottom-right-radius: 50%; background-color: #1F8ECE; font-size: 26px; font-weight: 600; color: #fff; text-align: center; padding-top: 13px }
.single-news .image .meta-date span { font-size: 14px; display: block }
.single-news .blok-title { font-size: 24px; margin-top: 20px; margin-bottom: 10px; font-weight: 700; color: #2e96db }
.author-box { background-color: #2e96db; padding: 30px; color: #fff }
.author-box .media { display: table-cell; vertical-align: top; width: 120px }
.author-box .body { display: table-cell; vertical-align: top }
.author-box .media-heading { color: #1F8ECE; font-weight: 400; font-size: 15px }
.author-box:after { @extent .clrfix;
}
.comments-box { padding-bottom: 30px; border-bottom: 1px solid #e9e9e9 }
.comments-box .media { padding: 20px; border: 1px solid #e9e9e9; background-color: #fff; margin-bottom: 30px }
.comments-box .media .media-left { display: inline-table; float: left; padding-right: 20px }
.comments-box .media .media-body { margin-left: 140px }
.comments-box .media.comment { background-color: #fff }
.comments-box .media.reply-comment { background-color: #f6f6f6; margin-left: 40px }
.comments-box .media:after { display: table; content: " "; clear: both }
.comments-box .media-heading { color: #2e96db; font-weight: 600 }
.comments-box .comments-box .media-left img { width: 100px; height: 100px }
.comments-box .date { float: right }
.comments-box .replay { margin-top: 5px }
.comments-box .replay a { color: #2e96db }
.comments-box .title-heading, .leave-comment-box .title-heading { font-size: 18px; line-height: 25px; color: #2e96db; font-weight: 600; margin-top: 40px; margin-bottom: 40px }
.contact .form-control { height: 45px; background-color: #f6f6f6; border: 1px solid #eee; border-radius: 3px; box-shadow: none }
.contact textarea.form-control { height: auto }
.contact .btn.disabled, .contact .btn[disabled], .contact .disabled.btn-primary, .contact .disabled.btn-secondary, .contact .disabled.btn-white, .contact [disabled].btn-primary, .contact [disabled].btn-secondary, .contact [disabled].btn-white, .contact fieldset[disabled] .btn, .contact fieldset[disabled] .btn-primary, .contact fieldset[disabled] .btn-secondary, .contact fieldset[disabled] .btn-white { opacity: 1 }
.maps-wraper { position: relative }
.maps { width: 100%; height: 350px; display: block; background: #ccc; position: relative }
#google-container { position: relative; width: 100%; height: 500px; background-color: #fff }
#cd-google-map { position: relative; overflow: hidden }
#cd-google-map .col-md-12 { padding: 0 }
#cd-google-map .address { position: absolute; width: 100%; bottom: 0; left: 0; padding: 20px 0; background-color: rgba(5,5,5,.9) }
#cd-google-map .address .address-item { position: relative; padding-left: 44px }
#cd-google-map .address .address-item i { width: 24px; height: 24px; position: absolute; top: 0; left: 4px; color: #fcfcfc; font-size: 22px; text-align: center; line-height: 24px }
#cd-zoom-in, #cd-zoom-out { height: 32px; width: 32px; cursor: pointer; margin-left: 10px; background-color: #2e96db; background-repeat: no-repeat; background-size: 32px 64px; background-image: url(../images/cd-icon-controller.svg) }
.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover { background-color: #1F8ECE }
#cd-zoom-in { background-position: 50% 0; margin-top: 10px; margin-bottom: 1px }
#cd-zoom-out { background-position: 50% -32px }
.section.cta-bg-1 { background: url(../images/1920x960.jpg) bottom center no-repeat; background-attachment: fixed; background-size: cover; padding: 80px 0 }
.section.cta-bg-1 .cta-info { width: 60%; margin: 0 auto; text-align: center; font-family: Poppins, sans-serif; color: #fff }
.section.cta-bg-1:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #2e96db; opacity: .6 }
.section.cta-bgc { padding: 30px 0; background-color: #1F8ECE }
.cta-title-1 { color: #1F8ECE; line-height: 1em; margin-bottom: 0 }
.cta-title-2 { color: #fff; line-height: 1em; margin-bottom: 40px }
.cta-title-3 { color: #333; line-height: 1em }
.cta-content { padding-right: 28px; display: table-cell; width: 1000px; vertical-align: middle }
.cta-action { max-width: 30%; display: table-cell }
.section.cta-yellow { background-color: #1F8ECE }
.partner { padding-top: 50px }
.client-img { text-align: center; margin-bottom: 40px }
.client-img img { margin: 0 auto }
.people, .user-pic { display: block; max-width: 100% }
#owl-testimony .owl-dots { display: none!important }
@media (max-width:768px) {
.bannertext { color: #fff; width: 100%; margin: 40px auto; padding: 10px; text-align: center }
.cllusPhone { display: block; text-align: center; background: #1F8ECE; padding: 4px; border-radius: 10px }
.cllusPhone .icon-phone { font-size: 18px }
.cllusPhone a { color: #ea0c0c; font-weight: 700; font-size: 25px; text-decoration: none }
li.cllus { display: block; margin:0px 20px; padding: 6px 0 0px 10px; width:80%; }
#owl-testimony .owl-nav { display: none!important }
#owl-testimony .owl-dots { display: block!important }
}
.testimony { padding: 20px 0 }
.testimony .owl-controls .owl-nav [class*=owl-] { color: #2e96db; font-size: 14px; margin: 5px; background: 0 0; display: inline-block; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px; border: 3px solid #2e96db; padding-top: 7px }
.testimony .owl-controls .owl-nav [class*=owl-]:hover { background: 0 0; color: #1F8ECE; border-color: #1F8ECE; text-decoration: none }
.testimony .owl-nav { position: relative; z-index: 2 }
.testimony .owl-nav .owl-next, .testimony .owl-nav .owl-prev { position: absolute; top: -180px }
.testimony .owl-nav .owl-prev { left: -70px }
.testimony .owl-nav .owl-next { right: -70px }
.title-404 { font-size: 5em; color: #2e96db; margin-bottom: -20px }
.subtitle-404 { font-size: 2em; color: #0a80be }
.banner-page.pages { background: url(../images/1920x960.jpg) bottom center no-repeat }
.contact { background: #060606 }
.section.contact-home { background: url(../images/1920x960.jpg) bottom center no-repeat; background-attachment: fixed; background-size: cover; padding: 80px 0 }
.form-controlCheckbox { height: 12px; background-color: #f6f6f6; border: 1px solid #eee; border-radius: 3px; box-shadow: none; width: 12px }
.check { display: block }
.check label { color: #fff }
#contactForm p { color: #fff }
#contactForm p a { color: #1F8ECE }
.section.contact-home:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #333; opacity: .9 }
.contact-info { text-align: center; color: #fff }
.contact-info a { color: #1F8ECE }
.contact-info a:hover { color: #2e96db }
.contact-info .phone { font-size: 2.2em; font-weight: 600 }
.contact-info .phone .fa { color: #1F8ECE }
.footer { padding: 20px 0 0 0; background-color: #fff }
.footer .footer-item .logo-bottom { margin-bottom: 10px }
.footer .footer-item .footer-title { font-size: 20px; font-weight: 700; padding: 20px 0 20px 0; margin-bottom: 10px; position: relative; letter-spacing: -.06em }
.footer .footer-item .footer-title:before { content: ''; display: block; width: 30px; height: 5px; background: #1F8ECE; border-radius: 3px; margin-bottom: 20px }
.footer .footer-item .footer-sosmed { margin-top: 20px; margin-bottom: 30px; display: inline-block }
.footer .footer-item .footer-sosmed a .item { color: #fff; display: table-cell; vertical-align: middle; margin: 0 14px; width: 40px; height: 40px; text-align: center; background-color: #44a1df; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px }
.footer .footer-item .footer-sosmed a .item:hover { background-color: #1F8ECE; color: #333 }
.footer .footer-item .footer-sosmed a .item .fa { font-size: 16px }
.footer .footer-item .list { margin: 0; padding: 0 }
.footer .footer-item .list li { width: 48%; list-style: none; margin: 8px 0; display: inline-block; vertical-align: top }
.footer .footer-item .list li a { color: #333 }
.footer .footer-item .list li a:hover { color: #1F8ECE }
.footer .footer-item .footer-subscribe { position: relative }
.footer .footer-item .footer-subscribe input[type=email] { width: 100%; background: rgba(51,51,51,.1); padding: 10px 57px 10px 17px; min-height: 44px; max-width: 480px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; border: 0; box-shadow: none }
.footer .footer-item .footer-subscribe input[type=email]:focus { background: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 0 2px #1F8ECE; -moz-box-shadow: 0 0 0 2px #1F8ECE; box-shadow: 0 0 0 2px #1F8ECE; border-color: transparent }
.footer .footer-item .footer-subscribe input[type=submit] { position: absolute; left: 0; top: 0; visibility: hidden }
.footer .footer-item .footer-subscribe label { position: absolute; right: 0; top: 0; border: 0; width: 44px; height: 44px; line-height: 44px; padding: 0; cursor: pointer; text-align: center; font-size: 13px; background: 0 0; color: #333; outline: 0!important; -webkit-transition: color .3s ease; -moz-transition: color .3s ease; -ms-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; background: #1F8ECE }
.footer .footer-item .footer-subscribe .icon { font-size: 18px }
.footer .footer-item .footer-subscribe p { color: rgba(255,255,255,.5); font-size: 13px; margin-top: 16px }
.footer .footer-item .recent-post { margin: 0; padding: 0 }
.footer .footer-item .recent-post li { list-style: none; margin: 0 0 30px }
.footer .footer-item .recent-post li a { color: #fff; line-height: 20px; display: inline-block; vertical-align: top; margin: 0 0 14px }
.footer .footer-item .recent-post li a:hover { color: #1F8ECE }
.footer .footer-item .recent-post li .date { display: block; font-size: 12px; padding: 0; color: rgba(255,255,255,.5) }
.footer .footer-item .recent-post li .date i { margin-right: 5px }
.footer .fcopy { padding: 0 0; font-size: 14px }
.list-info { margin: 0; padding: 0 }
.list-info li { margin-bottom: 20px; list-style: none }
.list-info li .info-icon { display: inline-block; color: #2e96db; font-size: 16px; float: left }
.list-info li .info-text { margin-left: 30px }
@media (max-width:1024px) {
.slides-navigation a.prev { left: -20px }
.slides-navigation a.next { right: -20px }
.testimony .owl-nav .owl-prev { left: -20px }
.testimony .owl-nav .owl-next { right: -20px }
}
@media (max-width:768px) {
.navbar-toggle { clear: left; float: right }
.topbar { height: auto }
.topbar-menu, .topbar-sosmed { margin-left: 0; margin-bottom: 0 }
.nav>li>a { padding: 10px 6px }
.box-icon-1 .icon { clear: left; display: block; width: 100%; text-align: center }
.box-icon-1 .body-content { text-align: center; margin-left: 0 }
.container-nav .btn-orange-cta { position: absolute; right: 10px; top: 0 }
.wrap-caption { width: 100% }
.box-team .body-content, .box-team .box-image { width: 100% }
.btn-sidebar.btn, .btn-sidebar.btn-primary, .btn-sidebar.btn-secondary, .btn-sidebar.btn-white { padding: 15px 25px }
}
@media (max-width:479px) {
 .navbar-main.stiky{
 position: unset;
    top: 0;
    right: 0;
    left: 0;
    z-index: 0;
    }
.topbar { display: none }
.navbar-main .navbar-brand { top: 7px }
.navbar-main .navbar-brand>img { width:64px !important;  height:64px !important; }
.contact-info { clear: right; width: 100% }
.contact-info>div { display: block; margin-right: 0 }
.navbar-nav .open .dropdown-menu>li>a { color: #999 }
.bos-quote .bos-photo { clear: left; display: block; width: auto; margin-bottom: 20px }
.bos-quote .bos-text { clear: left; display: block; margin-left: 0 }
.banner-page .title-page, h2 { font-size: 2em }
.box-partner .item .box-image { clear: left }
.career-tabs .nav-tabs>li { width: 100%; clear: left }
.nav>li>a { padding: 10px 25px }
.testimonial-1 .media { clear: both; display: block; max-width: 300px; margin-bottom: 40px; margin-right: 0 }
.testimonial-1 .body { clear: both; display: block }
.cta .cta-info { width: 100% }
}
@media (min-width:320px) and (max-width:768px) {
.text01{margin:0px; padding:0px 0 0 0px;}    
.testimony .owl-controls .owl-nav [class*="owl-"] {width: 30px; height: 30px; padding-top: 2px; margin-top: -12px;}    
 .cllus { background: #1F8ECE; padding: 8px; border-radius: 10px; margin:0px; }
 .header-text .text{display:none;}
.CallText { text-align: center; display:none; }
 .container-nav { margin-top:0px !important }
.form-mobile h3{color: #0C0C0C !important; font-size:20px !important;}
.header-text { text-align: center !important }
.bg-colo{background:#000;}
.header-text .buttion {margin: 8px 0 12px 0px !important; padding: 5px 10px 5px 10px !important; font-size: 24px !important;}
.header-text h1 span sup {
    top: -15px;
}
.header-text h1 {background-color:#000;color: #FFF !important; font-size:43px !important; margin: 0px 0 10px 0px !important; padding:5px 0 5px 0px !important; /*! line-height:60px !important; */ }
.header-text h1 span {font-size:30px !important; vertical-align: top;}
.header-text h3 { font-size: 17px !important; color: #00588b; margin: 0px; padding: 0px 0 0px 0px !important; line-height: 26px !important; }
.feature-service ul li {font-size:14px !important; padding:0 0 0 20px !important; text-align:left;}
.feature-service h2 {font-size: 28px !important; }
.navbar-main .navbar-brand > img { width: 100%;}
.header-text .calus {padding-bottom:5px !important; margin: 10px 0 0 0px !important;}
.mobile-bg{/*background:url(../images/mobile-banner.jpg) center no-repeat; display:block;*/ background-color:#ffa010;}
.bannertext {margin: 2px auto !important;}
.form-mobile{margin:0px; padding:0px; display:block !important; background:#ccc; padding:10px !important;}
.banner-header{display:none;padding: 0 !important;}
#headerForm {display:block;}
.mobile-banner{display:block; margin: 8px 0 0 0px;}
.header-text {margin:0px 0 0 0px !important; padding: 0px;}
.call-btn-outer { position: fixed; bottom: 18px; left: 60px; font-size: 36px; height: 102px; text-align: center; vertical-align: middle; border-radius: 50%; z-index: 1100 }
.call-btn-inner {margin: 18px; height: 64px; width: 64px; color: #fff; background-color: #000; border-radius: 50%; box-shadow: 0 0 15px rgba(255,255,255,.5);  animation: pulse 1s infinite;}
.navbar-main .navbar-brand {height: 61px !important;}
.sidebutton img {margin: 0 0 0 25px !important;}
.sidebutton {top: 25% !important;}
.header-text h3 {color:#000 !important;}
.navbar-nav { margin: 7.5px 0px;}
}
.banner-reviews li> img {height:62px; width:62px;}
.sidebutton { position: fixed; top: 30%; z-index: 99999; width: 50px; right: 0;}
.dispbu { display: block !important;}
.sidebutton img { padding: 0 10px 0 0; font-size: 25px;  animation: ring 5s .7s ease-in-out infinite;  display: block; margin: 0 0 0 23px;}
.section-bg{background:#F6F6F6; padding:50px 0 50px 0px;}
.banner-header{background:url(../images/banner-img.png) center no-repeat; display:block !important;padding: 50px 0;}
.banner-vacate{background:url(../images/vacate-cleaning-banner.jpg) center no-repeat; display:block !important;}
.banner-move-in{background:url(../images/banner-move-in.jpg) center no-repeat; display:block !important;}
.banner-bond-back{background:url(../images/banner-bond-back-img.jpg) center no-repeat; display:block !important;}
.banner-tenancy{background:url(../images/banner-end-of-tenancy.jpg) center no-repeat; display:block !important;}
.banner-grout{background:url(../images/grout-cleaning-banner.jpg) center no-repeat; display:block !important;}
.banner-disinfection{background:url(../images/disinfection-banner.jpg) center no-repeat; display:block !important;}
.banner-curtain{background:url(../images/curtain-banner.jpg) center no-repeat; display:block !important;}
.banner-carpet{background:url(../images/carpet-banner.jpg) center no-repeat; display:block !important;}
.banner-office{background:url(../images/office-banner.jpg) center no-repeat; display:block !important;}

.text01{margin:0px; padding:40px 0 0 0px;}
.header-text { margin: 10px 0 0 0px; padding: 0px; }
.header-text h1 { /*! font-size: 140px; */ /*! line-height: 160px; */ color: #000; text-shadow: 1px 1px 0 #1F8ECE; font-weight: 700; font-family: Poppins, sans-serif; margin:0; padding: 0; }
.header-text h3 { font-size:18px; color: #00588b; margin: 0px; font-weight: 600; /*! padding-bottom:5px; */ /*word-spacing: -1px; letter-spacing: -1px;*/ line-height:36px; }
.header-text .calus { padding-bottom: 10px; font-size: 24px; color: #000; font-weight: 600; margin: 20px 0 0 0px; text-shadow: 1px 1px 0 #00588b; }
.header-text .buttion { display: inline-block; text-decoration: none; text-align: center; text-shadow: 1px 1px 0 #2a5f9b; position: relative; cursor: pointer; border: none; font-weight: 700; background: #000; border-radius: 5px;     box-shadow: inset 0 1px 0 #11325b, 0 5px 0 0 #000, 0 10px 5px #9fc1d5; padding: 11px 30px; color: #fff; font-size: 30px; margin: 20px 0 0 0px; }
.header-text .buttion-text { color: #FFF; }
.feature-service{margin:0px; padding:0px;}
.feature-service ul{margin:0px; padding:0px;}
.feature-service ul li{margin:0px; padding:0px; list-style:none; font-size:16px; line-height:30px; text-align:left;}
.feature-service .fa {display: inline-block; font-family: FontAwesome; font-style: normal;  font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; color: #00588b;}
.feature-service h2{ font-size: 30px; color: #00588b; margin: 0px; font-weight: 700; padding-bottom:10px; /*word-spacing: -1px; letter-spacing: -1px;*/ line-height: 40px;}
.form-mobile{margin:0px; padding:0px; display:none;}
.call-btn-outer { position: fixed; bottom: 18px; left: 60px; font-size: 36px; height: 102px; text-align: center; vertical-align: middle; border-radius: 50%; z-index: 1100 }
.call-btn-inner {margin: 18px; height:45px; width:45px; color: #fff; background-color: #000; border-radius: 50%;box-shadow: 0 0 15px rgba(255,255,255,.5); animation: pulse 1s infinite;}
.header-text h1 span { /*! font-size:100px; */ /*! vertical-align: top; */
}
@-webkit-keyframes pulse { 0% { -moz-box-shadow:0 0 0 0 #d25d07; box-shadow:0 0 0 0 #d25d07}
70% { -moz-box-shadow:0 0 0 10px rgba(204,169,44,0); box-shadow:0 0 0 10px rgba(204,169,44,0)}
100% { -moz-box-shadow:0 0 0 0 rgba(204,169,44,0); box-shadow:0 0 0 0 rgba(204,169,44,0) }
}


.area-cover-bg {
    padding: 60px 0;
    background: #eee url(../images/area-cover-img.jpg) no-repeat left;
    background-position: 5% 100%;
}
.area-cover-heading {
    /*! font-family: Oswald, sans-serif; */
    font-size: 22px;
    color: #354046;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    line-height: initial;
}
.area-cover-heading strong {
    font-family: Oswald, sans-serif;
    font-size: 36px;
    color: #4c1420;
    font-weight: 700;
    text-transform: uppercase;
}
.area-cover-bg p {
    font-size: 13px;
    font-weight: 300;
    line-height: 24px;
    color: #292929;
    font-family: Arial, Helvetica, sans-serif;
}
.area-button-list {
    margin: 0;
    padding: 0;
}
.area-button-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.area-button-list li {
    margin: 10px 5px;
    padding: 0;
    display: inline-block;
    width: 23%;
    float: left;
}
.service-box1 .service-heading {
    font-size: 14px;
    font-family: Oswald, sans-serif;
    color: #1a2124;
}
.service-box1 {
    background-color: #fff;
    -webkit-box-shadow: -1px 0 20px 1px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: -1px 0 20px 1px rgba(0, 0, 0, 0.16);
    box-shadow: -1px 0 20px 1px rgba(0, 0, 0, 0.16);
    text-align: center;
    padding: 20px 10px 10px;
    border-radius: 6px;
    position: relative;
    margin-top: 20px;
    /*! width: 205px; */
    /*! height: 300px; */
}
.service-box1 .service-heading {
    font-size: 14px;
    font-family: Oswald, sans-serif;
    color: #1a2124;
}