body{ background-color: #22282d!important; font-family:'Poppins', sans-serif; }

#breadcrumb_wrapper .breadcrumb{padding:5px 0;margin-bottom:0;list-style:none;border-radius:0;color:#22282d;background-color:#64b0e2}
#breadcrumb_wrapper .breadcrumb li{line-height:27px;font-size:16px;font-weight:400;text-shadow:none;text-transform:uppercase;color:#22282d}

.parallax-window{position:relative;min-height:400px;background:transparent}
.parallax-inner{display:block;position:absolute;width:100%;top:40%;left:0;z-index:9}

.parallax-inner > h1, .parallax-inner > h1 small,
.parallax-inner > h2, .parallax-inner > h2 small{ font-family: 'Poppins',serif; font-weight: 400; color: #fff; font-size: 32px; letter-spacing: 0; text-align: center; text-shadow: 1px 1px 1px #000; text-shadow: 1px 1px 1px rgba(0,0,0,0.9) }
.parallax-inner > h1 small { font-size:21px!important; }



#footerWrapper { background-color:#41484E; color:#ffffff; }
#footerWrapper h2,
#footerWrapper p,
#footerWrapper a,
#footerWrapper a:visited,
#footerWrapper a:hover,
#footerWrapper li { color:#ffffff!important; }
#footerWrapper .copyright { text-align: center; padding-top: 50px; padding-bottom: 0px; }
#footerWrapper .copyright,
#footerWrapper .copyright a { color: #ffffff; font-family: 'Poppins', sans-serif !important; font-weight: 200 !important; font-size: 12px !important; letter-spacing: 0.7px; }
#footerWrapper .copyright a:hover,
#footerWrapper .copyright a:active,
#footerWrapper .copyright a:visited { color: #ffffff; text-decoration: underline }
#footer-sitemap-2{text-align:left;margin-top:35px!important}
#footer-sitemap-2 ul{list-style:none;display:block;width:100%;float:none;padding:0!important;margin:0!important}
#footer-sitemap-2 ul li{list-style:none;display:block;width:20%;float:left;text-align:center;padding:0!important;margin:0!important}
#footer-sitemap-2 a{font-family:'Poppins',sans-serif!important;font-weight:200!important;font-size:12px!important;letter-spacing:.7px;text-decoration:underline}


.top-main-menu li > a { color: #444649; text-transform: uppercase }
.top-main-menu li > a:hover { color: #76d898 }
.top-main-menu li.active > a { color: #76d898 }
.megamenu .form-group { margin-bottom: 10px }

div.ls-fullheight { padding: 0 }
div.ls-nobullets .ls-bottom-nav-wrapper { display: none }
div.ls-nonav a.ls-nav-prev { display: none !important }
div.ls-nonav a.ls-nav-next { display: none !important }

ul.gallety-filters { list-style-type: none; margin: 0; padding: 0; position: relative }
ul.gallety-filters:after, ul.gallety-filters:before { content: " "; display: table }
ul.gallety-filters:after { clear: both }
ul.gallety-filters > li { float: left }
ul.gallety-filters > li > a { display: block; padding: 15px 40px 15px; color: #444649; text-transform: uppercase }
ul.gallety-filters > li a:hover, ul.gallety-filters > li.active > a { color: #76d898; text-decoration: none }
ul.gallety-filters > li.gf-underline { position: absolute; bottom: 0; left: 0; width: 103px; height: 3px; background-color: #76d898; transition: all .3s ease }

.gallery { background-color: #1a1a1a; margin-left: 0; margin-right: 0; list-style-type: none; margin: 0; padding: 0 }
.gallery:after, .gallery:before { content: " "; display: table }
.gallery:after { clear: both }
.gallery .gl-item { width: 100%; position: relative; min-height: 1px; padding-left: 0; padding-right: 0; position: relative; min-height: 1px; padding-left: 0; padding-right: 0; position: relative; min-height: 1px; padding-left: 0; padding-right: 0 }
@media(min-width:768px) {
    .gallery .gl-item { float: left; width: 50% }
}
@media(min-width:992px) {
    .gallery .gl-item { float: left; width: 33.33333% }
}
@media(min-width:1200px) {
    .gallery .gl-item { float: left; width: 25% }
}
.gallery .gl-item.gl-loading { min-height: 225px; background: url(/what_we_do/image-gallery/assets/img/spinner_black.gif) center center no-repeat }
.gallery .gl-item.gl-double { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; position: relative; min-height: 1px; padding-left: 0; padding-right: 0; position: relative; min-height: 1px; padding-left: 0; padding-right: 0 }
@media(min-width:768px) {
    .gallery .gl-item.gl-double { float: left; width: 100% }
}
@media(min-width:992px) {
    .gallery .gl-item.gl-double { float: left; width: 66.66667% }
}
@media(min-width:1200px) {
    .gallery .gl-item.gl-double { float: left; width: 50% }
}
.gallery .gl-item a:hover { text-decoration: none }
.gallery .gl-item figure { position: relative; width: 100%; overflow: hidden }
.gallery .gl-item figure img { max-width: 100%; min-width: 100%; vertical-align: middle; transition: all .5s ease; transform-style: preserve-3d }
.gallery .gl-item figure figcaption { position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; width: 100%; height: 100%; transition: all .5s ease; background-color: rgba(0,0,0,.8) }
.gallery .gl-item figure:hover > img { transform: scale(1.3); -ms-transform: scale(1.3); -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3) }
.gallery .gl-item figure:hover > figcaption { opacity: 1 }
.gallery .gl-item.gl-fixed-ratio-item.gl-loading { min-height: 0 }
.gallery .gl-item.gl-fixed-ratio-item > a { display: block; position: relative; width: 100%; padding-top: 67% }
.gallery .gl-item.gl-fixed-ratio-item figure { position: absolute; top: 0; bottom: 0; left: 0; right: 0 }
.gallery .gl-item.gl-fixed-ratio-item figure img { min-height: 100% }
.gallery .gl-item .gl-preview { display: none }
.gallery .gl-item.gl-preview { position: relative; width: 100% !important; background-color: #1a1a1a }
.gallery .gl-item.gl-preview .glp-arrow { display: block; position: absolute; z-index: 1; top: -60px; left: 12.5%; margin-left: -30px; width: 0; height: 0; border: 30px solid transparent; border-bottom-color: #1a1a1a }
.gallery .gl-item.gl-preview .glp-close { display: block; position: absolute; z-index: 1; top: 15px; right: 25px; width: 24px; height: 30px; line-height: 30px; font-size: 45px; color: #8e9095; font-family: ElegantIcons }
.gallery .gl-item.gl-preview .glp-close:before { content: "\4d" }
.gallery .gl-item.gl-preview .glp-zoom { display: block; position: absolute; z-index: 1; top: 0; right: 0; width: 40px; height: 40px; line-height: 40px; font-size: 18px; background-color: #444649; color: #8e9095; font-family: ElegantIcons }
.gallery .gl-item.gl-preview .glp-zoom:before { content: "\54" }
@media(max-width:991px) {
    .gallery .gl-item.gl-preview .glp-zoom { display: none }
}
.gallery .gl-item.gl-preview .gl-preview-container { max-width: 1200px; margin: 0 auto; padding: 20px 0 }
.gallery .gl-item.gl-preview figure { display: inline-block; width: auto; text-align: center; max-width: 100% }
.gallery .gl-item.gl-preview figure img { max-width: 800px; min-width: 0 }
.gallery .gl-item.gl-preview figure img.glp-zoomed { display: block; position: fixed; z-index: 101; top: 0; right: 0; width: 100%; max-width: none; cursor: url(/what_we_do/image-gallery/assets/img/zoom-out.gif),zoom-out }
.gallery .gl-item.gl-preview figure:hover > img { transform: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none }
.gallery .gl-item.gl-preview .lg-preview-descr { padding: 0 30px 0 15px; font-size: 13px }
.gallery .gl-item.gl-preview .glp-readmore { margin-top: 20px }
.gallery .gl-item.gl-preview .glp-social { float: right; margin: 50px 0 0 }
.gallery .gl-item.gl-preview .glp-social p { float: left; margin: 0 20px 0 0; line-height: 2.3; font-size: 16px }
.gallery .gl-item.gl-preview .glp-video { position: relative; width: 100%; padding-bottom: 56.25% }
.gallery .gl-item.gl-preview .glp-video embed, .gallery .gl-item.gl-preview .glp-video iframe, .gallery .gl-item.gl-preview .glp-video object, .gallery .gl-item.gl-preview .glp-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.gallery .gl-item.gl-preview .carousel { display: inline-block; max-width: 100% }
.gallery.gl-cols-3 .gl-item { position: relative; min-height: 1px; padding-left: 0; padding-right: 0 }
@media(min-width:1200px) {
    .gallery.gl-cols-3 .gl-item { float: left; width: 33.33333% }
}
.gallery.gl-cols-3 .gl-item.gl-double { position: relative; min-height: 1px; padding-left: 0; padding-right: 0 }
@media(min-width:1200px) {
    .gallery.gl-cols-3 .gl-item.gl-double { float: left; width: 66.66667% }
}
.gallery.gl-cols-5 .gl-item { position: relative; min-height: 1px; padding-left: 0; padding-right: 0 }
@media(min-width:1200px) {
    .gallery.gl-cols-5 .gl-item { float: left; width: 20% }
}
.gallery.gl-cols-5 .gl-item.gl-double { position: relative; min-height: 1px; padding-left: 0; padding-right: 0 }
@media(min-width:1200px) {
    .gallery.gl-cols-5 .gl-item.gl-double { float: left; width: 40% }
}
.gallery.gl-cols-6 .gl-item { position: relative; min-height: 1px; padding-left: 0; padding-right: 0 }
@media(min-width:1200px) {
    .gallery.gl-cols-6 .gl-item { float: left; width: 16.66667% }
}
.gallery.gl-cols-6 .gl-item.gl-double { position: relative; min-height: 1px; padding-left: 0; padding-right: 0 }
@media(min-width:1200px) {
    .gallery.gl-cols-6 .gl-item.gl-double { float: left; width: 33.33333% }
}
.gallery .gl-item-icon { margin-bottom: 0; font-size: 36px; text-align: center; color: #fff }
.gallery .gl-item-title { margin-bottom: 0; font-size: 16px; text-align: center; color: #fff; text-transform: uppercase }
.gallery .gl-item-category { margin-bottom: 0; font-size: 16px; line-height: 1; text-align: center; color: #8e9095 }
.gallery.gl-pinterest .gl-item { padding: 5px }
.gallery.gl-pinterest .gl-item.gl-double { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; position: relative; min-height: 1px; padding-left: 0; padding-right: 0; position: relative; min-height: 1px; padding-left: 0; padding-right: 0; padding: 5px }
@media(min-width:768px) {
    .gallery.gl-pinterest .gl-item.gl-double { float: left; width: 50% }
}
@media(min-width:992px) {
    .gallery.gl-pinterest .gl-item.gl-double { float: left; width: 33.33333% }
}
@media(min-width:1200px) {
    .gallery.gl-pinterest .gl-item.gl-double { float: left; width: 25% }
}
.gallery.gl-pinterest .gl-item figcaption { position: relative; z-index: 1; opacity: 1; padding: 20px; background-color: #fff }
.gallery.gl-pinterest.gl-cols-3 .gl-item.gl-double { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; padding: 5px }
@media(min-width:1200px) {
    .gallery.gl-pinterest.gl-cols-3 .gl-item.gl-double { float: left; width: 33.33333% }
}
.gallery.gl-pinterest.gl-cols-5 .gl-item.gl-double { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; padding: 5px }
@media(min-width:1200px) {
    .gallery.gl-pinterest.gl-cols-5 .gl-item.gl-double { float: left; width: 20% }
}
.gallery.gl-pinterest.gl-cols-6 .gl-item.gl-double { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; padding: 5px }
@media(min-width:1200px) {
    .gallery.gl-pinterest.gl-cols-6 .gl-item.gl-double { float: left; width: 16.66667% }
}
.gallery.gl-pinterest .gl-item-title { margin-bottom: 10px; font-size: 15px; text-align: left; color: #444649; text-transform: uppercase }


.load-more-block { height: 60px; line-height: 60px; text-align: center }


.single-work p { color: #444649 }
.single-work .sw-description { margin-top: 50px }
.single-work .mb-social { margin-top: 30px }
.single-work .mb-social a { background: 0; font-size: 20px }


.container-fullwidth-video { position: relative; width: 100% }
.vjs-fullwidth { width: 100% }
.vjs-fullheight { height: 100% }
.vjs-mental-skin .vjs-play-progress { background: #76d898 }
.vjs-mental-skin .vjs-volume-level { background: #76d898 }
.vjs-mental-skin .vjs-big-play-button { left: 50%; top: 50%; width: 100px; height: 100px; margin-left: -50px; margin-top: -50px; border: 0; box-shadow: none; -webkit-box-shadow: none; background: 0 0 }
.vjs-mental-skin .vjs-big-play-button:before { content: "\f01d"; position: static; color: #fff; font: 80px/100px FontAwesome; vertical-align: middle }
.vjs-mental-skin:hover .vjs-big-play-button, .vjs-mental-skin:hover .vjs-big-play-button:focus { background: 0 0; box-shadow: none; -webkit-box-shadow: none }


.loading-spinner { display: inline-block; width: 32px; height: 32px; vertical-align: middle; background: url(/what_we_do/image-gallery/assets/img/spinner_black.gif) }
.cssanimations .loading-spinner { background: 0; font: 32px/32px FontAwesome; color: #76d898; -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear }
.cssanimations .loading-spinner:before { content: "\f110" }



/*!==========================================================================
   Helpers
   ========================================================================== */
.text-transform-none { text-transform: none }
a.img-eye-hover { display: inline-block; vertical-align: bottom; position: relative; overflow: hidden }
a.img-eye-hover > img { transition: all .5s ease; transform-style: preserve-3d }
a.img-eye-hover:hover:after { content: "\f06e"; display: block; position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; margin: -16px 0 0 -15px; font: 40px/40px FontAwesome; color: #fff }
a.img-eye-hover:hover > img { transform: scale(1.3); -ms-transform: scale(1.3); -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3) }
a.img-zoom-hover { display: inline-block; position: relative; vertical-align: bottom; overflow: hidden }
a.img-zoom-hover > img { transition: all .5s ease; transform-style: preserve-3d }
a.img-zoom-hover:hover > img { transform: scale(1.3); -ms-transform: scale(1.3); -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3) }
.margin-btm-lg { margin-bottom: 40px }
.margin-btm-md { margin-bottom: 30px }
.margin-btm-sm { margin-bottom: 20px }
.col-margin-lg .row > div { margin-bottom: 40px }
.col-margin-md .row > div { margin-bottom: 20px }
.col-margin-sm .row > div { margin-bottom: 10px }
.no-padding { padding: 0 }
.no-margin { margin: 0 }
.middle { width: 100%; height: 100%; display: table }
.middle .middle-inner { width: 100%; height: 100%; display: table-cell; vertical-align: middle }
.animated { opacity: 0 }
.image-fit img { width: 100% }
.shadow-down { box-shadow: 0 0 4px 0 rgba(0,0,0,.4) }
.parallax { background-position: center }
@media(min-width:1200px) {
    .parallax { background-size: 100% }
}
.full-width-height { width: 100%; height: 100% }
.pie-label { display: block; margin-top: -18px; margin-bottom: 10px; font-size: 15px; text-transform: uppercase }
@media(min-width:992px) {
    .col-md-5cols { width: 20% }
}
.menu-bar-opened.menu-bar-ontop #main { margin-left: 0 !important }




/*!==========================================================================
   FROM ON-PAGE INLINE CSS
   ========================================================================== */
.intro-text-wrapper { width: 100%; margin: 0; text-align: center; display: block; background-color: #41484e; padding: 90px 0 }
.intro-text-wrapper h2 { font-family: 'Libre Baskerville',serif; font-size: 32px; line-height: 1.6em !important; padding-bottom: 7px }

.content-section-white { background-color: #fff; color: rgb(51, 51, 51); }
.content-section-white h2, .content-section-white h3, .content-section-white p { color: rgb(51, 51, 51); }
.content-section-gray { background-color: #41484E; color: rgb(255, 255, 255); }
.content-section-gray h2, .content-section-gray h3, .content-section-gray p { color: rgb(255, 255, 255); }
.content-section-blue { background-color: #50A0D5; color: rgb(255, 255, 255); }
.content-section-blue h2, .content-section-blue h3, .content-section-blue p { color: rgb(255, 255, 255); }
.content-section-white a { color: #000!important; text-decoration:underline; }
.content-section-white a:hover { color: #000 !important; }
.content-section-gray a { color: #fff !important; text-decoration: underline; }
.content-section-gray a:hover { color: #fff !important; }
.content-section-blue a { color: #fff !important; text-decoration: underline; }
.content-section-blue a:hover { color: #fff !important; }
.content-section-wrapper { width: 100%; padding: 90px 0px; margin: 0; text-align: left; display: block; }
.content-section-wrapper .innerContent { }
.content-section-wrapper h2 { font-family: 'Libre Baskerville',serif; font-size: 32px; line-height: 1.6em !important; padding-bottom: 7px }
.content-section-wrapper h3 { font-family: 'Libre Baskerville',serif; font-size: 22px; line-height: 1.6em !important; padding-bottom: 7px }
.content-section-wrapper p { font-size: 16px; line-height: 28px !important; margin: 30px 0 30px 0; text-align: justify; }
.content-section-wrapper ul { margin: 0 0 0 15px; }
.content-section-wrapper ul li { font-size: 16px; line-height: 28px !important; }
.content-section-wrapper ol { margin: 0 0 0 15px; }
.content-section-wrapper ol li { font-size: 16px; line-height: 28px !important; }

.appointment-wrapper .buttonWrapper { max-width: 300px; margin: 0 auto; }
.imgLeft { display: block; max-width: 400px; float: left; margin: 30px 30px 30px 0; padding: 0; border-radius: 0 30px 30px 0; }
.imgRight { display: block; max-width: 400px; float: right; margin: 30px 0 30px 30px; padding: 0; border-radius: 30px 0 0 30px; }
.imgLeftCircle { display: block; max-width: 400px; float: left; margin: 30px 30px 30px 0; padding: 0; border-radius: 250px; -webkit-box-shadow: 0px 10px 14px -10px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 10px 14px -10px rgba(50, 50, 50, 0.75); box-shadow: 0px 10px 14px -10px rgba(50, 50, 50, 0.75); }
.imgRightCircle { display: block; max-width: 400px; float: right; margin: 30px 0 30px 30px; padding: 0; border-radius: 250px; border:1px solid #767676; -webkit-box-shadow: 0px 10px 14px -10px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 10px 14px -10px rgba(50, 50, 50, 0.75); box-shadow: 0px 10px 14px -10px rgba(50, 50, 50, 0.75);}
@media only screen and (max-width : 660px) {
    .imgLeft,
    .imgRight,
    .imgRightCircle,
    .imgLeftCircle { display: block; max-width: 100%; float: none; margin: 30px auto 30px auto; padding: 0; border-radius: 5px; border: 0px solid #767676; }
}