/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

@font-face {
    font-family: 'Frutiger LT Pro';
    src: url('assets/fonts/FrutigerLTPro-Light.eot');
    src: url('assets/fonts/FrutigerLTPro-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/FrutigerLTPro-Light.woff2') format('woff2'),
        url('assets/fonts/FrutigerLTPro-Light.woff') format('woff'),
        url('assets/fonts/FrutigerLTPro-Light.ttf') format('truetype'),
        url('assets/fonts/FrutigerLTPro-Light.svg#FrutigerLTPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Frutiger LT Pro';
    src: url('assets/fonts/FrutigerLTPro-Roman.eot');
    src: url('assets/fonts/FrutigerLTPro-Roman.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/FrutigerLTPro-Roman.woff2') format('woff2'),
        url('assets/fonts/FrutigerLTPro-Roman.woff') format('woff'),
        url('assets/fonts/FrutigerLTPro-Roman.ttf') format('truetype'),
        url('assets/fonts/FrutigerLTPro-Roman.svg#FrutigerLTPro-Roman') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Frutiger LT Pro';
    src: url('assets/fonts/FrutigerLTPro-Italic.eot');
    src: url('assets/fonts/FrutigerLTPro-Italic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/FrutigerLTPro-Italic.woff2') format('woff2'),
        url('assets/fonts/FrutigerLTPro-Italic.woff') format('woff'),
        url('assets/fonts/FrutigerLTPro-Italic.ttf') format('truetype'),
        url('assets/fonts/FrutigerLTPro-Italic.svg#FrutigerLTPro-Italic') format('svg');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Frutiger LT Pro';
    src: url('assets/fonts/FrutigerLTPro-Bold.eot');
    src: url('assets/fonts/FrutigerLTPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/FrutigerLTPro-Bold.woff2') format('woff2'),
        url('assets/fonts/FrutigerLTPro-Bold.woff') format('woff'),
        url('assets/fonts/FrutigerLTPro-Bold.ttf') format('truetype'),
        url('assets/fonts/FrutigerLTPro-Bold.svg#FrutigerLTPro-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Frutiger LT Pro';
    src: url('assets/fonts/FrutigerLTPro-BoldItalic.eot');
    src: url('assets/fonts/FrutigerLTPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/FrutigerLTPro-BoldItalic.woff2') format('woff2'),
        url('assets/fonts/FrutigerLTPro-BoldItalic.woff') format('woff'),
        url('assets/fonts/FrutigerLTPro-BoldItalic.ttf') format('truetype'),
        url('assets/fonts/FrutigerLTPro-BoldItalic.svg#FrutigerLTPro-BoldItalic') format('svg');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

:root {
	--black: #000000;
	--site1: #156aa8;
	--site2: #16a5d9;
	--site3: #e5c800;
	--site4: #f28e20;
	--site5: #e84041;
	--site6: #bccf02;
	--site7: #703a85;
	--white: #ffffff;
}

/*********************
 GENERAL
 *********************/
body, h1, h2, h3, h4, h5, h6, p, ul li, ol li, strong { font-family: 'Frutiger LT Pro'; }
body, p, ul li, ol li { font-size: 19px; font-weight: 400; line-height: 26px; }
strong { font-weight: 700; }
small { font-size: 85%; line-height: 85%; }

h1, h2, h3, h4, h5 { color: var(--black); font-weight: 700; }

a, button { transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }

h1 { font-size: 57px; line-height: 61px; }
h2 { font-size: 40px; line-height: 44px; }
h3 { font-size: 30px; line-height: 34px; }
h4 { font-size: 27px; line-height: 31px; }
h5 { font-size: 24px; line-height: 28px; }

@media (max-width: 1199px) {
	h1 { font-size: 50px; line-height: 54px; }
	h2 { font-size: 37px; line-height: 41px; }
	h3 { font-size: 28px; line-height: 32px; }
	h4 { font-size: 26px; line-height: 30px; }
	h5 { font-size: 23px; line-height: 27px; }
}

@media (max-width: 999px) {
	h1 { font-size: 46px; line-height: 50px; }
	h2 { font-size: 35px; line-height: 39px; }
	h3 { font-size: 27px; line-height: 31px; }
	h4 { font-size: 24px; line-height: 28px; }
	h5 { font-size: 22px; line-height: 26px; }
}

@media (max-width: 690px) {
	h1 { font-size: 40px; line-height: 44px; }
	h2 { font-size: 33px; line-height: 37px; }
	h3 { font-size: 26px; line-height: 30px; }
	h4 { font-size: 23px; line-height: 27px; }
	h5 { font-size: 21px; line-height: 25px; }
}

@media (max-width: 480px) {
	h1 { font-size: 36px; line-height: 40px; }
	h2 { font-size: 30px; line-height: 34px; }
	h3 { font-size: 24px; line-height: 28px; }
	h4 { font-size: 21px; line-height: 25px; }
	h5 { font-size: 19px; line-height: 23px; }
}

.bkg-site1 { background-color: var(--site1); }
.bkg-site2 { background-color: var(--site2); }
.bkg-site3 { background-color: var(--site3); }
.bkg-site4 { background-color: var(--site4); }
.bkg-site5 { background-color: var(--site5); }
.bkg-site6 { background-color: var(--site6); }
.bkg-site7 { background-color: var(--site7); }

.text-black { color: var(--black)!important; }
.text-site1 { color: var(--site1); }
.text-site2 { color: var(--site2); }
.text-site3 { color: var(--site3); }
.text-site4 { color: var(--site4); }
.text-site5 { color: var(--site5); }
.text-site6 { color: var(--site6); }
.text-site7 { color: var(--site6); }

.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-4 { margin-bottom: 1.5rem; }
.mb-5 { margin-bottom: 3rem; }

.mt-0 { margin-top: 0; }
.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 0.75rem; }
.mt-4 { margin-top: 1.5rem; }
.mt-5 { margin-top: 3rem; }

.pb-0 { padding-bottom: 0; }
.pb-1 { padding-bottom: 0.25rem; }
.pb-2 { padding-bottom: 0.5rem; }
.pb-3 { padding-bottom: 0.75rem; }
.pb-4 { padding-bottom: 1.5rem; }
.pb-5 { padding-bottom: 3rem; }

.pt-0 { padding-top: 0; }
.pt-1 { padding-top: 0.25rem; }
.pt-2 { padding-top: 0.5rem; }
.pt-3 { padding-top: 0.75rem; }
.pt-4 { padding-top: 1.5rem; }
.pt-5 { padding-top: 3rem; }

@media (min-width: 1000px) {
	.d-lg-none { display: none; }

	.pt-lg-0 { padding-top: 0; }
	.pt-lg-1 { padding-top: 0.25rem; }
	.pt-lg-2 { padding-top: 0.5rem; }
	.pt-lg-3 { padding-top: 0.75rem; }
	.pt-lg-4 { padding-top: 1.5rem; }
	.pt-lg-5 { padding-top: 3rem; }
}

/**** Bootrap ****/
.col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, 
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, 
.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, 
.col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, 
.col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	width: 100%;
}

.col-12 { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; }

@media (min-width: 691px) {
	.col-md-6 { flex: 0 0 50%; -ms-flex: 0 0 50%; max-width: 50%; }
}

@media (min-width: 1000px) {
	.col-lg-3 { flex: 0 0 25%; -ms-flex: 0 0 25%; max-width: 25%; }
	.col-lg-4 { flex: 0 0 33.333333334%; -ms-flex: 0 0 33.333333334%; max-width: 33.333333334%; }
	.col-lg-8 { flex: 0 0 66.666666667%; -ms-flex: 0 0 66.666666667%; max-width: 66.666666667%; }
	.col-lg-9 { flex: 0 0 75%; -ms-flex: 0 0 75%; max-width: 75%; }
}

@media (min-width: 1200px) {
	.col-xl-2 { flex: 0 0 16.666666667%; -ms-flex: 0 0 16.666666667%; max-width: 16.666666667%; }
	.col-xl-3 { flex: 0 0 25%; -ms-flex: 0 0 25%; max-width: 25%; }
	.col-xl-4 { flex: 0 0 33.333333334%; -ms-flex: 0 0 33.333333334%; max-width: 33.333333334%; }
	.col-xl-5 { flex: 0 0 41.666666667%; -ms-flex: 0 0 41.666666667%; max-width: 41.666666667%; }
	.col-xl-9 { flex: 0 0 75%; -ms-flex: 0 0 75%; max-width: 75%; }
	.col-xl-10 { flex: 0 0 81.666666667%; -ms-flex: 0 0 81.666666667%; max-width: 81.666666667%; }
}


/*********************
 HEADER
 *********************/
#header-outer .col.span_9 { padding-top: 42px; transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }
#header-outer.small-nav .col.span_9 { padding-top: 31px; }

#headerForm { display: inline-block; width: 300px; }
#headerForm input, #headerForm button { display: inline-block; float: left; }
#headerForm input { background-color: transparent; border: 1px solid #c1c1c1; border-right-width: 0; border-radius: 6px 0 0 6px; color: var(--black); padding: 10px 15px; width: 250px; }
#headerForm input::placeholder { color: #666666; font-size: 16px; line-height: 20px; }
#headerForm button { background-color: var(--site1); border-radius: 0 6px 6px 0!important; color: var(--white); font-size: 23px; line-height: 27px; padding-bottom: 10px; padding-top: 9px; text-align: center; width: 50px; }
#headerForm button:hover { background-color: var(--site1); }

#header-outer .button { background-color: var(--site4); border-radius: 6px; color: var(--white); display: inline-block; font-size: 16px; height: 47px; line-height: 20px; margin-left: 15px; padding: 13px 24px; }
#header-outer .button:hover { background: var(--site2); }

#header-outer .button.button-site2 { background-color: var(--site2); }
#header-outer .button.button-site2:hover { background-color: var(--site1); }

#top .bkg-site1 { position: relative; }
#top .bkg-site1:before { content: ''; background-color: var(--site1); display: inline-block; height: 100%; left: 50%; position: absolute; top: 0; width: 100vw; transform: translateX(-50vw); -webkit-transform: translateX(-50vw); -moz-transform: translateX(-50vw); }
#top nav > ul > li:not(#social-in-menu) > a { color: var(--white); font-size: 15px; font-weight: 500; line-height: 21px; padding: 15px 10px 16px!important; }
#top nav > ul > li:not(#social-in-menu) > a > span:after { content: none!important; }

#top nav > ul > li#social-in-menu { position: absolute; right: 0; top: 48%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
#top nav > ul > li#social-in-menu a { color: var(--white); }
body.material #header-outer #social-in-menu i { font-size: 24px; width: 36px; }

.pojo-a11y-toolbar-items.pojo-a11y-tools > li { list-style: none; }

@media (min-width: 1000px) {
	#header-outer #logo, #header-outer .logo-spacing { margin-bottom: 15px!important; margin-top: 15px!important; }
}

@media (max-width: 1260px) {
	#top nav > ul > li:not(#social-in-menu) > a { font-size: 16px; line-height: 20px; padding: 13px 8px!important; }

	body.material #header-outer #social-in-menu { top: 46%; }
	body.material #header-outer #social-in-menu i { font-size: 20px; width: 30px; }
}

@media (max-width: 1199px) {
	#header-outer .col.span_9 { padding-top: 32px; }
	#header-outer #logo img, #header-outer .logo-spacing img { height: 80px; }
}

@media (max-width: 1179px) {
	#top nav > ul > li:not(#social-in-menu) > a { font-size: 15px; line-height: 19px; padding: 13px 7px!important; }

	body.material #header-outer #social-in-menu { top: 46%; }
	body.material #header-outer #social-in-menu i { font-size: 19px; width: 28px; }
}

@media (max-width: 1125px) {
	#top nav > ul > li:not(#social-in-menu) > a { padding: 13px 3px!important; }
}

@media (max-width: 1055px) {
	#top nav > ul > li:not(#social-in-menu) > a { font-size: 14px; line-height: 18px; padding: 13px 2px!important; }
}

@media (min-width: 1000px) {
	#top .span_12 > .slide-out-widget-area-toggle, body.material #header-outer:not([data-format=left-header]) #top nav>.buttons { display: none; }
}

@media (max-width: 999px) {
	#header-outer { margin-bottom: 0!important; padding-bottom: 0!important; }
	#header-outer .container { max-width: calc(100% - 30px); }
	#header-outer .col.span_3 { padding-bottom: 10px; }
	#headerForm { display: none; }
	#header-outer .button { font-size: 14px; height: 35px; line-height: 20px; padding: 8px 12px; position: absolute; right: 70px; top: 11px; width: 168px; }
	#header-outer .button.button-site2 { width: auto; }
	#header-outer .button.button-site4 { right: 158px; }

	#top .container .row.bkg-site1 > .col { height: 0px; }

	body[data-slide-out-widget-area-style=slide-out-from-right] .slide-out-widget-area-toggle { position: absolute; right: 0; top: -56px; }
	.slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after, .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before, .slide-out-widget-area-toggle.mobile-icon .lines-button:after { background: var(--site1); }
	.slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:hover::after, .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:hover::before, .slide-out-widget-area-toggle.mobile-icon .lines-button:hover::after { background: var(--site2); }

	#top .mobile-search { position: absolute; right: 26px; top: -47px; }
	#header-outer .mobile-search .icon-salient-search { color: var(--site1); }
	#header-outer .mobile-search .icon-salient-search:hover { color: var(--site2); }

	#top .span_12 > a.d-lg-none { color: var(--white); display: inline-block; font-size: 14px; font-weight: 400; line-height: 18px; padding: 12px 0; }
	#top .span_12 > a.d-lg-none .fa { margin-left: 5px; }
	#top .span_12 > a:hover { color: var(--site2); }
}

@media (max-width: 499px) {
	#header-outer .button.button-site2 { display: none; }
	#header-outer .button.button-site4 { right: 70px; }
}

@media (max-width: 480px) {
	body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version { height: 54px!important; }
	#header-outer .button { padding: 8px 10px; }
	#top .mobile-search { top: -36px; }
	body[data-slide-out-widget-area-style=slide-out-from-right] .slide-out-widget-area-toggle { top: -46px; }
}


/*********************
 FOOTER
 ********************/
#footer-outer #copyright .col ul.menu > li > a { display:none!important; }

#footer-outer { border-top: 4px solid var(--site1); }
body #footer-outer .row { padding-bottom: 40px; }
#footer-outer .widget img { display: inline-block; max-width: 150px!important; }

#footer-outer #footer-widgets .col ul li a { font-size: 16px; line-height: 24px; }

#footer-outer #copyright .col ul.menu > li:first-child { margin-left: 0; }
#footer-outer #copyright .col ul.menu > li > a { font-size: 17px; line-height: 21px; }

#footer-outer #copyright p { display: inline-block; font-size: 14px; line-height: 18px; margin-top: 15px; width: 100%; }

@media (min-width: 1000px) {
	#footer-outer #copyright .col ul.menu { float: left; }
	#footer-outer #copyright .col.span_4 p { text-align: right; }
}

@media (max-width: 999px) {
	#footer-outer .widget.widget_media_image img { max-height: 80px; }
	#footer-outer .col.span_3 { margin-bottom: 0; }
	#footer-outer #footer-widgets .col ul li a { font-size: 15px; line-height: 22px; }

	#footer-outer #copyright .col { text-align: center; width: 100%; }
	#footer-outer #copyright p { margin-top: 5px; }
	#footer-outer #copyright .col ul, #footer-outer #copyright .col ul.menu { display: inline-block!important; float: none!important; }
	#footer-outer #copyright .col ul.social { margin-top: 15px; }
	#footer-outer #copyright .col ul.menu > li > a { font-size: 16px; line-height: 20px; }
}

@media (max-width: 690px) {
	#footer-outer .widget.widget_media_image img { max-height: 64px; }
	body #footer-outer .row { padding-bottom: 0; }
	#footer-outer #footer-widgets .col ul { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; }
	#footer-outer #copyright .col ul.social { margin-top: 0; }

	#footer-outer .col.span_3:first-child { margin-bottom: 30px; text-align: center; }
	#footer-outer .col.span_3:not(:first-child) { margin-bottom: 0!important; }

	#footer-outer #footer-widgets .col ul li a, #footer-outer #copyright .col ul.menu > li > a { font-size: 14px; line-height: 21px; }
}

@media (max-width: 480px) {
	#footer-outer #copyright .col ul.menu { text-align: left; column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; }
	#footer-outer #copyright .col ul.menu > li { margin-left: 0; width: 100%; }
}


/*********************
 HOMEPAGE
 *********************/
.help-box { background-color: var(--site2); border-radius: 10px; display: inline-block; margin-top: -95px; padding: 60px 80px; position: relative; top: -45px; width: 100%; }
.help-box h1 { color: var(--white); }
.help-box:before { content: ''; background: url('assets/img/logo-icon.png') no-repeat center right; background-size: contain; display: inline-block; height: 70%; position: absolute; right: 40px; top: 15%; width: 50%; }

.urgent-box h4 { color: var(--white); display: inline-block; font-size: 26px; line-height: 30px; width: 100%; }
.urgent-box h4 > a { background-color: var(--site2); border-radius: 10px; color: var(--white); display: inline-block; padding: 30px 40px; position: relative; width: 100%; }
.urgent-box h4 > a:hover { background-color: var(--site4); }
.urgent-box h4 > a:after { content: ''; background: url('assets/img/icons/emergency-icon.png') no-repeat center right; background-size: contain; display: inline-block; height: 90%; position: absolute; right: 16px; top: 5%; width: 100px; }

#feedback-row { text-align: center; }
#feedback-row .wpb_wrapper { padding-bottom: 10px; padding-top: 11px; }
#feedback-row h3, #feedback-row p { display: inline-block; margin-bottom: 0; padding-bottom: 0; }
#feedback-row h3 { color: var(--white); font-size: 36px; line-height: 40px; margin-right: 40px; position: relative; top: 4px; }
#feedback-row h3:before { content: ''; background: url('assets/img/icons/thumbs-up-icon.png') no-repeat center; background-size: contain; display: inline-block; height: 51px; margin-right: 14px; position: relative; top: 7px; width: 50px; }
#feedback-row a { background-color: var(--site2); border-radius: 8px; color: var(--white); display: inline-block; font-size: 22px; font-weight: 700; line-height: 24px; padding: 15px 25px; }
#feedback-row a:after { content: '\f105'; font-family: FontAwesome; margin-left: 15px; }
#feedback-row a:hover { background-color: var(--site4); }

.personal-frame { position: relative; }
.personal-frame:after { content: ''; background: #ffffff; bottom: 0; display: inline-block; height: 70px; left: 0; position: absolute; width: 100%; }

@media (max-width: 1440px) {
	.urgent-box h4 > a { padding: 30px; }
	.urgent-box h4 > a:after { height: 80%; top: 10%; }
}

@media (max-width: 1399px) {
	.help-box { padding: 60px; }
	.help-box:before { right: 30px; }

	.urgent-box h4 { font-size: 24px; line-height: 28px; }
}

@media (max-width: 1370px) {
	.urgent-box h4 > a { padding: 30px 25px; }
}

@media (max-width: 1340px) {
	.urgent-box h4 > a { padding-right: 80px; }
}

@media (max-width: 1299px) {
	.urgent-box h4 { font-size: 22px; line-height: 26px; }
}

@media (max-width: 1230px) {
	.urgent-box h4 { font-size: 20px; line-height: 24px; }
}

@media (max-width: 1199px) {
	.help-box { padding: 50px 70px 50px 45px; }
	.help-box:before { right: 25px; }

	#feedback-row h3 { font-size: 34px; line-height: 38px; }
	#feedback-row h3:before { height: 44px; width: 43px; }
	#feedback-row a { font-size: 20px; line-height: 24px; }
}

@media (max-width: 1155px) {
	.urgent-box h4 { font-size: 18px; line-height: 22px; }
	.urgent-box h4 > a { padding: 25px 20px; }
	.urgent-box h4 > a:after { height: 70%; top: 15%; right: 12px; }
}

@media (max-width: 999px) {
	.help-box { padding: 40px 50px 40px 30px; }
	.help-box:before { right: 15px; }

	#feedback-row h3 { font-size: 32px; line-height: 36px; margin-bottom: 20px; }
	#feedback-row h3:before { height: 40px; width: 39px; top: 5px; }
	#feedback-row a { font-size: 18px; line-height: 22px; }
}

@media (max-width: 690px) {
	.help-box { margin-bottom: -30px!important; margin-top: -55px; padding: 35px 50px 35px 30px; top: -30px; }
	.here-help-text h2 { font-size: 25px!important; line-height: 30px!important; }

	#feedback-row { text-align: left; }
	#feedback-row h3 { font-size: 30px; line-height: 34px; margin-right: 0; }
	#feedback-row h3:before { height: 36px; width: 35px; top: 4px; }
	#feedback-row p, #feedback-row a { width: 100%; }
	#feedback-row a:after { float: right; }
}

@media (max-width: 480px) {
	.help-box { padding: 25px 50px 25px 25px; }
	.here-help-text h2 { font-size: 24px!important; line-height: 30px!important; }

	.urgent-box h4 { font-size: 16px; line-height: 20px; }
	.urgent-box h4 > a:after { height: 84%; top: 8%; right: 10px; }

	#feedback-row h3 { font-size: 28px; line-height: 32px; }
	#feedback-row h3:before { height: 32px; width: 31px; top: 3px; }
}


/*********************
 INFORMATION MODAL
 *********************/
#information-modal { background-color: var(--white); display: inline-block; min-height: 100vh; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999999999; }
#information-modal:not(.show) { display: none; }
#information-modal > img { display: inline-block; height: 80px; left: 12%; position: absolute; top: 25px; }
#information-modal > .close-modal { display: inline-block; opacity: 1; position: absolute; right: 12%; top: 40px; }
#information-modal > .close-modal img { width: 30px; }
#information-modal > .close-modal:hover { opacity: 0.7; }
#information-modal .modal-content { display: inline-block; padding: 0 15px; width: 100%; }
#information-modal .modal-content h2 a:hover, .what-number-call h2 a:hover { color: var(--site1); }
#information-modal .modal-content h5, .what-number-call h5 { margin-bottom: 10px; margin-top: 25px; }
#information-modal .modal-content h4, .what-number-call h4 { display: inline-block; margin-top: 5px; padding-left: 46px; position: relative; width: 100%; }
#information-modal .modal-content h4:before, .what-number-call h4:before { content: ''; background: url('assets/img/icons/clock-icon.png') no-repeat center; background-size: contain; display: inline-block; height: 36px; left: 0; position: absolute; top: -2px; width: 36px; }
#information-modal .modal-content h4 + p { margin-top: 15px; margin-bottom: 0; padding-bottom: 0; }
#information-modal .modal-content ul, .what-number-call ul { margin-left: 0; }
#information-modal .modal-content ul > li, .what-number-call ul > li { color: var(--black); font-size: 18px; line-height: 22px; list-style: none; padding-left: 20px; position: relative; }
#information-modal .modal-content ul > li:before, .what-number-call ul > li:before { content: '\2022'; color: var(--site2); display: inline-block; font-size: 20px; left: 0; position: absolute; top: 1px; }

#information-modal .button { background-color: var(--site4); border-radius: 6px; color: var(--white); display: inline-block; font-size: 16px; height: 47px; line-height: 20px; padding: 13px 24px; text-transform: uppercase; }
#information-modal .button:hover { background: var(--site2); }

#information-modal .modal-content .margin-top, .what-number-call .margin-top { margin-top: 45px; }

@media (max-width: 1199px) {
	#information-modal > img { left: 20px; }
	#information-modal > .close-modal { right: 20px; }
	#information-modal .modal-content h4:before, .what-number-call h4:before { top: -3px; }
	#information-modal .modal-content ul > li, .what-number-call ul > li { font-size: 17px; line-height: 21px; }
}

@media (max-width: 999px) {
	#information-modal > img { height: 60px; top: 15px; }
	#information-modal > .close-modal { top: 30px; }
	#information-modal > .close-modal img { width: 22px; }
	#information-modal .modal-content { height: 100vh; margin-top: 100px; overflow-y: auto; padding-bottom: 125px; }
	#information-modal .modal-content h2, .what-number-call h2 { font-size: 25px; line-height: 29px; }
	#information-modal .modal-content h4, .what-number-call h4 { font-size: 18px; line-height: 22px; padding-left: 36px; }
	#information-modal .modal-content h4:before, .what-number-call h4:before { height: 28px; top: -3px; width: 28px; }
	#information-modal .modal-content h5, .what-number-call h5 { font-size: 17px; line-height: 21px; }
	#information-modal .modal-content .margin-top, .what-number-call .margin-top { margin-top: 35px; }
	#information-modal .modal-content .margin-top a, .what-number-call .margin-top a { display: inline-block; width: 100%; }
}

@media (min-width: 691px) {
	#information-modal .modal-content { left: 50%; max-width: 900px; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); }
}


/*********************
 PAGES
 *********************/
body[data-header-resize="1"] .container-wrap, body[data-header-resize="1"] .project-title { padding-top: 15px; }

#breadcrumbs { color: var(--site2); }
#breadcrumbs a { color: var(--site1); text-decoration: underline; }
#breadcrumbs a .fa { color: var(--site2); font-size: 20px; margin-right: 6px; position: relative; text-decoration: none; top: -2px; }

.back-btn { color: var(--site1); display: inline-block; font-size: 22px; line-height: 26px; padding-left: 32px; position: relative; }
.back-btn:before { content: ''; background-color: var(--site1); border-radius: 50%; display: inline-block; height: 26px; left: 0; position: absolute; text-align: center; top: 0; width: 26px; transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }
.back-btn:after { content: ''; background: url('assets/img/icons/arrow-left-icon.png') no-repeat center; background-size: contain; display: inline-block; height: 14px; left: 5px; position: absolute; top: 6px; width: 14px; }
.back-btn:hover { color: var(--site2); }
.back-btn:hover:before { background-color: var(--site2); }

ul.gha-list, ul.gha-list > li { display: inline-block; list-style: none; margin-left: 0; width: 100%; }
ul.gha-list > li { padding-left: 48px; position: relative; }
ul.gha-list > li:not(:last-child) { margin-bottom: 15px; }
ul.gha-list > li:before { content: ''; border-radius: 50%; display: inline-block; height: 36px; left: 0; position: absolute; text-align: center; top: -4px; width: 36px; }
ul.gha-list > li:after { content: ''; background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; height: 22px; left: 7px; position: absolute; top: 3px; width: 22px; }
ul.gha-list > li.site1:before { background-color: var(--site1); }
ul.gha-list > li.site2:before { background-color: var(--site2); }
ul.gha-list > li.site3:before { background-color: var(--site3); }
ul.gha-list > li.site4:before { background-color: var(--site4); }
ul.gha-list > li.site5:before { background-color: var(--site5); }
ul.gha-list > li.site6:before { background-color: var(--site6); }
ul.gha-list > li.site7:before { background-color: var(--site7); }
ul.gha-list > li.pharmacy:before { border: 3px solid #13c105; border-radius: 50%; height: 35px; width: 35px; }
ul.gha-list > li.arrow-right:after { background-image: url('assets/img/icons/arrow-right-icon.png'); }
ul.gha-list > li.bars:after { background-image: url('assets/img/icons/bars-icon.png'); }
ul.gha-list > li.pharmacy:after { background-image: url('assets/img/icons/pharmacy-icon.png'); }
ul.gha-list > li.plus:after { background-image: url('assets/img/icons/plus-icon.png'); }
ul.gha-list > li.question:after { background-image: url('assets/img/icons/question-icon.png'); }
ul.gha-list > li > a { color: var(--site1); font-size: 24px; font-weight: 700; line-height: 28px; }

.services-menu { margin-bottom: 0; }
.services-menu .widget ul, .services-menu .widget ul > li { display: inline-block; list-style: none; margin-left: 0; width: 100%; }
.services-menu .widget ul > li > a { background-color: var(--site2); border-radius: 8px; color: var(--white)!important; display: inline-block; font-size: 24px; font-weight: 700; line-height: 28px; margin-bottom: 10px; padding: 15px 40px 15px 25px!important; position: relative; width: 100%; }
.services-menu .widget ul > li > a:hover { background-color: var(--site4); }
.services-menu .widget ul > li > a:after { content: '\f105'; font-family: FontAwesome; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }

.information-box { background-color: var(--site7); border-radius: 10px; display: inline-block; margin-top: 35px; padding: 55px 40px 35px; position: relative; width: 100%; }
.information-box:before { content: ''; background: url('assets/img/icons/information-circle-icon.png') no-repeat center; background-size: contain; border-radius: 50%; display: inline-block; height: 70px; left: 20px; position: absolute; top: -35px; width: 70px; }
.information-box * { color: var(--white); }

.time-box { background-color: rgba(21,106,168,0.12); border-radius: 10px; display: inline-block; margin-top: 10px; padding: 35px 40px; width: 100%; }
.time-box h3 { color: var(--site7); display: inline-block; font-weight: 700; margin-bottom: 20px!important; width: 100%; }
.time-box h3:before { content: ''; background: url('assets/img/icons/clock-icon.png') no-repeat center; background-size: contain; border-radius: 50%; display: inline-block; float: left; height: 36px; margin-right: 10px; position: relative; top: -1px; width: 36px; }
.time-box p { padding-bottom: 15px; }

blockquote { border-left: 6px solid var(--site2); padding-left: 25px; }
blockquote:before { content: none; }
blockquote p { padding-bottom: 15px; }

.time-box blockquote a { word-break: break-all; }

.wpb_text_column p small { color: #9b9b9b; font-size: 14px; }
.wpb_text_column p > a { color: var(--site2); }
.wpb_text_column p > a:hover { color: var(--site1); }

.iwithtext .iwt-icon { top: -4px; }

@media (max-width: 1399px) {
	ul.gha-list > li { padding-left: 44px; }
	ul.gha-list > li:before { height: 32px; width: 32px; }
	ul.gha-list > li.pharmacy:before { border-width: 2px; height: 32px; width: 32px; }
	ul.gha-list > li:after { height: 18px; width: 18px; }
	ul.gha-list > li > a { font-size: 22px; line-height: 26px; }

	.services-menu .widget ul > li > a { font-size: 22px; line-height: 26px; }

	.information-box, .time-box { padding-left: 35px; padding-right: 35px; }
}

@media (max-width: 1099px) {
	.services-menu .widget ul > li > a { font-size: 20px; line-height: 24px; }
}

@media (min-width: 1000px) {
	.services-menu .widget ul { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; }
}

@media (max-width: 999px) {
	.back-btn { font-size: 20px; line-height: 24px; }
	.back-btn:before { height: 24px; width: 24px; }
	.back-btn:after { height: 13px; width: 13px; }

	.information-box, .time-box { padding-left: 30px; padding-right: 30px; }

	ul.gha-list > li { padding-left: 40px; }
	ul.gha-list > li:before { height: 30px; top: -3px; width: 30px; }
	ul.gha-list > li.pharmacy:before { height: 30px; width: 30px; }
	ul.gha-list > li:after { height: 16px; top: 4px; width: 16px; }
	ul.gha-list > li > a { font-size: 20px; line-height: 24px; }
}

@media (max-width: 690px) {
	.back-btn { font-size: 18px; line-height: 22px; }
	.back-btn:before { height: 22px; width: 22px; }
	.back-btn:after { height: 12px; top: 5px; width: 12px; }

	.services-menu .widget ul > li > a { font-size: 18px; line-height: 22px; padding: 15px 35px 15px 20px!important; }

	.information-box, .time-box { padding-left: 25px; padding-right: 25px; }

	.time-box blockquote { padding-left: 15px; }
}

@media (max-width: 480px) {
	.services-menu .widget ul > li > a { font-size: 16px; line-height: 20px; }
}


/********************
 POLLS
 ********************/
body.single-poll #page-header-image > .title-box h5 + h5 { display: none; }

body.single-poll .event-details > .col.span_8 { width: 100%; }
body.single-poll .events-sidebar { display: none; }
body[data-form-submit="regular"].single-poll button[type=submit].totalpoll-buttons-results, body[data-form-submit="regular"].single-poll button[type=submit].totalpoll-buttons-vote,
body[data-form-submit="regular"].single-poll button[type=submit].totalpoll-buttons-back {
   border: 0!important;
   font-size: 16px!important;
   font-weight: 500!important;
   line-height: 20px!important;
   padding: 12px 30px 11px!important;
   text-transform: uppercase!important;
}
body[data-form-submit="regular"].single-poll button[type=submit].totalpoll-buttons-results { background-color: #000000!important; color: #ffffff!important; }
body[data-form-submit="regular"].single-poll button[type=submit].totalpoll-buttons-vote,
body[data-form-submit="regular"].single-poll button[type=submit].totalpoll-buttons-back { background-color: var(--site1)!important; color: #ffffff!important; }


/*********************
 BLOG
 *********************/
.masonry-blog-item .inner-wrap { background-color: #f6f6f6; border-radius: 10px; margin-bottom: 20px; padding-top: 15px; }
.masonry.classic .post.masonry-blog-item span.meta-category { display: none; }
.post .post-meta .date { font-size: 14px; line-height: 18px; }

.main-content .featured-media-under-header { padding: 60px 0; }
body.single-post #breadcrumbs  { display: none; }


/*********************
 CAREERS
 *********************/
.careers-listing { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 30px; margin-left: 0; margin-top: 50px; padding-left: 0; }
.careers-listing .row, .bootstrap-row { display: flex; display: -ms-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; padding-bottom: 15px; margin-left: -15px; margin-right: -15px; }
.careers-listing > li { border: 1px solid #cccccc; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1); list-style: none; padding: 30px; }
.careers-listing > li p { color: var(--black); font-size: 17px; line-height: 23px; margin-bottom: 10px; padding-bottom: 0; }
.careers-listing > li .fa { color: var(--site1); display: inline-block; float: left; margin-right: 8px; position: relative; top: 3px; }
.careers-listing > li .col-xl-3 p { display: inline-block; }

.careers-listing .button, #single-job .button { background-color: var(--site1); border: 0; border-radius: 6px; color: var(--white)!important; display: inline-block; font-size: 15px; line-height: 20px; max-width: 150px; padding: 12px 24px; text-align: center; text-transform: uppercase; width: 100%; }
.careers-listing .button:hover, #single-job .button:hover { background-color: var(--site2); color: var(--white)!important; }

@media (min-width: 1000px) {
	.careers-listing > li .col-xl-3 p { text-align: right; width: 100%; }
}

@media (max-width: 999px) {
	.careers-listing > li p { font-size: 16px; line-height: 22px; }
	.careers-listing > li .col-xl-3 { margin-top: 20px; }
	
	.careers-listing .button, #single-job .button { font-size: 14px; line-height: 18px; }
}

@media (max-width: 690px) {
	.careers-listing > li { padding: 25px 20px; }
	.careers-listing > li p { font-size: 15px; line-height: 21px; }
}


/*********************
 SINGLE JOB
 *********************/
#single-job .fa.text-site1 { display: inline-block; float: left; margin-right: 8px; position: relative; top: 3px; }

#single-job .job-actions { background-color: var(--site1); border-radius: 10px; display: inline-block; padding: 30px 20px; width: 100%; }
#single-job .job-actions p { margin-bottom: 12px; padding-bottom: 0; }
#single-job .job-actions p:last-child { margin-bottom: 0; }
#single-job .job-actions .button { background-color: var(--white); color: var(--site2)!important; max-width: 100%; }
#single-job .job-actions .button:hover { background-color: var(--site2); color: var(--white)!important; }

#apply { background-color: #f7f7f7; margin-top: 40px; padding-bottom: 90px; padding-top: 90px; }
#apply h3 { text-align: center; }

@media (min-width: 1000px) {
	#single-job .col-xl-2 { text-align: right; }

	#apply .span_6 { margin-left: 25%; }
}


/*********************
 CONTACT PAGE
 *********************/
.nf-form-title { display: none; }
.nf-form-fields-required { padding-bottom: 40px; }
.nf-field-container.submit-container.label-above.textbox-container .ninja-forms-field.nf-element { background: var(--site1); padding: 10px 40px; } 
.nf-field-container.submit-container.label-above.textbox-container .ninja-forms-field.nf-element:hover { background: var(--white); border: 1px solid; border-color: var(--site2); color: var(--site2); } 

.toggle.accent-color { background: var(--white)!important; border: 1px solid #c1c1c1; border-radius: 10px!important; }
.toggle.accent-color .toggle-title a, .toggle.accent-color.open .toggle-title a { color: var(--site1)!important; }
.toggle.accent-color.open { background: var(--white)!important; border: 1px solid #c1c1c1; border-radius: 10px!important; }
.toggle.accent-color .toggle-title a { background-color: var(--white)!important; }
.toggle > .toggle-title a { font-size: 20px!important; line-height: 24px!important; padding-left: 16px; }
.inner-toggle-wrap a { color: var(--site2)!important; }
.inner-toggle-wrap a:hover { color: var(--site4)!important; }

.toggle.accent-color.open body .toggle[data-inner-wrap="true"] > div { border: 1px solid var(--site2)!important; border-top: none!important; }

div[data-style="default"] .toggle .toggle-title a { padding-right: 50px; }
.toggle > .toggle-title a i { border-radius: 50%; display: inline-block; font-size: 20px; height: 28px; left: inherit; line-height: 28px; padding: 0; right: 15px; text-align: center; top: 50%!important; width: 28px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
.toggle > .toggle-title a i.fa-plus-circle { border: 1px solid var(--site1); color: var(--site1); }
.toggle > .toggle-title a i.fa-minus-circle { border: 1px solid var(--site4); color: var(--site4); }
.toggle > .toggle-title a i.fa-plus-circle:before { content: '\f067'; }
.toggle > .toggle-title a i.fa-minus-circle:before { content: '\f068'; }

body .toggle>div { box-shadow: none; }
body .toggle[data-inner-wrap=true]>div .inner-toggle-wrap { padding-bottom: 18px; }

.container-wrap, .project-title { padding-bottom: 0!important; }

@media (max-width: 1199px) {
	.toggle > .toggle-title a i { font-size: 18px; height: 26px; line-height: 26px; width: 26px; }
}

@media (max-width: 999px) {
	.toggle > .toggle-title a { font-size: 18px!important; line-height: 24px!important; padding-right: 55px; }
}

@media (max-width: 690px) {
	div[data-style="default"] .toggle .toggle-title a { padding-right: 45px; }
	.toggle > .toggle-title a { font-size: 16px!important; line-height: 20px!important; }
	.toggle > .toggle-title a i { font-size: 16px; height: 24px; line-height: 24px; right: 10px; width: 24px; }
}

@media (max-width: 480px) {
	.toggle > .toggle-title a { font-size: 15px!important; line-height: 20px!important; }
}


/***********************
 SHARE MODAL
 ***********************/
.share-modal { background-color: rgba(0,0,0,0.9); display: none; height: 100%; left: 0; min-height: 100vh; overflow: auto; position: fixed; top: 0; width: 100%; z-index: 9999999999999999; }
.share-modal > .modal-box { background-color: #ffffff; border-radius: 10px; display: inline-block; height: auto; max-width: 300px; position: absolute; width: 100%; }
.share-modal > .modal-box ul { display: inline-block; list-style: none; margin: 0 15px; padding: 0; width: calc(100% - 30px); }
.share-modal > .modal-box ul > li { display: inline-block; width: 100%; }
.share-modal > .modal-box ul > li > a { border-bottom: 1px solid #cccccc; color: #000000; display: inline-block; font-size: 18px; line-height: 22px; padding: 15px 0; width: 100%; }
.share-modal > .modal-box ul > li:last-child > a { border-bottom: 0; }
.share-modal > .modal-box ul > li > a:hover { color: #000000; }
.share-modal > .modal-box ul > li > a .fa { margin-right: 10px; }
.share-modal > .modal-box ul > li > a small { color: #1DBDBC!important; }
.share-modal > .modal-box > .header { border-bottom: 1px solid #cccccc; display: inline-block; margin-bottom: 0; padding: 15px 25px 15px; width: 100%; }
.share-modal > .modal-box > .header > h3 { display: inline-block; float: left; margin-bottom: 0; margin-top: 0; max-width: calc(100% - 45px); position: relative; top: 3px; }
.share-modal > .modal-box > .header > a.close-modal { border: 1px solid #cccccc; border-radius: 5px; color: #333333; display: inline-block; float: right; font-size: 20px; height: 36px; line-height: 34px; padding: 0; text-align: center; width: 36px; }
.share-modal > .modal-box > .header > a.close-modal:hover { background-color: #cccccc; color: #ffffff; }

.share-modal > .modal-box > .content { display: inline-block; padding: 20px 15px; width: 100%; }
.share-modal > .modal-box > .content h5 { color: #999999; }

@media (min-width: 577px) {
    .share-modal > .modal-box { left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); }
}

@media (max-width: 576px) {
    .share-modal > .modal-box { border-radius: 0; left: 0; max-width: 100%; min-height: 100vh; top: 0; width: 100%; }
}