@import url(font-awesome.min.css);
@import url(css);
@import url(css);
@import "animate.css";
.bg1, #content .box-skin1:after, #content .box-skin1:before, #content .box-skin1 .triangle:before { background: #5cd3bb; }
.bg2, #content .box-skin2:after, #content .box-skin2:before, #content .box-skin2 .triangle:before { background: #d3695c; }
.bg3, #content .box-skin3:after, #content .box-skin3:before, #content .box-skin3 .triangle:before { background: #e0d56a; }
.white, #content .box-skin4:after, #content .box-skin4:before, #content .box-skin4 .triangle:before { background: #ffffff; }
.tp { color: #565656; }
.primary { color: #5cd3bb; }
/*============  Floats  =============*/
.f__left { float: left; }
.f__right { float: right; }
@media (max-width: 1199px) {
.f__none-1199 { float: none; }
}
@media (min-width: 768px) and (max-width: 979px) {
.f__none-768 { float: none; }
}
@media (max-width: 767px) {
.f__none-767 { float: none; }
}
@media (max-width: 479px) {
.f__none-479 { float: none; }
}
/*============= Text ============*/
.t__center { text-align: center; }
.t__right { text-align: right; }
.t__left { text-align: left; }
.t__up { text-transform: uppercase; }
.t__low { text-transform: lowercase; }
.t__none { text-transform: none; }
/*============= Overflow ===============*/
.o__hidden { overflow: hidden; }
/*========================================================
                    Main layout styles
=========================================================*/
body { font-family: 'Ubuntu Condensed', sans-serif; font-size: 16px; line-height: 26px; font-weight: 400; background: #ffffff; color: #ffffff; }
a { font: inherit; color: inherit; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
a:hover { text-decoration: underline; }
a[href^="tel:"] { color: inherit; text-decoration: none; }
* { -webkit-text-size-adjust: none; }
img { max-width: 100%; height: auto; }
h1, h2, h3, h6 { text-transform: uppercase; }
h1 { font: 500 30px/30px 'Ubuntu', sans-serif; letter-spacing: 10.8px; }
h1 a:hover { text-decoration: none; }
h2 { font-size: 40px; line-height: 55px; letter-spacing: 6px; }
@media (min-width: 980px) and (max-width: 1199px) {
h2 { font-size: 55px; letter-spacing: 5.6px; }
}
@media (max-width: 767px) {
h2 { font-size: 55px; letter-spacing: 5.6px; line-height: 60px; }
}
@media (max-width: 479px) {
h2 { font-size: 44px; letter-spacing: 1.6px; line-height: 50px; }
}
h3 { position: relative; font-size: 30px; line-height: 44px; letter-spacing: 1px; padding-bottom: 8px; }
h3:before { content: ''; position: absolute; left: 0; bottom: 0; width: 121px; height: 6px; background: #ffffff; }
h3.tp:before { background: #565656; }
@media (min-width: 768px) and (max-width: 979px) {
h3 { font-size: 67px; }
}
@media (max-width: 767px) {
h3 { font-size: 70px; }
}
@media (max-width: 479px) {
h3 { font-size: 48px; line-height: 56px; }
}
h4 { font-size: 20px; line-height: 26px; }
h5 { font-size: 16px; line-height: 28px; }
h6 { font-size: 20px; line-height: 30px; }
a[data-gal] { display: inline-block; position: relative; float: left; width: 33.3333334%; }
a[data-gal] .overlay-gallery { display: block; background: rgba(0, 0, 0, 0); position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.ie8 a[data-gal] .overlay-gallery { background: none;  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000');
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000');
zoom: 1; }
a[data-gal] .hover { left: 0; top: 50%; right: 0; margin-top: -74px; text-align: center; position: absolute; visibility: hidden; }
a[data-gal] .hover span { display: inline-block; font-size: 60px; line-height: 60px; color: #d3695c; margin-bottom: 25px; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; }
a[data-gal] .hover h5 { padding: 0 50px; }
@media (min-width: 768px) and (max-width: 979px) {
a[data-gal] .hover h5 { padding: 0 10px; }
}
@media (max-width: 767px) {
a[data-gal] .hover h5 { display: none; }
}
@media (max-width: 767px) {
a[data-gal] .hover { margin-top: -30px; }
}
a[data-gal]:hover .overlay-gallery { background: rgba(0, 0, 0, 0.5); }
.ie8 a[data-gal]:hover .overlay-gallery { background: none;  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000');
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000');
zoom: 1; }
a[data-gal]:hover .hover { visibility: visible; }
@media (max-width: 767px) {
a[data-gal] { width: 50%; }
}
@media (max-width: 479px) {
a[data-gal] { width: 100%; }
}
.page { overflow: hidden; }
/*========================================================
                    HEADER styles
=========================================================*/
#header { padding: 37px 0 38px; color: #565656; }
#header .logo-caption { margin-top: 5px; }
#header h1 img { margin-right: 20px; }
/* Main menu styles
========================================================*/
.sf-menu { margin-right: -11px; }
.sf-menu > li { position: relative; display: inline-block; background: transparent; }
.sf-menu > li > a { display: inline-block; font: 500 18px/30px 'Ubuntu', sans-serif; text-transform: uppercase; padding: 7px 28px 7px 27px; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.sf-menu > li > a.sf-with-ul:before { content: '\f107'; position: absolute; display: block; font-family: FontAwesome; font-size: 10px; bottom: -4px; left: 50%; margin-left: -4px; color: #a5a7a0; }
.sf-menu > li > a:hover { text-decoration: none; color: #ffffff; background: #5cd3bb; }
.sf-menu > li > a:hover.sf-with-ul:before { color: #ffffff; }
@media (min-width: 768px) and (max-width: 979px) {
.sf-menu > li > a { padding: 7px 15px; }
}
.sf-menu > li.current > a { color: #ffffff; background: #5cd3bb; }
.sf-menu > li.current > a.sf-with-ul:before { color: #ffffff; }
.sf-menu > li.sfHover > a { color: #ffffff; background: #5cd3bb; }
.sf-menu > li.sfHover > a.sf-with-ul:before { color: #ffffff; }
.sf-menu a { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.sf-menu a:hover { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
/* First level sub-menu styles
========================================================*/
.sf-menu ul { position: absolute; top: 56px; left: 10px; z-index: 4; text-transform: uppercase; width: 116px; padding: 20px 5px 20px 20px; display: none; background: #d3695c; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.sf-menu ul li { position: relative; font-size: 16px; line-height: 18px; }
.sf-menu ul li + li { margin-top: 16px; }
.sf-menu ul li a { display: block; }
.sf-menu ul li a:hover { text-decoration: none; color: #5cd3bb; }
.sf-menu ul li.sfHover > a { color: #5cd3bb; }
.sf-menu ul:before { content: ''; position: absolute; top: -9px; left: 50%; margin-left: -10px; width: 0; height: 0; border-style: solid; border-width: 0 9.5px 9px 9.5px; border-color: transparent transparent #d3695c transparent; }
/* Second level sub-menu styles
========================================================*/
.sf-menu ul ul { position: absolute; top: -10px; left: 96px; z-index: 4; padding: 10px 5px 10px 30px; background: #d3695c; }
.sf-menu ul ul li a:hover { color: #5cd3bb; }
.sf-menu ul ul:before { border: none; }
@media only screen and (max-width: 767px) {
.sf-menu { display: none; }
.select-menu { display: block; clear: both; position: relative; width: 100%; left: 0; top: 0; margin: 14px auto; padding: 0; height: 40px; background: #ffffff url(../images/select.png) 99% center no-repeat; color: #05090d; border-radius: 0; -webkit-appearance: none; outline: none; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
}
.absolute, #content .useso-map-api, #content #map-canvas { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
/*============ Background ==============*/
/* Stuck menu styles
========================================================*/
.isStuck { padding: 10px 0; background: #ffffff; border-bottom: 1px solid #f5f5f5; z-index: 999; }
@media only screen and (max-width: 979px) {
.isStuck { display: none !important; }
}
/*========================================================
                    CONTENT styles
=========================================================*/
#content .btn { position: relative; display: inline-block; border: 4px solid #ffffff; font-size: 20px; line-height: 45px; text-transform: uppercase; padding: 6px 0 12px; min-width: 158px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.3s; transition: 0.3s; z-index: 2; }
#content .btn:before { content: ''; position: absolute; left: 0; top: 0; right: 0; height: 0; background: #ffffff; -webkit-transition: 0.3s; transition: 0.3s; z-index: -1; }
#content .btn:hover { text-decoration: none; color: #000; }
#content .btn:hover:before { height: 100%; }
#content .wrapper1 { padding: 121px 0 169px; }
#content .wrapper2 { padding: 134px 0 124px; }
@media (max-width: 767px) {
#content .wrap-top-767 { padding-top: 50px; }
}
#content .link { display: inline-block; text-transform: uppercase; font-size: 20px !important; color:#fff; margin-top: 70px; }
#content .link span { margin-left: 10px; font-size: 20px; line-height: 26px; }
#content .link:hover { text-decoration: none; color: #5cd3bb; }
#content .link__hover2:hover { color: #d3695c; }
#content .link__offset1 { margin-top: 57px; }
#content .slider-wrapper { height: 915px; }
@media (min-width: 768px) and (max-width: 979px) {
#content .slider-wrapper { height: 750px; }
#content .slider-wrapper #camera01 { height: 750px !important; }
}
@media (max-width: 767px) {
#content .slider-wrapper { height: 550px; }
#content .slider-wrapper #camera01 { height: 550px !important; }
}
#content .box-triangle { position: relative; z-index: 9; }
#content .box-triangle:before { content: ''; position: absolute; top: 0; height: 100%; z-index: -1; }
#content .box-triangle:after { content: ''; position: absolute; width: 2000px; top: 0; height: 100%; z-index: -1; }
#content .box-triangle .triangle { position: relative; padding: 134px 0 126px; }
#content .box-triangle .triangle:before { content: ''; position: absolute; top: 0; bottom: 152px; width: 152px; z-index: -1; }
#content .box-triangle .triangle:after { content: ''; position: absolute; bottom: 0; width: 0; height: 0; border-style: solid; z-index: -1; }
#content .box-triangle .triangle__inset1 { padding: 0; }
@media (max-width: 767px) {
#content .box-triangle .triangle:before,  #content .box-triangle .triangle:after { display: none; }
}
#content .box-skin1 .triangle:after { border-color: #5cd3bb; }
#content .box-skin1 .box .meta:before { background: #90e8d6; }
#content .box-skin2 .triangle:after { border-color: #d3695c; }
#content .box-skin2 .box .meta:before { background: #dc877d; }
#content .box-skin3 .triangle:after { border-color: #e0d56a; }
#content .box-skin3 .box .meta:before { background: #f0eab5; }
#content .box-skin4 .triangle:after { border-color: #ffffff; }
#content .box-left:before { left: 0; right: 152px; }
#content .box-left:after { right: 100%; }
#content .box-left .triangle:before { right: 0; }
#content .box-left .triangle:after { right: 0; border-width: 152px 152px 0 0; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; }
#content .box-left__nw:after { display: none; }
@media (max-width: 767px) {
#content .box-left:before { right: auto; width: 2000px; }
}
#content .box-right:before { left: 152px; right: 0; }
#content .box-right:after { left: 100%; }
#content .box-right .triangle { padding-left: 90px; }
#content .box-right .triangle:before { left: 0; }
#content .box-right .triangle:after { left: 0; border-width: 0 152px 152px 0; border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; }
@media (max-width: 767px) {
#content .box-right .triangle { padding-left: 0; }
}
@media (max-width: 767px) {
#content .box-right:before { left: auto; width: 2000px; }
}
#content .box { padding-right: 100px; }
#content .box h3 { margin-bottom: 72px; }
#content .box p { margin-top: 24px; }
@media (max-width: 979px) {
#content .box { padding-right: 10px; }
}
#content .box .time { margin-top: 0; }
#content .box .meta { position: relative; margin-top: 29px; padding-bottom: 18px; }
#content .box .meta p { margin-top: 0; }
#content .box .meta:before { content: ''; position: absolute; left: 0; bottom: 0; width: 164px; height: 1px; }
#content .box__offset1 { margin-top: 15px; }
#content .box__offset1 p { margin-top: 15px; }
#content .box__offset1 p + p { margin-top: 26px; }
#content .box2 { position: relative;/* margin-top: 56px;*/ }
#content .box2 .time { font-size: 16px; }
#content .box2 h4 { margin-bottom: 3px; }
#content .box2 + .box2 { margin-top: 17px; padding-top: 16px; }
#content .box2 + .box2:before { content: ''; position: absolute; top: 0; left: 0; width: 164px; height: 1px; background: #dc877d; }
#content .box8 + .box8:before { content: ''; position: absolute; top: 0; left: 0; width: 164px; height: 1px; background: #5CD3BB; }

#content .box3 { margin-top: 70px; text-align: center; }
#content .box3 a { display: inline-block; }
#content .box3 a:hover { text-decoration: none; }
#content .box3 a:hover .img-wrap .hover { visibility: visible; }
#content .box3 a:hover .img-wrap .first { color: #5cd3bb; }
#content .box3 .img-wrap { position: relative; margin-bottom: 28px; text-align: center; }
#content .box3 .img-wrap img { width: 100%; }
#content .box3 .img-wrap .hover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; }
#content .box3 .img-wrap .count { position: absolute; left: 0; right: 0; top: 109px; }
#content .box3 .img-wrap .count span { font: 300 16px/3px 'Ubuntu', sans-serif; }
#content .box3 .img-wrap .count span.first { font: 300 28px/32px 'Ubuntu', sans-serif; }
#content .box3 .img-wrap .count span.second { display: block; margin-top: 23px; font-size: 14px; line-height: 32px; }
@media (min-width: 980px) and (max-width: 1199px) {
#content .box3 .img-wrap .count { top: 85px; }
}
@media (min-width: 768px) and (max-width: 979px) {
#content .box3 .img-wrap .count { top: 50px; }
}
#content .box3 h5 { margin-bottom: 11px; }
#content .box4 { padding: 79px 0 73px 100px; }
#content .box4 .link { margin-top: 57px; }
@media (max-width: 767px) {
#content .box4 { padding-left: 0; }
}
#content .box5 { margin-top: 50px; width: 470px; float: left;}
#content .box5 h4 { margin-bottom: 23px; }
#content .box5 p { /*padding-right: 70px; */}
@media (max-width: 479px) {
#content .box5 p { padding-right: 0; }
}
#content .box5 a:hover { text-decoration: none; color: #5cd3bb; }
#content #map-canvas img { max-width: none !important; }
#content .map { color: #fff; position: relative; text-align: center; height: 547px; }
@media (max-width: 767px) {
#content .map { height: 350px; }
}
#content .box6 { margin-top: 72px; }
#content .box6 img { margin: 5px 30px 0 0; }
@media (max-width: 767px) {
#content .box6 img { margin: 0 0 20px 0; }
}
#content .box6 p { margin-top: 24px; }
#content .box6 .link { margin-top: 68px; }
#content .box6 .markered-list { margin-top: 16px; }
#content .member-box { margin-top: 77px; text-align: center; }
#content .member-box img { margin-bottom: 30px; }
#content .member-box h5 { margin-bottom: 11px; }
#content .circle { height: 81px; width: 81px; border: 3px solid #ffffff; position: relative; text-align: center; border-radius: 50%; }
#content .circle span { position: absolute; width: 100%; left: 0; bottom: 19px; font-size: 42px; }
#content .box7 { margin-top: 76px; }
#content .box7 .circle { margin-right: 20px; }
@media (max-width: 479px) {
#content .box7 .circle { margin: 0 0 15px 0; }
}
#content .box7 + .box7 { margin-top: 52px; }
#content .markered-list li { position: relative; font-size: 16px; line-height: 26px; padding-left: 32px; }
#content .markered-list li:before { content: '\f00c'; position: absolute; left: 0; top: 0; font-family: FontAwesome; font-size: 16px; line-height: 32px; }
#content .quote-box { margin-top: 78px; padding-top: 60px; text-align: center; background: url("../images/page2-img6.png") no-repeat center top; }
#content .quote-box h5 { margin-top: 11px; }
#content .img-wrapper { margin-top: 77px; }
#content .policy-box { margin-top: 72px; }
#content .policy-box h4 { margin-bottom: 23px; }
#content .policy-box + .policy-box { margin-top: 28px; }
#content .policy-link { display: inline-block; margin: 26px 0 11px; text-decoration: underline; }
#content .policy-link:hover { color: #d3695c; }
/*========================================================
                    FOOTER styles
=========================================================*/
#footer { background: #565656; }
#footer .wrap { padding: 91px 0 50px; }
#footer h6 { margin-bottom: 35px; }
@media (max-width: 767px) {
#footer h6 { margin-top: 20px; }
}
#footer p, #footer address { color: #b4b4b4; font: 300 13px/20px 'Ubuntu', sans-serif; }
#footer address { margin-bottom: 20px; }
#footer .social li { display: inline-block; }
#footer .social li a { font-size: 17px; line-height: 28px; padding: 7px 14px; background: #5cd3bb; border-radius: 50%; }
#footer .social li a.fa-facebook { padding: 7px 17px; }
#footer .social li a:hover { text-decoration: none; background: #ffffff; }
#footer .social li + li { margin-left: 8px; }
#footer .copyright { font-size: 13px; padding: 2px 0; color: #565656; }
@media (max-width: 767px) {
#footer { text-align: center; }
}
.sec-font, #content .box3 p, #content .member-box p, #content .quote-box p { font-family: 'Ubuntu'; font-weight: 300; }
/*========================================================
                    Widget styles
=========================================================*/
/* Stellar(parallaxBG) styles
========================================================*/
.stellar-block { position: relative; background-repeat: no-repeat; }
.desktop .stellar-block { background-attachment: fixed; }
.stellar-section .stellar1 { background-image: url(../images/page1-img5.jpg); }
.stellar-section .stellar2 { background-image: url(../images/page1-img6.jpg); }
.stellar-section .stellar3 { background-image: url(../images/page1-img7.jpg); }
.stellar-section .stellar4 { padding: 135px 0 138px; background-image: url(../images/page1-img12.jpg); }
@media (max-width: 767px) {
.stellar-section .stellar4 { padding: 0; }
}
.stellar-section .stellar5 { background-image: url(../images/page3-img1.jpg); }
.stellar-section .stellar6 { background-image: url(../images/page3-img2.jpg); }
.stellar-section .stellar7 { background-image: url(../images/page3-img3.jpg); }
.stellar-section .stellar1, .stellar-section .stellar2, .stellar-section .stellar3, .stellar-section .stellar4, .stellar-section .stellar5, .stellar-section .stellar6, .stellar-section .stellar7 { background-position: center center; }
@media (min-width: 767px) and (max-width: 1199px) {
.stellar-section .stellar1,  .stellar-section .stellar2,  .stellar-section .stellar3,  .stellar-section .stellar4,  .stellar-section .stellar5,  .stellar-section .stellar6,  .stellar-section .stellar7 { background-size: auto 100%; }
}
@media (max-width: 767px) {
.stellar-section .stellar1,  .stellar-section .stellar2,  .stellar-section .stellar3,  .stellar-section .stellar4,  .stellar-section .stellar5,  .stellar-section .stellar6,  .stellar-section .stellar7 { background: none; }
}
/* UItoTop styles
========================================================*/
#toTop { display: none; text-decoration: none; position: fixed; bottom: 80px; right: 30px; overflow: hidden; font-size: 20px; z-index: 20; padding: 3px 5px 7px; background: #9b9b9b; color: #565656; border: 1px solid #ffffff; border-radius: 50%; -webkit-transition: 0.5s; transition: 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#toTop:hover { background: #ffffff; }
@media only screen and (max-width: 1199px) {
#toTop { display: none !important; }
}
@media (max-width: 767px) {
#content .slider-wrapper #camera01 { height: 470px !important; }
}