.pagebuilder h1 {
    font-family: 'WebOne', sans-serif;
    margin-bottom: 2rem;
    font-weight: normal;
    font-size: 3.2rem;
    line-height: 4rem;
    color: var(--blue);
}

.pagebuilder h2 {
    font-family: 'WebOne', sans-serif;
    margin-bottom: 2rem;
    font-weight: normal;
    font-size: 2rem;
    line-height: 3.3rem;
    color: var(--black);
}

.pagebuilder h3 {
    font-family: 'WebOne', sans-serif;
    margin-bottom: 2rem;
    font-weight: normal;
    font-size: 1.8rem;
    line-height: 2.5rem;
    color: var(--black);
}

.pagebuilder table,
.pagebuilder tr,
.pagebuilder th,
.pagebuilder td {
    font-family: 'WebOne', sans-serif;
    font-size: 1.5rem;
    color: var(--black);
    padding: 0;
}

:root {
	/*
	Old colors to be removed/replaced
	--yellow: #ffda24;
	--red: #e54626;
	*/
	--black: #000000;
	--blue: #005683;
	--midblue: #005683;
	--lightblue: #0084c9;
	--white: #ffffff;
	--green: #2A563F;
	--lightgreen: #A2C69E;
	--sand: #BFAD75;
	--lightsand: #E5D7BD;
	--coral: #FD7662;
	--lightcoral: #fd9889;
	--lightgrey: #f5f5f5;
}


/* GENERAL */


/* ***************************** */

.box {
    color: inherit;
    background-color: var(--white);
}

a.box:hover {
    text-decoration: none;
}

.section-text-wrapper {
    background-color: var(--white);
    width: 100%;
    width: calc(100% - 3rem);
    padding: 2.5rem;
    margin: 1.5rem;
}

.section-text-wrapper ul li,
.section-text-wrapper ol li {
    margin: 1rem 0 1.5rem 1rem;
}

.section-text-wrapper img {
    max-width: 100%;
    height: auto;
}


.box .box-content .item-action {
    margin-top: 20px;
}

.box .box-content>h2 {
    font-weight: normal;
}

.box .box-content>div h1,
.box .box-content>div h2 {
    color: inherit;
    margin-bottom: 1rem;
    font-weight: normal;
}

.box .box-content>div h1 {
    font-size: 2.6rem;
    font-weight: normal;
}

.box .box-content>div h2 {
    font-size: 2.2rem;
    font-weight: normal;
}


/* ***************************** */


/* END OF GENERAL */


/* SLIDESHOWS */


/* ***************************** */

.box-slider-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 35%;
    width: 100%;
    position: relative;
}

.slider-text-holder {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

.slider-text-holder h1 {
    color: var(--white);
    font-size: 4.4rem;
    padding-bottom: 1.5rem;
}

.slider-text-holder p {
    color: var(--white);
    font-size: 2.2rem;
    line-height: 175%;
}

.slider-text {
    padding: 2rem 5rem;
}


/* ***************************** */


/* END OF SLIDESHOWS */


/* BOX 25 GALLERY */

.box-gallery {
    width: 25%;
    width: calc(25% - 3rem);
    margin: 1.5rem;
    display: flex;
    /*  flex-flow: column wrap;*/
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.box-gallery .box-content {
    width: 100%;
    padding: 2.5rem;
}

.box-gallery h2:first-of-type {
    background-color: var(--blue);
    color: var(--white) !important;
    position: absolute;
    top: 20px;
    left: 0;
    padding: 5px 40px 5px 3rem;
    clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0% 100%);
    margin: 0 !important;
    height: 40px;
    display: flex;
    align-items: center;
}

.box-gallery .box-image {
    width: 100%;
    overflow: hidden;
    display: flex;
}

.box-gallery .box-image img {
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    width: 100%;
    height: auto;
}

.box-gallery:hover .box-image img {
    transform: scale(1.1);
}


/* END OF BOX 25 GALLERY*/


/* SECTIONS */


/* ***************************** */

section.standard {
    width: 100%;
}

section.standard>div {
    max-width: 123rem;
    width: 100%;
    margin: 0 auto;
    padding: 1.5rem 5rem;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}

.pagebuilder section.standard>div {
    margin: 0 auto;
}

#colorbox section.standard>div {
    padding: 0;
}

section.full {
    width: 100%;
    margin: 0 auto;
}

section.full>div {
    width: 100%;
    display: flex;
    justify-content: space-around;
    justify-content: center;
    flex-wrap: wrap;
}

section.section-slider {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    transition: all .4s ease;
}

.pagebuilder section.section-slider {
    height: auto !important;
}

section.slider-loaded {
    height: auto;
}

section.section-slider>div {
    width: 100%;
}


/* ***************************** */


/* END OF SECTIONS */


/* BUTTONS */


/* ***************************** */

.btn-blue,
a.btn-blue:link,
a.btn-blue:visited,
input.btn-blue {
    border: 0.2rem solid var(--blue);
    background-color: var(--blue);
    color: var(--white);
}

.btn-lightblue,
a.btn-lightblue:link,
a.btn-lightblue:visited,
input.btn-lightblue {
    border: 0.2rem solid var(--lightblue);
    background-color: var(--lightblue);
    color: var(--white);
}

.btn-coral,
a.btn-coral:link,
a.btn-coral:visited,
input.btn-coral {
    border: 0.2rem solid var(--coral);
    background-color: var(--coral);
    color: var(--white);
}

.btn-white,
a.btn-white:link,
a.btn-white:visited,
input.btn-white {
    border: 0.2rem solid var(--white);
    background-color: var(--white);
    color: var(--blue);
}

.btn-white-border,
a.btn-white-border:link,
a.btn-white-border:visited,
input.btn-white-border {
    background-color: transparent;
    border: 0.2rem solid var(--white);
    color: var(--white);
}

.btn-sand,
a.btn-sand:link,
a.btn-sand:visited,
input.btn-sand {
    background-color: var(--sand);
    color: var(--white);
}

.btn-blue,
.btn-lightblue,
.btn-coral,
.btn-white,
.btn-white-border,
.btn-sand {
    padding: 0.5rem 3rem 0.5rem 4rem;
    min-height: 4rem;
    border-radius: 0;
    font-size: 1.6rem;
    width: fit-content;
    display: inline-flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    font-weight: normal;
    transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    position: relative;
    text-shadow: none;
}

.box-content .btn-blue,
.box-content .btn-lightblue,
.box-content .btn-coral,
.box-content .btn-white,
.box-content .btn-white-border,
.box-content .btn-sand {
    margin-top:1.5rem;
}

.btn-blue:before,
.btn-lightblue:before,
.btn-coral:before,
.btn-white:before,
.btn-white-border:before,
.btn-sand::before {
    content: "\f105";
    font-family: "Line Awesome Free";
    font-weight: 900;
    font-size: 1.8rem;
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    height: 100%;
    left: 1rem;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
}

.btn-blue:hover:before,
.btn-lightblue:hover:before,
.btn-coral:hover:before,
.btn-white:hover:before,
.btn-white-border:hover:before,
.btn-sand:hover:before {
    left: calc(100% - 3rem)
}

.btn-blue:hover,
.btn-lightblue:hover,
.btn-coral:hover,
.btn-white:hover,
.btn-white-border:hover,
.btn-sand:hover,
.btn-blue:focus,
.btn-lightblue:focus,
.btn-coral:focus,
.btn-white:focus,
.btn-white-border:focus,
.btn-sand:focus,
.btn-blue:active,
.btn-lightblue:active,
.btn-coral:active,
.btn-white:active,
.btn-white-border:active,
.btn-sand:active {
    padding: 0.5rem 4rem 0.5rem 3rem;
    /*transform: scale(1.1);*/
    opacity: .7;
    text-decoration: none;
}
input.btn-blue:hover,
input.btn-lightblue:hover,
input.btn-coral:hover,
input.btn-white:hover,
input.btn-white-border:hover,
input.btn-sand:hover,
input.btn-blue:focus,
input.btn-lightblue:focus,
input.btn-coral:focus,
input.btn-white:focus,
input.btn-white-border:focus,
input.btn-sand:focus,
input.btn-blue:active,
input.btn-lightblue:active,
input.btn-coral:active,
input.btn-white:active,
input.btn-white-border:active,
input.btn-sand:active {
    padding: 1.5rem 3rem;
}


/* END OF BUTTONS */


/* BLOCKS */


/* ***************************** */


/* Box spacer */

.box-spacer {
    height: 50px;
    width: 100%;
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
}

.box-spacer .box-image-container,
.box-spacer .box-content {
    display: none;
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
}


/* End of box spacer */


/* Box 100 reference */
.box-100-reference{
    width: 100%;
    width: calc(100% - 3rem);
    margin: 0 1.5rem;
    padding: 0 2.5rem 0 2.5rem;
    position: relative;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    flex-direction: row-reverse;
}

.box-100-reference .box-content{
    padding: 0;
    width: calc(100%);
    text-align: center;
}


.box-100-reference .box-content .item-action > a,
.box-100-reference .box-content .item-action > div {
	margin: 1.5rem;
}

.box-100-reference .box-content .item-action{
	margin-top: 0;
	justify-content: center;
}


.box-100-reference h2 {
    overflow: hidden;
    text-align: center;
    font-family: 'WebOne', sans-serif !important;
    margin-bottom: 0;
    color: var(--white);
}

.box-100-reference h2:before,
.box-100-reference h2:after {
    background-color: var(--white);
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

.box-100-reference h2:before {
    right: 0.5em;
    margin-left: -50%;
}

.box-100-reference h2:after {
    left: 0.5em;
    margin-right: -50%;
}


/* Box 100 img left/right */

.box-100-img-right {
    flex-flow: row-reverse;
}

.box-100-img-right,
.box-100-img-left {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

section.standard .box-100-img-right,
section.standard .box-100-img-left {
    width: 100%;
    width: calc(100% - 3rem);
    margin: 1.5rem;
}

.box-100-img-right .box-content,
.box-100-img-left .box-content {
    color: inherit;
    margin: auto;
    width: 50%;
    padding: 50px 50px;
    max-width: 650px;
    min-height: 425px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.box-100-img-right .box-content>h2,
.box-100-img-left .box-content>h2 {
    font-size: 3rem !important;
    color: var(--blue);
    /* margin-bottom: 10px !important; */
}

.box-100-img-right .box-image-container,
.box-100-img-left .box-image-container {
    width: 50%;
    position: relative;
    display: flex;
    padding-top: 30%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


.box-100-img-left .box-image-container {
    clip-path: polygon(0% 0%,99% 8%,98% 92%,0% 100%);
    border-radius: 5px;
}



.box-100-img-left .box-image-container h2 {
    background-color: var(--green);
    color: var(--white) !important;
    position: absolute;
    top: 20px;
    left: 0;
    padding: 5px 40px 5px 3rem;
    clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0% 100%);
    margin: 0 !important;
    height: 40px;
    display: flex;
    align-items: center;
}

.box-100-img-right .box-video-container,
.box-100-img-left .box-video-container {
    width: 50%;
}

.box-100-img-right .box-video-container iframe,
.box-100-img-left .box-video-container iframe {
    width: 100%;
    height: 100%;
}


/* End of Box 100 img left/right */


/* Box 25*/

.box-25,
.box-33 {
    margin: 1.5rem;
    display: flex;
    /*  flex-flow: column wrap;*/
    flex-direction: column;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--lightsand);
}

.box-25 {
    width: 25%;
    width: calc(25% - 3rem);
}

.box-33 {
    width: 33%;
    width: calc(33.333% - 3rem);
}

.box-25 .box-content,
.box-33 .box-content {
    width: 100%;
    padding: 2.5rem;
    z-index: 100;
    background-color: inherit;
    color: inherit;
}

.box-25 .box-content.no-image,
.box-33 .box-content.no-image {
    margin-top: 6rem;
}

.box-25 .box-content h2,
.box-25 .box-content h1,
.box-33 .box-content h2,
.box-3 .box-content h1 {
    margin-bottom: .5rem;
    color: var(--blue);
}

.box-25 .box-image-container,
.box-33 .box-image-container {
    width: 100%;
    padding-top: 100%;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}

.box-25:hover .box-image-container,
.box-33:hover .box-image-container {
    transform: scale(1.1);
}


/* End of Box 25*/


/* Box 33 */

.box-33-lightsand,
.box-33-coral,
.box-33-blue {
    width: 33%;
    width: calc(33.333% - 3rem);
    margin: 1.5rem;
    display: flex;
    /*  flex-flow: column wrap;*/
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.box-33-lightsand {
    background-color: var(--lightsand) !important;
    color: var(--black) !important;
}

.box-33-coral {
    background-color: var(--coral) !important;
    color: var(--white) !important;
}

.box-33-blue {
    background-color: var(--blue) !important;
    color: var(--white) !important;
}

.box-33-lightsand .box-content,
.box-33-coral .box-content,
.box-33-blue .box-content {
    width: 100%;
    padding: 2.5rem;
    z-index: 100;
    background-color: inherit;
    color: inherit;
}

.box-33-lightsand .box-content.no-image,
.box-33-coral .box-content.no-image,
.box-33-blue .box-content.no-image {
    margin-top: 6rem;
}

.box-33-lightsand .box-content>h2:first-of-type,
.box-33-coral .box-content>h2:first-of-type,
.box-33-blue .box-content>h2:first-of-type {
    margin: 0 !important;
    font-size: 2rem;
    display: flex;
    align-items: center;
    color: inherit !important;
}

.box-33-lightsand .box-content>div h2,
.box-33-lightsand .box-content>div h1,
.box-33-coral .box-content>div h2,
.box-33-coral .box-content>div h1,
.box-33-blue .box-content>div h2,
.box-33-blue .box-content>div h1 {
    color: inherit !important;
    margin-bottom: 10px !important;
}

.box-33-lightsand .box-image-container,
.box-33-coral .box-image-container,
.box-33-blue .box-image-container {
    z-index: 10;
    width: 100%;
    padding-top: 75%;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}

.box-33-lightsand:hover .box-image-container,
.box-33-coral:hover .box-image-container,
.box-33-blue:hover .box-image-container {
    transform: scale(1.1);
}

.box-33-lightsand .box-video-container,
.box-33-coral .box-video-container,
.box-33-blue .box-video-container {
    width: 100%;
    padding-top: 100%;
    position: relative;
}

.box-33-lightsand .box-video-container iframe,
.box-33-coral .box-video-container iframe,
.box-33-blue .box-video-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.box .box-label {
    position: absolute;
    top: 2rem;
    left: 0;
    z-index: 20;
    background-color: var(--blue);
    color: var(--white);
    padding: 1rem 4rem .7rem 4rem;
    max-width: 90%;
    display: flex;
    align-items: center;
    border-bottom-right-radius: 20rem;
    border-top-right-radius: 20rem;
    font-family: 'WebOne', sans-serif;
    font-size: 1.8rem;
}

.box-33-lightsand .box-label {
    background-color: var(--blue);
    color: var(--white);
}

.box-33-coral .box-label {
    background-color: var(--lightsand);
    color: var(--blue);
}

.box-33-blue .box-label {
    background-color: var(--lightblue);
    color: var(--black);
}

.box-33-service-blue,
.box-33-service-coral,
.box-33-service-sandlight {
    width: 33%;
    width: calc(33.333% - 3rem);
    margin: 1.5rem;
    display: flex;
    /*  flex-flow: column wrap;*/
    flex-direction: column;
    position: relative;
    overflow: hidden;
    background-color: var(--white) !important;
    border: 1px solid var(--lightsand);
    color: var(--black) !important;
}

.box-33-service-blue {
    border: 1px solid var(--blue);
}

.box-33-service-coral {
    border: 1px solid var(--coral);
}

.box-33-service-sandlight {
    border: 1px solid var(--lightsand);
}

.box-33-service-blue .box-content,
.box-33-service-coral .box-content,
.box-33-service-sandlight .box-content {
	width: 100%;
	padding: 0;
	z-index: 100;
	background-color: inherit;
	color: inherit;
	display: flex;
	flex-direction: column-reverse;
	height: 100%;
	justify-content: space-between;
}

.box-33-service-blue .box-content>div,
.box-33-service-coral .box-content>div,
.box-33-service-sandlight .box-content>div {
	padding: 2.5rem;
}

.box-33-service-blue .box-content.no-image,
.box-33-service-coral .box-content.no-image,
.box-33-service-sandlight .box-content.no-image {
	margin-top: 6rem;
}

.box-33-service-blue .box-content>h2:first-of-type {
	margin: 0 !important;
	font-size: 2rem;
	display: flex;
	align-items: center;
	color: var(--white) !important;
	background-color: var(--blue);
	padding: 1.5rem 7.5rem 1.5rem 2.5rem;
	min-height: 6.4rem;
}

.box-33-service-coral .box-content>h2:first-of-type {
	margin: 0 !important;
	font-size: 2rem;
	display: flex;
	align-items: center;
	color: var(--white) !important;
	background-color: var(--coral);
	padding: 1.5rem 7.5rem 1.5rem 2.5rem;
	min-height: 6.4rem;
}

.box-33-service-sandlight .box-content>h2:first-of-type {
	margin: 0 !important;
	font-size: 2rem;
	display: flex;
	align-items: center;
	color: var(--black) !important;
	background-color: var(--lightsand);
	padding: 1.5rem 7.5rem 1.5rem 2.5rem;
	min-height: 6.4rem;
}

.box-33-service-blue .box-content>div h2,
.box-33-service-blue .box-content>div h1,
.box-33-service-coral .box-content>div h2,
.box-33-service-coral .box-content>div h1,
.box-33-service-sandlight .box-content>div h2,
.box-33-service-sandlight .box-content>div h1 {
	color: inherit !important;
	margin-bottom: 10px !important;
}

.box-33-service-blue .box-image-container,
.box-33-service-coral .box-image-container,
.box-33-service-sandlight .box-image-container {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	z-index: 120;
	width: 4rem;
	height: 4rem;
	padding: 0;
}

.box-33-service-blue .box-video-container,
.box-33-service-coral .box-video-container,
.box-33-service-sandlight .box-video-container {
	width: 100%;
	padding-top: 100%;
	position: relative;
}

.box-33-service-blue .box-video-container iframe,
.box-33-service-coral .box-video-container iframe,
.box-33-service-sandlight .box-video-container iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}


/* Box 50 dark/light */

.box-50-reference,
.box-50-dark,
.box-50-light {
	width: 50%;
	width: calc(50% - 3rem);
	margin: 1.5rem;
	padding: 2rem 2.5rem 2rem 2.5rem;
	position: relative;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
	flex-direction: row-reverse;
}

.box-50-text,
.box-50-title {
	width: 50%;
	width: calc(50% - 3rem);
	margin: 1.5rem;
	padding: 0;
	position: relative;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	flex-direction: row-reverse;
}

.box-50-text:after {
    position: absolute;
    content: '';
    top: 0;
    height: 100%;
    left: 0;
    padding: 0;
    z-index: 1;
    width: 60%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    background-color: var(--blue);
}

.box-50-reference.box-50-reference-dark,
.box-50-dark,
.box-50-text,
.box-50-title {
    background-color: var(--blue) !important;
    color: var(--white) !important;
}

.box-50-light {
    background-color: var(--white) !important;
    color: var(--black) !important;
}

.box-50-reference:hover .box-image-container,
.box-50-dark:hover .box-image-container,
.box-50-light:hover .box-image-container {
    transform: scale(1.1);
}

.box-50-reference .box-image-container,
.box-50-dark .box-image-container,
.box-50-light .box-image-container {
    width: 12rem;
    height: 12rem;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    border-radius: 6rem;
    background-position: center;
    background-size: cover;
}

.box-50-text .box-image-container {
    padding-top: 65%;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.box-50-title .box-image-container {
    padding-top: 65%;
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}

.box-50-light .box-image-container::after {
    background: rgba(255, 255, 255, 0.5);
}

.box-50-reference .box-content,
.box-50-dark .box-content,
.box-50-light .box-content {
    padding: 1.5rem 0 1.5rem 0;
    width: calc(100% - 14rem);
    z-index: 1;
}

.box-50-text .box-content,
.box-50-title .box-content {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    padding: 2.5rem 0 2.5rem 3rem;
    width: 100%;
    z-index: 100;
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: var(--white);
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.box-50-text .box-content>div {
    width: 50%;
}

.box-50-reference .box-content>h2:first-of-type,
.box-50-dark .box-content>h2:first-of-type,
.box-50-light .box-content>h2:first-of-type {
    margin-bottom: 0;
}

.box-50-text .box-content h2 {
    font-weight: normal;
    font-size: 3.5rem;
    line-height: 4rem;
    margin-bottom: 0;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.75);
}

.box-50-title .box-content h2 {
    font-weight: normal;
    text-align: left;
    font-size: 3.5rem;
    line-height: 4rem;
    margin-bottom: 0;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.75);
}

.box-50-dark .box-video-container,
.box-50-light .box-video-container {
    width: 100%;
    padding-top: 60%;
    position: relative;
}

.box-50-dark .box-video-container iframe,
.box-50-light .box-video-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


/* End of Box 50 dark/light */


/* Box 75*/

.box-75 {
    width: 75%;
    width: calc(75% - 3rem);
    margin: 1.5rem;
    display: flex;
    flex-flow: wrap column;
    position: relative;
    overflow: hidden;
}

.box-75 .box-content {
    width: 100%;
    padding: 2.5rem 2.5rem 7.5rem 2.5rem;
}

.box-75 .box-content>div h2,
.box-75 .box-content>div h1 {
    color: var(--blue) !important;
    margin-bottom: 10px !important;
}

.box-75 .box-image-container {
    width: 100%;
    padding-top: 75%;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}

.box-75:hover .box-image-container {
    transform: scale(1.1);
}

.box-25.no-image {
    background-image: url(../images/webone-symbol-pos.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right calc(100% - 2.5rem);
}

.box-25.no-image .box-content {
    padding: 2.5rem 2.5rem 7.5rem 2.5rem;
}


/* End of Box 75*/


/* Box 100-text */

.box-100-text,
.box-100-form,
.box-100-script {
    width: 100%;
    width: calc(100% - 3rem);
    margin: 1.5rem auto;
    background-color: var(--white);
}
.box-100-text > img,
.box-100-form > img,
.box-100-script > img{
	max-width: 100%;
	margin: 0 auto;
	display: flex;
}

.box-100-form .box-image-container,
.box-100-script .box-image-container {
    width: 100%;
    padding-top: 50%;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}

.box-75:hover .box-image-container {
    transform: scale(1.1);
}
.box-100-text .box-content,
.box-100-form .box-content,
.box-100-script .box-content {
    width: 100%;
    /* max-width: 768px; */
    max-width: 123rem;
    margin: 0 auto;
    padding: 2.5rem;
}

.box-100-script .box-content-script {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.box-100-script .box-content-script iframe {
    width: 100%;
}

.box-100-text .box-content>h2,
.box-100-form .box-content>h2,
.box-100-script .box-content>h2 {
    font-size: 3.2rem !important;
    color: var(--blue);
    /* margin-bottom: 10px !important; */
}


/* End of Box 100-text */


/* Box 100-toggle */

.box-100-toggle {
    width: 100%;
    width: calc(100% - 3rem);
    margin: 1.5rem;
    position: relative;
}

.box-100-toggle .box-image-container {
    display: none;
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
}

.box-100-toggle .box-content {
    width: 100%;
    padding: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 1px solid var(--blue);
}
.box-100-toggle .box-content.active {
    border: 1px solid var(--midblue);
}

.box-100-toggle .box-content>h2 {
    color: var(--white) !important;
    background-color: var(--blue);
    width: 100%;
    display: flex;
    padding: 2rem 5rem 2rem 2.5rem;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    margin: 0 !important;
}

.box-100-toggle .box-content.active>h2 {
    color: var(--white) !important;
    background-color: var(--lightblue);
}

.box-100-toggle .box-content>h2::after {
    content: "\f107";
    font-family: "Line Awesome Free";
    color: var(--white);
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 900;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.box-100-toggle .box-content.active>h2::after {
    content: "\f00d";
    color: var(--white) !important;
}

.box-content.active>h2::after {
    transform: translateY(-50%) rotate(180deg);
}

.box-100-toggle .box-content>div {
    padding: 0 2.5rem;
}

.box-100-toggle .box-content .item-action {
    margin-top: 0;
}

.box-100-toggle .box-content.active>div {
    padding: 2.5rem;
}

.box-100-toggle .box-content.active .item-action {
    padding-top: 0;
}

.box-100-toggle .box-content>div {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 100%;
}

.box-100-toggle .box-content>div {
    height: 0;
    overflow: hidden;
}

.box-100-toggle .box-content.active>div {
    height: auto;
}


/* End of Box 100-toggle */


/* Box 100-thin */

.box-100-thin {
    width: 100%;
    width: calc(100% - 3rem);
    margin: 1.5rem;
    position: relative;
    border: 1px solid var(--lightsand);
    display: flex;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

a.box-100-thin:hover {
    border: 1px solid var(--white);
}

a.box-100-thin::after {
    content: "\f105";
    font-family: "Line Awesome Free";
    background-color: var(--lightsand);
    color: var(--white);
    position: absolute;
    right: 0;
    padding: 0 .5rem 0 0;
    text-align: right;
    width: 2rem;
    top: 0;
    height: 100%;
    justify-content: center;
    font-weight: 900;
    z-index: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    flex-direction: column;
    display: flex;
}

a.box-100-thin:hover:after {
    background-color: var(--blue);
    color: var(--white);
    position: absolute;
    width: 100%;
}

.box-100-thin .box-image-container {
    z-index: 100;
    width: 10rem;
    padding-top: 10rem;
    border-radius: 50%;
    margin: 2.5rem;
    display: flex;
    background-image: url(../images/webone-symbol-pos.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.box-100-thin .box-content {
    display: flex;
    z-index: 100;
    width: 80%;
    padding: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.box-100-thin .box-content>h2 {
    color: var(--blue) !important;
    width: 100%;
    display: flex;
    padding: 0 0 1rem 0;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 !important;
    transition: all 0.5s ease;
}

.box-100-thin .box-content>div>h2 {
    color: var(--blue) !important;
    width: 100%;
    display: flex;
    padding: 1rem 0 0 0;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 !important;
    transition: all 0.5s ease;
}

.box-100-thin .box-content.active>h2 {
    color: var(--black) !important;
    background-color: var(--lightsand);
}

.box-100-thin .box-content.active>h2 {
    color: var(--white) !important;
    background-color: var(--lightsand);
}

a.box-100-thin:hover .box-content,
a.box-100-thin:hover .box-content h2 {
    color: var(--white) !important;
}

.box-100-thin .box-content>div {
    padding: 0 2.5rem 0 0;
}

.box-100-thin .label-coral,
.single-label-wrapper .label-coral {
    font-size: 1.2rem;
    font-weight: bold;
    background-color: var(--coral);
    color: var(--white);
    width: auto;
    padding: .5rem .5rem .3rem .5rem;
    display: inline-flex;
    margin: .5rem .5rem 0 0;
}

.box-100-thin .label-sand,
.single-label-wrapper .label-sand {
    font-size: 1.2rem;
    font-weight: bold;
    background-color: var(--sand);
    color: var(--white);
    width: auto;
    padding: .5rem .5rem .3rem .5rem;
    display: inline-flex;
    margin: .5rem .5rem 0 0;
}

.box-100-thin .label-blue,
.single-label-wrapper .label-blue {
    font-size: 1.2rem;
    font-weight: bold;
    background-color: var(--blue);
    color: var(--white);
    width: auto;
    padding: .5rem .5rem .3rem .5rem;
    display: inline-flex;
    margin: .5rem .5rem 0 0;
}

.box-100-thin .label-lightblue,
.single-label-wrapper .label-lightblue {
    font-size: 1.2rem;
    font-weight: bold;
    background-color: var(--lightblue);
    color: var(--white);
    width: auto;
    padding: .5rem .5rem .3rem .5rem;
    display: inline-flex;
    margin: .5rem .5rem 0 0;
}

.box-100-thin .label-lightgreen,
.single-label-wrapper .label-lightgreen {
    font-size: 1.2rem;
    font-weight: bold;
    background-color: var(--lightgreen);
    color: var(--white);
    width: auto;
    padding: .5rem .5rem .3rem .5rem;
    display: inline-flex;
    margin: .5rem .5rem 0 0;
}

.single-label-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top:2rem;
}
.single-label-wrapper .label-coral,
.single-label-wrapper .label-sand,
.single-label-wrapper .label-blue,
.single-label-wrapper .label-lightblue,
.single-label-wrapper .label-lightgreen {
    /* display:table; */
    margin: .75rem .75rem .75rem 0;
    padding:.75rem;
    align-items: center;
}

.single-label-wrapper .label-coral i,
.single-label-wrapper .label-sand i,
.single-label-wrapper .label-blue i,
.single-label-wrapper .label-lightblue i,
.single-label-wrapper .label-lightgreen i {
    font-size:inherit;
    margin-right:.5rem;
}





/* BOX 100 QUOTE */

.box-100-quote {
    width: 100%;
    margin: 1.5rem;
    display: flex;
    align-items: center;
    background-color: unset !important;
    flex-direction: column;
    position: relative;
}

.box-100-quote .box-image-container {
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
    padding-top: 0 !important;
    position: relative;
    z-index: 10;
}

.box-100-quote:before {
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    padding-top: 0 !important;
    background-color: var(--blue);
    opacity: .5;
    content: '';
    display: flex;
    position: absolute;
    left: 40%;
    left: calc(50% - 12rem);
    top: 1.5rem;
    z-index: 1;
}

.box-100-quote:after {
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    padding-top: 0 !important;
    background-color: var(--lightsand);
    opacity: .5;
    content: '';
    display: flex;
    position: absolute;
    right: 40%;
    right: calc(50% - 12rem);
    top: 1.5rem;
    z-index: 1;
}

.box-100-quote .box-content {
    width: 100%;
    max-width: 76.8rem;
    margin: 0 auto;
    padding: 2.5rem;
    position: relative;
    text-align: center;
}

.box-100-quote .box-content>h2 {
    font-family: 'WebOne', sans-serif;
    margin-bottom: 1rem;
    font-weight: normal;
    font-size: 2.5rem;
    line-height: 3.2rem;
    position: relative;
}

.box-100-quote .box-content h2::before {
    content: '\201C';
    font-family: 'WebOne', sans-serif;
    color: var(--blue);
    position: relative;
    font-weight: 900;
    font-size: 4.5rem;
    top: 1.2rem;
    padding-right: 1rem;
}

.box-100-quote .box-content h2::after {
    content: '\201D';
    font-family: 'WebOne', sans-serif;
    color: var(--blue);
    position: relative;
    font-weight: 900;
    font-size: 4.5rem;
    bottom: -2.7rem;
    padding-left: 1rem;
    line-height: 0;
}


/* End of box 100 video */


/** Box 100 hero **/

.box-100-hero,
.box-100-hero-dark,
.box-100-hero-blue,
.box-100-video,
.box-100-mainvideo,
.box-100-business-center {
    width: 100%;
    position: relative;
    margin: 0;
    /*min-height: calc(100vh - 85px);*/
    /* min-height: 80rem; */
    min-height: 69rem;
    overflow: hidden;
}


.box-100-business-center{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}
.box-100-business-center .box-video-container,
.box-100-hero .box-video-container,
.box-100-hero-dark .box-video-container,
.box-100-hero-blue .box-video-container {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 56.25% 0 0 0;
    position: relative;
}

.box-100-business-center .box-video-container,
.box-100-video .box-video-container,
.box-100-mainvideo .box-video-container {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 56.25% 0 0 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 100%;
}

.pagebuilder .box-100-mainvideo {
    background-color: var(--blue) !important;
    min-height: 80vh;
}

.box-video-container iframe,
.box-video-container object,
.box-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.box-100-business-center .box-video-container iframe,
.box-100-video .box-video-container iframe {
    min-height: 80rem;
    min-width: 142rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.box-100-hero .box-image-container,
.box-100-hero-dark .box-image-container,
.box-100-hero-blue .box-image-container,
.box-100-video .box-image-container,
.box-100-mainvideo .box-image-container{
    padding-top: 35%;
    min-height: 40vh;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}

.box-100-business-center .box-image-container {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}

.box-100-business-center-slider > div.slide-wrapper{
	height: 100%;
	display: flex;
	position: absolute;
	width: 100%;
	z-index: 9;
}
.box-100-business-center-slider .splide__arrows, .box-100-business-center-slider .splide__arrows *, .box-100-business-center-slider .splide__pagination{
	z-index: 99;
}

.box-100-hero-dark .box-image-container:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--black);
    opacity: .4;
    content: '';
    display: block;
}

.box-100-hero-blue .box-image-container:before,
.box-100-business-center:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--blue);
    opacity: .5;
    content: '';
    display: block;
}
.box-100-business-center:before {
    z-index: 10;
}

.box-100-hero .box-content,
.box-100-hero-dark .box-content,
.box-100-hero-blue .box-content,
.box-100-video .box-content,
.box-100-mainvideo .box-content {
	position: absolute;
	top: 0;
	height: 100%;
	left: 0;
	padding: 2.5rem;
	width: 100%;
	font-size: 2.8rem;
	line-height: 3.5rem;
	color: var(--white);
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	z-index: 10;
}
.box-100-hero .box-content > h1,
.box-100-hero .box-content > h2,
.box-100-hero .box-content > div,
.box-100-hero-dark .box-content > h1,
.box-100-hero-dark .box-content > h2,
.box-100-hero-dark .box-content > div,
.box-100-hero-blue .box-content > h1,
.box-100-hero-blue .box-content > h2,
.box-100-hero-blue .box-content > div,
.box-100-video .box-content > h1,
.box-100-video .box-content > h2,
.box-100-video .box-content > div,
.box-100-mainvideo .box-content > h1,
.box-100-mainvideo .box-content > h2,
.box-100-mainvideo .box-content > div {
	max-width: 110rem;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.box-100-business-center .box-content {
    position: relative;
    top: 0;
    height: 100%;
    left: 0;
    padding: 2.5rem;
    width: 100%;
    font-size: 2.8rem;
    line-height: 3.5rem;
    color: var(--white);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    z-index: 10;
}

.box-100-hero .box-content>div,
.box-100-hero-dark .box-content>div,
.box-100-hero-blue .box-content>div,
.box-100-video .box-content>div,
.box-100-mainvideo .box-content>div,
.box-100-business-center .box-content>div {
    width: 100%;
    margin: 0 auto;
}

.pagebuilder .box-100-hero .box-content,
.pagebuilder .box-100-hero-dark .box-content,
.pagebuilder .box-100-hero-blue .box-content,
.pagebuilder .box-100-video .box-content,
.pagebuilder .box-100-mainvideo .box-content,
.pagebuilder .box-100-business-center.box-content {
    min-width: 20rem;
}

.box-100-hero .box-content h2,
.box-100-hero-dark .box-content h2,
.box-100-hero-blue .box-content h2,
.box-100-video .box-content h2,
.box-100-video-dark .box-content h2,
.box-100-video-blue .box-content h2,
.box-100-mainvideo .box-content h2,
.box-100-business-center .box-content h2,
.box-100-hero .box-content h1,
.box-100-hero-dark .box-content h1,
.box-100-hero-blue .box-content h1,
.box-100-video .box-content h1,
.box-100-video-dark .box-content h1,
.box-100-video-blue .box-content h1,
.box-100-mainvideo .box-content h1,
.box-100-business-center .box-content h1 {
    font-weight: normal;
    font-size: 8.5rem !important;
    line-height: 9.5rem;
    margin-bottom: 0;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.box-100-business-center .box-content h2 {
    margin-bottom: 2rem;
}

.box-content ul,
.box-content ol {
    margin-left: 1.8rem;
}


/* Box 100 business center */

.box-business-33-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 4rem 0;
}

.box-business-33 {
    width: 33.33%;
    width: calc(33.33% - 3rem);
    max-width: fit-content;
    padding-right: 2rem;
    padding-left: 2rem;
    margin: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 15px;
}

.box-business-33,
.box-business-33:visited {
    color: #fff !important;
}

.box-business-33:hover {
    text-decoration: none !important;
}

.box-business-33 i {
    font-size: 50px;
}

.box-100-business-center .item-action > a,
.box-100-business-center .item-action > div {
	margin: 1.5rem;
}

.box-100-business-center .item-action{
	justify-content: center;
}

/* Box 100 title */

.box-100-title {
    width: 100%;
    width: calc(100% - 30px);
    margin: 15px;
}

.box-100-title h2 {
    overflow: hidden;
    text-align: center;
    font-family: 'WebOne', sans-serif !important;
    margin-bottom: 0;
}

.box-100-title h2:before,
.box-100-title h2:after {
    background-color: var(--blue);
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

.box-100-title h2:before {
    right: 0.5em;
    margin-left: -50%;
}

.box-100-title h2:after {
    left: 0.5em;
    margin-right: -50%;
}

.box-localinfo {
    width: 100%;
}

.box-localinfo iframe {
    width: 100%;
    max-width: 60rem;
    min-height: 30rem;
    height: auto;
}

.localinfo-social {
    display: flex;
    align-items: center;
    margin: 1rem 0;
    line-height: 100%;
    transition: all .4s ease;
}

.localinfo-social:hover {
    text-decoration: none !important;
    color: var(--coral);
}

.localinfo-social i {
    font-size: 3rem;
    margin-right: 1rem;
}

.box-100-employees {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.box-25-employee {
    width: 25%;
    width: calc(25% - 30px);
    margin: 15px;
    background-color: #fff;
    padding-top: 25px;
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    justify-content: space-between;
}

.box-25-employee .box-image-container {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    width: 16rem;
    height: 16rem;
    margin: 0 auto;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}

.box-25-employee .box-content {
    padding: 25px;
    text-align: center;
}

.box-25-employee .box-content h2 {
    font-weight: 500;
    margin-bottom: .5rem;
    color: var(--blue);
    font-family: 'WebOne', sans-serif !important;
}

.box-25-employee .box-content .top-content {
    margin-bottom: 1.5rem;
}

.box-25-employee .bottom-content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.box-25-employee .employee-link {
    background-color: var(--blue);
    width: 4rem;
    height: 4rem;
    margin: .75rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-25-employee .employee-link i {
    color: var(--white);
    font-size: 2rem;
}

.box-overlay {
    overflow: hidden;
    position: relative;
}

.overlay {
    width: 100%;
    height: 100%;
    height: calc(100% - 9.5rem);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.slide-down-delay .overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--coral);
    color: var(--white);
    transform: translateY(-100%);
    -webkit-transition: transform 0.5s ease-out;
    -o-transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
    z-index: 101;
}

.slide-down-delay:hover .overlay {
    /* transform: translateY(0); */
    transform: translateY(calc(0% - 95px));
    transform: translateY(0);
}

.slide-down-delay .overlay .overlay-content {
    transform: translateY(-80%);
    opacity: 0;
    -webkit-transition: transform 0.2s linear, opacity 0.2s linear 0.2s;
    -o-transition: transform 0.2s linear, opacity 0.2s linear 0.2s;
    transition: transform 0.2s linear, opacity 0.2s linear 0.2s;
    padding: 25px;
}

.slide-down-delay .overlay .overlay-content h2 {
    color: var(--white);
}

.slide-down-delay .overlay .overlay-content p {
    color: var(--white);
}

.slide-down-delay:hover .overlay .overlay-content {
    transform: translateY(0);
    opacity: 1;
}

.employee-quote {
    font-style: italic;
}


/* ***************************** */


/* END OF BLOCKS */


/* FOR PAGEBUILDER */


/* ***************************** */

.field_content .box-33-dark {
    background-image: none;
}

.field_content .box-33-light {
    background-image: none;
}

.field_content .box-33-dark .box-image-container::after,
.field_content .box-33-light .box-image-container::after {
    background: none;
}

.field_content .box-50-reference .box-image-container::after,
.field_content .box-50-dark .box-image-container::after,
.field_content .box-50-light .box-image-container::after {
    background: none;
}

.field_content .box-100-toggle .box-content>div {
    height: unset;
    overflow: visible;
}

.field_content .box-100-toggle .box-content {
    padding: 0 0 10px 0;
    border: 1px solid var(--lightsand);
}

.field_content .box-100-toggle .box-content .item-content {
    padding-top: 25px;
}

.field_content .box-100-toggle .box-content>div:not(.active) {
    display: block;
}


/* .field_content .box-slider-image-block  .box-image-container {
  padding-top: 35%;
  position: static;
  top:unset;
  left:unset;
  width:100%;
  height:unset;
}
*/

.field_content .box-slider-image-block .box-content {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 101;
}


/* ***************************** */


/* END OF FOR PAGEBUILDER */


/* MEDIA QUERIES */


/* ***************************** */

@media all and (max-width: 1200px) {
    .slider-text {
        padding: 2rem;
    }
    .box-slider-image-block .box-content {
        right: 25px;
    }
}

@media all and (max-width: 960px) {
    .box-100-hero .box-content h2,
    .box-100-hero-dark .box-content h2,
    .box-100-hero-blue .box-content h2,
    .box-100-video .box-content h2,
    .box-100-video-dark .box-content h2,
    .box-100-video-blue .box-content h2,
    .box-100-mainvideo .box-content h2,
    .box-100-business-center .box-content h2,
    .box-100-hero .box-content h1,
    .box-100-hero-dark .box-content h1,
    .box-100-hero-blue .box-content h1,
    .box-100-video .box-content h1,
    .box-100-video-dark .box-content h1,
    .box-100-video-blue .box-content h1,
    .box-100-mainvideo .box-content h1,
    .box-100-business-center .box-content h1 {
        font-size: 6.5rem !important;
        line-height: 7rem;
    }
    .box-100-hero .box-image-container,
    .box-100-hero-dark .box-image-container,
    .box-100-hero-blue .box-image-container,
    .box-100-video .box-image-container,
    .box-100-business-center .box-image-container {
        padding-top: 35%;
        min-height: 75vh;
    }
    /* Box 25*/
    .box-25 {
        width: 50%;
        width: calc(50% - 3rem);
    }
    .box-25-employee {
        width: 50%;
        width: calc(50% - 3rem);
    }
    .box-25.no-image {
        background-image: none;
    }
    .box-25.no-image .box-content {
        padding: 2.5rem;
    }
    /* Box 33*/
    .box-33-lightsand,
    .box-33-coral,
    .box-33-blue {
        width: 100%;
        width: calc(50% - 3rem);
    }
    .box-33-lightsand .box-image-container,
    .box-33-coral .box-image-container,
    .box-33-blue .box-image-container {
        padding-top: 65%;
    }
    /* Box 75*/
    .box-75 {
        width: 100%;
        width: calc(100% - 3rem);
    }
    .box-slider-image-block .box-content {
        max-width: 75%;
        padding: 25px;
    }
    /* Box 33 dark/light */
    .box-33-dark,
    .box-33-light {
        width: 100%;
        width: calc(100% - 3rem);
    }
    /* Box 50 dark/light */
    .box-50-reference,
    .box-50-dark,
    .box-50-light {
        width: 100%;
        width: calc(100% - 3rem);
    }
    .box-50-text,
    .box-50-title {
        width: 100%;
        width: calc(100% - 3rem);
    }
    .box-50-title {
        min-height: 30rem;
    }
    .box-50-title .box-image-container {
        padding-top: unset;
    }
    .box-33-service-blue,
    .box-33-service-coral,
    .box-33-service-sandlight {
        width: 100%;
        width: calc(100% - 3rem);
    }
    .box-100-hero,
    .box-100-hero-dark,
    .box-100-hero-blue,
    .box-100-video,
    .box-100-mainvideo,
    .box-100-business-center {
        min-height: 70rem;
    }
    .box-100-video .box-video-container iframe {
        min-height: 70rem;
        min-width: 125rem;
    }
    
	.section-breadcrumbs{
		display: none;
	}
}

@media all and (max-width: 768px) {
    .box-100-toggle .box-content>h2 {
        font-size: 2.2rem;
    }
    .box-100-hero .box-content,
    .box-100-hero-dark .box-content,
    .box-100-hero-blue .box-content,
    .box-100-video .box-content,
    .box-100-business-center .box-content {
        font-size: 1.8rem;
        line-height: 2.7rem;
    }
    /* Box 33*/
    .box-33-lightsand,
    .box-33-coral,
    .box-33-blue {
        width: 100%;
        width: calc(50% - 3rem);
    }
    .box-100-thin {
        flex-wrap: wrap;
    }
    .box-100-thin .box-image-container {
        width: 20rem;
        padding-top: 20rem;
        margin: 2.5rem auto;
    }
    .box-100-thin .box-content {
        width: 100%;
        padding: 2.5rem;
    }
    .box-33 {
        width: 100%;
    }
    .box-33 .box-image-container,
    .box-25 .box-image-container {
        padding-top: 85%;
    }
    /* SLIDESHOWS */
    .slider-text-holder h1 {
        font-size: 2.4rem;
    }
    .slider-text-holder p {
        font-size: 1.5rem;
        line-height: 150%;
    }
    /* Section Standard */
    section.standard>div {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    /* Box spacer */
    .box-spacer {
        height: 2.5rem;
    }
    /* BOX 100 img left/right */
    .box-100-img-left,
    .box-100-img-right {
        flex-flow: column;
        width: 100%;
    }
    .box-100-img-right .box-video-container,
    .box-100-img-left .box-video-container {
        width: 100%;
        padding-top: 60%;
        position: relative;
    }
    .box-100-img-right .box-video-container iframe,
    .box-100-img-left .box-video-container iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    section.standard .box-100-img-right,
    section.standard .box-100-img-left {
        width: 100%;
        width: calc(100% - 3rem);
        margin: 1.5rem;
    }
    .box-100-img-left .box-image-container,
    .box-100-img-right .box-image-container {
        padding-top: 65%;
        width: 100%;
    }
    .box-100-img-right .box-content,
    .box-100-img-left .box-content {
        width: 100%;
        padding: 50px 25px;
        min-height: unset;
    }
    .box-slider-image-block .box-image-container {
        padding-top: 55%;
    }
    .box-100-quote {
        width: calc(100% - 3rem);
        margin: 1.5rem;
        flex-flow: wrap column;
    }
    .box-100-quote .box-image-container {
        margin: 0 auto;
    }
    .box-100-quote .box-content {
        max-width: 100%;
    }
    .box-100-quote .box-content::after {
        top: 1rem;
    }
    .box-100-text,
    .box-100-form,
    .box-100-script{
        width: calc(100% - 3rem);
    }
    .box-100-text .box-content,
    .box-100-form .box-content,
    .box-100-script .box-content {
        max-width: 100%;
    }
    .box-slider-image-block .box-content {
        left: 2.5rem;
    }
    .box-gallery {
        width: 50%;
        width: calc(50% - 3rem);
        margin: 1.5rem;
        display: flex;
        /*  flex-flow: column wrap;*/
        flex-direction: column;
        position: relative;
        overflow: hidden;
    }
    .box-50-title .box-image-container {
        width: 100%;
        left: 40%;
    }
    .box-business-33-wrapper{
	    justify-content: space-around;
	    width: 100%;
	    flex-direction: column;
	    padding: 0;
    }
    .box-business-33 {
        width: 50%;
        margin: 1.5rem .5rem;
        width: calc(50% - 1rem);
        padding-right: 0;
        padding-left: 0;
    }
    .box-business-33 i {
        font-size: 3rem;
    }
}

@media all and (max-width: 550px) {
    .box-100-hero .box-content h2,
    .box-100-hero-dark .box-content h2,
    .box-100-hero-blue .box-content h2,
    .box-100-video .box-content h2,
    .box-100-video-dark .box-content h2,
    .box-100-video-blue .box-content h2,
    .box-100-mainvideo .box-content h2,
    .box-100-business-center .box-content h2,
    .box-100-hero .box-content h1,
    .box-100-hero-dark .box-content h1,
    .box-100-hero-blue .box-content h1,
    .box-100-video .box-content h1,
    .box-100-video-dark .box-content h1,
    .box-100-video-blue .box-content h1,
    .box-100-mainvideo .box-content h1,
    .box-100-business-center .box-content h1 {
        font-size: 4rem !important;
        line-height: 4.5rem;
    }
    .box-100-hero .box-image-container,
    .box-100-hero-dark .box-image-container,
    .box-100-hero-blue .box-image-container,
    .box-100-video .box-image-container,
    .box-100-business-center .box-image-container {
        min-height: 40rem;
    }
    .box.box-100-business-center .box-content .item-action {
   	 margin-top: 0;
    }
    /* Box 25*/
    .box-25,
    .box-33-lightsand,
    .box-33-coral,
    .box-33-blue,
    .box-25-news,
    .box-25-employee {
        width: 100%;
        width: calc(100% - 3rem);
    }
    .box-slider-image-block .box-content h2 {
        font-size: 2.4rem;
    }
    .box .box-content h1 {
        font-size: 2.6rem;
    }
    .box .box-content h2 {
        font-size: 2.4rem;
    }
    .box-100-toggle .box-content>h2 {
        font-size: 1.8rem;
    }
    .box-100-quote .box-content h2 {
        font-size: 2rem;
    }
    .box-100-hero .box-image-container {
        min-height: 60vh;
    }
    /* .box-100-hero .box-content h2 {
		font-size: 3.5rem;
	} */
    .box-100-hero .box-content>div {
        font-size: 1.8rem;
        line-height: 2.7rem;
    }
    .box-50-reference,
    .box-50-dark,
    .box-50-light {
        flex-wrap: wrap;
    }
    .box-50-reference .box-image-container,
    .box-50-dark .box-image-container,
    .box-50-light .box-image-container {
        width: 18rem;
        height: 18rem;
        border-radius: 9rem;
        margin: 1.5rem auto;
    }
    .box-50-reference .box-content,
    .box-50-dark .box-content,
    .box-50-light .box-content {
        width: 100%;
    }
    .box-50-text {
        min-height: 30rem;
    }
    .box-50-text:after {
        width: 80%;
    }
    .box-50-text .box-content>div {
        width: 75%;
    }
}


/* ***************************** */


/* END OF MEDIA QUERIES */