body{
    font-family: 'allstate_sansregular';
      margin: 0;
      padding: 0;
      width:100%;
      float: left;
      height: 100%;
      overflow-x: hidden
     
 
 }

 #insidebtn h3{
     color:black;
 }

 select.mySelect {
    display: block;
    padding: 6px;
    font-size: 13px;
    border: 2px solid #D8D8D8;
    margin-top: 0.9em;
    width: 36%;
    float: left;
    color: #0E1941 !important;background-color: #fff !important;
    font-family: 'allstate_sansregular';
    
}

#Select2{
    width: 45%;
}

.mySelect:after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

#apply{
    width: 24%;
}

.mySelect option{
    font-size: 13px;
    font-family: 'allstate_sansregular';
}
 
 .row {
      margin-right: 0; 
      margin-left: 0; 
 }
 
 /*.EAAgent .tablink h3{
     color: yellow
 }*/
 
 .maincontainer{
         padding: 0 4em;
         float: left;
         width: 100%
 }
 
 
 #mobile{
     display: none
 }
 
 #mobilealllogo{
     display: none
 }
 .container-fluid{
     padding: 0;
     margin: 0
 }
 
 .addborder{
     border-bottom: 0.2em solid #ED7766;
 }
 
 #alllogos{
     float: left
 }
 
 .activeColor{
     color:#0033a0
 }
 .button:hover {
   background-color: white;}
 .glinks a:hover{
      text-decoration: underline
  }
 
  
  .button {
    padding: 0.35em 0.3em 0.35em 0em;
    color: #0E1941;
    border: 2px solid #ed7666;
    background-color: #ED7766;
    border-radius: 2em;
    width: 17%;
    cursor: pointer;
    margin-top: 0.65em;
    margin-left: 2em;
    font-size: 1.15em;
    font-family: 'allstate_sansbold';
}

#Selectsection p{
    margin: 0;font-size: 15px;
}
 
 
 
 
 #Thirdcontainer {
    padding: 2em 0em;
     float: left;
    
         width: 100%;
     /*margin: 2em 0;*/
 }
 
 #getquote,#Firstcontainer{
         background-color: #0E1941;
         color: #fff;
         
 
 }
 
 .col-lg-7{
     padding-left: 0;
         padding-right: 0
 }
 
 #getquote img{
     max-width: 100%
 }
 
 #getquote span{
    color: #45BCE5
 }
 
 #logoheading {
    width: 16%;
    margin-top: 0.5em;
}
 
 #mainheading{
    margin: 0;
     /*font-size: 3em;*/
      font-size: 2.5em;
      padding: 0.4em 0em 0.5em 0;
      font-family: 'allstate_sansmedium';
 }
 
 #subheader {margin-top: 0.25em;
     font-size: 1.75em;
     margin-bottom: 0.25em
 }
 
 
 
 
 
 
 
.show-on-desktop {
  background: url(/resources/Allstate/images/landing-pages/lsp/Recruitment/hero-image.png) no-repeat center;
  min-height: 385px;
  background-size: cover;
}
 
  .middlecontent{
  padding: 2em 4em;
  }
 
  .righttext{
       font-family: 'allstate_sansmedium';
       color: #0E1941;
       font-size: 1.8em;
       padding: 1em 0em;
          
  }
 
    #imageblock{
      min-height: 460px;
     /*float: right;*/
     /*width: 40%;*/
 }
 #getquote{
        float: left;
     padding: 0em 0em 0em 4em;
     }
       #headerp{      width: 75%;
     padding: 1.25em 0;
     font-size: 1.01em;}
     
     #rightlogo{
         /*padding: 2em 8em;*/
     background-color: #45BCE5;
     /*text-align: center;*/
     }
     
     /*.handlogo{
         width: 56%;
         padding: 1em 0 0 3em;
 
     }*/
     
   /*.logodiv {
     padding: 0.5em 0.8em;
     width: 43%;
     background-color: #45BCE5;
    
     margin: 0;
 }*/
 
 .hand{
     background-color: #45BCE5;
     padding:  0.7em;
 }
 
 .hand img{
    margin-left: 1.5em;
     margin-top: 0.75em;
     margin-bottom: 0.75em;
     width: 62%;
 }
 
 .hands {
     font-family: 'allstate_sansmedium';
    padding: 1.8em 7em;
        background-color: #F4EFEF;
     border-right: 0.7em solid #ED7766;
 }
 
 .hands h4 {
     font-size: 2.1em;
     margin: 0;
     color: #0033A0;
     font-family: 'allstate_sansmedium';
 }
 
 #bottomquote{
     padding: 0.5em 0;
     float: left;
     width: 100%;
 
 }
 
 #bottomquote p{
     font-size: 0.8em;
     color: #0E1941
 }
 
 .glinks{
     padding: 2em 0;color: #0033A0
 
 }
 
 .glinks a{
     text-decoration: none;
     color: #0033A0;
     font-size: 0.9em
 
 }
 
 .lastlink{
     margin-left: 2em
 }
   /*#goodhand {
     
     margin-top: 2.2em;
 } 
 
 
 
 #goodhand h4 {
     font-size: 1.5em;
     margin-right: -2em;
     color: #0E1941;
     
 } */
 
 /*.handlogo img{
         max-width: 100%
     }*/
     
     #alllogo{
                       margin-right: -38em;
     width: 100%;
     padding-left: 1em;
     margin-top: -9em;
     text-align: center;
     float: right;
     }
     
     #rightcontent{
            font-size: 1.65em;
     color: #0E1941;
     margin-right: -6em;
       
 
 font-family: 'allstate_sansmedium';
     }
 
     #todaylink
     {
         color: #0033A0
     }
 
     .tablink{
         border-color: #F5F5F5;
         border-left: none;
         border-right: none; 
     padding: 0;
     width: 82%;
     border-bottom: 0.5em solid #D8D8D8;
      touch-action: manipulation;
      box-shadow: none!important;
     }
 .tablink:hover,.tablink:focus,.tablink:active, 
 .tablink:active:focus:not(:disabled):not(.disabled),
 .tablink:focus, .tablink:active, .tablink:hover{
     box-shadow: none!important;
     outline: 0;background-image: none;
 }
 
     .btn{
     white-space: initial
 }
 
 
 
     
 li{
     font-family: 'allstate_sansmedium';
 }
 
 li p{
     font-family: 'allstate_sansregular';
 }
 .tabcontent {
   color: #0E1941;
   font-family: 'allstate_sansregular';
   display: none;
      padding: 3.5em 0;
   height: 100%;
 }
#extra{
    padding-bottom: 3em;
}
 .tabcontent p{
     margin-bottom: 1.5em;
 }
 
 #mobileheader{
     display: none
 }
 
 
 #connectwrapper{
 
    
     margin-top: 2em;
 }
  
 
  #connectwrapper h4{
         float:right;
     font-family: 'allstate_sansmedium';
     margin-right: 1.2em;
     font-size: 1.6em;
     margin-top: 0em;
  }
 
 #connectwrapper img{
      float: left;
     margin-right: 1em;
     font-size: 1.5em
 }
 
 @media only screen and (min-width: 2500px) {
 #mainheading {
     /* font-size: 3em; */
     font-size: 3em;}
     #subheader {
     font-size: 2em;}
     #headerp {
     font-size: 1.5em;}
     #imageblock {
     min-height: 610px;}
     .hands {
     font-family: 'allstate_sansmedium';
     padding: 3.25em 7em !important;
 }.show-on-desktop{
    background-position: 6px 24px;
 }#Selectsection p {
    margin: 0;
    font-size: 1.25em;
}
select.mySelect {
    display: block;
    padding: 1em;
    font-size: 1.25em;}.button {
        padding: 0.85em;
        color: #0E1941;
        border: 2px solid #ed7666;
        background-color: #ED7766;
        border-radius: 2em;
        width: 17%;
        cursor: pointer;
        margin-top: 0.65em;
        margin-left: 2em;
        font-size: 1.55em;
        font-family: 'allstate_sansbold';
    }#logoheading {
        width: 12%;
        margin-top: 1em;
    }
    
    
 
 } 
 @media only screen and (max-width: 2600px) {
   
    img{
          /* width: 100%;
     height: 199px; */
       max-height: 250px;
   }
 .tablink{
     width:56%
 }
   #Secondcontainer{
           padding: 0em;
            margin-left: -15px;
     margin-right: -15px;
   }
 
   .tablink h3{
       font-size: 1em;
       color: #0E1941;
       
     font-family: 'allstate_sansmedium';}
    #caption_3,#caption_4{
       font-size: 1em;
       color: #0E1941;
      padding: 0.5em 2em;
      margin-top: 0.5em;
      font-family: 'allstate_sansmedium';
   }
 
   #alllogos {
     margin-top: 0.5em;
     float: left;
     margin-left: 14em;
 
 
   }
 
   #hands h4{
       font-size: 3em
       
   }
 
   .hands {
     font-family: 'allstate_sansmedium';
     padding: 3em 7em;}
 
   #connectwrapper h4 {margin-right: 23em}
   }
 @media only screen and (max-width: 1950px) {
     #alllogos{
             margin-left: 8em;
     }.tablink{
         width: 75%
     }
     .tablink img {
     max-height: 228px;
 }.button {
    padding: 0.5em 0.3em 0.5em 0em;}
 #logoheading {
    width: 13%;
    margin-top: 0.5em;
}select.mySelect {
    display: block;
    padding: 0.65em;}
      #connectwrapper h4{font-size: 1.5em;
      margin-right: 11em}
      .hands {
     font-family: 'allstate_sansmedium';
     padding: 2.4em 7em;}
 
     /*.hands{
             padding: 2.4em 7em;
     }*/
 }
 @media only screen and (max-width: 1700px) {
   
     #connectwrapper h4 {
     font-size: 1.4em;
     margin-right: 7.2em;
 }
 .tablink img {
     max-height: 185px;
 }
 .tablink #caption_3, .tablink #caption_4 {
 padding: 0 2.5em;}
  .hands {
     font-family: 'allstate_sansmedium';
     padding: 2.2em 7em;}
 
 }
 
 
 @media only screen and (max-width: 1550px) {
   
     #connectwrapper h4 {
     font-size: 1.4em;
     margin-right: 4.2em;
 }.tablink {
     width: 85%;
 }
 
 .hands {
     font-family: 'allstate_sansmedium';
     padding: 1.8em 7em;
 }
 
 .tablink img {
     max-height: 173px;
 }
 
 }
 
 @media only screen and (max-width: 1537px) {
     .tablink img {
     max-height: 198px;
 }
 }
 
 @media only screen and (max-width: 1510px) {
   
     #connectwrapper h4 {
     font-size: 1.4em;
     margin-right: 3.2em;
 }
  .tablink img {
     max-height: 193px;
 }
 }
 
 @media only screen and (max-width: 1475px) {
   
     #connectwrapper h4 {
     font-size: 1.4em;
     margin-right: 2.2em;
 } .tablink img {
     max-height: 184px;
 }
 
 }
 @media only screen and (max-width: 1450px) {
   
     #connectwrapper h4 {
     font-size: 1.4em;
     margin-right: 1.2em;
 }.tablink img {
     max-height: 185px;
 }
 
 .button{
     width: 19%
 }
 
 }
 
 @media only screen and (max-width: 1425px) {
     .tablink img {
     max-height: 179px;
 }
 }
 
 @media only screen and (max-width: 1400px) {
   
     #connectwrapper h4 {
     font-size: 1.4em;
     margin-right: 0em;
 }
 
  .hands {
     font-family: 'allstate_sansmedium';
     padding: 1.6em 7em;}
 
 }
 
 @media only screen and (max-width: 1375px) {
   .tablink img {
     max-height: 149px;
 }
 .tablink #caption_3, .tablink #caption_4 {
     padding: 0px 2em;
 }.tablink {
     width: 72%;
 }
     #connectwrapper h4 {
     font-size: 1.4em;
     margin-right: 0em;
 }
 
 }@media only screen and (max-width: 1366px){
 .tablink img {
     max-height: 144px;
 }}
 
 @media only screen and (max-width: 1350px) {
   
     #connectwrapper h4 {
     font-size: 1.4em;
     margin-right: -1em;
 }
 .tablink img {
     max-height: 139px;
 }
 }
 
 @media only screen and (max-width: 1310px) {
   
     #connectwrapper h4 {
     font-size: 1.4em;
     margin-right: -3.5em;
 }
 .tablink img {
     max-height: 134px;
 }}
 @media only screen and (max-width: 1280px) {
 .tablink #caption_3, .tablink #caption_4 {
     padding: 0px 1em;
 }#Select2 {
    width: 50%;
}
 .button {
    width: 25%;
}#connectwrapper h4 {
    font-size: 1.4em;
    margin-right: -40px;
}
#apply {
    width: 30%;
}
 }
 
 @media only screen and (max-width: 1250px) {
   
     #connectwrapper h4 {
     font-size: 1.3em;
     margin-right: -3.5em;
 }
 .tablink img {
     max-height: 127px;
 }
  .hands {
     font-family: 'allstate_sansmedium';
     padding: 1.4em 7em;}
 
 }
 
 
 
 @media only screen and (max-width: 1200px) {
     #connectwrapper{
     margin-top: 0;}
     .button{
         width: 23%
     }
    .tablink img {
     max-height: 122px;
 }
 #imageblock {
     background-position: 40px 10px;
     min-height: 641px;
 }.tablink #caption_3, .tablink #caption_4 {
    padding: 0px 1em;
}select.mySelect {
    display: block;
    padding: 1em;}#Select2 {
        width: 71%;
    }#apply {
        width: 39%;margin-left: 0;
    }
    #connectwrapper img {
        float: left;
        margin-right: 0.25em;}
        #imageblock {
            background-size: 69%;
            background-position: 362px -13px;
            min-height: 542px;
        }#logoheading {
            width: 12%;
            margin-top: 0.5em;
        }
 }
 
 
 
 
 @media only screen and (max-width: 1199px) {
         #getquote {
    
     float: left;
     padding: 2.5em 3em;
 }
 #connectwrapper h4 {
     font-size: 1.4em;
     margin-right: 22em;
 }
 #connectwrapper{
     margin-top: 0;
     padding: 1em 0
 }   .tablink img {
     max-height: 114px;
 }#Select2 {
    width: 60%;
}#apply {
    width: 60%;
    margin-left: 0;
}
 
 /*#connectwrapper h4 {
     font-size: 1.4em;
     margin-right: 20em;
 }*/
 }
 
 @media only screen and (max-width: 1100px) {
    .tablink img {
     max-height: 107px;
 }
 }
 @media only screen and (max-width: 1050px) {
    #imageblock {
        background-size: 69%;
        background-position: 362px -13px;
        min-height: 484px;
    }
     .maincontainer{
         padding: 0 2em;
 }
 .tablink img {
     max-height: 154px;
 }
 
 .hands{
     padding: 1.25em 4em
 }
 #connectwrapper {
     margin-top: 0;
     padding: 2em 0
 }
 
 #connectwrapper h4{font-size: 1.5em;
 width: 100%;
 margin-right: 0px}
 .button{
     width: 25%;
         padding: 0.7em 0.3em 0.7em 0em;
 }
 .tablink{
     width: 100%
 }
 }
 @media only screen and (max-width: 1000px) {}
 @media only screen and (max-width: 995px) {
    #imageblock {
        background-size: 69%;
        background-position: 362px -13px;
        min-height: 429px;
    }
     .hand img {
     margin-left: 3.5em;
     margin-top: 0.75em;
     margin-bottom: 0.75em;
     width: 34%;
 }.tablink img {
     max-height: 138px;
 }
 
 #caption_3, #caption_4 {
 padding: 0 1em;}
 }
 
 @media only screen and (max-width: 900px) {
     .hand img{
         margin-left: 2.5em;
         width: 42%
     }.tablink img {
     max-height: 120px;
 }
 
     .hand{
         padding: 0.2em
     }
 
 
     #caption_3, #caption_4 {
 padding: 0 ;}
 
      
 }
 @media only screen and (max-width: 850px) {
     .tablink img {
     max-height: 113px;
 }
 #caption_1{margin: 0.35em;
    padding: 0.2em;

 }
 #caption_2{margin: 0.75em;
   

 }
 select.mySelect {
    display: block;
    padding: 0.85em;
    FONT-SIZE: 0.95em;width: 45%;}
    .button {
        width: 25%;
        padding: 0.45em 0.3em 0.45em 0em;
    }
    #imageblock {
        background-position: 258px 22px;
        min-height: 406px;
    }
    #Select2 {
        width: 88%;
    }
    #apply {
        width: 89%;
        margin-left: 0;margin-top: 1em;
    }
    #connectwrapper {
        margin-top: 0;
        padding: 2em 0;
        margin-left: 1.2em;
    }img {
        max-height: 250px;
        max-width: 100%;
    }#mobileheader h1 {
        width: 16%;
        float: left;
        margin: 0;
    }.hands{
        border-right: 0.3em solid #ED7766;
    }
 }
 
 @media only screen and (max-width: 800px) {
       #mainheading {
     /* font-size: 3em; 
     font-size: 2.8em;*/}
     #logoheading{
         display: none
     }
 
 
     #extra{
         display: block
     }
 
     #connectwrapper{
             margin-left: 0em;
     padding-bottom: 2em;
     margin-top: 0
     }
 
     #mobileheader{
     display: block
 }
 
 #mobilealllogo{
     display: block;
     font-family: 'allstate_sansmedium';
       
         padding: 1em 0 3em 3.9em;
     float: left;
     width: 100%;
 }
 
 #mobilealllogos{
   
     float: left;
     width: 14%;
     margin-top: 0.5em;
 
 }
 
 #mobilerightcontent{
       font-size: 1.4em;
       font-family: 'allstate_sansmedium';
     float: left;
     width: 70%;
     line-height: 1.3em;
     padding: 0 0em 0 1.5em;
 }
 
 #alllogo{
     display: none
 }
 .button{
     width: 37%
 }
 
 .hands{
     padding:1.1em 6em
 }
 
     #mobileheader{
         background-color: #0E1941;
         float: left;
         width:100%;
         position: fixed;
         z-index: 9999;padding: 1em 0 1em 4em;
 
     }
 
     #mobileheader h1 {
     width:13%;
     float: left;
     margin: 0;
    
    
 }
 #getquote {
     padding: 0em 2em 4.5em 4em;
     margin-top: 5em;
 }
 #headerp {
     width: 98%;font-size: 1.25em
 }
   
     #alllogo{
                   margin-right: 0em;
                   margin-top: 0}
                   #Secondcontainer {
     padding: 0em  0 0em 0em;
 }.tablink{
     width: 100%
 }
  #Secondcontainer div{
      padding: 0 0.5em
  }
  #caption {
     padding: 0 1em 0 1em;
     text-align: left;
     font-size: 1.1em;}
 
     #caption_3,#caption_4{
             padding: 1em 0.9em 0 1em;
             text-align: left
     }
     .tablink img{ max-height: 122px}
 }
 
 @media only screen and (max-width: 769px) {.tablink img{ 
     max-height: 122px;
 }
 #imageblock {
    background-position: 242px 4px;
    min-height: 384px;
}.button {
    width: 25%;
    padding: 0.75em 0.3em 0.75em 0em;
}#caption_1 {
    font-size: 1em;
    margin: 1em;
    padding: 0.2em;
}#caption_2 {
    font-size: 1em;
    margin: 1.2em;
}
#mobileheader h1 {
    width: 20%;
    float: left;
    margin: 0;
} 
#mobileheader h1 img{
    width: 100%;
}
 .tablink #caption_3, .tablink #caption_4 {
        padding: 7px 1em;
     font-size: 1em;
 
 }
 .tablink h3 {
     font-size: 0.9em;}
     #caption_3, #caption_4 {
     padding: 0 0.6em;
     font-size: 0.9em}
     
     }
     @media only screen and (max-width: 769px) {.tablink img{ 
        max-height: 122px;
    }
    .tablink #caption_3, .tablink #caption_4 {
           padding: 7px 1em;
        font-size: 1em;
    
    }
    .tablink h3 {
        font-size: 0.9em;}
        #caption_3, #caption_4 {
        padding: 0 0.6em;
        font-size: 0.9em}
        
        }
    @media only screen and (max-width: 767px) {
      #mobileheader img {
        max-width: 100%;
    } 
    
    .tablink{
        border-bottom: none
    }
     #mobile{
            display: block
        }
    .carousel-indicators li{
        background-color: #D8D8D8;
        width: 16px;
        height: 16px
    }
    .hand img {
        margin-left: 4.5em;
        width: 28%;
    }
    
    .hands {
        padding: 1.6em 4em;
    }
    
    .tablink{
        border-bottom: 0
    }
    
        
    .carousel-indicators {
        top: 102%
    }
    
        
    .carousel-indicators .active{
        background-color: #ED7766;
            width: 16px;
        height: 16px;
    }
    
    .carousel-inner {
        position: relative;
        width: 48%;
        margin-left: 12em;}
         #Secondcontainer{
            display: none
        }
    
        .hand img {
        margin-left: 2.5em;
        margin-top: 0.75em;
        margin-bottom: 0.75em;
        width: 40%;
    }
    #connectwrapper h4 {
        font-size: 1.4em;
        margin-right: 0em;
    }
    
      
    }
 @media only screen and (max-width: 767px) {
   #mobileheader img {
     max-width: 100%;
 } 
 
 .tablink{
     border-bottom: none
 }
  #mobile{
         display: block
     }
 .carousel-indicators li{
     background-color: #D8D8D8;
     width: 16px;
     height: 16px
 }
 .hand img {
     margin-left: 4.5em;
     width: 28%;
 }
 
 .hands {
     padding: 1.6em 4em;
 }
 
 .tablink{
     border-bottom: 0
 }
 
     
 .carousel-indicators {
     top: 102%
 }
 
     
 .carousel-indicators .active{
     background-color: #ED7766;
         width: 16px;
     height: 16px;
 }
 
 .carousel-inner {
     position: relative;
     width: 48%;
     margin-left: 12em;}
      #Secondcontainer{
         display: none
     }
 
     .hand img {
     margin-left: 2.5em;
     margin-top: 0.75em;
     margin-bottom: 0.75em;
     width: 40%;
 }
 #connectwrapper h4 {
     font-size: 1.4em;
     margin-right: 0em;
 }
 
   
 }
 
 @media only screen and (max-width: 700px) {
     #logoheading {
     width: 24%
     }
 .hands h4 {
     font-size: 1.7em;
 
 }
 }
 
 
 @media only screen and (max-width: 695px) {
     #logoheading {
     width: 24%
     }
 .hands h4 {
     font-size: 1.7em;
 
 }
 
 #connectwrapper h4 {
     font-size: 1.4em;
     margin-right: 1em;
 }
 }
 
 @media only screen and (max-width: 640px) {.tablink img {
     max-height: 189px;
 }.hands {
     padding: 1.45em 4em;
 }

 select.mySelect {
    font-size: 15px;
    float: none;
    width: 67%;
    padding: 11px;
}
.mySelect option {
    font-size: 12px;
}
.button{
    margin-left: 0;float: left;font-size: 1.5em;width: 68%;    padding: 0.15em 0.3em 0.15em 0em;margin-top: 1.2em;
}
#imageblock {
    background-position: 51px -14px;
    min-height: 375px;
    background-size: 100%;
}#extra{
    padding-top: 1em;
}
.tabcontent {
    padding: 4em 0em 2em 1em;}}
 
 @media only screen and (max-width: 570px) {.tablink img {
     max-height: 189px;
 }.hands {
     padding: 1.45em 3em;
 }}
 
 @media only screen and (max-width: 605px) {
     #logoheading {
     width: 24%
     }
 .hands h4 {
     font-size: 1.7em;
 
 }
 
 #connectwrapper h4 {
     font-size: 1.2em;
     margin-right: 1em;
 }
 
 #connectwrapper img{
     max-width: 16%
 }
 }
 
 @media only screen and (max-width: 540px) {
  #mobile{
         display: block
     }
 .carousel-indicators li{
     background-color: #D8D8D8
 }
 .hands {
     padding: 1.3em 2em;
 }
 #connectwrapper h4 {
     font-size: 1.05em;
     width: 69%;
     margin-right: 3em;
 }
 
   #mobileheader h1 {
     width:26%;}
     #mobileheader{
             padding: 1em 3.5em;
     }
 
 
 .tablink{
     border-bottom: 0
 }
 
     
 .carousel-indicators {
     top: 103%
 }
 
     
 .carousel-indicators .active{
     background-color: #ED7766
 }
 
 .carousel-inner {
     position: relative;
     width: 58%;
     margin-left: 6em;
 }
      #Secondcontainer{
         display: none
     }
 
     .button{
         width: 68%
     }
 
 #mainheading {
     font-size: 2em;}
     #getquote {
     padding: 1em 2em 2.5em 4em;
     margin-top: 5em
 }
 #Select2{
    width: 89%;
}}
 
 
 @media only screen and (max-width: 500px) {.carousel-indicators {
     top: 104%
 }
 
 .button{
     width: 50%;
     font-size: 1em
 }}
 @media only screen and (max-width: 415px) {
     body{
     overflow-x: hidden
 }#mobileheader {
     padding: 1em 2em;
 }
 .maincontainer{
         padding: 0 1em;
 }#mobileheader h1 {
     width: 34%;
 }
     /*
 .tablink img {
     max-height: 180px;
 } */
 
 #connectwrapper{
         padding: 2em 0em 2em 1em;
         margin:0
 
 }
 
 
 #connectwrapper img{
            max-width: 24%;
     margin-top: 1em;
     margin-right: 1.2em
 }
 
 #connectwrapper h4{
         width: 65%;
     font-size: 1.1em;
     margin-right: 1em;
 }
 
 
 
 
 
 
 
 
 .righttext {
   
     font-size: 1.5em;
     padding: 1em;
 }
 #Thirdcontainer {
    padding: 0em 0em 2em 1em}
    .hand{
     
     padding:  0.8em;
 }
 
 .hands {
    
     padding: 1.2em 0 1.75em 1em;
     border-right: 0.3em solid #ed7766;
     }
 
     .hand img {
     width: 79%;
         margin-left: 0.5em;
         margin-top: 0;
         margin-bottom: 0
 }
 
     .hands h4 {
     margin-bottom: 0;
     font-size: 1.5em;
     }
    
 .carousel-indicators {
     top: 110%;
 }
     #alllogo{
         padding: 2em 0 2em 1.75em;
         float: left
         
     }
 
     #alllogos{
             width: 29%;
     margin-top: 2em;
     margin-left: 0
     }
 
     #bottomquote{
     padding: 0.5em 0em 0.5em 1em;}
     #bottomquote p,.glinks a {
     font-size: 0.7em;
 }
     .carousel-inner {    margin-left: 3em;
     width: 75%;}
 
     /*.carousel-inner>.item{
         margin-left: 9em
     }*/
 
    
 
 
 
 
 
 
 
 .textheading{
             float: left;
     width: 32%;
     color: #45BCE5;
     padding: 1.2em 0em 0.5em 0.9em;
     font-size: 1.25em;
      font-family: 'allstate_sansmedium';
 }
 
 #imageblock {
    
         min-height: 319px;
    /* background-size: 109%; */
    background-position: 51px 25px;
     float: left;
     width: 100%
    
 }
 
 .button{
        font-size: 1.32em;
     width: 68%;padding: 0.24em 0.3em 0.24em 0em;
 }
 
 .tabcontent{
         padding: 4em 0em 0em 1em;
         font-size: 1em
 }#apply {
    width: 89%;
}
select.mySelect {font-size: 15px;padding: 9px;}
 .tablink h3{
     color: #0033A0
 }
 #rightcontent {
     float: left;
    text-align: left;
     width: 70%;
     margin-top: 1em;
     font-size: 1.05em; 
     padding-left: 1em;
     padding-right: -2em;
     margin-right: 0;
     }
 
 #logoheading {
     width: 34%;
     margin: 0;
 }
 
 #mainheading {
     font-size: 1.85em;
     line-height: 1.2em;
         padding: 0.25em 0em 0.5em 0;
         margin: 0
 }
 
 #getquote span {
     font-size: 0.9em;
 }
 #getquote {
     padding: 0em 0em 0em 2em;
     margin-top: 6em
 }   
 #subheader{
     font-size: 1.3em;
     margin-top: 0.5em
 }
 #headerp {
     width: 95%;font-size: 0.9em;
     margin-bottom: 0;
     padding-bottom: 1.5em;
 }
 }
 @media only screen and (max-width: 395px){
#imageblock {
    min-height: 265px;}
    #connectwrapper img {
        
        margin-right: 1em;}}
 
 @media only screen and (max-width: 385px) {select.mySelect {
    font-size: 14px;
    float: none;
    width: 67%;
    padding: 5px;
}#Select2 {
    width: 89%;
}
#imageblock {
    min-height: 278px;
    background-position: 51px 16px;
    /* background-size: 109%; */
    float: left;
    width: 100%;
}.button{
    padding: 0.5em 0.3em 0.5em 0em;
}
     .carousel-inner {
     margin-left: 1.5em;
    
     width: 84%;
 }#connectwrapper h4 { 
     font-size: 1em;
     width: 66%;
         margin-right: 0;
 }
 
 .hands h4{
     font-size:1.2em
 }
 
 .hands {
     padding: 1.5em 0 1.5em 1em;
 }
 .button {
     font-size: 1.15em;
     width: 67%;}
     .textheading{font-size: 0.9em;}
     #apply {
        width: 89%;
    }
 }
 
 @media only screen and (max-width: 360px) {
     .righttext{
         padding: 1em
     }
     #connectwrapper img {
     max-width: 24%;}
     .hands {
     padding: 1em 0 1.5em 1em;
 }
 .hands h4 {
     margin-bottom: 0;
     font-size: 1.4em;
 }
 select.mySelect {
    font-size: 14px;
    float: none;
    width: 67%;
    padding: 9px;
}
 }
 
 @media only screen and (max-width: 321px) {.textheading {
     margin-top: 0.3em;
     font-size: 0.95em;
 }
     #mainheading {
         font-size: 1.65em;
     }
     #subheader {
         font-size: 1.2em;
     }
     #headerp {
         font-size: 0.75em;
     }
     button {
         text-align: center;
     width: 65%;
     padding: 0.75em 1.75em;
     }
 #imageblock {
     min-height: 251px;}
 .carousel-inner {
     margin-left: 0;
    
     width: 100%;
 }
 
 .hands {
     padding: 1em 0 1.3em 1em;
     
 }
 .hands h4 {
   
     font-size: 1.2em;
 }
 
 .button{
     width: 61%;
     padding: 0.5em 1em;
 }
 
 .glinks a {
     font-size: 0.75em;
 }
 .glinks {
     padding: 1.5em 0;}
     #rightcontent{
         font-size: 0.91em
     }
     /*#connectwrapper h4 {
     width: 66%;
         margin-right: 0;
     } */
 }
 
 @media only screen and (max-width: 300px){
 #imageblock {
     min-height: 219px;}
     #mainheading {
     font-size: 1.5em;}
     
     #mobileheader h1 {
     width: 41%;
 }
 .button {
     width: 95%;}
     #Select2 {
        width: 97%;
    }#apply {
        width: 98%;
    }
     
     .hands h4 {
     font-size: 1em;
 }
 
  #connectwrapper h4 {
    /* width: 51%; */
     font-size: 0.8em}
     #imageblock {
        min-height: 234px;    background-position: 3px 35px;
    }
    select.mySelect {
        font-size: 14px;
        float: none;
        width: 93%;}}
 
 @media only screen and (max-width: 768px) and (min-height: 1024px){
      #connectwrapper h4{
         width: 80%;
         margin-right: -9px;
         font-size: 1.4em
        
     }
 
     #connectwrapper img {max-width: 15%;
     float: left;
     }
     .hands {
     padding: 1.15em 4em;
 }
 }
  
 @media only screen and (max-width: 1025px) and (min-height: 1366px){
     #connectwrapper h4{
         width: 85%;
        
     }
 }
 
 
 

 

 
 





@font-face {
    font-family: 'allstate_sansbold';
    src: url('/resources/Allstate/fonts/allstatesans-bold-webfont.eot');
    src: url('/resources/Allstate/fonts/allstatesans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/resources/Allstate/fonts/allstatesans-bold-webfont.woff2') format('woff2'),
         url('/resources/Allstate/fonts/allstatesans-bold-webfont.woff') format('woff'),
         url('/resources/Allstate/fonts/allstatesans-bold-webfont.ttf') format('truetype'),
         url('/resources/Allstate/fonts/allstatesans-bold-webfont.svg#allstate_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'allstate_sanslight';
    src: url('/resources/Allstate/fonts/allstatesans-light-webfont.eot');
    src: url('/resources/Allstate/fonts/allstatesans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/resources/Allstate/fonts/allstatesans-light-webfont.woff2') format('woff2'),
         url('/resources/Allstate/fonts/allstatesans-light-webfont.woff') format('woff'),
         url('/resources/Allstate/fonts/allstatesans-light-webfont.ttf') format('truetype'),
         url('/resources/Allstate/fonts/allstatesans-light-webfont.svg#allstate_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'allstate_sansmedium';
    src: url('/resources/Allstate/fonts/allstatesans-medium-webfont.eot');
    src: url('/resources/Allstate/fonts/allstatesans-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/resources/Allstate/fonts/allstatesans-medium-webfont.woff2') format('woff2'),
         url('/resources/Allstate/fonts/allstatesans-medium-webfont.woff') format('woff'),
         url('/resources/Allstate/fonts/allstatesans-medium-webfont.ttf') format('truetype'),
         url('/resources/Allstate/fonts/allstatesans-medium-webfont.svg#allstate_sansmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'allstate_sansregular';
    src: url('/resources/Allstate/fonts/allstatesans-regular-webfont.eot');
    src: url('/resources/Allstate/fonts/allstatesans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/resources/Allstate/fonts/allstatesans-regular-webfont.woff2') format('woff2'),
         url('/resources/Allstate/fonts/allstatesans-regular-webfont.woff') format('woff'),
         url('/resources/Allstate/fonts/allstatesans-regular-webfont.ttf') format('truetype'),
         url('/resources/Allstate/fonts/allstatesans-regular-webfont.svg#allstate_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}