html{
box-sizing:border-box
}
*,*::after,*::before{
box-sizing:inherit
}
h1,h2,h3,h4,h5,h6,p,a,li{
font-family:Roboto,helvetica
}
h1,h2,h3,h4,h5,h6{
margin:0;
font-weight:500;
line-height:1
}
ul{
padding:0;
margin:0;
list-style-type:none
}
h1{
font-size:28px;
font-weight:normal;
line-height:34px;
letter-spacing:1px
}
@media(min-width:767px){
h1{
font-size:44px;
line-height:52px;
letter-spacing:1px
}
}
h2{
font-size:26px;
font-weight:normal;
line-height:34px;
color:#0097d6
}
@media(min-width:767px){
h2{
font-size:48px;
line-height:52px
}
}
h3{
font-size:16px;
font-weight:700
}
@media(min-width:767px){
h3{
font-size:24px
}
}
h4{
font-size:12px
}
@media(min-width:767px){
h4{
font-size:16px;
letter-spacing:1px
}
}
h5{
font-size:8px;
font-weight:500
}
@media(min-width:767px){
h5{
font-size:16px
}
}
h6{
font-weight:700
}
@media(min-width:767px){
h6{
font-size:15px
}
}
a{
color:blue;
text-decoration:underline
}
p{
font-size:12px;
line-height:16px
}
@media(min-width:767px){
p{
font-size:12px;
line-height:24px;
letter-spacing:1px
}
}
blockquote{
font-size:12px;
font-style:italic;
line-height:18px;
color:#4d4c4c
}
@media(min-width:767px){
blockquote{
line-height:22px
}
}
.well{
max-width:1400px;
margin:0 auto
}
.is-locked{
overflow:hidden
}
.btn{
display:inline-block;
padding:10px;
font-size:13px;
font-weight:700;
letter-spacing:2px;
color:#333;
text-decoration:none;
text-transform:uppercase;
border:1px solid #333;
border-radius:0;
white-space:normal;
line-height:inherit
}
.btn>svg{
display:inline;
width:15px;
height:15px;
vertical-align:middle;
fill:white
}
.btn--primary{
min-width:250px;
width:auto;
font-size:10px;
letter-spacing:1px;
color:#fff;
text-align:center;
background-color:#0097d6;
border-color:#0097d6;
transition:background-color .2s
}
@media(min-width:767px){
.btn--primary{
width:280px;
padding:15px;
font-size:12px;
letter-spacing:2px
}
}
.btn--primary:hover{
color:#0097d6;
background-color:#fff
}
.btn--secondary{
width:250px;
font-size:10px;
letter-spacing:1px;
color:#fff;
text-align:center;
background-color:#00b185;
border-color:#00b185;
transition:background-color .2s
}
@media(min-width:767px){
.btn--secondary{
width:280px;
padding:15px;
font-size:12px;
letter-spacing:2px
}
}
.btn--secondary:hover{
color:#00b185;
background-color:#fff
}
.btn--white{
width:250px;
font-size:10px;
letter-spacing:1px;
color:#0097d6;
text-align:center;
background-color:#fff;
border-color:#0097d6;
transition:background-color .2s
}
@media(min-width:767px){
.btn--white{
width:initial;
padding:15px;
font-size:12px;
letter-spacing:2px
}
}
.btn--white:hover{
color:#fff;
background-color:#0097d6
}
.btn--blue{
width:250px;
font-size:10px;
letter-spacing:1px;
color:#fff;
text-align:center;
background-color:#0097d6;
border-color:#fff;
transition:background-color .2s
}
@media(min-width:767px){
.btn--blue{
width:initial;
padding:15px;
font-size:12px;
letter-spacing:2px
}
}
.btn--blue:hover{
color:#0097d6;
background-color:#fff
}
.btn--transparent{
background-color:transparent;
border-color:#fff
}
.btn--transparent:hover{
color:#0097d6;
background-color:#fff
}
.btn--transparent.btn--secondary:hover{
color:#00b185
}
.btn--transparent.btn--secondary:hover>svg{
fill:#00b185
}
.btn--light{
font-weight:normal
}
.btn--link{
padding:0;
border:0
}
@media(min-width:767px){
.btn--link-desktop-button{
border:2px solid
}
}
.arrow--down{
display:inline-block;
width:0;
height:0;
margin-top:-3px;
vertical-align:middle;
border-top:5px solid #fff;
border-right:5px solid transparent;
border-left:5px solid transparent;
transition:.2s -webkit-transform;
transition:.2s transform
}
.checked-list__item{
padding:10px 0 10px 40px;
position:relative
}
.checked-list__item:before{
width:20px;
height:15px;
margin-right:20px;
background-image:url("https://jmwebsitemediasa.blob.core.windows.net/global/Media/checkmark.svg");
background-repeat:no-repeat;
background-size:auto 100%;
content:'';
position:absolute;
left:0;
top:12px
}
.color-bar:before{
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:2px;
background-color:#0097d6;
content:''
}
@media(min-width:767px){
.color-bar:before{
width:80%;
margin-right:30px;
margin-left:30px
}
}
.color-bar--0:before{
background-color:#d415cc
}
.color-bar--1:before{
background-color:#fbab18
}
.color-bar--2:before{
background-color:#00b185
}
.color-bar--3:before{
background-color:#004b98
}
.color-bar--4:before{
background-color:#ffe718
}
.color-bar--5:before{
background-color:#0097d6
}
.color-bar--6:before{
background-color:#2ebaba
}
.fade-in{
opacity:1;
transition:all .4s
}
.fade-in.is-hidden{
opacity:0;
-webkit-transform:translateY(150px);
transform:translateY(150px)
}
.fade-in:nth-child(2n){
transition-duration:.8s
}
.fade-in:nth-child(3n){
transition-duration:1.2s
}
.fade-in:nth-child(4n){
transition-duration:1.6s
}
.form{
font-size:18px;
line-height:32px
}
.form button[type="submit"]{
opacity:.4;
transition:opacity 1s
}
.form button[type="submit"].js-complete{
opacity:1
}
@media(min-width:767px){
.form{
font-size:24px;
line-height:60px
}
.form .btn{
padding:0
}
}
.form__text{
position:relative;
display:inline
}
.form__text:before{
content:'';
position:absolute;
width:96%;
height:2px;
background-color:#ccc;
background:linear-gradient(to right,#0097d6 50%,#ccc 50%);
background-size:200% 100%;
background-position:right bottom;
bottom:-7px;
left:0;
transition:background-position .5s
}
.form__text>input{
width:120px;
color:#333;
padding:5px;
border:0;
appearance:none
}
@media(min-width:767px){
.form__text>input{
width:150px
}
}
@media(min-width:992px){
.form__text>input{
width:200px
}
}
.form__text>input:focus{
outline:0
}
.form__text--dropdown:after{
content:'';
display:inline-block;
width:0;
height:0;
margin-right:10px;
vertical-align:middle;
border-top:8px solid #ccc;
border-right:8px solid transparent;
border-left:8px solid transparent
}
.form__text--dropdown.is-complete:after{
border-top-color:#333
}
.form__text--dropdown>input{
width:120px
}
@media(min-width:767px){
.form__text--dropdown>input{
width:150px
}
}
@media(min-width:992px){
.form__text--dropdown>input{
width:200px
}
}
.form__text.is-active:before{
background-position:left bottom
}
.form__text.is-active>input{
color:#0097d6
}
.form__text.is-complete:before{
background:linear-gradient(to right,#333 50%,#333 50%);
background-position:left bottom
}
.form__text.is-complete>input{
color:#333
}
.form__text.is-error:before{
background:linear-gradient(to right,#f15623 50%,#f15623 50%)
}
.form__radio{
display:block;
font-size:14px
}
.form__radio>input{
display:none
}
.form__radio>input:checked+label:before{
background-color:#0097d6
}
.form__radio>label{
margin-left:50px;
position:relative
}
.form__radio>label:before{
content:'';
width:15px;
height:15px;
border:1px solid #ccc;
position:absolute;
left:-20px;
top:0;
bottom:0;
margin:auto 0
}
.form__radio>label.is-error:before{
border:1px solid #f15623
}
.form__select{
position:relative;
display:inline
}
@media(min-width:767px){
.form__select>select{
display:none
}
}
.form__select-js{
display:none
}
.form__select-js>ul{
position:absolute;
top:0;
left:0;
font-size:14px;
line-height:18px;
color:#ccc;
width:400px;
border:1px solid #ccc;
text-align:left;
z-index:2;
display:none
}
.form__select-js>ul.is-visible{
display:block
}
@media(min-width:767px){
.form__select-js{
display:inline
}
}
.form__select-js-item{
padding:10px;
background-color:#fff
}
.form__select-js-item.is-active,.form__select-js-item:hover{
background-color:#0097d6
}
.form__error{
color:#f15623!important;
margin-bottom:20px!important
}
.form__recaptcha{
opacity:1;
max-height:none;
transition:all .5s;
pointer-events:auto;
clear:both;
transform:scale(.86);
-webkit-transform:scale(.86);
transform-origin:0 0;
-webkit-transform-origin:0 0
}
.form__recaptcha.js-complete{
opacity:1;
max-height:none;
pointer-events:auto
}
@media(min-width:321px){
.form__recaptcha{
transform:none;
-webkit-transform:none
}
}
.form__recaptcha div{
margin:20px auto 40px auto
}
.form__label{
display:block;
margin-top:10px
}
@media(min-width:767px){
.form__label{
display:inline;
margin-top:0
}
}
.nav{
position:absolute;
top:0;
z-index:3;
width:100%;
background:rgba(0,0,0,.5);
-webkit-overflow-scrolling:touch
}
.nav::after{
clear:both;
content:"";
display:table
}
.nav--is-fixed{
position:fixed;
-webkit-transform:translateY(-90px);
transform:translateY(-90px);
transition:-webkit-transform .5s;
transition:transform .5s
}
@media(min-width:767px){
.nav--is-fixed{
position:absolute
}
}
.nav--is-fixed-shown{
-webkit-transform:translateY(0);
transform:translateY(0)
}
.nav--is-open{
height:100vh
}
.nav__logo{
float:left;
margin:15px 0
}
@media(min-width:767px){
.nav__logo{
margin:20px 0
}
}
.nav__logo-sm{
width:30px;
height:30px;
margin-left:30px
}
@media(min-width:767px){
.nav__logo-sm{
display:none
}
}
.nav__logo-lg{
display:none;
width:185px;
height:50px;
margin-left:30px;
box-sizing:border-box;
fill:white
}
@media(min-width:767px){
.nav__logo-lg{
display:block
}
}
@media(min-width:992px){
.nav__logo-lg{
width:205px
}
}
.nav__list{
position:fixed;
top:0;
width:100%;
height:100vh;
max-height:0;
padding-left:60px;
overflow:hidden;
background:#fff;
transition:max-height 1s cubic-bezier(.175,.885,.32,1.275)
}
@media(min-width:767px){
.nav__list{
position:relative;
float:right;
width:calc(100% - 215px);
height:auto;
/*max-height:100%;*/
padding:25px 30px 25px 0;
overflow:visible;
text-align:right;
background:0
}
}
@media(min-width:992px){
.nav__list{
width:calc(100% - 235px)
}
}
.nav__list a{
padding-top:10px;
padding-bottom:10px
}
.nav__list--is-open,.no-js .nav__list{
max-height:100%;
overflow:auto
}
.nav__list-link{
padding-bottom:20px
}
@media(min-width:767px){
.nav__list-link{
position:relative;
display:inline;
padding-bottom:30px
}
.nav__list-link .btn{
color:#fff
}
.nav__list-link.nav__link--is-active>.nav__link,.nav__list-link.nav__link--not-touch:hover>.nav__link{
color:#0097d6
}
.nav__list-link.nav__link--is-active .nav__arrow,.nav__list-link.nav__link--not-touch:hover .nav__arrow{
border-top-color:#0097d6
}
.nav__list-link.nav__link--is-active>.nav__dropdown,.nav__list-link.nav__link--not-touch:hover>.nav__dropdown{
opacity:1;
visibility:visible
}
.nav__list-link.nav__link--no-hover.nav__link--is-active:after,.nav__list-link.nav__link--no-hover:hover:after{
max-height:0
}
.nav__list-link:last-child .nav__dropdown{
right:20px;
left:auto
}
}
.nav__list-link:first-child{
padding-top:75px
}
@media(min-width:767px){
.nav__list-link > :first-child{
padding-bottom:40px;
}
}
@media(min-width:767px){
.nav__link{
padding:0 20px
}
}
.nav__arrow{
display:none
}
@media(min-width:767px){
.nav__arrow{
display:inline-block
}
}
.nav__icon{
position:relative;
z-index:2;
float:right;
width:30px;
height:40px;
margin:20px 30px 0 0;
cursor:pointer;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
transition:.5s ease-in-out
}
@media(min-width:767px){
.nav__icon{
display:none
}
}
.nav__icon>span{
position:absolute;
left:0;
display:block;
width:100%;
height:2px;
background:#fff;
border-radius:4px;
opacity:1;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
transition:.25s ease-in-out
}
.nav__icon>span:nth-child(1){
top:0;
-webkit-transform-origin:left center;
transform-origin:left center
}
.nav__icon>span:nth-child(2){
top:8px;
-webkit-transform-origin:left center;
transform-origin:left center
}
.nav__icon>span:nth-child(3){
top:16px;
-webkit-transform-origin:left center;
transform-origin:left center
}
.nav__icon>span:nth-child(4){
top:12px
}
.nav__icon--is-open{
position:fixed;
right:0
}
.nav__icon--is-open>span{
background:#333
}
.nav__icon--is-open>span:nth-child(1){
top:-3px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}
.nav__icon--is-open>span:nth-child(2){
width:0;
opacity:0
}
.nav__icon--is-open>span:nth-child(3){
top:18px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg)
}
@media(min-width:767px){
.nav__dropdown{
position:absolute;
/*top:51px;*/
left:20px;
width:200px;
padding:10px 0;
text-align:left;
background:#fff;
border-top:6px solid #0097d6;
opacity:0;
visibility:hidden;
transition:.2s opacity;
margin-top:-8px; /* Overlay the top menu item so hovering doesn't clear */
}
.nav__dropdown a.btn{
letter-spacing:0;
color:#333;
text-transform:none
}
.nav__dropdown a.btn:hover{
color:#0097d6
}
}
.sub-nav{
position:fixed;
z-index:300;
display:none;
width:100%;
text-align:center;
background:#fff;
border-bottom:1px solid #ccc
}
.sub-nav .js-subnav-cta{
position:absolute;
top:14px;
right:5%
}
.sub-nav .js-subnav-cta .btn{
width:auto;
padding:12px 27px;
font-size:10px
}
@media(min-width:767px){
.sub-nav{
top:-100px;
display:block;
transition:top .5s ease-in-out
}
.sub-nav--is-active{
top:0
}
}
.sub-nav__item{
display:inline-block;
margin:25px 20px;
font-size:14px;
font-weight:500;
letter-spacing:1px;
text-transform:uppercase;
cursor:pointer
}
.sub-nav__item--is-active{
color:#0097d6
}
.footer{
padding:30px;
background-color:#f4f4f4
}
@media(min-width:767px){
.footer{
padding:50px 50px
}
}
.footer__links{
width:80%;
-webkit-columns:2;
-moz-columns:2;
columns:2
}
@media(min-width:767px){
.footer__links{
float:left;
-webkit-columns:auto;
-moz-columns:auto;
columns:auto
}
}
.footer__link{
display:inline-block;
width:100%;
padding:5px 0;
font-size:12px
}
@media(min-width:767px){
.footer__link{
display:inline;
margin-right:20px
}
}
.footer__link>a{
color:#333;
text-decoration:none
}
.footer__social{
margin-top:20px;
fill:#a4a4a4
}
@media(min-width:767px){
.footer__social{
float:right;
margin-top:0
}
}
.footer__social>li{
display:inline;
margin-right:10px
}
.footer__social>li>a{
text-decoration:none
}
.footer__social-icon{
width:20px;
height:20px
}
.footer__copyright{
font-size:10px;
font-family:'Roboto','Helvetica';
color:#333;
text-align:left;
margin-top:15px;
padding-bottom:25px;
float:left;
position:relative
}
@media(min-width:1328px){
.footer__copyright{
text-align:right;
float:right;
position:absolute;
right:50px;
margin-top:40px
}
}
.footer__legal{
font-size:10px;
text-align:left;
float:left;
margin-top:35px
}
.legalUL{
padding-bottom:100px
}
.legalUL .legalUL li{
display:block;
list-style-type:none;
margin-right:0;
float:none
}
@media(min-width:767px){
.legalUL .legalUL li{
display:inline;
float:left
}
}
@media(min-width:1328px){
.legalUL{
padding-bottom:30px
}
}
.legalUL li{
display:inline;
list-style-type:none;
margin-right:0
}
.hero{
position:relative;
max-height:100vh;
overflow:hidden;
-webkit-font-smoothing:antialiased;
text-align:center
}
.hero.hero--scroll-zoom .hero__image-container{
-webkit-transform:scale3d(1.2,1.2,1.2);
transform:scale3d(1.2,1.2,1.2)
}
.hero.hero--shorter{
max-height:80vh
}
@media(min-width:767px){
.hero.hero--shorter{
min-height:570px
}
}
.hero.hero--shorter .hero__image-container{
max-height:calc(80vh)
}
@media(min-width:767px){
.hero.hero--shorter .hero__image-container{
min-height:500px
}
}
.hero.hero--shorter .hero__content{
top:59%;
padding:15px 5px 0
}
@media(min-width:767px){
.hero.hero--shorter .hero__content{
max-width:715px;
-webkit-transform:translate(-50%,-55%);
transform:translate(-50%,-55%)
}
}
.hero.hero--move-image-up .hero__image-container img{
-webkit-transform:none;
transform:none
}
@media(min-width:1200px){
.hero.hero--move-image-up .hero__image-container img{
-webkit-transform:translateY(-140px);
transform:translateY(-140px)
}
}
@media(min-width:767px){
.hero.hero--hover-zoom:hover>.hero__image-container>img{
-webkit-transform:scale3d(1.05,1.05,1.05) translateY(-6px);
transform:scale3d(1.05,1.05,1.05) translateY(-6px)
}
}
.hero.hero--hover-zoom:first-child .hero__content>h1{
margin-top:80px
}
@media(min-width:767px){
.hero.hero--hover-zoom:first-child .hero__content>h1{
margin-top:0
}
}
.hero.hero--hover-zoom:after{
content:'';
-webkit-transform:scale3d(0);
transform:scale3d(0);
transition:background-color .4s linear;
will-change:background-color
}
.hero.hero--hover-zoom.hero--hover-green .btn{
transition:all .5s
}
.hero.hero--hover-zoom.hero--hover-green .hero__copy{
margin-top:25px
}
@media(min-width:767px){
.hero.hero--hover-zoom.hero--hover-green .hero__copy{
margin-top:50px
}
}
.hero.hero--hover-zoom.hero--hover-green:hover .btn{
border-color:rgba(255,255,255,.4)
}
.hero.hero--hover-zoom.hero--hover-green:hover:after{
position:absolute;
top:0;
left:0;
z-index:1;
width:100%;
height:100%;
background-color:rgba(0,177,133,.5);
content:''
}
@media(min-width:767px){
.hero.hero--hover-zoom.hero--hover-green:hover>.hero__image-container>img{
-webkit-transform:scale3d(1.01,1.01,1.01) translateY(-2px);
transform:scale3d(1.01,1.01,1.01) translateY(-2px)
}
}
.hero.hero--hover-zoom.hero--hover-blue .btn{
transition:all .5s
}
.hero.hero--hover-zoom.hero--hover-blue .hero__copy{
margin-top:25px
}
@media(min-width:767px){
.hero.hero--hover-zoom.hero--hover-blue .hero__copy{
margin-top:50px
}
}
.hero.hero--hover-zoom.hero--hover-blue:hover .btn{
border-color:rgba(255,255,255,.4)
}
.hero.hero--hover-zoom.hero--hover-blue:hover:after{
position:absolute;
top:0;
left:0;
z-index:1;
width:100%;
height:100%;
background-color:rgba(0,151,214,.5);
content:''
}
@media(min-width:767px){
.hero.hero--hover-zoom.hero--hover-blue:hover>.hero__image-container>img{
-webkit-transform:scale3d(1.01,1.01,1.01) translateY(-2px);
transform:scale3d(1.01,1.01,1.01) translateY(-2px)
}
}
.hero__image-container{
max-height:calc(100vh);
overflow:hidden
}
.hero__image-container>img{
width:100%;
max-width:100%
}
.hero__content{
position:absolute;
top:50%;
z-index:2;
width:100%;
-webkit-transform:translate(0,-50%);
transform:translate(0,-50%)
}
@media(min-width:767px){
.hero__content{
left:50%;
max-width:570px;
padding-top:50px;
margin:0 auto;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
-webkit-animation:textIn 1 ease-in 1s;
animation:textIn 1 ease-in 1s
}
}
.hero__content.full-width{
max-width:none
}
.hero__content>h1{
width:200px;
margin:0 auto;
margin-bottom:10px;
color:#fff
}
@media(min-width:767px){
.hero__content>h1{
width:100%;
margin-bottom:20px;
font-size:60px;
line-height:68px
}
.hero__content>h1.hero__title-small{
font-size:44px;
line-height:52px
}
}
.hero__content>h4{
padding-bottom:5px;
letter-spacing:1px;
color:#fff;
text-transform:uppercase
}
@media(min-width:767px){
.hero__content>h4{
font-size:20px
}
}
.hero__content>.btn{
margin-top:15px
}
@media(min-width:767px){
.hero__content>.btn{
-webkit-animation:textInButton 1 1s;
animation:textInButton 1 1s
}
}
.hero__copy{
width:250px;
margin:0 auto;
margin-top:50px
}
@media(min-width:767px){
.hero__copy{
width:100%;
max-width:420px;
margin-top:65px
}
}
.hero__copy>h4{
padding-top:2px;
color:#fff;
text-transform:uppercase
}
@media(min-width:767px){
.hero__copy>h4{
padding-top:5px
}
}
.hero__copy>.hero__copy-subtitle{
text-transform:none
}
.hero__copy>p{
color:#fff
}
@media(min-width:767px){
.hero__copy>p{
padding:10px 40px 0
}
}
.hero__tout{
padding:40px 40px;
margin-top:-4px;
overflow:hidden;
color:#fff;
text-align:center
}
.hero__tout::after{
clear:both;
content:"";
display:table
}
@media(min-width:992px){
.hero__tout{
position:relative;
z-index:200;
width:90%;
max-width:1175px;
margin:0 auto;
text-align:left;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-animation:textInTout 1 1.5s;
animation:textInTout 1 1.5s
}
}
.hero__tout>h2{
color:#fff
}
@media(min-width:992px){
.hero__tout>h2{
float:left;
width:375px;
padding-right:40px;
padding-left:35px;
font-size:36px;
line-height:45px
}
}
.hero__tout>p{
font-size:12px;
line-height:18px
}
@media(min-width:992px){
.hero__tout>p{
float:left;
width:calc(100% - 450px);
font-size:14px;
line-height:24px
}
}
.hero__tout--green{
background-color:#00b185
}
.hero__tout--blue{
background-color:#0097d6
}
@-webkit-keyframes textIn{
0%{
opacity:0;
-webkit-transform:translate(-50%,0);
transform:translate(-50%,0)
}
20%{
opacity:0;
-webkit-transform:translate(-50%,0);
transform:translate(-50%,0)
}
80%{
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
100%{
opacity:100%
}
}
@keyframes textIn{
0%{
opacity:0;
-webkit-transform:translate(-50%,0);
transform:translate(-50%,0)
}
20%{
opacity:0;
-webkit-transform:translate(-50%,0);
transform:translate(-50%,0)
}
80%{
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
100%{
opacity:100%
}
}
@-webkit-keyframes textInButton{
0%{
-webkit-transform:translateY(100px);
transform:translateY(100px)
}
20%{
-webkit-transform:translateY(100px);
transform:translateY(100px)
}
100%{
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes textInButton{
0%{
-webkit-transform:translateY(100px);
transform:translateY(100px)
}
20%{
-webkit-transform:translateY(100px);
transform:translateY(100px)
}
100%{
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@-webkit-keyframes textInTout{
0%{
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
50%{
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
100%{
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
}
@keyframes textInTout{
0%{
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
50%{
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
100%{
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
}
.tout{
position:relative;
padding:50px 0;
margin-top:-4px;
overflow:hidden;
color:#fff;
text-align:center;
stroke:white
}
@media(min-width:767px){
.tout{
padding-top:85px;
padding-bottom:85px;
margin-top:70px;
margin-bottom:70px
}
}
.tout--green{
background-color:#00b185
}
.tout--blue{
background-color:#0097d6
}
.tout--blue .btn--transparent.btn--secondary:hover{
color:#0097d6
}
.tout--blue .btn--transparent.btn--secondary:hover>svg{
fill:#0097d6
}
.tout--white{
background-color:#fff
}
.tout--white .btn--transparent.btn--secondary{
background-color:#0097d6;
color:#fff
}
.tout--white .btn--transparent.btn--secondary>svg{
fill:white
}
.tout--white h1{
color:#0097d6
}
.tout--white p{
color:#4d4c4c
}
.tout--white .btn{
padding:20px 0;
min-width:250px;
width:auto
}
@media(min-width:992px){
.tout--white .btn{
padding:27px 20px
}
}
@media(min-width:767px){
.tout--image{
padding-top:150px;
padding-bottom:150px
}
}
.tout.is-hidden{
display:none
}
.tout--min-height{
min-height:650px
}
@media(min-width:767px){
.tout--min-height{
min-height:440px
}
}
.tout--map{
padding:0;
margin-top:0
}
.tout--map img,.tout--map a.tout__full-link{
position:relative!important
}
.tout--no-margin{
margin-top:0
}
.tout img{
position:absolute;
top:0;
left:0;
z-index:-1;
width:100%
}
.tout>h1{
padding:0 10px
}
.tout>h5{
padding-bottom:5px;
text-transform:uppercase
}
@media(min-width:767px){
.tout>h5{
padding-top:5px;
padding-bottom:30px
}
}
.tout>p{
max-width:700px;
padding:12px 40px 40px;
margin:0 auto
}
@media(min-width:767px){
.tout>p{
padding-top:15px;
padding-bottom:40px;
font-size:14px;
line-height:28px
}
}
.tout>.btn{
width:170px
}
@media(min-width:767px){
.tout>.btn{
min-width:280px;
width:auto
}
}
.tout__full-link{
position:absolute;
top:0;
left:0;
z-index:-1;
width:100%;
height:100%
}
.tout__icon{
width:50px;
height:50px
}
.tout__icon--anvil svg{
stroke:transparent;
width:120px!important;
height:60px!important
}
@media(min-width:767px){
.tout__icon{
width:75px;
height:75px
}
}
.accordion{
text-align:left;
border-top:2px solid #f15623
}
.accordion__item{
cursor:pointer;
border-bottom:1px solid #ccc
}
.accordion__item>.accordion__content{
max-height:0;
padding-top:10px;
margin:0 0 10px;
overflow:hidden;
transition:max-height 1s
}
@media(min-width:767px){
.accordion__item>.accordion__content{
margin-bottom:15px;
margin-left:5px
}
.accordion__item>.accordion__content p{
font-size:14px
}
}
.accordion__item--is-open>.accordion__content{
max-height:1000px
}
.accordion__title{
position:relative;
z-index:1;
padding-top:20px;
padding-right:40px;
margin:0;
line-height:18px;
transition:font-size .5s
}
@media(min-width:767px){
.accordion__title{
padding:30px 50px 0 5px
}
}
.accordion__title>span{
position:absolute;
top:25px;
right:5px;
width:16px;
height:2px;
vertical-align:middle;
background:#ccc;
opacity:1;
-webkit-transform:rotate(0deg) translate(0,-50%);
transform:rotate(0deg) translate(0,-50%);
transition:.5s ease-in-out
}
@media(min-width:767px){
.accordion__title>span{
top:35px;
right:15px
}
}
.accordion__title>span:nth-child(1){
right:6px;
-webkit-transform:rotate(90deg) translate(0,-1px);
transform:rotate(90deg) translate(0,-1px)
}
@media(min-width:767px){
.accordion__title>span:nth-child(1){
right:16px
}
}
.accordion__item--is-open .accordion__title>span:nth-child(1){
opacity:0
}
.accordion__item--is-open .accordion__title>span:nth-child(2){
right:4px
}
@media(min-width:767px){
.accordion__item--is-open .accordion__title>span:nth-child(2){
right:15px
}
}
.accordion__content .btn{
display:block;
margin-top:20px
}
.testimonial{
padding-bottom:40px;
background-color:#f3f3f3
}
@media(min-width:767px){
.testimonial{
position:relative
}
.testimonial:after{
position:absolute;
right:25px;
bottom:-25px;
width:0;
height:0;
border-top:40px solid transparent;
border-right:40px solid #f3f3f3;
border-bottom:40px solid transparent;
content:''
}
}
.testimonial>img{
width:100%
}
@media(min-width:767px){
.testimonial__quote{
margin:30px
}
}
.testimonial__author{
margin-top:0;
font-size:12px
}
@media(min-width:767px){
.testimonial__author{
padding-left:30px
}
}
.icons-display{
max-width:1250px;
padding:40px 0;
margin:0 auto;
text-align:center
}
@media(min-width:767px){
.icons-display{
padding-top:70px;
padding-right:30px;
padding-bottom:70px;
text-align:left
}
.icons-display::after{
clear:both;
content:"";
display:table
}
.icons-display p{
font-size:16px
}
}
.icons-display__primary-content{
padding:0 30px
}
@media(min-width:767px){
.icons-display__primary-content{
float:left;
width:calc(100% - 350px);
padding:0
}
}
.icons-display__copy::after{
clear:both;
content:"";
display:table
}
@media(min-width:767px){
.icons-display__copy>h2{
padding-left:30px
}
}
@media(min-width:992px){
.icons-display__copy>h2{
float:left;
width:335px
}
}
.icons-display__copy>p{
line-height:18px
}
@media(min-width:767px){
.icons-display__copy>p{
padding-left:30px
}
}
@media(min-width:992px){
.icons-display__copy>p{
float:right;
width:calc(100% - 335px);
padding-right:30px;
padding-left:0;
margin-top:10px;
line-height:24px
}
}
.icons-display__icons{
padding-bottom:20px
}
.icons-display__icons::after{
clear:both;
content:"";
display:table
}
@media(min-width:767px){
.icons-display__icons{
padding:50px 0 0 30px
}
}
@media(min-width:992px){
.icons-display__icons{
padding-right:0;
padding-left:0
}
}
.icons-display__icon-container{
float:left;
width:50%;
padding:20px 0
}
@media(min-width:767px){
.icons-display__icon-container{
width:20%;
margin-right:5%;
margin-bottom:20px;
text-align:center
}
}
.icons-display__icon-container>h6{
padding-top:5px
}
@media(min-width:767px){
.icons-display__icon-container>h6{
padding-top:20px
}
}
.icons-display__icon{
width:60px;
height:60px
}
@media(min-width:767px){
.icons-display__icon{
width:60px;
height:60px
}
}
@media(min-width:767px){
.icons-display__secondary-content{
float:right;
width:300px;
margin-top:14px
}
}
.info{
max-width:1250px;
padding:15px 30px 5px;
margin:0 auto;
text-align:center
}
.info p{
font-size:12px
}
.info.one--line-title h2{
padding-top:35px
}
.info.one--line-title svg{
stroke:transparent
}
@media(min-width:767px){
.info{
padding:70px 0;
text-align:left
}
.info::after{
clear:both;
content:"";
display:table
}
.info p{
font-size:16px
}
}
.info.info__nowrap h2{
width:auto
}
.info.info__nowrap h4,.info.info__nowrap p{
text-align:center
}
@media(min-width:767px){
.info.info__nowrap h4,.info.info__nowrap p{
text-align:left
}
}
.info.icon-sizer .info__item-icon-wrapper{
width:75px
}
.info.border-bar .info__copy{
border-bottom:1px solid #0097d6;
margin:0 20px
}
.info.border-bar h2{
padding-left:0
}
.info.border-bar ul li{
padding:20px 30px
}
.info__copy{
padding-bottom:35px
}
.info__copy::after{
clear:both;
content:"";
display:table
}
@media(min-width:767px){
.info__copy>h2{
padding-left:30px
}
}
@media(min-width:992px){
.info__copy>h2{
float:left;
width:335px
}
}
.info__copy>p{
line-height:18px
}
@media(min-width:767px){
.info__copy>p{
padding-left:30px
}
}
@media(min-width:992px){
.info__copy>p{
padding-right:300px;
padding-left:0;
float:right;
width:calc(100% - 335px);
margin-top:10px;
line-height:24px
}
}
.info__item{
position:relative;
padding-top:10px;
padding-bottom:35px;
text-align:left;
stroke:#4d4c4c
}
@media(min-width:767px){
.info__item{
float:left;
width:25%;
padding:20px 30px;
margin-top:55px
}
.info__item:nth-child(5n){
clear:left
}
}
.info__item>h4{
font-size:16px;
font-weight:700
}
@media(min-width:767px){
.info__item>h4{
font-size:18px
}
}
@media(min-width:767px){
.info__item>p{
font-size:12px;
line-height:20px
}
}
.info__item-icon-wrapper{
position:relative;
width:100px;
margin:0 auto
}
@media(min-width:992px){
.info__item-icon-wrapper{
margin:0
}
}
.info__item-icon-wrapper .info__item-order{
position:absolute;
right:0;
top:-30px;
width:35px;
height:35px;
background:#0097d6;
border-radius:100%;
line-height:35px;
text-align:center;
color:#fff;
font-size:14px
}
.info__item-icon{
width:75px;
height:75px;
margin-bottom:15px
}
.info__item-icon.customer{
width:55px
}
.info__item-icon.phone-claim{
width:45px
}
.info__item-icon--small{
width:50px
}
@media(min-width:767px){
.info--testimonial .info__primary-content{
float:left;
width:calc(100% - 350px);
padding:0;
margin:0
}
}
.info--testimonial .info__primary-content>.accordion{
margin:40px 30px
}
@media(min-width:767px){
.info--testimonial .info__primary-content>.accordion{
margin-bottom:0
}
}
@media(min-width:767px){
.info--testimonial .info__secondary-content{
margin-right:30px;
float:right;
width:300px;
margin-top:14px
}
}
.info--testimonial .info__copy>p{
padding-right:0
}
@media(min-width:767px){
.info--testimonial .info__item{
float:none;
width:50%;
padding:20px 60px 20px 30px;
display:inline-block;
min-height:143px
}
.info--testimonial .info__item:nth-child(even){
float:right
}
.info--testimonial .info__item.color-bar:nth-child(3n){
clear:none
}
}
.info--centered .info__item{
text-align:center
}
@media(min-width:767px){
.info--centered .info__item{
text-align:left
}
}
@media(min-width:767px){
.info--3column .info__item{
width:33%
}
.info--3column .info__item:nth-child(4n){
clear:left
}
.info--3column .info__item:nth-child(5n){
clear:none
}
}
.info--blue .info__item-icon-links svg{
stroke:#0097d6;
fill:#0097d6
}
.info--blue .info__item-highlight{
font-size:14px;
font-weight:700;
text-decoration:none;
color:#0097d6
}
.info--blue .info__item-highlight small{
font-size:14px;
font-weight:300
}
@media(min-width:767px){
.info--blue .info__item-highlight small{
font-size:11px
}
}
.info__item-icon-links{
margin-top:40px
}
@media(min-width:767px){
.info__item-icon-links{
margin-top:0
}
}
.info__item-icon-links>a{
margin:0 20px;
text-decoration:none;
font-size:14px;
font-weight:700;
color:#0097d6
}
@media(min-width:767px){
.info__item-icon-links>a{
display:block;
margin:10px 0
}
}
.info__item-icon-links>a svg{
width:50px;
height:50px
}
@media(min-width:767px){
.info__item-icon-links>a svg{
width:20px;
height:20px
}
}
.info__item-icon-links>a span{
display:none;
letter-spacing:1px
}
@media(min-width:767px){
.info__item-icon-links>a span{
display:inline;
margin-left:15px;
vertical-align:top
}
}
.info__separator{
border:0;
border-bottom:1px solid #ccc;
clear:both;
padding-bottom:30px;
margin:0
}
@media(min-width:767px){
.info__separator{
margin:0 30px;
padding-bottom:60px
}
}
.story{
max-width:1400px;
margin:0 auto;
text-align:center
}
@media(min-width:767px){
.story{
margin-top:120px
}
}
.story__item{
padding:0 30px;
margin:60px 0
}
.story__item::after{
clear:both;
content:"";
display:table
}
@media(min-width:767px){
.story__item{
margin:150px 0
}
.story__item--imageLeft .story__image{
float:left
}
.story__item--imageLeft .story__content{
float:right
}
}
.story__image{
width:100%
}
@media(min-width:767px){
.story__image{
float:right;
width:45%
}
}
.story__content{
padding:20px 0
}
@media(min-width:767px){
.story__content{
float:left;
width:45%;
padding:20px 30px;
text-align:left
}
}
.story__content>p{
margin:20px 0
}
@media(min-width:767px){
.story__content>p{
font-size:18px;
line-height:32px;
margin-bottom:40px
}
}
.contact{
max-width:1250px;
padding:15px 30px 5px;
margin:0 auto;
text-align:center
}
.contact p{
font-size:12px
}
@media(min-width:767px){
.contact{
padding:70px 0;
text-align:left
}
.contact::after{
clear:both;
content:"";
display:table
}
.contact p{
font-size:16px
}
.contact h2{
width:500px
}
}
.contact__copy{
padding-bottom:35px
}
.contact__copy::after{
clear:both;
content:"";
display:table
}
@media(min-width:767px){
.contact__copy>h2{
float:left;
width:335px;
padding-left:30px
}
}
.contact__copy>p{
line-height:18px
}
@media(min-width:767px){
.contact__copy>p{
float:right;
width:calc(100% - 335px);
margin-top:10px;
line-height:24px
}
}
@media(min-width:992px){
.contact__copy>p{
padding-right:300px
}
}
.contact__item{
position:relative;
padding-top:10px;
padding-bottom:35px;
text-align:center;
stroke:#4d4c4c
}
@media(min-width:767px){
.contact__item{
float:left;
width:33%;
padding:20px 30px;
margin-top:55px;
text-align:left
}
}
.contact__item>h4{
font-size:16px;
font-weight:700
}
@media(min-width:767px){
.contact__item>h4{
font-size:18px
}
}
@media(min-width:767px){
.contact__item>p{
font-size:12px;
line-height:20px
}
}
.contact__item-icon{
width:75px;
height:75px;
margin-bottom:15px
}
.contact__item-icon--small{
width:50px
}
.contact__item-icon-links{
margin-top:40px
}
@media(min-width:767px){
.contact__item-icon-links{
margin-top:0
}
}
.contact__item-icon-links>a{
margin:0 20px;
text-decoration:none;
font-size:14px;
font-weight:700;
color:#0097d6;
letter-spacing:1px
}
@media(min-width:767px){
.contact__item-icon-links>a{
display:block;
margin:10px 0
}
}
.contact__item-icon-links>a svg{
width:50px;
height:50px
}
@media(min-width:767px){
.contact__item-icon-links>a svg{
width:20px;
height:20px
}
}
.contact__item-icon-links>a span{
display:none;
letter-spacing:1px
}
@media(min-width:767px){
.contact__item-icon-links>a span{
display:inline;
margin-left:15px;
vertical-align:top
}
}
.contact__item-icon-links svg{
stroke:#0097d6;
fill:#0097d6
}
.contact__item-highlight{
font-size:14px;
font-weight:700;
text-decoration:none;
color:#0097d6
}
.contact__item-highlight small{
font-size:14px;
font-weight:300
}
@media(min-width:767px){
.contact__item-highlight small{
font-size:11px
}
}
.info-accordion{
max-width:1250px;
padding:15px 30px 5px;
margin:0 auto;
text-align:center
}
.info-accordion p{
font-size:12px
}
@media(min-width:767px){
.info-accordion{
padding:70px 0;
text-align:left
}
.info-accordion::after{
clear:both;
content:"";
display:table
}
.info-accordion p{
font-size:16px
}
.info-accordion .accordion__item>.accordion__content{
max-height:100%
}
}
.info-accordion__copy{
padding-bottom:35px
}
.info-accordion__copy::after{
clear:both;
content:"";
display:table
}
@media(min-width:767px){
.info-accordion__copy>h2{
float:left;
width:335px;
padding-left:30px
}
}
.info-accordion__copy>p{
line-height:18px
}
@media(min-width:767px){
.info-accordion__copy>p{
float:right;
width:calc(100% - 335px);
margin-top:10px;
line-height:24px
}
}
@media(min-width:992px){
.info-accordion__copy>p{
padding-right:300px
}
}
.info-accordion__item{
position:relative;
padding-top:10px;
padding-bottom:35px;
text-align:left
}
.info-accordion__item>h4{
font-size:16px;
font-weight:700
}
@media(min-width:767px){
.info-accordion__item>h4{
font-size:18px
}
}
@media(min-width:767px){
.info-accordion__item>p{
font-size:12px;
line-height:20px
}
}
.info-accordion__item:before{
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:2px;
background-color:#0097d6;
content:''
}
.info-accordion .accordion__item:before{
display:none
}
@media(min-width:767px){
.info-accordion .accordion{
border:0
}
.info-accordion .accordion__item{
position:relative;
padding-top:10px;
padding-bottom:35px;
text-align:left;
float:left;
width:33.3%;
padding:20px 30px;
margin-top:55px;
cursor:initial;
border-bottom:0
}
.info-accordion .accordion__item>h4{
font-weight:700
}
.info-accordion .accordion__item>p{
font-size:12px;
line-height:20px
}
.info-accordion .accordion__item:before{
position:absolute;
top:0;
left:0;
display:block;
height:2px;
content:'';
width:80%;
width:calc(100% - 60px);
margin-right:30px;
margin-left:30px
}
.info-accordion .accordion__item:nth-child(4n){
clear:left
}
.info-accordion .accordion__title span{
display:none
}
}
.info-single{
max-width:1250px;
padding:35px 0 0;
margin:0 auto;
text-align:center
}
@media(min-width:767px){
.info-single{
padding-top:70px;
padding-right:30px;
padding-bottom:70px;
text-align:left
}
.info-single::after{
clear:both;
content:"";
display:table
}
.info-single p{
font-size:16px
}
}
@media(min-width:767px){
.info-single__primary-content{
float:left;
width:calc(100% - 350px);
padding:0
}
}
.info-single__primary-content>.accordion{
margin:40px 30px
}
@media(min-width:767px){
.info-single__primary-content>.accordion{
margin-bottom:0
}
}
.info-single__copy::after{
clear:both;
content:"";
display:table
}
.info-single__copy .color-bar{
position:relative
}
.info-single__copy .color-bar:before{
display:none;
width:91.5%;
background-color:#d415cc!important
}
@media(min-width:767px){
.info-single__copy .color-bar{
margin-top:45px
}
.info-single__copy .color-bar:before{
display:block
}
}
@media(min-width:767px){
.info-single__copy h2,.info-single__copy h3{
padding-left:30px
}
}
@media(min-width:767px){
.info-single__copy h2{
max-width:70%
}
}
.info-single__copy h3{
font-size:18px;
padding-top:10px
}
@media(min-width:767px){
.info-single__copy h3{
padding-top:35px
}
}
.info-single__copy p{
padding:0 30px;
line-height:18px;
margin-bottom:35px
}
@media(min-width:992px){
.info-single__copy p{
padding-left:30px;
margin-top:30px;
font-size:16px;
line-height:24px
}
}
@media(min-width:767px){
.info-single__secondary-content{
float:right;
width:300px;
margin-top:14px
}
}
.agent-contact{
padding:0 30px;
text-align:center;
stroke:#0097d6;
margin-top:30px
}
@media(min-width:767px){
.agent-contact{
margin-top:0
}
}
.agent-contact>svg{
height:70px
}
.agent-contact .btn--white{
width:145px
}
.agent-contact h2{
margin:20px
}
.agent-contact p{
color:#4d4c4c;
margin:0 auto;
max-width:500px;
font-size:14px;
line-height:20px;
display:none
}
@media(min-width:767px){
.agent-contact p{
display:block
}
}
@media(min-width:992px){
.agent-contact p{
max-width:640px
}
}
.agent-contact .form{
margin-top:50px
}
@media(min-width:767px){
.agent-contact .form input[name="name"]{
width:135px
}
.agent-contact .form input[name="zip"]{
width:78px
}
.agent-contact .form select[name="businessType"]+.form__select-js input{
width:273px
}
.agent-contact .form select[name="businessYears"]+.form__select-js input{
width:45px
}
.agent-contact .form select[name="preferredContactType"]+.form__select-js input{
width:80px
}
.agent-contact .form input[name="email"]{
width:250px
}
}
.agent-contact .form .form__label{
color:#4e4e4e
}
.agent-contact .form .form__text.is-complete:before{
background:linear-gradient(to right,#ccc 50%,#ccc 50%);
background-position:left bottom
}
.agent-contact__chat{
max-width:1400px;
padding:40px 0;
margin:40px auto 80px auto
}
@media(min-width:767px){
.agent-contact__chat{
margin:80px auto;
background-color:#f4f4f4
}
.agent-contact__chat::after{
clear:both;
content:"";
display:table
}
}
@media(min-width:767px){
.agent-contact__chat-content{
display:inline-block;
width:35%;
min-width:320px;
padding:0 15px 0 30px;
text-align:left;
border-right:1px solid #ccc
}
}
@media(min-width:992px){
.agent-contact__chat-content{
padding:0 60px
}
}
.agent-contact__chat-links{
margin-top:20px;
padding:0 10px
}
@media(min-width:767px){
.agent-contact__chat-links{
display:inline-block;
width:35%;
min-width:320px;
margin-top:0
}
}
@media(min-width:992px){
.agent-contact__chat-links{
padding:0
}
}
.agent-contact__chat-links li{
display:inline-block;
width:33%;
margin-right:30px
}
.agent-contact__chat-links li.phone span,.agent-contact__chat-links li.email span{
text-decoration:underline
}
@media(min-width:767px){
.agent-contact__chat-links li.phone span,.agent-contact__chat-links li.email span{
text-decoration:none
}
}
.agent-contact__chat-link{
font-weight:normal;
color:#0097d6;
text-decoration:none
}
@media(min-width:767px){
.agent-contact__chat-link{
font-weight:700
}
}
.agent-contact__chat-link>svg{
width:40px;
height:40px;
fill:none;
stroke:none
}
@media(min-width:767px){
.agent-contact__chat-link>svg{
width:50px;
height:50px
}
}
.agent-contact__chat-link span{
display:block;
font-size:14px;
margin-top:10px;
white-space:nowrap
}
@media(min-width:992px){
.hero__tout+.quote-tool{
margin-top:-180px;
padding-top:150px
}
}
.quote-tool{
text-align:center;
padding:50px 15px 100px 15px
}
@media(min-width:767px){
.quote-tool .btn{
padding:25px 15px
}
}
.quote-tool__icon{
width:70px;
height:110px;
height:auto
}
.quote-tool__title{
margin-bottom:5px
}
.quote-tool__description{
font-size:14px;
margin-top:0;
margin-bottom:20px;
padding:0 5%
}
@media(min-width:767px){
.quote-tool__description{
margin-bottom:60px
}
}
.quote-tool__legal{
color:#a4a4a4;
margin:10px 0;
display:block
}
.quote-tool--gray{
background:#f6f6f6
}
.partnerships-quote{
box-sizing:border-box;
position:relative;
padding:0 5%;
max-width:1175px;
margin-bottom:50px
}
.partnerships-quote::after{
clear:both;
content:"";
display:table
}
@media(min-width:767px){
.partnerships-quote{
margin:50px auto 135px auto
}
}
.partnerships-quote__logo{
display:block;
margin:60px auto
}
@media(min-width:767px){
.partnerships-quote__logo{
position:absolute;
top:50%;
left:25%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
margin:0
}
}
.partnerships-quote__content{
text-align:center;
max-width:600px;
margin:0 auto
}
@media(min-width:767px){
.partnerships-quote__content{
text-align:left;
width:50%;
float:right
}
}
.partnerships-quote__content--title{
font-size:28px;
font-weight:normal
}
.partnerships-quote__content--description{
color:#4d4c4c;
font-size:18px;
line-height:28px;
margin-bottom:50px
}
.partnerships-quote__content--description a{
text-decoration:none;
color:#0097d6
}
@media(min-width:767px){
.partnerships-quote__content .btn{
padding:25px 15px
}
}
.partnerships-quote__content--label{
display:block;
margin:20px 0;
font-size:15px;
text-decoration:none;
color:#0097d6
}
.partnerships-quote__content--label:after{
content:url("https://jmwebsitemediasa.blob.core.windows.net/global/Media/label-arrow.png");
margin-left:8px;
display:inline-block;
vertical-align:middle
}
.home-page::after{
clear:both;
content:"";
display:table
}
@media(min-width:767px){
.home-page>.hero{
float:left;
width:50%
}
}
.home-page>.hero:last-child{
margin-top:-4px
}
@media(min-width:767px){
.home-page>.hero:last-child{
margin-top:0
}
}
.benefits{
max-width:1250px;
padding:35px 0 0;
margin:0 auto;
text-align:center
}
@media(min-width:767px){
.benefits{
padding-top:70px;
padding-right:30px;
padding-bottom:70px;
text-align:left
}
.benefits::after{
clear:both;
content:"";
display:table
}
.benefits p{
font-size:16px
}
}
@media(min-width:767px){
.benefits__primary-content{
float:left;
width:calc(100% - 350px);
padding:0
}
}
.benefits__primary-content>.accordion{
margin:40px 30px
}
@media(min-width:767px){
.benefits__primary-content>.accordion{
margin-bottom:0
}
}
.benefits__copy::after{
clear:both;
content:"";
display:table
}
@media(min-width:767px){
.benefits__copy>h2{
padding-left:30px
}
}
@media(min-width:992px){
.benefits__copy>h2{
float:left;
width:335px
}
}
.benefits__copy>p{
padding:0 30px;
line-height:18px
}
@media(min-width:992px){
.benefits__copy>p{
float:right;
width:calc(100% - 335px);
padding-right:30px;
padding-left:0;
margin-top:10px;
line-height:24px
}
}
@media(min-width:767px){
.benefits__secondary-content{
float:right;
width:300px;
margin-top:14px
}
}
.leadership{
max-width:1250px;
margin:60px auto 0 auto;
text-align:center;
padding:0 30px
}
@media(min-width:992px){
.leadership{
padding:0 30px;
text-align:left
}
}
.leadership h2{
margin:0 0 35px 0;
padding-bottom:20px;
border-bottom:3px solid #0097d6
}
@media(min-width:992px){
.leadership h2{
padding-bottom:0;
border-bottom:0
}
}
@media(min-width:767px){
.leadership h2{
margin:0 0 65px 0
}
}
.leadership h3{
border-top:3px solid #0097d6;
padding-top:20px;
margin:0 0 40px 0
}
@media(min-width:767px){
.leadership h3{
margin:0 10px 40px 0
}
}
.leadership a{
text-decoration:none;
color:#000
}
.leadership ul{
overflow:hidden
}
.leadership h4{
font-size:16px;
line-height:12pxpx;
font-weight:700
}
@media(min-width:992px){
.leadership h4{
font-size:18px;
line-height:18px
}
}
.leadership p{
font-size:12px;
color:#5e5c5d;
margin:5px 0 8px
}
@media(min-width:992px){
.leadership p{
font-size:14px;
line-height:20px
}
}
.leadership hr{
border:0;
border-bottom:1px solid #ccc
}
@media(min-width:992px){
.leadership hr{
margin:0 60px
}
}
p.leadership__title{
margin:5px 0 8px
}
@media(min-width:992px){
p.leadership__title{
margin-bottom:0
}
}
li.leadership__officer{
padding:0 5px;
margin-bottom:40px;
width:100%
}
@media(min-width:992px){
li.leadership__officer{
padding:0;
margin-bottom:90px;
float:left;
display:block;
margin-right:1.87413%;
width:32.08391%
}
li.leadership__officer:last-child{
margin-right:0
}
li.leadership__officer:nth-child(3n){
margin-right:0
}
li.leadership__officer:nth-child(3n+1){
clear:left
}
}
.leadership__officers-title{
display:none
}
@media(min-width:992px){
.leadership__officers-title{
display:block
}
}
li.leadership__director{
margin-bottom:40px;
box-sizing:border-box;
padding:0;
float:left;
display:block;
margin-right:1.87413%;
width:49.06293%
}
li.leadership__director:last-child{
margin-right:0
}
li.leadership__director:nth-child(2n){
margin-right:0
}
li.leadership__director:nth-child(2n+1){
clear:left
}
@media(min-width:992px){
li.leadership__director{
padding:0;
float:left;
display:block;
margin-right:1.87413%;
width:15.10489%
}
li.leadership__director:nth-child(2n){
margin-right:1.87413%
}
li.leadership__director:nth-child(2n+1){
clear:none
}
li.leadership__director:last-child{
margin-right:0
}
li.leadership__director:nth-child(6n){
margin-right:0
}
li.leadership__director:nth-child(6n+1){
clear:left
}
}
ul.leadership__directors{
margin-bottom:40px
}
p.leadership__bio-paragraph{
height:auto;
font-size:12px;
line-height:16px
}
p.leadership__bio-paragraph:last-of-type{
margin-bottom:5px
}
@media(min-width:992px){
p.leadership__bio-paragraph{
margin:0 0 15px;
font-size:14px;
line-height:22px;
padding-right:50px
}
p.leadership__bio-paragraph:last-of-type{
margin-bottom:5px
}
p.leadership__bio-paragraph:first-of-type{
margin-top:15px
}
}
.leadership__bio-expand-arrow{
display:inline-block;
width:0;
height:0;
vertical-align:middle;
border-top:5px solid #0097d6;
border-right:5px solid transparent;
border-left:5px solid transparent;
transition:.2s -webkit-transform;
transition:.2s transform
}
.leadership__bio-text{
max-height:0;
overflow:hidden;
transition:max-height 1s
}
@media(min-width:992px){
.leadership__bio-expand{
position:absolute
}
}
.leadership__bio-expand:before{
content:"Read Bio";
color:#0097d6;
font-size:14px
}
.leadership__bio--is-open .leadership__bio-text{
max-height:1000px
}
.leadership__bio--is-open .leadership__bio-expand:before{
content:"Read Less"
}
.leadership__bio--is-open .leadership__bio-expand-arrow{
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
.leadership__headshot{
max-width:180px;
padding-bottom:15px
}
@media(min-width:992px){
.leadership__headshot{
max-width:100px
}
}
.program-request{
background:#0097d6;
text-align:center;
padding:70px 30px;
color:#fff;
margin-top:70px;
margin-bottom:70px
}
.program-request h2{
text-align:center;
color:#fff;
font-size:28px;
margin-bottom:40px
}
@media(min-width:767px){
.program-request h2{
font-size:44px
}
}
.program-request .form__error{
color:#a00000;
}
.program-request .form__text input{
background:#0097d6;
color:#97e0ff
}
.program-request .form__text:before{
background-color:#ccc;
background:linear-gradient(to right,#0097d6 50%,#ccc 50%);
background-size:200% 100%;
background-position:right bottom;
z-index:0
}
.program-request .form__text.is-active:before{
background-position:left bottom
}
.program-request .form__text.is-error:before{
background:linear-gradient(to right,#a00000 50%,#a00000 50%);
background-position:left bottom
}
.program-request .form__text.is-complete>input{
color:#143a49
}
.program-request .form__text.is-complete:before{
background:linear-gradient(to right,#0097d6 50%,#0097d6 50%);
background-position:left bottom
}
.program-request .form__text:before{
color:#97e0ff
}
.program-request .form__text--dropdown:after{
border-top:8px solid #fff
}
.program-request .btn--blue{
margin-top:40px;
width:250px
}
.customer-resources{
max-width:1250px;
padding:60px 30px 5px;
margin:0 auto;
text-align:center
}
@media(min-width:767px){
.customer-resources{
padding:70px 0 30px 0;
text-align:left
}
.customer-resources::after{
clear:both;
content:"";
display:table
}
.customer-resources p{
font-size:16px
}
}
.customer-resources p{
font-size:16px
}
.customer-resources__top-form{
margin:0 30px 40px 30px;
overflow:hidden
}
.customer-resources__top-form li{
position:relative;
margin-top:30px;
padding-bottom:65px
}
@media(min-width:767px){
.customer-resources__top-form li{
float:left;
width:50%;
margin-top:0
}
}
.customer-resources__top-form li h4{
font-size:18px
}
.customer-resources__top-form li p{
color:#4d4c4c;
font-size:14px
}
@media(min-width:767px){
.customer-resources__top-form li img{
position:absolute;
top:0;
left:60%
}
}
.customer-resources__top-form li label{
color:#0097d6;
font-size:14px;
line-height:normal
}
.customer-resources__top-form li .form__select-number{
display:inline;
outline:0;
display:inline-block;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border:0;
cursor:pointer;
box-sizing:border-box;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
background:#f4f4f4 url("https://jmwebsitemediasa.blob.core.windows.net/global/Media/select-dropdown-arrows.png") right 6px no-repeat;
height:28px;
padding-left:10px;
color:#5d5d5d;
border-right:10px solid transparent;
width:60px
}
@media(min-width:767px){
.customer-resources__top-form li .form__select-number{
width:80px
}
}
@media(min-width:767px){
.customer-resources__top-form-selector{
width:60%
}
}
.customer-resources__expanded-form{
border-top:1px solid #ccc;
margin:0 30px;
padding-top:40px;
display:none
}
.customer-resources__expanded-form.open{
display:block
}
.customer-resources__expanded-form h3{
color:#0097d6;
font-weight:normal;
margin-bottom:30px
}
@media(min-width:767px){
.customer-resources__expanded-form h3{
font-size:34px
}
}
.customer-resources__expanded-form .customer-resources__order-form{
overflow:hidden;
line-height:normal
}
@media(min-width:767px){
.customer-resources__expanded-form .customer-resources__order-form{
float:left;
width:calc(100% - 350px)
}
}
.customer-resources__expanded-form .customer-resources__order-form input{
background:#f4f4f4;
color:#4e4e4e;
font-size:14px;
border:0;
text-transform:uppercase;
padding:10px;
width:100%
}
.customer-resources__expanded-form .customer-resources__order-form label{
display:block;
line-height:normal;
border:1px solid #f4f4f4;
font-size:0;
margin-bottom:20px
}
.customer-resources__expanded-form .customer-resources__order-form label.is-error{
border-color:#f15623
}
@media(min-width:767px){
.customer-resources__expanded-form .customer-resources__order-form label{
display:inline-block;
width:calc(50% - 10px);
margin-right:10px
}
.customer-resources__expanded-form .customer-resources__order-form label.full-row{
width:calc(100% - 10px)
}
.customer-resources__expanded-form .customer-resources__order-form label.right{
float:right
}
}
.customer-resources__expanded-form .customer-resources__order-form ::-webkit-input-placeholder{
text-transform:uppercase;
color:#d6d6d6;
font-size:14px
}
.customer-resources__expanded-form .customer-resources__order-form :-moz-placeholder{
color:#d6d6d6;
opacity:1;
text-transform:uppercase;
font-size:14px
}
.customer-resources__expanded-form .customer-resources__order-form ::-moz-placeholder{
color:#d6d6d6;
opacity:1;
text-transform:uppercase;
font-size:14px
}
.customer-resources__expanded-form .customer-resources__order-form :-ms-input-placeholder{
color:#d6d6d6;
text-transform:uppercase;
font-size:14px
}
.customer-resources__expanded-form .customer-resources__order-form .form-panel{
box-sizing:border-box
}
@media(min-width:767px){
.customer-resources__expanded-form .customer-resources__order-form .form-panel{
float:left;
width:50%
}
.customer-resources__expanded-form .customer-resources__order-form .form-panel.customer-resources__order-form-left{
padding-right:10px
}
.customer-resources__expanded-form .customer-resources__order-form .form-panel.customer-resources__order-form-right{
padding-left:10px
}
}
.customer-resources__expanded-form .customer-resources__order-summary{
border:1px solid #ccc;
padding:25px 15px 30px 25px;
box-sizing:border-box
}
@media(min-width:767px){
.customer-resources__expanded-form .customer-resources__order-summary{
width:300px;
float:right
}
}
.customer-resources__expanded-form .customer-resources__order-summary h4{
font-size:18px;
color:#0097d6;
border-bottom:1px solid #ccc;
padding-bottom:10px
}
.customer-resources__expanded-form .customer-resources__order-summary p{
font-size:14px;
line-height:18px;
font-weight:bold;
color:#7a7a7a;
margin:15px 0 0 0;
display:none
}
.customer-resources__expanded-form .customer-resources__order-summary p.is-displayed{
display:block
}
.customer-resources__expanded-form .customer-resources__order-button{
clear:both;
text-align:center
}
.customer-resources__expanded-form .customer-resources__order-button button{
border:2px solid #0097d6;
font-size:12px
}
@media(min-width:767px){
.customer-resources__expanded-form .customer-resources__order-button button{
width:250px
}
}
.customer-resources__success{
margin:0 auto;
text-align:center;
max-width:800px;
padding:20px 30px;
display:none
}
.customer-resources__success.open{
display:block
}
.customer-resources__success h3{
color:#0097d6;
font-weight:normal
}
@media(min-width:767px){
.customer-resources__success h3{
font-size:34px
}
}
.customer-resources__success h3 span{
text-transform:capitalize
}
.customer-resources__success p{
font-size:14px
}
.customer-resources__form-error{
color:#f15623;
font-size:12px!important;
padding-bottom:20px
}
.error-404{
position:relative;
height:100vh;
min-height:600px;
width:100vw;
background:#0097d6
}
.error-404__wrapper{
position:absolute;
top:50%;
left:50%;
width:90%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
.error-404__icon{
display:block;
margin:40px auto;
width:100px;
height:100px
}
.error-404 h2,.error-404 p{
color:#fff;
text-align:center;
max-width:400px;
margin:15px auto
}
.error-404 p{
font-size:16px
}
@media(min-width:992px){
.hero--pl .hero__content{
max-width:850px
}
}
.hero--pl .hero__content h1{
width:100%
}
.hero--pl .hero__content .btn{
width:170px;
padding:17px 10px
}
@media(min-width:767px){
.hero--pl .hero__content .btn{
padding:27px 20px;
min-width:250px;
width:auto
}
}
@media(min-width:992px){
.hero--pl .hero__copy{
margin-top:45px
}
}
.hero--pl .hero__copy h4{
display:none
}
.hero--pl .hero__copy a{
color:#fff
}
@media(min-width:992px){
.hero--pl .hero__copy a{
margin-top:25px
}
}
@media(min-width:767px){
.hero--pl .hero__copy a{
font-size:16px
}
}
@media(min-width:767px){
.pl-info .info__copy{
margin-top:0
}
.pl-info .info__copy h2{
width:365px
}
.pl-info .info__copy p{
padding-right:10px;
width:calc(100% - 515px)
}
}
.how-it-works{
max-width:1250px;
padding:0 30px;
margin:0 auto;
position:relative
}
.how-it-works h2{
text-align:center;
margin-bottom:30px
}
@media(min-width:767px){
.how-it-works h2{
margin-bottom:50px;
text-align:left
}
}
.how-it-works .row{
position:relative;
padding:0 30px
}
@media(min-width:767px){
.how-it-works .row{
height:340px;
padding:0
}
}
@media(min-width:992px){
.how-it-works .row{
height:300px
}
}
@media screen and (min-width:1280px){
.how-it-works .row{
height:260px
}
}
@media screen and (max-width:767px){
.how-it-works .row.left-mobile-line:after{
left:0!important
}
}
@media screen and (max-width:767px){
.how-it-works .row.right-mobile-line:after{
left:100%!important
}
}
.how-it-works .row.blue-line:after{
content:"";
position:absolute;
z-index:-1;
top:0;
bottom:0;
left:50%;
border-left:2px solid #0097d6;
-webkit-transform:translate(-50%);
transform:translate(-50%)
}
.how-it-works .row.gray-line:after{
content:"";
position:absolute;
z-index:-1;
top:0;
bottom:0;
left:50%;
border-left:2px solid #b5b5b5;
-webkit-transform:translate(-50%);
transform:translate(-50%);
display:inline-block
}
.how-it-works .vertical-rule{
margin:0 auto 50px;
text-align:center;
width:100%;
position:relative;
float:none;
padding:0
}
@media(min-width:992px){
.how-it-works .vertical-rule{
width:75%;
padding-bottom:50px;
margin:0 auto
}
}
@media screen and (min-width:1280px){
.how-it-works .vertical-rule{
width:775px
}
}
@media(min-width:767px){
.how-it-works .vertical-rule.content-left{
float:left
}
}
@media(min-width:767px){
.how-it-works .vertical-rule.content-right{
float:right
}
}
.how-it-works .vertical-rule.vertical-rule-bottom{
display:none
}
@media(min-width:767px){
.how-it-works .vertical-rule.vertical-rule-bottom{
display:block
}
}
.how-it-works .vertical-rule.vertical-rule-bottom:after{
content:"";
position:absolute;
z-index:-1;
top:0;
bottom:0;
left:50%;
width:25px;
height:25px;
background-color:#b5b5b5;
border-radius:12px;
-webkit-transform:translate(-50%);
transform:translate(-50%)
}
.how-it-works .vertical-rule.step-four svg{
width:50px!important
}
@media(min-width:767px){
.how-it-works .vertical-rule.step-four svg{
width:65px!important
}
}
.how-it-works .vertical-rule .step-image{
padding-top:30px;
width:100px;
display:inline-block;
vertical-align:top
}
@media(min-width:767px){
.how-it-works .vertical-rule .step-image{
width:43%
}
}
@media(min-width:992px){
.how-it-works .vertical-rule .step-image{
width:150px
}
}
.how-it-works .vertical-rule .step-image.desktop-step-image{
display:none
}
@media(min-width:767px){
.how-it-works .vertical-rule .step-image.desktop-step-image{
display:inline-block
}
}
.how-it-works .vertical-rule .step-image.mobile-step-image{
display:inline-block
}
@media(min-width:767px){
.how-it-works .vertical-rule .step-image.mobile-step-image{
display:none
}
}
.how-it-works .vertical-rule .step-image.step-image-even{
bottom:150px
}
@media(min-width:767px){
.how-it-works .vertical-rule .step-image.step-image-even{
text-align:left;
bottom:auto
}
}
@media(min-width:992px){
.how-it-works .vertical-rule .step-image.step-image-even{
text-align:center
}
}
@media(min-width:767px){
.how-it-works .vertical-rule .step-image.step-image-odd{
text-align:right
}
}
@media(min-width:992px){
.how-it-works .vertical-rule .step-image.step-image-odd{
text-align:center
}
}
.how-it-works .vertical-rule .step-image svg{
width:75px;
height:auto
}
@media(min-width:767px){
.how-it-works .vertical-rule .step-image svg{
width:90px
}
}
.how-it-works .vertical-rule .spacer{
display:inline-block
}
@media(min-width:767px){
.how-it-works .vertical-rule .spacer{
width:50%
}
}
@media(min-width:992px){
.how-it-works .vertical-rule .spacer{
width:60%
}
}
@media screen and (min-width:1280px){
.how-it-works .vertical-rule .spacer{
width:620px
}
}
@media(min-width:767px){
.how-it-works .vertical-rule .spacer.spacer-left{
padding-left:7%!important
}
}
@media screen and (max-width:767px){
.how-it-works .vertical-rule .spacer.spacer-left .step-counter{
left:60%!important
}
}
@media screen and (max-width:540px){
.how-it-works .vertical-rule .spacer.spacer-left .step-counter{
left:75%!important
}
}
.how-it-works .vertical-rule .spacer.spacer-right{
top:155px
}
@media(min-width:767px){
.how-it-works .vertical-rule .spacer.spacer-right{
padding-right:7%!important;
top:auto
}
}
.how-it-works .vertical-rule .spacer .step-counter{
color:#fff;
position:relative;
background-color:#0097d5;
width:50px;
height:50px;
border-radius:25px;
top:0
}
@media screen and (max-width:767px){
.how-it-works .vertical-rule .spacer .step-counter{
position:absolute!important;
top:20px;
width:35px;
height:35px
}
}
.how-it-works .vertical-rule .spacer .step-counter.step-counter-even{
position:relative;
left:90%
}
@media screen and (max-width:767px){
.how-it-works .vertical-rule .spacer .step-counter.step-counter-even{
left:30%!important
}
}
@media screen and (max-width:540px){
.how-it-works .vertical-rule .spacer .step-counter.step-counter-even{
left:20%!important
}
}
@media screen and (max-width:420px){
.how-it-works .vertical-rule .spacer .step-counter.step-counter-even{
left:5%!important
}
}
.how-it-works .vertical-rule .spacer .step-counter h3{
-webkit-transform:translateY(50%);
transform:translateY(50%)
}
.how-it-works .vertical-rule .spacer .step-content{
text-align:center;
margin-top:20px
}
@media(min-width:767px){
.how-it-works .vertical-rule .spacer .step-content{
text-align:left
}
}
@media(min-width:767px){
.how-it-works .vertical-rule .spacer .step-content.step-content-right{
text-align:right
}
}
.how-it-works .vertical-rule .spacer .step-content h4{
color:#000;
margin:25px 0;
padding-top:10px
}
.how-it-works .vertical-rule .spacer .step-content p{
color:#4d4c4c;
font-size:12px
}
@media(min-width:767px){
.how-it-works .vertical-rule .spacer .step-content p{
font-size:16px
}
}
@media(min-width:767px){
.pl-tout{
padding-top:50px;
padding-bottom:50px
}
}
.pl-tout p{
max-width:860px;
padding:20px 40px 50px;
color:#4d4c4c;
font-size:12px
}
@media(min-width:767px){
.pl-tout p{
font-size:16px
}
}
.pl-tout .btn{
width:250px;
font-size:10px;
letter-spacing:1px;
color:#fff;
text-align:center;
background-color:#0097d6;
border-color:#0097d6;
transition:background-color .2s
}
@media(min-width:767px){
.pl-tout .btn{
width:280px;
font-size:12px;
letter-spacing:2px
}
}
.pl-tout .btn:hover{
color:#0097d6;
background-color:#fff
}
.pl-tout+footer{
background:#f4f4f4
}
.pl-tout .btn--transparent.btn--secondary:hover{
background-color:#fff;
color:#0097d6;
border:1px solid #0097d6
}
.quick-quote-tool{
max-width:1250px;
margin:10px auto 60px
}
@media(min-width:992px){
.quick-quote-tool{
display:-ms-flexbox;
display:flex;
margin-top:0;
padding:0 30px
}
}
.quick-quote-tool .left-container{
background-color:#0097d6;
padding:30px 30px;
text-align:center
}
@media(min-width:992px){
.quick-quote-tool .left-container{
max-width:340px;
vertical-align:top;
display:inline-block;
float:left;
padding-left:30px;
padding-right:50px;
text-align:left
}
}
.quick-quote-tool .left-container h2{
color:#fff;
font-size:26px;
line-height:34px
}
@media(min-width:992px){
.quick-quote-tool .left-container h2{
font-size:48px;
line-height:60px
}
}
.quick-quote-tool .left-container p{
color:#fff;
margin:0 auto;
line-height:20px;
display:block;
margin-top:20px
}
@media(min-width:992px){
.quick-quote-tool .left-container p{
margin-top:40px;
padding-right:20px
}
}
.quick-quote-tool .right-container{
background-color:#f4f4f4;
padding:30px 30px
}
@media(min-width:992px){
.quick-quote-tool .right-container{
max-width:850px;
display:inline-block;
width:calc(100% - 340px);
padding:0
}
.quick-quote-tool .right-container .right-container-wrapper{
margin-left:80px;
margin-top:60px;
margin-bottom:60px;
position:relative
}
}
.quick-quote-tool .right-container .right-container-wrapper{
position:relative
}
@media(min-width:992px){
.quick-quote-tool .right-container .right-container-wrapper{
margin-left:40px
}
}
@media(min-width:1200px){
.quick-quote-tool .right-container .right-container-wrapper{
margin-left:80px;
margin-top:60px;
margin-bottom:60px
}
}
.quick-quote-tool .right-container .right-container-wrapper .fade{
transition:opacity .5s ease-in-out
}
.quick-quote-tool .right-container .right-container-wrapper .fade.fade-in{
opacity:1;
z-index:1
}
.quick-quote-tool .right-container .right-container-wrapper .fade.fade-out{
opacity:0;
z-index:0!important
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form{
position:relative;
z-index:1;
padding:0
}
@media(min-width:767px){
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form{
padding:20px 0
}
}
@media(min-width:992px){
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form{
padding:0
}
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form.fade-out{
height:360px
}
@media(min-width:992px){
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form.fade-out{
height:440px
}
}
@-webkit-keyframes spin{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes spin{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .spinner{
display:none;
width:20px;
height:20px
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .spinner.spinner-blue{
background:url("https://jmwebsitemediasa.blob.core.windows.net/global/Media/spinner-blue.png");
background-repeat:no-repeat;
background-size:100%
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .spinner.active{
display:block;
-webkit-animation:spin 2s linear infinite;
animation:spin 1s linear infinite
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .spinner span{
position:absolute;
left:-999999px
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .form-text{
color:#4e4e4e;
font-size:24px;
line-height:30px
}
@media(min-width:992px){
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .form-text{
display:inline-block;
font-size:36px;
line-height:28px
}
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .form-field{
display:block;
position:relative;
text-align:center;
margin-bottom:30px
}
@media(min-width:992px){
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .form-field{
display:inline-block;
margin-bottom:5px;
text-align:left
}
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .form-field.error .form__text:before{
background:linear-gradient(to right,#f15623 50%,#f15623 50%)
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .form-field.error select{
border-bottom:1px solid #f15623
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .form-field input,.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .form-field select{
background-color:#f4f4f4
}
@media screen and (max-width:992px){
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .form-field input,.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .form-field select{
width:200px;
text-align:center
}
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .form-field select{
color:#0097d6;
padding-left:0;
border:0;
border-bottom:1px solid #ccc;
font-size:24px;
line-height:30px
}
@media(min-width:992px){
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .form-field select{
font-size:36px;
line-height:28px
}
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .form-field input[type='submit']{
opacity:1
}
@media(min-width:992px){
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .form-field .form__label{
margin-bottom:60px;
margin-right:10px
}
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .form-field .label-container{
display:inline-block
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .form-field .form__select{
margin-top:20px;
display:block
}
@media(min-width:767px){
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .form-field .form__select{
margin:0;
display:inline-block
}
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .form-field .form__select .form__select-js ul li{
color:#0097d6
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .form-field .form__select .form__select-js ul li:hover{
color:#fff
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .form-field .form__text.is-complete:before{
background:linear-gradient(to right,#ccc 50%,#ccc 50%);
background-position:left bottom
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .form-field .form__text input{
color:#0097d6;
padding-left:0;
font-size:24px;
line-height:30px
}
@media(min-width:992px){
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .form-field .form__text input{
font-size:36px;
line-height:28px
}
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .form-field .form__text .spinner{
position:absolute;
right:-10px;
top:-10px
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .form-field .error{
color:#f15623;
margin-top:10px;
font-size:14px;
display:none
}
@media(min-width:992px){
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .form-field .error{
position:absolute;
bottom:25px;
right:0;
margin-top:0
}
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .form-field .error.show{
display:block
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .select-location{
text-align:center;
margin-bottom:30px
}
@media(min-width:992px){
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .select-location{
text-align:left;
margin-bottom:50px
}
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .select-location .select-state{
display:none
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .select-location .select-state.show{
display:block
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .select-location .select-county{
display:none
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .select-location .select-county.show{
display:block
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .select-location span:not(.error){
color:#4d4c4c;
font-family:'Roboto';
font-weight:700
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .select-location .radio-buttons{
margin:5px 0 30px
}
@media(min-width:992px){
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .select-location .radio-buttons{
margin:15px 0 30px
}
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .select-location .radio-buttons .radio-button{
display:inline-block;
margin-top:10px
}
@media(min-width:992px){
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .select-location .radio-buttons .radio-button{
margin-top:0
}
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .select-location .radio-buttons .radio-button:not(:first-child){
margin-left:10px
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .select-location .radio-buttons .radio-button input{
visibility:hidden;
width:0;
position:absolute
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .select-location .radio-buttons .radio-button input:checked+label{
color:#f4f4f4;
background:#0097d6;
cursor:pointer
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .select-location .radio-buttons .radio-button label{
display:block;
border:2px solid #0097d6;
color:#0097d6;
text-transform:uppercase;
padding:15px 20px
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .select-location .radio-buttons .radio-button label:hover{
color:#f4f4f4;
background:#0097d6;
cursor:pointer
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .select-location .error{
display:none;
color:#f15623;
font-size:14px;
margin-top:30px
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .select-location .error.show{
display:block
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .btn{
padding:20px 0;
margin:0 auto;
display:block;
position:relative;
outline:0
}
@media(min-width:992px){
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .btn{
padding:27px 20px;
display:inline-block
}
}
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .btn .spinner{
position:absolute;
right:-40px;
top:18px
}
@media(min-width:767px){
.quick-quote-tool .right-container .right-container-wrapper .quick-quote-form .btn .spinner{
top:25px
}
}
.quick-quote-tool .right-container .quick-quote-tool-results{
position:absolute;
top:0;
opacity:0;
text-align:center;
padding-top:20px;
width:100%
}
@media(min-width:992px){
.quick-quote-tool .right-container .quick-quote-tool-results{
text-align:left;
padding-top:40px
}
}
.quick-quote-tool .right-container .quick-quote-tool-results .back-button{
position:absolute;
top:-20px;
left:0;
cursor:pointer
}
@media(min-width:992px){
.quick-quote-tool .right-container .quick-quote-tool-results .back-button{
top:-30px
}
}
.quick-quote-tool .right-container .quick-quote-tool-results h3{
font-size:24px;
line-height:30px;
font-weight:400
}
@media(min-width:992px){
.quick-quote-tool .right-container .quick-quote-tool-results h3{
font-size:36px;
line-height:28px
}
}
.quick-quote-tool .right-container .quick-quote-tool-results p{
letter-spacing:0;
color:#4d4c4c
}
@media(min-width:992px){
.quick-quote-tool .right-container .quick-quote-tool-results p{
font-size:18px
}
}
.quick-quote-tool .right-container .quick-quote-tool-results .quote{
color:#0097d6;
padding:20px 0
}
@media(min-width:992px){
.quick-quote-tool .right-container .quick-quote-tool-results .quote{
padding:30px 0
}
}
.quick-quote-tool .right-container .quick-quote-tool-results .quote .premium{
margin-bottom:15px
}
.quick-quote-tool .right-container .quick-quote-tool-results .quote .premium .premium-amt{
font-size:48px;
line-height:28px
}
.quick-quote-tool .right-container .quick-quote-tool-results .quote .premium .per-year{
font-size:18px;
line-height:20px
}
.quick-quote-tool .right-container .quick-quote-tool-results .quote .deductible{
display:block;
margin:10px 0
}
.quick-quote-tool .right-container .quick-quote-tool-results .quote .min-policy-premium{
display:block;
margin:10px 0;
color:#f15623
}
.quick-quote-tool .right-container .quick-quote-tool-results .quote .min-policy-premium.hide{
display:none
}
@media(min-width:992px){
.quick-quote-tool .right-container .quick-quote-tool-results .next-steps .next-step{
display:inline-block
}
}
.quick-quote-tool .right-container .quick-quote-tool-results .next-steps .next-step:first-child{
margin-bottom:20px
}
.quick-quote-tool .right-container .quick-quote-tool-results .next-steps .next-step p{
color:#4d4c4c
}
@media(min-width:992px){
.quick-quote-tool .right-container .quick-quote-tool-results .next-steps .next-step p{
font-size:18px;
line-height:26px
}
}
.quick-quote-tool .right-container .quick-quote-tool-results .next-steps .next-step .btn{
padding:20px 0
}
@media(min-width:992px){
.quick-quote-tool .right-container .quick-quote-tool-results .next-steps .next-step .btn{
padding:27px 20px
}
}
.quick-quote-tool .right-container .api-error{
position:absolute;
top:0;
opacity:0
}
.quick-quote-tool .right-container .api-error p{
font-size:18px;
line-height:26px
}
.content-left-image-right{
max-width:1250px;
padding:0 30px;
margin:30px auto;
position:relative;
text-align:center
}
@media(min-width:767px){
.content-left-image-right{
margin:80px auto 50px;
text-align:left
}
}
.content-left-image-right .left-content{
max-width:500px;
display:inline-block
}
@media(min-width:767px){
.content-left-image-right .left-content h2{
line-height:60px
}
}
.content-left-image-right .left-content p{
padding-top:10px;
padding-bottom:10px;
font-size:12px
}
@media(min-width:767px){
.content-left-image-right .left-content p{
padding-bottom:30px;
font-size:16px
}
}
.content-left-image-right .left-content a{
color:#0097d6;
font-size:12px
}
@media(min-width:767px){
.content-left-image-right .left-content a{
font-size:16px
}
}
.content-left-image-right .right-image{
margin-top:40px
}
@media(min-width:992px){
.content-left-image-right .right-image{
position:absolute;
right:0;
top:50px;
margin:0
}
}
.content-left-image-right .right-image svg{
width:250px;
height:100px
}
@media(min-width:992px){
.content-left-image-right .right-image svg{
width:530px;
height:200px
}
}
.content-top-image-bottom{
border-bottom:1px solid #999
}
.content-top-image-bottom .container{
max-width:1250px;
margin:0 auto;
text-align:center
}
@media(min-width:767px){
.content-top-image-bottom .container{
padding:0 30px
}
}
.content-top-image-bottom .container h2{
padding:0 30px
}
@media(min-width:767px){
.content-top-image-bottom .container h2{
padding:0
}
}
.content-top-image-bottom .container p{
color:#4d4c4c;
max-width:875px;
margin:30px auto;
font-size:12px;
padding:0 30px
}
@media(min-width:767px){
.content-top-image-bottom .container p{
font-size:16px;
padding:0
}
}
.content-top-image-bottom .container a{
color:#0097d6;
font-size:12px
}
@media(min-width:767px){
.content-top-image-bottom .container a{
font-size:16px
}
}
.content-top-image-bottom .container svg{
margin-bottom:-5px;
width:100%;
height:auto
}
@media(min-width:767px){
.content-top-image-bottom .container svg{
height:240px
}
}
@media(min-width:992px){
.content-top-image-bottom .container svg{
height:273px
}
}