/********************************* OVERALL STYLING ************************************/ html{ font-family: 'Lato', sans-serif; color:#6D6E70; font-size:18px; } h1 { font-family: 'Asap', sans-serif; font-weight: 600; } h2 { font-family: 'Asap', sans-serif; font-size: 45px; color: #1f3873; /*margin-bottom: 20px;*/ } h3 { font-family: 'Asap', sans-serif; font-size: 30px; } .errorheading { color: #1f3873; } p{ font-size:1.2rem; font-weight:400; /*letter-spacing: 1px; line-height: 170%; */ } .strong { color: #1f3873; font-family: 'Asap', sans-serif; font-weight: 600; } a{ color:#6d6e70; } blockquote{ margin:0; } @media screen and (max-width:1500px){ p{ font-size:1rem; } } @media screen and (max-width:1024px){ p{ font-size:0.9rem; } } @media screen and (max-width:599px){ h2 { font-size: 35px; } h3 { font-size: 28px; } } /*@media screen and (max-width:479px){ p{ font-size:0.8rem; } }*/ #default-page-main-content-wrapper p, #default-page-main-content-wrapper a, #default-page-main-content-wrapper li, #default-page-main-content-wrapper span, #default-page-main-content-wrapper td{ font-size:1.0rem; } #default-page-main-content-wrapper a{ word-break: break-all; } #default-page-main-content-wrapper #who-is-it-for a{ word-break: normal; padding: 6px 29px; } #default-page-main-content-wrapper li{ /* color:#11183e; */ } @media screen and (max-width:1099px){ #default-page-main-content-wrapper{ margin-top:150px; } } @media screen and (max-width:1023px){ #default-page-main-content-wrapper{ margin-top:100px; } } /*********************** FORMS ***********************/ .form-field{ padding-right:20px; } input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="password"], input[type="search"], textarea, select{ border-bottom: 2px solid #67A8C5; border-left: none; border-right: none; border-top:none; font-size:0.9rem; } input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { border-color:#0FB3F0; } form .required-field, form .sensitive-data{ font-size:0.85rem; } span.wpcf7-form-control-wrap{ width:calc(100% - 10px); margin: 0 5px 10px; } span.wpcf7-form-control-wrap:first-of-type{ margin-right:5px; } .form-rows-2 span.wpcf7-form-control-wrap{ width: calc(50% - 10px); } .form-rows-2 span.wpcf7-form-control-wrap:nth-of-type(2n+1){ clear:left; } .form-rows-3 span.wpcf7-form-control-wrap{ width: calc(33.3% - 10px); } .form-rows-3 span.wpcf7-form-control-wrap:nth-of-type(3n+1){ clear:left; } input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="password"], input[type="search"], textarea, select{ margin:0; border-color:#eeeeee; transition:border-color .3s; font-weight: 200; background-color: transparent; } input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus{ border-color:#0FB3F0; font-family: 'Asap', sans-serif; font-weight: 600; } input[type="submit"], button[type="submit"]{ /*margin: 0 auto;*/ border: 1px #86d6de solid; width: 210px; display: block; color: #1a4176; background: #fff; padding: 5px 0; font-weight: 700; font-size: 1.0rem; border-radius: 50px; transition:background-color .3s; float: right; } .bg-image-with-text-image-overlay-form input[type="submit"], button[type="submit"]{ border: 1px white solid; width: 210px; display: block; color: #1a4176; background:white; padding: 5px 0; font-weight: 700; font-size: 1.0rem; border-radius: 50px; transition:background-color .3s; float: right; margin-top: 50px; } .desktop-device .bg-image-with-text-image-overlay-form input:hover[type="submit"], .desktop-device .bg-image-with-text-image-overlay-form button[type="submit"]:hover{ background-color:transparent; } .desktop-device input:hover[type="submit"], .desktop-device button[type="submit"]:hover{ background-color:#75d0d6; } .form-text{ font-size: 0.9rem; letter-spacing: 0; } span.wpcf7-not-valid-tip{ margin-bottom:0; } @media screen and (max-width:767px){ .form-rows-3 span.wpcf7-form-control-wrap:nth-of-type(3n+1){ clear:none; } .form-rows-3 span.wpcf7-form-control-wrap{ width:calc(50% - 10px); } .form-rows-3 span.wpcf7-form-control-wrap:nth-of-type(2n+1){ clear:left; } } @media screen and (max-width:479px){ .form-rows-3 span.wpcf7-form-control-wrap{ width:calc(100% - 10px); } .form-text, #footer-legal *{ font-size: 0.8rem; } } /*********************** FORMATTING STYLES FOR THIS WEBSITE ***********************/ .section-heading, .sub-heading{ float:left; width:100%; } .section-heading{ margin-bottom: 30px; font-size: 2.5rem; line-height: 120%; font-weight: 300; color: #1a4176; letter-spacing: 2px; } .sub-heading{ margin-bottom:20px; font-size:1.3rem; font-weight:800; line-height:120%; } .body-text-small{ font-size:0.8rem; } .section-intro-text p{ text-align:center; color:#1a4176; font-size: 1.1rem; letter-spacing: 0; } @media screen and (max-height:767px){ .section-heading{ font-size:2.5rem; } .sub-heading{ font-size:1.2rem; } } @media screen and (max-width:1499px){ .section-heading{ font-size:2.2rem; } } @media screen and (max-width:1499px){ .section-heading{ font-size:2rem; } } @media screen and (max-width:1299px){ .section-heading{ font-size:1.9rem; } } @media screen and (max-width:1199px){ .section-heading{ font-size:1.8rem; } } @media screen and (max-width:1023px){ .section-heading{ font-size:1.7rem; } } @media screen and (max-width:767px){ .section-heading{ font-size:1.5rem; } .sub-heading{font-size:1.1rem; } .section-intro-text p{ font-size:1rem; } } @media screen and (max-width:479px){ .section-heading{ font-size:1.3rem; } .sub-heading{ font-size:1rem; } .section-intro-text p{ font-size:0.9rem; } } /****************************** HEADER SECTION ****************************/ #site-header, #sticky-header, /* #header-right, */ #header-top-site-logo img { -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; } #site-header{ z-index:100; } /* header standard custom styles */ .site-header{ } .header-background{ } .sticky-header{ } .inner-header-container{ } .logo-container{ width: 10rem; transition: all 0.3s; } .logo-container .logo-image{ /*width: 10rem;*/ transition: all 0.3s; } .logo-container .scrolled-logo-image{/* width: 10rem;*/ transition: all 0.3s; } .scrolled-down .site-header .logo-container{ width: 6rem; } .scrolled-down .logo-image{ transition: all 0.3s; } .scrolled-down .scrolled-logo-image{ transition: all 0.3s; } .menu{ list-style: none; margin: 0 0 1rem; } .mega-menu-container{ padding: 2rem; } .mm-fade .menu-toggle.active{ top: 15px; right: 15px; transition: all 0.3s; } .mm-slide-top.menu-active{ height: 90vh; } .mm-slide-left{ } .mm-slide-left.menu-active{ width: 90vw; left:0; } .mm-slide-right{ } .mm-slide-right.menu-active{ width: 90vw; right:0; } .mega-menu-inner-container{ max-width: 1200px; } .mm-right-aligned-inner .menu-toggle.active{ left: 15px; } .mm-logo-container{ margin: 0 0 1rem; } .mm-search-bar{ max-width: 600px; } .mm-search-bar .search-form{ } .mm-search-bar .search-form label{ width: calc(100% - 10rem); } /***** MAIN NAV *****/ #site-navigation .menu{ margin:0; } #site-navigation .menu > li{ margin-right: 50px; float: left; width:auto; position: relative; } #site-navigation .menu > li > a { padding:0 0 5px 0; font-size:1rem; font-weight: 600; transition:all .3s; border-bottom: 1px solid transparent; float:left; width:100%; text-decoration: none; text-align:center; } .desktop-device #site-navigation .menu > li > a:hover{ border-bottom: 1px solid #75d0d6; } #site-navigation .menu > li > ul > li > a{ text-align:left; } #site-navigation .menu > li.current_page_item > ul > li > a{ text-transform:none; } /* Nav bar */ .main-navigation { display: block; position:relative; z-index:2000; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; } /* Top - large screen */ #site-header{ height:175px; position: absolute; } #sticky-header{ height:300px; transition:all .3s; } #site-logo img{ width: auto; transition:all .3s; } /* IE */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #site-logo img{ width: 180px; height: auto; } .alternative-site-header #site-logo img{ width: 180px; height: auto; min-width: 180px; } .ie-style { margin-top: 50px; } } @supports (-ms-ime-align: auto) { .alternative-site-header #site-logo img{ width: 180px; height: auto; min-width: 180px; } } @-moz-document url-prefix() { .alternative-site-header #site-logo img{ width: 180px; height: auto; min-width: 180px; } } .alternative-site-header .scrolled-down .menu-toggle{ top: 20px; } .blog #default-page-main-content-wrapper{ margin-top: 0px; } /* Scrolled down - large screen */ .scrolled-down #site-header{ height:70px; } .scrolled-down #sticky-header{ height:100px; border-bottom:1px solid #75d0d6; background-color:#fff; } .scrolled-down #site-logo img{ height:50px; width: auto; min-width: 80px; margin-top: 5px; transition:all .3s; } @media screen and (max-width:1799px){ #site-header{ } } @media screen and (max-width:1549px){ #site-navigation .menu > li { margin-right: 40px; } } @media screen and (max-width:1449px){ #site-navigation .menu > li { margin-right: 30px; } #site-navigation .menu > li > a{ font-weight: 500; } } @media screen and (max-width:1299px){ #site-navigation .menu > li > a { font-size: 0.9rem; } } @media screen and (max-width:1199px){ #site-navigation .menu > li > a{ font-size: 0.8rem; } } @media screen and (max-width:1099px){ #site-navigation .menu > li { margin-right:20px; } } @media screen and (max-width:1023px){ #site-header{ height:100px; } #sticky-header{ height:100px; } #site-logo img{ height:70px; margin-top: 0px; } .main-navigation{ height:0; } #site-navigation .menu{ margin:0; } #site-navigation .menu > li{ } /* Scrolled down */ .scrolled-down #site-header{ height:70px; } .scrolled-down #sticky-header{ height:90px; } .scrolled-down #site-logo img{ height:50px; } .scrolled-down .main-navigation{ height:0; } .scrolled-down .menu-toggle{ top: 0px; } } @media screen and (max-height:479px){ #site-header{ height:70px; } #sticky-header{ height:70px; } #site-logo img{ height:50px; width: 100px; } .scrolled-down .menu-toggle{ top: 10px; } } /*************** MOBILE MENU *************/ #mobile-menu{ left:0; width:100vw; height:100vh; padding:20px; opacity:0; z-index:-1; transition:all .5s; } #mobile-menu.active { opacity: 1; z-index: 10; left:0; } #mobile-menu ul li{ margin-bottom: 20px; text-align: center; } #mobile-menu ul li a{ font-size: 2rem; color: #19457f; font-weight: 300; transition:color .3s; } .desktop-device #mobile-menu ul li a:hover{ color:#75d0d6; } #mobile-menu{ left:-250px; width:250px; z-index:3; -webkit-transition:left .5s; -moz-transition:left .5s; -o-transition:left .5s; transition:left .5s; } #mobile-menu h4{ } #menu-main-nav{ margin:0 0 20px; } #menu-main-nav li{ } #menu-main-nav li a{ float:left; width:100%; padding:5px 0; text-align:center; } @media screen and (min-width:1024px){ #mobile-menu{ opacity:0 !important; z-index:-1 !important; } } @media screen and (max-width:767px){ #mobile-menu ul li a{ font-size: 1.6rem; } } @media screen and (max-height:767px){ #mobile-menu ul li a{ font-size: 1.6rem; } } @media screen and (max-width:479px){ #mobile-menu ul li a{ font-size: 1.4rem; } } @media screen and (max-height:599px){ #mobile-menu ul li a{ font-size: 1.4rem; } } @media screen and (max-height:479px){ #mobile-menu ul li{ margin-bottom:15px; } #mobile-menu ul li a{ font-size: 1.2rem; } } @media screen and (max-height:399px){ #mobile-menu ul li{ margin-bottom:10px; } #mobile-menu ul li a{ font-size: 1.1rem; } } /*********************************** SIDE MENU ***********************************/ #side-nav-wrapper{ top: 30%; left: 30px; width: 17px; z-index: 2; } .menu-side-menu-container{ } #side-menu{ margin: 0; list-style: none; } #side-menu > li{ margin-bottom: 30px; } #side-menu > li > a{ text-indent: -5000px; float: left; width: 15px; height: 15px; border-radius: 50%; border: 1px solid #1a4176; transition:all .3s; } .desktop-device #side-menu > li > a:hover, .desktop-device #side-menu > li.active > a{ border-color: #75d0d6; background-color: #75d0d6; } .alternate#side-menu > li > a{ border-color: #75d0d6; } .desktop-device #side-menu.alternate > li.active > a{ border-color: #75d0d6; background-color: #75d0d6; } @media screen and (max-height:599px){ #side-nav-wrapper{ top: 25%; } #side-menu > li { margin-bottom: 25px; } } @media screen and (max-height:479px){ #side-nav-wrapper{ top: 23%; } #side-menu > li { margin-bottom: 20px; } } @media screen and (max-height:399px){ #side-menu > li { margin-bottom: 15px; } } @media screen and (max-width:479px){ #side-nav-wrapper{ left:15px; } } /**************************** Hero *****************************/ /* Text align options */ .hero-mask-center{ text-align: center; } .hero-mask-left{ text-align: left; } .hero-mask-right{ text-align: right; } /* DARK mask options */ .hero-mask-dark{ position: absolute; top: 0; left: 0; width: 100%; height:80vh; background-color: rgba(0,0,0,0.7); z-index: 5; } .hero-dark-content{ color: white; } .hero-link-dark{ background-color: white; border-radius: 30px; padding: 10px 20px; margin-right: 10px; } .hero-link-dark:hover{ background-color: black; } /* LIGHT mask options */ .hero-mask-light{ position: absolute; top: 0; left: 0; width: 100%; height:80vh; background-color: rgba(212,212,212,0.70); z-index: 5; } .hero-light-content{ color: black; } .hero-link-light{ background-color: black; border-radius: 30px; padding: 10px 20px; margin-right: 10px; } .hero-link-light:hover { background-color: white; } /**************************** FOOTER *****************************/ #footer-content-wrapper, #contact-form{ border-top: solid 2px #1f3873; } #site-footer *{ font-size: 0.9rem; font-weight: 300; letter-spacing: 0; line-height: 180%; } #site-footer .strong{ font-family: 'Asap', sans-serif; font-weight:600; color: #1f3873; margin-bottom: 0px; } #site-footer ul{ list-style:none; float:left; } #site-footer a{ float:none; transition:color .3s; } #site-footer .footer-partners-logo img{ max-width: 60px; } .desktop-device #site-footer a:hover{ } #footer-column-1{ padding-right:5%; padding-bottom:50px; } #footer-column-2{ padding-right:5%; padding-bottom:50px; } #footer-column-3{ padding-right:5%; padding-bottom:50px; } #footer-column-4{ padding-right:5%; padding-bottom:50px; } #footer-contact-address{ color: #1f3873; } #footer-contact-phone{ font-family: 'Asap', sans-serif; font-weight: 600; color: #1f3873; margin-bottom: 0px; } #footer-contact-email{ font-family: 'Asap', sans-serif; font-weight: 600; color: #1f3873; } #footer-legal { text-align: center; } .footer-contact-text { color: #1f3873; font-size: 0.9rem; } #contact-form-column-1 { padding: 15px 75px; } .contact-us-text-line { display: flex; margin-left: auto; margin-right: auto; height: 1px; width: 50px; background-color: #67A8C5; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #1f3873 !important; opacity: 1; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #1f3873 !important; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #1f3873 !important; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #1f3873 !important; opacity: 1; } @media screen and (max-width:1023px){ #site-footer #footer-column-1, #site-footer #footer-column-2, #site-footer #footer-column-3, #site-footer #footer-column-4{ width: 50%; padding-right: 5%; } #footer-column-3{ clear:left; } #contact-form-column-1{ padding: 25px; word-break: break-all; } } @media screen and (max-width:549px){ #site-footer #footer-column-1, #site-footer #footer-column-2, #site-footer #footer-column-3, #site-footer #footer-column-4{ width: 100%; padding-right: 0; } } @media screen and (max-width:400px){ .footer-contact-text{ font-size: 0.9rem !important; } } /**************************** /FOOTER *****************************/ /***************************** SOCIAL ******************************/ [class^="i"]::before, [class*=" i"]::before{ font-size:1.4rem; } .social-media-block{ list-style:none; width:auto; } .social-media-block i.fab{ font-size: 1.75rem !important; margin-top: 10px; } #pop-out-social-media .social-media-block i.fab.fa-facebook, #pop-out-social-media .social-media-block i.fab.fa-twitter, #pop-out-social-media .social-media-block i.fab.fa-linkedin, #pop-out-social-media .social-media-block i.fab.fa-google-plus, #pop-out-social-media .social-media-block i.fab.fa-youtube, #pop-out-social-media .social-media-block i.fab.fa-pinterest, #pop-out-social-media .social-media-block i.fab.fa-instagram, #pop-out-social-media .social-media-block i.fab.fa-tumblr-square, #pop-out-social-media .social-media-block i.fab.fa-flickr, #pop-out-social-media .social-media-block i.fab.fa-reddit-square, #pop-out-social-media .social-media-block i.fab.fa-snapchat-square, #pop-out-social-media .social-media-block i.fab.fa-whatsapp-square, #pop-out-social-media .social-media-block i.fab.fa-vimeo-square, #pop-out-social-media .social-media-block i.fab.fa-vimeo-square, #pop-out-social-media .social-media-block i.fab.fa-periscope, #pop-out-social-media .social-media-block i.fab.fa-stumbleupon-circle, #pop-out-social-media .social-media-block i.fab.fa-delicious, #pop-out-social-media .social-media-block i.fab.fa-viber{ color: #FFFFFF; } i.fab.fa-facebook { color: #4267b2; } i.fab.fa-twitter{ color: #38A1F3; } i.fab.fa-linkedin{ color: #0077B5; } i.fab.fa-google-plus{ color: #e04a39; } i.fab.fa-youtube{ color: #FF0000; } i.fab.fa-pinterest{ color: #cc2129; } i.fab.fa-instagram{ color: #bc2a8d; } i.fab.fa-tumblr-square{ color: #31506d; } i.fab.fa-flickr{ color: #f01385; } i.fab.fa-reddit-square{ color: #ff4500; } i.fab.fa-snapchat-square{ color: #fffb00; } i.fab.fa-whatsapp-square{ color: #12af0a; } i.fab.fa-vimeo-square{ color: #1db8f0; } i.fab.fa-vimeo-square{ color: #09b47f; } i.fab.fa-periscope{ color: #42adcd; } i.fab.fa-stumbleupon-circle{ color: #ea4b24; } i.fab.fa-delicious{ color: #285ba6; } i.fab.fa-viber{ color: #7c529e; } i.fab.fa-facebook:hover{ color: #4267b2; } i.fab.fa-twitter:hover{ color: #38A1F3; } i.fab.fa-linkedin:hover{ color: #0077B5; } i.fab.fa-google-plus:hover{ color: #e04a39; } i.fab.fa-youtube:hover{ color: #FF0000; } i.fab.fa-pinterest:hover{ color: #cc2129; } i.fab.fa-instagram:hover{ color: #bc2a8d; } i.fab.fa-tumblr-square:hover{ color: #31506d; } i.fab.fa-flickr:hover{ color: #f01385; } i.fab.fa-reddit-square:hover{ color: #ff4500; } i.fab.fa-snapchat-square:hover{ color: #fffb00; } i.fab.fa-whatsapp-square:hover{ color: #12af0a; } i.fab.fa-vimeo-square:hover{ color: #1db8f0; } i.fab.fa-vimeo-square:hover{ color: #09b47f; } i.fab.fa-periscope:hover{ color: #42adcd; } i.fab.fa-stumbleupon-circle:hover{ color: #ea4b24; } i.fab.fa-delicious:hover{ color: #285ba6; } i.fab.fa-viber:hover{ color: #7c529e; } /***************************** /SOCIAL ******************************/ /***************************** BUTTONS ***************************/ /* text colours */ .white-text { color: white; } .dark-blue-text { color: #1f3873; } .light-blue-text { color: #76c8e7; } /* standard button */ .default-cta-button { margin: 0 auto; border: 1px #76c8e7 solid; width: 250px; color: #1a4176; background: #fff; padding: 6px 50px; border-radius: 50px; font-weight: 600; text-align: center; } .default-cta-button:hover{ background: #86d6de; } /* modifications to standard button */ .teaser-content-blog-button .default-cta-button { padding: 6px 30px; } /* white border */ .white-border-cta { margin: 0 auto; border: 1px white solid; width: 250px; background: transparent; padding: 6px 50px; border-radius: 50px; font-weight: 600; text-align: center; } .white-border-cta:hover { color: #76c8e7; background: white; } /* modifications to white border button */ .product-bg-image-with-text-mask-overlay .white-border-cta { padding: 6px 70px; } .block-two-column-at-a-glance-green-bg-heading .white-border-cta, .block-two-column-at-a-glance-blue-bg-heading .white-border-cta { padding: 6px 30px; width: auto; max-width: 250px; } @media screen and (max-width:1024px){ /* .block-two-column-at-a-glance-green-bg-heading .white-border-cta, .block-two-column-at-a-glance-blue-bg-heading .white-border-cta { margin-left: 140px; } */ .block-two-column-at-a-glance-green-bg-heading .white-border-cta, .block-two-column-at-a-glance-blue-bg-heading .white-border-cta { margin: 10px; } } /* @media screen and (max-width:799px){ .block-two-column-at-a-glance-green-bg-heading .white-border-cta, .block-two-column-at-a-glance-blue-bg-heading .white-border-cta { margin-left: 0px; } } */ /* @media screen and (max-width:599px){ .block-two-column-at-a-glance-green-bg-heading .white-border-cta, .block-two-column-at-a-glance-blue-bg-heading .white-border-cta { display: none; } } */ /* light blue border */ .light-blue-border-cta{ margin: 0 auto; border: 1px #76c8e7 solid; width: 200px; background: transparent; padding: 6px 50px; border-radius: 50px; font-weight: 600; } .light-blue-border-cta:hover{ background: #76c8e7; } /* team */ .team-button-cta{ margin: 0 auto; border: 1px #76c8e7 solid; width: 200px; background: #76c8e7; padding: 6px 50px; border-radius: 50px; font-weight: 600; } .team-button-cta:hover{ background: transparent; } /* modifications to light blue button */ .news-content-blog-button .light-blue-border-cta, .post-teaser-content-blog-button .light-blue-border-cta, .teaser-content-blog-button .light-blue-border-cta{ padding: 6px 30px; } /* hero button */ .hero-button{ margin: 0 auto; padding: 6px 65px; font-weight: 600; font-size: 0.9rem; float:left; } @media screen and (max-width:699px){ .white-border-cta{ padding: 6px 35px; } .light-blue-border-cta{ padding: 6px 35px; } .default-cta-button{ padding: 6px 35px; } } @media screen and (max-width:499px){ .hero-button{ display: none; } } /***************************** Heading line ***************************/ .team-member-text-line{ display: flex; margin-left: auto; margin-right: auto; height: 1px; width: 50px; background-color: #76c8e7; } /***************************** Testimonial ***************************/ .testimonials-box{ padding: 60px; } /* .testimonials-box-line { height: 400px; width: 1px; background-color: #ededed; position: absolute; left: 50%; top: 20px; } */ /* .slick-active */ .bn_testimonials-teasers .testimonials-box{ border-right: 1px #ededed solid; } .teaser-content-title{ margin-top: 50px; } .teaser-quote-marks-left{ background-image: url("../img/assets/quote-marks-left.png"); height: 40px; width: 42px; position: absolute; top: 40px; margin-left: -45px; background-size: cover; } .teaser-quote-marks-right{ background-image: url("../img/assets/quote-marks-right.png"); height: 40px; width: 42px; background-size: cover; margin-left: 370px; } @media screen and (max-width:1089px){ .teaser-quote-marks-right{ margin-left: 300px; } } @media screen and (max-width:799px){ .testimonials-box-line{ display: none; } .teaser-quote-marks-right{ margin-left: 500px; } .bn_testimonials-teasers .testimonials-box{ border-right: none; } } @media screen and (max-width:688px){ .teaser-quote-marks-right{ margin-left: 300px; } } @media screen and (max-width:450px){ .teaser-quote-marks-right{ margin-left: 200px; } .teaser-quote-marks-left{ margin-left: 0px; top: 0px; position: inherit; } .testimonials-box{ padding: 0px; } } /***************************** contact popout box ******************************/ .callback-popout-wrapper{ width: 50%; position: fixed; top: 100px; right: calc(100px - 50%); padding: 3% 2% 30px 10%; height: calc( 2 * (23vw * 0.238)); z-index: 101; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; overflow-x: hidden; -webkit-animation: callback-popout-contact-poke 5s ease infinite; -moz-animation: callback-popout-contact-poke 5s ease infinite; -o-animation: callback-popout-contact-poke 5s ease infinite; animation: callback-popout-contact-poke 5s ease infinite; } .callback-popout-form-wrapper{ color: #fff; font-size: 1.3rem; } .callback-popout-wrapper.active{ right: 0 !important; width: 35% !important; background-color: #42b3df; overflow: hidden; -webkit-animation: callback-popout-contact-poke 0s ease infinite; -moz-animation: callback-popout-contact-poke 0s ease infinite; -o-animation: callback-popout-contact-poke 0s ease infinite; animation: callback-popout-contact-poke 0s ease infinite; height: auto; } .callback-popout-contact-starter-icon-wrapper{ position: absolute; left: 0px; top: calc(50% - 33px); width: 135px; cursor: pointer; } .callback-popout-close-wrapper{ position: absolute; top: 12%; right: 5%; height: 50px; width: 50px; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .callback-popout-close-wrapper .callback-popout-close-line { background: #fff; position: absolute; left: 5px; height: 2px; width: 40px; top: 25px; } .callback-popout-close-wrapper .callback-popout-close-line.callback-popout-close-line-1{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .callback-popout-close-wrapper .callback-popout-close-line.callback-popout-close-line-2{ -webskit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .callback-popout-close-wrapper:hover{ background-color: #1f3873; } @keyframes callback-popout-contact-poke{ 0% { width: 50%; } 60% { width: 50%; } 80% { width: calc(50% + 30px); } 100% { width: 50%; } } @media screen and (max-width: 1600px) { .callback-popout-wrapper{ padding-top: 2%; } } @media screen and (max-width: 1400px) { .callback-popout-wrapper{ padding-top: 2%; top: 150px; } } @media screen and (max-width: 1300px) { .callback-popout-wrapper{ right: -550px; min-width: 650px; padding: 40px 0px 120px 130px; top: 190px; } } @media screen and (max-width: 767px) { .callback-popout-wrapper{ display: none; } } /***************************** slick carousel ******************************/ .slick-dots{ /*position: absolute;*/ bottom: -25px; display: block; width: auto; padding: 0; margin: 0px 0px 0px 46%; list-style: none; text-align: center; } .slick-dots li{ position: relative; display: inline-block; width: 20px; height: 20px; margin: 15px 5px 0px; padding: 0; cursor: pointer; } .slick-dots li button{ font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; border: 0; outline: none; background: transparent; } .slick-dots li button:before{ font-family: 'slick'; font-size: 70px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 25px; content: '•'; text-align: center; opacity: 0.6; /*color: black;*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } li.slick-active{ color: #1f3873 !important; opacity: 1; } @media screen and (max-width:799px){ /*.slick-dots li button { display: none; }*/ .slick-dots{ margin: 0px 0px 0px 40%; } } /***************************** News PAGES ******************************/ /* news sub nav bars */ /*.blog-nav-section, .blog-cat-nav-section, .blog-article-nav-section { padding: 0px 20px 0px 20px; }*/ .blog-nav-section ul, .blog-cat-nav-section ul, .blog-article-nav-section ul{ display: flex; list-style: none; margin: 0 0 0 0; } .blog-nav-section li, .blog-cat-nav-section li, .blog-article-nav-section li{ width: auto; margin-right: 20px; } .blog-nav-section li a, .blog-cat-nav-section li a, .blog-article-nav-section li a{ color: #1f3873; font-weight: 600; } .blog-nav-section ul li a:hover, .blog-cat-nav-section ul li a:hover, .blog-article-nav-section ul li a:hover{ border-bottom: 1px #ededed solid; padding-bottom: 5px; } /* ajax load more plugin */ .alm-btn-wrap{ /*float: left; */ clear:both; width: 100%; display: block; text-align: center; padding: 10px 0 25px; position: relative; } .alm-load-more-btn.more{ background-color: #f0f0f0; color: #1f3873; font-size: 0px; border-radius: 90px; width: 125px; height: 125px; border: none; } .alm-load-more-btn.more:after{ font-family: "Font Awesome 5 Free"; content: "\f067"; padding-left: 0px; position: relative; font-size: 30px; color: #bfc3cf; font-weight: 900; } .alm-reveal{ display: flex; flex-direction: row; } /* back button */ .article-back-button{ background-color: #f0f0f0; color: #1f3873; font-size: 0px; border-radius: 90px; width: 100px; height: 100px; border: none; display: flex; } .article-back-button-chevron{ padding-left: 0px; position: relative; font-size: 30px; color: #1f3873; font-weight: 900; margin-left: 35px; margin-top: 35px; } .article-back-button-text{ display: block; margin-left: 150px; margin-top: -65px; color: #1f3873; font-weight: 600; font-style: italic; } /* news article bottom line */ .news-content-blog-line:after{ content: ""; display: block; margin: 0 auto; width: 100%; padding-top: 20px; border-bottom: 1px solid #d6dce8; } /* news heading lines */ #blog-index-single{ padding-right: 40px; } .blog-title-text-line{ float: left; height: 1px; width: 50px; margin: 10px; background-color: #67A8C5; } /* article layouts */ .post-teaser-wrapper, .post-display, .blog-display, .news-blog-display{ padding-left: 20px; padding-right: 20px; } .post-teaser-content-blog-heading, .teaser-content-blog-heading, .news-content-blog-heading{ margin-top: 20px; } .post-teaser-content-blog-heading h3, .teaser-content-blog-heading h3, .news-content-blog-heading h3{ color: #1f3873; } .post-teaser-content-blog-content p, .teaser-content-blog-content p, .news-content-blog-content p{ margin-top: 20px; margin-bottom: 30px; color: #030303; } .post-teaser-content-blog-button, .teaser-content-blog-button, .news-content-blog-button{ margin-bottom: 20px; } .post-accordion-toggle-button{ width: 1.5rem; height: 1.5rem; transition: all 0.3s; border-radius: 100%; position: absolute; top: 185px; margin-left: 75%; display: flex; justify-content: center; align-items: center; background-color: #f0f0f0; color: #1f3873; } .blog-accordion-toggle-button{ width: 1.5rem; height: 1.5rem; transition: all 0.3s; border-radius: 100%; position: absolute; top: 185px; margin-left: 25%; display: flex; justify-content: center; align-items: center; background-color: #f0f0f0; color: #1f3873; } .news-accordion-toggle-button{ width: 1.5rem; height: 1.5rem; transition: all 0.3s; border-radius: 100%; position: absolute; top: 185px; margin-left: 74%; display: flex; justify-content: center; align-items: center; background-color: #f0f0f0; color: #1f3873; } .post-accordion-toggle-button a, .news-accordion-toggle-button a, .blog-accordion-toggle-button a{ color: #1f3873; font-size: 0.7rem !important; } .post-teaser-wrapper .fas, .blog-display .fas, .news-blog-display .fas{ display: block; } .post-blog-images, .blog-images{ width: 100%; height: 200px; background-size: cover; position: relative; } .blog-post-excerpt{ margin-bottom: 20px; } /* fist para blue */ #blog-index-single .entry-content p:first-of-type{ color:#1f3873; } @media screen and (max-width:1024px){ .news-accordion-toggle-button{ top: 180px; } .blog-accordion-toggle-button{ margin-left: 18%; } } @media screen and (max-width:999px){ .blog-accordion-toggle-button{ margin-left: 16%; } } @media screen and (max-width:799px){ .post-accordion-toggle-button{ top: 325px; margin-left: 88%; } .post-images, .blog-images, .post-blog-images{ height: 350px; } .news-accordion-toggle-button{ margin-left: 80%; top: 330px; } .alm-reveal{ display: block; } .news-content-blog-line:after{ border-bottom: 1px solid white; } } @media screen and (max-width:797px){ .blog-accordion-toggle-button{ top: 325px; margin-left: 27%; } } @media screen and (max-width:599px){ .post-accordion-toggle-button{ margin-left: 80%; } .blog-accordion-toggle-button{ margin-left: 25%; } } @media screen and (max-width:499px){ .post-images, .blog-images, .post-blog-images{ height: 250px; } .blog-nav-section ul, .blog-cat-nav-section ul{ display: block; } .blog-nav-section li, .blog-cat-nav-section li{ width: 100%; margin-bottom: 12px; } } @media screen and (max-width:450px){ .post-accordion-toggle-button, .blog-accordion-toggle-button, .news-accordion-toggle-button{ display: none; } } /***************************** Product PAGES ******************************/ .heading-text-line{ float: left; height: 1px; width: 50px; margin: 15px 0px 40px 0px; background-color: #76c8e7; } /***************************** rural protect PAGE ******************************/ .rural-protect .block-two-column-at-a-glance-heading-text-line{ background-color: #AFC25F; } .rural-protect .block-two-column-at-a-glance-column-one-content ul, .rural-protect .block-two-column-at-a-glance-column-two-content ul{ list-style: none; } .rural-protect .block-two-column-at-a-glance-column-one-content ul li::before, .rural-protect .block-two-column-at-a-glance-column-two-content ul li::before{ content: "\2022"; color: #AFC25F; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; } .rural-protect .heading-text-line{ background-color: #AFC25F; } .rural-protect .heading-text-line-animate{ background-color: #AFC25F; } .rural-protect #hero-text{ background-color: rgba(175,194,95,0.70); } .rural-protect-hero-text{ background-color: rgba(175,194,95,0.70) !important; } .rural-protect-blog-cateory-name{ color: #AFC25F; font-size: 14px; border-bottom: 8px solid #AFC25F; } .hover-rural-protect-blog-cateory-name{ position: absolute; bottom: 100%; background-color: #AFC25F; opacity: 0.6; z-index: 4; overflow: hidden; width: 100%; height:0; top: 0px; transition: .5s ease; } .desktop-device .teaser-content:hover .hover-rural-protect-blog-cateory-name, .desktop-device .news-content:hover .hover-rural-protect-blog-cateory-name{ bottom: 0; height: 100%; } .rural-protect .team-member-text-line{ background-color: white; } .rural-protect #site-navigation .menu > li > a:hover{ border-bottom: 1px solid #AFC25F; } .rural-protect .block-two-column-at-a-glance-green-bg-heading{ background-color: #AFC25F; } .rural-protect .hero-button{ background-color: #76c8e7; } .rural-protect .hero-button:hover{ background-color: transparent; } /***************************** rural-protect-elements PAGE ******************************/ .rural-protect-elements .block-two-column-at-a-glance-heading-text-line{ background-color: #AFC25F; } .rural-protect-elements .block-two-column-at-a-glance-column-one-content ul, .rural-protect-elements .block-two-column-at-a-glance-column-two-content ul{ list-style: none; } .rural-protect-elements .block-two-column-at-a-glance-column-one-content ul li::before, .rural-protect-elements .block-two-column-at-a-glance-column-two-content ul li::before{ content: "\2022"; color: #AFC25F; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; } .rural-protect-elements .heading-text-line{ background-color: #AFC25F; } .rural-protect-elements .heading-text-line-animate{ background-color: #AFC25F; } .rural-protect-elements #hero-text{ background-color: rgba(175,194,95,0.70); } .rural-protect-elements-hero-text{ background-color: rgba(175,194,95,0.70) !important; } .rural-protect-elements-blog-cateory-name{ color: #AFC25F; font-size: 14px; border-bottom: 8px solid #AFC25F; } .hover-rural-protect-elements-blog-cateory-name{ position: absolute; bottom: 100%; background-color: #AFC25F; opacity: 0.6; z-index: 4; overflow: hidden; width: 100%; height:0; top: 0px; transition: .5s ease; } .desktop-device .teaser-content:hover .hover-rural-protect-elements-blog-cateory-name, .desktop-device .news-content:hover .hover-rural-protect-elements-blog-cateory-name{ bottom: 0; height: 100%; } .rural-protect-elements .team-member-text-line{ background-color: white; } .rural-protect-elements #site-navigation .menu > li > a:hover{ border-bottom: 1px solid #AFC25F; } .rural-protect-elements .block-two-column-at-a-glance-green-bg-heading{ background-color: #AFC25F; } .rural-protect-elements .hero-button{ background-color: #76c8e7; } .rural-protect-elements .hero-button:hover{ background-color: transparent; } #elements-at-a-glance { width: 50%; margin-left: 25%; margin-right: 25%; padding-bottom: 50px; } .elements-at-a-glance table th{ background-color: #AFC25F; border-color: black; border-width: 2px; border-style: solid; padding: 10px; color: white; } .elements-at-a-glance table tr, .elements-at-a-glance table td{ border-color: black; border-width: 2px; border-style: solid; padding: 10px; } @media screen and (max-width:799px){ #elements-at-a-glance{ width: 100%; margin-left: 0%; margin-right: 0%; } .elements-at-a-glance table tr, .elements-at-a-glance table td, .elements-at-a-glance table td p{ font-size: 14px !important; padding: 5px; } } .rural-protect-elements .block-two-column-at-a-glance-diamond-shape.header { top: 50%; } /***************************** equipsme PAGE ******************************/ .equipsme .block-two-column-at-a-glance-heading-text-line{ background-color: #ddc026; } .equipsme .block-two-column-at-a-glance-column-one-content ul, .equipsme .block-two-column-at-a-glance-column-two-content ul{ list-style: none; } .equipsme .block-two-column-at-a-glance-column-one-content ul li::before, .equipsme .block-two-column-at-a-glance-column-two-content ul li::before{ content: "\2022"; color: #ddc026; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; } .equipsme .heading-text-line{ background-color: #ddc026; } .equipsme .heading-text-line-animate{ background-color: #ddc026; } .equipsme #hero-text{ background-color: rgba(221,192,38,0.70); } .equipsme-hero-text{ background-color: rgba(221,192,38,0.70) !important; } .equipsme-blog-cateory-name{ color: #ddc026; font-size: 14px; border-bottom: 8px solid #ddc026; } .hover-equipsme-blog-cateory-name{ position: absolute; bottom: 100%; background-color: #ddc026; opacity: 0.6; z-index: 4; overflow: hidden; width: 100%; height:0; top: 0px; transition: .5s ease; } .desktop-device .teaser-content:hover .hover-equipsme-blog-cateory-name, .desktop-device .news-content:hover .hover-equipsme-blog-cateory-name{ bottom: 0; height: 100%; } .equipsme .team-member-text-line{ background-color: white; } .equipsme #site-navigation .menu > li > a:hover{ border-bottom: 1px solid #ddc026; } .equipsme .block-two-column-at-a-glance-green-bg-heading{ background-color: #ddc026; } .equipsme .hero-button{ background-color: #76c8e7; } .equipsme .hero-button:hover{ background-color: transparent; } /***************************** HB Underwriting PAGE ******************************/ .hb-underwriting-blog-cateory-name{ color: #1f3e80; font-size: 14px; border-bottom: 8px solid #1f3e80; } .hover-hb-underwriting-blog-cateory-name{ position: absolute; bottom: 100%; background-color: #1f3e80; opacity: 0.6; z-index: 4; overflow: hidden; width: 100%; height:0; top: 0px; transition: .5s ease; } .desktop-device .teaser-content:hover .hover-hb-underwriting-blog-cateory-name, .desktop-device .news-content:hover .hover-hb-underwriting-blog-cateory-name{ bottom: 0; height: 100%; } /***************************** Blocks ******************************/ /* block-two-column-at-a-glance */ /* Diamond shape */ .block-two-column-at-a-glance-diamond-shape{ background: url("../img/assets/diamond-divider.png") no-repeat; z-index: 6; position: absolute; height: 100px; width: 100px; background-size: cover; /*left: 92%;*/ left: calc(100% - 50px); } .block-two-column-at-a-glance-diamond-shape.header{ top: 14%; } .block-two-column-at-a-glance-diamond-shape.bottom-text{ top: 85%; } @media screen and (max-width:1500px){ /* .block-two-column-at-a-glance-diamond-shape { left: 92%; } */ } @media screen and (max-width:1280px){ /* .block-two-column-at-a-glance-diamond-shape { left: 91%; } */ } @media screen and (max-width:1023px){ /* .block-two-column-at-a-glance-diamond-shape { left: 87%; } */ } @media screen and (max-width:799px){ .block-two-column-at-a-glance-diamond-shape{ display: none; } } /* full-width-content-block */ @media screen and (max-width:450px){ #full-width-content-block{ padding: 0px; } } /* fos-statement-content-block */ .fos-statement-content-block{ } .fos-statement-container{ } @media screen and (max-width:599px){ .fos-statement-content-block{ margin-top: 90px; } } /***************************** styles based on the cms ******************************/ #home-page-main-text{ width: 40%; margin-left: 30%; margin-right: 30%; padding-bottom: 50px; } @media screen and (max-width:1024px){ #home-page-main-text{ width: 50%; margin-left: 25%; margin-right: 25%; } } @media screen and (max-width:799px){ #home-page-main-text{ width: 100%; margin-left: 0%; margin-right: 0%; } } #home-page-main-text .default-cta-button{ display:table; width: auto; margin: auto; float: none; padding: 8px 30px; } #contact-opening-hours #column-one-content-block{ width: 30%; margin-right: 150px; } @media screen and (max-width:499px){ #contact-opening-hours #column-one-content-block{ width: 100%; margin-right: 0px; } } .our-news .full-width-content-container{ text-align: center; } #equipsme-video{ padding-left: 0px !important; padding-right: 0px !important; } .equipsme-video-section{ max-width: 1200px; margin-left: auto !important; margin-right: auto !important; float: none !important; } /***************************** /styles based on the cms ******************************/ #gdpr *{ } #gdpr p{ } #gdpr a{ } #gdpr li{ line-height:160%; } #gdpr table{ width:100%; } #gdpr table{ margin-bottom:20px; border-collapse:collapse; } #gdpr table tr{ } #gdpr table th{ padding:5px 10px; border:#333 solid 1px; background: #666; color:#fff !important; } #gdpr table th p{ color:#fff !important; } #gdpr table td{ padding:5px 10px; border:#333 solid 1px; vertical-align: top; } #gdpr table p{ padding:0; margin:0; line-height: 160%; } .footer-partners-block { margin-top: 40px; } @media screen and (max-width:1023px){ .footer-partners-block { margin-top: 0px; } } @media screen and (max-width:1024px){ .block-two-image-overlay-nav ul li a { font-size: 0.9rem !important; } } @media screen and (max-width:700px){ .block-two-image-overlay-nav ul li a { word-break: normal !important; } } /* blog article table fix */ #rural-elements tr, #rural-elements td { border-color: black; border-width: 2px; border-style: solid; padding: 10px; height: auto !important; } #rural-elements p { color: #6D6E70 !important; } #rural-elements th{ background-color: #AFC25F; border-color: black; border-width: 2px; border-style: solid; padding: 10px; color: white; height: auto !important; } #rural-elements ul li { text-align: left; padding-right: 15px; } @media screen and (max-width: 799px) { #rural-elements p, #rural-elements tr { font-size: 14px !important; padding: 5px; } }