html.no-touch .btn.c5-bg:hover, .btn.c5-bg:active, .btn.c5-bg:focus {background-color: #9f2743;}

.mobileOnly {display: none;}


strong {font-weight: 700;}
#content { margin-top: 28px;}
.takeover p .btnStatic {margin-left: 0px;}

.clear5 {height: 5px;}
.clear10 {height: 10px;}
.clear20 {height: 20px;}

#pos_1597 {  padding: 20px 0px 5px;}
#pos_1640 {  padding: 20px 0px 5px;}
#pos_1636 {  padding: 20px 0px 5px;}
#pos_1655 {  padding: 20px 0px 5px;}
#pos_1676 {  padding: 20px 0px 5px;}
#pos_1685 {  padding: 20px 0px 5px;}
#pos_1692 {  padding: 20px 0px 5px;}
#pos_1698 {  padding: 20px 0px 5px;}
#pos_1705 {  padding: 20px 0px 5px;} 
#pos_1711 {  padding: 20px 0px 5px;} 
#pos_1736 {  padding: 20px 0px 5px;}
#pos_1783 {  padding: 20px 0px 5px;}
#pos_1897 {  padding: 20px 0px 5px;}
#pos_1911 {  padding: 20px 0px 5px;}
#pos_1922 {  padding: 20px 0px 5px;}

.GridBTN a {background-color: #eee; color: #9f2743; font-size: 30px; padding: 35px 25px; display: block; font-weight: 800; border: #9f2743 solid 8px;}
.GridBTN a:hover {background-color: #ffae42; color: #202620; border: #ffae42 solid 8px;}


.standard-components .container-fluid { padding-right: 75px; padding-left: 75px;}


/*HP Banner
#pos_1209 .container {height: 600px;}
#pos_1209 .text-side.col-md-5.col-xs-12.pull-left.os-animation.animated.fadeIn {height: 600px;}
#pos_1209 .item.image.slick-slide.slick-current.slick-active { height: 600px !important;}
/*HP Banner*/


/*Pricing Page Updates*/
.PricingPage #pos_1489 .text-side .info.text-left .btn {display: none;}
/*Pricing Page Updates*/


/*Accred Logos*/
.accredLogos {
    display: inline-block;
    margin-left: -15px;
    width: 110%;
    margin-bottom: 10px;
}
/*Accred Logos*/


.cta-link .purpleBTN { background-color: #85caf2 !important; color: #20261F !important; border: 3px solid #fff !important;}
html.no-touch .purpleBTN:hover { background-color: #9E2642  !important; color: #fff !important;}
header nav.cta-link a.purpleBTN {padding-top: 10px !important;}


.padding12 {padding-top: 12px;}

.c3-bg.bg-perc_50, .apc.banner .item.overlay.c3-bg::before, .apc.pod-windows .item.overlay .info.c3-bg::before {background-color: rgba(0,0,0,0.50);}
.image .caption { background-color: rgba(0,0,0,0.7);}

.c2-bg { background-color: #9f2743;}

.c1-text {color: #333;}
.c3-text {
    color: #202620;
    font-weight: 700;
    line-height: 27px;
}
a {color: #9f2743;}
html.no-touch a:hover {color: #000;}
h1 {font-weight:700;}
h1 strong {font-weight: 700;}
h2 {    color: #16233e;
    font-weight: 700;
    font-size: 30px;}

h5 {color: #4f585a; font-weight: 700; font-size: 18px; border-top: 1px dashed #0079c1; padding-top:10px; margin-top:30px;}
h5 a {display: block; width:100%; padding: 15px; background-color: #4f585a; color:#fff; border-top: none !important;}
h5 a:hover {background-color: #BF9F7D; color: #4f585a !important;}

body .base-text h3 {color: #000;}
h3 {
    font-size: 26px;
    letter-spacing: 0px;
    font-weight: 500;
}

.secondary-heading {
    text-transform: uppercase;
    color: #ffae42 !important;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 400;
}

.btn { padding: 10px 20px;}

.apc .heading.main { line-height: 40px;}

.takeover h1 { font-size: 60px; text-shadow: 2px 2px 10px #000;}
.takeover p {
    text-shadow: none;
    padding-top: 13px;
    font-size: 16px;
    color: #202620;
    width: 50%;
}
.takeover p .btn {text-shadow:none;
    border-color: #ffae42;
    background-color: #ffae42;
    color: #202620; 
    letter-spacing: 0px;
    font-size: 17px;
    font-weight: 900;}


blockquote::before {color: #BF9F7D;}
.item.image-pod { margin-top: 51px;}


.PaddingLeft30 {padding-left: 30px;}
.PaddingLeft30 li { background-color: #0079c1 !important;}
.PaddingRight30 {padding-right: 30px;}


header {height: 108px; background-color: #eee;}
header #logo {top: 11px; left:20px;}
header #logo a { width: 226px !important; height: 85px !important;}
header #logo a {background-size: 226px 72px !important;}
header::before {top: 108px; background-color: #e1e1e1;}
header::after {top: 113px; background-color: #202620;}

html.no-touch .image a:hover img {transform: scale(1.2) !important;}

/*Grid Section Service Pages*/
.grid-section h1 { color: #9f2743; font-size: 40px; padding-top: 17px; padding-top: 27px; padding-bottom: 0px;}
.grid-section h2 { color: #202620; font-size: 31px; font-weight: 500;}

.grid-section { padding-top: 14px;}

.grid-section blockquote { margin-top: 7px !important; color: #202620; font-size: 22px; line-height: 25px; margin-bottom: -18px !important;}
.grid-section blockquote::before { color: #9f2743;}

.grid-section .column li img { width: 13px !important; height: 12px !important; display: inherit;}
.grid-section .column li {
    list-style: none;
    margin-left: -14px;
    padding-bottom: 10px;
    font-size: 16px;
    text-align: justify;
    border-top: solid #333 1px;
    padding-top: 12px;
}
/*Grid Section Service Pages*/


/*NAVIGATION*/
.navigation nav.main {top: 113px;}
header nav.cta-link {top: 119.5px;}
header .site-search {top: 34px;}
.navigation nav.top {top: 37px;}
.navigation nav.main {background-color: #202620;}
.navigation nav.main>ul>li>span a { color:#fff;}
.navigation nav.main>ul>li>span a:hover { color: #9f2743;}
html.no-touch .navigation nav.main>ul>li:hover {background-color: #9f2743;}
html.no-touch .navigation nav.main>ul>li:hover>span>a { color: #ffffff;}
.navigation nav.main>ul>li.has-child ul {width: 265px;}
.navigation nav.main>ul>li>span.active, html.touch .navigation nav.main>ul>li.open {background-color: #9f2743;}
.navigation nav.main>ul>li.has-child ul {background-color: #9f2743;}
html.no-touch .navigation nav.main ul li ul li span:not(.active)>a:hover, .navigation nav.main ul li ul li span:not(.active)>a:focus {background-color: #9f2743; color: #000;}
.navigation nav.main>ul>li>span a {
    padding: 29px 15px;
    font-family: 'lato', sans-serif !important;
    font-weight: 700;
    font-size: 17px;
    letter-spacing: 0.25px;
}

header nav.cta-link a.btn {
    padding-top: 13px;
    height: 50px;
    text-transform: initial;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0.25px;
    margin-left: 5px;
}

html.no-touch .navigation nav.main ul li.has-child ul li span.active a:hover::before, .navigation nav.main ul li.has-child ul li span.active a::before {background-color: #4f585a;}

.navigation nav.top ul>li {margin: 0 10px 0 10px;}
.navigation nav.top li a {     color: #202620;
    padding-top: 10px;
    font-size: 20px;
    letter-spacing: 0px !important;}
.navigation nav.top li a i {color: #9f2743;}
html.no-touch .navigation nav.top li a:hover, .navigation nav.top li a:focus, .navigation nav.top li a:active {color: #15243e;}
.navigation nav.top>ul {font-size: 14px; font-weight: 600;}

nav.sub p.heading {border-color: #15243e; background-color: #15243e;}
nav.sub p.heading a {color: #fff; font-weight: 700;}
nav.sub.categories p.heading {color: #fff; font-weight: 700;}
/*NAVIGATION*/

/*NAVIGATION AFTER SCROLL*/
html.nav-up header {top: -120px ;}
html.no-touch .btn.c1-bg:hover, .btn.c1-bg:active, .btn.c1-bg:focus { color: #ffffff; border-color: #9f2743; background-color: #9f2743;}
/*NAVIGATION AFTER SCROLL*/


/*Banner*/

.apc.banner .item.takeover .image {background-position: 0px -60px;}

.takeover .table-cell {
    display: table-cell;
    vertical-align: top;
    padding: 3% 0px;
}
.apc.banner .info .heading.main {
    color: #ffae42;
    font-weight: 400;
    font-size: 46px;
    letter-spacing: 1px;
    text-shadow: none;
    line-height: 52px;
    margin-bottom: 15px;
}
.apc.banner {margin: -5px 0px 0px;}
.apc.banner .secondary-heading {color: #bf9f7d;}
.apc .medium a.btn.c1-bg { background-color: #0079c1; border-color: #0079c1;}
.apc .medium a.btn.c1-bg:hover { background-color: #00477e; border-color: #00477e; color: #000;}
.apc.c1-bg .slick-prev, .apc.c1-bg .slick-next { background-color: #0079c1;}
.slick-prev:hover { background-color: #9f2743 !important;}
.slick-next:hover { background-color: #9f2743 !important;}
.slick-prev, .slick-next {background-color: #202620;}

.takeover ul {margin-left: 0px; margin-top: 27px !important;}
/*.takeover ul li::before { color: #9f2743 !important; content: "\2022";}*/
.takeover li {font-size: 15px; line-height: 21px; color: #202620; list-style: none;}
.apc.banner .info .text+.link { margin: 8px 0 0;}
.takeover img { width: 13px !important; height: 12px !important; display: inherit;}


#pos_1209 .text-side ul {margin-left: 0px; margin-top: 27px !important;}
#pos_1209 .text-side li {font-size: 15px; line-height: 24px; color: #202620; list-style: none;}
#pos_1209 .text-side li img { width: 13px !important; height: 12px !important; display: inherit;}
#pos_1209 .heading.main {color: #9f2743;
    font-weight: 400;
    font-size: 64px;
    letter-spacing: 1px;
    text-shadow: none;
    line-height: 52px;}
#pos_1209 .btn.c1-bg {text-shadow: none;
    border-color: #9f2743;
    background-color: #9f2743;
    color: #fff;
    letter-spacing: 0px;
    font-size: 16px;
    font-weight: 900;}
#pos_1209 .btn.c1-bg:hover { border-color: #202620; background-color: #202620;}

#pos_1811 .text-side ul {margin-left: 0px; margin-top: 27px !important;}
#pos_1811 .text-side li {font-size: 15px; line-height: 24px; color: #202620; list-style: none;}
#pos_1811 .text-side li img { width: 13px !important; height: 12px !important; display: inherit;}
#pos_1811 .heading.main {color: #9f2743;
    font-weight: 400;
    font-size: 64px;
    letter-spacing: 1px;
    text-shadow: none;
    line-height: 52px;}
#pos_1811 .btn.c1-bg {text-shadow: none;
    border-color: #9f2743;
    background-color: #9f2743;
    color: #fff;
    letter-spacing: 0px;
    font-size: 16px;
    font-weight: 900;}
#pos_1811 .btn.c1-bg:hover { border-color: #202620; background-color: #202620;}
/*Banner*/

#pos_1611 .text-side li img { width: 13px !important; height: 12px !important; display: inherit;}
#pos_1611 .text-side li {font-size: 15px; line-height: 24px; color: #202620; list-style: none;}
#pos_1611 .text-side ul {margin-left: 0px;}


/*Short Banner Height Adjustment*/
.apc.banner .item.short, .apc.banner .item.short .container, .apc.banner .item.short .row {height: 300px;}
/*Short Banner Height Adjustment*/

/*Info Pack C2A*/
#pos_1433 .secondary-heading {color: #ffae42;}
body #pos_1433 {font-size: 17px;}
/*Info Pack C2A*/

/*Home Elements*/
#pos_1485 .BurgundyText.intro { font-size: 31px; font-weight: 300;}
#pos_1485 h3 { font-size: 32px; font-weight: 500; line-height: 30px; text-transform: initial;}
#pos_1485 p { color: #888;}
#pos_1485 a {display: block; width: 100%; background-color: #9f2743; color: #fff; padding: 12px;}
#pos_1485 a:hover { background-color: #202620; padding-left: 15px;}
/*Home Blog Posts*/


/*Which answering service is right for you? Form*/
#pos_1486 {background-color: #202620;}
#pos_1486 {background-color: #202620;}
#pos_1486 .c6-borders { border: none;}
#pos_1486 .c5-bg { background-color: transparent;}
#pos_1486 p.heading.umbraco-forms-caption { font-weight: 100; text-align: center; color: #eee !important; font-size: 30px; margin-bottom: 19px;}
#pos_1486 label {display: none;}
#pos_1486 input { font-weight: 800; color: #9f2743 !important;}
#pos_1486 button.btn {  width: 100%; background-color: #9f2743;} 
#pos_1486 button.btn:hover { background-color: #202620;} 
#pos_1486 p {color: #fff; text-align: center; margin-top: -8px;}
#pos_1486 .form-control { min-height: 77px; min-width: 166px; margin-top: -1px;}
#pos_1486 .g-recaptcha {  margin-left: 34px;}

#pos_1486 .umbraco-forms-page p { font-size: 15px; padding: 0px; margin-left: 16%; margin-right: 16%;}
#pos_1486 {background-attachment: fixed; background-position: center;}

#pos_1486 .forms .checkbox { display: inline-flex; margin-top: -0px;}
#pos_1486 .checkbox label { display: block; padding-right: 20px !important;}
fieldset#d559fdf4-7825-4850-b195-0a0ec31ddc02 {
    text-align: center;
    color: #fff;
    margin-left: 20px;
    margin-bottom: 0px;
}
/*Which answering service is right for you? Form*/

/*Free Trial Form*/
#pos_1635 .form-control { min-height: 77px; min-width: 166px; margin-top: -1px;}
#pos_1635 button.btn { width: 100%; background-color: #9f2743;}

#pos_1793 .form-control { min-height: 77px; min-width: 166px; margin-top: -1px;}
#pos_1793 button.btn { width: 100%; background-color: #9f2743;}

#pos_1808 .form-control { min-height: 77px; min-width: 166px; margin-top: -1px;}
#pos_1808 button.btn { width: 100%; background-color: #9f2743;}

#pos_1816 .form-control { min-height: 77px; min-width: 166px; margin-top: -1px;}
#pos_1816 button.btn { width: 100%; background-color: #9f2743;}
/*Free Trial Form*/


/*Information Pack Form*/
#pos_1489 .umbraco-forms-caption {display: none;}
#pos_1489 label {display: none;}
#pos_1489 .yourinformation label { display: block; font-size: 13px; padding-top: 3px;}
#pos_1489 label.umbraco-forms-label {display: none;}
#pos_1489 input { font-weight: 800; color: #9f2743 !important;}
#pos_1489 button.btn {  width: 100%; background-color: #9f2743;} 
#pos_1489 button.btn:hover { background-color: #202620;} 
#pos_1489 .form-group { margin-bottom: -3px;}

#pos_1489 .forms .checkbox { display: inline-flex; margin-top: -0px;}
#pos_1489 .checkbox label { display: block; padding-right: 20px !important;}

#pos_1489 .heading.main { font-size: 34px; font-weight: 500;  color: #202620;}
#pos_1489 h3 { font-size: 45px; line-height: 45px;}
#pos_1489 .umbraco-forms-page p { font-size: 16px; margin-bottom: 3px; margin-top: 0px;}
/*Information Pack Form*/



/*Testimonials*/
#pos_1614 {background-color: #9f2743;}
#pos_1614 h1 { font-size: 42px; font-weight: 500; padding-bottom: 0px; margin-bottom: -4px;}
.spc.blockquotes .heading.main {font-size: 23px !important; text-transform: uppercase; letter-spacing: 1px;}
.spc.blockquotes blockquote p { font-size: 18px;
    line-height: 26px;
    color: #ccc;
    font-weight: 800;}
blockquote::before {color: #ccc;}
ul.slick-dots li.slick-active button {background-color: #333;}
/*Testimonials*/



/*Gallery*/
.aboutGallery .row:not(.overview):not(.outro) .item { padding: 0px !important;}
.ekko-lightbox-nav-overlay a::before {background-color: #9f2743;}
html.no-touch .ekko-lightbox-nav-overlay a:hover::before {background-color: #202620; color: #fff;}
.gallery .heading.main { font-size: 35px;}
.spc.gallery .row:not(.overview):not(.outro) .item {padding: 8px;}
/*Gallery*/



/*Buttons*/
.btn.c1-bg { border-color: #00477e; letter-spacing: 0px; border: none;}
.c1-bg {background-color: #9f2743;} 
.btn.c5-bg { border-color: #ffae42; background-color: #ffae42;  color: #202620; letter-spacing: 0px;}
html.no-touch .btn.c5-bg:hover { border-color: #9f2743; background-color: #9f2743; color: #fff;}
html.no-touch header .site-search button.btn.c1-bg.c5-text:hover, header .site-search button.btn.c1-bg.c5-text:active, header .site-search button.btn.c1-bg.c5-text:focus{    background-color: #202620; color: #fff;}

.btn.c2-bg {border-color: #000000; background-color: #000000;}
html.no-touch .btn.c2-bg:hover {border-color: #0079c1; background-color: #fff; color: #0079c1;}

.cta-link .btn { background-color: #ffae42; color: #202620;}
/*Buttons*/


/*Listings*/
.listing .item .heading { font-size: 22px; color: #9f2743; font-weight: 700;}
nav.sub ul li.active>a {color: #ccc;}
nav.sub ul li.active>a:hover {color: #4f585a;}
/*Listings*/

/*PODS*/
.promo-pods .item .heading { font-size: 25px; font-weight: 500; color: #9f2743;}
.promo-pods .btn { background-color: #202620; width: 100%; font-size: 14px;}
.promo-pods .btn:hover { background-color: #9f2743;}

.item p.heading.c3-text { color: #9f2743; font-size: 21px; font-family: 'lato', sans-serif !important; font-weight: 400;}
/*PODS*/


/*Grid Section*/
.grid-section .clearfix { margin-bottom: 25px;}
/*Grid Section*/

/*Accordian Section*/
.spc.accordion .heading:not(.main) a {
    background-color: #202620;
    box-shadow: none;
    border-radius: 8px;
    color: #fff;
    font-family: 'lato', sans-serif !important;
    letter-spacing: 0px;
    font-size: 17px;
    font-weight: 500 !important;
}
html.no-touch .spc.accordion .heading:not(.main) a.collapsed:hover { background-color: #9f2743;}
.spc.accordion .heading:not(.main) a.collapsed {font-weight: 700;}
.spc.accordion .heading:not(.main) a:not(.collapsed) {background-color: #9f2743; color: #fff;}
.spc.accordion .heading:not(.main) i {color: #fff;}

.apc.c3-bg a:not(.btn):not(.heading):not(.c3-text) { color: #0079c1;}
html.no-touch .c3-bg a:not(.btn):not(.c3-text):hover {color: #00477e;}
/*Accordian Section*/

/*Contact C2A*/
html.no-touch .btn.c4-bg:hover {background-color: #000;}
/*Contact C2A*/

/*Textblock Testimonial*/
.testimonialBlock h3 a { color: #202620 !important; font-size: 22px;}
.testimonialBlock h3 a:hover { color: #fff !important; padding-left: 8px;}
/*Textblock Testimonial*/


/*FOOTER*/
footer {background-color: #202620;}
footer .heading { color: #fff; font-weight: 500; letter-spacing: 0px !important;}
html.no-touch footer a:hover { color: #9f2743;}
footer nav.footer ul li.site-credit a {color: #9f2743; font-weight: 600;}
html.no-touch footer nav.footer ul li.site-credit a:hover {color: #cccccc;}
nav.footer {padding: 40px 0 0; text-transform: uppercase; letter-spacing: 0.25px;}
footer p { font-size: 14px;}
footer .quick-links ul li {  width: 50%;}
footer .quick-links { margin-left: -35px; padding-right: 35px;}
.site-search .form-control {margin-bottom: 12px;}
footer p.heading { font-size: 20px; line-height: 21px;}

.quick-links ul li { margin-bottom: 20px; font-size: 16px;}

nav.footer ul {font-size: 13px;}
nav.footer ul li {margin: 0 25px 0 0;}
nav.social ul li {margin: 0 6px 5px 0;}

.yopaBaseLogo { margin-left: -10px; margin-top: -26px; width: 89%;}
/*FOOTER*/


/*Confirmation Page Quick Links*/
#pos_1754 ul li { margin-bottom: 10px; font-size: 16px; width: 100%;}
#pos_1754 .inner { background-color: #eee;}
#pos_1754 ul li a {font-weight: 800;}
#pos_1754 ul li a:hover { color:#9f2743;}

#pos_1760 ul li { margin-bottom: 10px; font-size: 16px; width: 100%;}
#pos_1760 .inner { background-color: #eee;}
#pos_1760 ul li a {font-weight: 800;}
#pos_1760 ul li a:hover { color:#9f2743;}

#pos_1772 ul li { margin-bottom: 10px; font-size: 16px; width: 100%;}
#pos_1772 .inner { background-color: #eee;}
#pos_1772 ul li a {font-weight: 800;}
#pos_1772 ul li a:hover { color:#9f2743;}
/*Confirmation Page Quick Links*/


/*Call to Action Box*/
.cta-strip .secondary-heading {color: #fff;}
.cta-strip .heading {color: #04c1de;}
.cta-strip .intro {color: #ccc;}
.cta-strip html.no-touch .btn.c6-bg:hover {border-color: #0079c1; background-color: #0079c1}
/*Call to Action Box*/



/*Contact Page*/
.forms .heading {color: #4f585a !important;}
.forms .checkbox {display: inline-flex; margin-top: -0px;}
.checkbox label {padding-right: 20px !important;}
/*Contact Page*/

.apc {padding: 40px 0;}

.apc.text-with-slideshow ul.slick-dots { top: 20px;}


h1 { font-size: 41px; font-weight: 500; padding-bottom: 16px;}


/*Fonts*/
.heading {font-family: 'stix-two-math', serif !important;}
.h1 {font-family: 'stix-two-math', serif !important;}
h1 {font-family: 'stix-two-math', serif !important;}
.h2 {font-family: 'stix-two-math', serif !important;}
h2  {font-family: 'stix-two-math', serif !important;}
.h3  {font-family: 'stix-two-math', serif !important;}
h3  {font-family: 'stix-two-math', serif !important;}
.h4  {font-family: 'lato', sans-serif !important;}
h4  {font-family: 'lato', sans-serif !important;}
.h5  {font-family: 'lato', sans-serif !important;}
h5  {font-family: 'lato', sans-serif !important;}
p  {font-family: 'lato', sans-serif !important;}
body  {font-family: 'lato', sans-serif !important;}
/*Fonts*/


.heading, h1, h2, h3, h4, h5, h6, body .base-text h1, body .base-text h2, body .base-text h3, body .base-text h4, body .base-text h5, body .base-text h6, body .base-text .heading, .tables .head {
    color: #9f2743;
}


.BurgundyText {color: #9f2743;}
.BlackText {color: #202620;}
.YellowText {color: #ffae42;}
.WhiteText {color: #ffffff;} 
.HighlightText {color: #ffffff; background-color: #9f2743; padding: 1px 8px 4px;}


.heading.umbraco-forms-caption:not(.main) {
    color: #0b5a9c;
    font-weight: 800;
    font-size: 28px;
    margin-top: -6px;
    padding-bottom: 13px;
}



.TwentyPadding h4 {display: none;}


/* Responsive Styles */


/*Phone*/
@media screen and (max-width: 750px) and (min-width: 100px) {

    /*Tel Number to Appear at top of Mobile Devices*/
    .mobileOnly {display: block;}
    .mobileContact {text-align: center; display: block; padding: 15px 0px 10px; background-color: #9f2743;}
    .mobileContact a {font-weight: 800; color: #fff; width: 100%; letter-spacing: 1px;}
    .headNavMobile {margin-top:50px;}
    header #logo {top: 52px;}
    header a.expand {top: 48px;}
    header { min-height: 124px;}
    html.reveal-out header {padding: 0px 0 24px;}
    header nav.cta-link {margin-top: 73px;}
    .navigation nav.main>ul>li>span a {padding: 23px 25px;}
    html.nav-up:not(.reveal-out) header {top: -124px;}
    .apc.banner {margin-top: 50px;}
    /*Tel Number to Appear at top of Mobile Devices*/

    #content {
        margin-top: 75px;
    }

.TwentyPadding h4 {display: block; font-size: 27px; margin-bottom: 20px;}

.hideMobile {display: none;}
.mobileOnly {display: block;}

header #logo { width: 250px !important; height: 72px !important;}

body:not(.no-header) {
    padding-top: 49px;
}

.btn+.btn { margin-left: 0px;}

#site {margin-top: 36px;}

.navigation nav.main>ul>li>span a { padding: 22px 28px 38px;}

header #logo a { width: 188px !important; height: 64px !important;}
header #logo a {background-size: 188px 60px !important;}
header { height: 86px;}
header nav.cta-link { margin: 47px 14px 14px;}
header .site-search { top: 0px;}
header a.expand.active span:before, header a.expand.active span:after { background-color: #0079c1;}
header a.expand span:before, header a.expand span, header a.expand span:after  { background-color: #000;}
header a.expand.active span:before, header a.expand.active span:after {background-color: #9f2743;}

.navigation { margin-top: 33px;}
.navigation nav.top { top: -17px; margin-left: -9px;}
.navigation nav.top ul>li { margin: 8px 10px 0 10px; font-size: 20px;}
.navigation nav.top li a { padding-top: 0px; font-size: 22px;;}
.navigation nav.main>ul>li.has-child ul { width: 100%;}
.navigation nav.main ul li span.active a::before { background-color: #0079c1;}

.secondary-heading { margin-top: 0px; font-size: 14px;}

.apc.banner { margin: -20px 0px 0px;}
.apc.banner .item .image { background-position: 66%;}
.apc.banner .info .heading.main { font-size: 30px; line-height: 32px;}
.apc.banner .info .text :last-child { font-size: 17px; line-height: 22px;}
.apc.banner .secondary-heading {margin-bottom: 10px;}
.apc.banner .info .text+.link { margin: 12px 0 0;}
.apc {padding: 10px 0;}
.apc.banner h1 .LightBlueText { font-size: 45px !important;}
.takeover h1 { font-size: 45px;}

.accredLogos {    width: 129%;}

.slick-prev, .slick-next {background-color: #0079c1;}

.PaddingLeft30 { padding-left: 0px;}
.intro { font-size: 110%;}

.spc.blockquotes blockquote p { font-size: 15px; line-height: 22px; text-align: left;}


footer .quick-links { margin-left: 2px; padding-right: 3px;}
footer .quick-links ul li { width: 100%;}
footer {padding: 30px 15px;}
.yopaBaseLogo { width: 55%;}


label.umbraco-forms-label.no-padding { font-size: 14px;}

.standard-components .container-fluid { padding-right: 20px; padding-left: 20px;}

#pos_1209 .heading.main {font-size: 50px; line-height: 47px;}
#pos_1209 .text-side li { font-size: 14px; line-height: 22px;}
#pos_1209 {padding: 20px 0px 40px 0px;}

#pos_1485 {padding: 30px 20px 0px;}
#pos_1485 h3 { font-size: 24px; line-height: 14px;}
#pos_1485 a {    margin-bottom: 40px;}

#pos_1486 { padding: 20px 7px 40px;}
#pos_1486 .umbraco-forms-page p { margin-left: 0%; margin-right: 0%;}

.form-group.umbraco-forms-field.iamnotarobot.recaptcha2.alternating { margin-left: -34px;}

#pos_1488 {padding: 21px;}

#pos_1489 { padding: 35px 5px;}
#pos_1489 h3 { font-size: 32px; line-height: 38px;  margin-top: 4px;}
#pos_1489 .heading.main { font-size: 28px;}

#pos_1433 { padding: 25px 14px;}
#pos_1433 .heading.main { font-size: 32px;}
#pos_1433 .btn.c5-bg {width: 100%;}

#pos_1597, #pos_1640, #pos_1676, #pos_1685, #pos_1692, #pos_1698, #pos_1705, #pos_1711, #pos_1636, #pos_1655, #pos_1669 {  padding: 0px 20px 5px;}
#pos_1600, #pos_1601, #pos_1602, #pos_1643, #pos_1644, #pos_1680, #pos_1673, #pos_1724, #pos_1725, #pos_1726, #pos_1727, #pos_1728, #pos_1729  {  padding: 15px;}

#pos_1605 { padding: 35px 15px;}

#pos_1611 .text-side li { font-size: 14px; line-height: 21px;}
#pos_1611 .btn.c1-bg { width: 100%; margin-top: -35px;}

#pos_1614 { padding: 30px 15px;}
#pos_1629 { padding: 25px 0px;}


.grid-section h1 {font-size: 32px; padding-top: 16px;}
.grid-section blockquote { margin-top: 5px !important; font-size: 18px; line-height: 23px; margin-bottom: -13px !important;}
.GridBTN { padding: 15px;}
.GridBTN a { font-size: 22px; padding: 16px 9px; margin-top: -20px !important;}
.grid-section .column li {margin-left: 0px; margin-right: 15px;}

.apc.banner .item.short {height: 270px;}

h1 { font-size: 35px; line-height: 35px;}
#pos_1489 button.btn {    font-size: 13px;}

}
/*Phone*/






/*Tablet Portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  and (orientation : portrait) { 

    
    .hideMobile {display: none;}
    .mobileOnly {display: block;}
    .mobileContact {display: none;}
    
    body:not(.no-header) {
        padding-top: 49px;
    }
    
    .btn+.btn { margin-left: 0px;}
    
    #site {margin-top: 36px;}
    
    .navigation nav.main>ul>li>span a { padding: 22px 28px 38px;}
    
    header #logo a { width: 188px !important; height: 64px !important;}
    header #logo a {background-size: 188px 60px !important;}
    header { height: 86px;}
    header nav.cta-link { margin: 47px 14px 14px;}
    header .site-search { top: 0px;}
    header a.expand.active span:before, header a.expand.active span:after { background-color: #0079c1;}
    header a.expand span:before, header a.expand span, header a.expand span:after  { background-color: #000;}
    header a.expand.active span:before, header a.expand.active span:after {background-color: #9f2743;}
    
    .navigation { margin-top: -22px;}
    .navigation nav.top { top: -17px; margin-left: -9px;}
    .navigation nav.top ul>li { margin: 8px 10px 0 10px; font-size: 20px;}
    .navigation nav.top li a { padding-top: 0px; font-size: 22px;;}
    .navigation nav.main>ul>li.has-child ul { width: 100%;}
    .navigation nav.main ul li span.active a::before { background-color: #0079c1;}
    
    .secondary-heading { margin-top: 0px; font-size: 14px;}
    
    .apc.banner { margin: -20px 0px 0px;}
    .apc.banner .item .image { background-position: 66%;}
    .apc.banner .info .heading.main { font-size: 30px; line-height: 32px;}
    .apc.banner .info .text :last-child { font-size: 17px; line-height: 22px;}
    .apc.banner .secondary-heading {margin-bottom: 10px;}
    .apc.banner .info .text+.link { margin: 12px 0 0;}
    .apc {padding: 10px 0;}
    .apc.banner h1 .LightBlueText { font-size: 45px !important;}
    .takeover h1 { font-size: 45px;}
    
    .accredLogos {    width: 129%;}
    
    .slick-prev, .slick-next {background-color: #0079c1;}
    
    .PaddingLeft30 { padding-left: 0px;}
    .intro { font-size: 110%;}
    
    .spc.blockquotes blockquote p { font-size: 15px; line-height: 22px; text-align: left;}
    
    
    footer .quick-links { margin-left: 2px; padding-right: 3px;}
    footer .quick-links ul li { width: 100%;}
    footer {padding: 30px 15px;}
    .yopaBaseLogo { width: 28%;}
    
    
    label.umbraco-forms-label.no-padding { font-size: 14px;}
    
    .standard-components .container-fluid { padding-right: 20px; padding-left: 20px;}
    
    #pos_1209 .heading.main {font-size: 50px; line-height: 47px;}
    #pos_1209 .text-side li { font-size: 14px; line-height: 22px;}
    #pos_1209 {padding: 20px 0px 40px 0px;}
    
    #pos_1485 {padding: 30px 20px 0px;}
    #pos_1485 h3 { font-size: 24px; line-height: 14px;}
    #pos_1485 a {    margin-bottom: 40px;}
    
    #pos_1486 { padding: 20px 7px 40px;}
    #pos_1486 .umbraco-forms-page p { margin-left: 0%; margin-right: 0%;}
    
    .form-group.umbraco-forms-field.iamnotarobot.recaptcha2.alternating { margin-left: -34px;}
    
    #pos_1488 {padding: 21px;}
    
    #pos_1489 { padding: 35px 5px;}
    #pos_1489 h3 { font-size: 32px; line-height: 38px;  margin-top: 4px;}
    #pos_1489 .heading.main { font-size: 28px;}
    
    #pos_1433 { padding: 25px 14px;}
    #pos_1433 .heading.main { font-size: 32px;}
    #pos_1433 .btn.c5-bg {width: 100%;}
    
    #pos_1597, #pos_1640, #pos_1676, #pos_1685, #pos_1692, #pos_1698, #pos_1705, #pos_1711, #pos_1636, #pos_1655, #pos_1669 {  padding: 0px 20px 5px;}
    #pos_1600, #pos_1601, #pos_1602, #pos_1643, #pos_1644, #pos_1680, #pos_1673, #pos_1724, #pos_1725, #pos_1726, #pos_1727, #pos_1728, #pos_1729  {  padding: 15px;}
    
    #pos_1605 { padding: 35px 15px;}
    
    #pos_1611 .text-side li { font-size: 14px; line-height: 21px;}
    #pos_1611 .btn.c1-bg { width: 100%; margin-top: -35px;}
    
    #pos_1614 { padding: 30px 15px;}
    #pos_1629 { padding: 25px 0px;}
    
    
    .grid-section h1 {font-size: 32px; padding-top: 16px;}
    .grid-section blockquote { margin-top: 5px !important; font-size: 18px; line-height: 23px; margin-bottom: -13px !important;}
    .GridBTN { padding: 15px;}
    .GridBTN a { font-size: 22px; padding: 16px 9px; margin-top: -20px !important;}
    .grid-section .column li {margin-left: 0px; margin-right: 15px;}
    
    .apc.banner .item.short {height: 270px;}
    
    h1 { font-size: 35px; line-height: 35px;}
    #pos_1489 button.btn {    font-size: 13px;}

}
/*Tablet Portrait*/





/*Tablet Landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  and (orientation : landscape) { 

    .mobileContact {display: none;}

    .navigation nav.main>ul>li>span a {
        padding: 29px 15px;
        font-size: 16px; }

    .navigation nav.main>ul>li.has-child>span a {
            padding-right: 20px;
        }

    html.touch .navigation nav.main>ul>li.has-child>span a {  padding-right: 30px; }

        header nav.cta-link a.btn {padding: 15px 9px;}
        header nav.cta-link a.btn {    font-size: 13px;}
    
nav.footer ul {
    font-size: 14px;
    line-height: 24px;
}

}
/*Tablet Landscape*/