@media screen and (-webkit-min-device-pixel-ratio:0) {     
    ::i-block-chrome,.text-wrapp {/* Safari only override */
        display: block !important;
        font-family:roboto !important;
        font-weight:bold !important;
    }
}
@media only screen and (min-device-width: 768px) and 
(max-device-width: 1199px) and (orientation:landscape) {
    .text-wrapp {
        display: block !important;
        font-family:roboto !important;
    }
}
a, a:hover{
    outline:none !important;
}
.paddingtopbot40{
    padding-top:40px;
    padding-bottom:40px;
}
.marginlft10{
    margin-left:10px;
}
.marginbot0{
    margin-bottom:0px;
}
.font20{
    font-size:20px;
}
.font35{
    font-size:35px;
}
.font25{
    font-size:25px;
}
.margintop40{
    margin-top:40px;
}
.margintop30{
    margin-top:30px;
}
/*.carousel-inner {
    height: auto;
}*/


.primary-blue{
    color:#007dbc;
}
.second-color{
    color:#990a29;
}
/*.poppins{
    font-family: 'Poppins-Regular', sans-serif;
    font-weight:400;
}*/
/*.carousel-inner img{
        height:100%;
}*/
.fa-chevron-right::before, .fa-chevron-left::before {
    display:none;
}
.carousel-control.left {
    background-image: url(../images/homepage/lft-arrow.png);
    background-repeat: no-repeat;
    display:none;
}
.carousel-control.right {
    background-image: url(../images/homepage/rht-arrow.png);
    background-repeat: repeat-x;
    right:10%;
    left:auto;
    top:40%;
    display:none;
}
.carousel-caption{
    height:100%;
    bottom:0px;
}
.carousel-control{
    left:10%;
    top:40%;
    height:67px;
    width:67px;

}
.carousel-indicators li {
    box-shadow:1px 1px 1px #000;
    background-color:#fff;
}

.carousel-indicators .active {
    background:transparent;
    box-shadow:1px 1px 1px #000;
    border:2px solid #dcdcdc;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    line-height: 1;
    height:100%;
    width:100%;
}
.carousel-indicators {
    bottom: 0;
}
.image-wrapp-header{
    width: 90px;
    height: 90px;
    display:inline-block;
    margin-right:15px;
    vertical-align:top;
}
.banner-icon-txt{
    position:absolute; 
    z-index:11; 
    width:80%; 
    left:0px; 
    right:0px; 
    bottom:70px; 
    margin:auto;
}
.h1-insure{
    color:#007dbc;
    font-size:36px;
    box-shadow:none;
    -ms-box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    -o-box-shadow:none;
    text-shadow:none;
    -webkit-text-shadow:none;
    -moz-text-shadow:none;
    -ms-text-shadow:none;
    -o-text-shadow:none;
}
a.retrieve-btn{
    border:1px solid #c86776;
    padding:5px 10px;
    background-color:#fff;
    color:#a80822;
    width:170px;
    margin:5px;
    float:left;
    font-weight:bold;
}
a.retrieve-btn:hover{
    border:1px solid #c86776;
    padding:5px 10px;
    background-color:#a80822;
    color:#fff;
    width:170px;
    margin:5px;
    float:left;
    font-weight:bold;
}
.image-wrapp-border{
    border-right:4px solid #47659e;
}
.image-wrapp-border img{
    -webkit-filter: drop-shadow(5px 5px 5px #c2c2c2);
    filter:         drop-shadow(5px 5px 5px #c2c2c2); 
}
.bg-section{
    background-color:#f9f9f9;
}
.homepage-h3{
    color:#2f5294;
    font-size:16px;
    font-weight: 600;
}
.homepage-txt{
    color:#4a4a4a;
    font-size:16px;
    font-weight: 400;
    line-height:20px;
}
.home-center-div-parent::after {
    border-right: 1px solid #eaeaea;
    content: "";
    height: 100px;
    position: absolute;
    right: 0;
    top: 40%;
    width: 300px;
}
.home-center-div {
    margin: 0 auto;
    width: 78%;
}
.ads-block{
    width:100%;
    height:auto;
    padding:20px 30px;
    float:left;
    background: url(../images/homepage/star-gray-shade.png) #fff no-repeat right bottom;
    box-shadow:5px 5px 5px #f3f3f3;
    -o-box-shadow:5px 5px 5px #f3f3f3;
    -ms-box-shadow:5px 5px 5px #f3f3f3;
    -webkit-box-shadow:5px 5px 5px #f3f3f3;
    -moz-box-shadow:5px 5px 5px #f3f3f3;
}
.home-help-block{
    background-color:#fff;
    width:49%;
    height:auto;
    float:left;
    display:table;
}
/*.home-help-block-in{
        width:49%;
        height:auto;
        display:table;
        float:left;
}*/
.home-help-block:last-child{
    float:right;
}
.help-block-lft{
    width:35%;
    height:auto;
    display:table-cell;
    vertical-align:top;
}
.help-block-rht{
    width:65%;
    height:auto;
    display:table-cell;
    vertical-align:middle;
    padding-left: 15px;
}
.help-block-rht p{
    color:#4a4a4a;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}
a.link{
    color:#2f5294;
    text-decoration:none;
}
a.link:hover{
    color:#2f5294;
    text-decoration:none;
}
/*.hidden-all{
        display:none;
}*/
.text-wrapp{
    display:block !important;
}
.font11{
    font-size:11px;
}
a.hover-car, a.hover-home, a.hover-plane, a.hover-skii, a.hover-home-cycle, a.hover-pet, a.hover-third-car, a.hover-show-all{
    background-image:url(../images/homepage/car-icon.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
    background-size:100% 100%;
    display: inline-block;
    height: 100%;
    margin-right: 15px;
    width: 100%;
}
a.hover-car:hover, a.hover-home:hover, a.hover-plane:hover, a.hover-pet:hover, a.hover-home-cycle:hover, a.hover-skii:hover, a.hover-third-car:hover, a.hover-show-all:hover{
    background-image:url(../images/homepage/car-icon-hover.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
    background-size:100% 100%;
    display: inline-block;
    height: 100%;
    margin-right: 15px;
    width: 100%;
}
a.hover-home{
    background-image:url(../images/homepage/home-icon.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
}
a.hover-home:hover{
    background-image:url(../images/homepage/home-icon-hover.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
}
a.hover-home-cycle{
    background-image:url(../images/homepage/cycle-icon.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
}
a.hover-home-cycle:hover{
    background-image:url(../images/homepage/cycle-icon-hover.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
}
a.hover-plane{
    background-image:url(../images/homepage/plane-icon.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
}
a.hover-plane:hover{
    background-image:url(../images/homepage/plane-icon-hover.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
}
a.hover-skii{
    background-image:url(../images/homepage/skii-icon.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
}
a.hover-skii:hover{
    background-image:url(../images/homepage/skii-icon-hover.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
}
a.hover-pet{
    background-image:url(../images/homepage/pet-icon.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
}
a.hover-pet:hover{
    background-image:url(../images/homepage/pet-icon-hover.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
}	
a.hover-third-car{
    background-image:url(../images/homepage/third-party-car.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
}
a.hover-third-car:hover{
    background-image:url(../images/homepage/third-party-car-hover.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
}
a.hover-show-all{
    background-image:url(../images/homepage/show-all.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
}
a.hover-show-all:hover{
    background-image:url(../images/homepage/show-all-hover.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
}
.modal-body-txt {
    font-size: 20px;
    font-weight: normal;
    line-height: 63px;
    text-align: left;
}
.gray-color{
    color:#666;
}
/**popup css**/
.popup-head{
    color: #2f5294;
    font-size: 20px;
    text-transform:uppercase;
    font-weight:bold;
}
a.link:hover .modal-body-txt{
    color: #007dbc;
}
.close-cst {
    border: 1px solid #333 !important;
    border-radius: 50%;
    color: #333 !important;
    height: 30px;
    margin-top: 0px !important;
    opacity: 0.9;
    padding: 0 !important;
    width: 30px;
    display:none;
}
.modal-close-btn {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #a80822;
    color: #a80822;
    font-weight:bold;
}
.modal-close-btn:hover{
    background: #a80822;
    color: #fff;
    border: 1px solid #a80822;
}
/**popup css end**/
@media(min-width:320px) and (max-width:500px){
    .image-wrapp-header {
        height: 3em !important;
        padding: 0px;
        width: 3em !important;
        margin-right: 0;
        font-size: 15px;
    }	
}
@media(min-width:320px) and (max-width:767px){    
    .marginlft10{
        margin-left: 0px;
    }
    .text-wrapp{
        display:none !important;
    }
    .font20-mb{
        font-size:20px;
    }
    .font14-mb{
        font-size:14px;
    }
    .padding-lft-mb{
        padding-left:15px !important;
    }
    .img-reponsive2{
        height:100px;
    }
    .image-wrapp-border{
        border-right:none;
        margin-bottom:0px;
    }
    .padding-rht-mb{
        padding-right:15px !important;
    }
    /*.image-wrapp-header{
    width: 4em;
    height: 4em;
    padding: .6em;
}*/
    a.hover-car, a.hover-home, a.hover-plane, a.hover-pet, a.hover-home-cycle, a.hover-skii, a.hover-third-car, a.hover-show-all{
        width:100% !important;
        height:100% !important;
        margin-right:5px !important;
    }
    .carousel-inner{
        height: 300px;
        position: relative;
    }
    .carousel-inner > .item{
        height:100%;
    }
    .carousel-inner > .item .active{
        height:100%;
        position: relative;
    }
    .h1-insure{
        font-size:15px;
        margin:10px 0px;
    }
    .carousel-caption{
        left:2%;
        width:96%;
        right:2%;
    }
    .text-center-mb{
        text-align:center;
    }
    .image-wrapp-header {
        height: 4em;
        padding: 0px;
        width: 4em;
        margin-right: 0;
    }

    .home-help-block{
        background-color:#fff;
        width:96%;
        height:auto;
        float:none;
        display:table;
        margin:0px auto;
    }	
    .home-help-block:last-child{
        float:none;
        margin:20px auto 0;
        width:96%;

    }
    .help-block-lft{
        vertical-align:middle;
    }
    .carousel-inner > .item > a > img, .carousel-inner > .item > img{
        height:100%;
    }
    a.retrieve-btn{
        border:1px solid #c86776;
        padding:5px 5px;
        background-color:#fff;
        color:#a80822;
        width:auto;
        margin:5px;
        float:right;
    }
    a.retrieve-btn:hover{
        border:1px solid #c86776;
        padding:5px 5px;
        background-color:#a80822;
        color:#fff;
        width:auto;
        margin:5px;
        float:right;
    }
    a.retrieve-btn2, a.retrieve-btn2:hover{
        float:left;
    }
    .banner-icon-txt{
        width:100%; 
        bottom:40px; 
    }
    .margintop10-mb{
        margin-top:10px;
    }
    a.hover-show-all-xs{
        background-image:url(../images/homepage/show-all.png);
        background-repeat:no-repeat;
        background-position:0px 0px;
        background-size:100%;
    }
}
@media(min-width:768px) and (max-width:991px){
    .text-wrapp{
        display:none !important;
    }
    .text-center-mb{
        text-align:center;
    }
    .img-reponsive2 {
        height: 100px;
        margin-bottom: 0;
    }
    .h1-insure{
        font-size:20px;
        margin:10px 0px;
    }
    .carousel-caption {
        bottom: 0;
        height: 100%;
        left: 2%;
        right: 2%;
        width: 100%;
    }
    .image-wrapp-header {
        display: inline-block;
        height: 80px;
        margin-right: 15px;
        width: 80px;
    }
    .banner-icon-txt{
        width:100%; 
        bottom:30px; 
    }
    a.hover-car, a.hover-home, a.hover-plane, a.hover-pet, a.hover-home-cycle, a.hover-skii, a.hover-third-car, a.hover-show-all{
        width:100%;
        height:100%;
    }
    a.retrieve-btn, a.retrieve-btn:hover{
        float:right;
    }
    a.retrieve-btn2, a.retrieve-btn2:hover{
        float:left;
    }
    .margintop20-sm{
        margin-top:20px;
    }
    a.hover-show-all-xs{
        background-image:url(../images/homepage/show-all.png);
        background-repeat:no-repeat;
        background-position:0px 0px;
        background-size:100%;
    }
}
@media(min-width:992px) and (max-width:1199px){
    .img-reponsive2 {
        height: 170px;
        margin-bottom: 0;
    }
    .h1-insure{
        font-size:30px;
        margin:10px 0px;
    }
    .image-wrapp-header {
        display: inline-block;
        height: 75px;
        margin-right: 15px;
        width: 75px;
    }
    .carousel-caption {
        bottom: 0;
        height: 100%;
        left: 2%;
        right: 2%;
        width: 100%;
    }
    .banner-icon-txt{
        width:90%; 
        bottom:40px; 
    }
}
@media(min-width:1200px) and (max-width:1410px){
    .img-reponsive2 {
        height: 250px;
        margin-bottom: 0;
    }
    .image-wrapp-header {
        display: inline-block;
        height: 82px;
        margin-right: 15px;
        width: 82px;
    }
    .carousel, .carousel-inner{
        height:auto;
    }

}
@media(max-width:1199px){
    .carousel-inner > .item > a > img, .carousel-inner > .item > img {
        line-height: 1;
        height:100%;
        margin-top: 0px !important;
        width:100%;
    }
    .captcha-image-block {
        height: 28px;
        width: 120px;
    }
}
@media(min-width:1411px){
    .carousel-inner {
        height: 550px;
    }

    .carousel-inner > .item .active{
        height:100%;
        position: relative;

    }
}
