/* font google */
@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSansRegular.eot');
    src: url('fonts/OpenSansRegular.eot') format('embedded-opentype'),
         url('fonts/OpenSansRegular.woff2') format('woff2'),
         url('fonts/OpenSansRegular.woff') format('woff'),
         url('fonts/OpenSansRegular.ttf') format('truetype'),
         url('fonts/OpenSansRegular.svg#OpenSansRegular') format('svg');
}

/*fonts*/
@font-face {font-family: 'FontAwesome';src: url('../fontawesome/fontawesome-webfont.eot?v=4.7.0');src: url('../fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fontawesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fontawesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fontawesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight: normal;font-style: normal;font-display:swap;}
body{/*font-family: 'Open Sans', sans-serif;*/ font-family: 'OpenSansRegular'; color:#3c3d35;}
h1 {font-family: 'JustusPro-Regular', 'Open Sans', Arial, sans-serif; font-size: 26px;font-weight:400;color:#3c3d35;}
h3 {font-family: 'JustusPro-Regular', 'Open Sans', Arial, sans-serif; font-size: 30px;font-weight:400;color:#3c3d35; line-height: 36px}
h4 {font-family: 'JustusPro-Regular', 'Open Sans', Arial, sans-serif; font-size: 24px;font-weight:400;color:#3c3d35;}
h5 {font-family: 'JustusPro-Regular', 'Open Sans', Arial, sans-serif; font-size: 16px;font-weight:400;color:#3c3d35;}
.tel-area h4 {font-family: 'Open Sans', Arial, sans-serif; font-size: 21px;font-weight:500;color:#3c3d35;}
.tel-area h4 a {font-weight:700;color:#3c3d35;cursor:pointer;}
.justus {font-family: 'JustusPro-Regular', 'Open Sans', Arial, sans-serif;}
.shoutout {font-size:24px;}
p.testimonals {font-size:14px;color:#3c3d35}
a {font-weight: normal;line-height: 22px;border-bottom: 2px solid #2AA779;color:inherit;}
a:hover{font-weight:bold;text-decoration:none;color:inherit;}
.remove-underline {border:none;}
h2.result-output{font-size: 68px;}
/*Colors*/
.primary-color{color:#2AA779;}
.secondary-color{color:#3C3D35;}
.bower-red{color:#a95854;}
.results-bg-overlays{background-color: rgba(255,255,255, 0.80);box-shadow: 0 0 0.8rem 0 rgba(0,0,0,0.20);}
/*backgrounds*/
.primary-color-bg{background-color:#2AA779;}
.primary-color-bg-toned-down{background-color:#D9E6B2;}
.secondary-color-bg{background-color:#3C3D35;}
.Tertiary-color-bg{background-color:#F8F7F7;}
.bower-red-bg{background-color:#a95854;}
/* Borders */
.thick-left{border-left:7px solid #2AA779;}
.thin-right{border-right:1px solid #2AA779;}
.thin-bottom{border-bottom:2px solid #2AA779}
/* forms */
form{color:#fff;font-family: 'Open Sans', sans-serif;font-size:18px;line-height:24px;}
.form-control{border-radius:0;}
form label.error{color:#ef7521;border-top: 3px solid #ef7521;display: block;}
/* Buttons */
.btn{color:#fff;font-weight:bold;}
.btn:hover{background-color:#2AA779;}
a.cnt-btn{color:#3c3d35;font-weight: bold; border:0;}
a.cnt-btn:hover{background-color:#a95854;color:#fff;font-weight: bold; border:0;}
a.results-btn{font-size:16px;}
a.results-btn:hover{background-color:#a95854;color:#fff;font-weight: bold; border:0;}
.btn-orange{background-color:orange;}
/* lists */
ul{list-style-type: none;}
ul li{font-size:14px;font-weight: 500;margin-bottom: 1rem;margin-top: 2rem;}
ul li:before {content:"\f00c";font-family: FontAwesome;padding: 6px 6px;border-radius: 16px;background-color: #2AA779;color: #fff;margin-right: 10px;margin-left: -32px;}
.line-height-small li{font-size: 16px;}
/* UI */
.progress-steps:before{margin-right: 5px;content: "\f054";font: 14px/1 "FontAwesome";}
.opacity{opacity: 0.70;}
.testimonals:before {content: "“";left:25px;top:-11px;display: block;padding: 0;position: absolute;color: #2AA779;font-style: italic;font-weight:bold;font-size: 50px;}
.testimonals:after {content: "„";right:42px;bottom:62px;display: block;padding: 0;position: absolute;color: #2AA779;font-style: italic;font-weight:bold;font-size: 50px;}
.speech:before {content: url(/../img/qoutes.png); margin-right:2%;}
.speech {line-height:40px;}
.formLoading { position: fixed; width: 100%; height: 100%; background: rgba(255,255,255,0.8) url(/wp-content/themes/bowerstrap/images/green-loader.gif)no-repeat center center; display: none; z-index: 9999; }

.mobile-only{display:none;}
@media (max-width:575px){
    .bower-logo{display: block;margin:1rem auto 0rem auto!important;}
/*     header .free-phone-desktop, .mobile-hide .free-phone-desktop{display: none;}  */
    .mobile-only{/*display:block;*/padding:0 30px;}.mobile-only h1{padding:0 30px;}
	.row.tel-area.mobile-clone.free-phone-desktop.mobile-only {order:1;}
    .container.pl-1.mobile-clone.free-phone-desktop.mobile-only {order: 2;}
    .container.pl-1.mobile-clone.free-phone-desktop.mobile-only h1 {padding-left: 1.25rem;}
    .append-mobile .secondary-color-bg.p-1.pt-3.pb-3 {order: 3;}
	.append-mobile.col-xl-8.p-0 {/*order: 2; */ display: flex;flex-wrap: wrap;}
}

/*Actual brand colours*/
.primary-colour-1{background-color:#2AA779; color:#3c3d35}
    .primary-colour-1:hover{background-color:rgba(150, 193, 30, 0.9); color:#3c3d35}
.primary-colour-2{background-color:#3c3d35; color: #ffffff;}
    .primary-colour-2:hover{background-color:rgba(59, 60, 52, 0.9); color: #ffffff;}
.secondary-colour-1{background-color:#ef7521; color:#3C3D35}
    .secondary-colour-1:hover{background-color:rgba(239, 115, 33, 0.9); color:#3C3D35}
.secondary-colour-2{background-color:#888e36; color: #ffffff;}
    .secondary-colour-2:hover{background-color:rgba(136, 142, 54, 0.9); color:#ffffff}
.secondary-colour-3{background-color:#5b5e33; color: #ffffff;}
    .secondary-colour-3:hover{background-color:rgba(91, 94, 51, 0.9); color:#ffffff}
    
/*Calc Form css*/
#formCalculator .form-control { border-radius: 0px !important; }
#formCalculator .form-control:focus { outline: 0 !important; box-shadow: none !important; border: 4px solid #ff001880 !important; }
#formCalculator .error .form-control { padding-right: calc(1.5em + 0.75rem); background: url(/wp-content/themes/bowerstrap/images/error-icon.svg) #fff !important; background-repeat: no-repeat !important; background-position: right calc(0.375em + 0.1875rem) center !important; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important; }
#formCalculator label.error { border-top: none !important; }
#formCalculator label.error { border-top: none !important; color: #ff0000; font-size: 15px; }
#formCalculator .valid .form-control { padding-right: calc(1.5em + 0.75rem); background: url(/wp-content/themes/bowerstrap/images/valid-icon.svg) #fff !important; background-repeat: no-repeat !important; background-position: right calc(0.375em + 0.1875rem) center !important; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important; }
#formCalculator .valid .form-control:focus { outline: 0 !important; box-shadow: none !important; border: 4px solid #86be0080 !important; }