﻿@charset "UTF-8";
/*!
Theme Name: Quick Quote Insurance
Theme URI: **
Author: Chris Broad (TheSocialFactory)
Author URI: http://thesocialfactory.co.uk/
Description: Quick Quote Insurance Custom WP Theme!
Version: 1.0
Text Domain: Quick Quote Insurance Custom WP Theme
*/
/* BREAKPOINTS
   ----------------------------------------------------*/
@import url(../../../css);
.vertical_align { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated { animation-duration: 1s; animation-fill-mode: both; }

.animated.infinite { animation-iteration-count: infinite; }

.animated.hinge { animation-duration: 2s; }

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { animation-duration: 0.75s; }

@keyframes bounce {
  20%,   53%,   80%,   from, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); }
  40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); }
  70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); }
  90% { transform: translate3d(0, -4px, 0); }
}

.bounce { animation-name: bounce; transform-origin: center bottom; }

@keyframes flash {
  50%,   from, to { opacity: 1; }
  25%, 75% { opacity: 0; }
}

.flash { animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from { transform: scale3d(1, 1, 1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
  to { transform: scale3d(1, 1, 1); }
}

.pulse { animation-name: pulse; }

@keyframes rubberBand {
  from { transform: scale3d(1, 1, 1); }
  30% { transform: scale3d(1.25, 0.75, 1); }
  40% { transform: scale3d(0.75, 1.25, 1); }
  50% { transform: scale3d(1.15, 0.85, 1); }
  65% { transform: scale3d(0.95, 1.05, 1); }
  75% { transform: scale3d(1.05, 0.95, 1); }
  to { transform: scale3d(1, 1, 1); }
}

.rubberBand { animation-name: rubberBand; }

@keyframes shake {
  from, to { transform: translate3d(0, 0, 0); }
  10%,   30%,   50%,   70%, 90% { transform: translate3d(-10px, 0, 0); }
  20%,   40%,   60%, 80% { transform: translate3d(10px, 0, 0); }
}

.shake { animation-name: shake; }

@keyframes headShake {
  0% { transform: translateX(0); }
  6.5% { transform: translateX(-6px) rotateY(-9deg); }
  18.5% { transform: translateX(5px) rotateY(7deg); }
  31.5% { transform: translateX(-3px) rotateY(-5deg); }
  43.5% { transform: translateX(2px) rotateY(3deg); }
  50% { transform: translateX(0); }
}

.headShake { animation-timing-function: ease-in-out; animation-name: headShake; }

@keyframes swing {
  20% { transform: rotate3d(0, 0, 1, 15deg); }
  40% { transform: rotate3d(0, 0, 1, -10deg); }
  60% { transform: rotate3d(0, 0, 1, 5deg); }
  80% { transform: rotate3d(0, 0, 1, -5deg); }
  to { transform: rotate3d(0, 0, 1, 0deg); }
}

.swing { transform-origin: top center; animation-name: swing; }

@keyframes tada {
  from { transform: scale3d(1, 1, 1); }
  10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,   50%,   70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,   60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to { transform: scale3d(1, 1, 1); }
}

.tada { animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  from { transform: none; }
  15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to { transform: none; }
}

.wobble { animation-name: wobble; }

@keyframes jello {
  11.1%,   from, to { transform: none; }
  22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); }
}

.jello { animation-name: jello; transform-origin: center; }

@keyframes bounceIn {
  20%,   40%,   60%,   80%,   from, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1; transform: scale3d(1, 1, 1); }
}

.bounceIn { animation-name: bounceIn; }

@keyframes bounceInDown {
  60%,   75%,   90%,   from, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1; transform: translate3d(0, 25px, 0); }
  75% { transform: translate3d(0, -10px, 0); }
  90% { transform: translate3d(0, 5px, 0); }
  to { transform: none; }
}

.bounceInDown { animation-name: bounceInDown; }

@keyframes bounceInLeft {
  60%,   75%,   90%,   from, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1; transform: translate3d(25px, 0, 0); }
  75% { transform: translate3d(-10px, 0, 0); }
  90% { transform: translate3d(5px, 0, 0); }
  to { transform: none; }
}

.bounceInLeft { animation-name: bounceInLeft; }

@keyframes bounceInRight {
  60%,   75%,   90%,   from, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; transform: translate3d(-25px, 0, 0); }
  75% { transform: translate3d(10px, 0, 0); }
  90% { transform: translate3d(-5px, 0, 0); }
  to { transform: none; }
}

.bounceInRight { animation-name: bounceInRight; }

@keyframes bounceInUp {
  60%,   75%,   90%,   from, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0; transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1; transform: translate3d(0, -20px, 0); }
  75% { transform: translate3d(0, 10px, 0); }
  90% { transform: translate3d(0, -5px, 0); }
  to { transform: translate3d(0, 0, 0); }
}

.bounceInUp { animation-name: bounceInUp; }

@keyframes bounceOut {
  20% { transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
}

.bounceOut { animation-name: bounceOut; }

@keyframes bounceOutDown {
  20% { transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); }
  to { opacity: 0; transform: translate3d(0, 2000px, 0); }
}

.bounceOutDown { animation-name: bounceOutDown; }

@keyframes bounceOutLeft {
  20% { opacity: 1; transform: translate3d(20px, 0, 0); }
  to { opacity: 0; transform: translate3d(-2000px, 0, 0); }
}

.bounceOutLeft { animation-name: bounceOutLeft; }

@keyframes bounceOutRight {
  20% { opacity: 1; transform: translate3d(-20px, 0, 0); }
  to { opacity: 0; transform: translate3d(2000px, 0, 0); }
}

.bounceOutRight { animation-name: bounceOutRight; }

@keyframes bounceOutUp {
  20% { transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); }
  to { opacity: 0; transform: translate3d(0, -2000px, 0); }
}

.bounceOutUp { animation-name: bounceOutUp; }

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.fadeIn { animation-name: fadeIn; }

@keyframes fadeInDown {
  from { opacity: 0; transform: translate3d(0, -100%, 0); }
  to { opacity: 1; transform: none; }
}

.fadeInDown { animation-name: fadeInDown; }

@keyframes fadeInDownBig {
  from { opacity: 0; transform: translate3d(0, -2000px, 0); }
  to { opacity: 1; transform: none; }
}

.fadeInDownBig { animation-name: fadeInDownBig; }

@keyframes fadeInLeft {
  from { opacity: 0; transform: translate3d(-100%, 0, 0); }
  to { opacity: 1; transform: none; }
}

.fadeInLeft { animation-name: fadeInLeft; }

@keyframes fadeInLeftBig {
  from { opacity: 0; transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1; transform: none; }
}

.fadeInLeftBig { animation-name: fadeInLeftBig; }

@keyframes fadeInRight {
  from { opacity: 0; transform: translate3d(100%, 0, 0); }
  to { opacity: 1; transform: none; }
}

.fadeInRight { animation-name: fadeInRight; }

@keyframes fadeInRightBig {
  from { opacity: 0; transform: translate3d(2000px, 0, 0); }
  to { opacity: 1; transform: none; }
}

.fadeInRightBig { animation-name: fadeInRightBig; }

@keyframes fadeInUp {
  from { opacity: 0; transform: translate3d(0, 100%, 0); }
  to { opacity: 1; transform: none; }
}

.fadeInUp { animation-name: fadeInUp; }

@keyframes fadeInUpBig {
  from { opacity: 0; transform: translate3d(0, 2000px, 0); }
  to { opacity: 1; transform: none; }
}

.fadeInUpBig { animation-name: fadeInUpBig; }

@keyframes fadeOut {
  from { opacity: 1; }
  to { opacity: 0; }
}

.fadeOut { animation-name: fadeOut; }

@keyframes fadeOutDown {
  from { opacity: 1; }
  to { opacity: 0; transform: translate3d(0, 100%, 0); }
}

.fadeOutDown { animation-name: fadeOutDown; }

@keyframes fadeOutDownBig {
  from { opacity: 1; }
  to { opacity: 0; transform: translate3d(0, 2000px, 0); }
}

.fadeOutDownBig { animation-name: fadeOutDownBig; }

@keyframes fadeOutLeft {
  from { opacity: 1; }
  to { opacity: 0; transform: translate3d(-100%, 0, 0); }
}

.fadeOutLeft { animation-name: fadeOutLeft; }

@keyframes fadeOutLeftBig {
  from { opacity: 1; }
  to { opacity: 0; transform: translate3d(-2000px, 0, 0); }
}

.fadeOutLeftBig { animation-name: fadeOutLeftBig; }

@keyframes fadeOutRight {
  from { opacity: 1; }
  to { opacity: 0; transform: translate3d(100%, 0, 0); }
}

.fadeOutRight { animation-name: fadeOutRight; }

@keyframes fadeOutRightBig {
  from { opacity: 1; }
  to { opacity: 0; transform: translate3d(2000px, 0, 0); }
}

.fadeOutRightBig { animation-name: fadeOutRightBig; }

@keyframes fadeOutUp {
  from { opacity: 1; }
  to { opacity: 0; transform: translate3d(0, -100%, 0); }
}

.fadeOutUp { animation-name: fadeOutUp; }

@keyframes fadeOutUpBig {
  from { opacity: 1; }
  to { opacity: 0; transform: translate3d(0, -2000px, 0); }
}

.fadeOutUpBig { animation-name: fadeOutUpBig; }

@keyframes flip {
  from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; }
  40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; }
  50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; }
  80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; }
  to { transform: perspective(400px); animation-timing-function: ease-in; }
}

.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; }

@keyframes flipInX {
  from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { transform: perspective(400px); }
}

.flipInX { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; animation-name: flipInX; }

@keyframes flipInY {
  from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to { transform: perspective(400px); }
}

.flipInY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; animation-name: flipInY; }

@keyframes flipOutX {
  from { transform: perspective(400px); }
  30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }
}

.flipOutX { animation-name: flipOutX; -webkit-backface-visibility: visible!important; backface-visibility: visible!important; }

@keyframes flipOutY {
  from { transform: perspective(400px); }
  30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
  to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
}

.flipOutY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; animation-name: flipOutY; }

@keyframes lightSpeedIn {
  from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { transform: skewX(20deg); opacity: 1; }
  80% { transform: skewX(-5deg); opacity: 1; }
  to { transform: none; opacity: 1; }
}

.lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; }

@keyframes lightSpeedOut {
  from { opacity: 1; }
  to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; }
}

.lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; }

@keyframes rotateIn {
  from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
  to { transform-origin: center; transform: none; opacity: 1; }
}

.rotateIn { animation-name: rotateIn; }

@keyframes rotateInDownLeft {
  from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
  to { transform-origin: left bottom; transform: none; opacity: 1; }
}

.rotateInDownLeft { animation-name: rotateInDownLeft; }

@keyframes rotateInDownRight {
  from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  to { transform-origin: right bottom; transform: none; opacity: 1; }
}

.rotateInDownRight { animation-name: rotateInDownRight; }

@keyframes rotateInUpLeft {
  from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  to { transform-origin: left bottom; transform: none; opacity: 1; }
}

.rotateInUpLeft { animation-name: rotateInUpLeft; }

@keyframes rotateInUpRight {
  from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
  to { transform-origin: right bottom; transform: none; opacity: 1; }
}

.rotateInUpRight { animation-name: rotateInUpRight; }

@keyframes rotateOut {
  from { transform-origin: center; opacity: 1; }
  to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; }
}

.rotateOut { animation-name: rotateOut; }

@keyframes rotateOutDownLeft {
  from { transform-origin: left bottom; opacity: 1; }
  to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
}

.rotateOutDownLeft { animation-name: rotateOutDownLeft; }

@keyframes rotateOutDownRight {
  from { transform-origin: right bottom; opacity: 1; }
  to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}

.rotateOutDownRight { animation-name: rotateOutDownRight; }

@keyframes rotateOutUpLeft {
  from { transform-origin: left bottom; opacity: 1; }
  to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}

.rotateOutUpLeft { animation-name: rotateOutUpLeft; }

@keyframes rotateOutUpRight {
  from { transform-origin: right bottom; opacity: 1; }
  to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; }
}

.rotateOutUpRight { animation-name: rotateOutUpRight; }

@keyframes hinge {
  0% { transform-origin: top left; animation-timing-function: ease-in-out; }
  20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
  40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; }
  to { transform: translate3d(0, 700px, 0); opacity: 0; }
}

.hinge { animation-name: hinge; }

@keyframes jackInTheBox {
  from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; }
  50% { transform: rotate(-10deg); }
  70% { transform: rotate(3deg); }
  to { opacity: 1; transform: scale(1); }
}

.jackInTheBox { animation-name: jackInTheBox; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to { opacity: 1; transform: none; }
}

.rollIn { animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  from { opacity: 1; }
  to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); }
}

.rollOut { animation-name: rollOut; }

@keyframes zoomIn {
  from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}

.zoomIn { animation-name: zoomIn; }

@keyframes zoomInDown {
  from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

.zoomInDown { animation-name: zoomInDown; }

@keyframes zoomInLeft {
  from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

.zoomInLeft { animation-name: zoomInLeft; }

@keyframes zoomInRight {
  from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

.zoomInRight { animation-name: zoomInRight; }

@keyframes zoomInUp {
  from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

.zoomInUp { animation-name: zoomInUp; }

@keyframes zoomOut {
  from { opacity: 1; }
  50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; }
}

.zoomOut { animation-name: zoomOut; }

@keyframes zoomOutDown {
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

.zoomOutDown { animation-name: zoomOutDown; }

@keyframes zoomOutLeft {
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; }
}

.zoomOutLeft { animation-name: zoomOutLeft; }

@keyframes zoomOutRight {
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; }
}

.zoomOutRight { animation-name: zoomOutRight; }

@keyframes zoomOutUp {
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

.zoomOutUp { animation-name: zoomOutUp; }

@keyframes slideInDown {
  from { transform: translate3d(0, -100%, 0); visibility: visible; }
  to { transform: translate3d(0, 0, 0); }
}

.slideInDown { animation-name: slideInDown; }

@keyframes slideInLeft {
  from { transform: translate3d(-100%, 0, 0); visibility: visible; }
  to { transform: translate3d(0, 0, 0); }
}

.slideInLeft { animation-name: slideInLeft; }

@keyframes slideInRight {
  from { transform: translate3d(100%, 0, 0); visibility: visible; }
  to { transform: translate3d(0, 0, 0); }
}

.slideInRight { animation-name: slideInRight; }

@keyframes slideInUp {
  from { transform: translate3d(0, 100%, 0); visibility: visible; }
  to { transform: translate3d(0, 0, 0); }
}

.slideInUp { animation-name: slideInUp; }

@keyframes slideOutDown {
  from { transform: translate3d(0, 0, 0); }
  to { visibility: hidden; transform: translate3d(0, 100%, 0); }
}

.slideOutDown { animation-name: slideOutDown; }

@keyframes slideOutLeft {
  from { transform: translate3d(0, 0, 0); }
  to { visibility: hidden; transform: translate3d(-100%, 0, 0); }
}

.slideOutLeft { animation-name: slideOutLeft; }

@keyframes slideOutRight {
  from { transform: translate3d(0, 0, 0); }
  to { visibility: hidden; transform: translate3d(100%, 0, 0); }
}

.slideOutRight { animation-name: slideOutRight; }

@keyframes slideOutUp {
  from { transform: translate3d(0, 0, 0); }
  to { visibility: hidden; transform: translate3d(0, -100%, 0); }
}

.slideOutUp { animation-name: slideOutUp; }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-image, .fancybox-inner, .fancybox-nav, .fancybox-nav span, .fancybox-outer, .fancybox-skin, .fancybox-tmp, .fancybox-wrap, .fancybox-wrap iframe, .fancybox-wrap object { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }

.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }

.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.fancybox-opened { z-index: 8030; }

.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-inner, .fancybox-outer { position: relative; }

.fancybox-inner { overflow: hidden; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }

.fancybox-iframe, .fancybox-image { display: block; width: 100%; height: 100%; }

.fancybox-image { max-width: 100%; max-height: 100%; }

#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }

#fancybox-loading div { width: 44px; height: 44px; background: rgba(0, 0, 0, 0.75); }

.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }

.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("../images/fancybox/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: transparent; z-index: 8040; }

.fancybox-prev { left: 0; }

.fancybox-next { right: 0; }

.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }

.fancybox-prev span { left: 10px; background-position: 0 -36px; }

.fancybox-next span { right: 10px; background-position: 0 -72px; }

.fancybox-nav:hover span { visibility: visible; }

.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible!important; }

/* Overlay helper */
.fancybox-lock { overflow: hidden!important; width: auto; }

.fancybox-lock body { overflow: hidden!important; }

.fancybox-lock-test { overflow-y: hidden!important; }

.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(0, 0, 0, 0.75); }

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }

.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */
.fancybox-title { visibility: hidden; font: 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }

.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }

.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #fff; font-weight: bold; line-height: 24px; white-space: nowrap; }

.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }

.fancybox-title-inside-wrap { padding-top: 10px; }

.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span { background-image: url("../images/fancybox/fancybox_sprite@2x.png"); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
#fancybox-loading div { background-image: url("../images/fancybox/fancybox_loading@2x.gif"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ }
}

.fancybox-close { position: absolute; top: 10px; right: -8px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; color: #333; }

a.fancybox-item.fancybox-close:after { content: "\f00d"; font-family: Font Awesome\5 Free; font-weight: 900; }

.fancybox-skin { padding: 65px!important; }

@media (max-width: 768px) {
  .fancybox-skin { padding: 25px!important; }
}

@media (max-width: 599px) {
  .fancybox-skin { padding: 5px!important; }
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html { line-height: 1.15; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

h1 { font-size: 2em; margin: 0.67em 0; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

pre { font-family: monospace,monospace; font-size: 1em; }

a { background-color: transparent; }

abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }

b, strong { font-weight: bolder; color: #333; }

code, kbd, samp { font-family: monospace,monospace; font-size: 1em; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img { border-style: none; }

button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }

button, input { overflow: visible; }

button, select { text-transform: none; }

[type="button"], [type="reset"], [type="submit"], button { -webkit-appearance: button; }

[type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; }

[type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { padding: 0.35em 0.75em 0.625em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

progress { vertical-align: baseline; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

details { display: block; }

summary { display: list-item; }

template { display: none; }

[hidden] { display: none; }

/*# sourceMappingURL=normalize.min.css.map */
/* Slider */
.slick-loading .slick-list { background: #fff url("ajax-loader.gif") center center no-repeat; }

/* Arrows */
.slick-next, .slick-prev { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }

.slick-next:hover, .slick-prev:hover { outline: none; background: transparent; color: transparent; }

.slick-next:hover:before, .slick-prev:hover:before { opacity: 0.75; }

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before { opacity: 0.25; }

.slick-next:before, .slick-prev:before { font-family: "slick"; font-size: 20px; line-height: 1; color: #fff; opacity: 0.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }

[dir="rtl"] .slick-prev { left: auto; right: -25px; }

.slick-prev:before { content: "←"; }

[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }

[dir="rtl"] .slick-next { left: -25px; right: auto; }

.slick-next:before { content: "→"; }

[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }

.slick-dots li button:hover { outline: none; }

.slick-dots li button:hover:before { opacity: 0.75; }

.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 30px; line-height: 20px; text-align: center; color: #000; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before { color: #000; opacity: 0.5; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:after, .slick-track:before { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/**
 * Set up a decent box model on the root element
 */
html { box-sizing: border-box; }

/**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
*, *::after, *::before { box-sizing: inherit; }

body { margin: 0; padding: 0; position: relative; }

main, section { min-height: 80px; z-index: 0!important; }

article { position: relative; z-index: 1; }

article a.fancybox-form { text-decoration: underline; color: #2d902b; font-weight: 600; }

article h3 { margin: 25px 0 0; }

article p { margin: 10px 0; }

article img { max-width: 100%; }

article table { margin: 20px 0; }

article ul { list-style: disc; padding: 0 0 0 20px; margin: 20px 0; }

article ul li { margin: 10px 0; }

ul { list-style: none; }

.qa { margin: 30px 0; }

.qa .answer { margin: 5px 0 0 20px; }

div#above-fold-content ul { padding: 0 0 0 35px; list-style: disc; }
#above-fold-content .qa ol { padding: 0 0 0 35px; }
#above-fold-content .qa h2, #above-fold-content .qa h3, #above-fold-content .qa h4, #above-fold-content .qa h5, #above-fold-content .qa h6 { margin-bottom: 0; line-height: 1.1; }
#above-fold-content .qa h2 span, #above-fold-content .qa h3 span, #above-fold-content .qa h4 span, #above-fold-content .qa h5 span, #above-fold-content .qa h6 span { display: none; }
#above-fold-content .qa p { margin-top: 5px; margin-bottom: 25px; }

#above-fold-content .qa ol li, div#above-fold-content ul li { margin: 20px 0; }
.qa strong { font-weight: bold; font-size: 16px; line-height: 1.2; }
/**
 * Basic styles for links
 */
a { color: #6a39b3; text-decoration: none; transition: 0.25s; }

a:active, a:focus, a:hover { color: #1e1c1c; }

.edit-this { padding: 10px 0!important; margin-bottom: 10px!important; }

.edit-this a { font-size: 1.5em; color: #000; background: #6a39b3; text-decoration: none; padding: 10px 20px; }

td, th { border: 1px solid #ddd; padding: 8px; }

tr:nth-child(even) { background-color: #f2f2f2; }

tr:hover { background-color: #ddd; }

th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #999; color: #fff; }

img.alignright { float: right; }

.row { margin-left: 0!important; margin-right: 0!important; }

/**
 * Clear inner floats
 */
.clearfix::after { clear: both; content: ""; display: table; }

/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
.hide-text { overflow: hidden; padding: 0; /* 1 */ text-indent: -301%; white-space: nowrap; }

/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/**
 * Image Holder
 */
.img-holder { background: #f9f9f9; display: block; overflow: hidden; position: relative; }

.img-holder img { opacity: 1; transition: opacity 0.5; }

.img-holder img.loading { opacity: 0; }

/**
 * Float left and right
 */
.fl, .float-left { float: left!important; }

.float-right, .fr { float: right!important; }

.text-center { text-align: center; }

/**
 * Hide bullets for lists
 */
.hide-bullets { list-style: none; display: block; padding: 0; margin: 0; }

.hide-bullets li { display: block; padding: 0; margin: 0; }

/*GROW ON HOVER*/
.grow, .grow-small { -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; }

.grow:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.grow-small:hover { -webkit-transform: scale(1.025); -moz-transform: scale(1.025); -ms-transform: scale(1.025); transform: scale(1.025); }

/**
 * Hide stuff
 */
.hidden { display: none; }

.show768 { display: none; }

@media (max-width: 768px) {
  .show768 { display: block; }
}

.hide768 { display: block; }

@media (max-width: 768px) {
  .hide768 { display: none; }
}

.container { position: relative; z-index: 1; }

@media (min-width: 768px) and (max-width: 1209px) {
  .container { max-width: calc(100% - 30px)!important; }
}

@media (min-width: 576px) and (max-width: 1209px) {
  .container { max-width: calc(100% - 30px)!important; }
}

@media (min-width: 479px) and (max-width: 991px) {
  .col-xs-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-xs-4 { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; }
}

.grecaptcha-badge { visibility: collapse!important; }

/**
 * Basic typography style for copy text
 */
body { font-family: "Roboto",sans-serif; font-size: 16px; font-weight: 400; color: #777; }

div#above-fold h1 { width: 100%; position: relative; font-size: 4em; font-weight: 800; text-align: center; color: #484848; letter-spacing: -3px; text-shadow: 0 0 24px #dedede; }

@media (max-width: 1100px) {
  div#above-fold h1 { font-size: 3.66em; }
}

@media (max-width: 991px) {
  div#above-fold h1 { font-size: 3.125em; margin: 15px 0; }
}

@media (max-width: 849px) {
  div#above-fold h1 { font-size: 2.75em; }
}

@media (max-width: 767px) {
  div#above-fold h1 { font-size: 2.125em; letter-spacing: -2px; }
}

@media (max-width: 599px) {
  div#above-fold h1 { font-size: 1.8em; }
}

@media (max-width: 499px) {
  div#above-fold h1 { letter-spacing: -1px; margin: 10px 0; }
}

h2 { font-size: 1.66em; margin: 0.5em 0; }

h2#getquoteh2 { width: 100%; position: relative; font-size: 3em; font-weight: 800; text-align: center; color: #2b3990; letter-spacing: -3px; text-shadow: 0 0 24px #dedede; margin-bottom: 0; }

h3 { font-size: 1.1em; }

ul { list-style: none; padding: 0; margin: 0; }

#menu-frontpage-menu, ul#form-list { background: #6a39b3!important; padding: 5px; text-align: center; font-size: 1.33em; font-weight: 600; color: #fff; position: relative; }

@media (max-width: 1209px) {
  #menu-frontpage-menu, ul#form-list { font-size: 1.25em; }
}

@media (max-width: 991px) {
  #menu-frontpage-menu, ul#form-list { font-size: 1.125em; }
}

@media (max-width: 899px) {
  #menu-frontpage-menu, ul#form-list { font-size: 1em; }
}

@media (max-width: 599px) {
  #menu-frontpage-menu, ul#form-list { display: none; }
}

#menu-frontpage-menu li, ul#form-list li { display: inline-block; padding: 0 10px; border-right: 1px solid #fff; line-height: 1; }

#menu-frontpage-menu li:last-child, ul#form-list li:last-child { border-right: none; }

@media (max-width: 499px) {
  #menu-frontpage-menu li, ul#form-list li { display: block; padding: 8px 10px; border-right: none; line-height: 1; border-bottom: 1px solid #fff; }
}

#menu-frontpage-menu li a, ul#form-list li a { color: #fff; }

a { text-decoration: none; }

.center { text-align: center; }

.caps { text-transform: uppercase; }

.x125em { font-size: 1.25em!important; }

@media (max-width: 768px) {
  .x125em { font-size: 1.15em!important; }
}

@media (max-width: 499px) {
  .x125em { font-size: 1em!important; }
}

.x2em { font-size: 2em!important; }

@media (max-width: 768px) {
  .x2em { font-size: 1.5em!important; }
}

@media (max-width: 499px) {
  .x2em { font-size: 1.25em!important; }
}

.x25em { font-size: 2.5em!important; letter-spacing: -1px!important; }

@media (max-width: 768px) {
  .x25em { font-size: 2em!important; }
}

@media (max-width: 499px) {
  .x25em { font-size: 1.75em!important; }
}

.x275em { font-size: 2.75em!important; letter-spacing: -1px!important; }

@media (max-width: 767px) {
  .x275em { font-size: 2.25em!important; }
}

@media (max-width: 499px) {
  .x275em { font-size: 1.9em!important; }
}

.x3em { font-size: 3em; }

@media (max-width: 768px) {
  .x3em { font-size: 2.66em; }
}

@media (max-width: 499px) {
  .x3em { font-size: 2.125em; }
}

.thin { font-weight: 200!important; letter-spacing: -0.5px!important; }

.med { font-weight: 600!important; letter-spacing: -0.5px!important; }

.heavy { font-weight: 900!important; letter-spacing: -0.5px!important; }

.brand, .purple { color: #6a39b3!important; }

.white { color: #fff!important; }

.grey { color: #999!important; }

.dark-grey { color: #484848!important; }

a.article_cta_button { display: inline-block; width: 500px; max-width: 100%; color: #fff; text-align: center; padding: 20px; font-size: 1.5em; font-weight: 600; margin: 20px 0; -webkit-border-radius: 10px; border-radius: 10px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }

.ctabelow { border-top: 5px solid #6a39b3; display: inline-block; width: calc(100% + 20px); text-align: center; padding: 25px 20px 0; font-size: 1.5em; font-weight: 600; margin: 40px -10px 0; }

@media (max-width: 1209px) {
  .ctabelow { width: 100%; margin: 40px 0 0; }
}

.blue_bkgrnd { background: #673ab7!important; }
.blue_bkgrnd:hover, .btn-info:hover { color: #fff; background-color: #333!important; border-color: #333!important; }

.btn-green { background-color: #28a745!important; border-color: #28a745!important; }

/*multistep css*/
.slick-slide { outline: none!important; }

div#above-fold-form ul { list-style: none; }

div#above-fold-form ul li.slick-slide { padding: 0!important; }

.demo-form [class*="col-"] { float: left; padding: 0 5px!important; }

.demo-form .multi { padding: 0!important; }

#multistep { padding-top: 85px!important; list-style: none; }

#multistep h3 { font-size: 1.5em; margin: 20px 0; }

#multistep h4 { font-size: 1.125em; margin: 20px 0; }

#multistep .slick-dots { position: absolute; top: 15px; bottom: auto; width: 100%; text-align: center; opacity: 1; pointer-events: none; }

#multistep .slick-dots li { color: #fff; font-size: 1.5em; font-weight: 700; text-align: center; display: inline-block; position: relative; z-index: 1; margin: 0 25px!important; padding: 3px 0 0 0!important; opacity: 0.25; height: 48px; width: 48px; }

#multistep .slick-dots li:before { background: #6a39b3; content: ""; width: 52px; position: absolute; z-index: -1; height: 2px; top: calc(50% - 1px); right: -52px; }

@media only screen and (max-width: 992px) {
  #multistep .slick-dots li:before { width: 12px; right: -12px; }
}

#multistep .slick-dots li:after { content: ""; position: absolute; left: 1px; top: 1px; z-index: -1; width: 46px; height: 46px; display: block; border-radius: 45px; background: #6a39b3; }

#multistep .slick-dots li:last-child:before { display: none; }

@media only screen and (max-width: 992px) {
  #multistep .slick-dots li { margin: 0 5px!important; }
}

#multistep .slick-dots li span { display: block; width: 42px; height: 42px; margin: auto; border-radius: 40px; border: 2px solid #fff; }

#multistep .slick-dots li.slick-active { opacity: 1!important; }

#multistep .slick-next, #multistep .slick-prev { display: none!important; position: absolute!important; z-index: 999; top: auto; bottom: 25px; background: #78be20; width: 150px; cursor: pointer; }

#multistep .slick-next:before, #multistep .slick-prev:before { font-family: "Open Sans",sans-serif!important; font-weight: 700; color: #fff!important; font-size: 20px; line-height: 1; color: #456a98; opacity: 0.75; }

#multistep .slick-prev { left: 30px; }

#multistep .slick-next { right: 30px; }

.cf7mls_current_fs #multistep .slick-dots { opacity: 1; }

@media only screen and (max-width: 992px) {
  #multistep .slick-dots { transform: scale(0.9, 0.9); }
}

@media only screen and (max-width: 599px) {
  #multistep .slick-dots { transform: scale(0.8, 0.8); }
}

@media only screen and (max-width: 399px) {
  #multistep .slick-dots { transform: scale(0.7, 0.7); }
}

.parsley-error { background: #f7e8e8; }

ul.parsley-errors-list { position: absolute; bottom: 25px; right: 25px; font-size: 0.7em; font-weight: 700; pointer-events: none; }

.div_group.multi ul.parsley-errors-list { bottom: 17px; }

ul.parsley-errors-list li { margin: 0!important; padding: 0!important; color: #961717; }

input[type="email"], input[type="number"], input[type="tel"], input[type="text"], select, textarea { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-top: 6px; margin-bottom: 16px; resize: vertical; }

@media (max-width: 599px) {
  input[type="email"],   input[type="number"],   input[type="tel"],   input[type="text"],   select, textarea { margin-top: 0; margin-bottom: 10px; }
}

.agree ul#parsley-id-multiple-your_consent { left: auto; right: 20px; top: 13px; }

.div_group.multi .row { margin: 0; }

div.checkbox, div.number, div.radio { margin-top: 10px; margin-bottom: 10px; }

div.checkbox .parsley-errors-list, div.number .parsley-errors-list, div.radio .parsley-errors-list { position: absolute; width: 59%; bottom: auto; right: 5px; font-size: 0.7em; font-weight: 700; pointer-events: none; top: -10px; }

div.checkbox .parsley-errors-list li, div.number .parsley-errors-list li, div.radio .parsley-errors-list li { top: auto; border: 1px solid #ccc; padding: 0!important; border-radius: 5px; background: #f7e8e8; width: 100%; text-align: center; }

div.checkbox > .div_group > label, div.number > .div_group > label, div.radio > .div_group > label { float: left; width: 40%; padding-right: 25px; }

@media (max-width: 767px) {
  div.checkbox > .div_group > label,   div.number > .div_group > label, div.radio > .div_group > label { padding-right: 0; width: 100%; }
}

div.checkbox > .div_group > span.label_wrap, div.number > .div_group > span.label_wrap, div.radio > .div_group > span.label_wrap { float: left; width: 60%; }

@media only screen and (max-width: 767px) {
  div.checkbox > .div_group > span.label_wrap,   div.number > .div_group > span.label_wrap, div.radio > .div_group > span.label_wrap { width: 100%; }
}

div.checkbox > .div_group > span.label_wrap input[type="number"], div.checkbox > .div_group > span.label_wrap label, div.number > .div_group > span.label_wrap input[type="number"], div.number > .div_group > span.label_wrap label, div.radio > .div_group > span.label_wrap input[type="number"], div.radio > .div_group > span.label_wrap label { width: calc(50% - 2px); background: #fff; margin: 0!important; padding: 12px; border: 1px solid #ccc; box-sizing: border-box; margin-top: 6px; resize: vertical; float: left; }

@media (max-width: 499px) {
  div.checkbox > .div_group > span.label_wrap input[type="number"],   div.checkbox > .div_group > span.label_wrap label,   div.number > .div_group > span.label_wrap input[type="number"],   div.number > .div_group > span.label_wrap label,   div.radio > .div_group > span.label_wrap input[type="number"], div.radio > .div_group > span.label_wrap label { width: 100%; }
}

div.checkbox > .div_group > span.label_wrap label, div.number > .div_group > span.label_wrap label, div.radio > .div_group > span.label_wrap label { margin-left: 2px!important; margin-bottom: 5px!important; }

div.checkbox.full > .div_group > span.label_wrap input[type="number"], div.checkbox.full > .div_group > span.label_wrap label, div.number.full > .div_group > span.label_wrap input[type="number"], div.number.full > .div_group > span.label_wrap label, div.radio.full > .div_group > span.label_wrap input[type="number"], div.radio.full > .div_group > span.label_wrap label { width: 100%; margin: 0 0 5px!important; }

label { margin-bottom: 0!important; color: #333; }

input[type="checkbox"], input[type="radio"] { display: inline-block; width: 18px; height: 18px; float: left; margin-right: 7px; margin-top: 3px; }

div.agree { width: 100%; }

div.agree span.label_wrap { width: 100%!important; }

div.agree span.label_wrap label { width: 100%!important; }

.second_applicant_inner .row { margin: 0; }

.second_applicant_details { display: none; }

.second_applicant_details .second_applicant_inner { background: #fff; margin-bottom: 5px; border: 1px solid #d3d3d3; border-radius: 5px; padding: 10px; }

.second_applicant_details .second_applicant_inner h3 { margin: 10px 0 20px; }

fieldset.fieldset-cf7mls .wpcf7-validation-errors { display: none!important; }

.btn, .btn-info { display: inline-block!important; color: #fff; background-color: #673ab7!important; border-color: #673ab7; display: inline-block; font-weight: 400; color: #fff!important; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out; }

button.btn.btn-info.pull-right { float: right!important; }

/*hiding helpers*/
.hide_toggle { display: none; }

/*Thanks Page*/
div#thanks { text-align: center; margin: 100px 0; }

@media (max-width: 991px) {
  label#type_of_cover { width: 100%; }
}

div#contact_form_pop { position: fixed; overflow: scroll; pointer-events: none; opacity: 0; background: #fff; z-index: 999; top: 0; left: 0; width: 100%; height: 0; -webkit-transition: 0.33s; -moz-transition: 0.33s; -ms-transition: 0.33s; -o-transition: 0.33s; transition: 0.33s; }

div#contact_form_pop.opened { padding: 35px 0 0 0; pointer-events: all; opacity: 1; width: 100%; height: 100%; }

div#contact_form_pop .fa-times { position: absolute; right: 20px; top: 20px; z-index: 999; cursor: pointer; }

div#contact_form_pop .container { padding: 0!important; margin: 0!important; max-width: 100%!important; }

div#contact_form_pop div#above-fold-form { padding: 0!important; }

div#above-fold-form.opacity { opacity: 0.5; }

.spinner { display: none; width: 130px; margin: -55px auto 55px; }

.spinner.show-spinner { display: block; }

.spinner:after { content: " "; display: block; width: 128px; height: 128px; border-radius: 50%; border: 16px solid; border-color: transparent #6a39b3 transparent; animation: loading 1s linear infinite; }

@keyframes loading {
  0% { transform: rotate(0); }
  100% { transform: rotate(360deg); }
}

div#life_insurance_calculator { margin-top: 200px; background: #fff; }

div#life_insurance_calculator .div_group { margin: 15px 0; }

div#life_insurance_calculator .label_wrap { display: block; border: 1px solid #ccc; border-radius: 4px; margin: 5px 0; }

div#life_insurance_calculator .label_wrap label { padding: 8px; display: block; }

div#life_insurance_calculator .label_wrap .hide_option { height: 0; overflow: hidden; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s; }

div#life_insurance_calculator .label_wrap .hide_option label { display: inline-block!important; /* width: auto; */ }

div#life_insurance_calculator .label_wrap .hide_option.clicked { height: auto; overflow: visible; }

div#life_insurance_calculator input.number { display: block; border: 1px solid #ccc; border-radius: 4px; margin: 5px auto 10px; width: calc(100% - 20px); padding: 8px; }

div#life_insurance_calculator div.result { display: block; border: 1px solid #ccc; border-radius: 4px; margin: 5px; width: 100%; }

/*== start of code for tooltips ==*/
.tool { cursor: help; position: relative; }

/*== common styles for both parts of tool tip ==*/
.tool::after, .tool::before { left: 50%; opacity: 0; position: absolute; z-index: -100; }

.tool:focus::after, .tool:focus::before, .tool:hover::after, .tool:hover::before { opacity: 1; transform: scale(1) translateY(0); z-index: 100; }

/*== pointer tip ==*/
.tool::before { border-style: solid; border-width: 1em 0.75em 0 0.75em; border-color: #3e474f transparent transparent transparent; bottom: 100%; content: ""; margin-left: -0.5em; transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26),opacity 0.65s 0.5s; transform: scale(0.6) translateY(-90%); }

.tool:focus::before, .tool:hover::before { transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s; }

/*== speech bubble ==*/
.tool::after { background: #3e474f; border-radius: 0.25em; bottom: 180%; color: #edeff0; content: attr(data-tip); margin-left: -8.75em; padding: 1em; transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s; transform: scale(0.6) translateY(50%); width: 17.5em; }

.tool:focus::after, .tool:hover::after { transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26); }

@media (max-width: 760px) {
  .tool::after { font-size: 0.75em; margin-left: -5em; width: 10em; }
}

div.head_foot_cta_strip { background: #6a39b3; padding: 5px; position: relative; z-index: 9; }

@media (max-width: 499px) {
  body.home div.head_foot_cta_strip { display: none; }
}

body.life-insurance-free-gift div.head_foot_cta_strip, body.page-template-template-other-product-list-page div.head_foot_cta_strip, body.page-template-template-other-product-page div.head_foot_cta_strip, body.single-providers:not(.cat-23-id) div.head_foot_cta_strip { display: none; }

@media (max-width: 399px) {
  div.head_foot_cta_strip { padding: 5px 0; }
}

div.head_foot_cta_strip a { color: #fff; }

div.head_foot_cta_strip a.callus { font-size: 1.25em; }

div.head_foot_cta_strip a.callus i { margin-right: 5px; }

@media (max-width: 767px) {
  div.head_foot_cta_strip a.callus span.span1 { display: none; }
}

div.head_foot_cta_strip a.callus span.span2 { font-weight: 800; }

@media (max-width: 499px) {
  div.head_foot_cta_strip a.callus { display: none; }
}

div.head_foot_cta_strip .callus_small { display: none!important; }

@media (max-width: 499px) {
  div.head_foot_cta_strip .callus_small { display: inline-block!important; }
}

div.head_foot_cta_strip .container { position: relative; padding: 0!important; }

div.head_foot_cta_strip .container .head_cta { position: absolute; right: 0; z-index: 1; }

@media (max-width: 499px) {
  div.head_foot_cta_strip .container .head_cta { position: relative; right: 0; text-align: center; }
}

div.head_foot_cta_strip .container .head_cta .header_cta_inner { display: inline-block; padding: 8px 16px 8px 40px; font-weight: 600; position: relative; background-color: #444; border: 1px solid #fff; -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }

div.head_foot_cta_strip .container .head_cta .header_cta_inner i { margin-right: 10px; font-size: 1.5em; position: absolute; left: 10px; }

@media (max-width: 767px) {
  div.head_foot_cta_strip .container .head_cta .header_cta_inner { padding: 5px 11px 5px 37px; }
}

@media (max-width: 599px) {
  div.head_foot_cta_strip .container .head_cta .header_cta_inner { padding: 5px 6px 5px 25px; font-size: 0.8em; }
  div.head_foot_cta_strip .container .head_cta .header_cta_inner i { top: 4px; left: 4px; }
}

div#hero_2 { position: relative; top: 180px; max-width: 1800px; margin: 0 auto 230px; overflow: hidden; }

@media (max-width: 1100px) {
  div#hero_2 { top: 140px; margin-bottom: 190px; }
}

@media (max-width: 767px) {
  div#hero_2 { top: 110px; margin-bottom: 160px; }
}

@media (max-width: 499px) {
  div#hero_2 { height: 190px; margin-bottom: 110px; }
  body.home div#hero_2 { top: 72px; margin-bottom: 72px; }
}

body.life-insurance-free-gift div#hero_2, body.page-template-template-other-product-list-page div#hero_2, body.page-template-template-other-product-page div#hero_2, body.single-providers:not(.cat-23-id) div#hero_2 { top: 140px; margin: 0 auto 170px; }

@media (max-width: 1100px) {
  body.life-insurance-free-gift div#hero_2,   body.page-template-template-other-product-list-page div#hero_2,   body.page-template-template-other-product-page div#hero_2, body.single-providers:not(.cat-23-id) div#hero_2 { top: 105px; margin: 0 auto 130px; }
}

@media (max-width: 767px) {
  body.life-insurance-free-gift div#hero_2,   body.page-template-template-other-product-list-page div#hero_2,   body.page-template-template-other-product-page div#hero_2, body.single-providers:not(.cat-23-id) div#hero_2 { top: 72px; margin-bottom: 90px; }
}

@media (max-width: 499px) {
  body.life-insurance-free-gift div#hero_2,   body.page-template-template-other-product-list-page div#hero_2,   body.page-template-template-other-product-page div#hero_2, body.single-providers:not(.cat-23-id) div#hero_2 { margin-bottom: 72px; }
}

div#hero_2 img { height: 300px; }

@media (max-width: 1345px) {
  div#hero_2 img { position: relative; left: -30px; }
}

@media (max-width: 1209px) {
  div#hero_2 img { left: -40px; }
}

@media (max-width: 1100px) {
  div#hero_2 img { height: 250px; }
}

@media (max-width: 849px) {
  div#hero_2 img { height: 210px; }
}

@media (max-width: 767px) {
  div#hero_2 img { height: 170px; left: -30px; }
}

@media (max-width: 349px) {
  div#hero_2 img { left: -50px; }
}

div#hero_2 .container-container { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

@media (max-width: 1100px) {
  div#hero_2 .container-container { font-size: 0.9em; }
}

@media (max-width: 991px) {
  div#hero_2 .container-container { font-size: 0.75em; }
}

div#hero_2 .container-container .container { height: 100%; padding: 0; }

div#hero_2 .container-container .container .caption { float: right; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 699px) {
  div#hero_2 .container-container .container .caption { padding: 18px; background: rgba(255, 255, 255, 0.8); }
}

@media (max-width: 499px) {
  div#hero_2 .container-container .container .caption { background: none; padding: 0; width: 100%; height: 100%; }
  div#hero_2 .container-container .container .caption h1 { margin: 0; position: absolute; top: 0; left: 0; width: 100%; text-align: center; padding: 5px; background: rgba(255, 255, 255, 0.8); }
}

div#hero_2 .container-container .container .caption ul { font-size: 2em; color: #6a39b3; float: right; }

@media (max-width: 767px) {
  div#hero_2 .container-container .container .caption ul { font-size: 1.66em; font-weight: 400; }
}

@media (max-width: 499px) {
  div#hero_2 .container-container .container .caption ul { font-size: 1.25em!important; position: absolute; right: 5px; bottom: 50px; padding: 5px; background: rgba(255, 255, 255, 0.9); }
}

@media (max-width: 399px) {
  div#hero_2 .container-container .container .caption ul { letter-spacing: -0.5px; }
}

body.landing-page-3 #hero_2 h1 { max-width: 540px; font-size: 2.5em!important; padding: 20px; background: rgba(255, 255, 255, 0.9); }

body.landing-page-3 #hero_2 h1 span { display: block; margin: 20px 0 0 0; }

@media (max-width: 991px) {
  body.landing-page-3 #hero_2 h1 { font-size: 2.125em!important; }
}

@media (max-width: 767px) {
  body.landing-page-3 #hero_2 h1 { font-size: 2em!important; }
}

@media (max-width: 699px) {
  body.landing-page-3 #hero_2 h1 { background: none; }
}

@media (max-width: 599px) {
  body.landing-page-3 #hero_2 h1 { font-size: 1.75em!important; }
}

@media (max-width: 499px) {
  body.landing-page-3 #hero_2 h1 { font-size: 1.5em!important; padding: 15px!important; }
  body.landing-page-3 #hero_2 h1 span { margin: 10px 0 0 0; }
}

body.landing-page-3 .content ul.block_list li { text-align: center!important; background: #f3f3f3; border: 3px solid #fff; padding: 20px; }

body.landing-page-3 .content ul.block_list li a { display: block; }

section#strapline_landing { background: #6a39b3; color: #fff; }

section#strapline_landing li { border: 3px solid #6a39b3; background: #fff; color: #6a39b3; }

section#strapline_landing li div { padding: 20px; }

section#strapline_landing li i { display: block; font-size: 2.5em; border-bottom: 3px solid #d3d3d3; padding-bottom: 15px; margin-bottom: 10px; }

section#strapline_landing li span { font-size: 2em; font-weight: 800; }

section#strapline_landing li p { font-weight: 600; max-width: 250px; margin: auto; }

section#strapline_landing a { color: #fff; text-decoration: underline; }

section#strapline_landing .main-text { background: #fff; color: #6a39b3; padding: 20px; }

section#strapline_landing .main-text p { font-size: 2em; font-weight: 600; margin: 0; }

section#strapline_landing .main-text p span { font-weight: 800; }

a.landing-logo { display: block; z-index: 999; position: relative; background: url(../../images/qqi-logo-400.png); background-repeat: no-repeat; background-size: 100%; width: 200px; height: 112px; color: transparent; line-height: 0; font-size: 0; z-index: 999; margin: 30px auto; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s; }

div#call_me_back_form_pop { position: fixed; overflow: scroll; pointer-events: none; opacity: 0; background: #fff; z-index: 999; top: 0; left: 0; width: 100%; height: 0; -webkit-transition: 0.33s; -moz-transition: 0.33s; -ms-transition: 0.33s; -o-transition: 0.33s; transition: 0.33s; }

div#call_me_back_form_pop.opened { padding: 35px 0 0 0; pointer-events: all; opacity: 1; width: 100%; height: 100%; }

div#call_me_back_form_pop #call_me_back { display: none; }

div#call_me_back_form_pop #call_me_back.opened { display: block; }

div#call_me_back_form_pop .fa-times { position: absolute; right: 20px; top: -25px; z-index: 999; cursor: pointer; }

div#call_me_back_form_pop .container { padding: 0!important; margin: 0!important; max-width: 100%!important; }

div#call_me_back_form_pop div#above-fold-form { padding: 0!important; }

header .head_foot_cta_strip.tophead_hide { display: none; }

header .head_cta { top: 50%; }

@media (max-width: 767px) {
  header .head_cta { top: -3px; }
}

@media (max-width: 599px) {
  header .head_cta { top: 0; right: 3px; }
}

footer .head_cta { bottom: 50%; }

@media (max-width: 767px) {
  footer .head_cta { bottom: -3px; }
}

@media (max-width: 599px) {
  footer .head_cta { bottom: 0; }
}

#cta { position: relative; max-width: 599px; margin: 65px 15px; background: #6a39b3; color: #fff; padding: 10px 100px 10px 25px; box-shadow: 0 0 4px 0 grey; -webkit-box-shadow: 0 0 4px 0 grey; -moz-box-shadow: 0 0 4px 0 grey; }

#cta a { color: #fff; }

#cta h3 { font-weight: 200; font-size: 3em; letter-spacing: -1px; line-height: 95%; color: #fff; }

#cta h3 span { font-weight: 600; }

#cta #cta_img { width: 235px; height: 235px; position: absolute; border-radius: 150px; top: -60px; right: -125px; overflow: hidden; border: 5px solid #fff; }

#cta #cta_img img { max-height: 100%; }

@media (max-width: 849px) {
  #cta #cta_img { width: 190px; height: 190px; position: absolute; border-radius: 150px; top: -35px; right: -80px; overflow: hidden; border: 5px solid #fff; }
}

@media (max-width: 767px) {
  #cta { max-width: 440px; }
  #cta h3 { font-size: 2em; }
  #cta #cta_img { top: -35px; right: -45px; width: 160px; height: 160px; }
}

@media (max-width: 599px) {
  #cta { margin: 35px 15px; max-width: 320px; padding: 10px 100px 10px 15px; }
  #cta #cta_img { top: -20px; right: -45px; width: 160px; height: 160px; }
}

@media (max-width: 399px) {
  #cta { max-width: 250px; padding: 10px 90px 10px 15px; }
  #cta h3 { font-size: 1.5em; line-height: 115%; }
  #cta #cta_img { top: -8px; right: -40px; width: 125px; height: 125px; }
}

.page-template-template-landing-page div#above-fold { margin-bottom: 0!important; background: none!important; padding-bottom: 30px!important; }

.page-template-template-landing-page-2 div#above-fold { background: none!important; }

body.thanks div#above-fold-content { margin-top: 275px; }

@media (max-width: 1100px) {
  body.thanks div#above-fold-content { margin-top: 205px; }
}

@media (max-width: 767px) {
  body.thanks div#above-fold-content { margin-top: 165px; }
}

div#above-fold { position: relative; padding: 10px 0 100px; top: 175px; margin-bottom: 175px; background: url(../images/quick_quote_insurance_image.jpg); background-size: cover; background-attachment: fixed; background-position: 25% 50%; }

@media (max-width: 1100px) {
  div#above-fold { top: 145px; margin-bottom: 145px; }
}

@media (max-width: 1023px) {
  div#above-fold { background: url(../images/quick_quote_insurance_image_900.jpg); background-size: cover; background-position: 25% 50%; }
}

@media (max-width: 767px) {
  div#above-fold { background: none; top: 100px; margin-bottom: 0; }
}

@media (max-width: 499px) {
  body.page-template-template-landing-page div#above-fold { top: 55px; }
}

div#above-fold:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; opacity: 0.66; z-index: 0; }

@media (max-width: 599px) {
  div#above-fold .container { padding: 0; }
}

div#above-fold div#above-fold-form { min-height: 300px; margin-top: 15px; background: rgba(255, 255, 255, 0.85); padding: 15px; }

@media (max-width: 991px) {
  div#above-fold div#above-fold-form { margin-top: 10px; padding: 10px; }
}

div#above-fold div#above-fold-content { min-height: 300px; margin-top: 75px; background: rgba(255, 255, 255, 0.85); padding: 55px; border: 3px solid #6a39b3; -webkit-border-radius: 20px; border-radius: 20px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }

@media (max-width: 991px) {
  div#above-fold div#above-fold-content { margin-top: 10px; padding: 10px; }
}

@media (max-width: 599px) {
  div#above-fold div#above-fold-content { border: none; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }
}

div#above-fold div#above-fold-content .qa { margin: 10px 0 50px 0; }

div#above-fold div#above-fold-content ul li { margin: 20px 0; padding-left: 30px; }

@media (max-width: 599px) {
  div#above-fold div#above-fold-content ul li { padding-left: 10px; }
}

div#above-fold div#above-fold-content .answer { padding-left: 20px; }

@media (max-width: 599px) {
  div#above-fold div#above-fold-content .answer { padding-left: 10px; }
}

div#above-fold div#above-fold-content img { max-width: 100%; margin: auto; display: block; }

div#above-fold.enquiry { padding: 150px 0 0; }

@media (max-width: 1209px) {
  div#above-fold.enquiry { padding: 120px 0 0; }
}

@media (max-width: 599px) {
  div#above-fold.enquiry { padding: 75px 0 0; }
}

div#above-fold.enquiry div#above-fold-form { font-size: 1.33em; padding: 45px 100px; letter-spacing: -0.5px; border: 0; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }

div#above-fold.enquiry div#above-fold-form strong { font-size: 1.5em; letter-spacing: -1px; }

@media (max-width: 767px) {
  div#above-fold.enquiry div#above-fold-form { padding: 30px; }
  div#above-fold.enquiry div#above-fold-form strong { font-size: 1.25em; }
}

div#above-fold.enquiry:before { opacity: 0; }

@media (max-width: 599px) {
  div#above-fold-form { padding: 0!important; }
}

body.page-template-template-product-page div#above-fold:before { opacity: 0.85; }

p.below-form { margin: 30px 0 0 0; text-align: center; color: #484848; font-size: 0.75em; padding: 20px 60px; position: relative; }

p.below-form a { color: #484848; font-weight: 700; }

main div#content { margin: 50px 0 0; line-height: 165%; }

ul#icons_list { text-align: center; padding: 10px 10px 0; background: #6a39b3; color: #fff; }

ul#icons_list li { display: inline-block; margin: 0 20px; }

header#masthead { position: fixed; z-index: 10; width: 100%; background: #fff; box-shadow: 0 0 4px 0 grey; -webkit-box-shadow: 0 0 4px 0 grey; -moz-box-shadow: 0 0 4px 0 grey; }

header#masthead #mainhead { padding: 0; }

header#masthead #mainhead .container { padding: 0; position: relative; height: 100%; }

header#masthead #mainhead a.header-logo { display: inline-block; margin-top: 15px; margin-bottom: 15px; float: left; background: url(../images/qqi-logo-400.png); background-repeat: no-repeat; background-position: center; background-size: 100%; width: 200px; height: 92px; color: transparent; line-height: 0; font-size: 0; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { header#masthead #mainhead a.header-logo { background: url(../images/qqi-logo-400.png); background-repeat: no-repeat; background-size: 100%; }
}

@media (max-width: 1100px) {
  header#masthead #mainhead a.header-logo { width: 135px; height: 75px; }
}

@media (max-width: 767px) {
  header#masthead #mainhead a.header-logo { width: 110px; height: 62px; margin-top: 5px; margin-bottom: 5px; }
}

header#masthead #mainhead a.header-logo.editorial_logo { width: 135px!important; height: 75px!important; margin-top: 5px!important; margin-bottom: 5px!important; margin-left: 25px; }

header#masthead #mainhead .shrink-header-logo { margin-top: 4px!important; margin-bottom: 4px!important; background: url(../images/qqi-logo-400.png)!important; background-repeat: no-repeat!important; background-size: 100%!important; width: 100px!important; height: 56px!important; background-position: center!important; }

header#masthead #nav { display: block; position: absolute; right: 0; top: calc(50% - 17.5px); }

@media (min-width: 768px) {
  header#masthead #nav { display: block!important; }
}

header#masthead #nav ul { text-align: center; }

header#masthead #nav ul li.current-menu-parent a, header#masthead #nav ul li.current_page_item a { color: #6a39b3; border-bottom: 1px solid; }

header#masthead #nav ul li.current-menu-parent { cursor: pointer; }

header#masthead #nav ul li { display: inline-block; }

header#masthead #nav ul li a { display: block; margin: 0 0 0 1px; padding: 6px 10px; color: #333; text-decoration: none; line-height: 1; font-size: 0.95em; font-weight: 600; text-transform: uppercase; border-bottom: 1px solid transparent; font-family: "Roboto",sans-serif; }
h1, h2, h3, h4, h5 { font-family: "Montserrat",sans-serif; font-weight: 700; color: #000; }

.no-touch header#masthead #nav ul li a:hover { color: #6a39b3; border-bottom: 1px solid; }

@media (max-width: 991px) {
  header#masthead #nav ul li a { padding: 6px; font-size: 0.9em; }
}

@media (max-width: 849px) {
  header#masthead #nav ul li a { padding: 6px; font-size: 0.75em; }
}

header#masthead #nav ul li.menu-item-has-children { cursor: pointer; }

header#masthead #nav ul li.menu-item-has-children a { position: relative; padding: 6px 30px 6px 10px; }

header#masthead #nav ul li.menu-item-has-children a:after { content: ""; right: 10px; top: 10px; position: absolute; width: 0; height: 0; border-style: solid; border-width: 7px 4px 0 5px; border-color: #666 transparent transparent transparent; transform: rotate(0); }

header#masthead #nav ul li.menu-item-has-children a.active-sub:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

header#masthead #nav ul ul.sub-menu { display: none; position: absolute; background: #6a39b3; }

header#masthead #nav ul ul.sub-menu li { display: block; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.25); }

header#masthead #nav ul ul.sub-menu li a { color: #fff; }

.no-touch header#masthead #nav ul ul.sub-menu li a:hover { color: #ebdeff; border-bottom: 1px solid transparent; }

header#masthead #nav ul ul.sub-menu li a:after { display: none; }

header#masthead #nav ul ul.sub-menu li ul.sub-menu { position: relative; }

@media (max-width: 499px) {
  header#masthead #nav { padding: 0!important; }
}

@media (max-width: 499px) {
  header#masthead #nav .container { padding-right: 3px; padding-left: 3px; }
}

@media (max-width: 767px) {
  header#masthead #nav { display: none; background: #dfdcd7; background: linear-gradient(90deg, #dfdcd7 0, #fff 50%, #dfdcd7 100%); top: 100%; right: auto; width: calc(100% + 30px); left: -15px; }
  header#masthead #nav ul li { display: block; width: 100%; text-align: center; }
  header#masthead #nav ul li a { font-size: 0.85em; border-bottom: #bbb 1px solid; }
  header#masthead #nav ul li.current_page_item a { color: #fff; background: #661385; }
  header#masthead #nav ul li.menu-item-has-children a { padding: 6px 24px 6px 6px; }
  header#masthead #nav ul li.menu-item-has-children a:after { right: calc(50% - 45px); }
  header#masthead #nav ul li.menu-item-has-children ul.sub-menu { position: relative; }
  header#masthead #nav ul li.menu-item-has-children ul.sub-menu li { text-align: center; }
  header#masthead #nav ul li.menu-item-has-children ul.sub-menu li a { border-bottom: none; }
}

header#masthead #menu-button { display: none; cursor: pointer; }

@media (max-width: 767px) {
  header#masthead #menu-button { display: block!important; position: absolute; color: #6a39b3; top: calc(50% - 15px); right: 20px; font-size: 1.25em; }
}

#admin-menu { background: #c4c4c4; color: #fff; z-index: 1; position: fixed; width: 100%; top: 170px; }

#admin-menu .container { margin-top: -16px; }

#admin-menu li { position: relative; display: block; float: left; }

#admin-menu a { padding: 0 12px; display: block; color: #fff; transition: 0.25s; }

#admin-menu a:active, #admin-menu a:focus, #admin-menu a:hover { background-color: #333; }

#admin-menu a.post-edit-link { text-transform: uppercase; background: #6a39b3; color: #1e1c1c; transition: 0.25s; }

#admin-menu a.post-edit-link:active, #admin-menu a.post-edit-link:focus, #admin-menu a.post-edit-link:hover { background-color: #77169c; }

#admin-menu .avatar { display: block; float: left; }

#admin-menu .user { margin-right: 10px; background: #333; text-align: center; height: 35px; float: left; padding: 0 20px; margin: 0; }

#admin-menu .submenu { background: rgba(0, 0, 0, 0.8); position: absolute; display: none; width: 200%; top: 100%; left: 0; }

#admin-menu .submenu li { float: none; }

footer { z-index: 10; }

#footer { background: #f0f0f0; text-align: center; color: #0a0a13; font-size: 0.9em; padding: 30px; }

#footer img { max-width: 30%; }

#footer a { color: #0a0a13; }

@media (max-width: 1023px) {
  #footer { padding: 15px; }
}

#footer nav { margin: auto; }

#footer nav h4 { float: left; font-size: 1.125em; line-height: 130%; font-weight: 600; }

@media (max-width: 1100px) {
  #footer nav h4 { float: none; }
}

#footer ul.brands li { display: inline-block; text-align: center; margin: 0 10px; }

#footer ul.brands li a { display: block; font-size: 1.5em; }

#footer ul#menu-footer-menu { margin-bottom: 30px; margin-left: 15px; float: left; line-height: 145%; }

@media (max-width: 1100px) {
  #footer ul#menu-footer-menu { float: none; margin-left: 0; }
}

#footer ul#menu-footer-menu li { display: inline-block; padding: 0 10px; margin-left: -5px; border-right: 1px solid; font-size: 0.9em; }

#footer ul#menu-footer-menu li:last-child { border-right: none; }

@media (max-width: 599px) {
  #footer ul#menu-footer-menu li { display: block; border-right: none; }
}

div#footer_footer { background: #d3d3d3; font-size: 0.8em; text-align: center; padding: 10px 0; font-weight: 600; }

.cookie-notice-container a { color: #fff; text-decoration: underline; }

div#homepage { background: rgba(255, 255, 255, 0.75); margin-top: 20px; padding: 0 10px; }

@media (max-width: 599px) {
  div#homepage { margin-top: 0; }
  div#homepage h2 { font-size: 1.5em; }
  div#homepage p { font-size: 0.95em; margin: 15px 0; line-height: 150%; }
}

.page-template-template-landing-page ul#providers { margin: 0!important; padding: 5px 30px; }

@media (max-width: 599px) {
  .page-template-template-landing-page ul#providers .slick-prev { left: 5px; }
  .page-template-template-landing-page ul#providers .slick-next { right: 5px; }
}

.page-template-template-landing-page ul#providers a { height: 55px; }

.page-template-template-landing-page ul#providers a img { max-height: 100%; max-width: 100%; margin: auto; }

ul#providers { margin: 1em 0; }

@media (max-width: 599px) {
  ul#providers { padding: 5px; }
}

ul#providers li { padding: 0 20px; }

@media (max-width: 599px) {
  ul#providers li { padding: 0 10px; }
}

ul#providers li a { display: block; height: 200px; position: relative; }

ul#providers li a img { max-width: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 599px) {
  ul#providers li a { height: 150px; }
}

@media (max-width: 499px) {
  ul#providers li a { height: 115px; }
}

.slick-prev:before { content: "\f053"; }

.slick-next:before { content: "\f054"; }

.slick-next:before, .slick-prev:before { font-family: "Font Awesome\ 5 Free"; font-size: 20px; line-height: 1; color: #484848; opacity: 0.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 900; }

.slick-dots { bottom: 0; }

@media (max-width: 599px) {
  .slick-prev { left: -15px; }
  .slick-next { right: -15px; }
}

ul#why-choose li { margin: 15px 0; }

ul#why-choose li span { margin: 0 auto; display: block; text-align: center; background: #828dcc; padding: 10px; width: 220px; height: 220px; -webkit-border-radius: 150px; border-radius: 150px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }

ul#why-choose li span img { max-width: 130px; max-height: 130px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

ul#why-choose li h3 { text-align: center; margin: 15px 0; }

.border-top-list li.post { margin-bottom: 10px; }

.border-top-list li.post a { position: relative; border-top: 5px solid; box-shadow: 0 0 3px 0 #ccc; -webkit-box-shadow: 0 0 3px 0 #ccc; -moz-box-shadow: 0 0 3px 0 #ccc; }

.border-top-list li.post a .image-fill { width: 100%!important; }

.border-top-list li.post a .image-holder { height: 175px; }

.border-top-list li.post a .image-holder img { max-height: 100px; }

.border-top-list li.post a .text-wrapper { background: #6a39b3; position: relative; bottom: 0; width: 100%; }

.border-top-list li.post a .text-wrapper h3 { margin: 0; padding: 10px; color: #fff; font-size: 1em; text-align: center; line-height: 155%; }

div#editorial { position: relative; top: 225px; margin-bottom: 300px; }

@media (max-width: 1100px) {
  div#editorial { top: 175px; margin-bottom: 250px; }
}

@media (max-width: 767px) {
  div#editorial { top: 125px; margin-bottom: 200px; }
}

div#editorial h1 { margin-top: 0; font-size: 3em; font-weight: 600; letter-spacing: -0.033em; }

div#editorial img { width: 100%; height: auto; max-width: 700px; margin: 25px 0; max-height: 500px; }

div#editorial a.editorial_link_btn { padding: 10px; background: #6a39b3; text-align: center; color: #fff; border-right: 10px solid #fff; margin: 5px 0; font-size: 1.125em; font-weight: 600; }

@media (max-width: 991px) {
  div#editorial a.editorial_link_btn { border-right: 0; }
}

div#editorial div#editorial-content { margin-top: 25px; }

div#editorial div#editorial-content h3 { font-size: 1.33em; margin: 1.33em 0 0.66em; font-weight: 600; }

section#homepage_blog { background: #dfdcd7; background: linear-gradient(90deg, #dfdcd7 0, #fff 50%, #dfdcd7 100%); padding: 45px 0; }

section#homepage_blog ul.slick-dots { position: relative; }

ul.blog { background: #fff; margin-left: -15px!important; margin-right: -15px!important; padding: 10px; box-shadow: 0 2px 7px 0 #bbb; -webkit-box-shadow: 0 2px 7px 0 #bbb; -moz-box-shadow: 0 2px 7px 0 #bbb; }

@media (max-width: 599px) {
  ul.blog { margin-left: 0!important; margin-right: 0!important; }
}

ul.blog .image-fill { height: 200px; }

ul.blog .image-fill img { -webkit-transition: 0.33s; -moz-transition: 0.33s; -ms-transition: 0.33s; -o-transition: 0.33s; transition: 0.33s; }

ul.blog li { padding: 0 10px; margin: 10px 0 10px; }

ul.blog li .heading_container { background: #6a39b3; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s; }

ul.blog li .heading_container h3 { padding: 10px 20px; color: #fff; font-size: 1em; text-align: center; line-height: 155%; }

@media (max-width: 1100px) {
  ul.blog .image-fill { height: 190px; }
}

@media (max-width: 1023px) {
  ul.blog .image-fill { height: 180px; }
}

@media (max-width: 991px) {
  ul.blog .image-fill { height: 200px; }
  ul.blog li .heading_container h3 { padding: 8px 16px; font-size: 0.9em; line-height: 145%; }
}

@media (max-width: 849px) {
  ul.blog .image-fill { height: 180px; }
}

@media (max-width: 799px) {
  ul.blog .image-fill { height: 160px; }
}

@media (max-width: 699px) {
  ul.blog .image-fill { height: 140px; }
}

@media (max-width: 599px) {
  ul.blog .image-fill { height: 120px; }
  ul.blog li .heading_container h3 { padding: 6px 12px; font-size: 0.8em; line-height: 135%; }
}

@media (max-width: 479px) {
  ul.blog .image-fill { height: 200px; }
}

@media (max-width: 399px) {
  ul.blog .image-fill { height: 180px; }
}

.post .image-fill { height: 160px; width: 140px; }

.post .image-fill img { max-width: none; }

#blog-post { margin-top: 200px; }

@media (max-width: 991px) {
  #blog-post { margin-top: 180px; }
}

@media (max-width: 767px) {
  #blog-post { margin-top: 115px; }
}

.the-blog-post img { float: left; margin-right: 30px; }

@media (max-width: 767px) {
  .the-blog-post img { display: block; }
}

.the-blog-post img.alignright { float: right!important; margin: 30px!important; }

@media (max-width: 767px) {
  .the-blog-post img.alignright { max-width: 100%; float: none!important; margin: 10px 0!important; }
}

.pagination { margin-top: 30px; display: block; padding-left: 0; list-style: none; border-radius: 0.25rem; text-align: center; }

.pagination a, .pagination span { margin: 0 10px; }

body.page-template-template-landing-page-2 div#hero_img { position: absolute; top: 180px; height: 400px; width: 100%; opacity: 0.66; }

@media (max-width: 1100px) {
  body.page-template-template-landing-page-2 div#hero_img { top: 145px; height: 275px; }
}

@media (max-width: 767px) {
  body.page-template-template-landing-page-2 div#hero_img { top: 110px; height: 150px; }
}

body.page-template-template-landing-page-2 div#above-fold h1 { font-size: 4em; text-shadow: 0 0 24px #dedede; position: relative; top: 30px; line-height: 1; }

body.page-template-template-landing-page-2   div#above-fold   .landing-2-text-container { padding: 20px; background: #fff; position: relative; margin-top: 73px; width: 100%; }

body.page-template-template-landing-page-2   div#above-fold   .landing-2-text-container   p { margin: 20px 0 30px; }

body.page-template-template-landing-page-2 div#above-fold h2 { margin-top: 0; }

body.page-template-template-landing-page-2 div#above-fold:before { background: none!important; }

@media (max-width: 1100px) {
  body.page-template-template-landing-page-2 div#above-fold h1 { font-size: 3.5em; top: 30px; }
  body.page-template-template-landing-page-2 div#above-fold h2 { font-size: 1.125em; letter-spacing: 0; line-height: 150%; }
}

@media (max-width: 767px) {
  body.page-template-template-landing-page-2 div#above-fold h1 { font-size: 3em; top: 30px; }
}

div#other_insurance_providers { margin: 30px 0 120px; }

@media (max-width: 1345px) {
  div#other_insurance_providers { padding: 0 10px; }
}

ul#editorials_list { margin: 30px 0 120px; }

li.post { padding: 5px!important; }

@media (max-width: 599px) {
  li.post { padding: 2px!important; }
}

li.post a { background: #fff; display: block; text-align: center; }

li.post a h2 { padding-top: 20px; margin: 0 0 20px 0; }

li.post a .image-holder { height: 225px; }

@media (max-width: 991px) {
  li.post a .image-holder { height: 200px; }
}

@media (max-width: 599px) {
  li.post a .image-holder { height: 180px; }
}

@media (max-width: 479px) {
  li.post a .image-holder { height: 200px; }
}

@media (max-width: 399px) {
  li.post a .image-holder { height: 170px; }
}

li.post a .image-holder img { max-width: 230px; max-height: 130px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 991px) {
  li.post a .image-holder img { max-width: 90%; margin-left: 2.5%; }
}

main#provider { margin-top: 230px; }

@media (max-width: 991px) {
  main#provider { margin-top: 200px; }
}

@media (max-width: 649px) {
  main#provider { margin-top: 140px; }
  main#provider h1 { color: transparent; line-height: 0; font-size: 0; }
}

main#provider img { display: block; margin: 0 auto 50px; width: 100%; max-width: 400px; }

@media (max-width: 649px) {
  main#provider img { margin: 0 auto 25px; }
}

.single-providers div#above-fold { padding: 0!important; background: none!important; }

div#summarycontent { padding-top: 185px; font-size: 1.125em; }

@media (max-width: 991px) {
  div#summarycontent { padding-top: 145px; }
}

@media (max-width: 767px) {
  div#summarycontent { padding-top: 115px; }
}

div#summarycontent label { color: #6a39b3; display: block; }

div#summary_details { padding-right: 70px; }

div#summary_details .summaryinner { pointer-events: none; }

@media (max-width: 767px) {
  div#summary_details { padding-right: 0; padding-left: 0; }
}

div#summarycontent h1 { margin: 50px 0; }

@media (max-width: 991px) {
  div#summarycontent h1 { margin: 30px 0; }
}

div#summarycontent span:not(.price) { display: block; padding: 5px 10px; border-radius: 5px; border: 1px solid #d0d0d0; margin-bottom: 15px; margin-top: 10px; }

a.btn.btn-block.btn-info { background: #269abc!important; }

a.btn.btn-block.btn-success { background: #398439!important; }

.estimate { margin: 40px 0; height: 110px; }

.estimate img { max-width: 150px; float: left; margin-right: 30px; max-height: 105px; }

.estimate .estimate_inner { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.estimate small { display: block; font-size: 70%; }

.estimate span.price { font-size: 2em; font-weight: 700; color: #6a39b3; }

.sideinfo { font-size: 0.85em; background: #f5f5f5; padding: 20px; margin-top: 37px; }

.sideinfo h3 { font-weight: 600; letter-spacing: -0.5px; }

.sideinfo ul { list-style: disc; padding-left: 20px; line-height: 185%; }

.sideinfo small { background: #fff; display: block; padding: 10px; text-align: center; font-weight: 600; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.125); -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.125); -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.125); }

div#formsubmit { margin: 30px 0 0 0; position: relative; text-align: center; }

div#formsubmit input.wpcf7-form-control.wpcf7-submit { width: 230px; /* position: relative; */ margin: 0; background: #78be20; color: #fff; border: none; padding: 10px 25px 10px 0; font-size: 1.25em; }

div#formsubmit i.fa.fa-search { position: absolute; left: calc(50% + 70px); color: #fff; top: 14px; font-size: 1.125em; }

body.contact-us div#above-fold-form { padding: 50px 0 0 0; }

@media (max-width: 767px) {
  div#contact-content { text-align: center; }
}

.date-3-box [class*="col-"] { padding: 0 2px; }

form.call_me_back [class*="col-"], form.contact_form [class*="col-"] { float: left; padding: 0!important; }

button.submit_contact { width: 100%; }

span#contact-content { text-align: center; border: 1px solid #999; display: block; padding: 15px; margin: 30px 0; }

span#contact-content p { margin: 0; }
/*  */
[data-list] {
    list-style: disc;
}