body{
    font-family: 'allstate_sansregular';
      margin: 0;
      padding: 0;
      width:100%;
      float: left;
      height: 100%;
     
 overflow-x: hidden
 }
 
.phoneNumber button{
    font-size: 1.2em;
    border: none;
    background: none;
    color: #ED7766;
    font-family: 'allstate_sansbold';
}
 .main{
   
    float: left;
    width: 100%;
 }

 .wrappercontainer {background: url(https://agentpage.allstatesalesagent.com/arc.png) no-repeat right top;
    color:#fff;
    padding: 1em 4em 5em 4em;
background-color:#0E1941;
background-size: 40%;
  }

 #headerblock{
     padding: 1em 0;
 }

 #subheader{
    font-family: 'allstate_sansmedium';
    font-size: 1.9em;margin-bottom: 0.2em;
 }

 #mainheader{
    font-family: 'allstate_sansmedium';
    margin: 0;
    font-size: 3.15em
 }

 #agentcolor{
     color: #FC9983;
     font-family: 'allstate_sansmedium';
 }

 #logoheading img {
    max-width: 100%;
}
.col-lg-offset-1 {margin-left: 0;margin-right: 3em;}
/* .agentImg {
    max-width: 134px;
} */

.phoneblock{padding: 0.5em 0;}
.link button {
    padding: 0.5em;
    border: none;
    background-color: #ED7766;
    color: #0E1941;
    border-radius: 2em;
    width: 95%;
    cursor: pointer;
    margin-top: 1.3em;
    margin-left: 0em;
    font-size: 1em;
    font-family: 'allstate_sansbold';
font-family: 'allstate_sansbold';
 }
 .link button:hover {
    background-color: white;
}.link:hover{
    text-decoration: none;
}
 .link{
     color: #0E1941;
 }
 .card-body {
    padding-left: 1.2em;
    border-left: 0.5em solid #ED7766;
    margin-top: 2.25em;
    width: 83%;
}
#title {width: 25%;line-height: 1.3em;
    font-size: 1.5em;
    color: #FFFFFF;
    font-family: 'allstate_sansmedium';
}

#slideContainer {
    padding: 1em 2em;
}

#phoneNumber
{
    font-family: 'allstate_sansbold';
color:#FC9983;
font-size: 1.1em
}

#phone{
    width: 11%
}
#slideContainer{
    display: none
}

#deskContainer{
    padding: 3em 0 2em 0;
}

#mobileContainer{
    display: none
    
}

.hands{
    background-color: #0033a0;
    padding: 1.22em;
}

#hands span{
    color: #42BEE8;
}

#logohand{
    max-width: 55px;
}
.align{
    padding-right: 0;
}

#logocontainer{
    float: left;
    width: 96%;
    padding: 0 5em;
    position: relative;
    top: -4em;
}

#hands{
    color: #fff;
    font-size: 1.85em;
    padding-left: 1em;font-family: 'allstate_sansmedium';
}

.hand{
    background-color: #47BCE5;
    padding: 1.48em;
}
 #footer{
     float: left;
     width: 100%;
     padding: 0 5em;font-size: 0.8em ;margin-top: -3em;
 }

 footer p{
     color: #4E5969;
 }

 .phone:hover{
     text-decoration: none;
 }
 .lastlink {
    margin-left: 2em;
}
.glinks {
    padding: 1.5em 0;
    color: #0033A0;
}
 
#secondrow_4 {
    PADDING-TOP: 3EM;
    PADDING-LEFT: 8EM;}

    #secondrow_5 {
        PADDING-TOP: 3EM;
        padding-right: 8EM;}




 
 @media only screen and (min-width:1375px) { #footer {font-size: 0.9em;margin-top: -1em;}.card-body{
     width: 100%;
 }.link button{
     font-size: 1.1em;
 }#title{
     font-size: 1.8em;
 }}
@media only screen and (min-width:1475px) {}
@media only screen and (min-width:1510px) {}
@media only screen and (min-width: 1600px) {
    .phoneNumber button {
        font-size: 1.5em;}
    #footer {
    float: left;
    width: 100%;
    padding: 0 3em;
    font-size: 1em;
    margin-top: -2em;
}
.hands {
    background-color: #0033a0;
    padding: 1.88em
;
}.hand {
    background-color: #47BCE5;
    padding: 2.2em
;
}#hands {
    color: #fff;
    font-size: 2.5em;}
    #logohand {
        max-width: 65px;
    }.card-body {width: 95%};
    #headerblock {
        padding: 3em 0;
    }#subheader {
        font-family: 'allstate_sansmedium';
        font-size: 2.9em;
        margin-bottom: 0.2em;
    }
    #mainheader {
        font-family: 'allstate_sansmedium';
        margin: 0;
        font-size: 3.5em;
    }  #phone {
        width: 12%;
        margin-top: -0.75em;
        margin-right: 0.5em;
    }#title{
        font-size: 1.9em;
    }#phoneNumber{
        font-size: 1.55em;
    }
}

@media only screen and (min-width: 1900px) {.phoneNumber button {
    font-size: 1.7em;}
    #headerblock {
        padding: 3.5em 0;
    }#subheader {
       font-size: 3.4em;
        }
        #mainheader {
            font-size: 4.5em;
        }
        #deskContainer {
            padding: 3.5em 0 2em 0;
        }
        #title {
            width: 63%;
            line-height: 1.3em;
            font-size: 2.2em;}
            #phoneNumber {
                font-family: 'allstate_sansbold';
                color: #FC9983;
                font-size: 1.95em;
            }
            .card-body {
                padding-left: 1.2em;
                border-left: 0.5em solid #ED7766;
                margin-top: 2.25em;
                width: 94%;
            }
            #phone {
                width: 12%;
                margin-top: -0.75em;
                margin-right: 0.5em;
            }#logoheading img {
    max-width: 133px;
}
            .link button {
             
            
                width: 95%;
                cursor: pointer;
                margin-top: 1.3em;
               
                font-size: 1.5em;
                
            }.hands {
                background-color: #0033a0;
                padding: 1.88em
            ;
            }.hand {
                background-color: #47BCE5;
                padding: 2.2em
            ;
            }#hands {
                color: #fff;
                font-size: 3em;}
                #logohand {
                    max-width: 76px;
                }
                #footer {font-size: 1.2em;margin-top: -1em;}.wrappercontainer {
                    color: #fff;
                    padding: 3.8em 0em 9em 7em;}.card-body {
                        padding-left: 2em;}
}

@media only screen and (min-width: 2000px) { .card-body {
    padding-left: 1.2em;
    border-left: 0.5em solid #ED7766;
    margin-top: 2.25em;
    width: 80%;
}
#phoneNumber {
    font-family: 'allstate_sansbold';
    color: #FC9983;
    font-size: 2.5em;
}
.hands {
    background-color: #0033a0;
    padding: 3.22em
;
}.hand {
    background-color: #47BCE5;
    padding: 3.48em
;
}#hands {
    color: #fff;
    font-size: 4em;}
    #logohand {
        max-width: 102px;
    }

    #footer {font-size: 1.8em;margin-top: -1em;}}



@media only screen and (max-width: 1450px) {
    #subheader {
        font-family: 'allstate_sansmedium';
        font-size: 2.5em;
        margin-bottom: 0.2em;
    }  #phoneNumber {
        font-family: 'allstate_sansbold';
        color: #FC9983;
        font-size: 1.3em;
    } .card-body{
        width: 100%;
    }.phoneNumber button {
        font-size: 1.3em;}
}
@media only screen and (max-width: 1360PX) {
    .col-lg-offset-1{
        margin-right: 0.8em;
    }.card-body{
        width: 100%;
    }
}
@media only screen and (max-width: 1300px) {
    .wrappercontainer {
       
        padding: 1.8em 3em 5em 4em;
       
    }.col-lg-offset-1 {
        margin-left: 0;
        margin-right: 1em;
    }
    #phoneNumber {
        font-family: 'allstate_sansbold';
        color: #FC9983;
        font-size: 1em;
    }
}@media only screen and (max-width: 1250px) {.phoneNumber button {
    font-size: 1.12em;}}
@media only screen and (max-width: 1210px) {
    .col-lg-offset-1{
        margin-left: 0;margin-right: 0;
    } #phone {
        width: 9%;
    }#phoneNumber {
        font-family: 'allstate_sansbold';
        color: #FC9983;
        font-size: 1.2em;
    }.phoneNumber button {
        font-size: 1.1em;}
    .link button{
        width: 80%;
    }#secondrow_4 .link button,#secondrow_5 .link button {
        width: 76%;
    }}@media only screen and (max-width: 1200px) {#phone {
        width: 6%;
    }.link button {
        width: 46%;
    }.card-horizontal{
        padding-top: 1.5em;
    }

    }
@media only screen and (max-width: 1080px) {#subheader {
    font-family: 'allstate_sansmedium';
    font-size: 2em;}#mainheader{
        font-size: 2.75em;
    }.card-horizontal{
        padding-top: 1.5em;
    }
    #logoheading img {
        max-width: 106px
    ;
    }}
@media only screen and (max-width: 1190px) {.card-body{
    width: 95%;
}
#slideContainer{
    display: block
} #deskContainer{
    display: none
}}

@media only screen and (max-width: 1000px) {#phone {
    width: 8%;
}.link button {
    width: 59%;
}}
@media only screen and (max-width: 850px) {
    #phone {
        width: 11%;margin-top: -0.25em;
    }
    .phoneNumber button {
        font-size: 1.2em;}
    #headerblock {
        padding: 2.25em 0;
    }#logohand {
        max-width: 69px;
    }.hand {
        background-color: #47BCE5;
        padding: 1.75em;
    }.hands {
        background-color: #0033a0;
        padding: 1.75em;
    }#hands{
        font-size: 2em;
    }
    #logocontainer {
        float: left;
        width: 100%;
        padding: 0 1em 0 5em;}
.phoneblock {
        padding: 0.5em 0;
    }#phoneNumber {
       
        font-size: 1.4em;
        padding-left: 0.2em;
    }.link button{
        font-size: 1em;width: 90%;
    }.card-body{
        width: 93%;
    }#title {
        width: 25%;line-height: 1.3em;
        font-size: 1.5em;
    }
    .card{
        padding: 1em 0;
    }
   
    .wrappercontainer {
      
        padding: 1.5em 2em 7EM 3EM;background-size: 46%;
       
        
    }#mainheader {
       
        padding-top: 0.25em;
        font-size: 3EM;
    }#logoheading {
        width: 37%;
    }
    #subheader {
       
        font-size: 1.95EM;
        margin-bottom: 0.2em;
    }
}

@media only screen and (max-width: 800px) {}
@media only screen and (max-width: 767px) {#mobileContainer{
    display: block;
}#phone {
    width: 3%;margin-top: 0;}.phoneNumber button {
        font-size: 0.85em;
    }
#slideContainer{
    display: none}


    .link button {
        font-size: 0.68em;
        width: 28%;
        padding: 0.25em;
        margin-top: 0.5em;
    }#headerblock {
        padding: 1.5em 0;
    }
    .wrappercontainer{
        padding: 1em 2EM 4EM 2em;   
    }.card-title{
        font-size: 0.85em;
    }
    .card {
        padding: 1em 0 5.5em 0;margin-left: 4em;
    }#phoneinfo{
        padding: 0.25em 0;
    }
    #logohand {
        max-width: 44.5px;
    }.carousel-indicators {top: 26em;}
    .carousel-indicators li {
       border:1px solid #45bce5;
       background-color: #45bce5;
        width: 13px;
        height: 13px;margin: 0 0.25em;
    }.carousel-indicators .active {
        border: 1px solid #ED7766;
    background-color: #ED7766;
    /* border: 1px solid #0033a0; */
    width: 13px;
    height: 13px;margin: 0 0.25em;
    }
    .hand {
       
        padding: 1.5EM;
    }
    .hands{
        padding: 1.25em;
    }
    #hands {
        
        font-size: 1.4EM;}
        #logocontainer {
            
            top: -3em;
            left: 1em;
            padding: 0 2em;
        }
        #footer {
           
            padding: 0 2em;
            font-size: 0.8em;
            margin-top: -1em;
        }
        .card-body {
            padding-left: 0.75em;
                border-left: 0.35em solid #ED7766;}
        #title {
            width: 100%;margin-top: 1em;}
            #phoneNumber {
                font-size: 0.8em;}
               
    #logoheading {
        width: 29%;
    }#subheader {margin-top: 0;
        font-size: 1.5EM;
        margin-bottom: 0.2em;
    }#mainheader {
        font-size: 2.1em;
        PADDING-TOP: 0.5EM;
    }
}
@media only screen and (max-width: 680px) {#phone{
    width: 4%;
}.link button {width: 39%;}}
@media only screen and (max-width: 540px) {#footer {
    padding: 0 2em
;
    font-size: 0.85em;
    margin-top: -1em
;
}#phone {
    width: 6%;
}
.phoneNumber button {
    font-size: 0.8em;}}
@media only screen and (max-width: 415px) {.link button {
    width: 57%;
}#phone {
    width: 8%;
} }

@media only screen and (max-width: 375px) {.hands {
    padding: 1.25em 1em
;
}
.carousel-indicators {
    top: 25em
;
}#mainheader {
    font-size: 1.85em;
    PADDING-TOP: 0.5EM;
}#phoneNumber {
    font-size: 0.72em;
}#phoneinfo{
    padding: 0
}.link button {
    font-size: 0.65em;}
#hands{
    font-size: 1.3em;
}}

@media only screen and (max-width: 360px) {.hands {
    padding: 1.25em 0

;
}.phoneNumber button {
    font-size: 0.8em;}
#mainheader {
    font-size: 1.85em;
    PADDING-TOP: 0.5EM;
}
.card-title {
    font-size: 0.75em;
}}

@media only screen and (max-width: 321px) {
    #logohand {
        max-width: 34.5px;
    }
    #hands {
        font-size: 0.95EM;
    }#phoneNumber {
        font-size: 0.7em;
    }.card {
        padding: 1em 0 5.8em 0;
        margin-left: 3em;
    }.card-body {
        padding-left: 0.5em;
        border-left: 0.3em solid #ED7766;}#mainheader {
            font-size: 2em;
            PADDING-TOP: 0.5EM;
        }#headerblock {
            padding: 0.5em 0;
        }
}

@media only screen and (max-width: 281px) {
    #logoheading {
        width: 39%;
    }#subheader {
        margin-top: 0;
        font-size: 1.35em;
        margin-bottom: 0.2em
    ;
    }#mainheader {
        font-size: 1.8em;
        PADDING-TOP: 0.5EM;
    }.carousel-indicators {
        top: 25em
    ;
    }
    .wrappercontainer {
        padding: 1em 1.5EM 4EM 1.5em;
        border-top-right-radius: 13em 7em
    ;
    }.hands {
        padding: 0.7em 0;
    }
    .hand {
        padding: 1em
    ;
    }
}
@media only screen and (max-width: 768px) and (min-height: 1024px){}
 
@media only screen and (max-width: 1025px) and (min-height: 1366px){}

 
 
 
 
 @font-face {
     font-family: 'allstate_sansbold';
     src: url('../Fonts/allstatesansw-bold.eot');
     src: url('../Fonts/allstatesansw-bold.eot?#iefix') format('embedded-opentype'),
          url('../Fonts/allstatesansw-bold.woff2') format('woff2'),
          url('../Fonts/allstatesansw-bold.woff') format('woff'),
          url('../Fonts/allstatesansw-bold.ttf') format('truetype'),
          url('../Fonts/allstatesansw-bold.svg#allstate_sansbold') format('svg');
     font-weight: normal;
     font-style: normal;
 
 }
 
 @font-face {
     font-family: 'allstate_sanslight';
     src: url('../Fonts/allstatesansw-light.eot');
     src: url('../Fonts/allstatesansw-light.eot?#iefix') format('embedded-opentype'),
          url('../Fonts/allstatesansw-light.woff2') format('woff2'),
          url('../Fonts/allstatesansw-light.woff') format('woff'),
          url('../Fonts/allstatesansw-light.ttf') format('truetype'),
          url('../Fonts/allstatesansw-light.svg#allstate_sanslight') format('svg');
     font-weight: normal;
     font-style: normal;
 
 }
 
 
 @font-face {
     font-family: 'allstate_sansmedium';
     src: url('../Fonts/allstatesansw-medium.eot');
     src: url('../Fonts/allstatesansw-medium.eot?#iefix') format('embedded-opentype'),
          url('../Fonts/allstatesansw-medium.woff2') format('woff2'),
          url('../Fonts/allstatesansw-medium.woff') format('woff'),
          url('../Fonts/allstatesansw-medium.ttf') format('truetype'),
          url('../Fonts/allstatesansw-medium.svg#allstate_sansmedium') format('svg');
     font-weight: normal;
     font-style: normal;
 
 }
 
 @font-face {
     font-family: 'allstate_sansregular';
     src: url('../Fonts/allstatesansw-regular.eot');
     src: url('../Fonts/allstatesansw-regular.eot?#iefix') format('embedded-opentype'),
          url('../Fonts/allstatesansw-regular.woff2') format('woff2'),
          url('../Fonts/allstatesansw-regular.woff') format('woff'),
          url('../Fonts/allstatesansw-regular.ttf') format('truetype'),
          url('../Fonts/allstatesansw-regular.svg#allstate_sansregular') format('svg');
     font-weight: normal;
     font-style: normal;
 
 }