/*
    Theme Name: CMDS Jupiter Ganymede
    Author: CMDS Online
    Author URI: https://www.cmdsonline.com/
    Description: Modern WordPress theme framework for CMDS clients.
    Version: 1.1
    Template: cmds_jupiter
    Text Domain: cmdsjupiterganymede
*/

/* ----------- Base Styles ----------- */
body { font-family: 'Roboto', sans-serif; font-weight:300; color: #535353; font-size: 16px; line-height: 1.4; min-height: 100vh; }
p { color: #485063; font-size: 16px; line-height: 1.6; }
a { color: #0063c9; text-decoration: none; transition: all 0.25s; }
b, strong { font-weight:700; }
a:hover, a:focus, a:active { color: #1c3f95; text-decoration: none; }
*[data-toggle="modal"] {cursor: pointer;}

h1, h1.like-h1, h2.like-h1, h3.like-h1, h4.like-h1, h5.like-h1, h6.like-h1, .like-h1 {
    font-family: 'Montserrat', sans-serif; font-size: 68px; font-weight: 700; color: #1c3f95; margin: 0 0 1rem; padding: 0; line-height: 1.1; letter-spacing: 0; text-transform: uppercase;
}
h2, h1.like-h2, h2.like-h2, h3.like-h2, h4.like-h2, h5.like-h2, h6.like-h2, .like-h2 {
    font-family: 'Montserrat', sans-serif; font-size: 38px; font-weight: 700; color: #1c3f95; margin: 0 0 1rem; padding: 0; line-height: 1.2; letter-spacing: 0; text-transform: uppercase;
}
h3, h1.like-h3, h2.like-h3, h3.like-h3, h4.like-h3, h5.like-h3, h6.like-h3, .like-h3 {
    font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 700; color: #162346; margin: 0 0 1rem; padding: 0; line-height: 1.2; letter-spacing: 0; text-transform: none;
}
h4, h1.like-h4, h2.like-h4, h3.like-h4, h4.like-h4, h5.like-h4, h6.like-h4, .like-h4 {
    font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 500; color: #000; margin: 0; padding: 0; line-height: 1.2; letter-spacing: 0; text-transform: none;
}
h5, h1.like-h5, h2.like-h5, h3.like-h5, h4.like-h5, h5.like-h5, h6.like-h5, .like-h5 {
    font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 500; color: #000; margin: 0; padding: 0; line-height: 1.2; letter-spacing: 0; text-transform: none;
}
h6, h1.like-h6, h2.like-h6, h3.like-h6, h4.like-h6, h5.like-h6, h6.like-h6, .like-h6 {
    font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 500; color: #000; margin: 0; padding: 0; line-height: 1.2; letter-spacing: 0; text-transform: none;
}

ul, ol { padding: 0; margin: 0 0 5px 18px; }
ul li, ol li { color:#485063; padding: 0 0 6px; }
li > ul, li > ol { margin: 5px 0 0px 18px; padding: 0px; }
.nav ul, .nav ol, .nav li {margin: 0; padding: 0; }

sup, sub { vertical-align: baseline; position: relative; top: -0.4em; font-size: 0.7em; }
sub { top: 0.4em; }

hr { background-color: #bbb; border: 0; height: 1px; margin: 1.5em auto; }

.container {/*z-index: 1;*/}
.container-fluid {position: relative; overflow: hidden;}

.breadcrumbs {font-size:14px; border-bottom: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; padding: 20px 0px; margin: 0px 0px 20px 0px; line-height: 1.1;}


.single-post h1, .single-post h1.like-h1 { font-size:38px; text-transform:none !important; margin-top:15px; }

.single h1, .single h1.like-h1, .single h2.like-h1, .single h3.like-h1, .single h4.like-h1, .single h5.like-h1, .single h6.like-h1, .like-h1 { text-transform: none; }
.single h2, .single h1.like-h2, .single h2.like-h2, .single h3.like-h2, .single h4.like-h2, .single h5.like-h2, .single h6.like-h2, .like-h2 { text-transform: none; }
.single h3, .single h1.like-h3, .single h2.like-h3, .single h3.like-h3, .single h4.like-h3, .single h5.like-h3, .single h6.like-h3, .like-h3 { text-transform: none; }
.single h4, .single h1.like-h4, .single h2.like-h4, .single h3.like-h4, .single h4.like-h4, .single h5.like-h4, .single h6.like-h4, .like-h4 { text-transform: none; }
.single h5, .single h1.like-h5, .single h2.like-h5, .single h3.like-h5, .single h4.like-h5, .single h5.like-h5, .single h6.like-h5, .like-h5 { text-transform: none; }
.single h6, .single h1.like-h6, .single h2.like-h6, .single h3.like-h6, .single h4.like-h6, .single h5.like-h6, .single h6.like-h6, .like-h6 { text-transform: none; }

/* ----------- Fonts ----------- */
.font-weight-100 {font-weight: 100;}
.font-weight-200 {font-weight: 200;}
.font-weight-300 {font-weight: 300;}
.font-weight-400 {font-weight: 400;}
.font-weight-500 {font-weight: 500;}
.font-weight-600 {font-weight: 600;}
.font-weight-700 {font-weight: 700;}
.font-weight-800 {font-weight: 800;}
.font-weight-900 {font-weight: 900;}

.font-size-12 {font-size: 12px;}
.font-size-14 {font-size: 14px;}
.font-size-16 {font-size: 16px;}
.font-size-18 {font-size: 18px;}
.font-size-20 {font-size: 20px;}
.font-size-22 {font-size: 22px;}
.font-size-24 {font-size: 24px;}
.font-size-26 {font-size: 26px;}
.font-size-28 {font-size: 28px;}
.font-size-30 {font-size: 30px;}
.font-size-32 {font-size: 32px;}
.font-size-34 {font-size: 34px;}
.font-size-36 {font-size: 36px;}
.font-size-38 {font-size: 38px;}
.font-size-40 {font-size: 40px;}
.font-size-45 {font-size: 45px;}
.font-size-50 {font-size: 50px;}

#block_l66h6pu { display:none; }
#block_l6subnr { display:none; }

/* ----------- Z-index ----------- */
.z-index-00 {z-index: -1;}
.z-index-0 {z-index: 0;}
.z-index-1 {z-index: 1;}
.z-index-2 {z-index: 2;}
.z-index-3 {z-index: 3;}
.z-index-10 {z-index: 10;}
.z-index-99 {z-index: 99;}
.z-index-999 {z-index: 999;}


/* ----------- Buttons ----------- */
/* Button styles are managed within the Theme Settings ** DO NOT ADD BUTTON STYLES IN THE CSS ** */
.button { text-decoration: none !important; transition: all 0.25s; line-height: 1; }
.button:hover, .button:focus { text-decoration: none !important; }


/* ----------- Forms ----------- */
label { display: block; color: #333; }
fieldset { margin-bottom: 1em; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="color"], textarea, select {
    color: #666; background: #fff; border: 1px solid #bbb; display: block; padding: 8px 12px; width: 100%; background-image: none; border-radius: 0; box-shadow: none; outline: 0;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus {
    color: #222; border-color: #333;
}

input[type="radio"], input[type="checkbox"] { margin-right: 0.5em; }
input[type="radio"] + label, input[type="checkbox"] + label { font-weight: 400; }
button, input[type="button"], input[type="submit"] {
    border-radius: 0; box-shadow: none; outline: 0; -webkit-appearance: none; appearance: none; cursor: pointer; border: 0;
}

select { color:#333; font-weight:700; }

.check-item { }
.check-item label {cursor: pointer;}
.check-item input {opacity: 0; cursor: pointer; height: 0; width: 0; display: none; } /* hide default checkbox */
.check-item .checkbox-label {display: inline-block; vertical-align: middle;} /* label */
.check-item .checkmark {position: relative; display: inline-block; vertical-align: middle; height: 25px; width: 25px; background-color: #eee; } /* styled checkbox */
.check-item:hover input ~ .checkmark, .check-item:focus input ~ .checkmark { background-color: #ccc; } /* checkbox on hover */
.check-item input:checked ~ .checkmark { background-color: #2196F3; } /* checked checkbox */
/* checkmark */
.check-item .checkmark:after { content: ""; position: absolute; display: none; left: 10px; top: 6px; width: 5px; height: 10px; border: solid #fff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.check-item input:checked ~ .checkmark:after { display: block; }

.radio-item { display: inline-block; vertical-align: middle; margin-right: 25px;}
.radio-item label {cursor: pointer; position: relative;}
.radio-item input {opacity: 0; cursor: pointer; height: 1px; width: 1px; position: absolute; left: 10px; top: 10px;} /* hide default checkbox, but keep element in order to show html5 validation */
.radio-item .radio-label {display: inline-block; vertical-align: middle;} /* label */
.radio-item .checkmark {position: relative; display: inline-block; vertical-align: middle; height: 25px; width: 25px; background-color: #eee; margin-right: 7px; } /* styled checkbox */
.radio-item:hover input ~ .checkmark, .radio-item:focus input ~ .checkmark { background-color: #ccc; } /* checkbox on hover */
.radio-item input:checked ~ .checkmark { background-color: #0063c9; } /* checked checkbox */
/* checkmark */
.radio-item .checkmark:after { content: ""; position: absolute; display: none; left: 7px; top: 7px; width: 10px; height: 10px; border-radius: 100%;  background: #fff;}
.radio-item input:checked ~ .checkmark:after { display: block; }

.email-confirm { display:none !important; }

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width:auto; }
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {outline: 0 !important;}
.bootstrap-select .btn.dropdown-toggle {outline: 0 !important; box-shadow: none !important;}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder { color: #333; opacity: 1; }
:-moz-placeholder { color: #333; opacity: 1; }
::-moz-placeholder { color: #333; opacity: 1; }
:-ms-input-placeholder { color: #333; opacity: 1; }

.website-contacts-msg {display: block; margin: 0px 0 10px 0; font-weight: bold;}
.success-msg {color: #25af25;}
.failed-msg {color: #ca1212;}
form .error {color: #ca1212;}


/* background image fade */
.background-image-right-fade, .background-image-left-fade {position: absolute; top: 0; height: 100%; width: 50%;}
.background-image-right-fade {right: 0;}
.background-image-left-fade {left: 0;}
.background-image-left-fade:after,
.background-image-right-fade:after {content: ''; position: absolute; top: 0; height: 100%; width: 100%; }
.background-image-left-fade:after {left: auto; right: 0;}
.background-image-right-fade:after {left: 0;}

.background-image-top-fade, .background-image-bottom-fade {position: absolute; left: 0; height: 50%; width: 100%;}
.background-image-top-fade {top: 0;}
.background-image-bottom-fade {bottom: 0;}

.background-image-top-fade:after,
.background-image-bottom-fade:after {content: ''; position: absolute; left: 0; height: 100%; width: 100%; }
.background-image-top-fade:after {top: 0;}
.background-image-bottom-fade:after {bottom: 0;}
/* end background image fade */


/* ----------- Blocks ----------- */

/* content-block */
.content-block {}

/* content-intro-block */
.content-intro-block {}

/* content-sticky-sidebar-block */
.content-sticky-sidebar-block {}
.content-sticky-sidebar-block h2 { line-height:1.3; }

/* cta-option-a-block AND cta-option-b-block */
.cta-option-a-block {}
.cta-option-b-block {}
.subtext {font-size: 18px;}

/* column-blocks-two-block */
.column-blocks-two-block {overflow: auto;}
.background-image {padding-bottom: 44.5%;}

/* column-blocks-three-block */
.column-blocks-three-block {}
.background-image-2 {padding-bottom: 68.8%;}
.background-image-3 {padding-bottom: 150%;}

/* column-blocks-four-block */
.column-blocks-four-block {}

/* column-blocks-two-block AND column-blocks-three-block AND column-blocks-four-block */
.each-block-inner {height: 100%; /*overflow: hidden;*/}
.each-block-inner > div {width: 100%;}
.each-block-inner .image-container {position: relative; overflow: hidden;}
.column-blocks-two-block .each-block-inner .each-block-content {width: calc(100% - 60px); z-index: 1; position: absolute; bottom: 20px; left: 30px;}
a.each-block-inner .each-block-bg-image, a.each-block-inner img {transition: all 0.75s; }
a.each-block-inner:hover .each-block-bg-image, a.each-block-inner:hover img {transform: scale(1.1);}
.each-block-icon { text-align: center; margin-bottom: -20px; z-index: 1; height: 100px;}
.each-block-icon .fa,
.each-block-icon .fas,
.each-block-icon .far,
.each-block-icon .fal,
.each-block-icon .fad,
.each-block-icon .fab { padding: 40px; font-size: 50px; text-align: center; width: 130px; height: 130px;}
.each-block-inner .image-container + .each-block-icon .fa,
.each-block-inner .image-container + .each-block-icon .fas,
.each-block-inner .image-container + .each-block-icon .far,
.each-block-inner .image-container + .each-block-icon .fal,
.each-block-inner .image-container + .each-block-icon .fad,
.each-block-inner .image-container + .each-block-icon .fab { margin-top: -50%; border-radius: 100%; background: #fff; box-shadow: 0 3px 6px rgba(0, 24, 143, .1); margin-bottom: 30px; }
.each-block-inner .each-block-icon + .each-block-content {padding-top: 15px !important;}
.each-block-inner .image-container .categories {position: absolute; left: 0; top: 0; z-index: 1;}
.category-tag {background: #0063c9; color: #fff; position: absolute; left: 0; top: 15px; padding: 6px 15px;}



/* standard slick styles */
.slider {}
.slider, .slick-list, .slick-track, .slide {height: 100%;}
.slide {position: relative;}
.slick-slide:focus {outline: 0;}
.slick-arrow {position: absolute; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; color: #f9c424; font-size: 40px; cursor: pointer; background: transparent; outline: 0 !important;   }
.slick-arrow:hover, .slick-arrow:focus {color: #c3960c; transition: all 0.25s; }
.slick-prev {left: 15px; text-align: left;}
.slick-next {right: 15px; text-align: right;}
.slick-dots {position: absolute; bottom: 30px; left: 0; right: 0; text-align: center; margin: 0; line-height: 1;}
.slick-dots li {display: inline-block; vertical-align: middle;}
.slick-dots li button {-webkit-appearance: none; appearance: none; background: #c9cacb; border: 0; border-radius: 100%; font-size: 0; width: 14px; height: 14px; margin: 3px; outline: 0 !important; opacity: 1; padding: 0;}
.slick-dots li.slick-active button {opacity: 1; background: #0063c9; }

.slide video { position:fixed;  width:auto; left:50%; -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index:-1; }
@media screen and (max-aspect-ratio: 1920/1080) {
    .slide video { height: 100%; }
}
@media screen and (min-aspect-ratio: 1920/1080) {
    .slide video { width: 100%; }
}

.no-fixed-attachment {background-attachment: scroll !important;}

.tabs-full-block .slick-arrow { top:40%; }
.tabs-full-block .carousel-block .slick-next { right:49px; }


/* slider text styles */
.slider-text {position: relative; z-index: 2; width: calc(100% - 30px); }
.slider-text p:last-of-type {margin-bottom: 0;}
.slider-text.hor_left {position: absolute; left: 15px; text-align: left;}
.slider-text.hor_center {position: absolute;  left: 50%; text-align: center; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);}
.slider-text.hor_right {position: absolute;  right: 15px; text-align: right;}
.slider-text.ver_top {position: absolute;  top: 15px;}
.slider-text.ver_middle {position: absolute;  top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
.slider-text.ver_bottom {position: absolute; bottom: 15px;}
.slider-text.hor_center.ver_middle {-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

/* carousel-block */
.carousel-block .slick-dots {bottom: 20px;}
/*.carousel-block .slick-nav {position: absolute; right: 45px; top: 0;}*/
.carousel-block .background-image-left-fade {width: 100%;}
.carousel-block {overflow: visible;}
/*.carousel-block > .container-fluid {overflow: visible;}*/

/* slider-a-block */
.slider-a-block .slick-track{ display: flex !important; }
.slider-a-block .slick-slide { height: auto !important;  }
.slider-a-block .slick-slide div { height: 100% !important; }
.slider-a-block {}
.slider-a-block .container { position:relative; z-index:1; }
.slider-a-block .slider-a-text-container {}
.slider-a-block .slider-a-image {}
.slider-a-block .slick-arrow {background: #f9c424; color: #00188f; border-radius: 100%; font-size: 20px; width: 50px; height: 50px; text-align: center; padding: 10px; transition: all 0.25s;}
.slider-a-block .slick-arrow:hover, .slider-a-block .slick-arrow:focus {background: #00188f; color: #f9c424;}
.slider-a-block .slick-prev {left: -25px;}
.slider-a-block .slick-next {right: -25px;}

/* slider-b-block */
.slider-b-block .slick-track{ display: flex !important; }
.slider-b-block .slick-slide { height: auto !important; }
.slider-b-block .slick-slide div { height: 100% !important; }
.slider-b-block {}
.slider-b-block .slider-b-text-container {}
.slider-b-block .slider-b-image { position: absolute; right: 0; top: 0;}

/* slider-c-block */
.slider-c-block .slick-prev {left: -45px; }
.slider-c-block .slick-next {right: -45px;}

/* header-option-a-block */
.header-option-a-block {}
.hero-overlay {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.hero-fade {position: absolute; top: 0; height: 100%; width: 100%; z-index: 1;}
.hero-left-fade { left: 0; }
.hero-right-fade { left: auto; right: 0; }
.header-option-a-block .modal .btn {right: -25px; top: -25px;}
.header-option-a-block:not(.will-be-slider) { opacity: 0; transition: opacity .4s ease-in; }
.header-option-a-block:not(.will-be-slider).header-initialized { opacity: 1; }
.header-option-a-block .slider.will-be-slider {opacity: 0; transition: opacity .4s ease-in;}
.header-option-a-block .slider.will-be-slider.slick-initialized { opacity: 1; }


/* alternating-rows-img-block AND alternating-rows-bg-block */
.alternating-rows-img-block {}
.alternating-rows-img-block .repeater-img {}
.alternating-rows-img-block .repeater-text {}

.alternating-rows-bg-block {}
.alternating-rows-bg-block .repeater-img {min-height: 400px;}
.alternating-rows-bg-block .repeater-text {}

@media(max-width:992px){
    .alternating-rows-bg-block .background-image-right-fade, .alternating-rows-bg-block .background-image-left-fade { position: relative; width: 100%; height: 0; padding-bottom: 100%;}
    .alternating-rows-bg-block .background-image-left-fade:after, .alternating-rows-bg-block .background-image-right-fade:after {content: none;}
}

/* accordion-block */
.accordions {}
.accordion-header {padding: 15px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 18px; background: #002050; color: #fff !important; border: 0; cursor: pointer;} /* open */
.accordion-header:focus, .accordion-header:hover { background: #0072c6; color: #fff !important;} /* open hover */
.accordion-header.collapsed {background: #002050; color: #fff !important; border: 0;} /* closed */
.accordion-header.collapsed:focus, .accordion-header.collapsed:hover { background: #0072c6; color: #fff !important;} /* closed hover */
.accordion-header .icon:before {font-family: 'Font Awesome 5 Pro'; font-weight: 400; color:#6dc2e9;}
.accordion-header .icon:before {content: "\f068";}
.accordion-header.collapsed .icon:before {content: "\f067";}
.accordion-content {border: 0; /* background: #162346; */ color:#fff;}

/* tabs-traditional-block AND tabs-full-block */
.tabs-traditional-block {}
.tabs-full-block {}
.tabs {}
.tabs .nav-tabs {border-bottom: 0; padding-left: 15px; position:relative; z-index:2;}
.list-group-item,
.list-group-item:first-child,
.list-group-item:last-child {border-radius: 0;}

.list-group-item {display: inline-block; width: auto; min-width: 170px; text-align: center; margin-right: 2px; background: #e5e5e5; color: #535353; border: 0; padding: 15px; text-transform: none; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 20px; margin-bottom:0px;}
.tabs-traditional-block .list-group-item { font-size:18px; }
.list-group-item-full {width: 100%; margin-right: 0; background: #0063c9; color:#fff; border: 0; border-right:1px solid #162346;}
.list-group-item-full:nth-of-type(odd) {background: #0063c9; color:#fff; border: 0; border-right:1px solid #162346;}
.list-group-item.active { background: #162346; color: #fff; border: 0; border-bottom-color: transparent; border-right:1px solid #162346;}
.list-group-item-action:hover, .list-group-item-action:focus {color: #fff; background: #162346; border: 0; border-right:1px solid #162346;}

.list-group-item-content {background: transparent; color: #0063c9;}
.list-group-item-content.active {background: #F5F6F0; color: #0063c9; border-right: 0; border-top: 2px solid #0063c9;}
.tabs-content-block .content-container-outer {background: #F5F6F0;}

.tab-pane {border: 0; background: none; z-index: 3; position: relative;}
.tab-pane .accordion-content {border: 0; position: relative}

.tab-pane .background-image-left-fade:after {
    background: -moz-linear-gradient(270deg, rgba(203, 207, 210, 1) 0%, rgba(203, 207, 210, 0) 80%);
    background: -webkit-linear-gradient(270deg, rgba(203, 207, 210, 1) 0%, rgba(203, 207, 210, 0) 80%);
    background: linear-gradient(270deg, rgba(203, 207, 210, 1) 0%, rgba(203, 207, 210, 0) 80%);
}
.tab-pane .background-image-right-fade:after {
    background: -moz-linear-gradient(90deg, rgba(203, 207, 210, 1) 0%, rgba(203, 207, 210, 0) 80%);
    background: -webkit-linear-gradient(90deg, rgba(203, 207, 210, 1) 0%, rgba(203, 207, 210, 0) 80%);
    background: linear-gradient(90deg, rgba(203, 207, 210, 1) 0%, rgba(203, 207, 210, 0) 80%);
}

@media (max-width: 1199px) {
    .tabs-content-block .tab-content > .tab-pane { display: block; opacity: 1; border: 0; }
}

@media(max-width:767px){
    .tab-content > .tab-pane { display: block; opacity: 1; border: 0; }

    .tabs .background-image-right-fade, .tabs .background-image-left-fade { position: relative; width: 100%; height: 0; padding-bottom: 100%;}
    .tabs .background-image-left-fade:after, .tabs .background-image-right-fade:after {content: none;}
}

/* gallery-thumbnails-block */
.gallery-thumbnails-block {}
.gallery-thumbnails-block .gallery-image {height: 0; padding-bottom: 100%; display: block; }
.gallery-thumbnails-block .gallery-image .gallery-modal-content {display: none;}
.featherlight .featherlight-content {border: 0; padding: 0; max-height: 80%; background: transparent; overflow: visible;}
.featherlight .featherlight-content .featherlight-inner { max-height: 80vh; overflow: auto; color: #fff; }
.featherlight-next, .featherlight-previous {top: 0;}
.featherlight-next {right: 0; left: 90%;}
.featherlight-previous {left: 0; right: 90%;}
.featherlight-next:hover, .featherlight-previous:hover, .featherlight-next:focus, .featherlight-previous:focus {background: transparent;}
.featherlight-next span, .featherlight-previous span {font-size: 40px; margin-top: 0; line-height: 1; text-shadow: none; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); color: rgba(255,255,255,0.7);}
.featherlight .featherlight-close-icon {top: -10px; right: -10px; background: #e5e5e5; color: #535353; outline: 0 !important; border-radius: 100%; }

/* box-overlap-img-block */
.box-overlap-img-block { }
.box-overlap-img-block .container { position: relative; }
.box-overlap-img-block .row { position: relative; }
.box-overlap-img-block .section-title { position:absolute; width:30%; top:40px; }
.box-overlap-img-block .section-title.right { left:0px; }
.box-overlap-img-block .section-title.left { left: auto; right: 0px; }
.box-overlap-img-block .content-container { border:1px solid #d2d2d2; z-index:1; }
.box-overlap-img-block .overlap-img { height:100%; position:absolute; z-index:0; width:65%; top:0px; }
.box-overlap-img-block .overlap-img.left { left: 0px; }
.box-overlap-img-block .overlap-img.right { left: auto; right: 0px; }
@media (max-width: 767px){
    .box-overlap-img-block .section-title { position:relative; width:100%; top:0px; }
    .box-overlap-img-block .overlap-img { height:300px; width:100%; position:relative; }
}
.box-overlap-img-block .slick-nav {position: absolute; right: 0; bottom: 40px;}
/*.slick-nav .slick-arrow {position: relative; top: 0; -moz-transform: none; -webkit-transform: none; transform: none; z-index: 1; color: #f68c28; border: 1px solid #3b3d45; font-size: 25px; cursor: pointer; outline: 0 !important; left: auto; right: auto; padding: 8px; line-height: 1; display: inline-block; vertical-align: middle; transition: all 0.25s;}*/
/*.slick-nav .slick-arrow.slick-prev {margin-right: 10px;}*/
/*.slick-nav .slick-arrow:hover, .slick-nav .slick-arrow:focus {background: #f68c28; color: #fff;}*/

/* team-members-block */
.modal { z-index:999999; padding: 0 !important; width:100%; height:100%; }
.modal .modal-dialog { width: 100%; max-width: 1170px; max-height: 100%;  position: absolute; top: 50%; left: 50%; margin: 0 auto; -webkit-transform: translate(-50%,-50%) !important; -ms-transform: translate(-50%,-50%) !important; -o-transform: translate(-50%,-50%) !important; transform: translate(-50%,-50%) !important; }
.modal .modal-content { border-radius: 0px !important; border: 0px !important; }
.modal .btn { background: #0063c9 !important; color: #f9c424 !important; z-index: 100; position: absolute; right: 5px; top: 5px; height: 40px; border-radius: 0px; width: 40px; border: 0; font-size: 20px; padding: 0; }
.modal .modal-footer { border: 0px; background: #fff; }
.modal .modal-backdrop { opacity: 0.75 !important; }

@media (max-width:1170px) {
    .modal .modal-dialog { width: 90%; }
}

@media (max-width:768px){
    .modal .modal-dialog { position: relative; left: 0; top: 15px; -webkit-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; }
    .modal .modal-body { padding-bottom: 15px; }
}

/* ----------- Header ----------- */
header { position: absolute; left: 0; top: 0; width: 100%; z-index: 99; }
.is-sticky { position: fixed; left: 0; top: 0; width: 100%; z-index: 99; transition: all 0.25s; }

/* Header Traditional Block && Header Inline Block */
.logo-home { }
.logo-home a {display: block;}

/* Navigation Aux Block */
.navigation-aux-block {background: #e5e5e5; font-size: 14px; color: #535353; font-weight: 700;}
.navigation-aux-block p {margin: 0;}
.navigation-aux-block a {padding: 2px; color: #535353;}
.navigation-aux-block a:hover, .navigation-aux-block a:focus {text-decoration: underline;}
.navigation-aux-block .nav { padding: 0; margin: 0; list-style: none; }
.navigation-aux-block .nav li { display: inline-block; padding: 0; margin: 0; margin-left: 15px;}

/* Header Traditional Block */
.header-message p {margin-bottom: 0;}

/* Navigation Bar Block && Header Inline Block */
.navigation-bar-block {background: #e5e5e5;}
ul.nav { padding: 0; margin: 0; list-style: none; }
ul.nav li { display: inline-block; margin: 0; margin-left: 5px; margin-right: 5px; }
ul.nav li:first-of-type {margin-left: 0;}
ul.nav li:last-of-type {margin-right: 0;}
ul.nav li a {font-family: 'Montserrat', sans-serif; padding: 15px 20px; color: #fff; font-size: 17px; font-weight: 700; display: block; text-transform:uppercase;}
ul.nav li a:hover, ul.nav li a:focus { color: #f9c424; }
ul.nav li.menu-item-has-children { position:relative; }
ul.nav li.menu-item-has-children a:after { content: "\f078"; font-family: 'Font Awesome 5 Pro'; font-weight:300; font-size: 12px; padding-left: 5px; display: inline-block; color: #f9c424; }
ul.nav li.menu-item-has-children a:hover:after, ul.nav li.menu-item-has-children a:focus:after { color: #f9c424; }
ul.nav li.current-menu-item a { color: #f9c424; }
ul.nav li:hover a, ul.nav li:focus a, ul.nav li.current_page_item a, ul.nav li.current_page_ancestor a, ul.nav li.menu-item-has-children a:after { color: #f9c424; }

/* Navigation Sub Menu Styles */
ul.nav li .sub-menu {background: #002050; position: absolute; top: 100%; z-index: 10000; padding: 10px; margin: 0px; width: 240px; text-align: left; }
ul.nav li .sub-menu  { display: none; }
ul.nav li .sub-menu li {width:100%; margin:0; padding:5px 0px; display:block; border-bottom: 1px solid #304e7b; padding:0px;}
ul.nav li .sub-menu li:first-of-type {margin-left: 0; margin-right:0;}
ul.nav li .sub-menu li:last-of-type {margin-right: 0; margin-right:0; border-bottom:0px;}
ul.nav li .sub-menu a { padding: 10px 5px 10px 5px; color: #fff; font-size: 12px; text-transform:none; font-weight: 400; }
ul.nav li .sub-menu a:after { content: ''; }
ul.nav li:hover .sub-menu, ul.nav li:focus .sub-menu { display: block; list-style: none; }
ul.nav li:focus-within .sub-menu { display: block; list-style: none; }

ul.nav li .sub-menu li .sub-menu { left:100%; top:0px; display:none; }
ul.nav li .sub-menu li:hover .sub-menu { display: block; }


/* Navigation Mobile Styles */
#mobile-nav {display: block; width: 40px; padding: 10px; padding-right: 0; cursor: pointer;}
#mobile-nav span {display: block;width: 30px;height: 2px; margin-bottom: 4px; position: relative; background: #6dc2e9;z-index: 1;}
#mobile-nav span:last-of-type {margin-bottom: 0;}

#mobile-nav-close {position: relative; right: 0; top: 0; display: inline-block; width: 30px; height: 30px; cursor: pointer;}
#mobile-nav-close span {position: absolute; right: 0; top: 13px; display: block; height: 2px; width: 30px; background: #fff;}
#mobile-nav-close span:first-of-type { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#mobile-nav-close span:last-of-type { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }


#navigation-hamburger {position: fixed; z-index: 99; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; }
#navigation-hamburger ul.nav li {display: block; width: 100%; margin: 15px 0; text-align: center; border-bottom: 0;}
#navigation-hamburger ul.nav .sub-menu {position: relative; top: auto; width: 100%; display: none; padding-top: 0; padding-bottom: 0; }


/* ----------- Page Content ----------- */
#flexible-content {background: #fff; position:relative;}
#interior-content { background: #fff; }
#interior-content li { line-height:1.6; padding-bottom:15px;}
.page-content { }

#flexible-content h2, #flexible-content .like-h2 { text-transform:none; }
#interior-content h2, #interior-content .like-h2 { text-transform:none; }

/* ----------- Footer ----------- */
#above-footer {}

footer { background: #fff; }

.footer-inline-block { background:#fff; }

#logo-footer { margin-right: 15px; }
#logo-footer a {display: block;}

.footer-menu {}
.footer-menu { padding: 0; margin: 0; list-style: none; }
.footer-menu li { display: inline-block; padding: 0; margin: 0; margin-left: 15px;}
.footer-menu li a { padding: 2px; color: #00188f; font-size: 16px; font-weight: 700;}
.footer-menu li a:hover, .footer-menu li a:focus { color: #6dc2e9; }

.footer-flexible-three-columns-block .footer-menu {}
.footer-flexible-three-columns-block .footer-menu > li {margin: 0 10px;}
.footer-flexible-three-columns-block .footer-menu > li a {text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 18px;}
.footer-flexible-three-columns-block .footer-menu > li .sub-menu { margin: 15px 0 0; }
.footer-flexible-three-columns-block .footer-menu > li .sub-menu li { margin: 0 0 10px; display: block;}
.footer-flexible-three-columns-block .footer-menu > li .sub-menu a { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 16px; text-transform: none; }

.copyright-bar-block { font-size: 14px; color: #002050; font-size:14px; }
.copyright-bar-block .container { }
.copyright-bar-block p {margin: 0; font-size: 14px; }
.copyright-bar-block a {color: #002050;}
.copyright-bar-block a:hover, .copyright-bar-block a:focus {text-decoration: none;}

.social-icons { display: inline-block; vertical-align: middle;}
.social-icons a {color: #1c3f95; font-size: 18px; padding: 2px; margin: 0 3px;}
.social-icons a:hover, .social-icons a:focus {color: #f9c424;}

/* ----------- GDPR Banner Defaults ----------- */
.gdpr-banner{font-size: 14px;background-color:#000;position: fixed;overflow: hidden;-webkit-box-sizing: border-box;box-sizing: border-box;font-family: inherit;line-height: 1.5em;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;z-index: 9999;padding: 1em 1.8em;width: 100%;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;transition: all 0.25s;}
.gdpr-banner.banner-bottom{left: 0;right: 0;bottom: 0;}
.gdpr-banner.banner-top{left: 0;right: 0;top: 0;}
.gdpr-banner.banner-left{bottom: 1em;left: 1em;padding: 2em;max-width: 24em;-ms-flex-direction: column;flex-direction: column;}
.gdpr-banner.banner-right{bottom: 1em;right: 1em;padding: 2em;max-width: 24em;-ms-flex-direction: column;flex-direction: column;}
.gdpr-banner .message{color:#fff;display: block;-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;max-width: 100%;margin-right: 1em;max-width:85%;padding-left:25px;}
.gdpr-banner .message p{margin:0;}
.gdpr-banner.banner-left .message, .gdpr-banner.banner-right .message{margin-bottom: 1em;padding-left:0;}
.gdpr-banner .dismiss {max-width:15%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-line-pack: justify;align-content: space-between;margin:0 auto;}
.gdpr-banner .button{font-size:1em;padding: 10px 20px;width:auto;cursor:pointer;white-space: nowrap;}
.gdpr-banner .button::after {content:"";display:none;}
.gdpr-banner.banner-left .dismiss, .gdpr-banner.banner-right .dismiss{display:block;width: 100%;max-width:none;}
.gdpr-banner.banner-left .button, .gdpr-banner.banner-right .button{display:block;text-align:center;}
@media (max-width:1200px){
	.gdpr-banner .message{padding-left:0;}
	.gdpr-banner .message br{display:none;}
}
@media (max-width:991px){
	.gdpr-banner .message{max-width:80%;}
	.gdpr-banner.banner-left .message, .gdpr-banner.banner-right .message{max-width:none;}
}
@media (max-width:767px){
	.gdpr-banner .message{max-width:100%;padding-left:0;}
	.gdpr-banner .dismiss {max-width:100%;}
}
/* ----------- GDPR Banner Override(s) ----------- */
.gdpr-banner .message a {text-decoration:underline;color: #fff;}
.gdpr-banner .button{margin-top:10px;}


/* ----------- Custom Project Styles ----------- */

.yellow { color:#f5c124 !important; }
.blue { color:#1c3f95 !important; }
#mobile-call a { color:#fff; }
#hero-content { position:relative; }
#hero-content .slider:after { content: ''; background: url(images/kmb-hero-borderv2.svg) bottom center no-repeat; width:100%; height:100%; position:absolute; bottom:0px; left:0px; z-index:1;  }
#hero-content .slider-text-outer { margin-bottom:70px; }
#hero-content .like-h3, #hero-content h3 { font-weight:300; font-family: 'Roboto', sans-serif; font-size:24px; margin-bottom:30px; }
#hero-content .subtext p { font-size:26px; text-transform:uppercase; font-weight:700; }

.header-inline-block .container, .header-inline-block .container-fluid { overflow:visible; }
.not-transparent { background:#1c3f95 !important; padding-top:0.10rem !important; padding-bottom:0.10rem !important; transition: all 0.25s;}
.not-transparent .container-fluid { padding-top:0.30rem !important; padding-bottom:0.30rem !important; }
.not-transparent .logo-home { transform: scale(0.8); }
.button:after { content: "\f054"; font-family: 'Font Awesome 5 Pro'; font-weight: 300; font-size: 12px; color:#f9c424 !important; padding-left: 10px; display: inline-block; vertical-align: middle; transition: all 0.25s; }
.button:hover:after {  padding-left:15px; transition: all 0.25s; }
.header-inline-block .button:hover:after { padding-left:10px !important; }

.custom-wrapper { position:relative; width:100%; }
.custom-wrapper img { max-width:100%; height:auto; }
.custom-wrapper iframe { display:none; }
.custom-wrapper #player-container { display:none; }
.play-btn { position:absolute; z-index:3; top:50%; left:50%; transform:translate(-50%, -50%); background-color:transparent; border:0; }
.play-btn:hover { cursor:pointer; }
.play-btn img:hover { filter:brightness(115%); }
.play-btn:focus { outline:0; }

.service-projects .tab-content { background: #162346; }
.service-projects .background-image-left-fade { display:none; }
.service-projects .tab-content:after { content:''; background: url(images/kmb-globe.svg) center right no-repeat; width: 100%; height: 150%; position: absolute; top:0px; left:0px; z-index:1; opacity:0.3; }
.service-projects .nav-tabs a:nth-of-type(1):before { content:''; background: url(images/antenna.svg) top center no-repeat; width: 100%; height: 60px; position: relative; display:block; }
.service-projects .nav-tabs a:nth-of-type(2):before { content:''; background: url(images/house-sketch.svg) top center no-repeat; width: 100%; height: 60px; position: relative; display:block; }
.service-projects .nav-tabs a:nth-of-type(3):before { content:''; background: url(images/technology.svg) top center no-repeat; width: 100%; height: 60px; position: relative; display:block; }
.service-projects .nav-tabs a:nth-of-type(4):before { content:''; background: url(images/screen.svg) top center no-repeat; width: 100%; height: 60px; position: relative; display:block; }

.image-container p, .image-container h1, .image-container h2, .image-container h3, .image-container h4, .image-container h5, .image-container h6, .image-container ol, .image-container ul, .image-container li { color:#fff; }

.hero-date { color:#fff; font-weight:700; font-size:18px; }

.carousel-block .slick-slide .slider-image {border-radius: 12px 0 12px 0; }
/*.carousel-block .slick-list { padding:0 20% 0 0; }*/
.carousel-block .slick-next { right: 30px; text-align: left;}
.carousel-block .slick-prev { left: -30px;  text-align: left;}

.column-blocks-four-block .slider .slick-prev { left: -30px; top: 34.4%; }
.column-blocks-four-block .slider .slick-next { right: -30px; top: 34.4%; }

.carousel-block.center-carousel-block .background-image-left-fade { background:#fff; border-radius: 12px 0 12px 0; padding:30px; }

.carousel-block.center-carousel-block .slick-slide { opacity:0.5; }
.carousel-block.center-carousel-block .slick-slide.slick-current.slick-active { opacity:1; }
.carousel-block.center-carousel-block .slider-text { padding:50px; color:#485063; font-size:16px;  }
.carousel-block.center-carousel-block .slick-dots { bottom:-50px; }
.carousel-block.center-carousel-block .slider-image { display:none; }

.carousel-block.center-carousel-block .testimonial-author { color:#1c3f95; font-weight:700; margin-top:15px; font-size:15px; }
.testimonials-heading-container:before { content:''; background:#fff; width:70%; position:absolute; left:-70%; top:0px; height:92px; z-index:1; }
.testimonials-heading { position:absolute; font-size:32px; font-weight:700; color:#1c3f95; top:0px; left:0px; padding-top:20px; padding-bottom:20px; background:#fff; text-transform:uppercase; z-index:2; }
.testimonials-heading:before { content:''; background: url(images/kmb-globe.svg) center left no-repeat; width: 45px; height: 41px; top:10px; position: relative; display:inline-block; }
.testimonials-heading:after { content:''; background:#fff; width:100px; position:absolute; right:-70px; top:0px; height:92px; z-index:-1; transform: skew(-20deg); }

.cta-option-a-block:before { content:''; position:absolute; top:0px; right:0px; width:49%; height:13px; background:#0063c9; }
.cta-option-a-block.headline:before { content:''; background:none; height:0px; width:0px; }

.basic-interior-form { border-radius: 12px 0 12px 0; background:#003975; }
.basic-interior-form h2 { text-transform:none; color:#fff; }
.basic-interior-form input, .basic-interior-form textarea { color:#1c3f95; font-weight:700; }

.content-sticky-sidebar-block .container,
.content-sticky-sidebar-block .container-fluid,
.slider-c-block > .container { border-bottom:1px solid #e5e5e5; }

.carousel-block.center-carousel-block .recent-posts-text h3 { font-size:26px; color:#1c3f95; position:relative; }
.carousel-block.center-carousel-block .recent-posts-text .feat-img { height:128px; width:128px; background:black; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; margin:-100px auto 20px auto; background-size: auto 100% !important; }
.carousel-block.center-carousel-block .slider, .carousel-block.center-carousel-block .slick-list, .carousel-block.center-carousel-block .slick-track, .carousel-block.center-carousel-block .slide { overflow:visible; }

.column-blocks-four-block h3 { margin-bottom:0px; }

.wp-pagenavi { margin-top:40px; }
.post-category { display:block !important; width:100%; }

.cta-headshot h3, .cta-headshot h4, .cta-headshot p { color:#fff; }
.cta-headshot h3 { font-size:30px; }
.cta-headshot h4 { margin-bottom:20px; }

.copyright-bar-block .container { border-top:1px solid #e5e5e5; }

#sidebar-right h2.mt-3 { font-size:28px; }


/*** Projects Block ***/

#projects-container .category-tag { font-weight:700 !important; font-size:20px; }
.projects-page .dropdown bootstrap-select { width:100% !important; }
.projects-page .btn-light { color: #fff !important; background-color: #0063c9 !important; border-color: #0063c9 !important; font-weight:700 !important; font-size:20px !important; width:100%; padding:15px;}
.projects-page .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width:100%;}
.projects-page .dropdown-toggle::after { color:#f9c424 !important; right:15px; position:relative; }

#mep-subcategory-select {display: none;}
#mep-subcategory-select + button {display: none;}

/*** Hero Option B ***/

@media(max-width:991px){

	#hero-content .header-option-b-block .slider-text-outer { min-height:85vh !important;  }
	#hero-content .video-frame { padding-top:50px !important; }
	#hero-content .header-option-b-block .like-h3, #hero-content .header-option-b-block h3 { font-size:18px; line-height:1.3; }
}

@media(max-width:768px){
	#hero-content .video-frame { padding-top:0px !important; }
}



/* ----------- Blog Filter ----------- */
.blog-filter{margin: 20px auto 0 auto;font-size: 22px;font-weight: 300;color: #000;text-transform: uppercase;}
.blog-filter .filter-text {margin-top: 12px;display: inline-block;}
.blog-filter .bootstrap-select .filter-option {font-size: 22px;font-weight: 400;color: #000;text-transform: uppercase;}
.blog-filter .bootstrap-select {width: auto !important;min-width: 275px !important;float: right;margin-left: 10px !important;border-bottom: 1px solid #898F94;margin-bottom: 10px;}
.blog-filter .bootstrap-select .btn.dropdown-toggle {background-color: transparent;border: none;margin-top: 4px;}
.blog-filter .bootstrap-select .btn.dropdown-toggle::after {border-top: .5em solid;border-right: .5em solid transparent;border-left: .5em solid transparent;border-bottom:none;color: #0063c9;}
.blog-filter .bootstrap-select .dropdown-menu .dropdown-item{color: #000;}
.blog-filter .bootstrap-select .dropdown-item.active, .blog-filter .bootstrap-select .dropdown-item:active {color: #fff;text-decoration: none;background-color: #0063c9;}
.blog-filter .bootstrap-select .dropdown-item:focus, .blog-filter .bootstrap-select .dropdown-item:hover {color: #000;text-decoration: none;background-color: #f8f8f8;}
@media (max-width: 991px){
	.blog-filter .bootstrap-select {float:none;}
}



/* ----------- Text meant only for screen readers ----------- */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
    color: #fff;
}

.screen-reader-text:focus {
    background-color: #002050;
    clip: auto !important;
    clip-path: none;
    color: #fff;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}


/* ----------- Media Queries ----------- */
@media (min-width: 1500px){

    .container { width: 1340px; max-width: 1340px; }

}

/* ----------- Bootstrap Media Queries ----------- */
/* xl */
@media (min-width: 1200px){

}

/* lg, xl */
@media (min-width: 992px){

}

/* md, lg, xl */
@media (min-width: 768px){


}

/* sm, md, lg, xl */
@media (min-width: 576px){

}

@media (max-width: 1550px){
    .tabs-traditional-block .list-group-item { padding:8px; font-size:14px; min-width:140px; }

}

@media (max-width: 1440px){
	.carousel-block.center-carousel-block .slider-text { font-size:16px; }
}

/* xl */
@media (max-width: 1340px){
ul.nav li a { padding: 10px 10px; font-size: 16px; }

}

/* xs, sm, md, lg */
@media (max-width: 1199px){
    ul.nav li a { padding: 10px 10px; font-size: 14px; }
    .button-1 { padding:15px 15px !important; font-size:14px !important; }
    h1, h1.like-h1, h2.like-h1, h3.like-h1, h4.like-h1, h5.like-h1, h6.like-h1, .like-h1 { font-size: 48px; }
    h2, h1.like-h2, h2.like-h2, h3.like-h2, h4.like-h2, h5.like-h2, h6.like-h2, .like-h2 { font-size: 30px; }
}

@media (max-width: 1050px){
ul.nav li a { padding: 10px 5px; }
.carousel-block.center-carousel-block .slider-text { padding:30px; }
}

/* xs, sm, md */
@media (max-width: 991px){

    .slider-a-block .slick-slide .slider-a-text-container {height: calc(100% - 200px) !important;}
    .slider-a-block .slick-slide .slider-a-image { height: 200px !important;}
    .list-group-item { font-size:16px; }
    .service-projects .nav-tabs a:nth-of-type(1):before { height: 40px; }
    .service-projects .nav-tabs a:nth-of-type(2):before { height: 40px; }
    .service-projects .nav-tabs a:nth-of-type(3):before { height: 40px; }
    .service-projects .nav-tabs a:nth-of-type(4):before { height: 40px; }
    .cta-headshot { border-top:1px solid #fff; padding-top:20px; margin-top:20px;}
	.cta-option-a-block { background-position:-150px center !important; }

}

/* xs, sm */
@media (max-width: 767px){

    p { color: #002050; font-size: 16px; line-height: 26px; }
    ul.nav li a { padding: 10px 2px; }
    ul.nav li .sub-menu { border-top: 0px; }
    h1, h1.like-h1, h2.like-h1, h3.like-h1, h4.like-h1, h5.like-h1, h6.like-h1, .like-h1 { font-size: 32px; }
    h2, h1.like-h2, h2.like-h2, h3.like-h2, h4.like-h2, h5.like-h2, h6.like-h2, .like-h2 { font-size: 24px; }
    h3, h1.like-h3, h2.like-h3, h3.like-h3, h4.like-h3, h5.like-h3, h6.like-h3, .like-h3 { font-size: 22px; }
    h4, h1.like-h4, h2.like-h4, h3.like-h4, h4.like-h4, h5.like-h4, h6.like-h4, .like-h4 { font-size: 18px; }
    h5, h1.like-h5, h2.like-h5, h3.like-h5, h4.like-h5, h5.like-h5, h6.like-h5, .like-h5 { font-size: 18px; }
    h6, h1.like-h6, h2.like-h6, h3.like-h6, h4.like-h6, h5.like-h6, h6.like-h6, .like-h6 { font-size: 14px; }
    #hero-content .subtext p { font-size:16px; }
    #hero-content .like-h3, #hero-content h3 { font-size:20px; }
    #hero-content .slider:after { width:105%; height:105%; left:-5px  }
    .button.button-3 { padding-left:10px; }
    .logo-home a img { width:90px; }
    .testimonials-heading { font-size:18px; left: 35px; }
    .testimonials-heading:before { width:30px; height:26px; top:6px; }
    .testimonials-heading:after { height:72px; }
    .testimonials-heading-container:before { left:-40%; height:72px; }
    .center-carousel-block { padding-bottom:50px !important; }
    .carousel-block.center-carousel-block .slider { margin-top:30px; min-height:300px !important; }
    .carousel-block.center-carousel-block .slider-text { padding:0px; font-size:16px; }
    .carousel-block.center-carousel-block .background-image-left-fade { padding:10px; }
    .carousel-block.center-carousel-block .recent-posts-text h3 { font-size:17px; margin-bottom:5px; }
    .carousel-block.center-carousel-block .recent-posts-text .button-2 { padding-top:0px; }
    .carousel-block.center-carousel-block .recent-posts-text p { font-size:14px !important; line-height:1.4; margin-bottom:5px; }
    .carousel-block.center-carousel-block .recent-posts-text .feat-img { height:62px; width:62px; margin:-10px auto 20px auto; }

    .cta-headshot h3 { font-size:20px; margin-bottom:10px; }
    .cta-headshot h4 { margin-bottom:10px; font-size:16px; }

    .team-members-block h3 { font-size:17px; text-transform:none !important; margin-bottom:10px; }
    .team-members-block p { line-height:1.3; }

    .footer-menu { display:none !important; }
    #logo-footer { text-align:center !important; }
    .footer-flexible-three-columns-block { text-align:center !important; }
    ul.nav li .sub-menu { background: none !important; }
    .column-blocks-two-block h3 { font-size:16px !important;; line-height:1.3 !important; }
    .column-blocks-two-block .each-block { margin-top:15px; }

    .column-blocks-two-block .background-image-bottom-fade { height:150% !important; }
    .service-projects .far.fa-chevron-left { display:none !important; }
    .header-option-a-block.video-hero { height:64vh !important; }
    .header-option-a-block.singles-hero { height:auto !important; padding-top:50px !important; }
    .header-option-a-block.singles-hero .hero-overlay { height: 120% !important; }
    .header-option-a-block.singles-hero .hero-fade.hero-left-fade { height: 120% !important; }
    .header-option-a-block.singles-hero h1 { font-size:26px; line-height:1.3; }
    .header-option-a-block.interior-hero { height:45vh !important; }
    .cta-option-a-block .cta-headshot a { color:#f5c124; }
	.cta-option-a-block { background-position:-300px center !important; }
    #projects-container h3 { font-size:22px !important; }
    #projects-container .button.button-3 { padding-left:0px; }
    .slider-c-block .slide div { min-height:300px !important; }
    .slider-c-block .slider { min-height:300px !important; }

	ul.nav li .sub-menu li .sub-menu { left:0%; }
	ul.nav li .sub-menu li.menu-item-has-children a:after { content: "\f078";font-family: 'Font Awesome 5 Pro';font-weight: 300;font-size: 12px;padding-left: 5px;display: inline-block;color: #f9c424;}
	ul.nav li .sub-menu li.menu-item-has-children li a:after { content:' '; }

.tabs-full-block .carousel-block .slick-next { right:-25px; }
.radio-label { font-size:15px; }
.radio-item { margin-right:15px; }

}

/* xs */
@media (max-width: 575px){

	.cta-option-a-block { background-position:-370px center !important; }

}

/* ----------- Additional Media Queries ----------- */
@media (max-width: 500px){

}

@media (max-width: 420px){

}

@media (max-width: 380px){

}

@media (max-width: 320px){

}

/* ------- iOS only ------- */

@supports (-webkit-overflow-scrolling: touch) {
    .slide {background-attachment: scroll !important;}
}

/* ------- Edge only ------- */
@supports (-ms-ime-align:auto) {
    .slide {background-attachment: scroll !important;}
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3) {

}

/* Portrait */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {

}

/* Landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {

}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 812px)
  and (-webkit-min-device-pixel-ratio: 3) {

}

/* Portrait */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 812px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {

}

/* Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 812px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {

}

/* ----------- IE 10 and 11 ----------- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
}



.loader {
  font-size: 10px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: #0063c9;
  background: -moz-linear-gradient(left, #0063c9 10%, rgba(0,99,201, 0) 42%);
  background: -webkit-linear-gradient(left, #0063c9 10%, rgba(0,99,201, 0) 42%);
  background: -o-linear-gradient(left, #0063c9 10%, rgba(0,99,201, 0) 42%);
  background: -ms-linear-gradient(left, #0063c9 10%, rgba(0,99,201, 0) 42%);
  background: linear-gradient(to right, #0063c9 10%, rgba(0,99,201, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loader:before {
  width: 50%;
  height: 50%;
  background: #0063c9;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.loader:after {
  background: #fff;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}