@charset "UTF-8";
    
@import url(https://fonts.googleapis.com/css?family=Comfortaa:400,700,300);
    
body{
        
   font-family: 'Open Sans', sans-serif;
}

.noBoxShadow{

    box-shadow: none !important;
}

a{
    
    transition: all 0.2s;

}

h1{
    
    font-family: 'Comfortaa', cursive;
}

strong{font-weight: bold;font-size: 18px;}

.row{

    margin: 0 !important;
}

.clear{
    clear: both;
}   

#container{
        
    width: 100%;
    margin: 0 auto;
    background-color: white;
}


#contact{
    height: 20px;
    background-color: white;
    float: right;
    opacity: 0.6;
    position: absolute;
    top: 2%;
    right: 5.5%;
    z-index: 3;
}


#contact h1{
    
    margin: 0;
    font-size: 18px;
    color: #707070;
    font-family: 'Open Sans', sans-serif;
}

#contact span.aber{
    
    color: #831029;
}


/*-------------------------------*/
/*------------- NAV -------------*/
/*-------------------------------*/

nav{
    
    top: 0;
    z-index: 2;
    width: 100%;
/*    overflow: hidden;*/
    background-color: white !important;
}

nav ul:not(.dropdown-content){

    margin: 2em 5% 0 0 !important;
}

nav a, .dropdown-content a{

    color: #333 !important;
}


nav a.navActive{
    
    color: #831029 !important;
    font-weight: bold;
}

nav li a:hover:not(.navActive){
    
    color: #87676e !important;
    background-color: none !important;
}

nav .brand-logo{

    margin: .5em 5% 0 !important;
}

@media only screen and (min-width: 601px){

    nav .brand-logo{

        margin: 0 !important;
    }

}

@media only screen and (min-width: 993px){

    nav .brand-logo{

        margin: 0 !important;
    }

}

/*------------------------------------*/
/*------------- HOMEPAGE -------------*/
/*-------------- SLIDER --------------*/
/*------------------------------------*/


.slider .slides li{

    height: auto !important;
}

.slider .slides li .caption {
    color: #fffdf3 !important;
    font-family: 'Comfortaa', sans-serif;
}

.slider .slides li .caption p a{
    
    color: #fffdf3;
}

.slider .slides li .caption p a:hover{
    
    color: #831029;
}

.slider .indicators {
  z-index: 3;
}

.slider .indicators .indicator-item.active {
  background-color: #831029 !important;
}

.slider .indicator-item:hover{
    
    background-color: #831029;
}

ul.indicators{
    bottom: 5% !important;

}

#slider{
    
    clear: both;
}

#mainText{
    
    margin: 0 auto 2em;
    color: #333333
}

#mainText strong{
    
    line-height: 35px;
}

#mainText p{
    
    font-size: 16px;
}

#products{
    
    width: 100%;
    background-color: #831029;
    margin: 0 auto;
    padding: 2% 0;
}

#content{
    
    margin: 0 auto;
}

#content h1{

    color: #fffdf3;
    text-align: center;

}

#content .col h2{
    
    font-size: 35px;
    color: #fffdf3;
    
}

#content .col p{
    
    font-size: 15px;
    color: #fffdf3;
}

#content .col a{
    
    font-size: 18px;
    color: #fffdf3;
}

#content .col p a:hover strong{
    
    color: #3a091b;
}


#quickLinks{
    
    margin: 0 auto;
    text-align: center;
    padding: 2% 0;
}

.tab a{

    color: #831029 !important;
    font-size: 18px;
}

.tab a:hover{

    color: #f9c9cb;
}

.services{

    background-color: #f7f7f5;
    padding: 3% 5% !important;
}

 @media only screen and(min-width: 601px){

    .services{

        padding: 3% 5%;
    }

 }

 @media only screen and(min-width: 993px){

    .services{

        padding: 3% 10%;
    }

 }

.services p{

    text-align: left;
}

.circle{
    
    transition: all 0.2s;
    width: 141px;
    height: 141px;
    background-color: #831029;
    margin: 0 auto;
}

.circle h3 a{
    
    display: block;
    width: 141px;
    height: 141px;
    margin: 0;
    padding-top: 57px; 
    color: #d7d5cc;
}

.circle h3 a i{
    
    font-size: 70px;
}

.circle:hover{
    
    background-color: #d7d5cc;
    transform: scale(1.2);
    transition: all 0.2s;
}

.circle h3 a:hover i{
    
    color: #831029;
    transition: all 0.2s;
}

#quote{
    
    width: 100%;
    margin: 0 auto;
    clear: both;
    background-color: #831029;
}

#free{
    
    margin: 0 auto;
    text-align: center;
    padding: 5% 0;
}

#free h3{
    
    color: #fffdf3;
    font-size: 2.92rem;
}

#free a{
    
    color: #fffdf3;
    font-size: 1.5rem;
}

#free a:hover{
    
    color: #3a091b;
    transition: all 0.2s;
}

/*----------------------------------------*/
/*------------- BEGIN FOOTER -------------*/
/*----------------------------------------*/

footer{
    
    width: 100%;
    margin: 0 auto;
    background-color: #e5e4e1;
}

#nav2{

    margin: 0 auto;
    padding: 1.5% 0 0 0;
}

#nav2 .listItem{

    padding-left: 0 !important;
    padding-right: 0 !important;

}

#nav2 a{
    
    text-align: left;
    color: #7f7f7f;
    font-size: 18px;
    line-height: 1.7em;
}

#nav2 a.active{
    
    color: #831029;
    font-weight: bold;
}

#nav2 a:hover{
    
    color: #831029;
    transition: all 0.2s;
    font=font-weight: bold;
}

#nav2 form{
    
    color: #7f7f7f;
    text-align: left;
}

#nav2 input.email{
    
    width: 70%;
    height: 35px;
    border: 1px solid #7f7f7f;
    margin-bottom: 5px
}

#nav2 input.submit{
    
    transition: all 0.2s;
    width: 80px;
    height: 30px;
    border: 0;
    background-color: white;
    padding: 5px;
}

#nav2 input.submit:hover{
    
    background-color: #831029;
    border: 0;
    padding: 5px;
    color: #fffdf3;
    transition: all 0.2s;
}

footer p{
    
    clear: both;
    text-align: center;
    font-size: 12px;
    opacity: 0.5;
    margin: 0 auto;
    padding: .2% 0 .5% 0;
}

#nav2 .row .col.s12 {

    text-align: center;
}

#nav2 .row .col.s12 form { 

    text-align: center;
}


@media only screen and (min-width: 601px){

    #nav2 .row .col.m6{

        text-align: left;
    }

    #nav2 .row .col.m6 form{

        text-align: left;
    }

}

@media only screen and (min-width: 993px){

    #nav2 .row .col.l6{

        text-align: left;
    }

    #nav2 .row .col.l6 form{

        text-align: left;
    }

}

/*--------------------------------------*/
/*------------- END FOOTER -------------*/
/*--------------------------------------*/

#quotes{
    
    width: 100%;
    background-image: url(../assets/images/quotes_main.jpg);
    background-repeat: no-repeat;
    margin-top: 168px;
    overflow: hidden;
    background-size: cover;
}

#quotes h1{
    
    text-align: center;
    color: #fffdf3;
    font-size: 50px;
    margin: 250px;
}

.threeRow{
    
    width: 100%;
    height: 470px;
    overflow: hidden;
}

.abern{
    
    background-color: #831029;
}

.abern h3:not(.circle){
    
    color: #fffdf3;
}

.abern .circle{
    
    background-color: #fffdf3;
    transition: all 0.2s;
}

.abern .circle:hover{
    
    background-color: #87676e;
    transform: scale(1.2);
    transition: all 0.2s;
}

.abern .circle h3 a i{
    
    color: #87676e;
}

.abern .circle h3 a:hover i{
    
    color: #fffdf3;
    transition: all 0.2s;
}

.contentFour{
    
    width: 1020px;
    height: 255px;
    margin: 110.5px auto;
}

.fourCol{
    
    float: left;
    width: 255px;
    height: 255px;
    text-align: center;
}

.fourCol .circle{
    
    width: 127px;
    height: 127px;
}

.fourCol h3{
    
    font-size: 23px;
}

.fourCol .circle h3{
    
    width: 127px;
    height: 127px;
}

.fourCol .circle h3 a{
    
    display: block;
    width: 127px;
    height: 127px;
}

.fourCol .circle h3 a i{
    
    display: block;
    font-size: 60px;
    height: 127px;
    width: 127px;
    margin: -10px 0 0 0;
    
}

#about{
    
    width: 100%;
    height: 480px;
    margin-top: 168px;
    background-image: url(../assets/images/about_main.jpg);
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: cover;
}

#about h1{
    
    text-align: center;
    color: #fffdf3;
    font-size: 50px;
    margin: 200px;
}

#aboutText{
    
    width: 100%;
    height: 450px;
    text-align: center;
    overflow: hidden;
}

.aboutText{
    
    width: 1025px;
    height: 300px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 70px;
}

.aboutText h4, .aboutText h5{
    
    font-family: 'Open Sans', sans-serif;
}

.aboutText h4{    
    
    font-size: 28px;
    line-height: 35px;
}

.aboutText p{
    
    font-size: 17px;
    line-height: 26px;
}

.aboutText h5{
    
    font-size: 17px;
    font-style: bold;
    line-height: 25px;
}

#tailored{
    
    width: 100%;
    height: 480px;
    background-image: url(../assets/images/about_tailored_insurance.jpg);
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: cover;
}

#tailored h1{
    
    text-align: center;
    color: #fffdf3;
    font-size: 50px;
    margin: 220px;
}

#tailoredText{
    
    width: 100%;
    height: 330px;
    text-align: center;
    overflow: hidden;
    
}

.tailoredText{
    
    width: 1025px;
    height: 160px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 75px;
}

.tailoredText h4{
    font-family: 'Open Sans', sans-serif;
}

.tailoredText h4 em{
    
    font-size: 28px;
    line-height: 35px;
}

.tailoredText p{
    
    font-size: 17px;
    line-height: 26px;
}

#affordable{
    
    width: 100%;
    height: 480px;
    background-image: url(../assets/images/about_insurance_options.jpg);
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: cover;
}

#affordable h1{
    
    text-align: center;
    color: #fffdf3;
    font-size: 50px;
    margin: 220px;
}

#affordableText{
    
    width: 100%;
    height: 380px;
    text-align: center;
    overflow: hidden;
}

.affordableText{
    
    width: 1025px;
    height: 160px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 105px;
}

.affordableText h4{
    font-family: 'Open Sans', sans-serif;
}

.affordableText h4{
    
    font-size: 28px;
    line-height: 35px;
}

.affordableText p{
    
    font-size: 17px;
    line-height: 26px;
}

#products2{
    
    width: 100%;
    height: 480px;
    margin-top: 168px;
    background-image: url(../assets/images/products_main.jpg);
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: cover;
}

#products2 h1{
    
    text-align: center;
    color: #fffdf3;
    font-size: 50px;
    margin: 210px;
}

.threeRow2{
    
    width: 100%;
    height: 420px;
    overflow: hidden;    
    text-align: center;
    margin: 0 auto;
}

.productsText{
    
    width: 1025px;
    height: 150px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 125px;
}

.productsText h3 em{
    
    font-size: 32px;
    line-height: 35px;
}

.personal, .business{
    
    width: 1025px;
    height: 310px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 55px;
}

.business h3, .abern .personal h3{
    
    font-size: 55px;
}

 .abern .personal p{
    
    font-size: 24px;
    line-height: 40px;
    color: #fffdf3;
}

.abern .personal a{
    
    display: block;
    color: #fffdf3;
    font-size: 24px;
    line-height: 40px;
    margin: -15px 0 0;
}

 .abern .personal a:hover{
    
    color: #3a091b;
     transition: all 0.2s;
}

.business p{
    
    font-size: 24px;
    line-height: 40px;
}

.business a{
    
    display: block;
    color: #333333;
    font-size: 24px;
    line-height: 40px;
    margin: -15px 0 0;
}

.business a:hover{
    
    color: #831029;
    transition: all 0.2s;
}


.threeRow2 h3 {
    
    font-family: 'Comfortaa', cursive;
}

.productsText h3{
    
    font-family: 'Open Sans', sans-serif;
}