/*   
Theme Name: Protect Commercial Insurance
Description: Protect Commercial Insurance Template for Wordpress
Author: Dan Davies | Gecko Web Solutions
Version: 1.0
Tags: 

*/


/* Import a basic layout */
@import url('styles/2c-r.css');

/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');

/* Basic WordPress Styles */
@import url('styles/wp.css');

@font-face {
    font-family: 'gotham_blackregular';
    src: url('fonts/gotham-black-webfont.eot');
    src: url('fonts/gotham-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-black-webfont.woff2') format('woff2'),
         url('fonts/gotham-black-webfont.woff') format('woff'),
         url('fonts/gotham-black-webfont.ttf') format('truetype'),
         url('fonts/gotham-black-webfont.svg#gotham_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_blackitalic';
    src: url('fonts/gotham-blackitalic-webfont.eot');
    src: url('fonts/gotham-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-blackitalic-webfont.woff2') format('woff2'),
         url('fonts/gotham-blackitalic-webfont.woff') format('woff'),
         url('fonts/gotham-blackitalic-webfont.ttf') format('truetype'),
         url('fonts/gotham-blackitalic-webfont.svg#gotham_blackitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gotham_boldregular';
    src: url('fonts/gotham-bold-webfont.eot');
    src: url('fonts/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-bold-webfont.woff2') format('woff2'),
         url('fonts/gotham-bold-webfont.woff') format('woff'),
         url('fonts/gotham-bold-webfont.ttf') format('truetype'),
         url('fonts/gotham-bold-webfont.svg#gotham_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gotham_bolditalic';
    src: url('fonts/gotham-bolditalic-webfont.eot');
    src: url('fonts/gotham-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/gotham-bolditalic-webfont.woff') format('woff'),
         url('fonts/gotham-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/gotham-bolditalic-webfont.svg#gotham_bolditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gotham_bookregular';
    src: url('fonts/gotham-book-webfont.eot');
    src: url('fonts/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-book-webfont.woff2') format('woff2'),
         url('fonts/gotham-book-webfont.woff') format('woff'),
         url('fonts/gotham-book-webfont.ttf') format('truetype'),
         url('fonts/gotham-book-webfont.svg#gotham_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gotham_mediumregular';
    src: url('fonts/gotham-medium-webfont.eot');
    src: url('fonts/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-medium-webfont.woff2') format('woff2'),
         url('fonts/gotham-medium-webfont.woff') format('woff'),
         url('fonts/gotham-medium-webfont.ttf') format('truetype'),
         url('fonts/gotham-medium-webfont.svg#gotham_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gotham_bookitalic';
    src: url('fonts/gotham-bookitalic-webfont.eot');
    src: url('fonts/gotham-bookitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-bookitalic-webfont.woff2') format('woff2'),
         url('fonts/gotham-bookitalic-webfont.woff') format('woff'),
         url('fonts/gotham-bookitalic-webfont.ttf') format('truetype'),
         url('fonts/gotham-bookitalic-webfont.svg#gotham_bookitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_lightregular';
    src: url('fonts/gotham-light-webfont.eot');
    src: url('fonts/gotham-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-light-webfont.woff2') format('woff2'),
         url('fonts/gotham-light-webfont.woff') format('woff'),
         url('fonts/gotham-light-webfont.ttf') format('truetype'),
         url('fonts/gotham-light-webfont.svg#gotham_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_lightitalic';
    src: url('fonts/gotham-lightitalic-webfont.eot');
    src: url('fonts/gotham-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/gotham-lightitalic-webfont.woff') format('woff'),
         url('fonts/gotham-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/gotham-lightitalic-webfont.svg#gotham_lightitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_mediumitalic';
    src: url('fonts/gotham-mediumitalic-webfont.eot');
    src: url('fonts/gotham-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-mediumitalic-webfont.woff2') format('woff2'),
         url('fonts/gotham-mediumitalic-webfont.woff') format('woff'),
         url('fonts/gotham-mediumitalic-webfont.ttf') format('truetype'),
         url('fonts/gotham-mediumitalic-webfont.svg#gotham_mediumitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_thinregular';
    src: url('fonts/gotham-thin-webfont.eot');
    src: url('fonts/gotham-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-thin-webfont.woff2') format('woff2'),
         url('fonts/gotham-thin-webfont.woff') format('woff'),
         url('fonts/gotham-thin-webfont.ttf') format('truetype'),
         url('fonts/gotham-thin-webfont.svg#gotham_thinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_thinitalic';
    src: url('fonts/gotham-thinitalic-webfont.eot');
    src: url('fonts/gotham-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-thinitalic-webfont.woff2') format('woff2'),
         url('fonts/gotham-thinitalic-webfont.woff') format('woff'),
         url('fonts/gotham-thinitalic-webfont.ttf') format('truetype'),
         url('fonts/gotham-thinitalic-webfont.svg#gotham_thinitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_ultraregular';
    src: url('fonts/gotham-ultra-webfont.eot');
    src: url('fonts/gotham-ultra-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-ultra-webfont.woff2') format('woff2'),
         url('fonts/gotham-ultra-webfont.woff') format('woff'),
         url('fonts/gotham-ultra-webfont.ttf') format('truetype'),
         url('fonts/gotham-ultra-webfont.svg#gotham_ultraregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_ultraitalic';
    src: url('fonts/gotham-ultraitalic-webfont.eot');
    src: url('fonts/gotham-ultraitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-ultraitalic-webfont.woff2') format('woff2'),
         url('fonts/gotham-ultraitalic-webfont.woff') format('woff'),
         url('fonts/gotham-ultraitalic-webfont.ttf') format('truetype'),
         url('fonts/gotham-ultraitalic-webfont.svg#gotham_ultraitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_extralightregular';
    src: url('fonts/gotham-xlight-webfont.eot');
    src: url('fonts/gotham-xlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-xlight-webfont.woff2') format('woff2'),
         url('fonts/gotham-xlight-webfont.woff') format('woff'),
         url('fonts/gotham-xlight-webfont.ttf') format('truetype'),
         url('fonts/gotham-xlight-webfont.svg#gotham_extralightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'gotham_extralightitalic';
    src: url('fonts/gotham-xlightitalic-webfont.eot');
    src: url('fonts/gotham-xlightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-xlightitalic-webfont.woff2') format('woff2'),
         url('fonts/gotham-xlightitalic-webfont.woff') format('woff'),
         url('fonts/gotham-xlightitalic-webfont.ttf') format('truetype'),
         url('fonts/gotham-xlightitalic-webfont.svg#gotham_extralightitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}


:root{
    --navy: #004A67;
    --orange: #D75900;
    --grey: #AAAAAA;
    --light_blue: #B6E2E2;
    --blue: #00BBC2;
}

html {
    scroll-behavior: smooth;
}

body {
	margin: 0;
	width:100%;
	font-family: 'gotham_bookregular';
}

a {
	text-decoration: none;
	color: #004A67;
}

a:hover {
    color: #D75900;
}

span.link {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.wrapper {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 50px;
    position: relative;
}


.ffont {
	font-family: aw-conqueror-inline, sans-serif ! important;
	font-weight: 400;
	font-style: normal;
	line-height: 1;
	letter-spacing: -3px;
}

.mobile {
    display: none;
}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}


#customer {
    position: fixed;
    /* right: 0; */
    top: 250px;
    width: 200px;
    height: 50px;
    background: #D75900;
    z-index: 100;
    color: white;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'gotham_bookregular';
    text-align: center;
    line-height: 50px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    right: -75px;
}

#customer:hover {
    background: #00BBC2;
}



/* =Header
-------------------------------------------------------------- */

#header {
    width: 100%;
    height: 7.85714285714286vw;
    max-height: 110px;
    background: white;
    position: fixed;
    z-index: 100;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#header.smaller {
    height: 5vw;
    max-height: 70px;
}

#branding {
	width: 216px;
	height: 60PX;
	float: left;
	margin-top: 25px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#header.smaller #branding {
    width: 161px;
    height: 45PX;
    margin-top: 13px;
}

#branding img {
	width: 100%;
	height: auto;
}

#header #blog-description {
    position: absolute;
    top: -100000000px;
}


/* =Menu
-------------------------------------------------------------- */

#access {
	margin: 0;
	overflow: auto;
	float: right;
	line-height: 110px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    font-family: 'gotham_bookregular';
}

#header.smaller #access {
    line-height: 70px;

}

#access ul {
	margin:0;
}

#access ul li {
	color: #004A67;
	font-size: 16px;
	text-transform: uppercase;
	float: left;
	padding-right: 20px;
}

#access ul li a {
	color: #004A67;
}

#access ul li a:hover {
	color: #D75900;
}

.skip-link {
	display: none;
}
.menu ul {
	list-style: none;
	margin: 0;
}
.menu ul ul {
	display: none;
}
.menu li {
	display: inline;
}
.menu a {
	display: block;
	float: left;
}

#head-contact {
    float: right;
    background: url("images/telephone-icon.png") no-repeat 0 44px / 14px 23px;
    padding-left: 27px;
    line-height: 110px;
    font-family: 'gotham_bookregular';
    font-size: 16px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin-right: 48px;
}

#header.smaller #head-contact {
    background: url("images/telephone-icon.png") no-repeat 0 24px / 14px 23px;
    padding-left: 27px;
    line-height: 70px;
}

#mega_menu {
    float: right;
    height: 110px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#header.smaller #mega_menu {
    height: 70px;
}

#mega_menu ul {
	margin:0;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 {
    background: transparent ! important;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    display: none;
}

#header #mega_menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li {
    width: 120px;
    height: 35px;
    line-height: 35px;
    margin-top: 37px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#header.smaller #mega_menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li {
    margin-top: 17px;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li a:hover {
    background: transparent !important;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-toggle-on {
    width: 120px;
    height: 35px;
    line-height: 35px;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
    background: transparent url(images/nav-icon-burger.png) no-repeat 70px 0 / 40px 35px !important;
    width: 110px;
    height: 35px;
    line-height: 35px;
    padding: 0px;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'gotham_bookregular';
    z-index: 999;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    color: #D75900;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-toggle-on > a.mega-menu-link {
    background: transparent url(images/nav-icon-cross.png) no-repeat 70px 0 / 40px 35px !important;
    width: 120px;
    height: 35px;
    line-height: 35px;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
	max-width: none;
	left: 50%;
	width: 2560px;
	padding: 40px 630px 30px;
	margin-left: -1872px;
	background: #B6E2E2;
	max-height: 590px;
	height: 42.1428571428571vw;
	position: absolute;
	top: 110px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#header.smaller #mega_menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    top: 70px;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 7px 30px 15px 0;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li#mega-menu-item-nav_menu-3, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > #mega-menu-item-nav_menu-3 {
	border-right: 1px solid #004A67;
	float: left;
	width: 485px;
	padding: 0;
	height: 270px;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li#mega-menu-item-nav_menu-4, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > #mega-menu-item-nav_menu-4 {
    float: left;
    padding-left: 62px !important;
    width: 814px;
    padding: 0;
    height: 270px;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4 {
    color: #D75900;
    font-family: 'gotham_mediumregular';
    font-size: 20px;
    padding-bottom: 35px;
    font-weight: normal;
    line-height: 1;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 li a {
	color: #004A67;
	text-transform: uppercase;
	font-size: 17px;
	display: block;
	width: 100%;
	padding-bottom: 23px;
	line-height: 1;
	font-weight: normal;
	font-family: 'gotham_bookregular';
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 li ul.mega-sub-menu li .menu-how-can-we-help-today-container li {
	float: left;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 li ul.mega-sub-menu li .menu-how-can-we-help-today-container li:nth-of-type(odd) {
	width: 180px;
	float: left;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 li ul.mega-sub-menu li .menu-how-can-we-help-today-container li:nth-of-type(2n) {
    width: 300px;
    float: right;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 li ul.mega-sub-menu li .menu-browse-our-insurance-products-container li:nth-of-type(2n+1) {
    width: 296px;
    float: left;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 li ul.mega-sub-menu li .menu-browse-our-insurance-products-container li:nth-of-type(2n) {
    width: 455px;
    float: left;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 li ul.mega-sub-menu li a::before {
	content: ">";
	padding-right: 5px;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 li a:hover {
    color: #D75900;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 li ul.mega-sub-menu li#mega-menu-item-custom_html-3 h3 {
    color: white;
    font-size: 56px;
    padding-top: 48px;
    float: left;
    line-height: 0.95;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 li ul.mega-sub-menu li .button a::before {
    content: "";
    padding-right: 0px;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 li ul.mega-sub-menu li .button {
    float: right;
    margin-top: 85px;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 li ul.mega-sub-menu li .button a {
    padding: 0;
}


/* =Slides
-------------------------------------------------------------- */

.button {
	position: relative;
	width: 21.4285714285714vw;
	max-width: 300px;
	height: 4.28571428571429vw;
	max-height: 60px;
	float: left;
	line-height: 60px;
	color: white;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	background: #004A67;
	float: left;
}

.button.orange {
	background: #D75900;
}

.button.orange:hover,
.button.blue:hover {
    background: #004A67;
}

.button.blue {
	background: #B6E2E2;
}

#slide .button.orange {
	position: absolute;
	bottom: 80px;
}

#slide .button.blue {
	position: absolute;
	bottom: 80px;
	left: 350px;
}

.home #slide .button.blue {
    background: #00BBC2;
}

#slide .button:hover,
.home #slide .button.blue:hover {
    background: #004A67;
}

#slide {
    padding-top: 110px;
    position: relative;
    width: 100%;
    height: 23.928571428571429vw;
    max-height: 335px;
    float: left;
    overflow: hidden;
}

.page-id-3023 #slide {
    height: 0;
}

#slide.single {
    height: 150px;
    background: #B6E2E2;
}

.home #slide {
    position: relative;
    top: 0;
    width: 100%;
    height: 42.1428571428571vw;
    max-height: 590px;
    float: left;
    overflow: hidden;
    padding-top: 0;
    margin-top: 0;
    margin-top: 110px;
}

#slide.filler {
    height: 0;
}

#slide #owl {
	width: 2560px;
	height: 42.1428571428571vw;
    max-height: 590px;
	left: 50%;
	margin-left: -1280px;
	overflow: hidden;
}

#slide .owl-item {
	height: 42.1428571428571vw;
    max-height: 590px;
}

.home #slide #owl > div img, .home #slide > div img, .home #slide span.no-image {
    height: 100%;
}

#slide #owl > div img, 
#slide > div img, #slide span.no-image {
    display: block;
    height: 100%;
    margin-left: auto;
    width: 100%;
    position: absolute;
    /* left: 50%; */
    /* transform: translateX(-50%); */
    /* -webkit-transform: translateX(-50%); */
    z-index: 8;
    object-fit: cover;
}

.home #slide .slider-wrap {
    top: 0px;
}

#slide .slider-wrap {
    height: 100%;
    left: 50%;
    margin-left: -650px;
    max-width: 1300px;
    position: absolute;
    right: auto;
    top: 110px;
    width: 100%;
    z-index: 15;
    padding: 0;
}

#slide .title {
	font-size: 105px;
	color: white;
	padding-top: 60px;
	float: left;
	width: 100%;
}

#slide.single .title {
    font-size: 90px;
    padding-top: 30px;

}

.stripe_bar {
	width: 100%;
	height: 5vw;
	max-height: 70px;
	float: left;
	background: url("images/stripe-divider-70px.png") top center / 2560px 70px;
	margin: 0 auto;
}

.stripe_bar.footer {
	height: 3.57142857142857vw;
	max-height: 50px;
}


/* =Content
-------------------------------------------------------------- */

#main {
	width:100%;
}

.post {
	margin: 0 0 3em 0;	
}
.entry-content, .entry-summary {
	margin: 1.5em 0 0 0;
}


.home #split section.white .image {
	background: url("images/pci-home-tier-1.jpg") top right / auto 100%;
}

.home #split section.orange .image {
	background: url("images/pci-home-tier-2.jpg") top left / auto 100%;
}


/* =Products
-------------------------------------------------------------- */

.products #split section .content h2 {
    font-size: 65px;
    color: white;
    height: 176px;
    overflow: hidden;
}

.products.blog #split section .content h2 {
    font-size: 55px;
    height: 245px;
    overflow: hidden;
}

.products.blog #split section:nth-of-type(odd) .content h2 {
    padding: 50px 0 25px 50px;
}

.products.blog #split section:nth-of-type(odd) .content .entry-meta {
    float: right;
}

.products.blog #split section .content .entry-meta {
    font-size: 17px;
    color: #B6E2E2;
}

.products.blog #split section:nth-of-type(even) .content h2 {
    padding: 50px 50px 25px 0px;
}

.products.blog #split section .content .excerpt p {
    padding-right: 60px;
    padding-left: 0;
    float: left;
    height: 69px;
    overflow: hidden;
}

.products #split section:nth-of-type(odd) .content p {
    padding-left: 60px;
}

.products #split section:nth-of-type(2n) .content p {
    padding-right: 60px;
    padding-left: 0;
    float: left;
}

.products #split section:nth-of-type(2n) .content .button {
    float: left;
}

.products.blog #split section .content .button {
    margin-top: 50px;
    clear: both;
}

.products #split section:nth-of-type(odd) .content {
    float: right;
}

.products #split section:nth-of-type(odd) .image {
    float: left;
}

.products #split section:nth-of-type(even) .content {
    float: left;
}

.products #split section:nth-of-type(even) .content .wrapper {
    padding: 0 0 0 50px;
    float: right;
    text-align: left;
}

.products #split section:nth-of-type(even) .image {
    float: right;
}

.products #split section:nth-of-type(even) .image img {
    float: left;
}

.products #split section:nth-of-type(4n+1) .content {
    background: white;
}

.products #split section:nth-of-type(4n+1) .content h2 {
    color: #D75900;
}

.products #split section:nth-of-type(4n+1) .content .button:hover {
    background: #D75900;
    color: white;
}

.products #split section:nth-of-type(4n+2) .content {
    background: #D75900;
}

.products #split section:nth-of-type(4n+3) .content {
    background: #00BBC2;
}

.products #split section:nth-of-type(4n+4) .content {
    background: #AAAAAA;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	margin: 0 0 1.5em 0;
	overflow: auto;	
}


/* =Home Page
-------------------------------------------------------------- */


#split {
	width: 100%;
	float: left;
}

#split section {
	width: 100%;
	float: left;
	height: 35.7142857142857vw;
	max-height: 500px;
	overflow: hidden;
}

#split section.right .image {
	float: left;
	width: 50%;
	height: 100%;
	background: #B6E2E2;
}

#split section.right .image img {
	float: right;
	width: auto;
	height: 100%
}

#split section.right .content {
	float: right;
	width: 50%;
	height: 100%;
	text-align: right;
}

#split section.right .content .wrapper {
	width: 650px;
	padding: 0 50px 0 0;
	float: left;
}

#split section.left .image {
	float: right;
	width: 50%;
	height: 100%;
	background: #B6E2E2;
}

#split section.left .image img {
	float: left;
	width: auto;
	height: 100%
}

#split section.left .content {
	float: left;
	width: 50%;
	height: 100%;
	text-align: left;
}

#split section.left .content .wrapper {
	width: 650px;
	padding: 0 0 0 50px;
	float: right;
}

#split section .content h2 {
	font-size: 90px;
	line-height: 0.9;
	padding-top: 50px;
}

#split section.orange .content {
	background: #D75900;
}

#split section.orange .content h2 {
	color: white;
}

#split section.white .content {
	background: white;
}

#split section.white .content h2 {
	color: #D75900;
}

#split section p {
	margin-bottom: 0;
	font-size: 20px;
	color: #004A67;
	line-height: 1.15;
	padding-top: 25px;
	padding-bottom: 52px;
}

#split section.left p {
	padding-right: 50px;
}

#split section.right p {
	padding-left: 50px;
	font-family: 'gotham_bookregular';
}

#split section .button {
	background: #004A67;
	width: 21.4285714285714vw;
	max-width: 300px;
	height: 4.28571428571429vw;
	max-height: 60px;
	text-align: center;
	text-transform: uppercase;
	color: white;
	line-height: 60px;
	font-size: 18px;
	position: relative;
}

#split section.left .button {
	float: left;
}

#split section.right .button {
	float: right;
}

#split section.white .button:hover {
	background: #D75900;
	color: white;
}

#split section .button:hover {
	background: white;
	color: #004A67;
}

/* =People
-------------------------------------------------------------- */
#people {
    float: left;
    margin-bottom: 110px;
}

#people .item {
    float: left;
    width: 400px;
    height: 460px;
    margin: 0 0px 50px 0
}

#people .item:nth-of-type(3n+2) {
    margin: 0 50px 50px;
}

#people h1 {
    color: #D75900;
    font-size: 66px;
    text-align: center;
    padding: 85px 0 51px;
}

#people img {
    width: 100%;
    height: auto;
}

#people .item .block {
    width: 400px;
    height: 110px;
}

#people .item .block h2 {
    padding-left: 20px;
    font-size: 28px;
    text-transform: uppercase;
    padding-top: 12px;
}

#people .item .block .contact {
    float: right;
    padding-right: 30px;
    margin-top: 5px;
}

#people .item .block .contact .pipe {
    margin: 0 24px 0 19px;
    float: right;
    width: 2px;
    height: 30px;
    position: relative;
}

#people .item:nth-of-type(9n+1) .block,
#people .item:nth-of-type(9n+6) .block,
#people .item:nth-of-type(9n+8) .block {
    background: #004A67;
    color: white;
}

#people .item:nth-of-type(9n+1) .block h2,
#people .item:nth-of-type(9n+6) .block h2,
#people .item:nth-of-type(9n+8) .block h2 {
    color: #B6E2E2;
}

#people .item:nth-of-type(9n+1) .block p,
#people .item:nth-of-type(9n+6) .block p,
#people .item:nth-of-type(9n+8) .block p {
    color: white;
}

#people .item:nth-of-type(9n+1) .block span.linkedin,
#people .item:nth-of-type(9n+6) .block span.linkedin,
#people .item:nth-of-type(9n+8) .block span.linkedin {
    background: url("images/icons-in-pale-blue.png") 0 0 / 100% auto;
}

#people .item .block span.linkedin:hover,
#people .item .block span.linkedin:hover,
#people .item .block span.linkedin:hover {
	opacity: 0.8;
}

#people .item .block span.email:hover,
#people .item .block span.email:hover,
#people .item .block span.email:hover {
	opacity: 0.8;
}

#people .item:nth-of-type(9n+1) .block span.email,
#people .item:nth-of-type(9n+6) .block span.email,
#people .item:nth-of-type(9n+8) .block span.email {
    background: url("images/icons-email-pale-blue.png") 0 0 / 100% auto;
}

#people .item:nth-of-type(9n+1) .block span.pipe,
#people .item:nth-of-type(9n+6) .block span.pipe,
#people .item:nth-of-type(9n+8) .block span.pipe {
    background: url("images/icons-pipe-pale-blue.png") 0 0 / 100% auto;
}

#people .item:nth-of-type(9n+2) .block,
#people .item:nth-of-type(9n+4) .block,
#people .item:nth-of-type(9n+9) .block {
    background: #B6E2E2;
    color: #004A67;
}

#people .item:nth-of-type(9n+2) .block h2,
#people .item:nth-of-type(9n+4) .block h2,
#people .item:nth-of-type(9n+9) .block h2 {
    color: #D75900;
}

#people .item:nth-of-type(9n+2) .block p,
#people .item:nth-of-type(9n+4) .block p,
#people .item:nth-of-type(9n+9) .block p {
    color: #004A67;
}

#people .item:nth-of-type(9n+2) .block span.linkedin,
#people .item:nth-of-type(9n+4) .block span.linkedin,
#people .item:nth-of-type(9n+9) .block span.linkedin {
    background: url("images/icons-in-dark-blue.png") 0 0 / 100% auto;
}

#people .item:nth-of-type(9n+2) .block span.email,
#people .item:nth-of-type(9n+4) .block span.email,
#people .item:nth-of-type(9n+9) .block span.email {
    background: url("images/icons-email-dark-blue.png") 0 0 / 100% auto;
}

#people .item:nth-of-type(9n+2) .block span.pipe,
#people .item:nth-of-type(9n+4) .block span.pipe,
#people .item:nth-of-type(9n+9) .block span.pipe {
    background: url("images/icons-pipe-dark-blue.png") 0 0 / 100% auto;
}

#people .item:nth-of-type(9n+3) .block,
#people .item:nth-of-type(9n+5) .block,
#people .item:nth-of-type(9n+7) .block {
    background: #D75900;
    color: #B6E2E2;
}

#people .item:nth-of-type(9n+3) .block h2,
#people .item:nth-of-type(9n+5) .block h2,
#people .item:nth-of-type(9n+7) .block h2 {
    color: white;
}

#people .item:nth-of-type(9n+3) .block p,
#people .item:nth-of-type(9n+5) .block p,
#people .item:nth-of-type(9n+7) .block p {
    color: #004A67;
}

#people .item:nth-of-type(9n+3) .block span.linkedin,
#people .item:nth-of-type(9n+5) .block span.linkedin,
#people .item:nth-of-type(9n+7) .block span.linkedin {
    background: url("images/icons-in-white.png") 0 0 / 100% auto;
}

#people .item:nth-of-type(9n+3) .block span.email,
#people .item:nth-of-type(9n+5) .block span.email,
#people .item:nth-of-type(9n+7) .block span.email {
    background: url("images/icons-email-white.png") 0 0 / 100% auto;
}

#people .item:nth-of-type(9n+3) .block span.pipe,
#people .item:nth-of-type(9n+5) .block span.pipe,
#people .item:nth-of-type(9n+7) .block span.pipe {
    background: url("images/icons-email-white.png") 0 0 / 100% auto;
}

#people .item .block p {
    float: left;
    padding-left: 20px;
    text-transform: uppercase;
    font-size: 15px;
    padding-right: 0;
    width: 225px;
    line-height: 1.25;
    font-family: 'gotham_bookregular';
    font-weight: normal;
}

#people .item .block span.linkedin {
    width: 30px;
    height: 30px;
    float: right;
    position: relative;
}

#people .item .block span.email {
    width: 44px;
    height: 30px;
    float: right;
    position: relative;
}

#people button.alm-load-more-btn.more {
    width: 300px;
    height: 60px;
    line-height: 60px;
    background: #D75900;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'gotham_bookregular';
    font-weight: normal;
    border-radius: 0;
}

#people button.alm-load-more-btn.loading {
 background-color:transparent ! important;
 display: inline-block ! important;
}

#people button.alm-load-more-btn.loading:before {
 background:white url(https://www.protectcommercial.co.uk/wp-content/plugins/ajax-load-more/core/img/ajax-loader.gif) no-repeat center center;
 width:30px;
 height:30px;
 margin:10px;
 border-radius:5px;
 display:inline-block;
 left:auto;
 right: 15px;
 top:5px;
}


/* =About
-------------------------------------------------------------- */

#content h1 {
    color: #D75900;
    font-size: 66px;
    text-align: left;
    padding: 85px 0 36px;
}

.about .left.intro,
.about .right.intro {
    padding-bottom: 60px;
}

.about .left {
    width: 630px;
    float: left;
    padding-right: 50px;
}

.about .right {
    width: 620px;
    float: right;
}

p {
    font-size: 18px;
    line-height: 1.25;
    color: #004A67;
}

#values {
    height: 605px;
    width: 100%;
    float: left;
    background: #004A67;
}

#values h2 {
    font-size: 83px;
    text-align: left;
    margin: 56px 0 36px;
    color: #00BBC2;
    float: left;
    border-right: 4px solid #00BBC2;
    height: 70px;
    line-height: 70px;
    padding:0 90px 0 0;
}

#values p.intro {
    float: right;
    color: #00BBC2;
    width: 600px;
    padding: 60px 65px 0 0;
}

#values #values-slides {
    width: 1300px;
    height: 350px;
    overflow: hidden;
    margin-top: 28px;
    float: left;
    padding: 0 50px;
    margin-left: -50px;
}

#values #values-slides img {
    height: auto;
}

#values-slides-mob {
    display: none;
}

#values .owl-nav {
    position: absolute;
    top: 155px;
    left: 0;
    width: 100%;
    margin: 0;
    height: 50px;
}

#values .owl-nav button.owl-prev {
    float: left;
    background: white;
    width: 25px;
    height: 50px;
    padding: 0;
    margin: 0;
    border-radius: 0;
    background: url("images/about-value-slide-arrow-left.png") 0 0 / 200% auto;
}

#values .owl-nav button.owl-prev:hover {
    background-position: 100% 0;
}

#values .owl-nav button.owl-prev span {
    display: none;
}

#values .owl-nav button.owl-next {
    float: right;
    background: white;
    width: 25px;
    height: 50px;
    padding: 0;
    margin: 0;
    border-radius: 0;
    background: url("images/about-value-slide-arrow-right.png") 100% 0 / 200% auto;
}

#values .owl-nav button.owl-next:hover {
    background-position: 0 0;
}

#values .owl-nav button.owl-next span {
    display: none;
}



#timeline {
    height: 640px;
    float: left;
    width: 100%;
    background: #00BBC2;
    overflow: hidden;
}

#timeline h2 {
    font-size: 66px;
    text-align: left;
    padding: 77px 0 36px;
    color: #004A67;
}

#timeline img {
    height: 179px;
    width: auto;
    float: left;
    margin-top: 19px;
}

#timeline .third {
    float: left;
    width: 455px;
}

#timeline .third:nth-of-type(3) {
    width: 390px;
}

#timeline .third h3 {
    font-size: 62px;
    color: #004A67;
    padding-top: 15px;
}

#timeline .third p {
    font-size: 18px;
    color: white;
    padding-right: 60px;
    padding-top: 10px;
}

#timeline .third:nth-of-type(3) p {
    padding-right: 0px;
}


#rebrand {
    height: 760px;
    width: 100%;
    float: left;
}

#rebrand h2 {
    font-size: 66px;
    text-align: left;
    padding: 85px 0 46px;
    color: #D75900;
}

#rebrand p.ffont {
    font-size: 48px;
    color: #777;
    line-height: 1.2;
}

#rebrand p {
    color: #777;
    float: left;
    line-height: 60px;
    font-family: 'gotham_mediumregular';
}

#rebrand .button {
    float: right;
}

#rebrand .quote {
    position: absolute;
    top: 70px;
    right: 50px;
    width: 242px;
    height: 205px;
    background: url("images/about-us-speech-mark.png") 0 0 / 100% auto;
    z-index: -1;
}



/* =Contact
-------------------------------------------------------------- */

#content.contact h1 {
    padding: 85px 0 58px;
}

#content.contact .left.contact, #content.contact .middle.contact, #content.contact .right.contact {
    float: left;
    font-size: 18px;
    margin-bottom: 44px;
}

#content.contact .left.contact h3,
#content.contact .middle.contact h3,
#content.contact .right.contact h3 {
    color: #00BBC2;
    font-size: 22px;
    font-family: 'gotham_mediumregular';
    text-transform: uppercase;
    padding-bottom: 25px;
}

span.day {
    float: left;
    width: 100px;
}

#content.contact .left.contact p, #content.contact .middle.contact p, #content.contact .right.contact p {
    font-size: 22px;
    line-height: 1.275;
    margin-bottom: 28px;
}

#content.contact .left.contact {
    width: 650px;
}

#content.contact .middle.contact {
    width: 350px;
}

#content.contact .right.contact {
    width: 300px;
}

#contact_details {
    float: left;
    width: 100%;
    background: #B6E2E2;
    padding-top: 65px;
}

span.customer_intro p {
    font-size: 51px;
    color: #AAAAAA;
}

#form {
    width: 100%;
    float: left;
    /*height: 700px;
    background: #D75900;*/
    height: 1250px;
    background: #004A67;
    color: white;
}

.page-id-234 #form {
    background: #00BBC2;
}

#form h2 {
    color: white;
    font-size: 66px;
    text-align: left;
    padding: 85px 0 66px;
}

#form .left {
    float: left;
    width: 625px;
}

#form p {
    margin-bottom: 18px;
}

#form label {
    font-size: 18px;
    font-family: 'gotham_bookregular';
    color: white;
}

#form input[type="text"], #form input[type="email"], #form input[type="tel"], #form input[type="file"] {
    padding: 0 15px;
    margin: 0;
    border: 0px;
    width: 595px;
    height: 50px;
    font-family: 'gotham_bookregular';
    color: #494949;
    font-size: 18px;
    margin-top: 5px;
}

#form input[type="file"] {
    background: white;
    line-height: 50px;
}

#form .right {
    float: right;
    width: 625px;
}

#form textarea {
    padding: 12px 15px;
    margin: 0;
    border: 0px;
    width: 595px;
    height: 216px;
    font-family: 'gotham_bookregular';
    color: #494949;
    font-size: 18px;
    margin-top: 5px;
}

.page-id-2712 #form textarea {
    height: 143px;
}

.wpcf7-form .button {
    width: 625px;
    height: 50px;
    background: #004A67;
    position: relative;
    padding: 0;
    margin: 23px 0 0 0;
    border: 0;
    line-height: 50px;
    max-width: none;
}

.wpcf7-form .button:hover {
    background: #00BBC2;
}

.page-id-234 #form .wpcf7-form .button:hover {
    background: #D75900;
}

.wpcf7-form .button input {
    /*background: transparent none repeat scroll 0 0;*/
    background: #D75A00;
    border: 0 none;
    border-radius: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    position: absolute;
    cursor: pointer;
    left: 0;
    color: white;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'gotham_bookregular';
}

.wpcf7-form .button:hover input {
    color: white;

}

#form div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    display: none !important;
}

#form span.wpcf7-not-valid-tip {
    display: none;
}

#form input.wpcf7-not-valid {
    background: #B6E2E2;
}

#form .ajax-loader {
    display: none;
}

#form div.wpcf7-mail-sent-ok {
    border: 0px;
    float: right;
    width: 650px;
    padding: 0;
    margin: 0;
    line-height: 100px;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
}

#map {
    width: 100%;
    height: 700px;
    float: left;
}


#map iframe {
    width: 100%;
    height: 700px;
}

.wpcf7 form.invalid .wpcf7-response-output {
    border: 0px;
    clear: both;
    float: right;
}

/* New Form Edits */

.page-template-template-form-v2 h3.wp-block-heading {
    color: #004A67;
    font-size: 38px;
    line-height: 1.25;
}

.page-template-template-form-v2 .intro ul {
    font-size: 20px;
    color: #004A67;
    margin: 22px 0 62px 20px;
}

.page-template-template-form-v2 #form h2 {
    color: #B6E2E2;
    padding-bottom: 25px;
}

.page-template-template-form-v2 #form span.title {
    font-size: 28px;
    font-family: 'gotham_lightregular';
    margin-bottom: 35px;
    float: left;
    width: 100%;
}

.page-template-template-form-v2 #form p {
    float: left;
    width: 100%;
}

.page-template-template-form-v2 #form p {
    margin-bottom: 22px;
}

.page-template-template-form-v2 #form input[type="text"], 
.page-template-template-form-v2 #form input[type="email"], 
.page-template-template-form-v2 #form input[type="tel"] {
    width: 100%;
}

.page-template-template-form-v2 #form .base-text {
    color: white;
    font-family: 'gotham_lightregular';
    margin-top: 40px;
    margin-bottom: 40px;
}

.page-template-template-form-v2 #form .base-text strong {
    font-family: 'gotham_mediumregular';
}

.page-template-template-form-v2 #form .clsFormCheckboxes {
    float: left;
    width: 100%;
    margin-top: 24px;
    height: 174px;
}

.page-template-template-form-v2 #form .clsFormCheckboxes .clsFormCheckbox {
    float: left;
    width: 50%;
}

.page-template-template-form-v2 #form .clsFormCheckboxes .clsFormCheckbox label {
    color: #B6E2E2;
    font-size: 18px;
    font-family: 'gotham_lightregular';
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.page-template-template-form-v2 #form .clsFormCheckboxes .clsFormCheckbox .clsCheckbox {
    clear: left;
    float: left;
    width: 70%;
    color: white;
    font-size: 18px;
    font-family: 'gotham_lightregular';
    font-size: 14px;
    padding-right: 70px;
}

.page-template-template-form-v2 #form .clsFormCheckboxes .clsFormCheckbox .clsCheckbox.full {
    width: 100%;
}

.page-template-template-form-v2 #form .clsFormCheckboxes .clsFormCheckbox .clsCheckbox input {
    margin: 0;
}

.page-template-template-form-v2 #form .wpcf7-form .button input:hover {
    background: #00bbc2;
}

.page-template-template-tob #slide .item,
.page-template-template-tob-confirmation #slide .item,
.page-template-template-tob .stripe_bar,
.page-template-template-tob-confirmation .stripe_bar {
    display: none;
}

.page-template-template-tob #slide,
.page-template-template-tob-confirmation #slide {
    height: 0;
    padding-top: 90px;
}

.page-template-template-tob-confirmation #slide {
    padding-top: 140px;
}

.page-template-template-tob #content h1 {
    padding-bottom: 38px;
}

.page-template-template-tob #content h1,
.page-template-template-tob #content p {
    text-align: center;
}

.clsSuccessText {
    font-size: 70px;
    color: #D75900;
    margin-bottom: 30px;
}

.page-template-template-tob-confirmation #content {
    text-align: center;
}

.page-template-template-tob-confirmation #content .clsFirstImage {
    width: 205px;
    height: 205px;
    border-radius: 100px;
    overflow: hidden;
    margin: 0 auto 25px; 
    background: url("images/pci-success-page-image.png") no-repeat 0 0 / 100% auto;
}

.clsDynamicText {
    font-size: 30px;
    font-family: 'gotham_bookregular';
    color: #004A67;
    line-height: 1.25;
    margin-bottom: 45px;
}

.clsText1.clsFontBold {
    font-size: 22px;
    font-family: 'gotham_bookregular';
    color: #004A67;
    margin-bottom: 18px;
}

.clsText1 {
    font-size: 20px;
    font-family: 'gotham_lightitalic';
    color: #004A67;
    margin-bottom: 20px;
}

.clsFontBold {
    font-family: 'gotham_mediumregular';
    color: #004A67;
}

.page-template-template-tob-confirmation #content .buttons {
    margin: 40px auto 120px;
    width: 665px;
}

.page-template-template-tob-confirmation #content .buttons .button {
    width: 300px;
    font-family: 'gotham_mediumregular';
}

.page-template-template-tob-confirmation #content .buttons .button.navy {
    margin-right: 65px;
}

.page-template-template-tob-confirmation #content .buttons .button.navy:hover {
    background: #D75900;
}

#signatureparent p {
    text-align: left ! important;
    margin-top: 50px;
    color: black;
}

#signature {
    border: 3px solid black;
}

#signature canvas {
    height: 215px ! important;
}

span.warning {
    color: #004A67;
    font-family: 'gotham_mediumregular';
    font-size: 26px;
    line-height: 1.25;
    margin-top: 31px;
    float: left;
    width: 100%;
    margin-bottom: 83px;
}

.page-template-template-tob .button {
    background: transparent ! important;
    width: 582px;
    margin: 0 auto ! important;
    float: none;
    display: block;
    clear: left;
}

.page-template-template-tob .button input {
    top: 0;
}

.page-template-template-tob .button input:hover {
    background: #004A67 ! important;
}

p.back-to-form {
    font-family: 'gotham_lightregular';
    margin-top: 50px;
    font-size: 20px;
}

p.back-to-form strong {
    font-family: 'gotham_mediumregular';
    cursor: pointer;
}

.page-template-template-form-v2 #form input.requiredValidation {
    background: #B6E2E2;
}

.clsValidationErrorMessage {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 14px;
}

.clsFormCheckboxes .clsErrorMessagePrivacyPolicy {
    display: inline;
    font-size: 14px;
    margin-top: 10px;
    float: left;
    color: #D75900;
}


/* =Single Tremplate
-------------------------------------------------------------- */


.entry-meta {
    text-transform: uppercase;
    font-size: 18px;
    color: #004A67;
    font-family: 'gotham_mediumregular';
    float: left;
}

#nav-above,
#nav-below {
    float: right;
}

#nav-below {
    margin-top: 8px;
    margin-bottom: 70px;
}

#nav-below.category {
    width: 100%;
    float: left;
    margin-top: 50px;
}


#nav-above .nav-next,
#nav-above .nav-menu,
#nav-above .nav-previous,
#nav-below .nav-next,
#nav-below .nav-menu,
#nav-below .nav-previous {
    float: right;
    text-transform: uppercase;
    font-size: 18px;
    color: #004A67;
    font-family: 'gotham_mediumregular';
}

#nav-above .pipe,
#nav-below .pipe {
    padding: 0 14px;
}

.single .entry-content {
    margin: 50px 0 0;
    float: left;
    width: 100%;
}

.single .entry-content .left {
    float: left;
    width: 600px;
    margin-right: 50px;
    margin-bottom: 90px;
}

.single .entry-content .right {
    float: right;
    width: 650px;
    margin-bottom: 90px;
}

.single .left p {
    font-size: 19px;
    line-height: 1.5;
}

.single .entry-content img {
    margin: 0 0 75px;
    max-width: 100%;
}

.single .entry-content .buttons {
    float: left;
    margin-top: 55px;
    width: 550px;
}

.single .entry-content .buttons .button {
    float: left;
    width: 260px;
}

.single .entry-content .buttons .button.blue {
    background: #00BBC2;
    margin-left: 30px;
}

.single .entry-content .buttons .button.blue:hover {
    background: #004A67;
}

.single .entry-content .left section {
    margin-bottom: 42px;
}

.single .entry-content .left h2 {
    text-transform: uppercase;
    font-size: 24px;
    font-family: 'gotham_mediumregular';
    color: #004A67;
    margin-bottom: 16px;
}

.single .entry-content .left ul {
    margin: 0 0 30px 18px;
    font-size: 19px;
    color: #004A67;
}

.single .entry-content .left #quote {
    border-left: 2px dotted #AAAAAA;
    height: 165px;
}

.single .entry-content .left #quote .item {
    border-right: 2px dotted #AAAAAA;
    height: 44px;
    float: left;
    padding: 0 40px;
    width: 100px;
    text-align: center;
    color: #D75900;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'gotham_mediumregular';
    line-height: 1.2;
    padding-top: 121px;
    position: relative;
    margin-bottom: 30px;
}

.single .entry-content .left #quote .item:hover {
    color: #00BBC2;
}

.single .entry-content .left #quote .item.disabled {
    color: #AAAAAA;
}

.single .entry-content .left #quote .item.refer {
    background: url("images/refer_a_client_on.png") no-repeat 40px 0 / 100px 95px; 
}

.single .entry-content .left #quote .item.request {
    background: url("images/request_quote_on.png") no-repeat 40px 0 / 100px 95px; 
}

.single .entry-content .left #quote .item.online {
    background: url("images/quote_online_on.png") no-repeat 40px 0 / 100px 95px; 
}

.single .entry-content .left #quote .item.online.disabled {
    background: url("images/quote_online_off.png") no-repeat 40px 0 / 100px 95px; 
}

.single .entry-content .left #quote .item.refer.disabled {
    background: url("images/refer_a_client_off.png") no-repeat 40px 0 / 100px 95px; 
}

.single .entry-content .left #quote .item.request.disabled {
    background: url("images/request_quote_off.png") no-repeat 40px 0 / 100px 95px; 
}

.single .entry-content .left section h2.resources {
    color: #00BBC2;
    margin-top: 8px;
    float: left;
    width: 100%;
}

.single .resources.item {
    width: 510px;
    height: 160px;
    float: left;
    padding: 20px;
    margin: 0 0 20px;
    position: relative;
}

.single .resources.item:hover {
    background: #AAAAAA ! important;
}

.single .resources.item.product_guide {
    background: #00BBC2;
}

.single .resources.item.knowledge_guide {
    background: #004A67;
}

.single .resources.item.videos {
    background: #D75900;
}

.single .resources.item.product_guide h3.cat {
    color: #004A67;
    margin-bottom: 12px;
}

.single .resources.item.knowledge_guide h3.cat {
    color: #D75900;
    margin-bottom: 12px;
}

.single .resources.item.videos h3.cat {
    color: #004A67;
    margin-bottom: 12px;
}

.single .resources.item h3 {
    text-transform: uppercase;
    font-size: 25px;
    padding-right: 140px;
    font-family: 'gotham_mediumregular';
    font-weight: normal;
    line-height: 1.1;
    color: white;
}

.single .resources.item p.download {
    text-transform: uppercase;
    font-size: 15px;
    padding-right: 90px;
    font-family: 'gotham_bookregular';
    font-weight: normal;
    line-height: 1.25;
    position: absolute;
    bottom: 19px;
    margin: 0;
    color: white;
}

.single .resources.item .icon {
    background: url("images/resources-download-pdf-icon.png") 0 0 / 100% auto;
    width: 39px;
    height: 42px;
    position: absolute;
    bottom: 21px;
    right: 24px;
}

.single .resources.item.videos .icon {
    background: url("images/resources-watch-video-icon.png") 0 0 / 100% auto;
}



/* =Form Tremplate
-------------------------------------------------------------- */

.form .intro p {
    margin-bottom: 56px;
    font-size: 21px;
    line-height: 1.35;
}

.form .intro .button,
.error404 .entry-content .button {
    margin-bottom: 80px;
}

.form .intro .button.orange {
    margin-right: 25px;
}

.form #form {
    background: #004A67;
    height: auto;
    padding-bottom: 100px;
}

.page-id-212 .form #form {
    padding-bottom: 30px;
}

.page-id-212 #form .wpcf7 form.invalid .wpcf7-response-output, 
.page-id-212 #form .wpcf7 form.unaccepted .wpcf7-response-output {
	border: 0px;
	position: relative;
	float: right;
	padding: 0;
	margin: 35px 0;
	font-size: 16px;
	text-align: center;
	width: 625px;
}

.page-id-212 #form .wpcf7 form.sent .wpcf7-response-output {
	border: 0px;
	float: right;
	font-size: 16px;
	padding: 0;
	margin: 35px 0;
	text-align: center;
	width: 625px;
}

.form #form .wpcf7-form .button {
    background: #D75900;
}

.page-id-212 .form #form .wpcf7-form .button {
    margin-top: 28px;
}

.form #form .wpcf7-form .button:hover {
    background: #00BBC2;
}

.form #form select {
    -webkit-appearance: none;
    border: 0px;
    margin: 5px 0 0 0;
    padding: 0 44px 0 15px;
    height: 50px;
    width: 625px;
    background: white url(images/form-up-down-seletor.png) no-repeat 595px 8px / 18px 34px;
    text-align: left;
    display: block;
    font-family: 'gotham_bookregular';
    font-size: 18px;
    color: #004A67;
    border-radius: 0;
}

.form #form a {
    color: #B6E2E2;
}

.form #form a:hover {
    color: white;
}


.form #form .bottom {
    margin-top: 35px;
    float: left;
    width: 625px
}

.form #form .bottom label {
    float: left;
    width: 50%;
    font-size: 17px;
    color: #B6E2E2;
}

.form #form .bottom br {
    display: none;
}


.form #form .wpcf7-list-item {
    margin: 0;
}

.form #form .wpcf7-list-item input {
    margin: 0;
    padding-bottom: 100px;
    float: left;
    margin-bottom: 100px;
    margin-top: 25px;
}

.form #form .wpcf7-list-item span.wpcf7-list-item-label {
    font-size: 14px;
    padding-right: 52px;
    float: left;
    clear: none;
    width: 200px;
    padding-left: 10px;
    padding-top: 20px;
    color: white;
}

.form #form .bottom label:nth-of-type(2) span.wpcf7-list-item-label {
    padding-right: 0;
    width: 275px;
}

.form #form .bottom label span.wpcf7-list-item label {
    width: 100%;
}

/* =Tiles
-------------------------------------------------------------- */

#tiles h2 {
	font-size: 88px;
	text-align: center;
	color: #004A67;
	padding-top: 82px;
	padding-bottom: 52px;
}

#tiles .tiles {
	margin-bottom: 75px;
	float: left;
}

#tiles .tiles .left {
	float: left;
	width: 650px;
}

#tiles .tiles .right {
	float: left;
	width: 650px;
}

#tiles .tiles .tile {
	width: 325px;
	height: 250px;
	float: left;
	background: white;
	position: relative;
}

#tiles .tiles .tile .icon {
	width: 180px;
	height: 130PX;
	margin: 25px auto 8px;
}

#tiles .tiles .tile .icon.buy-to-let {
	background: url("images/Buy To Let Icon.png") 0 0 / auto 100%;
}

#tiles .tiles .tile .icon.cyber {
	background: url("images/Shops & Salons Insurance.png") 0 0 / auto 100%;
}

#tiles .tiles .tile .icon.office {
	background: url("images/Office Insurance Icon.png") 0 0 / auto 100%;
}

#tiles .tiles .tile .icon.trade {
	background: url("images/icon-tradesmen-professionals.png") 0 0 / auto 100%;
}

#tiles .tiles .tile .icon.surgery {
	background: url("images/icon-surgery-insurance.png") 0 0 / auto 100%;
}

#tiles .tiles .tile .icon.manufacturer {
	background: url("images/icon-manufacture-wholesale.png") 0 0 / auto 100%;
}

#tiles .tiles .tile .icon.commercial {
	background: url("images/Commercial Let Icon.png") 0 0 / auto 100%;
}

#tiles .tiles .tile .icon.household {
	background: url("images/Rent Gurantee & Home Emergency Insurance.png") 0 0 / auto 100%;
}

#tiles .tiles .tile .icon.indemnity {
	background: url("images/Tradesman & Professionals Icon.png") 0 0 / auto 100%;
}

#tiles .tiles .tile .icon.retail {
	background: url("images/icon-retail.png") 0 0 / auto 100%;
}

#tiles .tiles .tile .icon.logo {
    background: url("images/logo-footer.png") no-repeat 0 0 / 100% auto;
    margin-top: 96px
}

#tiles .tiles .tile .icon.pubs {
	background: url("images/icon-pubs-hotel.png") 0 0 / auto 100%;
}

#tiles .tiles .tile p {
	text-align: center;
	font-size: 22px;
	font-family: 'gotham_boldregular';
	text-transform: uppercase;
	line-height: 1.25;
	position: absolute;
	left: 0;
	right: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#tiles .tiles .tile p.active {
	opacity: 1.0
}

#tiles .tiles .tile:hover p.active {
	opacity: 0.0
}

#tiles .tiles .tile p.hidden {
	opacity: 0.0
}

#tiles .tiles .tile:hover p.hidden {
	opacity: 1.0
}

#tiles .tiles .tile.navy p,
#tiles .tiles .tile.blue p {
	color: #D75900;
}

#tiles .tiles .tile.blue p.white {
	color: white;
}

#tiles .tiles .tile.orange p {
	color: white;
}

#tiles .tiles .tile.white p {
	color: #004A67;
}

#tiles .tiles .tile.white p.orange {
	color: #D75900;
}

#tiles .tiles .tile.white:hover p.orange {
	color: #D75900;
}

#tiles .tiles .tile.grey p {
	color: white;
}

#tiles .tiles .tile.orange {
	background: #D75900
}

#tiles .tiles .tile.navy {
	background: #004A67
}

#tiles .tiles .tile.blue {
	background: #B6E2E2
}

#tiles .tiles .tile.grey {
	background: #AAAAAA
}

#tiles .tiles .tile.wide {
	width: 650px;
}

#tiles .button {
	margin: 0 500px 115px;
}



.why h1 {
    float: left;
}

.why span.video_title {
    float: right;
    font-size: 35px;
    color: #00BBC2;
    padding-top: 85px;
    margin-top: 26px;
}

.why #video {
    width: 100%;
    height: 705px;
    margin-bottom: 80px;
    float:left;
    position: relative;
}

.why #video img {
    width: 100%;
    height: auto;
}

.why #video span.play {
    background: url("images/the-why-video-play-button.png") 0 0 / 200% auto;
    width: 150px;
    height: 150px;
    left: 575px;
    right: 575px;
    top: 277px;
    bottom: auto;
    position: absolute;
}

.why #video:hover span.play {
    background-position: 100% 0;
}

.why #values {
    background: #D75900;
    height: auto;
    padding-bottom: 70px;
}

.why #values h2 {
    font-size: 92px;
    text-align: left;
    margin: 78px 0 23px;
    color: white;
    float: left;
    border-right: 0;
    height: auto;
    line-height: 1;
    padding: 0;
    text-align: left;
    width: 100%;
}

.why #values p.title {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-family: 'gotham_mediumregular';
    font-size: 27px;
    text-align: center;
    margin-bottom: 72px;
}

.why #stats {
    float: left;
    width: 100%;
    height: 270px;
    background: url("images/the-why-circles-bar-unpopulated.png") 0 0 / 100% auto;
}

.why #stats .item {
    width: 270px;
    height: 270px;
    float: left;
    margin: 0;
    color: white;
    line-height: 240px;
    text-align: center;
    font-size: 70px;
    font-family: 'gotham_boldregular';
    margin-right: 73.33333333px;
    position: relative;
}

.why #stats .item:nth-of-type(4) {
    margin-right: 0;
}

.why #stats .item p {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #00BBC2;
    margin: 0;
    top: 160px;
    font-family: 'gotham_bookregular';
    font-size: 22px;
}

.why #income {
    width: 100%;
    height: auto;
    float: left;
}

.why #income h2 {
    font-size: 87px;
    text-align: left;
    margin: 78px 0 75px;
    color: #004A67;
    float: left;
    border-right: 0;
    height: 70px;
    line-height: 70px;
    padding: 0;
    text-align: center;
}

.why #income #chart {
    float: left;
    width: 100%;
    overflow: hidden;
}

.why #income #chart .left {
    float: left;
    width: 160px;
    height: 410px;
}

.why #income #chart .left span {
    float: left;
    width: 100%;
    color: #004A67;
    font-size: 22px;
    line-height: 1;
    padding-bottom: 60px;
    height: 22px;
    font-family: 'gotham_mediumregular';
}

.why #income #chart .chart {
    float: left;
    width: 1140px;
    height: 410px;
    border-bottom: 2px dotted grey;
    position: relative;
}

.why #income #chart .chart span.bg {
    width: 100%;
    height: 80px;
    float: left;
    border-top: 2px dotted #AAAAAA;
}

.why #income #chart .chart span.bg.white {
    background: white
}

.why #income #chart .chart span.bg.grey {
    background: #f2f2f2;
}

.why #income #chart .chart .year_one {
    background: url("images/year_one.png") 0 0 / 100% auto;
    position: absolute;
    width: 150px;
    height: 370px;
    left: 65px;
    bottom: -370px;
    z-index: 100000;
    -webkit-transition: all 2.0s;
    -moz-transition: all 2.0s;
    -ms-transition: all 2.0s;
    -o-transition: all 2.0s;
    transition: all 2.0s;
    transition-delay: 2.0s;
}

.why #income #chart .chart .year_two {
    background: url("images/year_two.png") 0 0 / 100% auto;
    position: absolute;
    width: 150px;
    height: 370px;
    left: 280px;
    bottom: -370px;
    z-index: 100000;
    -webkit-transition: all 2.0s;
    -moz-transition: all 2.0s;
    -ms-transition: all 2.0s;
    -o-transition: all 2.0s;
    transition: all 2.0s;
    transition-delay: 2.5s;
}

.why #income #chart .chart .year_three {
    background: url("images/year_three.png") 0 0 / 100% auto;
    position: absolute;
    width: 150px;
    height: 370px;
    left: 495px;
    bottom: -370px;
    z-index: 100000;
    -webkit-transition: all 2.0s;
    -moz-transition: all 2.0s;
    -ms-transition: all 2.0s;
    -o-transition: all 2.0s;
    transition: all 2.0s;
    transition-delay: 3s;
}

.why #income #chart .chart .year_four {
    background: url("images/year_four.png") 0 0 / 100% auto;
    position: absolute;
    width: 150px;
    height: 370px;
    left: 710px;
    bottom: -370px;
    z-index: 100000;
    -webkit-transition: all 2.0s;
    -moz-transition: all 2.0s;
    -ms-transition: all 2.0s;
    -o-transition: all 2.0s;
    transition: all 2.0s;
    transition-delay: 3.5s;
}

.why #income #chart .chart .year_five {
    background: url("images/year_five.png") 0 0 / 100% auto;
    position: absolute;
    width: 150px;
    height: 370px;
    left: 925px;
    bottom: -370px;
    z-index: 100000;
    -webkit-transition: all 2.0s;
    -moz-transition: all 2.0s;
    -ms-transition: all 2.0s;
    -o-transition: all 2.0s;
    transition: all 2.0s;
    transition-delay: 4s;
}

.why #income #chart .chart .year_one.active,
.why #income #chart .chart .year_two.active,
.why #income #chart .chart .year_three.active,
.why #income #chart .chart .year_four.active,
.why #income #chart .chart .year_five.active {
    bottom: 10px;
}

.why #income .index {
    float: left;
    width: 1140px;
    padding-left: 160px;
    font-size: 26px;
    color: #004A67;
    padding-top: 34px;
    text-transform: uppercase;
    font-family: 'gotham_mediumregular';
}

.why #income span.year {
    float: left;
    width: 150px;
    text-align: center;
    padding-right: 65px;
}

.why #income span.year.one {
    padding-left: 65px;
}

.why #rebrand {
    height: auto;
    width: 100%;
    float: left;
    background: #004A67;
}

.cases .case {
    float: left;
    width: 415px;
    height: 65px;
    line-height: 65px;
    font-size: 24px;
    text-align: center;
    color: white;
    text-transform: uppercase;
    background: red;
    margin-top: 54px;
    margin-bottom: 90px;
    background: #F7A952;
}

.cases .case:nth-of-type(2) {
    margin-left: 27.5px;
    margin-right: 27.5px;
    background: #E46F0B;
}

.cases .case:nth-of-type(3) {
    background: #D75900;
}

.why #rebrand h2 {
    color: #00BBC2;
    padding: 85px 0 35px;
}

.why #rebrand p.ffont {
	font-size: 44px;
	color: white;
	line-height: 1.2;
	position: absolute;
	z-index: 1;
	width: 1300px;
}

.why #rebrand .quote {
    background: url("images/the-why-speech-mark.png") 0 0 / 100% auto;
    z-index: 0;
}

.why #rebrand .buttons {
    float: left;
    padding: 395px 0 100px;
}


.why #rebrand .buttons .button {
    float: left;
}

.why #rebrand .buttons .button.blue {
    float: left;
    margin-right: 30px;
    background: #00BBC2
}

.why #rebrand .buttons .button.blue:hover,
.why #rebrand .buttons .button.orange:hover  {
    background: #B6E2E2;
    color: #004A67;
}

/* =Resources
-------------------------------------------------------------- */

.resources h1 {
    float: left;
}

.resources .icon.proknow {
    float: right;
    width: 210px;
    height: 67px;
    background: url("images/resources-proknow-logo.png") 0 0 / 100% auto;
    margin-top: 77px;
}

.resources section {
    float: left;
    width: 100%;
    padding-bottom: 45px;
}

.resources section.journey h2 {
    padding-top: 20px;
}

.resources section h2, .resources #faq h2 {
    font-size: 50px;
    padding-top: 65px;
    padding-bottom: 40px;
}

.resources section .item  {
    width: 360px;
    height: 160px;
    float: left;
    padding: 20px;
    margin: 0 0 50px;
    position: relative;
}

.resources section .item h3 {
    text-transform: uppercase;
    font-size: 25px;
    padding-right: 35px;
    font-family: 'gotham_mediumregular';
    font-weight: normal;
    line-height: 1.25;
}

.resources section .item p.download {
    text-transform: uppercase;
    font-size: 15px;
    padding-right: 90px;
    font-family: 'gotham_bookregular';
    font-weight: normal;
    line-height: 1.25;
    position: absolute;
    bottom: 19px;
    margin: 0;
    color: white;
}

.resources section .item .icon {
    background: url("images/resources-download-pdf-icon.png") 0 0 / 100% auto;
    width: 39px;
    height: 42px;
    position: absolute;
    bottom: 21px;
    right: 24px;
}



.resources section .item:nth-of-type(3n+2)  {
    margin: 0 50px 50px
}

.resources section.journey {
    background: white;
    color: #004A67;
}

.resources section.journey .item {
    background: #D75900;
    color: white;
}

.resources section .item:hover {
    background: #494949 ! important;
}

.resources section.understanding {
    background: #B6E2E2;
    color: #004A67;
}

.resources section.understanding .item {
    background: #00BBC2;
    color: white;
}

.resources section.information {
    background: #004A67;
    color: #00BBC2;
}

.resources section.information .item {
    background: #00BBC2;
    color: white;
}

.resources #faq {
    float: left;
    background: white;
    color: #D75900;
    width: 100%;
    scroll-margin-top: 100px;
}

.accordion {
    cursor: pointer;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    font-size: 40px;
    padding-left: 35px;
    height: auto;
    padding-top: 15px;
    float: left;
    width: 1300px;
    color: #004A67;
    position: relative;
    background: white;
    border-top: 2px dotted #AAAAAA;
    padding-bottom: 20px;
}

.accordion::after {
    content: "";
    height: 20px;
    width: 20px;
    background: url(images/faq-icons-open.png) no-repeat 0 0 / 20px 20px;
    position: absolute;
    left: 0;
    top: 25px;
}

.accordion:hover {
    color: #D75900;
}

.accordion.active::after {
    content: "";
    height: 20px;
    width: 20px;
    background: url(images/faq-icons-close.png) no-repeat 0 0 / 20px 20px;
    position: absolute;
    left: 0;
    top: 25px;
}

.panel {
    padding: 0;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    float: left;
    width: 100%;
}

#faq #questions {
    margin-bottom: 100px;
    float: left;
    width: 100%;
    border-bottom: 2px dotted #AAAAAA;
}


/* =Downloads
-------------------------------------------------------------- */

.downloads #search {
    float: right;
    width: 520px;
    margin-top: 95px;
}

.downloads #search ul  {
    float: left;
    margin: 0;
}

.downloads #search ul li {
    float: left;
    padding: 0;
}
.downloads #search ul li.sf-field-search {
    width: 370px;
}

.downloads #search ul li.sf-field-search label input {
    border: 0px;
    padding: 0px 15px;
    height: 50px;
    background: #B6E2E2;
    width: 340px;
    font-family: 'gotham_mediumregular';
    text-transform: uppercase;
    font-size: 17px;
    color: #004A67;
}

.downloads #search ul li.sf-field-search input::placeholder {
    color: #004A67;
}

.downloads #search ul li.sf-fields-submit {
    width: 150px;
}

.downloads #search ul li.sf-field-submit input {
    width: 150px;
    background: #D75900;
    border-radius: 0;
    border: 0;
    color: white;
    font-family: 'gotham_mediumregular';
    text-transform: uppercase;
    font-size: 17px;
    height: 50px;
}

.downloads #search ul li.sf-field-submit input:hover {
    background: #004A67;
}

.downloads section .item {
    width: 210px;
    height: 110px;
    float: left;
    padding: 10px 15px 0;
    margin: 0 24px 24px 0;
    position: relative;
    background: #004A67 ! important;
}

.downloads section .item:hover {
    background: #D75900 ! important;
}

.downloads section .item:nth-of-type(3n+2) {
    margin: 0 24px 24px 0;
}

.downloads section .item:nth-of-type(5n+5) {
    margin: 0 0 24px 0 ! important;
}

.downloads section .item h3 {
    font-size: 17px;
    padding-right: 24px;
    line-height: 1.1;
    font-family: 'gotham_bookregular';
}

.downloads section .item p.download {
    font-size: 12px;
    bottom: 10px;
    color: #B6E2E2;
}

.downloads section .item .icon {
    width: 24px;
    height: 26px;
    bottom: 12px;
    right: 12px;
}

.downloads section:nth-of-type(even) {
    background: #B6E2E2;
    padding-top: 43px;
    margin-bottom: 42px;
}

.downloads section:nth-of-type(even) {
    padding-top: 3.07142857142857vw;
    margin-bottom: 3vw;
}



/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: disc;
	margin-left: 1.1em;
}
.widget-area ul ul ul {
	margin-left: 2.5em;
}
.widget-container {
	margin: 0 0 1.5em 0;
}

/* =Temporary styles until the
		directory can read @import
		
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
		
-------------------------------------------------------------- */

#swipebox-overlay {
    background: rgba(215,89,0,0.9) ! important;
}

/* =Subscribe
-------------------------------------------------------------- */

#subscribe {
	float: left;
	width: 100%;
	height: 23.5714285714286vw;
	max-height: 330px;
	background: #B6E2E2;
}

#subscribe h3 {
    color: #004A67;
    font-size: 55px;
    padding-top: 70px;
    padding-bottom: 13px;
}

#subscribe p {
    color: #D75900;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'gotham_mediumregular';
}

#subscribe span.arrow {
    width: 56px;
    height: 67px;
    float: right;
    background: url("images/cta-subscribe-arrow.png") no-repeat 0 0 / 100% auto;
    margin-top: -77px;
    margin-right: 42px;
}

#subscribe input {
    padding: 0 15px;
    margin: 0 20px 0 0 ;
    border: 0px;
    height: 50px;
    line-height: 50px;
    width: 320px;
    font-family: 'gotham_mediumregular';
    text-transform: uppercase;
    color: #B6E2E2;
    font-size: 18px;
    float: left;
}

#subscribe input.email {
    width: 360px;
}

#subscribe input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #B6E2E2;
  opacity: 1; /* Firefox */
}

#subscribe .button {
    float: left;
    height: 50px;
    width: 150px;
    margin: 0;
    background: #D75900;
    color: white;
    cursor: pointer;
}

#subscribe .button:hover {
    background: #004A67;
}

/* =Icons
-------------------------------------------------------------- */

#icons {
	float: left;
	width: 100%;
	height: 16.7857142857143vw;
	max-height: 235px;
	background: white;
}

#icons img {
	width: 100%;
	height: auto;
	margin-top: 62.5px;
}


/* =Footer Areas
-------------------------------------------------------------- */

#footer {
	width:100%;
	background: #004A67;
	color: white;
	height: 29.6428571428571vw;
	max-height: 415px;
}

#footer .left {
	float: left;
}

#footer .right {
	float: right;
}

#footer h3 {
	font-size: 56px;
	color: #B6E2E2;
	padding-top: 62px;
	padding-bottom: 15px;
}

#footer p {
	text-transform: uppercase;
	font-family: 'gotham_bookregular';
	font-size: 14px;
	line-height: 1.75;
	color: white;
}

#footer a {
	color: white;
}

#footer a:hover {
	color: #B6E2E2;
}

#footer #social {
	float: right;
	margin: 63px 0 0 0;
}

#footer #social .arrow {
	background: url("images/cta-social-icons-arrow.png") 0 0 / 100% auto;
	width: 53px;
	height: 73px;
	float: left;
	margin-top: 16px;
}

#footer #social .item {
	float: right;
	width: 3.92857142857143vw;
	max-width: 55px;
	height: 3.92857142857143vw;
	max-height: 55px;
	margin-left: 28px;
	position: relative;
}

#footer #social .item.facebook {
	background: url("images/pci-social-icons-facebook.png") 0 0 / 200% auto;
}

#footer #social .item.twitter {
	background: url("images/pci-social-icon-x.png") 0 0 / 200% auto;
}

#footer #social .item.tiktok {
	background: url("images/pci-social-icon-tiktok.png") 0 0 / 200% auto;
}

#footer #social .item.instagram {
	background: url("images/pci-social-icon-instagram.png") 0 0 / 200% auto;
}

#footer #social .item.linkedin {
	background: url("images/pci-social-icons-linkedin.png") 0 0 / 200% auto;
	margin-left: 25px;
}

#footer #social .item.facebook:hover,
#footer #social .item.twitter:hover,
#footer #social .item.linkedin:hover {
	background-position: 100% 0;
}

#footer .footer-logo {
	float: right;
	clear: right;
	width: 15.7142857142857vw;
	max-width: 220px;
	height: 4.40476190428571vw;
	max-height: 61px;
	background: url("images/logo-footer.png") no-repeat 0 0 / 100% auto;
	margin-top: 128px;
}

#footer ul {
    list-style: none;
    margin: 0;
}

#footer .nav {
    float: left;
    padding-top: 25px;
    padding-right: 60px;
}

#footer .nav h4 {
    font-family: 'gotham_mediumregular';
    color: #B6E2E2;
    text-transform: uppercase;
    font-size: 16px;
    padding-bottom: 22px;
}

#footer .nav ul li {
    font-size: 14px;
    text-transform: uppercase;
    padding-bottom: 5px;
}


#base {
	height: 255px;
	width: 100%;
	float: left;
	background: white;
	color: #004A67;
	padding-top: 42px;
}

#base #copyright {
	float: left;
}

#base #copyright a {
    color: #D75900;
}

#base #copyright a:hover {
    color: #004A67;
}

#base p {
	font-size: 14px;
}

#base p:nth-of-type(1) {
	padding-top: 8px;
}

#base a:hover {
	color: #D75900
}

#base #gecko {
	float: right;
	background: url("images/gecko.png") 0 0 / 200% auto;
	width: 7.5vw;
	max-width: 105px;
	height: 9.14285714285714vw;
	max-height: 128px;
	position: relative;
}

#base #gecko:hover {
    background-position: 100% 0;
}

#base #gecko span.text {
    position: absolute; 
    left: 99999999999px;
}

#red-bar {
    width: 100%;
    float: left;
    height: 50px;
    background: #252525;
    color: #ccae76;
    position: relative;
    text-align: center;
    line-height: 50px;
    text-transform: uppercase;
    font-family: 'gotham_boldregular';
    font-size: 20px;
}

#red-bar:hover {
    color: white;
}

#corona {
    width: 100%;
    height: auto;
    background: #D75900;
    margin-top: 110px;
    float: left;
}

#corona .right a {
    float: right;
    color: white;
}

#corona .right a:hover {
    color: #004A67;
}

#corona h2 {
	font-family: 'gotham_boldregular';
	font-size: 20px;
	color: #fff;
	padding: 25px 0 25px;
}

#corona p {
    color: white;
    font-size: 12px;
    margin-bottom: 1.2em;
}

#corona a:hover {
    color: white;
}

#corona ul {
    margin: 10px 0 0 12px;
    color: white;
    font-size: 14px;
    font-family: 'gotham_bookregular';
}

.single .pdf-button {
    background: url("images/Protect-Posts-Download-PDF-Tile.jpg") 0 0 / 100% auto;
    width: 39.285714285714286vw;
    max-width: 550px;
    height: 6.428571428571429vw;
    max-height: 90px;
    float: left;
    margin-top: 20px;
    position: relative;
}

.single .entry-content .buttons.pdf {
    margin-top: 30px;
}



@media only screen 
and (min-width : 621px)
and (max-width : 1400px) {

.wrapper {
	padding: 0 3.57142857142857vw;
	width: 92.8571428571429vw;
}

#access {
	line-height: 7.85714285714286vw;
}

#branding {
	width: 15.4285714285714vw;
	height: 4.28571428571429vw;
	margin-top: 1.78571428571429vw;
}

#mega_menu {
	height: 7.85714285714286vw;
}

#header #mega_menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li {
	width: 8.57142857142857vw;
	height: 2.5vw;
	line-height: 2.5vw;
	margin-top: 2.64285714285714vw;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
	background: transparent url(images/nav-icon-burger.png) no-repeat 5vw 0 / 2.85714285714286vw 2.5vw !important;
	width: 7.85714285714286vw;
	height: 2.5vw;
	line-height: 2.5vw;
	font-size: 1.14285714285714vw;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-toggle-on > a.mega-menu-link {
	background: transparent url(images/nav-icon-cross.png) no-repeat 5vw 0 / 2.85714285714286vw 2.5vw !important;
	width: 8.57142857142857vw;
	height: 2.5vw;
	line-height: 2.5vw;
}

#head-contact {
	float: right;
	background: url("images/telephone-icon.png") no-repeat 0 3.14285714285714vw / 1vw 1.64285714285714vw;
	padding-left: 1.92857142857143vw;
	line-height: 7.85714285714286vw;
	font-size: 1.14285714285714vw;
	margin-right: 3.42857142857143vw;
}

#slide {
	padding-top: 7.85714285714286vw;
}

#header.smaller #branding {
	width: 11.5vw;
	height: 3.21428571428571vw;
	margin-top: 0.928571428571429vw;
}

#header.smaller #mega_menu {
	height: 5vw;
}

#header.smaller #head-contact {
	background: url("images/telephone-icon.png") no-repeat 0 1.71428571428571vw / 1vw 1.64285714285714vw;
	padding-left: 1.92857142857143vw;
	line-height: 5vw;
}

#header.smaller #access {
	line-height: 5vw;
}

#access ul li {
	font-size: 1.14285714285714vw;
	padding-right: 1.42857142857143vw;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
	width: 182.857142857143vw;
	padding: 2.85714285714286vw 45vw 2.14285714285714vw;
	margin-left: -133.714285714286vw;
	top: 7.85714285714286vw;
}

#header.smaller #mega_menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
	top: 5vw;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li#mega-menu-item-nav_menu-3, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > #mega-menu-item-nav_menu-3 {
	border-right: 0.0714285714285714vw solid #004A67;
	width: 34.6428571428571vw;
	height: 19.2857142857143vw;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4 {
	font-size: 1.42857142857143vw;
	padding-bottom: 2.5vw;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 li ul.mega-sub-menu li .menu-how-can-we-help-today-container li:nth-of-type(2n+1) {
	width: 12.8571428571429vw;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 li ul.mega-sub-menu li .menu-how-can-we-help-today-container li:nth-of-type(2n) {
	width: 21.4285714285714vw;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li#mega-menu-item-nav_menu-4, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > #mega-menu-item-nav_menu-4 {
    padding-left: 4.42857142857143vw !important;
    width: 58.1428571428571vw;
    height: 19.2857142857143vw;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 li ul.mega-sub-menu li .menu-browse-our-insurance-products-container li:nth-of-type(2n+1) {
	width: 21.1428571428571vw;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 li ul.mega-sub-menu li .menu-browse-our-insurance-products-container li:nth-of-type(2n) {
	width: 32.5vw;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 li a {
	font-size: 1.21428571428571vw;
	padding-bottom: 1.64285714285714vw;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 li ul.mega-sub-menu li#mega-menu-item-custom_html-3 h3 {
	font-size: 4vw;
	padding-top: 3.42857142857143vw;
}

#mega_menu #mega-menu-wrap-max_mega_menu_1 li ul.mega-sub-menu li .button {
	margin-top: 6.07142857142857vw;
}

.button {
	line-height: 4.28571428571429vw;
	font-size: 1.28571428571429vw;
}

#slide #owl {
	width: 182.857142857143vw;
	margin-left: -91.4285714285714vw;
}

#slide .slider-wrap {
	margin-left: -46.4285714285714vw;
	max-width: none;
	top: 7.85714285714286vw;
}

#slide .title {
	font-size: 7.5vw;
	padding-top: 4.28571428571429vw;
}

#slide .button.orange {
	bottom: 5.71428571428571vw;
}

#slide .button.blue {
	bottom: 5.71428571428571vw;
	left: 25vw;
}

.stripe_bar {
	background: url("images/stripe-divider-70px.png") top center / 182.857142857143vw 5vw;
}

#split section.right .content .wrapper {
	width: 46.4285714285714vw;
	padding: 0 3.57142857142857vw 0 0;
}

#split section.left .content .wrapper {
	width: 46.4285714285714vw;
	padding: 0 0 0 3.57142857142857vw;
}

#split section .content h2 {
	font-size: 6.42857142857143vw;
	padding-top: 3.57142857142857vw;
}

#split section.right p {
	padding-left: 3.57142857142857vw;
}

#split section p {
	font-size: 1.42857142857143vw;
	padding-top: 1.78571428571429vw;
	padding-bottom: 3.71428571428571vw;
}

#split section .button {
	line-height: 4.28571428571429vw;
	font-size: 1.28571428571429vw;
}

#tiles h2 {
	font-size: 6.28571428571429vw;
	padding-top: 5.85714285714286vw;
	padding-bottom: 3.71428571428571vw;
}

#tiles .tiles {
	margin-bottom: 5.35714285714286vw;
}

#tiles .tiles .left {
	width: 50%;
}

#tiles .tiles .right {
	width: 50%;
}

#tiles .tiles .tile {
	width: 23.2142857142857vw;
	height: 17.8571428571429vw;
}

#tiles .tiles .tile.wide {
	width: 46.4285714285714vw;
}

#tiles .tiles .tile .icon {
	width: 12.8571428571429vw;
	height: 9.28571428571429vw;
	margin: 1.78571428571429vw auto 0.571428571428571vw;
}

#tiles .tiles .tile p {
	font-size: 1.57142857142857vw;
}

#tiles .button {
	margin: 0 35.7142857142857vw 8.21428571428571vw;
}

#subscribe h3 {
	font-size: 3.92857142857143vw;
	padding-top: 5vw;
	padding-bottom: 0.928571428571429vw;
}

#subscribe p {
	font-size: 1.28571428571429vw;
}

#subscribe span.arrow {
	width: 4vw;
	height: 4.78571428571429vw;
	margin-top: -5.5vw;
	margin-right: 3vw;
}

#subscribe input {
	padding: 0 1.07142857142857vw;
	margin: 0 1.42857142857143vw 0 0;
	height: 3.57142857142857vw;
	line-height: 3.57142857142857vw;
	width: 22.8571428571429vw;
	font-size: 1.28571428571429vw;
}

#subscribe input.email {
	width: 25.7142857142857vw;
}

#subscribe .button {
	height: 3.57142857142857vw;
	width: 10.7142857142857vw;
}

#footer h3 {
	font-size: 4vw;
	padding-top: 4.42857142857143vw;
	padding-bottom: 1.07142857142857vw;
}

#footer p {
	font-size: 1vw;
}

#footer .nav {
	padding-top: 1.78571428571429vw;
	padding-right: 4.28571428571429vw;
}

#footer .nav h4 {
	font-size: 1.14285714285714vw;
	padding-bottom: 1.57142857142857vw;
}

#footer .nav ul li {
	font-size: 1vw;
	padding-bottom: 0.357142857142857vw;
}

#footer #social {
	margin: 4.5vw 0 0 0;
}

#footer #social .arrow {
	width: 3.78571428571429vw;
	height: 5.21428571428571vw;
	margin-top: 1.14285714285714vw;
}

#footer #social .item {
	margin-left: 2vw;
}

#footer #social .item.linkedin {
	margin-left: 1.78571428571429vw;
}

#footer .footer-logo {
	margin-top: 9.14285714285714vw;
}

#base {
	height: 18.2142857142857vw;
	padding-top: 3vw;
}

#base p:nth-of-type(1) {
	padding-top: 0.571428571428571vw;
}

#base p {
	font-size: 1vw;
}

#icons img {
	margin-top: 4.46428571428571vw;
}

#people h1 {
    font-size: 4.71428571428571vw;
    padding: 6.07142857142857vw 0 3.64285714285714vw;
}

#people .item {
    width: 28.5714285714286vw;
    height: 32.8571428571429vw;
    margin: 0 0px 3.57142857142857vw 0;
}

#people .item:nth-of-type(3n+2) {
    margin: 0 3.57142857142857vw 3.57142857142857vw;
}

#people .item .block {
    width: 28.5714285714286vw;
    height: 7.85714285714286vw;
}

#people .item .block h2 {
    padding-left: 1.42857142857143vw;
    font-size: 2vw;
    padding-top: 0.857142857142857vw;
}

#people .item .block p {
    padding-left: 1.42857142857143vw;
    font-size: 1.07142857142857vw;
    width: 16.0714285714286vw;
}

#people .item .block .contact {
    padding-right: 2.14285714285714vw;
    margin-top: 0.357142857142857vw;
}

#people .item .block span.email {
    width: 3.14285714285714vw;
    height: 2.14285714285714vw;
}

#people .item .block .contact .pipe {
    margin: 0 1.71428571428571vw 0 1.35714285714286vw;
    width: 0.142857142857143vw;
    height: 2.14285714285714vw;
}

#people .item .block span.linkedin {
    width: 2.14285714285714vw;
    height: 2.14285714285714vw;
}

#people {
    margin-bottom: 7.85714285714286vw;
}

#content h1 {
	font-size: 4.71428571428571vw;
	padding: 6.07142857142857vw 0 2.57142857142857vw;
}

.why span.video_title {
	font-size: 2.5vw;
	padding-top: 6.07142857142857vw;
	margin-top: 1.85714285714286vw;
}

.why #video {
	height: 50.3571428571429vw;
	margin-bottom: 5.71428571428571vw;
}

.why #video span.play {
	width: 10.7142857142857vw;
	height: 10.7142857142857vw;
	left: 41.0714285714286vw;
	right: 41.0714285714286vw;
	top: 19.7857142857143vw;
}

.why #values {
    padding-bottom: 5vw;
}

.why #values h2 {
	font-size: 6.5vw;
	margin: 5.57142857142857vw 0 1.64285714285714vw;
	height: 5vw;
	line-height: 5vw;
}

.why #values p.title {
	font-size: 1.92857142857143vw;
	margin-bottom: 5.14285714285714vw;
}

.why #stats {
	height: 19.2857142857143vw;
}

.why #stats .item {
	width: 19.2857142857143vw;
	height: 19.2857142857143vw;
	line-height: 17.1428571428571vw;
	font-size: 5vw;
	margin-right: 5.23809523807143vw;
}

.why #stats .item p {
	top: 11.4285714285714vw;
	font-size: 1.57142857142857vw;
}

.why #income h2 {
	font-size: 6.21428571428571vw;
	margin: 5.57142857142857vw 0 5.35714285714286vw;
	height: 5vw;
	line-height: 5vw;
}

.why #income #chart .left {
	width: 11.4285714285714vw;
	height: 29.2857142857143vw;
}

.why #income #chart .left span {
	font-size: 1.57142857142857vw;
	padding-bottom: 4.28571428571429vw;
	height: 1.57142857142857vw;
}

.why #income #chart .chart {
	width: 81.4285714285714vw;
	height: 29.2857142857143vw;
	border-bottom: 0.142857142857143vw dotted #AAAAAA;
}

.why #income #chart .chart span.bg {
	height: 5.71428571428571vw;
	border-top: 0.142857142857143vw dotted #AAAAAA;
}

.why #income #chart .chart .year_one {
	width: 10.7142857142857vw;
	height: 26.4285714285714vw;
	left: 4.64285714285714vw;
	bottom: -26.4285714285714vw;
}

.why #income #chart .chart .year_two {
	width: 10.7142857142857vw;
	height: 26.4285714285714vw;
	left: 20vw;
	bottom: -26.4285714285714vw;
}

.why #income #chart .chart .year_three {
	width: 10.7142857142857vw;
	height: 26.4285714285714vw;
	left: 35.3571428571429vw;
	bottom: -26.4285714285714vw;
}

.why #income #chart .chart .year_four {
	width: 10.7142857142857vw;
	height: 26.4285714285714vw;
	left: 50.7142857142857vw;
	bottom: -26.4285714285714vw;
}

.why #income #chart .chart .year_five {
	width: 10.7142857142857vw;
	height: 26.4285714285714vw;
	left: 66.0714285714286vw;
	bottom: -26.4285714285714vw;
}

.why #income .index {
	width: 81.4285714285714vw;
	padding-left: 11.4285714285714vw;
	font-size: 1.85714285714286vw;
	padding-top: 2.42857142857143vw;
}

.why #income span.year.one {
	padding-left: 4.64285714285714vw;
}

.why #income span.year {
	width: 10.7142857142857vw;
	padding-right: 4.64285714285714vw;
}

.cases .case {
	width: 29.6428571428571vw;
	height: 4.64285714285714vw;
	line-height: 4.64285714285714vw;
	font-size: 1.71428571428571vw;
	margin-top: 3.85714285714286vw;
	margin-bottom: 6.42857142857143vw;
}

.cases .case:nth-of-type(2) {
	margin-left: 1.96428571428571vw;
	margin-right: 1.96428571428571vw;
}

.why #rebrand h2 {
	padding: 6.07142857142857vw 0 2.5vw;
}

#rebrand h2 {
	font-size: 4.71428571428571vw;
	padding: 6.07142857142857vw 0 3.28571428571429vw;
}

#rebrand .quote {
	top: 5vw;
	right: 3.57142857142857vw;
	width: 17.2857142857143vw;
	height: 14.6428571428571vw;
}

.why #rebrand p.ffont {
	font-size: 3.14285714285714vw;
	width: 92.8571428571429vw;
}

.why #rebrand .buttons {
	padding: 28.2142857142857vw 0 7.14285714285714vw;
}

.why #rebrand .buttons .button.blue {
	margin-right: 2.14285714285714vw;
}

.resources .icon.proknow {
	width: 15vw;
	height: 4.78571428571429vw;
	margin-top: 5.5vw;
}

.resources section {
	padding-bottom: 3.21428571428571vw;
}

.resources section.journey h2 {
	padding-top: 1.42857142857143vw;
}

.resources section h2, .resources #faq h2 {
	font-size: 3.57142857142857vw;
	padding-top: 4.64285714285714vw;
	padding-bottom: 2.85714285714286vw;
}

.resources section .item {
	width: 25.7142857142857vw;
	height: 11.4285714285714vw;
	padding: 1.42857142857143vw;
	margin: 0 0 3.57142857142857vw;
}

.resources section .item h3 {
	font-size: 1.78571428571429vw;
	padding-right: 2.5vw;
}

.resources section .item p.download {
	font-size: 1.07142857142857vw;
	padding-right: 6.42857142857143vw;
	bottom: 1.35714285714286vw;
}

.resources section .item .icon {
	width: 2.78571428571429vw;
	height: 3vw;
	bottom: 1.5vw;
	right: 1.71428571428571vw;
}

.resources section .item:nth-of-type(3n+2) {
	margin: 0 3.57142857142857vw 3.57142857142857vw;
}

#faq #questions {
	margin-bottom: 7.14285714285714vw;
	border-bottom: 0.142857142857143vw dotted #AAAAAA;
}

.accordion {
	font-size: 2.85714285714286vw;
	padding-left: 2.5vw;
	padding-top: 1.07142857142857vw;
	width: 92.8571428571429vw;
	border-top: 0.142857142857143vw dotted #AAAAAA;
	padding-bottom: 1.42857142857143vw;
}

.accordion::after {
	height: 1.42857142857143vw;
	width: 1.42857142857143vw;
	background: url(images/faq-icons-open.png) no-repeat 0 0 / 1.42857142857143vw 1.42857142857143vw;
	top: 1.78571428571429vw;
}

.accordion.active::after {
	height: 1.42857142857143vw;
	width: 1.42857142857143vw;
	background: url(images/faq-icons-close.png) no-repeat  0 0 / 1.42857142857143vw 1.42857142857143vw;
	top: 1.78571428571429vw;
}

p {
	font-size: 1.28571428571429vw;
}

#header.smaller #mega_menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li {
	margin-top: 1.21428571428571vw;
}

.about .left {
	width: 45vw;
	padding-right: 3.57142857142857vw;
}

.about .left.intro, .about .right.intro {
	padding-bottom: 4.28571428571429vw;
}

.about .right {
	width: 44.2857142857143vw;
}

#values {
	height: 43.2142857142857vw;
}

#values h2 {
	font-size: 5.92857142857143vw;
	margin: 4vw 0 2.57142857142857vw;
	border-right: 0.285714285714286vw solid #00BBC2;
	height: 5vw;
	line-height: 5vw;
	padding: 0 6.42857142857143vw 0 0;
}

#values p.intro {
	width: 42.8571428571429vw;
	padding: 4.28571428571429vw 4.64285714285714vw 0 0;
}

#values #values-slides {
	width: 92.8571428571429vw;
	height: 25vw;
	margin-top: 2vw;
	padding: 0 3.57142857142857vw;
	margin-left: -3.57142857142857vw;
}

#values .owl-nav {
	top: 11.0714285714286vw;
	height: 3.57142857142857vw;
}

#values .owl-nav button.owl-prev {
	width: 1.78571428571429vw;
	height: 3.57142857142857vw;
}

#values .owl-nav button.owl-next {
	width: 1.78571428571429vw;
	height: 3.57142857142857vw;
}

#timeline {
	height: 45.7142857142857vw;
}

#timeline h2 {
	font-size: 4.71428571428571vw;
	padding: 5.5vw 0 2.57142857142857vw;
}

#timeline img {
	height: 12.7857142857143vw;
	margin-top: 1.35714285714286vw;
}

#timeline .third {
	width: 32.5vw;
}

#timeline .third:nth-of-type(3) {
	width: 27.8571428571429vw;
}

#timeline .third h3 {
	font-size: 4.42857142857143vw;
	padding-top: 1.07142857142857vw;
}

#timeline .third p {
	font-size: 1.28571428571429vw;
	padding-right: 4.28571428571429vw;
	padding-top: 0.714285714285714vw;
}

#rebrand {
	height: 54.2857142857143vw;
}

#rebrand p.ffont {
	font-size: 3.42857142857143vw;
}

#rebrand p {
	line-height: 4.28571428571429vw;
}

#people button.alm-load-more-btn.more {
	width: 21.4285714285714vw;
	height: 4.28571428571429vw;
	line-height: 4.28571428571429vw;
	font-size: 1.28571428571429vw;
}

#people button.alm-load-more-btn.loading:before {
	 width:2.14285714285714vw;
	 height:2.14285714285714vw;
	 margin:0.714285714285714vw;
	 border-radius:0.357142857142857vw;
	 right: 1.07142857142857vw;
	 top:0.357142857142857vw;
}

.form .intro p {
	margin-bottom: 4vw;
	font-size: 1.5vw;
}

.form .intro .button.orange {
	margin-right: 1.78571428571429vw;
}

.form .intro .button, .error404 .entry-content .button {
	margin-bottom: 5.71428571428571vw;
}

.page-id-212 .form #form {
	padding-bottom: 2.14285714285714vw;
}

#form h2 {
	font-size: 4.71428571428571vw;
	padding: 6.07142857142857vw 0 4.71428571428571vw;
}

#form .left {
	width: 44.6428571428571vw;
}

#form .right {
	width: 44.6428571428571vw;
}

.form #form .bottom {
	margin-top: 2.5vw;
	width: 44.6428571428571vw;
}

#form p {
	margin-bottom: 1.28571428571429vw;
}

#form label {
	font-size: 1.28571428571429vw;
}

#form input[type="text"], #form input[type="email"], #form input[type="tel"], #form input[type="file"] {
	padding: 0 1.07142857142857vw;
	width: 42.5vw;
	height: 3.57142857142857vw;
	font-size: 1.28571428571429vw;
	margin-top: 0.357142857142857vw;
}

#form input[type="file"] {
    line-height: 3.57142857142857vw;
}

.wpcf7-form .button {
	width: 44.6428571428571vw;
	height: 3.57142857142857vw;
	margin: 1.642857142857143vw 0 0 0;
	line-height: 3.57142857142857vw;
}

.wpcf7-form .button input {
	font-size: 1.28571428571429vw;
}

.form #form .bottom label {
	font-size: 1.21428571428571vw;
}

.form #form .wpcf7-list-item span.wpcf7-list-item-label {
	font-size: 1vw;
	padding-right: 3.71428571428571vw;
	width: 14.2857142857143vw;
	padding-left: 0.714285714285714vw;
	padding-top: 1.42857142857143vw;
}

.form #form .bottom label:nth-of-type(2) span.wpcf7-list-item-label {
	width: 19.6428571428571vw;
}

#form {
	height: 50vw;
}

.form #form .wpcf7-list-item input {
	padding-bottom: 7.14285714285714vw;
	margin-bottom: 7.14285714285714vw;
	margin-top: 1.78571428571429vw;
}

.form #form select {
	margin: 0.357142857142857vw 0 0 0;
	padding: 0 3.14285714285714vw 0 1.07142857142857vw;
	height: 3.57142857142857vw;
	width: 44.6428571428571vw;
	background: white url(images/form-up-down-seletor.png) no-repeat 42.5vw 0.571428571428571vw / 1.28571428571429vw 2.42857142857143vw;
	font-size: 1.28571428571429vw;
}

#form textarea {
	padding: 0.857142857142857vw 1.07142857142857vw;
	width: 42.5vw;
	height: 15.428571428571429vw;
	font-size: 1.28571428571429vw;
	margin-top: 0.357142857142857vw;
}

.page-id-2712 #form textarea {
    height: 10.2142857142857vw;
}


#content.contact h1 {
	padding: 6.07142857142857vw 0 4.14285714285714vw;
}

#content.contact .left.contact {
	width: 46.4285714285714vw;
}

#content.contact .middle.contact {
	width: 25vw;
}

#content.contact .right.contact {
	width: 21.4285714285714vw;
}

#content.contact .left.contact h3, #content.contact .middle.contact h3, #content.contact .right.contact h3 {
	font-size: 1.57142857142857vw;
	padding-bottom: 1.78571428571429vw;
}

#content.contact .left.contact p, #content.contact .middle.contact p, #content.contact .right.contact p {
	font-size: 1.57142857142857vw;
	margin-bottom: 2vw;
}

span.day {
	width: 7.14285714285714vw;
}

#form div.wpcf7-mail-sent-ok {
	width: 46.4285714285714vw;
	line-height: 7.14285714285714vw;
	font-size: 1.28571428571429vw;
}

#map {
	height: 50vw;
}

.page-id-212 .form #form .wpcf7-form .button {
    margin-top: 2vw;
}

.products #split section .content h2 {
    font-size: 4.64285714285714vw;
    height: 12.5714285714286vw;
}

.products #split section:nth-of-type(2n+1) .content p {
    padding-left: 4.28571428571429vw;
}

.ffont {
    letter-spacing: -0.214285714285714vw;
}

#slide.single {
    height: 10.7142857142857vw;
}

#slide.single .title {
    font-size: 6.42857142857143vw;
    padding-top: 2.14285714285714vw;
}

.entry-meta {
    font-size: 1.28571428571429vw;
}

#nav-above .nav-next, #nav-above .nav-menu, #nav-above .nav-previous, #nav-below .nav-next, #nav-below .nav-menu, #nav-below .nav-previous {
    font-size: 1.28571428571429vw;
}

#nav-above .pipe, #nav-below .pipe {
    padding: 0 1vw;
}

.single .entry-content {
    margin: 3.57142857142857vw 0 0;
}

.single .entry-content .left {
    width: 42.8571428571429vw;
    margin-right: 3.57142857142857vw;
    margin-bottom: 6.42857142857143vw;
}

.single .entry-content .left section {
    margin-bottom: 3vw;
}

.single .entry-content .left h2 {
    font-size: 1.71428571428571vw;
    margin-bottom: 1.14285714285714vw;
}

.single .left p {
    font-size: 1.35714285714286vw;
}
.single .entry-content .left ul {
    margin: 0 0 2.14285714285714vw 1.28571428571429vw;
    font-size: 1.35714285714286vw;
}

.single .entry-content .left #quote {
    border-left: 0.142857142857143vw dotted #AAAAAA;
    height: 11.7857142857143vw;
}

.single .entry-content .left #quote .item.refer {
    background: url("images/refer_a_client_on.png") no-repeat 2.85714285714286vw 0 / 7.14285714285714vw 6.78571428571429vw;
}

.single .entry-content .left #quote .item {
    border-right: 0.142857142857143vw dotted #AAAAAA;
    height: 3.14285714285714vw;
    padding: 0 2.85714285714286vw;
    width: 7.14285714285714vw;
    font-size: 1.42857142857143vw;
    padding-top: 8.64285714285714vw;
    margin-bottom: 2.14285714285714vw;
}

.single .entry-content .left #quote .item.request {
    background: url("images/request_quote_on.png") no-repeat 2.85714285714286vw 0 / 7.14285714285714vw 6.78571428571429vw;
}

.single .entry-content .left #quote .item.online {
    background: url("images/quote_online_on.png") no-repeat 2.85714285714286vw 0 / 7.14285714285714vw 6.78571428571429vw;
}

.single .entry-content .left #quote .item.refer.disabled {
    background: url("images/refer_a_client_off.png") no-repeat 2.85714285714286vw 0 / 7.14285714285714vw 6.78571428571429vw;
}

.single .entry-content .left #quote .item.request.disabled {
    background: url("images/request_quote_off.png") no-repeat 2.85714285714286vw 0 / 7.14285714285714vw 6.78571428571429vw;
}

.single .entry-content .left #quote .item.online.disabled {
    background: url("images/quote_online_off.png") no-repeat 2.85714285714286vw 0 / 7.14285714285714vw 6.78571428571429vw;
}

.single .entry-content .left section h2.resources {
    margin-top: 0.571428571428571vw;
}

.single .resources.item {
    width: 36.4285714285714vw;
    height: 11.4285714285714vw;
    padding: 1.42857142857143vw;
    margin: 0 0 1.42857142857143vw;
}

.single .resources.item.product_guide h3.cat {
    margin-bottom: 0.857142857142857vw;
}

.single .resources.item h3 {
    font-size: 1.78571428571429vw;
    padding-right: 10vw;
}

.single .resources.item p.download {
    font-size: 1.07142857142857vw;
    padding-right: 6.42857142857143vw;
    bottom: 1.35714285714286vw;
}

.single .resources.item .icon {
    width: 2.78571428571429vw;
    height: 3vw;
    bottom: 1.5vw;
    right: 1.71428571428571vw;
}

.single .entry-content .right {
    width: 46.4285714285714vw;
    margin-bottom: 6.42857142857143vw;
}

.single .entry-content img {
    margin: 0 0 5.35714285714286vw;
    width: 100%;
    height: auto;
}

#nav-below {
    margin-top: 0.571428571428571vw;
    margin-bottom: 5vw;
}

.single .entry-content .buttons {
    margin-top: 3.92857142857143vw;
    width: 39.2857142857143vw;
}

.single .entry-content .buttons.pdf {
    margin-top: 2.142857142857143vw;
}

.single .entry-content .buttons .button {
    width: 18.5714285714286vw;
}

.single .entry-content .buttons .button.blue {
    margin-left: 2.14285714285714vw;
}

.products.blog #split section:nth-of-type(2n+1) .content h2 {
    padding: 3.57142857142857vw 0 1.78571428571429vw 3.57142857142857vw;
}

.products.blog #split section .content h2 {
    font-size: 3.92857142857143vw;
    height: 17.5vw;
}

.products.blog #split section .content .entry-meta {
    font-size: 1.21428571428571vw;
}

.products.blog #split section .content .button {
    margin-top: 3.57142857142857vw;
}

.products.blog #split section:nth-of-type(2n) .content h2 {
    padding: 3.57142857142857vw 3.57142857142857vw 1.78571428571429vw 0px;
}

.products #split section:nth-of-type(2n) .content p {
    padding-right: 4.28571428571429vw;
}

#customer {
    top: 17.8571428571429vw;
    width: 14.2857142857143vw;
    height: 3.57142857142857vw;
    font-size: 1.42857142857143vw;
    line-height: 3.57142857142857vw;
    right: -5.35714285714286vw;
}

span.customer_intro p {
    font-size: 3.64285714285714vw;
}

#contact_details {
    padding-top: 4.64285714285714vw;
}

#content.contact .left.contact, #content.contact .middle.contact, #content.contact .right.contact {
    font-size: 1.28571428571429vw;
    margin-bottom: 3.14285714285714vw;
}

#corona {
    margin-top: 7.857142857142857vw;
}

#corona h2 {
    font-size: 1.45vw;
    padding: 1.785714285714286vw 0 1.071428571428571vw;
}

#corona p {
    font-size: 0.857142857142857vw;
}

#corona ul {
    margin: 0.714285714285714vw 0 0 0.857142857142857vw;
    font-size: 1vw;
}

.single .pdf-button {
    margin-top: 1.428571428571429vw;
}

#red-bar {
    height: 3.57142857142857vw;
    background: #252525;
    line-height: 3.57142857142857vw;
    font-size: 1.42857142857143vw;
}

.page-id-212 #form .wpcf7 form.invalid .wpcf7-response-output, 
.page-id-212 #form .wpcf7 form.unaccepted .wpcf7-response-output {
	margin: 2.5vw 0;
	font-size: 1.14285714285714vw;
	width: 44.6428571428571vw;
}

.page-id-212 #form .wpcf7 form.sent .wpcf7-response-output {
	font-size: 1.14285714285714vw;
	margin: 2.5vw 0;
	width: 44.6428571428571vw;
}

.home #slide {
    margin-top: 0;
    margin-top: 7.85714285714286vw;
}

/* Downloads Section */

.downloads #search {
    width: 37.1428571428571vw;
    margin-top: 6.78571428571429vw;
}

.downloads #search ul li.sf-field-search {
    width: 26.4285714285714vw;
}

.downloads #search ul li.sf-field-search label input {
    padding: 0 1.07142857142857vw;
    height: 3.57142857142857vw;
    width: 24.2857142857143vw;
    font-size: 1.21428571428571vw;
}

.downloads #search ul li.sf-field-submit input {
    width: 10.7142857142857vw;
    font-size: 1.21428571428571vw;
    height: 3.57142857142857vw;
}

.downloads section .item {
    width: 15vw;
    height: 7.85714285714286vw;
    padding: 0.714285714285714vw 1.07142857142857vw 0;
    margin: 0 1.71428571428571vw 1.71428571428571vw 0;
}

.downloads section .item:nth-of-type(3n+2) {
    margin: 0 1.71428571428571vw 1.71428571428571vw 0;
}

.downloads section .item h3 {
    font-size: 1.21428571428571vw;
    padding-right: 1.71428571428571vw;
}

.downloads section .item p.download {
    font-size: 0.857142857142857vw;
    bottom: 0.714285714285714vw;
}

.downloads section .item .icon {
    width: 1.71428571428571vw;
    height: 1.85714285714286vw;
    bottom: 0.857142857142857vw;
    right: 0.857142857142857vw;
}


/* PDF Section */


.page-template-template-tob-confirmation #slide {
    padding-top: 10vw;
}

.page-template-template-tob-confirmation #content .clsFirstImage {
    width: 14.6428571428571vw;
    height: 14.6428571428571vw;
    border-radius: 7.14285714285714vw;
    margin: 0 auto 1.78571428571429vw;
}

.clsSuccessText {
    font-size: 5vw;
    margin-bottom: 2.14285714285714vw;
}

.clsDynamicText {
    font-size: 2.14285714285714vw;
    margin-bottom: 3.21428571428571vw;
}

.clsText1.clsFontBold {
    font-size: 1.57142857142857vw;
    margin-bottom: 1.28571428571429vw;
}

.clsText1 {
    font-size: 1.42857142857143vw;
    margin-bottom: 1.42857142857143vw;
}

.page-template-template-tob-confirmation #content .buttons {
    margin: 2.85714285714286vw auto 8.57142857142857vw;
    width: 47.5vw;
}

.page-template-template-tob-confirmation #content .buttons .button.navy {
    margin-right: 4.64285714285714vw;
}

.page-template-template-tob-confirmation #content .buttons .button {
    width: 21.4285714285714vw;
}

.page-template-template-tob-confirmation .stripe_bar {
    height: 3.57142857142857vw;
    margin-top: 7.14285714285714vw;
}

.page-template-template-form-v2 h3.wp-block-heading {
    font-size: 2.71428571428571vw;
}

.page-template-template-form-v2 .intro ul {
    font-size: 1.42857142857143vw;
    margin: 1.57142857142857vw 0 4.42857142857143vw 1.42857142857143vw;
}

.page-template-template-form-v2 #form .clsFormCheckboxes .clsFormCheckbox .clsCheckbox {
    font-size: 1.28571428571429vw;
    font-size: 1vw;
    padding-right: 5vw;
}

.page-template-template-form-v2 #form .clsFormCheckboxes .clsFormCheckbox label {
    font-size: 1.28571428571429vw;
    margin-bottom: 0.714285714285714vw;
}

.page-template-template-form-v2 #form .clsFormCheckboxes {
    margin-top: 1.71428571428571vw;
    height: 12.4285714285714vw;
}

.page-template-template-form-v2 #form p {
    margin-bottom: 1.57142857142857vw;
}

.clsValidationErrorMessage {
    margin-top: 1.42857142857143vw;
    font-size: 1vw;
}

.page-template-template-form-v2 #form span.title {
    font-size: 2vw;
    margin-bottom: 2.5vw;
}

#signatureparent p {
    margin-top: 3.57142857142857vw;
}

#signature {
    border: 0.214285714285714vw solid black;
}

#signature canvas {
    height: 15.3571428571429vw ! important;
}

span.warning {
    font-size: 1.85714285714286vw;
    margin-top: 2.21428571428571vw;
    margin-bottom: 5.92857142857143vw;
}

p.back-to-form {
    margin-top: 3.57142857142857vw;
    font-size: 1.42857142857143vw;
}

.clsFormCheckboxes .clsErrorMessagePrivacyPolicy {
    font-size: 1vw;
    margin-top: 0.714285714285714vw;
}

}



@media only screen 
and (min-width : 1px)
and (max-width : 620px) {


/* SHIFTNAV */

#shiftnav-toggle-main {
    z-index: 50000 ! important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.menu-item > .shiftnav-target {
    text-transform:none;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu ul.sub-menu li.menu-item > .shiftnav-target {
    padding: 6px 35px;
    text-transform:uppercase;
}

/* Navigation */

#shiftnav-toggle-main .shiftnav-main-toggle-content {
    font-family: "gotham_mediumregular";
    font-size: 4.2vw;
    line-height: 15vw;
    padding: 0;
    text-transform: uppercase;
    font-weight: 400;
}

#shiftnav-toggle-main-button {
    height: 15vw;
    display: table;
}

#shiftnav-toggle-main-button i {
    vertical-align: middle;
    display: table-cell;
}

#shiftnav-toggle-main .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar::before {
  padding: 3.5vw 4vw;
}

#shiftnav-toggle-main {
    background: #777 ! important;
    padding:0 5% ! important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.menu-item > .shiftnav-target {
    text-transform: uppercase ! important;
}

li.menu-item>.shiftnav-target, .shiftnav ul.shiftnav-menu li.shiftnav-retract>.shiftnav-target {
    line-height: 1.5 ! important;
    padding: 4vw 7.5% ! important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu ul.sub-menu li.menu-item > .shiftnav-target {
    line-height: 1.5 ! important;
    padding: 4vw 7.5% 4vw 10vw ! important;
    text-transform: uppercase;
}

.shiftnav ul.shiftnav-menu li.menu-item {
    font-size:1.1em ! important;
    font-family:'gotham_mediumregular';
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.menu-item > .shiftnav-target {
    font-size: 1.1em ! important;
}

.shiftnav.shiftnav-skin-standard-dark, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu {
    background: #888 ! important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu ul.sub-menu {
    background: #888 none repeat scroll 0 0 ! important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target {
    border-bottom: 1px solid #999 ! important;
    border-top:none ! important;
}

.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover {
    background: #777 ! important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target {
    text-shadow: none;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:active {
    background: #777;
}

.fa-navicon::before, .fa-reorder::before, .fa-bars::before {
  font-size: 8vw;
}

.shiftnav-wrap {
  left: 0;
  margin-top: 0;
  top: 0;
  z-index: 250;
}

#shiftnav-toggle-main .shiftnav-main-toggle-content {
    padding: 0 ! important;
}

#shiftnav-toggle-main .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before {
    padding: 0% ! important;
    margin-left: 0px ! important;
}

#header {
    width: 100%;
    height: auto;
    max-height: none;
    background: white;
    position: relative;
    margin-top: 0;
    z-index: auto;
    -webkit-transition: all 0;
    -moz-transition: all 0;
    -ms-transition: all 0;
    -o-transition: all 0;
    transition: all 0;
    padding-bottom: 7vw;
    float: left;
}

#header.smaller {
    height: auto;
    max-height: none;
}

.wrapper {
    width: 90%;
    max-width: 90%;
    padding: 0 5%;
}

#branding {
    width: 100%;
    height: auto;
    margin-top: 10vw;
}

#header.smaller #branding {
    width: 100%;
    height: auto;
    margin-top: 10vw;
}

#mega_menu {
    display: none;
}

#access {
    display: none;
}

#head-contact {
    float: left;
    background: url("images/telephone-icon.png") no-repeat 0 1vw / 7.466666666666667vw 12.266666666666667vw;
    padding-left: 13.333333333333333vw;
    line-height: 15vw;
    font-family: 'gotham_bookregular';
    font-size: 6.4vw;
    margin-right: 0;
    color: #004A67;
    width: 48vw;
    text-align: center;
    margin-left: 14.333333333333333vw;
    margin-top: 7vw;
    margin-bottom: 0;
}

#header.smaller #head-contact {
    background: url("images/telephone-icon.png") no-repeat 0 1vw / 7.466666666666667vw 12.266666666666667vw;
    padding-left: 13.333333333333333vw;
    line-height: 15vw;
}

#slide {
    padding-top: 0;
}

.home #slide {
	height: 157.333333333333333vw;
	max-height: none;
	margin-top: 0;
}

#slide #owl {
    width: 682.666666666666667;
    height: 157.333333333333333vw;
    max-height: none;
    margin-left: -341.333333333333333;
}

#slide .owl-item {
    height: 157.333333333333333vw;
    max-height: none;
}

#slide .owl-item {
    height: 157.333333333333333vw;
    max-height: none;
}

#slide .slider-wrap {
    margin-left: -45vw;
    max-width: 90vw;
    top: 0;
}

#slide .title br {
    display: none;
}

#slide .title {
    font-size: 13vw;
    color: white;
    padding-top: 12.5vw;
    float: left;
    width: 100%;
    text-align: center;
}

#slide .button.orange {
    bottom: 35vw;
}

.button {
    position: relative;
    width: 80vw;
    max-width: none;
    height: 15vw;
    max-height: none;
    line-height: 15vw;
    font-size: 5vw;
    margin: 0 5vw;
}

#slide .button.blue {
    bottom: 15vw;
    left: 0;
}

.stripe_bar {
    height: 15vw;
    max-height: none;
    background: url("images/stripe-divider-70px.png") top center / auto 100%;
}

#split section {
    width: 100%;
    float: left;
    height: auto;
    max-height: none;
    overflow: hidden;
}

#split section.right .image {
    width: 100%;
    height: 100vw;
}

#split section.right .content {
    width: 100%;
    height: auto;
    text-align: center;
    padding-bottom: 15vw;
}

#split section.right .content .wrapper {
    width: 90vw;
    padding: 0 5vw;
}

#split section .content h2 {
    font-size: 13.5vw;
    padding-top: 10vw;
}

#split section.right p {
    padding-left: 0;
}

#split section p {
    margin-bottom: 0;
    font-size: 5vw;
    color: #004A67;
    line-height: 1.15;
    padding-top: 5vw;
    padding-bottom: 10vw;
}

#split section .button {
    background: #004A67;
    width: 80vw;
    max-width: none;
    height: 15vw;
    max-height: none;
    text-align: center;
    text-transform: uppercase;
    color: white;
    line-height: 15vw;
    font-size: 5vw;
    position: relative;
}

#split section.left .image {
    width: 100%;
    height: 100vw;
}

#split section.left .content {
    width: 100%;
    height: auto;
    text-align: center;
    padding-bottom: 15vw;
}

#split section.left .content .wrapper {
    width: 90vw;
    padding: 0 5vw;
}

#split section.left p {
    padding-right: 0;
}

#tiles h2 {
    font-size: 12vw;
    padding-top: 15vw;
    padding-bottom: 10vw;
}

#tiles .tiles {
    margin-bottom: 15vw;
}

#tiles .tiles .left,
#tiles .tiles .right {
    float: left;
    width: 90vw;
}

#tiles .tiles .tile.wide {
    width: 100%;
}

#tiles .tiles .tile {
    width: 45vw;
    height: 34.666666666666667vw;
    float: left;
    background: white;
    position: relative;
}

#tiles .tiles .tile .icon {
    width: 25vw;
    height: 18vw;
    margin: 2.5vw auto 2.5vw;
}

#tiles .tiles .tile .icon.buy-to-let {
    background: url("images/icon-buy-to-let.png") 0 0 / 100% auto;
}

#tiles .tiles .tile p {
    font-size: 3.5vw;
    font-family: 'gotham_mediumregular';
    line-height: 1.25;
}

#tiles .tiles .tile .icon.logo {
    margin-top: 14vw;
}

#tiles .button {
    margin: 0 5vw 15vw;
}

#subscribe {
    height: auto;
    max-height: none;
}

#subscribe h3 {
    font-size: 12vw;
    padding-top: 10vw;
    padding-bottom: 5vw;
    text-align: center;
}

#subscribe p {
    font-size: 5vw;
    text-align: center;
}

#subscribe span.arrow {
    display: none;
}

#subscribe input {
    padding: 0 5%;
    margin: 0 0 5vw;
    height: 12.5vw;
    line-height: 12.5vw;
    width: 90%;
    font-size: 5vw;
}

#subscribe input.email {
    width: 90%;
}

#subscribe .button {
    height: 12.5vw;
    width: 90vw;
    margin: 0;
    margin: 0 0 15vw;
}

#icons {
    height: auto;
}

#icons img {
    margin: 10vw 0;
}

#footer {
    height: auto;
    max-height: none;
    float: left;
}

#footer h3 {
    font-size: 12.5vw;
    color: #B6E2E2;
    padding-top: 10vw;
    padding-bottom: 5vw;
    text-align: center;
}

#footer p {
    font-size: 4.25vw;
    text-align: center;
}

#footer .nav {
    display: none;
}

#base {
    height: auto;
    padding-top: 10vw;
}

#base #copyright {
    text-align: center;
}

#base p:nth-of-type(1) {
    padding-top: 0;
}

#base p {
    font-size: 4vw;
}

#base #gecko {
    float: right;
    background: url("images/gecko.png") no-repeat 0 0 / 200% auto;
    width: 25vw;
    max-width: none;
    height: 50vw;
    max-height: none;
    position: relative;
    margin-bottom: 15vw;
    margin-top: 15vw;
    margin-right: 32.5vw;
}

.stripe_bar.footer {
    height: 15vw;
    max-height: none;
}

#footer .right {
    float: left;
    width: 100%;
}

#footer #social {
    float: none;
    margin: 5vw auto 0;
    display: flex;
    justify-content: space-between;
    width: 80vw;
}

#footer #social .arrow {
    display: none;
}

#footer #social .item.linkedin {
    margin-left: 0;
}

#footer #social .item {
    float: right;
    width: 15vw;
    max-width: none;
    height: 15vw;
    max-height: none;
    margin-left: 0;
    position: relative;
}

#footer .footer-logo {
    float: right;
    clear: right;
    width: 55vw;
    max-width: none;
    height: 18vw;
    max-height: none;
    background: url("images/logo-footer.png") no-repeat 0 0 / 100% auto;
    margin-top: 10vw;
    margin-bottom: 15vw;
    margin-right: 17.5vw;
}

#slide {
    padding-top: 0;
    height: 75vw;
}

#slide #owl > div img, #slide > div img, #slide span.no-image {
    height: 100%;
}

#content h1 {
    color: #D75900;
    font-size: 13.5vw;
    text-align: left;
    padding: 10vw 0 5vw;
    text-align: center;
    width: 100%;
}

.why span.video_title {
    float: right;
    font-size: 8vw;
    color: #00BBC2;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 10vw;
    text-align: center;
}

.why #video {
    height: auto;
    margin-bottom: 15vw;
}

.why #video span.play {
    width: 25vw;
    height: 25vw;
    left: 32.5vw;
    right: 0;
    top: 12vw;
}

.why #values {
    height: auto;
}

.why #values h2 {
    font-size: 12vw;
    text-align: left;
    margin: 10vw 0 5vw;
    color: white;
    float: left;
    border-right: 0;
    height: auto;
    line-height: 1.1;
    padding: 0;
    text-align: center;
}


.why #values p.title {
    font-size: 6vw;
    margin-bottom: 10vw;
}

.why #income h2 {
    font-size: 12vw;
    margin: 10vw 0 5vw;
    height: auto;
    line-height: 1;
    padding: 0;
}

.why #stats {
    height: auto;
    background: url("images/the-why-circles-bar-mob.png") no-repeat 0 0 / 100% auto;
    padding-bottom: 10vw;
}

.why #stats .item {
    width: 90vw;
    height: 62vw;
    line-height: 1;
    font-size: 25vw;
    margin-right: 0;
    padding-top: 28vw;
    margin-bottom: 10vw;
}

.desktop {
    display: none;
}

.mobile {
    display: block;
}

.why #income #chart {
    margin-top: 10vw;
}

.why #income #chart .left {
    float: left;
    width: 30vw;
    height: auto;
}

.why #income #chart .chart {
    width: 60vw;
    height: 410px;
    border-bottom: 2px dotted grey;
}

.why #income #chart .left span {
    font-size: 5vw;
    padding-bottom: 15vw;
    height: 5vw;
}

.why #income #chart .chart {
    float: left;
    width: 60vw;
    height: 99.2vw;
    border-bottom: 0.533333333333333vw dotted grey;
    position: relative;
}

.why #income #chart .chart span.bg {
    width: 100%;
    height: 19.333333333333333vw;
    float: left;
    border-top: 0.533333333333333vw dotted #AAAAAA;
}

.why #income #chart .chart .year_one,
.why #income #chart .chart .year_two,
.why #income #chart .chart .year_three,
.why #income #chart .chart .year_four,
.why #income #chart .chart .year_five {
    width: 35.92vw;
    height: 88.602666666666667vw;
    left: 12.04vw;
    bottom: -88.602666666666667vw;
}

.why #income .index {
    width: 90vw;
    padding-left: 30vw;
    font-size: 6vw;
    padding-top: 7vw;
    margin-bottom: 15vw;
}

.why #income span.year.one {
    padding-left: 0;
}

.why #income span.year {
    float: left;
    width: 60vw;
    text-align: center;
    padding-right: 0;
}

.cases .case {
    width: 90vw;
    height: 15vw;
    line-height: 15vw;
    font-size: 5vw;
    margin-bottom: 5vw;
    margin-top: 0;
}

.cases .case:nth-of-type(2) {
    margin-left: 0;
    margin-right: 0;
}

.why #rebrand h2 {
    padding: 10vw 0;
}

#rebrand h2 {
    font-size: 12vw;
    text-align: center;
    padding: 10vw 0;
}

.why #rebrand .quote {
    display: none;
}

.why #rebrand p.ffont {
    font-size: 8vw;
    color: white;
    line-height: 1.2;
    position: absolute;
    z-index: 1;
    width: 90vw;
    text-align: center;
}

.why #rebrand .buttons {
    float: left;
    padding: 175vw 0 15vw;
}

.why #rebrand .buttons .button {
    margin-top: 5vw;
}

.why #income {
    padding-bottom: 15vw;
}

.resources .icon.proknow {
    float: right;
    width: 70vw;
    height: 23vw;
    background: url("images/resources-proknow-logo.png") no-repeat 0 0 / 100% auto;
    margin-top: 0;
    margin-right: 10vw;
}

.resources section {
    padding-bottom: 15vw;
    text-align: center;
}

.resources section.journey h2 {
    padding-top: 15vw;
}

.resources section h2, .resources #faq h2 {
    font-size: 10vw;
    padding-top: 10vw;
    padding-bottom: 10vw;
}

.resources section .item {
    width: 80vw;
    height: 35.52vw;
    float: left;
    padding: 5%;
    margin: 0 0 5vw;
    position: relative;
    text-align: left;
}

.resources section .item h3 {
    font-size: 4.5vw;
    padding-right: 20vw;
}

.resources section .item p.download {
    font-size: 4vw;
    padding-right: 0;
    bottom: 5vw;
}

.resources section .item .icon {
    width: 10.4vw;
    height: 11.2vw;
    bottom: 5vw;
    right: 5vw;
}

.resources section .item:nth-of-type(3n+2) {
    margin: 0 0 5vw;
}

#faq #questions {
    margin-bottom: 25vw;
    border-bottom: 0.533333333333333vw dotted #AAAAAA;
}

.accordion {
    font-size: 8vw;
    padding-left: 10vw;
    height: auto;
    padding-top: 5vw;
    width: 90vw;
    border-top: 0.533333333333333vw dotted #AAAAAA;
    padding-bottom: 5vw;
    padding-right: 0;
}

.accordion::after {
    height: 6vw;
    width: 6vw;
    background: url(images/faq-icons-open.png) no-repeat 0 0 / 6vw 6vw;
    top: 6vw;
}

p {
    font-size: 4.5vw;
}

.about .left.intro, .about .right.intro {
    padding-bottom: 5vw;
}

.about .left {
    width: 100%;
    float: left;
    padding-right: 0;
    text-align: center;
}

.about .left p {
    margin: 0;
}

.about .right {
    width: 100%;
    float: right;
    text-align: center;
}

#values {
    height: auto;
    margin-bottom: 0;
}

#values h2 {
    font-size: 13vw;
    text-align: left;
    margin: 14vw 0 0;
    color: #00BBC2;
    float: left;
    border-right: 0px;
    height: auto;
    line-height: 1;
    padding: 0;
    text-align: center;
    width: 100%;
}

#values p.intro {
    float: right;
    color: #00BBC2;
    width: 100%;
    padding: 5vw 0 0;
    text-align: center;
}

#rebrand {
    height: auto;
    padding-bottom: 15vw;
}

#rebrand .quote {
    display: none;
}

#rebrand p.ffont {
    font-size: 8vw;
}

#rebrand p {
    line-height: 1.25;
    text-align: center;
}

#people {
    margin-bottom: 25vw;
}

#people .item {
    float: left;
    width: 90vw;
    height: 103.5vw;
    margin: 0 0px 5vw 0;
}

#people .item .block {
    width: 90vw;
    height: 24.75vw;
}

#people .item .block h2 {
    padding-left: 5%;
    font-size: 6vw;
    padding-top: 3vw;
}

#people .item .block p {
    padding-left: 5%;
    font-size: 4vw;
    width: 60%;
}

#people .item .block .contact {
    float: right;
    padding-right: 5%;
    margin-top: 1.5vw;
}

#people .item .block span.email {
    width: 9.73866666vw;
    height: 6.64vw;
}

#people .item .block span.linkedin {
    width: 6.64vw;
    height: 6.64vw;
}

#people .item .block .contact .pipe {
    margin: 0 3vw 0 3vw;
    float: right;
    width: 0.5vw;
    height: 6.64vw;
    position: relative;
}

#people .item:nth-of-type(3n+2) {
    margin: 0 0 5vw;
}

#slide.single .title {
    font-size: 13vw;
    padding-top: 10vw;
}

#slide.single {
    height: 30vw;
}

.entry-meta {
    font-size: 5vw;
    text-align: center;
}

#nav-above {
    display: none;
}

.single .entry-content {
    margin: 5vw 0;
}

.single .entry-content .left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10vw;
    text-align: center;
}

.single .left p {
    font-size: 4.5vw;
}

.single .entry-content .buttons .button {
    width: 80vw;
}

.single .entry-content .buttons .button.blue {
    background: #00BBC2;
    margin-left: 5vw;
    margin-top: 5vw;
}

.single .entry-content .right {
    width: 100%;
    margin-bottom: 10vw;
}

.single .entry-content img {
    margin: 0 0 5vw;
    width: 100%;
    height: auto;
}

#nav-below {
    margin-top: 5vw;
    margin-bottom: 10vw;
    width: 100%;
}

#nav-above .nav-next, #nav-above .nav-menu, #nav-above .nav-previous, #nav-below .nav-next, #nav-below .nav-menu, #nav-below .nav-previous {
    font-size: 4vw;
    width: 33.33333%;
}

#nav-below .nav-menu {
    text-align: center;
}

#nav-below .nav-next {
    text-align: right;
}

#nav-below .nav-previous {
    text-align: left;
}

.form .intro p {
    margin-bottom: 15vw;
    font-size: 4.5vw;
    line-height: 1.25;
    text-align: center;
}

.form .intro .button.orange {
    margin-right: 0;
}

.form .intro .button, .error404 .entry-content .button {
    margin-bottom: 5vw;
}

.intro {
    float: left;
    padding-bottom: 15vw;
}

.page-id-212 .form #form {
    padding-bottom: 15vw;
}

#form h2 {
    text-align: center;
    font-size: 13vw;
    padding: 15vw 0 10vw;
}

#form .left {
    width: 100%;
}

#form p {
    margin-bottom: 5vw;
}

#form label {
    font-size: 4.5vw;
}

#form input[type="text"], #form input[type="email"], #form input[type="tel"], #form input[type="file"] {
    padding: 0 5%;
    margin: 0;
    border: 0px;
    width: 90%;
    height: 12.5vw;
    font-size: 4.5vw;
    margin-top: 3vw;
}

#form input[type="file"] {
    line-height: 12.5vw;
}

#form .right {
    width: 100%;
}

.page-id-212 .form #form .wpcf7-form .button {
    margin-top: 5vw;
}

.wpcf7-form .button {
    width: 100%;
    height: 12.5vw;
    background: #004A67;
    position: relative;
    padding: 0;
    margin: 5vw 0 0 0;
    border: 0;
    line-height: 12.5vw;
    max-width: none;
}

.form #form .bottom {
    margin-top: 10vw;
    float: left;
    width: 100%;
}

.form #form .bottom label {
    width: 100%;
    font-size: 4.5vw;
}

.form #form .wpcf7-list-item input {
    margin: 0;
    padding-bottom: 10vw;
    float: left;
    margin-bottom: 20vw;
    margin-top: 5.5vw;
    text-align: center;
    width: 3vw;
}

.form #form .bottom label:nth-of-type(2) span.wpcf7-list-item-label {
    padding-right: 0;
    width: 90%;
}

.form #form .wpcf7-list-item span.wpcf7-list-item-label {
    font-size: 4vw;
    padding-right: 0;
    width: 90%;
    padding-left: 5vw;
    padding-top: 4.5vw;
}

.form #form select {
    border: 0px;
    margin: 3vw 0 0 0;
    padding: 0 10% 0 5%;
    height: 12.5vw;
    width: 100%;
    background: white url(images/form-up-down-seletor.png) no-repeat 95% 2.5vw / 5vw 8vw;
    font-size: 4.5vw;
}

#form textarea {
    padding: 3% 5%;
    margin: 0;
    border: 0px;
    width: 90%;
    height: auto;
    font-family: 'gotham_bookregular';
    color: #494949;
    font-size: 4.5vw;
    margin-top: 3vw;
}

#content.contact h1 {
    padding: 15vw 0 10vw;
}

#content.contact .left.contact {
    width: 100%;
    text-align: center;
}

#content.contact .left.contact h3, #content.contact .middle.contact h3, #content.contact .right.contact h3 {
    font-size: 6vw;
    padding-bottom: 3vw;
}

#content.contact .left.contact p, #content.contact .middle.contact p, #content.contact .right.contact p {
    font-size: 5vw;
    margin-bottom: 5vw;
}

#content.contact .middle.contact {
    width: 100%;
    text-align: center;
}

#content.contact .left.contact, #content.contact .middle.contact, #content.contact .right.contact {
    float: left;
    font-size: 5vw;
    margin-bottom: 7.5vw;
}

span.day {
    float: left;
    width: 25vw;
}

#content.contact .right.contact {
    width: 100%;
    text-align: center;
}

#form {
    height: auto;
    padding-bottom: 15vw;
}

#form div.wpcf7-mail-sent-ok {
    width: 100%;
    font-size: 4.5vw;
    text-align: center;
    line-height: 1.25;
    padding: 10vw 0 0;
}

#map {
    height: 175vw;
}

.why #stats .item p {
    top: 54vw;
    font-size: 6vw;
}

#values #values-slides.desktop {
    display: none;
}

#values-slides-mob {
    display: block;
    float: left;
    padding-bottom: 15vw;
}

#values .owl-nav {
    top: 42vw;
    height: 15vw;
}

#values .owl-nav button.owl-prev {
    width: 7.5vw;
    height: 15vw;
}

#values .owl-nav button.owl-next {
    width: 7.5vw;
    height: 15vw;
}

#timeline {
    height: auto;
    padding-bottom: 15vw;
}

#timeline h2 {
    font-size: 12.5vw;
    text-align: left;
    padding: 10vw 0;
    color: #004A67;
    text-align: center;
}

.products #split section .content h2 {
    font-size: 13vw;
    height: auto;
    padding-bottom: 5vw
}

.products #split section:nth-of-type(2n+1) .content p {
    padding-left: 0;
}

.products #split section:nth-of-type(2n) .content .wrapper {
    padding: 0 5vw;
    text-align: center;
}

.products #split section:nth-of-type(2n) .content p {
    padding-right: 0;
}

#slide.single {
    height: 45vw;
}

.single .entry-content .left section {
    margin-bottom: 10vw;
}

.single .entry-content .left h2 {
    font-size: 7vw;
    margin-bottom: 5vw;
}

.single .entry-content .left ul {
    margin: 0 5vw;
    font-size: 4.5vw;
}

.single .entry-content .left section h2.resources {
    margin-top: 5vw;
}

.single .resources.item {
    width: 80vw;
    height: 35.52vw;
    float: left;
    padding: 5%;
    margin: 0 0 5vw;
    position: relative;
    text-align: left;
}

.single .resources.item.product_guide h3.cat {
    margin-bottom: 3vw;
}

.single .resources.item h3 {
    font-size: 4.5vw;
    padding-right: 10vw;
}

.single .resources.item p.download {
    font-size: 4vw;
    padding-right: 0;
    bottom: 5vw;
}

.single .resources.item .icon {
    width: 10.4vw;
    height: 11.2vw;
    bottom: 5vw;
    right: 5vw;
}

#nav-below .nav-previous {
    text-align: left;
    width: 40%;
    float: left;
}

#nav-below .nav-menu {
    text-align: center;
    width: 30%;
    float: right;
}

#nav-below .nav-next {
    text-align: right;
    width: 40%;
    float: right;
}

#nav-above .pipe, #nav-below .pipe {
    display: none;
}

.single .entry-content .left #quote .item {
    border-right: 0px;
    height: auto;
    float: left;
    padding: 0 30vw;
    width: 30vw;
    text-align: center;
    color: #D75900;
    font-size: 5vw;
    text-transform: uppercase;
    font-family: 'gotham_mediumregular';
    line-height: 1.2;
    padding-top: 31vw;
    position: relative;
    margin-bottom: 10vw;
}

.single .entry-content .left #quote {
    border-left: 0px;
    height: auto;
}

.single .entry-content .left #quote .item.refer {
    background: url("images/refer_a_client_on.png") no-repeat 30vw 0 / 30vw 28.5vw;
}

.single .entry-content .left #quote .item.request {
    background: url("images/request_quote_on.png") no-repeat 30vw 0 / 30vw 28.5vw;
}

.single .entry-content .left #quote .item.online {
    background: url("images/quote_online_on.png") no-repeat 30vw 0 / 30vw 28.5vw;
}

.single .entry-content .left #quote .item.online.disabled {
    background: url("images/quote_online_off.png") no-repeat 30vw 0 / 30vw 28.5vw; 
}

.single .entry-content .left #quote .item.refer.disabled {
    background: url("images/refer_a_client_off.png") no-repeat 30vw 0 / 30vw 28.5vw; 
}

.single .entry-content .left #quote .item.request.disabled {
    background: url("images/request_quote_off.png") no-repeat 30vw 0 / 30vw 28.5vw; 
}

#timeline img {
    display: none;
}

#timeline {
    background-color: #00BBC2; 
    background-image: url("images/Protect-About-Us-Timeline-Mob.png");
    background-position: 5vw 40vw;
    background-size: 90vw auto;
    background-repeat: no-repeat;
}

#timeline .third {
    width: 100%;
    text-align: center;
    padding-bottom: 62vw;
}

#timeline .third h3 {
    font-size: 22vw;
    padding-top: 8vw;
}

#timeline .third p {
    font-size: 5vw;
    color: white;
    padding-right: 0;
    padding-top: 5vw;
}

#timeline .third:nth-of-type(2)  {
    padding-bottom: 94vw;
}

#timeline .third:nth-of-type(3) {
    width: 100%;
    padding-bottom: 100vw;
}

.products.blog #split section:nth-of-type(2n+1) .content h2 {
    padding: 10vw 0;
}

.products.blog #split section .content h2 {
    font-size: 12vw;
    height: auto;
}

.products.blog #split section .content .entry-meta {
    font-size: 4.5vw;

}

.products.blog #split section .content .button {
    margin-top: 10vw;
}

.products.blog #split section:nth-of-type(2n) .content h2 {
    padding: 10vw 0;
}

#customer {
    display: none;
}

.ffont {
    letter-spacing: -0.25vw;
}

span.customer_intro p {
    font-size: 7vw;
    text-align: center;
}

#map {
    height: 150vw;
}

#map iframe {
    height: 100%;
}

.page-id-234 #shiftnav-toggle-main {
    display: none;
}

.page-id-234 .shiftnav-wrap {
    padding-top: 0 !important;
}

#corona {
    height: auto;
    max-height: none;
    margin-top: 0;
}

#corona h2 {
	font-family: 'gotham_boldregular';
	font-size: 5vw;
	color: #fff;
	padding: 5vw 0 7vw;
	text-align: center;
	line-height: 1.2em;
}

#corona p {
    color: white;
    font-size: 4vw;
    margin-bottom: 1.2em;
    text-align: center;
}

#corona ul {
    margin: 0 0 5vw;
    color: white;
    font-size: 4vw;
    font-family: 'gotham_bookregular';
    list-style: none;
    text-align: center;
}

#corona ul li {
    padding: 0 0 5vw;
}

#corona .right a {
	float: left;
	width: 100%;
	padding: 2vw 0;
}

.single .pdf-button {
    background: url("images/Protect-Posts-Download-PDF-Tile.jpg") no-repeat 0 0 / 100% auto;
    width: 80vw;
    max-width: none;
    height: 14vw;
    max-height: none;
    margin: 5vw 5vw;
}

.single .entry-content .buttons.pdf {
    margin-top: 0;
}

#red-bar {
    height: auto;
    line-height: 1.25;
    font-size: 6vw;
    padding: 5vw 0;
}

.page-id-212 #form .wpcf7 form.invalid .wpcf7-response-output, 
.page-id-212 #form .wpcf7 form.unaccepted .wpcf7-response-output {
	margin: 10vw 0;
	font-size: 4.5vw;
	width: 100%;
}

.page-id-212 #form .wpcf7 form.sent .wpcf7-response-output {
	font-size: 4.5vw;
	margin: 10vw 0;
	width: 100%;
}

.downloads #search {
    width: 100%;
    margin-top: 5vw;
    margin-bottom: 10vw;
}

.downloads #search ul {
    width: 100%;
}

.downloads #search ul li.sf-field-search {
    width: 65%;
}

.downloads #search ul li.sf-field-search label {
    float: left;
    width: 100%;
}

.downloads #search ul li.sf-field-search label input {
    padding: 0px 10%;
    height: 15vw;
    width: 100%;
    font-size: 4vw;
}

.downloads #search ul li.sf-field-submit {
    width: 35%;
}

.downloads #search ul li.sf-field-submit input {
    width: 100%;
    font-size: 4vw;
    height: 15vw;
}

/* Signature PDF */

.page-template-template-form-v2 #form .left {
    margin-bottom: 5vw;
}

.page-template-template-form-v2 h3.wp-block-heading {
    font-size: 6vw;
}

.page-template-template-form-v2 .intro ul {
    font-size: 5vw;
    margin: 5vw 0 0 05vw;
}

.page-template-template-form-v2 #form h2 {
    padding-bottom: 8vw;
}

.page-template-template-form-v2 #form span.title {
    font-size: 7vw;
    margin-bottom: 5vw;
}

.page-template-template-form-v2 #form p {
    margin-bottom: 5vw;
}

.page-template-template-form-v2 #form .clsFormCheckboxes {
    margin-top: 5vw;
    height: auto;
}

.page-template-template-form-v2 #form .clsFormCheckboxes .clsFormCheckbox {
    width: 100%;
}

.page-template-template-form-v2 #form .clsFormCheckboxes .clsFormCheckbox label {
    font-size: 5vw;
    margin-bottom: 2vw;
}

.page-template-template-form-v2 #form .clsFormCheckboxes .clsFormCheckbox .clsCheckbox {
    width: 100%;
    font-size: 4vw;
    padding-right: 0;
}

.page-template-template-form-v2 .wpcf7-form .button input {
    font-size: 4vw;
}

.clsValidationErrorMessage {
    margin-top: 5vw;
    font-size: 4vw;
}
.page-template-template-form-v2 #form .base-text {
    margin-top: 20vw;
    margin-bottom: 0;
}

.page-template-template-tob #slide, .page-template-template-tob-confirmation #slide {
    padding-top: 0;
}

#signatureparent p {
    margin-top: 10vw;
}

#signature {
    border: 1vw solid black;
}

#signature canvas {
    height: 50vw ! important;
}

span.warning {
    font-size: 5vw;
    margin-top: 5vw;
    margin-bottom: 10vw;
}

p.back-to-form {
    margin-top: 11vw;
    font-size: 6vw;
}

.page-template-template-tob-confirmation #content .clsFirstImage {
    width: 45vw;
    height: 45vw;
    margin: 0 auto 8vw;
}

.clsSuccessText {
    font-size: 15vw;
    margin-bottom: 5vw;
}

.clsDynamicText {
    font-size: 5vw;
    font-family: 'gotham_bookregular';
    color: #004A67;
    line-height: 1.25;
    margin-bottom: 10vw;
}

.clsDynamicText br {
    display: none;
}

.clsText1.clsFontBold {
    font-size: 6vw;
    margin-bottom: 5vw;
}

.clsText1 {
    font-size: 5vw;
    margin-bottom: 5vw;
}

.page-template-template-tob-confirmation #content .buttons {
    margin: 10vw auto 120px;
    width: 100%;
}

.page-template-template-tob-confirmation #content .buttons .button.navy {
    margin-right: 0;
    margin-bottom: 5vw;
}

.page-template-template-tob-confirmation #content .buttons .button {
    width: 85%;
}

.clsFormCheckboxes .clsErrorMessagePrivacyPolicy {
    font-size: 4vw;
    margin-top: 3vw;
}

}