@import url('https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@700&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://pro.fontawesome.com/releases/v5.10.0/css/all.css');

html,
body {
    height: 100%;
    font-family: 'Lato', sans-serif;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}
h1 {
    margin-top: 0 !important;
}

.navbar {
    padding: 10px 45px;
}
.navbar .nav-item a {
    padding: 0 15px;
    font-size: 16px;
    color: #4B4F50;
}
.navbar .nav-item:last-child a {
    color: #997E39;
}
.btn-close {
    padding: 26px 35px 0 0!important;
    font-size: 30px!important;
}
.mobile-menu li a {
    padding-bottom: 20px;
    display: block;
    font-size: 18px;
}
.mobile-icons {
    margin-top: 20px;
}
.mobile-icons span {
    margin-right: 15px;
    font-size: 24px;
}
.mobile-icons span:last-child {
    margin-right: 0;
}





@media (min-width: 1200px){
    .container {
        max-width: 80%;
    }
}

.campaign-list-wrapper .container {
    max-width: 100%;
}
/*footer */
.footer {
    background-color: #1b1f20;
    border-top: 1px solid #ddd;
    padding-top: 20px;
    color: #fff;
}
.footer p {
    margin: 0;
    font-size: 16px;
}
.footer ul {
    padding-left: 2px;
}
.footer ul li {
    list-style-type: none;
    text-decoration: none;
    margin-top: 5px;
}

.footer ul li a{
    text-decoration: none;
    color: #fff;

}
.footer-text-big {
    font-family: Lato, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 45px;
    line-height: 54px;
    letter-spacing: -0.02em;
    color: #fff;
    margin: 0;
}


/*footer end*/
.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}
@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

#custom-navbar-collapse ul:first-child{
    margin-top: 3.0rem;
}

#custom-navbar ul li > a {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
}

#custom-navbar ul li:hover > a{
    color:  #997E39;
}

#custom-navbar ul li:last-child:hover{
    border: none;
}

#custom-navbar ul li:last-child .dropdown-menu {
    width: 234px;
    padding: 0;
}
#custom-navbar ul li:last-child .dropdown-menu a:hover{
    background: #F7F1E5;
    color: #997E39;
}

.navbar-dropdown a{
    display: block;
    height: 35px;
    line-height: 31px;
}
#custom-navbar ul li a:hover{
    text-decoration: none;
}
#custom-navbar ul li {
    margin: 1px;
}

#custom-navbar ul li a:focus {
    color:  #C6A551;
}
#custom-navbar .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #C6A551;
}

#custom-navbar  .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #fff;
}

#custom-navbar .dropdown-menu li:hover > a{
    color: #C6A551;
    /*border-bottom: 1px solid #C6A551;*/
    background-color: #fff;
}
#custom-navbar .navbar-nav > .active > a {
    background: #fff;
    border-bottom: 1px solid #C6A551;
}

/*#custom-navbar ul li a.dropdown-toggle:hover,.logout{*/
/*    color:  #C6A551;*/
/*    text-decoration: none;*/
/*    border-bottom: 1px solid #C6A551;*/
/*}*/
#custom-navbar {
    background: #fff;
    border: none;
    outline: none;
}

#custom-navbar.main-navbar a.dropdown-toggle::after {
    display: none;
}
#custom-navbar.main-navbar a.dropdown-toggle::before {
    content: "\f078";
    font-family: 'FontAwesome';
    position: absolute;
    left: 55px;
}

#custom-navbar.main-navbar  a[aria-expanded="true"].dropdown-toggle::before {
    content: "\f077";
}

#custom-navbar-collapse ul.dropdown-menu li a{
    text-align: left;
}

#custom-navbar-collapse  a.dropdown-toggle{
    color: #997e39;
}

/*overlay content*/
.overlay-content {
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #fff;
    color: #000;
    overflow-x: hidden;
    /*transition: 0.5s;*/
}
.overlay-content ul {
    padding-left: 0;
}
.overlay-content ul li {
    list-style-type: none;
    text-align: center;
}

.overlay-content ul li a{
    text-decoration: none;
    color: #000;

}

.text-yellow{
    color: #997E39;
}

.overlay-content ul li a.text-yellow {
    color: #997E39;
}

.overlay-content .logo-light {
    padding-left: 30px;
    padding-top: 10px;
}
.login:active {
    background: unset;
}
.navbar-collapse:first-child {
    height: 100vh;
}

.navbar-toggle {
    border: none;
    /*background: #fff!important;*/
}

.navbar-toggle:hover {
    background: transparent !important;
}
.overlay-content .navbar-toggle .icon-bar {
    width: 22px;
    background: #fff;
}

.overlay-content .navbar-toggle{
    /*margin-right: 40px;*/
    /*margin-bottom: -9px;*/
}

.overlay-content  .navbar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}

.navbar-toggle .middle-bar {
    opacity: 0;
}

.navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
    transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
    opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0);
}

.navbar-toggle {
    padding: 10px;
    margin: 5px;
}

.divider {
    height: 0;
    border: 1px solid #4B4F50;
}
/*end overlay content*/



#custom-navbar .navbar-header {
    border:none;
}

#custom-navbar .navbar-toggle, #custom-navbar-collapse {
    background: #fff;
    border: none;
    text-align: center;
}

#custom-navbar .container {
    width: 90%;
}
#custom-navbar .icon-bar {
    background: #000;
}

.page-title {
    font-family: Lato,sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 60px;
    line-height: 72px;
}

/*overlay */


.overlay {
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    opacity: 0.99;
    overflow-x: hidden;
    display: none;
    background: linear-gradient( #1D2120 25%,0%, #1b1f20 75%);
}
.fs-22 {
    font-size: 22px;
}
.fs-60 {
    font-size: 60px;
}

.fs-40 {
    font-size: 40px;
}

.fs-30{
    font-size: 30px;
}
/*end overlay */

.container-80 {
    width: 80%;
    margin: 0 auto;
}
.team .container {
    padding-left: 0;
    padding-right: 0;
}

.close_overlay {
    color: #997e39;
    font-size: 47px;
    text-decoration: none;
    font-weight: 100;
    padding: 10px 30px;
}

.overlay_content {
    width: 100%;
    opacity: 0.99;
}
.close_overlay:hover, .close_contact:focus {
    text-underline: none;
    text-decoration: none;
    color: #997E39;
}

.forgot-password{
    color: #997E39;
    text-decoration: none;
    font-family: Lato,sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
}

.forgot-password:hover{
    color: #997E39;
    text-decoration: none;
}

.custom-checkbox {
    cursor: pointer;
    visibility: hidden;
    position: relative;

}

.custom-checkbox:after {
    content: " ";
    background-color: #414344;
    display: inline-block;
    width: 17px;
    height: 17px;
    visibility: visible;
    position: absolute;
    left: -5px;
    top:-2px;
    text-align: center;
    line-height: 17px;

}

.custom-checkbox:checked:after {
    content: "\2714";
}

/*index*/
h2 {
    margin-top: 0 !important;
}
.top-banner {
    font-family: Lato, sans-serif;
    font-style: normal;
    padding: 100px 0;
}
.top-banner h1 {
    font-weight: 300;
    font-size: 60px;
    line-height: 72px;
}
.top-banner p {
    font-size: 21px;
    line-height: 25px;
    margin-bottom: 0;
}
.lightBrown-btn {
    width: 180px;
    height: 50px;
    background-color: #F7F1E4;
    border: 1px solid #F7F1E4;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #997E39;
}
.top-banner button:nth-child(1) {
    margin-right: 30px;
}
.top-banner .buttons {
    margin-top: 42px;
}
.about {
    padding: 30px 80px;
    font-family: Lato;
}
.img-block {
    /*box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.12);*/
    width: 512px;
}
.mb-60 {
    margin-bottom: 60px;
}
.img-block .top-block {
    padding: 10px 0 10px 20px;
}
.img-block .top-block .info {
    margin-left: 10px;
}
.img-block h4 {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #997E39;
}
.img-block span {
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    color: #8B8E8F;
}
.img-block .bottom-block {
    padding: 10px 20px 10px 0;
}
.img-block .bottom-block .info {
    margin-right: 8px;
}
.about .text-block h2 {
    font-weight: 300;
    font-size: 60px;
    line-height: 72px;
    color: #4B4F50
}
.about .text-block p {
    font-size: 18px;
}
.text-block i {
    color: #997E39;
    font-size: 24px;
}
.text-block div:first-child {
    margin-bottom: 47px;
}
.btn-browse {
    margin-top: 20px;
}
.flex {
    display: flex;
    justify-content: flex-end;
}
.dark-bg {
    padding: 30px 80px 0;
    font-family: Lato;
    background: linear-gradient(0deg, #1B1F20, #1B1F20), #FFFFFF;
}
.dark-bg .text-block {
    color: #fff;
}
.dark-bg .img-block {
    /*background-color: #fff;*/
}
.dark-bg .impression-block span {
    font-size: 18px;
    line-height: 22px;
    color: #8B8E8F;
}
.dark-bg .impression-block h2 {
    font-size: 200px;
    font-family: Bebas Neue;
    line-height: 240px;
    color: #C6A551;
    letter-spacing: -0.02em;
}
.my-120 {
    margin: 120px 0;
}
@media (max-width: 1300px) {
    .about {
        padding: 30px 50px;
    }
    .img-block {
        width: 100%;
    }
}
@media (max-width: 991px) {
    .navbar {
        flex-direction: row-reverse !important;
        padding: 10px 30px;
    }
}
@media (max-width: 900px) {
    .about .text-block h2 {
        font-size: 48px;
        line-height: initial;
    }
}
@media (max-width: 768px)  {
    .column-reverse {
        flex-direction: column-reverse;
    }
    .mb-60 {
        margin-bottom: 10px;
    }
    .mt-30 {
        margin-top: 30px;
    }
}
@media (max-width: 600px) {
    .top-banner {
        padding: 56px 0;
    }
    .top-banner h1 {
        font-weight: 300;
        font-size: 45px;
        line-height: 96%;
    }
    .top-banner p {
        font-size: 18px;
    }
    .top-banner .buttons .lightBrown-btn:nth-child(1) {
        margin-bottom: 10px;
    }
    .mb-60 {
        margin-bottom: 10px;
    }
    .top-banner .buttons {
        margin-top: 30px;
    }
    .top-banner button:nth-child(1) {
        margin-right: 0;
    }
    .about {
        padding: 0;
    }
    .img-block {
        width: 100%;
    }
    .text-block {
        padding: 0 15px;
    }
    .btn-browse {
        margin-bottom: 30px;
    }
    .column-reverse {
        flex-direction: column-reverse;
    }
    .my-120 {
        margin: 53px 0;
    }
    .lightBrown-btn {
        width: 300px;
    }
    .btn-browse .lightBrown-btn{
        width: 100%;
    }
    .text-block div:first-child {
        margin-bottom: 30px;
    }
    .about .text-block h2 {
        font-size: 44px;
        line-height: 54px;
        letter-spacing: -0.04em;
    }
    .mt-15 {
        margin-top: 15px;
    }
    .dark-bg .impression-block h2 {
        font-size: 175px;
        line-height: 165px;
    }
}
.navbar-toggler i {
    font-weight: 100;
}
.logout {
    box-shadow: none;
    /*background: #fff;*/
    border: none;
    cursor: pointer;
}

/*signup advertiser*/
.site-signup-advertiser {
    width: 60%;
}
.social-label {
    width: 45px;
    height: 45px;
    border: 1px solid #ccc;
    border-radius: 50%;
    text-align: center;
    line-height: 43px;
    font-size: 30px;
    color: #4B4F50;
    box-sizing: border-box;
    cursor: pointer;
}

#profileform-social_platforms input[type="checkbox"],
#advertiser-social_platforms input[type="checkbox"]{
    display: none;
}

#profileform-social_platforms input[type="checkbox"]:checked + label > .social-label,
#advertiser-social_platforms input[type="checkbox"]:checked + label > .social-label{
    color: #fff;
    background: #997E39;
}

.input-br-0 input[type="text"], .input-br-0 input[type="password"], .input-br-0 select {
    height: 45px!important;
    /*border: 1px solid #ccc;*/
    border-radius: 0;
}
.input-br-0 input[type="text"]:focus, .input-br-0 input[type="password"]:focus, .input-br-0 select:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid #ccc;
}
.cbx-agree {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.cbx-agree:after {
    width: 22px;
    height: 22px;
    content: " ";
    position: absolute;
    top: -16px;
    left: 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 24px;
    line-height: 20px;
    color: #fff;
}
.field-advertiser-max_monthly_budget, .field-advertiser-min_monthly_budget, .field-advertiser-min_followers, .field-advertiser-max_followers {
    height: 45px;
    padding: 0;
    border: 0;
}
#advertiser-signup .kv-field-range-container label,#advertiser-signup .kv-field-range-container .input-group-btn {
    display: none;
}
#advertiser-signup .kv-field-range-container input{
    text-align: center;
}
.cbx-agree:checked:after{
    content: "\2714";
    background: linear-gradient(0deg, #39AD76, #39AD76), #FFFFFF;
}
.privacy_agreement-hint {
    margin-left: 30px;
}
.privacy_agreement-hint a{
    color: #997E39;
    font-size: 18px;
    font-weight: bold;
}

.back-from-signup-success {
    background: linear-gradient(0deg, #F6F1E4, #F6F1E4), #F7F1E4;;
    color: #997E39!important;
    height: 45px;
    width: 110px;
    text-decoration: none!important;
    display: block;
    line-height: 45px;
    margin: 0 auto;
}
.to-signup-btn {
    background: linear-gradient(0deg, #F6F1E4, #F6F1E4), #F7F1E4;;
    color: #997E39!important;
    height: 50px;
    width: 180px;
    text-decoration: none!important;
    display: block;
    line-height: 50px;
    margin: 25px auto;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
}
#signupSuccessModal {
    top: 30%;
    padding-right: 0;
}
.advertiser-intro .row{
    margin-right: 0;
    margin-left: 0;
}
/*.advertiser-intro .heading {*/
/*    !*min-height: 260px;*!*/
/*}*/
.block-img {
    width: 100%;
    height: 100%;
}
.dark-block {
    background: #1b1f20;
    color: #fff;
}
.dark-block i {
    color:  #997E39;
}
.ml-15- {
    margin-left: -15px;
}

#creator-signup .input-group-prepend .input-group-text{
    background: #fff;
    border-radius: 0;
    padding: 0;
    padding-left: 4px;
    border-right: 0;
    z-index: 2;
    width: 50px;
}
#creator-signup .input-group-prepend span {
    /*margin-right: 1px;*/
}
#creator-signup .input-group-prepend .input-group-text i {
    font-size: 24px;
}
#creator-signup .input-with-addon,#creator-signup .input-with-addon:focus, #creator-signup .input-with-addon:focus-within{
    border-left: 0!important;
    z-index: 1;
}

/* quote banner */
.quote-banner img {
    width: 90px;
}

.quote-banner p {
    font-family: Lato;
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: -0.02em;
    color: #4B4F50;
}

@media (min-width: 992px) {
    .quote-banner img {
        width: auto;
    }

    .quote-banner p {
        font-family: Lato;
        font-style: normal;
        font-weight: 300;
        font-size: 45px;
        line-height: 54px;
        letter-spacing: -0.02em;
        color: #4B4F50;
    }
}

/* buttons */
.btn {
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.02em;
    padding: 14px 10px;
    border-radius: 0;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
/*.btn-primary:visited,*/
.btn-primary:focus {
    color: #997E39;
    background: #F7F1E4;
    border-color: #F7F1E4;
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:visited,
.btn-secondary:focus {
    color: #fff;
    background: #997E39!important;
    border-color: #997E39!important;
}
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:visited,
.btn-secondary:focus {
    background-color: #CAAD62;
    color: #fff;
}
.btn-secondary:disabled {
    background: #997E39;
}
.btn-light {
    background: #F7F1E4;
    color: #997E39;
    border-color: #F7F1E4;
}

.btn-light:hover,
.btn-light:active,
/*.btn-light:visited,*/
.btn-light:focus {
    background-color: #fff;
    border-color: #997E39;
    color: #997E39;
}
.btn-link {
    color: #997E39;
}
.btn-link:hover,
.btn-light:active,
.btn-light:focus{
    color: #997E39;
    text-decoration: none;
}


.custom-form input, .custom-form textarea{
    background: unset;
    border: none;
    outline: none;
    border-bottom: 1px solid #8B8E8F;
    border-radius: 0;
}

.custom-form {
    color: #8B8E8F;
    font-family: Lato,sans-serif;
    font-style: normal;
}

.custom-form. textarea {
    border: 1px solid #8B8E8F;
}

.custom-form .has-error .form-control:focus {
    box-shadow: unset;
}
.has-error {
    color:  #a94442;
}
.custom-form label {
    font-weight: bold;
    margin-bottom: 0;

}

.custom-form input:focus,.custom-form textarea:focus {
    outline: none;
    box-shadow: unset;
    border-color: #997E39;
    color: #8B8E8F;
    background: unset;
}

.form-group:focus-within label {
    color: #4b4f50;
}

.contact-text {
    font-family: Lato sans-serif ;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color:  #8B8E8F;
}

.custom-form input {
    font-size: 15px;
    font-family: Lato,sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #fff;
}

.custom-form input:-webkit-autofill,
.custom-form input:-webkit-autofill:hover,
.custom-form input:-webkit-autofill:focus,
.custom-form input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #fff !important;
}
.subtitle {
    font-style: normal;
    font-weight: 550;
    font-size: 21px;
    line-height: 25px;
    text-align: center;
    color: #1B1F20;
}

.my-modal .modal-header{
    border-bottom: 0;
}

.my-modal .modal-header .close {
    font-size: 42px;
    font-weight: 100;
}

.my-form input[type="text"],input[type="password"]  {
    font-size: 15px;
    font-family: Lato,sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #1B1F20;
    display: block;
    width: 100%;
    height: 45px;
    border-radius: 0!important;
    outline: none!important;
    box-shadow: none!important;
}
.my-form input[type="text"]:not(.is-invalid),input[type="password"]:not(.is-invalid) {
    border:  1px solid #CBCAC7;
}
.my-form textarea {
    border-radius:0;
    box-shadow: none!important;
}
.switch-to-login {
    color: #4B4F50!important;
    text-decoration: none!important;
    font-size: 18px;
}
.my-dropdown-toggle {
    color: #997E39!important;
    text-decoration: none!important;
}
.my-dropdown .dropdown-item:active {
    background: #997E39!important;
    color: #fff;
}
.my-dropdown-toggle:after {
    content: "\f078"!important;
    font-family: 'FontAwesome';
    position: absolute;
}

.hidden {
    display: none !important;
}

.btn.btn-request {
    border: 1px solid #EDECE8;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    background: #fff;
}

.btn.btn-request:hover {
    border: 1px #997E39 solid;
}

#discover-modal .btn.btn-request {
    padding: 15px;
}

.modal-body .container .btn.btn-full-width{
    width: 100%;
    color: #fff;
    border-color: #997E39;
    background: #997E39;
}
.modal-body .container .btn.btn-full-width:hover{
    background-color: #CAAD62;
}

.modal-body .container {
    max-width: 100%;
}

.rounded-circle-logo{
    width: 50px;
    height: 50px;
}

.rounded-circle-logo img.rounded-circle{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

img.disabled {
    opacity: 0.3;
}

.discover-card .interests .interest,
.discover-card .categories-list a,
#discover-modal .modal-dialog .discover-col .categories-list a,
.category-badge {
    background: #F6F1E4;
    color: #C6A551;
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    padding: 5px 10px;
    text-align: center;
    margin-right: 3px;
}

.btn.full-btn,
.btn.btn-full-width {
    width: 100%;
}

.discover-header span.country-list:after,
.discover-card .info span.country-list:after {
    content: ',';
}

.discover-header span.country-list:last-child:after,
.discover-card .info span.country-list:last-child:after {
    content: '';
}

#loader {
    text-align: center;
    width: 100%;
    padding-bottom: 60px;
}