/*
Theme Name: Choice Packaging Solutions
Theme URI: https://choicepackagingsolutions.com/
DESCRIPTION: Choice Packaging Solutions Wordpress theme
Version: 1.0
Author: Saim Ali / saim@choicepsl.com
Author URI: https://choicepsl.com
Tags: Choice Packaging Solutions
*/

/** reset **/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button{border:0;outline: none;font-size:100%;font:inherit;background: transparent; vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1; -webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:''; content:none;}
table{border-collapse:collapse;border-spacing:0}

canvas { max-width: 100%; height: auto; }

/* general */

#mc-overall-wrapper { /** display: none; load once jquery has loaded - changed to visibility due to lazy load incompatibility on refresh **/ visibility: hidden; }
#mc-overall-wrapper.noscroll { height: 100vh; overflow: hidden; }
html.noscroll, html.noscroll body { overflow: hidden; position: relative; height: 100%; }

.aos_overflow_fix { overflow: hidden; }

html,body { /** overflow-x: hidden; **/   -webkit-tap-highlight-color: rgba(0,0,0,0); }
html { /** overflow-y: scroll; **/  overflow-y: scroll; }
body { font: 16px/26px 'Roboto', sans-serif; background: #fff; color: #09367a;  } /** 16px/26 **/

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
img { max-width: 100%; height: auto; }

strong { font-weight: bold; }
em { font-style: italic; }

h1, h2, h3, h4, h5, h6, p { padding: 0 0 25px 0; }
h1, h2, h3, h4, h5, h6 { font-family: 'Anton', sans-serif; text-transform: uppercase; font-weight: normal; }
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: normal; }
h1, .h1_styler { font-family: 'Anton', sans-serif; text-transform: uppercase; font-size: 80px; line-height: 94px; letter-spacing: 3px; font-weight: normal; text-transform: uppercase; padding: 0 0 40px 0; } 
h2, .h2_styler { font-family: 'Anton', sans-serif; text-transform: uppercase; font-size: 50px; line-height: 60px; letter-spacing: 2px; font-weight: normal; text-transform: uppercase; padding: 0 0 40px 0; } 
h3, .h3_styler { font-family: 'Anton', sans-serif; text-transform: uppercase; font-size: 40px; line-height: 50px; font-weight: normal; text-transform: uppercase; padding: 0 0 30px 0; } 
h4, .featured_text { font-family: 'Anton', sans-serif; text-transform: uppercase; font-size: 34px; line-height: 40px; font-weight: normal; text-transform: uppercase; padding: 0 0 30px 0; }
    .featured_text { color: #82b9d7; }
h5 {  }
    h1 strong, .h1_styler strong, h2 strong, .h2_styler strong, h3 strong, .h3_styler strong, h4 strong { color: #82b9d7 !important; }
    .featured_text strong { color: #09367a; font-weight: normal; }
    .home h1 strong { display: block; }
p {  }
a { text-decoration: underline; color: #09367a; transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }
a:hover { text-decoration: none; }
	a[href^="tel:"] { text-decoration: none !important; cursor: default; }
input { transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }

ul, ol { margin: 0 0 0 14px; padding: 0 0 20px 0; }
ul { list-style: disc; margin: 0 0 0 20px; }
ol { list-style: decimal; margin: 0 0 0 18px; }
ul li, ol li { padding: 0 0 10px 0; margin: 0;  padding: 0 0 5px 0; }
ul ul { padding: 10px 0 0 0; }
ul ul li { font-size: 0.85em; line-height: 120%; padding: 0 0 10px 0; }
input, textarea { transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }
.apply_transition { transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }
.apply_transition_and_children, .apply_transition_and_children * { transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }

table { margin: 0 0 15px 0; }
table td, table th { padding: 10px 5px; }

hr { display: block; clear: both; border: none; border-top: 1px solid #09367a; outline: none; display: block; clear: both; height: 25px; margin: 20px 0 0 0; padding: 0; width: 40%; }

::-moz-selection { background-color: #09367a; color: #fff; }
::selection { background-color: #09367a; color: #fff; }

a.view-article { display: none; }

.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }

.clear { clear: both; }
.float_left, .alignleft { float: left; margin: 5px 35px 10px 0; }
.float_right, .alignright { float: right; margin: 5px 0 10px 35px; }
.no_padding { padding: 0; }

.button-main { background: #09367a; color: #fff; padding: 20px 45px; border: none; display: inline-block;  outline: none; cursor: pointer; text-align: center; text-decoration: none; font: normal 40px/40px 'Anton', sans-serif; text-transform: uppercase;  transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }
.button-main:hover { padding: 25px 50px; }

.excerpt_text {  }
.text-feature {  }

.embed-container { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; /* 16x9 Aspect Ratio */  max-width: 100%; height: auto; }
.embed-container-4x3 { padding-bottom: 75%; /* 4x3 Aspect Ratio */   margin-bottom: 30px; }
.embed-container-square { padding-bottom: 100%;   margin-bottom: 30px; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top:0; left: 0; width: 100%; height: 100%; }
    .embed-container-wrapper { margin-top: 20px; margin-bottom: 40px; }

.disable_select { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

.pag_nav { display: block; clear: both; text-align: center; }
.pag_nav a { color: #baaea3; text-decoration: none; }

/** general layout **/

.container { margin: 0 auto; width: 100%; padding: 0 33px; padding: 0 65px; }
.container_capped { max-width: 1480px; }

/** general form styles **/

form { margin: 0; }

input { outline: none !important;  font: 1em/130% 'Roboto', sans-serif; }
input, select, textarea { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
input.text, select, textarea,   ._form_element input[type=text] { padding: 20px 20px; margin: 0; border: 1px solid #fff; outline: none; background-color: #fff; font: normal 1em/130% 'Roboto', sans-serif; color: #09367a; }
select { /** min-height: 43px; padding: 0 10px; **/ }
label {  }
input.text, textarea, .sf_date_field li input,   ._form_element input[type=text] { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
input[type='submit'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

::-webkit-input-placeholder { color: #57163F !important; color: #09367a !important; }
:-moz-placeholder { /* Firefox 18- */ color: #57163F !important; color: #09367a !important; }
::-moz-placeholder {  /* Firefox 19+ */ color: #57163F !important; color: #09367a !important; }
:-ms-input-placeholder { color: #57163F !important; color: #09367a !important; }

/** contact form **/

.form_list { margin: 0 auto; padding: 0; list-style: none; list-style-image: none; /** max-width: 380px;  **/ }
.form_list li { margin: 0; padding: 0 0 47px 0; overflow: auto; clear: both; display: block; }
.form_list li label { display: block; font-weight: bold; padding: 0 0 2px 0;  display: none; }
.form_list li label span.required { color: #89146A; font-weight: normal; font-size: 0.85em; }
.form_list li label span.smallprint { font-weight: normal; font-size: 0.85em; }
.form_list li .text, .form_list li textarea, .form_list li select { width: 100%; display: block; }
.form_list li .text.wpcf7-not-valid { border-color: #E30428 !important; }
.form_list li.form_list_col { float: left; clear: none; width: 48%; }
.form_list li.form_list_col_right { float: right; }
.form_list li textarea { height: 220px; }
.form_list li.form_button { padding: 0; }

.form_list li.li_checkbox label { padding: 5px 0 15px 0; display: block; clear: both; }
.form_list li.li_checkbox { border: none; padding: 15px 0 16px 0; color: #FFB700; }
.form_list li.li_checkbox .wpcf7-form-control-wrap label { font-weight: normal; display: block; font-size: 0.85em; }
.form_list li.li_checkbox .wpcf7-form-control-wrap { float: left; }
.form_list li.li_checkbox .wpcf7-list-item-label { display: none; }
.form_list li.li_checkbox.li_checkbox_no_float .wpcf7-form-control-wrap { float: none; clear: both; }
/** .form_list li.li_checkbox .wpcf7-list-item-label { display: none; } **/
.form_list li.li_checkbox a { font-weight: normal; text-decoration: underline; color: #FFB700; }
.form_list li.li_checkbox a:hover { text-decoration: none; }
.form_list li.li_checkbox input { /** -webkit-appearance: none; **/ width: 20px; height: 20px; background: #fff; margin: 3px 10px 0 0; float: left; }
/** .form_list li.li_checkbox input:checked { background: url(/wp-content/themes/kemplittle/images/icon-tick.png) center no-repeat #fff; background-size: 11px auto; } **/
li.li_checkbox span.wpcf7-list-item { margin: 0 !important; display: block; width: 50%; float: left; padding: 0 5px 0 0; }

.glide-form-style li.li_checkbox span.wpcf7-list-item { float: none; clear: both; width: 100%; padding: 0; }

.form_list li.form_list_gdpr .open-panel { font-size: 12px; line-height: 16px; padding: 0; cursor: pointer; }
.form_list li.form_list_gdpr .glide-panel { display: none; margin: 25px 0 0 0; padding: 20px 0 5px 0; border-top: 1px solid rgba(255,255,255,0.55); }
.form_list li.form_list_gdpr .open-panel strong { display: inline-block; background: #09367a; color: #fff; padding: 1px 0; width: 16px; height: 16px; text-align: center; margin: 0 4px 0 0; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }

    /** gdpr forms **/
    .form_list li.li_gdpr { overflow: visible; }

    .gdpr-box p { visibility: visible !important; -webkit-transform: none !important; opacity: 1 !important; transform: none !important; -webkit-transition: all 0s ease 0s !important; transition: all 0s ease 0s !important; }

    .gdpr-box { position: relative;   display: inline-block; top: -14px; }
    .gdpr-box em { position: absolute; top: -3px; cursor: pointer; left: 10px; text-align: center; width: 21px; height: 21px; font: bold 12px/21px Arial, sans-serif; color: #383838 !important; background: rgba(255,183,0,1); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
    .gdpr-box em.close { background: rgba(255,183,0,1); }
    .gdpr-box-popup { display: none; position: absolute; z-index: 3; top: -15px; right: -270px; width: 220px; background: rgba(255,183,0,1); color: #000; padding: 7px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.46); -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.46); box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.46); }
    .gdpr-box-popup p { padding: 0; font-size: 11px; line-height: 15px; font-weight: 500; color: #000 !important }
    .gdpr-box-popup p a { color: #000 !important; text-decoration: underline; }
    .gdpr-box-popup p a:hover { text-decoration: none; }
    .gdpr-box-popup-arrow { width: 0; height: 0; border-top: 8px solid transparent; border-right: 8px solid rgba(255,183,0,1); border-bottom: 8px solid transparent; position: absolute; left: -8px; top: 15px; }
    .gdpr-box-popup-arrow:after { width: 0; height: 0; border-top: 8px solid transparent; border-right: 8px solid rgba(255,183,0,1); border-bottom: 8px solid transparent; left: 1px; }

.form_list li select, .searchandfilter select { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 100%; background: url(/wp-content/themes/choice/images/arrow-down.png) 95% 50% no-repeat #fff; background-size: auto 13px; padding-right: 35px; }
.form_list li select::-ms-expand, .searchandfilter select::-ms-expand { display: none; }

.wpcf7-not-valid-tip { display: block; padding: 5px 0 0 0;  display: none !important; }
.wpcf7-not-valid-tip, .wpcf7-not-valid-tip * {  }
form.invalid .wpcf7-not-valid { /** background: #fbe122;  border: 1px solid #fbe122; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; **/ }

.wpcf7 form .wpcf7-response-output { clear: both; border: none; margin: 0; color: #fff; padding: 40px 0 0 0; font-size: 20px; text-align: left; font-weight: bold; text-align: center; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { color: #E10600; font-weight: bold; }

.wpcf7-list-item-label { line-height: 120%; display: block; }
#content_form .wpcf7-list-item-label { display: inline; }

.wpcf7-form-control-wrap.sendcv-cv { display: block; }
.wpcf7-form-control-wrap.sendcv-cv, .wpcf7-form-control-wrap.sendcv-cv * { vertical-align: middle; }
.wpcf7-form-control-wrap.sendcv-cv input { line-height: 1ex; }

.form-hidden-fields { display: none !important; }
.ajax-loader { display: none !important; }

.fancybox-hidden { display: none; background: transparent !important; }
#fancybox-wrap, #fancybox-wrap * { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; }
#fancybox-wrap { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
.fancybox-bg { display: none !important; }
#fancybox-title { display: none !important; }

.glide-form-style { width: 365px;   max-width: 100%; width: 700px;  position: relative; padding: 25px; background: #fff; }
.popup_close { float: right; font-size: 0.85em; }
.popup_close a { display: block; color: #4A4A4A; text-transform: lowercase; text-decoration: none; padding: 2px 25px 2px 0; background: url(/wp-content/themes/krestonreeves/images/close.png) right no-repeat; background-size: 15px auto; }
.glide-form-style p { line-height: 140%; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none;
    -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;  padding: 0; margin: 0; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px;  padding: 0; margin: 0; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

.slick-arrow { position: absolute; top: 10%; z-index: 10; opacity: 1; background-size: auto 30px; border: none; outline: none; text-indent: -9999px; width: 44px; height: 44px; cursor: pointer;  transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }
.slick-arrow:hover { opacity: 1; }
.slick-prev.slick-arrow { left: -100px; }
.slick-next.slick-arrow { right: -100px; }
.slick-arrow.slick-disabled { opacity: 0.4 !important; }

.slick-dots { margin: 0; padding: 35px 0 0 0; list-style: none; list-style-image: none; text-align: center; }
.slick-dots li { margin: 0; padding: 0 7px !important; display: inline-block; width: auto !important; float: none !important; }
.slick-dots li button { cursor: pointer; background: rgba(9,54,122,1); text-indent: -9999px; outline: none; border: none; padding: 0; width: 15px; height: 15px; line-height: 9px;  transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }
.slick-dots li button:hover, .slick-dots li.slick-active button { background: rgba(130,185,215,1); }


.wobble { -webkit-animation: wobble 2.5s ease-out; -webkit-animation-iteration-count: infinite; }
@-webkit-keyframes wobble {
    0% {-webkit-transform: translate3d(0, 0, 0); }
    50% {-webkit-transform: translate3d(0, -10px, 0); }
    100% {-webkit-transform: translate3d(0, 0, 0); }    
}

    .hamburger { padding: 0; vertical-align: top; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }
    .hamburger:hover { /** opacity: 0.7; **/ }
    .hamburger.is-active {  }

    .hamburger-box { width: 30px; /** height: 26px; **/ display: inline-block; position: relative; }

    .hamburger-inner { display: block; top: 50%; margin-top: -3px; }
    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 30px; height: 3px; background-color: #09367a; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
    .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }
    .hamburger-inner::before { top: -8px; }
    .hamburger-inner::after { bottom: -8px; }

    .hamburger--spin .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    .hamburger--spin .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
    .hamburger--spin .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

    .hamburger--spin.is-active .hamburger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    .hamburger--spin.is-active .hamburger-inner::before { top: 0 !important; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
    .hamburger--spin.is-active .hamburger-inner::after { bottom: 0 !important; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/** header **/

#header_main, #header_main * { transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }
#header_main { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 10; }
#header_main #cps_logo { float: left; display: block; height: 209px; width: 219px; text-indent: -9999px; background: url(/wp-content/themes/choice/images/logo-cps.png) center no-repeat; background-size: 219px auto; }
#header_main.header_main_white #cps_logo, .scrolling #header_main #cps_logo { background-image: url(/wp-content/themes/choice/images/logo-cps-w.png); }
#header_main nav { float: right; }
#header_main nav ul { margin: 0; padding: 32px 0 0 0; list-style: none; list-style-image: none; }
#header_main nav ul li { display: inline-block; margin: 0; padding: 0; text-transform: uppercase; }
#header_main nav ul li a { padding: 4px 18px; text-decoration: none; font-weight: 500; display: block; }
#header_main nav ul .menu_contact a { background: #09367a; color: #fff; }
#header_main.header_main_white a, .scrolling #header_main a { color: #fff; }
.scrolling #header_main nav ul { padding-top: 22px; }

.scrolling #header_main { background: rgba(9,54,122,0.9); -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.05); box-shadow: 0px 0px 3px 0px rgba(0,0,0.05); }
.scrolling #header_main #cps_logo { height: 76px !important; width: 66px !important; background-size: 66px auto !important; }

.scrolling .hamburger-inner, .scrolling .hamburger-inner::before, .scrolling .hamburger-inner::after { background-color: #fff; }
#header_main.header_main_white .hamburger-inner, #header_main.header_main_white .hamburger-inner::before, #header_main.header_main_white .hamburger-inner::after { background-color: #fff; }

#header_mob { display: none; }

/** banner / title **/

#post_banner { display: block; background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; }
#post_banner .container { display: flex; min-height: 100vh; align-items: flex-end; justify-content: flex-end; }
#post_banner .container_capped { max-width: 1620px; }
#post_banner h1 { color: #fff; text-align: right; padding-bottom: 160px; }

#post_title { display: block; margin-bottom: -30px; }
#post_title h1 { padding: 230px 0 0 0; }

/** builder panel - blue **/

.panel { padding: 90px 0; }
.panel_blue { background: #09367a; display: block; clear: both; text-align: center; }
.panel_blue .container_capped { max-width: 1280px; }
.panel_blue * { color: #fff; }
.panel_blue_content { margin: 0 auto; max-width: 760px; }
.panel_blue_video { display: block; clear: both; padding: 30px 0 10px 0; }

.panel_white_content { margin: 0 auto; max-width: 1155px; }
.panel_white_content.mid { max-width: 850px; }
.panel_white_content.thin { max-width: 770px; }
.list_boxes { display: flex; flex-wrap: wrap; margin: 0; padding: 40px 0 40px 0; list-style: none; list-style-image: none; justify-content: space-between; }
.list_boxes li { width: 22.22222222222222%; margin: 0 0 50px 0; padding: 25px; background: #09367a; color: #fff; min-height: 170px; font: normal 30px/36px 'Anton', sans-serif; text-transform: uppercase; text-transform: uppercase; }
.list_boxes li a { display: block; text-decoration: none !important; color: #fff; }
.list_boxes li strong { color: #82b9d7 !important; font-weight: normal; }

.panel_imgtxt { display: flex; padding: 45px 0; justify-content: space-between; align-items: center; }
.panel_imgtxt_image, .panel_imgtxt_text { width: 48.148148148148145%; }
.panel_imgtxt_image { line-height: 9px; }
.panel_imgtxt_image img { width: 100%; height: auto; }
.panel_imgtxt_txt-img { flex-direction: row-reverse; background: rgba(9,54,122,0.03); padding: 45px; margin-left: -45px; margin-right: -45px; }
.panel_imgtxt_text h2, .panel_imgtxt_text h3 { padding: 0; }
.panel_imgtxt_text p { padding: 25px 0 0 0; }
.panel_imgtxt_text p strong { font-weight: 900; }
/** .panel_imgtxt_line { display: block; clear: both; height: 3px; background-color: #09367a; width: 33.5%; margin: 0 auto; } **/

.panel_faq { display: block; clear: both; background: #82b9d7; }
.panel_faq h2 strong, .faq_list li h3 strong { color: #fff !important; }
.panel_faq .h1_styler { text-align: center; padding: 0 0 60px 0; }
.faq_list { display: block; clear: both; list-style: none; list-style-image: none; padding: 0; margin: 0; }
.faq_list li { margin: 0; padding: 0; }
.faq_list li h3 { padding: 10px 0 30px 0; max-width: 980px; cursor: pointer; transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }
.faq_list li h3:hover, .faq_list li h3.open { color: #fff; }
.faq_list li .faq_glide { display: none; color: #fff; }
.faq_list li .faq_glide * { color: #fff; }

.panel_img { background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; padding: 0 !important; }
.panel_img .container { display: flex; align-items: center; justify-content: center; clear: both; min-height: 790px; }
.panel_img p { color: #fff; padding: 50px 0; text-align: center; letter-spacing: normal; }

.list_logos { display: block; margin: 0 -22px; padding: 0; list-style: none; list-style-image: none; text-align: center; }
.list_logos li { display: inline-block; margin: 0; padding: 22px; line-height: 9px;  width: 14.347202295552366%; }
.list_logos li img { width: 100%; height: auto; border: 1px solid #82b9d7; }

.list_testimonials { max-width: 1040px; margin: 0 auto; text-align: center; padding: 45px 0 0 0; }
.list_testimonials li { font-family: 'Anton', sans-serif; text-transform: uppercase; font-size: 34px; line-height: 40px; font-weight: normal; text-transform: uppercase; }
.list_testimonials li strong { color: #82b9d7; font-weight: normal; }

.panel_contact { display: block; clear: both; background: #82b9d7; text-align: center; }
.panel_contact .container_capped { max-width: 1084px; }
.panel_contact .h1_styler { padding: 0 0 30px 0; }
.panel_contact .h1_styler strong, .panel_contact h3 strong { color: #fff !important; }
.panel_contact_call { font-size: 36px; line-height: 42px; color: #fff; font-weight: bold; padding: 0 0 30px 0; }
.panel_contact h3 { padding: 0 0 50px 0; }
.panel_contact_location { display: flex; justify-content: space-between; }
.panel_contact_location_map, .panel_contact_location_info { width: 47.58909853249476%; text-align: left; }
.panel_contact_location_map { line-height: 9px; padding: 0 0 50px 0; }
.panel_contact_location_map img { border: 1px solid #fff; width: 100%; height: auto; }
.panel_contact_location_info { padding-bottom: 25px; }

/** footer **/

#footer_awards { background: #ebf4f9; padding: 36px 0 20px 0; text-align: center; }
#footer_awards .container_capped { max-width: 1270px; }
#footer_awards_holder { margin: 0 -10px; }
#footer_awards ul li span { display: inline-block; text-align: center; padding: 0 10px; }
#footer_awards ul li span img { width: 100%; height: auto; }

#footer_main { background: #09367a; padding: 50px 0; }
#footer_main * { color: #fff; }
#footer_main nav { float: left; }
#footer_main #footer_legals { float: right; }
#footer_main nav ul { margin: 0; padding: 0; list-style: none; list-style-image: none; }
#footer_main nav ul li { display: inline-block; margin: 0; padding: 0 17px 5px 17px; }
#footer_main nav ul li a { text-decoration: none; }
#footer_main nav ul li a:hover { text-decoration: underline; }
#footer_main nav ul li:first-child { padding-left: 0; }
#footer_main nav ul li:last-child { padding-right: 0; }
#footer_main #footer_base { padding-top: 30px; display: block; clear: both; }
#footer_main #footer_legals ul li { font-size: 14px; }
#footer_main #footer_social { float: right; margin: 0; padding: 0; list-style: none; list-style-image: none; }
#footer_main #footer_social li { display: inline-block; margin: 0; padding: 0 0 0 25px; line-height: 9px; }
#footer_main #footer_social li img { width: 48px; height: 48px; margin-bottom: 0;  transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }
#footer_main #footer_social li a:hover img { margin-bottom: 5px; }
#footer_main small { font-size: 14px; opacity: 0.54; }

@media all and (min-width: 0px) and (max-width : 1800px) {




}

@media all and (min-width: 0px) and (max-width : 1400px) {


}

@media all and (min-width: 0px) and (max-width : 1380px) {


}

@media all and (min-width: 0px) and (max-width : 1300px) {


}

@media all and (min-width: 0px) and (max-width : 1250px) {


}

@media all and (min-width: 0px) and (max-width : 1200px) {

    .list_logos li { width: 20%; }

}

@media all and (min-width: 0px) and (max-width : 1150px) {



}

@media all and (min-width: 0px) and (max-width : 1100px) {

    #header_main #cps_logo { width: 150px; height: 165px; background-size: 150px auto; }
    #post_title h1 { padding-top: 180px; }

    #footer_main nav, #footer_main #footer_legals { float: none; clear: both; text-align: center; }
    #footer_main #footer_legals { padding-top: 20px; }

    #post_banner, .panel_img { background-attachment: scroll; }

}

@media all and (min-width: 0px) and (max-width : 1000px) {

    #header_main .container { padding: 0 30px; }


}

@media all and (min-width: 0px) and (max-width : 950px) {

    .list_boxes li { width: 47%; }

}

@media all and (min-width: 0px) and (max-width : 920px) {
    #header_mob { display: block; position: absolute; top: 30px; right: 30px; }
    #header_mob #mob_contact { padding: 4px 18px; text-decoration: none; font-weight: 500; margin-right: 30px; display: inline-block; background: #09367a; color: #fff; }
    #header_main nav { display: none; float: none; clear: both; text-align: center; margin: 0 -30px; }
    #header_main nav ul { padding: 20px 0; background: #09367a; }
    #header_main nav ul li a { color: #fff !important; }
    #header_main nav ul .menu_contact { display: none; }

    .scrolling #header_mob { top: 21px; }
}

@media all and (min-width: 0px) and (max-width : 800px) {

    #post_banner .container { min-height: 70vh; }

    .panel_imgtxt { display: block; padding: 60px 0; }
        .panel_imgtxt_1 { padding-top: 0; }
    .panel_imgtxt_image, .panel_imgtxt_text { width: 100%; }
    .panel_imgtxt_image { padding: 10px 0 40px 0; }
    .panel_imgtxt_txt-img { padding: 60px 65px; margin-left: -65px; margin-right: -65px; }

    .list_logos { margin: 0 -16px; }
    .list_logos li { width: 25%; padding: 16px; }

    .panel_contact_location { display: block; }
    .panel_contact_location_map, .panel_contact_location_info { width: 100%; }

}

@media all and (min-width: 0px) and (max-width : 780px) {

}

@media all and (min-width: 0px) and (max-width : 760px) {



}

@media all and (min-width: 0px) and (max-width : 700px) {


/** mobile **/

@media all and (min-width: 0px) and (max-width : 680px) {

    h1, .h1_styler { font-size: 60px; line-height: 68px; }
    h2, .h2_styler { font-size: 40px; line-height: 50px; letter-spacing: normal; }
    h3, .h3_styler { font-size: 30px; line-height: 38px; letter-spacing: normal; }

    .container { padding: 0 30px; }
    #post_banner h1 { padding-bottom: 80px; }
    #post_title h1 { padding-top: 130px; }

    #header_main { background: rgba(9,54,122,0.9); -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.05); box-shadow: 0px 0px 3px 0px rgba(0,0,0.05); }
    #header_main #cps_logo { height: 76px !important; width: 66px !important; background-size: 66px auto !important; background-image: url(/wp-content/themes/choice/images/logo-cps-w.png); }
    #header_mob { top: 21px; }
    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { background-color: #fff; }

    .panel { padding: 50px 0; }
    .panel_imgtxt_txt-img { margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 30px; }

    .panel_img .container { min-height: 20px; }

    .form_list li.form_list_col { width: 100% !important; float: none !important; clear: both; }
    .form_list li { padding: 0 0 30px 0; }

}

@media all and (min-width: 0px) and (max-width : 650px) {


}

@media all and (min-width: 0px) and (max-width : 630px) {



}

@media all and (min-width: 0px) and (max-width : 560px) {

    #footer_main #footer_social { float: none; clear: both; text-align: center; }
    #footer_main small { display: block; clear: both; float: none; text-align: center; padding: 20px 0 0 0; }

}

@media all and (min-width: 0px) and (max-width : 550px) {

    h1, .h1_styler { font-size: 50px; line-height: 60px; letter-spacing: 1px; }
        p.h1_styler { font-size: 40px; line-height: 50px; letter-spacing: normal; }
    h2, .h2_styler {  }
    h3, .h3_styler {  }
    .list_boxes li { width: 100%; margin: 0 0 30px 0; min-height: 20px; }
    .list_logos li { width: 50%; }

    .button-main { font-size: 30px; line-height: 30px; }

}

@media all and (min-width: 0px) and (max-width : 500px) {


}

@media all and (min-width: 0px) and (max-width : 470px) {

    #footer_main nav ul { text-align: center; } 
    #footer_main nav ul li { display: block; padding: 0 0 5px 0; }
    #footer_main #footer_social li { padding: 0 13px; }

}

@media all and (min-width: 0px) and (max-width : 450px) {



}

@media all and (min-width: 0px) and (max-width : 400px) {


}

@media all and (min-width: 0px) and (max-width : 380px) {


}

@media all and (min-width: 0px) and (max-width : 360px) {

    #header_mob #mob_contact { margin-right: 20px; }

}

.grecaptcha-badge { visibility: hidden; }