body{
    font-family: 'Lato', sans-serif !important;
    background: #FFFFFF;
}

.alert-danger{
    display: none;
}

.start_exploring{
    font-size: 20px !important;
    color:#222737 !important;
}


#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f7f8f8;
  /* change if the mask should have another color then white */
  z-index:101;
  /* makes sure it stays on top */
}

#preloader img{
    position: fixed;
    top:42%;
    left: 44%;
}



.content-container.loading {
  opacity: .4;
  pointer-events: none;
  user-select: none;
}



#status {
  width: 600px;
  height: 600px;
  position: absolute;
  left: 35%;
  /* centers the loading animation horizontally one the screen */
  top: 28%;
  /* centers the loading animation vertically one the screen */
  background-image: url(https://tools.zetaglobal.com/loader1.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}


#board{
    display: none;
}

.container {

    width: 100% !important;
    margin: 0px auto !important;
    padding: 0px !important;

}

@media screen and (min-width:1000px){
    .home-banner {
    padding: 5% 0px 5% 0px !important;
    }
}



.home-banner {
    background-image: url(https://tools.zetaglobal.com/wp-content/uploads/2019/08/bg@2x.jpg);
    background-position: center !important;
    background-repeat: no-repeat;
}


.banner-heading {
    color: #195770 !important;
    font-weight: 500;
    text-align: center;
    font-size: 40px;
    margin-bottom: 10px;
    word-spacing: 10px;
    margin-top: 0px;
}


.minor-sub-heading{
    text-align: center;
margin-top: 40px;
font-size: 20px;
color: #195770;
font-weight: 400;
}


.search-from{
    margin-top: 50px;
}


.search-from .form_inputs{
    width: 30%;
padding: 10px 30px;
border-radius: 60px;
border: 2px solid #eee;
}

.search-from button{
    background-color: transparent;
    border:none;
}


.search-from button img{
    width: 34px;

}


.search-from .form_inputs::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #195770;
  opacity: 1; /* Firefox */
}

.search-from .form_inputs:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #195770;
}

.search-from .form_inputs::-ms-input-placeholder { /* Microsoft Edge */
  color: #195770;
}




@media screen and (min-width: 1000px){
    .search-from{
        margin-left: 2%;
    }
}





.nav-tabs{
    text-align: center;
}

.nav-tabs li{
    float: none !important;
    display: inline-block;
    outline:none !important;
}

.nav-tabs{
    border-bottom: none !important;
}

.nav-tabs li a{
    border:none !important;
    background-color: transparent !important;
}




.nav-tabs li.active a {
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.20);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.20);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.20);
    transition: all 200ms ease-in;
    transform: scale(1.20);
    border-radius: 3px !important;
    color:#fff;
}


.nav-tabs a:hover {
    background-color: #90a618 !important;
    color: #fff !important;
    border-radius: 0px !important;
}

.nav-tabs .active a {
    background-color: #90a618 !important;
    color: #fff !important;
    border-radius: 0px !important;
}


.nav-tabs  li  a{
    color:#195770 !important;
    outline:none !important;
}



.for-tglgle-tabs{
    padding:0px !important;
    z-index: 10;
}


.nav-tabs {
    background-color: #cadc66 !important;
}


.nav-tabs > li {
    float: none !important;
    display: inline-block;
    margin-right: 20px;
}


.for-toggle-cont{
    padding-top: 70px;
    text-align: center;
}


.inner-tab-heads{
color: #174e68;
font-size: 30px;
margin-bottom: 30px;
font-weight: 600;
}

.inner-tab-p{
    color: #195770;
    font-size: 20px;
margin-bottom: 30px;
font-weight: 400;
line-height: 1.7em;
}


@media screen and (min-width: 1000px){
    .inner-tab-p{
        padding: 0px 130px;
    }
}


.for-toggle-cont .tab-content{
width: 70%; 
margin: 0px auto;
}

.table .heading-tr {
    background-color: #638398;
}

@media screen and (min-width:1000px){
.table .heads1 {
    width: 50% !important;
}
}

@media screen and (min-width:1000px){
.table .heads1 {
    padding-left: 60px !important;
}
}

.table tr th {
    color: #fff ;
}

.table tr td {
    padding: 15px 0px;
}

.first-td{
    text-align:left !important;
}

.table tr td{
    text-align: left !important;
}

#verti_specs_tab tr th:nth-child(2), #verti_specs_tab tr th:nth-child(3){
    padding:8px 0px !important;
}


.table_div{
    background-color: #fff;
}

.table_div_p{
padding: 40px 10px !important;
font-size: 18px !important;
font-weight: 400;
color: #404040 !important;
margin-bottom: 0px;
}


/* css code for footer */
.footer_left_ul li img{
    width: 40px !important;
}
.footer_left_ul li{
    display: inline-block;
    margin-right: 20px;
}

.footer_left_ul {
    margin-bottom: 0px !important;
}

.footer_tools{
    background-color: #003950 !important;
    padding:30px 150px !important;
    height: 90px;
}

.footer_copyright-container{
    color: #fff !important;
}

.footer_copyright-container a {
    color: #fff !important;
}


.social_icons_list {

    list-style: none;
    width: auto;
    float: left;
    display: block;
    padding-bottom: 0px !important;

}

.social_icons_list li {

    list-style: none;
    float: left;
    margin-right: 15px;

}

.social_icons_list li a i {

    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    border-radius: 50%;
    border: 1px solid #cccccc;

}


@media screen and (min-width:1000px){
    .footer_left_ul{
        float: left;
    }
    .social_icons_list{
        float: right;
    }
}


@media screen and (max-width:900px){
    .footer_tools{
        padding: 10px !important;
        height: 180px !important;
    }
    .footer_left{
        text-align: center !important;
    }
    .social_icons_list{
        margin-top: 15px !important;
        text-align: center !important;
    }
    .social_icons_list{
        float: none !important;
        display: inline-block;
    }
    .footer_left_ul li img{
        margin-bottom: 10px !important; 
        margin-top: 20px !important;
    }
}


.footer_left_ul{
    padding-left: 0px !important;
}


@media screen and (min-width:1000px){
    .sample-cta{
        padding: 30px 180px !important;
    }
}



@media screen and (max-width:900px){
    .home-banner{
        padding: 10% 0px 13% 0px !important;
    }
    .banner-heading{
        font-size: 30px;
        padding: 0px 30px;
        line-height: 1.6em;
    }
    .search-from .form_inputs{
        width: 80% !important;
        margin-left: 0 !important;
    }
    
    .nav-tabs li.active a{
        -webkit-transition: all 200ms ease-in;
-webkit-transform: scale(1);
-ms-transition: all 200ms ease-in;
-ms-transform: scale(1);
-moz-transition: all 200ms ease-in;
-moz-transform: scale(1);
transition: all 200ms ease-in;
transform: scale(1);
    }

    .for-toggle-cont{
        padding-top: 40px !important;
    }
    .for-toggle-cont .tab-content{
        width: 90% !important;
    }
    .table_div{
        overflow-x: auto;
    }
    .first-td{
        padding-left: 6px !important;
    }
    #verti_specs_tab{
        width: 152%;
max-width: 152%;
    }
    .search-from button img{
        position: static !important;
    }
    .social_icons_list{
        padding-left: 0px !important;
    }
    .for-toggle-cont{
        padding-bottom: 100px !important;
    }
}


#verti_specs_tab tr td{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}


.acircle{
   width: 100%;
height: auto;
text-align: center;
margin:0px auto !important;
}

.email_mg-image img{
    width: 400px;
}

.circle_data{
    text-align: center !important;
}



.email_md5_data_p{
    color: #222737;
    font-size: 14px;
    margin: 0;
}



/*
.acircle{
border: 12px solid transparent;
  background-size: 100% 100%, 50% 50%, 50% 50%, 50% 50%, 50% 50%;
  background-repeat: no-repeat;
  background-image: linear-gradient(#174e68, #174e68), 
                    linear-gradient(30deg, #174e68 56%, lightgrey 10%),
                    linear-gradient(120deg, #174e68 56%, lightgrey 10%),
                    linear-gradient(300deg, #174e68 56%, lightgrey 10%),
                    linear-gradient(210deg, #174e68 56%, lightgrey 10%);
  background-position: center center, left top, right top, left bottom, right bottom;
  background-origin: content-box, border-box, border-box, border-box, border-box;
  background-clip: content-box, border-box, border-box, border-box, border-box;
}
*/


.info-graphics{
    width:180px !important;
    margin: 0px auto !important;
    text-align: left;
}




#search_form_id{
    text-align: center;
width: 100%;
margin: 0px auto;
}

.email_md5_data_span{
    color: #7383A1;
    font-size: 14px;
}




/* 
.email_md5_data_span{
    position: relative;
    top:4px;
} */




/*
.show_male_img{
    width: 150px; height: 150px;
    background: url('https://tools.zetaglobal.com/wp-content/uploads/2019/08/css_sprites1.png') -180px -10px;
}
*/




.infographs-p{
background: #fff;
padding: 10px 10px 20px 20px !important;
margin-bottom: 0px;
color: #014864;
}

.span-ro-num{
    width: 20px;
height: 20px;
position: relative;
top: -40px;
left: 50%;
background: #014864;
padding: 9px 14px 10px 14px;
border-radius: 20px;
color: #fff;
}

.info_lable{
    font-weight: 600;
margin-bottom: 10px;
}


.age-icon img{
width:40px !important;
}


.info-data-img{
    float: left;
position: relative;
top: 6px;
left: -10px;
}


.info-data-img img{
width: 30px;
}

.infographs-p{
    min-height: 60px !important;
}

.infographs-p .col-md-3, .infographs-p .col-md-9{
padding: 0 0px 0px 10px;
}


.demographs-heads{
    text-align: center;
font-size: 20px;
margin-bottom: 20px;
color: #014864 !important;
margin-top:0px !important;
background: #9fc4da;
padding: 10px 10px 13px 10px;
width: 100%;
margin: 0px auto;
    margin-top: 0px;
border-radius: 0px;
font-size: 15px;
font-weight: 400;
}


.move-bottom_span{
    position: relative;
    top:5px;
    color: #222737;
}


.social-ul li{
    list-style: none;
}

.social-ul li .fa{
    color: #014864;
font-size: 17px;
border: 2px solid #014864;
padding: 10px 12px;
border-radius: 100px;
width: 42px;
}


.social-ul li img{
    width:50px;
}


.social-ul{
margin-top:20px;
padding-left: 0px;
}

.identity_table{
    display: none !important;
}



@media screen and (min-width:990px) and (max-width:1199px){
    .naviga-tabs{
        width: 95%;
margin: 0px auto;
    }
}



@media screen and (min-width:1200px){
    .naviga-tabs{
        width: 90%;
margin: 0px auto;
    }
}


.zcode-code-table{
    width: 100%;
margin: 0px auto;
}

.zcode-code-table th{
    text-align: center;
    font-weight: 500;
margin-bottom: 10px;
color: #fff !important;
}

.zcode-code-table tbody tr td{
text-align: center !important;
padding:10px;
}

.zcode-code-table thead th{
text-align: center;
}



.affinity-code-table{
    width: 270px;
margin: 0px auto;
}

.affinity-code-table th{
    text-align: center;
    font-weight: 600;
margin-bottom: 10px;
color: #014864 !important;
}

.affinity-code-table tbody tr td{
text-align: center !important;
}

.affinity-code-table thead th{
text-align: center;
}

.affinity-data{
    margin-top: 70px;
}

.for-socials{
    margin-bottom: 100px;
    margin-top: 0px;
}



.identity_table_zcode, .identity_table_affnity, .identity_table_demographics, .identity_table_placeiq,
.identity_table_financial, .identity_table_genre, .identity_table_preffered_channel, .identity_table_likesToConsume, .identity_table_automotive, .identity_table_noOfAttributes{
    display: none;
}


.naviga-tabs, .search-box-row, .hidden-row-back, .hanging-socials, .setting-icon-hidden{
    display: none;
}

.email_md5_data_p{
    display: none;
}



.start_exploring{
    text-align: center;
margin-top: 110px;
margin-bottom: 450px;
}

.start_exploring a{
    color: #195770;
font-size: 20px;
border: 1px solid #195770;
padding: 10px 30px;
border-radius: 100px;
text-decoration: none !important;
}



.info-graphics{
    width: 100% !important;
margin: 0px auto !important;
}

.infographs-p{
    width: 100%;
margin: 0px auto;
border-radius: 0px;
}






.zcode-code-table tbody tr{
    background: transparent;
padding: 10px 10px 20px 20px !important;
margin-bottom: 0px;
color: #222737;
}


.zcode-code-table thead th{
    padding:10px;
    background: #023E97;
}


.circle_data{
    z-index: 100;
}


.affinity-code-table tbody tr{
    background: #fff;
padding: 10px 10px 20px 20px !important;
margin-bottom: 0px;
color: #014864;
}


.affinity-code-table thead th{
    padding:10px;
    background: #bdd637;
}


.affinity-code-table tbody tr td {
    padding: 10px;
}


.zcode-code-table thead th{
    width: 50%;
    }

.zcode-code-table thead th{
    border-radius: 0px;
}

@media screen and (min-width:990px){
    .zcode-code-table thead th{
        width: 33.33%;
    }
}







.affinity-code-table thead th{
    width: 50%;
    }

.affinity-code-table thead th{
    border-radius: 4px;
}


.affinity-code-table tbody{
    position: relative;
    top:7px;
    box-shadow: 0px 0px 4px #d5d5d5;
}






@media screen and (min-width:990px){
    .show_male img{
        width: 90%;
        position: relative;
        left: -15px;
    }
}





@media screen and (max-width:950px){
    .show_male img{
        width: 100%;
    }
    .social-icons{
        margin-top: 50px;
    }
}


.email_md5_data_p {
    position: relative;
    display: inline-block !important;
    width: 100%;
    font-size: 14px;
    padding: 6px;
    border: 1px solid #DFDFDF;
    border-radius: 4px;
    text-align: left;
    padding-left: 10px;
}

@media screen and (max-width: 720px) {
    .email_md5_data_p {
        width: 100%;
    }
}


@media screen and (max-width:400px){
    #status{
        left: auto !important;
    }
}






.social-heads span{
    text-align: center;
color: #014864 !important;
margin-top: 0px !important;
background: #bdd637;
padding: 10px 10px 11px 10px;
width: 100%;
margin: 0px auto;
    margin-top: 0px;
margin-top: 0px;
border-radius: 5px;
font-size: 15px;
font-weight: 600;
}



/* hide this li's and show them in javascript */

/*.content-analytics-li, .content-email-li, .content-newspaper-li, .content-social-media-li, .content-social-photos-li, .content-video-li, .youtube-li, .facebook-li, .instagram-li, .pinterest-li, .linkedin-li, .snapchat-li, .marketing-email-li, .marketing-stamps-li, .marketing-print-li, .marketing-social-li, .marketing-sms-li, .marketing-ads-li{
    display: none;
}

*/


@media screen and (max-width:999px){
    .home-banner {
    padding: 5% 0px 5% 0px !important;
}
}


.search-box-row{
    margin: 20px auto;
}








@media screen and (min-width:991px) and (max-width:999px){
    .show_male img{
        width:100% !important;
    }
}


@media screen and (min-width:990px){
    .only-for-mobile{
        display: none !important;
    }
}

@media screen and (max-width:989px){
    .only-for-desktop{
        display: none !important;
    }
}

.only-for-mobile{
    text-align: center !important;
}

@media screen and (max-width:950px){
.only-for-mobile .show_male img{
    width:50% !important;
}
.only-for-mobile{
    margin-top: 0px !important;
}
}

@media screen and (max-width:990px){
    .minor-sub-heading{
        line-height: 1.5em;
padding: 0px 20px;
    }
}






@media screen and (max-width:990px){
    .for-socials{
        margin-top: 0px !important
    }
}

.popover {
    position: relative;
    top: 71px !important;
    left: 379px !important;
}















.encryp-zeta{
    text-align: center !important;
    font-weight: 600;
    margin-bottom: 16px;
    font-size: 16px;
    color: #222737;
}


@media screen and (min-width: 1000px){
    .zcode-code-table tbody tr td{
        padding: 13px !important;
    }
    .zcode-code-table tbody{
        min-height: 230px;
    }
}



@media screen and (max-width:550px){
    .zcode-data{
        width: 70% !important;
        margin:0px auto !important;
    }
    .info-graphics{
        width: 70% !important;
        margin:0px auto !important;
    }
}


/* To fit the div for various sizes */
@media screen and (min-width:551px) and (max-width:700px){
    .zcode-data{
        width: 60% !important;
        margin:0px auto !important;
    }
    .info-graphics{
        width: 60% !important;
        margin:0px auto !important;
    }
}


@media screen and (min-width:701px) and (max-width:850px){
    .zcode-data{
        width: 50% !important;
        margin:0px auto !important;
    }
    .info-graphics{
        width:50% !important;
        margin:0px auto !important;
    }
}

@media screen and (min-width:851px) and (max-width:990px){
    .zcode-data{
        width: 40% !important;
        margin:0px auto !important;
    }
    .info-graphics{
        width: 40% !important;
        margin:0px auto !important;
    }
}

@media screen and (max-width:990px){
.zcode-data{
margin-top: 60px !important;
    }
}







#theButton{
    cursor: pointer;
    background: #0091FF;
    padding: 8px 14px;
    color: #fff;
    letter-spacing: 0.5px;
    line-height: 16px;
    border-radius: 4px;
    margin-left: 16px;
    font-weight: 700;
    font-size: 14px;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}
#theButton .fa {
    font-size: 18px;
    top: 1px;
    position: relative;
}





.row-disp-desktop .col-sm-12{
  padding: 0px;
}

.dot-hidden{
  visibility: hidden;
}

.info-data-div{
  text-align: left;
}

.draw-border{
  border-right: 1px solid #eee;
}


@media screen and (max-width:989px){
  .make-hide-in-mob{
    display: none !important;
  }
}

@media screen and (min-width: 990px){
  .row-disp-desktop{
    background: white;
border-radius: 400px 0px 0px 400px;
box-shadow:0px 0px 5px #BBBBBB;;
  }
  
  .demogr_top_row{
    margin-top: 20px;
  }
  .show_male{
    margin:0px !important;
  }

  .make-hide-in-mob{
    position: absolute;
    left: 130px;
  }

  .pull-from-top{
    margin-top: 20px !important;
    margin-bottom: 10px !important;
  }
}


.hidde-th{
    border-radius: 20px !important;
  }


@media screen and (min-width: 1300px){
  .row-disp-desktop .col-sm-12{
    min-height: 300px;
  }
}


@media screen and (min-width: 991px) and (max-width:1299px){
  .row-disp-desktop .col-sm-12{
    min-height: 310px;
  }
  .show_male img{
    width: 100% !important;
    left: 0px !important;
    top:35px !important;
  }
  .hidde-th{
    border-radius: 20px !important;
  }
}


@media screen and (min-width:990px) and (max-width:1099px){
  .show_male img{
width: 100% !important;
left: 3px !important;
top: 36px !important;
  }
}


@media screen and (min-width:1100px) and (max-width:1179px){
  .show_male img{
width: 100% !important;
left: 10px !important;
top: 18px !important;
  }
}


@media screen and (min-width:1180px) and (max-width:1299px){
  .show_male img{
width: 100% !important;
left: 5px !important;
top: 9px !important;
  }
  .row-disp-desktop .col-sm-12{
    min-height: auto !important;
  }
}


@media screen and (min-width:1300px) and (max-width:1380px){
  .show_male img{
width: 100% !important;
position: relative !important;
left: 3px !important;
top: 14px !important;
  }
}

@media screen and (min-width:1381px) and (max-width:1420px){
  .show_male img{
width: 100% !important;
position: relative !important;
left: 4px !important;
top: 10px !important;
  }
}


@media screen and (min-width:1421px) and (max-width:1480px){
  .show_male img{
width: 100% !important;
position: relative !important;
left: 1px !important;
top: 4px !important;
  }
}

@media screen and (min-width:1481px) and (max-width:1550px){
  .show_male img{
width: 100% !important;
position: relative !important;
left: 0px !important;
top: 0px !important;
  }
}

@media screen and (min-width: 1551px){
  .show_male img {
width: 100% !important;
position: relative !important;
left: 0px !important;
top: 0px !important;
}
}


.for-socials{
  background-color: #F9F9F9;
}

@media screen and (min-width:990px){
  .for-socials{
    width: 78%;
margin-left: 17%;
padding: 10px;
border-radius: 0px 0px 6px 100px;
box-shadow:  0px 0px 4px #BBBBBB;
margin-top: -100px;
z-index: 100;
  }

  .hidden-row-back{
    background: #023e97;
height: 100px;
width: 74%;
margin: 0px auto;
    margin-top: 0px;
border-radius: 100px;
z-index: 10;
position: relative;
top: -60px;
z-index: -10;
  }
}


@media screen and (min-width:990px) and (max-width:1199px){
.for-socials{
  width: 80%;
}
}


@media screen and (min-width:1200px) and (max-width:1350px){
.for-socials{
width: 78% !important;
}
}



.last-div-table{
        padding-right: 10px !important;
    }

     .last-div-table thead th{
        border-radius: 0px 5px 5px 0px !important;
     }


@media screen and (max-width:989px){
  .last-div-table{
    padding-right: 0px !important;
  }
  .zcode-code-table tbody{
    background: #f9f9f9;
  }
  .zcode-code-table tbody tr td{
    padding: 20px 10px !important;
  }
  .social-icons{
    box-shadow: 0px 0px 4px #b1a2a2;
padding: 20px;
width: 80%;
margin: 0px auto;
margin-top: 20px;
margin-bottom: 20px;
  }
}

@media screen and (min-width: 990px){
  .row-disp-desktop{
    z-index: 100;
    position: relative;
  }
}



@media screen and (min-width:1500px){
  .last-div-table{
    width: 19% !important;
  }
  .make-20-per{
    width: 19% !important;
  }
}

@media screen and (min-width: 990px){
  .demo-g-title{
    text-align: left !important;
  }
}


.zcode-code-table th{
  font-size: 16px;
}

@media screen and (min-width:1300px){
  .pull-from-top tbody{
    position: relative;
    top: 20px;
  }
}



@media screen and (min-width: 900px){
  .pref-heads{
    position: relative;
    top: -10px;
  }
  .for-socials{
  background-color: #f3f3f3;
}
}


.social-ul  li{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.social-ul li span{
background: #7F8A9D;
color: #fff;
padding: 5px 20px;
border-radius: 30px;
width: 170px;
display: inline-block;
font-weight: 500;
}

.social-ul{
    text-align: center;
}

@media screen and (min-width: 990px){
    .hanging-socials{
        width: 78%;
margin: 0px auto;
margin-left: 17%;
    }
    .hanging-socials{
        margin-top: -100px;
        margin-bottom: 100px;
    }
    
.social-ul{
        position: relative;
        top: -90px;
        width: 90%;
        box-shadow: 0px 0px 5px #a6a1a1;
    }
}

.social-ul{
background: #F9F9F9;
padding: 64px 0px 15px 0px;
border-radius: 0px 0px 10px 10px;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);
border: 1px solid #E3E3E3;
margin: 0px auto;
margin-top: 20px;
}

@media screen and (min-width: 990px) and (max-width: 1100px){
    .social-ul{
        width: 100% !important;
    }
    .social-ul li span{
        width: 150px !important;
    }
} 



@media screen and (min-width: 1101px) and (max-width: 1250px){
    .social-ul{
        width: 100% !important;
    }
    .social-ul li span{
        width: 160px !important;
    }
} 

@media screen and (max-width: 989px){
    .hide_this_in_mobile{
        display: none !important;
    }
     .show_this_in_mobile{
        margin-bottom: 15px !important;
     }
    .social-ul{
        padding: 10px !important;
        background-color: transparent;
    }
    .hanging-socials{
        margin-bottom: 50px;
    }
}


@media screen and (min-width: 990px){
    .show_this_in_mobile{
        display: none !important;
    }
}


.show_this_in_mobile{
    font-size: 20px;
    color: #014864;
}

.social-icons h4{
    font-size: 15px !important;
    font-weight: 600;
}


@media screen and (min-width:990px){
.interested_inCols, .likesTo_shopCols, .likestoVisti_Cols{
    width: 19%;
}
}




.mainBanner {
    width: 98%;
    padding: 9px 0px;
    margin: 16px auto 0;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ECEFF1;
  }

  .innerbannerrow {
    display: table;
    width: 100%;
    margin: 0px auto;
}

  .mainBannercols1 {
    padding: 0px;
  }
  .rowheaders {
    width: 96%;
    margin: 0px auto;
    display: flex;
    align-items: center;
  }
  .bannercols {
    padding-left: 0px;
    padding-right: 0px;
    text-align: right;
  }
  .BannerLogo {
    text-align: left;
    margin-bottom: 0px !important;
  }
  .BannerLogo img {
    width: 200px;
    position: relative;
    top: 0px;
  }
  .bannercols_norightpadding {
    padding-right: 0px;
  }
  .linksDesc {
    color: #252626;
    text-align: right;
    line-height: 1.9em;
    font-weight: 300;
    font-size: 14px;
  }


  .setting-icon-hidden {
    position: absolute;
    text-align: center;
  }

  .setting-icon-hidden img{
    width: 300px;
    position: absolute;
    top: -110px;
    z-index: -11;
    left: 220px;
  }

@media screen and (min-width: 990px) {
    .mainBanner .bannercols {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }
}



.spacer.xxx-small { padding-bottom: 4px }
.spacer.xx-small { padding-bottom: 8px }
.spacer.x-small { padding-bottom: 12px }
.spacer.small { padding-bottom: 16px }
.spacer, .spacer.medium { padding-bottom: 24px }
.spacer.large { padding-bottom: 32px }
.spacer.x-large { padding-bottom: 48px }
.spacer.xx-large { padding-bottom: 64px }
.spacer.xxx-large { padding-bottom: 128px }
.font-h4 {
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    margin: 0;
}


hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
    border-color: #ECECED; 
}

.border-right {
    border-right: 1px solid #ECECED;
}

.border-left {
    border-left: 1px solid #ECECED;
}

.content-container {
    width: 98%;
    margin: 0 auto;
    padding: 20px 1px; /** getting 15px padding from grid */
    background: #F9FAFB;
    border: 1px solid #ECECED;
    box-shadow: 1px 8px 16px -8px #DFDFDF, inset 2px 2px 0px #FFFFFF;
    border-radius: 6px;
}

@media screen and (max-width: 991px) {
    .content-container .border-left,
    .content-container .border-right {
        border: none;
    }
}

.title-heading {
    position: relative;
    border-radius: 4px;
    margin: 0;
    padding: 8px 42px 8px 16px;
    color: #FFFFFF;
    background: #0091FF;
    font-size: 14px;
    display: flex;
    font-weight: 700;
    align-items: center;
    gap: 10px;
}
.title-heading .icon {
    position: absolute;
    top: 7px;
    right: 20px;
    width: 16px;
    text-align: center;
}


.no-list {
    margin: 0;
    padding: 0;
}

.no-list li {
    list-style: none;
    padding: 6px 0;
}

.profile-info-list,
.profile-picture img {
    height: 180px;
}

.profile-picture img {
    width: 100%;
}

.profile-info-list {
    display: flex;
    flex-direction: column;
    vertical-align: middle;
}

.profile-info-list div {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: right;
    font-weight: 600;
}
.profile-info-list img {
    width: 20px;
    display: inline-block;
    margin-left: 12px;
    filter: grayscale(1);
    opacity: 0.7;
}
.profile-info-list img.active {
    filter: grayscale(0);
    opacity: 1;
}
.profile-picture img {
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .profile-picture img {
        max-height: 145px;
    }
}

.profile-info-list div:nth-child(2) {
    margin-right: 25px;
}

.profile-legend {
    text-align: center;
    margin: 20px auto 0;
}
.profile-legend div {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
}
.profile-legend .legend-marker {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    top: 2px;
    width: 12px;
    height: 12px;
    border-radius: 20px;
    background-color: #0091FF;
}
.profile-legend .legend-marker.active {
    background-color: #0091FF; /* #E34655 */;
}

.right.profile-info-list img {
    margin-left: 0;
    margin-right: 12px;
}
.right.profile-info-list {
    direction: rtl;
}
.right.profile-info-list div {
    justify-content: left;
}
.right.profile-info-list div:nth-child(2) {
    margin-left: 25px;
}


.info-box ul li {
    padding: 15px 0;
}
.info-box ul li:last-child {
    padding-bottom: 0;
}

.info-box ul li div {
    display: flex;
    vertical-align: middle;
    align-items: center;
}

.info-box ul li img {
    display: inline-block;
    width: 25px;
    max-height: 25px;
    margin-right: 16px;
}

.info-box ul li p {
    display: inline;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
}

.demographic-info {
    padding-right: 20px;
    padding-left: 20px;
    position: relative;
}

@media screen and (min-width: 990px) {
    .demographic-info, .financialhousehold-info {
        padding-left: 42px;
    }
}

.demographic-info span {
    font-weight: 700;
}

.likes ul {
    margin-left: 16px;
}

.likes li:first-child {
    padding-top: 0;
}
.likes li:last-child {
    padding-bottom: 0;
}
.likes li {
    padding: 5px 0;
    font-size: 14px;
    font-weight: 500; 
    line-height: 24px;
    color:#000;
}





#bannercols{
    text-align: right;
  }
  
  .disableDowloadPdf{
    display: none !important;
  }
  
  .downloadPdfBtn {
    cursor: pointer;
    position: relative;
      top: -1px;
  }
  
  .downloadPdfBtn img{
    width: 30px;
  }
  
  .tooltip-inner {
    max-width: 130px !important;
  }
  
  
  .headerLoader{
    display: none;
    }
    
    .headerLoader img{
    width: 30px;
    position: relative;
      top: -2px;
    }
    
    .displayHeaderLoader{
    display: inline-block;
    }
    

    @media screen and (max-width:990px){
        .downloadPdfBtn{
            top:5px !important;
        }
    }

    
    .downloadPdfBtn{
        display: none;
    }

    .pdfDownloadContainer{
        position: relative;
    }

    .customTooltip{
        background: #536266;
        border-radius: 5px;
        padding: 8px 16px;
        font-size: 12px;
        line-height: 16px;
        color: #FFFFFF;
        width: fit-content;
        position: absolute;
        right: 0px;
        display: none;
    }

.makeIconWhite path {
    fill: #fff;
}

.vehicleOwnership_ul li{
    list-style: none;
}

.vehicleOwnership_ul li span{
    font-weight: bold;
}


.vehicleDataNA{
    text-align: center;
    font-weight: bold !important;
    list-style: none !important;
    margin-left: -32px;
    font-size: 18px !important;
    margin-top: 10px;
}


.numberOfAttrDiv{
    float: right;
    position: relative;
    top: 7px;
}

.numberOfAttrDiv > div{
    width: fit-content;
    color:#575c67;
    font-weight: 600;
    font-size: 12px;
}

.numberOfAttrDiv .dots{
    font-size: 20px;
}


/* New CSS code for international */
@media screen and (min-width:700px){
    .searchAlignRight{
        text-align: right;;
    }
    .searchAlignLeft{
        text-align: left;;
    }
    .removeDefaultPadding{
        padding: 0px;
    }
}

@media screen and (max-width:700px){
    .topSearchRow > div{
        margin-bottom: 20px;
    }
}


.selectCountries{
    border-radius: 4px;
    padding: 6px;
    border: none;
    outline: none;
    background-color: transparent;
}

.boxtitleimg {
  display: flex;              
  align-items: center;       
  line-height: 0;             
}

.boxtitleimg img {
  display: block;           
}




.country-select {
border: 1px solid #DFDFDF;
    width: max-content;
    padding: 0px 10px;
    border-radius: 4px;
    display: inline-block;
    align-items: center;
    cursor: pointer;
}

.topSearchRow{
        display: flex;
    align-items: center;
}


@media screen and (min-width:992px) and (max-width:1250px) {
    .hideifRequired{
        display: none;
    }
    .increaseWidthRequired{
        width: 100%;
    }
    .title-heading, .likes li, .info-box ul li p, .font-h4, .profile-info-list div{
            font-size: 12px;
    }
}

@media screen and (max-width:720px){
    .topSearchRow{
        display: block;
    }
    .row.topSearchRow > div {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .row.topSearchRow > div:last-child {
        margin-bottom: 10px;
    }
}

@media screen and (max-width:630px){
    .email_md5_data_p{
        width: 80%;
        margin: 0px auto;
    }
}

@media screen and (min-width:631px) and (max-width:720px){
    .email_md5_data_p{
        width: 70%;
        margin: 0px auto;
    }
}

@media screen and (max-width:450px){
    .email_md5_data_p{
        width: 98%;
        margin: 0px auto;
    }
    .email_md5_data_p .email_md5_data_span{
        font-size: 12px;
        word-wrap: break-word;
    }
    .profile-info-list div{
        font-size: 10px;
    }
}

@media screen and (min-width:721px) and (max-width:991px){
    .email_md5_data_p{
        width: auto;
    }
    .row.topSearchRow .searchAlignRight{
        width: 100%;
        text-align: right;
    }
    .row.topSearchRow .searchAlignLeft {
        width: 100%;
        text-align: left;
    }
}

@media screen and (min-width:620px) and (max-width:991px){
     .bottomTwoRows{
        margin-bottom: 20px;
     }
    .bottomTwoRows > div{
        width: 49%;
    }
    .bottomTwoRows > div:first-child{
        margin-right: 2%;
    }
    .demographic-info, .financialhousehold-info{
        border: 1px solid #DFDFDF !important;
        border-radius: 4px;
    }
    .font-h4{
        padding-top: 10px;
    }
}

@media screen and (max-width:619px) {
    .demographic-info, .financialhousehold-info{
        border: 1px solid #DFDFDF !important;
        border-radius: 4px;
    }
    .demographic-info{
        margin-bottom: 20px;
    }
    .bottomTwoRows{
        margin-bottom: 20px;
     }
     .font-h4{
        padding-top: 10px;
    }
}


@media screen and (max-width:767px) {
    .vehicleOwnershipcol{
        margin-top: 20px;
    }
}

#demographcis-info-text, #fin-and-household{
margin-bottom: 16px;
}

.bi-globe2::before{
    color: rgba(0, 0, 0, 0.5);
}


.country-select select{
  -webkit-appearance: none !important;
  appearance: none !important;                         
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23666' stroke-linecap='round' stroke-width='2' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right .9rem center;  
  background-size: .8rem 1rem;
  padding-right: 2rem;    
}

@media screen and (min-width:1251px) and (max-width:1400px){
    .increaseWidthRequired{
        width: 75% !important;
    }
}