body{
    background-color: #F2F2F2;
    font-size: 15px;
    color: rgb(60, 60, 60);
}

.master{

    background-color: rgba(255, 255, 255, 0.89);
    padding: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}

.side{
    z-index: -50;
}

.header{
    width: 100%;
    height: auto;
    padding: 5px 10px 10px 10px;
    background-color: transparent;
}

.socialMedia{
    position: absolute;
    padding-top: 5px;
    padding-right: 5px ;
    top: 0;
    right: 0;
    cursor: pointer !important;
}

.socialMedia a img{
    width: 30px;
    height: 30px;
    border-radius: 70%;
    -webkit-border-radius: 70%;
    border: 2px solid rgba(102, 102, 102, 0.4);
    transition-duration: 0.4s;
}

.socialMedia a img:hover{
    transition-duration: 0.2s;
    border: 2px solid #2196f3;
}

#mobile-nav.navbar{
    margin-top: 40px;
}

.header-logo{
    height: auto;
    width: 16%;
}

.header-text{
    font-family: Sylfaen, Georgia;
    margin-top: 2%;
    font-size: 33px;
    position: absolute;
    top:0;
    left:0;
    margin-left: 20%;
    color: #000;
}

#header{
    border-bottom: 1px solid rgba(102, 102, 102, 0.2);
}



#mobile-heading{
    display: none;
    text-align: center;
    background-color: rgba(0, 87, 174, 0.95);
    color: white;
    padding: 10px 5px 20px 5px;
}

#mobile-heading h4{
    color: white;
}

#content{
    padding: 10px;
}

#footer {
    text-align: center;
    width:100%;
    border-top: 1px solid rgba(102, 102, 102, 0.2);
    padding-top: 10px;
    margin-top: 30px;
    overflow: hidden;
}

@media screen and (max-width: 775px) {
    #footer{
        height: 90px;
    }
}

#partners{
    border-top: 1px solid rgba(102, 102, 102, 0.2);
    text-align: center;
    padding-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

#payment{
    text-align: center;
    padding-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.partner{
    height: 20%;
    margin-top: 10px;
}

.partner a{
    height: 100%;
    padding: 10px;
}

.partner a img{
    vertical-align: middle;
    height: 80px;
    width: auto;
}

#headerNumbers{
    position: absolute;
    top: 40px;
    right: 1%;
}

#trustedChoice{
    position: absolute;
    top: 40px;
    right: 15%;
    width: auto;
    height: 50px;
}

@media screen and (max-width: 905px) {
    #headerNumbers{
        display: none;
    }
    #trustedChoice{
        position: absolute;
        top: 5px;
        left: 0;
        height: 35px;
        width:auto;
    }
}

/*==========================================
    NAVIGATION
==========================================*/

.nav-tabs{
    /*border-top: 1px solid rgba(102, 102, 102, 0.2);*/
}

.nav-tabs.nav-justified>li>a{
    text-align: left;
}

.nav-tabs>li{
    padding: 0 10px 0 10px;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{
    background-color: transparent;
}

.nav-tabs>li>a {
    border-radius: 0 !important;
    padding: 5px 0 5px 0;
    font-size: 16px;
    font-style: oblique;
}

.nav-tabs>li>a, .nav-tabs>li>a:focus{
    color: rgb(81, 81, 81);
}

.nav-tabs>li>a:hover, .nav-tabs>li>a:focus:hover{
    -webkit-box-shadow: inset 0 4px 0 #2196f3;
    box-shadow: inset 0 4px 0 #2196f3;
}

.nav-tabs>li>a, .nav-tabs>li>a:focus{
    -webkit-box-shadow: inset 0 4px 0 rgba(102, 102, 102, 0.4);
    box-shadow: inset 0 4px 0 rgba(102, 102, 102, 0.4);
}

.dropdown-menu{
    text-align: center;
    min-width: 90%;
    border-radius: 0;
}

@media screen and (max-width: 768px) {
    .dropdown-menu{
        min-width: 93%;
    }
}

#mobile-nav .navbar-brand{
    padding: 4px 0 4px 4px;
}

#mobile-nav img{
    width: auto;
    height: 100%;
}

#mobile-nav {
    display: none;
    margin-top: 20px;
}

@media screen and (max-width: 905px) {
    #header{
        padding: 5px 0 0 0;
    }
    #desktop-nav {
        display: none;
    }
    #mobile-nav {
        display: block;
    }
    .header{
        display: none;
    }
}

/*==========================================
    CAROUSEL
==========================================*/

@media screen and (max-width: 775px) {
    #carousel {
        display: none;
    }
    #mobile-heading{
        display: block;
    }
}

.item{
    height: 400px;
}

.item img{
    height: 120%;
    width: 100%;
}

.carousel-control{
    width: 10%;
    opacity: 0.9;
}

.carousel-control.left, .carousel-control.right{
    background-image: none;
}

#carousel-caption{
    background-color: rgba(0, 87, 174, 0.95);
    position: absolute;
    bottom:10%;
    right: 8%;
    margin-left: 25%;
    text-align: left;
    padding: 20px;
}

@media screen and (max-width: 910px) {
    #carousel-caption #extra {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .carousel-indicators {
        bottom: -2.5%;
    }
}

/*==========================================
    FEATURES
==========================================*/

#features{
    border-top: 1px solid rgba(102, 102, 102, 0.2);
    padding: 10px 0 10px 0;
    margin-top: 10px;
}

#features .col-sm-4{
    padding: 10px;
}

#features .feature-bg{
    background-size: 100%;
    border-radius: 5px;
}

#features .feature{
    border: 2px solid rgba(102, 102, 102, 0.2);
    background-color: rgba(0, 87, 174, 0.6);
    padding: 15px;
    border-radius: 5px;
    color: white;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
    transition-duration: 0.2s;
    display: block;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.4);
    box-shadow: 0 1px 4px rgba(0,0,0,0.4);
    height: 170px;
}

@media screen and (max-width: 790px) {

    #features .feature{
        height: 180px;
    }

}

@media screen and (max-width: 767px) {

    #features .feature{
        height: 150px;
    }

}

#features .feature:hover{
    background-color: rgba(0, 87, 174, 0.9);
    transition-duration: 0.4s;
    text-decoration: none;
    cursor: pointer;
}

#features .feature h4{
    color: white;
}


#features div{
    text-align: center;
}

#features img{
    height: 20vh;
}

/*==========================================
    INSURANCE PAGES
==========================================*/

#bg {
    position: fixed;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    z-index: -25;
}
#bg img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%;
}

#insurance{
    padding: 0 30px 0 30px;
}

#insurance h1{
    text-align: center;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid rgba(102, 102, 102, 0.2);
    width: auto;
}

/*==========================================
    FORMS
==========================================*/

#form{
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
    padding: 10px;
}

#form .form-group{
    padding: 0 10px 0 10px;
}

#form #form-row{
    padding: 5px 0 5px 0;
}

#form #form-row .col-lg-4{
    text-align: left;
}

#form .form-control{
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}

.rc-anchor-normal{
    width: 100% !important;
}

.required:after {
    content:" *";
    color: red;
}

@media screen and (min-width: 776px) {
    #form{
        margin-left: 90px;
        margin-right: 90px;
    }
    #form .form-group{
        padding: 0 60px 0 60px;
    }
    #form #form-row .col-lg-4{
        text-align: right;
    }
    #ezlynx{
        display: none;
    }
}

/*==========================================
    CONTACT US
==========================================*/
#contactus{
    text-align: center;
    margin-left: 80px;
    margin-right: 20px;
}

#contactus iframe{
    width: 100%;
}

#contactus h1{
    padding: 10px 40px 20px 0;
}
#contactus .col-lg-5{
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    padding: 20px 10px 10px 10px;
}

@media screen and (max-width: 775px) {
    #contactus{
        margin-left: 10px;
        margin-right: 10px;
    }
    #contactus h1{
        padding: 0;
    }
    .captcha{
        transform:scale(0.8);
        -webkit-transform:scale(0.8);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}

/*==========================================
    BUTTON LIST
==========================================*/
.buttonList{
    text-align: center;
}

.buttonList li a{
    display: block;
    margin: 10px 5px 10px 5px;
    padding: 10px;
    color: white;
    background-color: #2196f3;
    border: none;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.buttonList li a:hover {
    text-decoration: none;
    background-color: #0d87e9;
}

#buttonList-container{
    margin-top: 10px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    padding: 20px;
}

/*==========================================
    CHOOSE INSURANCE
==========================================*/

#choose{
    padding: 0 20px 0 20px;
    height: 75vh;
}

.choice{
    text-align: center;
    height: 300px;
    display: block;
    padding: 10px;
    color: white !important;
    border: none;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.choice span{

}

.choice:hover{
    text-decoration: none;
    cursor: pointer;
}

#choose-personal{
    background-color: #006ED6;
}

#choose-personal:hover{
    background-color: #0058b0;
}

#choose-business{
    background-color: #3d8b40;
}

#choose-business:hover{
    background-color: #2f6430;
}

.LocationNorthContainer {
	display: none;
}
.LocationSouthContainer {
	margin-left: auto;
	margin-right: auto;
	float: none;
}