/* CSS Document */ /*@import url('fonts.css');*/ html, body {overflow-x: hidden;overflow-y: scroll;background-color:#ffffff;} body {font-weight:300;font-size:100%;font-family: 'Adobe Clean';letter-spacing: normal;color:#000;} b {font-weight:400;} h1, h2, h3, h4, h5 {font-weight:600;} a, a:hover {text-decoration:none;outline:none !important;color:#0C70F2;} h1 {font-size:200%;} h2 {font-size:180%} h3 {font-size:150%} h4 {font-size:130%;} ul {list-style:none;padding:0;margin:0;} b {font-weight:600;} /*font size*/ .fs-75 {font-size:75% !important;} .fs-80 {font-size:80% !important;} .fs-90 {font-size:90%;} .fs-95 {font-size:95% !important;} .fs-100 {font-size:100%;} .fs-110 {font-size:110%;} .fs-120 {font-size:120%;} .fs-130 {font-size:130%;} .fs-140 {font-size:140%;} .fs-150 {font-size:150%;} .fs-160 {font-size:160%;} .fs-170 {font-size:170%;} .fs-180 {font-size:180%;} .fs-190 {font-size:190%;} .fs-200 {font-size:200%;} .fs-240 {font-size:240%;} .fs-270 {font-size:270%;} .fs-300 {font-size:300%;} .fs-400 {font-size:400%;} /*line-height*/ .lh-38p {line-height:38px;} .lh-40p {line-height:40px;} .lh-100 {line-height:100%;} .lh-110 {line-height:110%;} .lh-120 {line-height:120%;} .lh-130 {line-height:130%;} .lh-140 {line-height:140%;} .lh-150 {line-height:150%;} .lh-160 {line-height:160%;} .lh-170 {line-height:170%;} .lh-180 {line-height:180%;} /*font-weight*/ .fw-300 {font-weight:300;} .fw-400 {font-weight:400;} .fw-600 {font-weight:600;} .fw-700 {font-weight:700;} /*other formatting*/ .strikethrough {text-decoration:line-through;} /*colors*/ .text-green {color:#04BFAD;} .bg-gray {background-color:#f8f8f8;} .bdr-color-green {border-color:#04BFAD !important;} /*buttons*/ .btn {border-width:0;border-radius:2rem;padding:.675rem 1.6rem .55rem 1.6rem;line-height:1} .btn.btn-default {background-color:none;border:2px solid #000;color:#000;} .btn.btn-white {background-color:#fff;} .btn-primary, .btn-primary:hover, .btn-primary.disabled, .btn-primary:disabled {color:#0C70F2;background-color:transparent;border:2px solid #0C70F2;} .btn[class*="btn-outline-"] { border-width: 2px} .btn-whatsapp, .btn-whatsapp:hover {color: #fff;background-color: #25d366;} .btn-instagram, .btn-instagram:hover, .btn-instagram.active {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);} .list-filters .btn-outline-secondary, .btn-outline-secondary.btn-white:hover {color: #6c757d;} .select-chevron-down {position:relative;background-color:#ffffff;} .select-chevron-down::before {z-index:0;content:"\f078";font-size:70%;font-family:"Font Awesome 6 Free";font-weight: 900;position:absolute;left:auto;top:1px;right:1px;padding:.55rem .5rem;color:#6c757d} /*.select-chevron-down.rad-end {border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;}*/ .select-chevron-down .form-control, .select-chevron-down .form-control:focus {z-index:1;position:relative;background-color:transparent;padding-right:25px;color:#6c757d;} .input-group .select-chevron-down .form-control {border-radius:0;} .input-group .select-chevron-down:first-child .form-control {border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;} .input-group .select-chevron-down:last-child .form-control {border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;} .input-group .input-group-prepend .input-group-text, .input-group .input-group-append .input-group-text {border-radius:0;} .input-group .input-group-prepend:first-child .input-group-text {border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;} .input-group .input-group-append:last-child .input-group-text {border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;} .list-filters .btn[class*="btn-outline-"] {border:1px solid #ced4da;border-radius:.25rem;} .daterangepicker .ranges li, .daterangepicker .ranges li:hover {font-size:.875em !important;font-weight: 400 !important;color: #212529 !important;text-align: inherit;white-space: nowrap;} .daterangepicker .ranges li.active {color: #212529 !important;background-color:transparent !important} .daterangepicker .ranges li.active:hover {background-color: #e9ecef !important;color: #1e2125 !important;} /*.list-filters .btn {padding-left:20px;padding-right:20px;}*/ .form-control.flx-0015 {flex:0 0 15%} .form-control.flx-0018 {flex:0 0 18%} .form-control.flx-0020 {flex:0 0 20%} .form-control.flx-0025 {flex:0 0 25%} .form-control.flx-0030 {flex:0 0 30%} .form-control.flx-0035 {flex:0 0 35%} .form-control.flx-0040 {flex:0 0 40%} .form-control.flx-0045 {flex:0 0 45%} .form-control.flx-0050 {flex:0 0 50%} .form-control.flx-0055 {flex:0 0 55%} .form-control.flx-0060 {flex:0 0 60%} /*#search-filters .caret-up {position:relative;} #search-filters .caret-up::before {content:"\f0d8";font-size:150%;font-family:"Font Awesome 6 Free";font-weight: 900;position:absolute;left:15%;top: -20px;right: auto;color: #ced4da;}*/ /*margin*/ .mb-0 {margin-bottom: 0 !important;} .mb-025 {margin-bottom: .25rem !important;} .mb-05 {margin-bottom: .5rem !important;} .mb-1 {margin-bottom: 1rem !important;} .mb-2 {margin-bottom: 2rem !important;} .mb-3 {margin-bottom: 3rem !important;} .mb-4 {margin-bottom: 4rem !important;} .mb-5 {margin-bottom: 5rem !important;} .mb-6 {margin-bottom: 6rem !important;} .mb-7 {margin-bottom: 7rem !important;} .mt-0 {margin-top: 0 !important;} .mt-025 {margin-top: .25rem !important;} .mt-05 {margin-top: .5rem !important;} .mt-1 {margin-top: 1rem !important;} .mt-2 {margin-top: 2rem !important;} .mt-3 {margin-top: 3rem !important;} .mt-4 {margin-top: 4rem !important;} .mt-5 {margin-top: 5rem !important;} .mt-6 {margin-top: 6rem !important;} .mt-7 {margin-top: 7rem !important;} .ml-0 {margin-left: 0 !important;} .ml-025 {margin-left: .25rem !important;} .ml-05 {margin-left: .5rem !important;} .ml-1 {margin-left: 1rem !important;} .ml-2 {margin-left: 2rem !important;} .ml-3 {margin-left: 3rem !important;} .ml-4 {margin-left: 4rem !important;} .ml-5 {margin-left: 5rem !important;} .mr-0 {margin-right: 0 !important;} .mr-025 {margin-right: .25rem !important;} .mr-05 {margin-right: .5rem !important;} .mr-1 {margin-right: 1rem !important;} .mr-2 {margin-right: 2rem !important;} .mr-3 {margin-right: 3rem !important;} .mr-4 {margin-right: 4rem !important;} .mr-5 {margin-right: 5rem !important;} /*padding*/ .pl-0 {padding-left:0} .pl-025 {padding-left:.25rem} .pl-05 {padding-left:.5rem} .pl-1 {padding-left:1rem} .pl-2 {padding-left:2rem} .pl-3 {padding-left:3rem} .pr-0 {padding-right:0} .pr-025 {padding-right:.25rem} .pr-05 {padding-right:.5rem} .pr-1 {padding-right:1rem} .pr-2 {padding-right:2rem} .pr-3 {padding-right:3rem} .pt-25 {padding-top:25px} .pt-90 {padding-top:90px} .pb-90 {padding-bottom:90px} .pt-45 {padding-top:45px} .pb-45 {padding-bottom:45px} .pb-0 {padding-bottom: 0 !important;} .pb-025 {padding-bottom: .25rem !important;} .pb-05 {padding-bottom: .5rem !important;} .pb-1 {padding-bottom: 1rem !important;} .pb-2 {padding-bottom: 2rem !important;} .pt-0 {padding-top: 0 !important;} .pt-025 {padding-top: .25rem !important;} .pt-05 {padding-top: .5rem !important;} .pt-1 {padding-top: 1rem !important;} .pt-2 {padding-top: 2rem !important;} .p-0 {padding:0} .p-025 {padding:.25rem} .p-05 {padding:.5rem} .p-1 {padding-:1rem} .p-2 {padding:2rem} .p-3 {padding-:3rem} /*borders*/ .separator-top {border-top:1px solid #e8e8e8;padding-top:25px;margin-top:25px;} .bdr-gray {border:1px solid #e8e8e8;} .bdr-b-0 {border-bottom:0 !important} /*radius*/ .rad-5 {border-radius:5px;overflow: hidden;} .rad-10 {border-radius:10px;overflow: hidden;} .rad-20 {border-radius:20px;overflow: hidden;} .rad-30 {border-radius:30px;overflow: hidden;} /*float*/ .fl {float:left;} .fr {float:right;} /*logo*/ .logo_40 {max-width:40px !important} .logo_48 {max-width:48px !important} .logo_60 {max-width:60px !important} /*list*/ .list-style-disc {list-style: disc;padding-left: 15px;} .list-docs .item {padding-top:7px;margin-top:7px;} .list-docs .item + .item {border-top:1px solid #e8e8e8;} /*form*/ input.error {outline-color:#DB2C2F !important;border-color:#DB2C2F;} input.error::-webkit-input-placeholder {color:#DB2C2F !important;} .form-check-input {cursor:pointer} /*width/height*/ .mxw-768 {width:100vw;max-width:768px;} .mxw-664 {width:100vw;max-width:664px;} .mxw-568 {width:100vw;max-width:568px;} .mxw-558 {width:100vw;max-width:558px;} .mh-144 {min-height:144px !important;} .row-overflow-1 {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .stat-bg-gray {background-color: rgba(102,120,138,0.4);padding: 3px 12px 0 12px;border-radius: 10px;color: #ffffff;font-weight: 400;} /*accordion*/ .accordion-button:not(.collapsed) {color:#000000;background-color:#f8f8f8;} /*navigation*/ nav.navbar {padding-top: .6rem;} nav.navbar.static-top {background-color:transparent;height:90px;} nav.navbar.static-top .navbar-brand {padding-top:0;padding-bottom:0;} nav.navbar.static-top .navbar-brand img {max-height:40px} nav.navbar.static-top li {line-height:1;display:flex;align-items:center;} nav.navbar.static-top li .dropdown-menu li {display:block;} nav.navbar.static-top li + li {margin-left:25px} nav.navbar.static-top a.nav-link {color:#000;font-weight:700;padding:.575rem .75rem .4rem .75rem} nav.navbar.static-top a.nav-link:hover, nav.navbar.static-top a.btn:hover {color:#0C70F2} nav.navbar.static-top a.btn:hover {border-color:#0C70F2} nav.navbar.static-top .navbar-toggler {padding: 0;border: 0;line-height: 100%;font-size: 100%;} nav.navbar.static-top .navbar-toggler .fa-bars {color:#000} nav.navbar.static-top .link-void, .link-void:hover {cursor:text;} /*drag and drop*/ #upload .drag-and-drop {min-height: 144px;border:1px solid rgba(0,0,0,0.05);width: 100%;background-color:rgba(249,249,249,0.5);font-size:140%;font-weight:700;line-height:110%;color:rgba(0,0,0,0.2);cursor:pointer;} #upload .drag-and-drop .upload-info {margin:0 auto;line-height:100%;color:rgba(0,0,0,0.2);padding-left:35px;position:relative;} #upload .drag-and-drop .upload-info h3 {font-size:130%;font-weight:700;margin:0;padding:0;line-height: 100%;} #upload .drag-and-drop .upload-info small {font-size:80%;font-weight:300;color:rgba(0,0,0,0.4)} #upload .drag-and-drop .upload-info::before {font-family: "Font Awesome 6 Free";font-weight: 900;content: "\e09a";font-size:180%;position:absolute;left:0;top:9px;} #upload .upload-spinner {text-align: center;width: 100%;} #upload .form-group {width:100%;} #upload .form-group .btn-group {margin: 0 auto;} #upload .form-group a {color: #0C70F2 !important;} body#home #upload .preview, body#advert #upload .preview, body#campaign #upload .preview {width:100%;height:auto;max-width:1200px;max-height:630px;position:relative;margin-top:55px;border:1px solid rgba(0,0,0,0.075)} body#home #upload .preview .row, body#advert #upload .preview .row, body#campaign #upload .preview .row {position:absolute;top:-55px;z-index:2;} /*partner application*/ #partner-application #upload .preview {position:relative;} #partner-application #upload .form-group a {position: absolute;top:1px;left:1px;font-size: 90%;background-color: rgba(255,255,255,0.75);line-height: 20px;padding: 3px 6px 0 6px;box-shadow: 1px 1px 5px rgba(0,0,0,0.05);} /*home: row */ body#home .wrapper h2 {padding:0;margin:0;font-size:250%;font-weight:700;line-height: 100%;} body#home .wrapper p {margin:0;padding:0;} body#home .wrapper p + p {margin-top:20px;} body#home .wrapper h2 + p, body#home .wrapper p + .btn {margin-top:30px;} body#home .wrapper p + .btn {font-weight:bold;} /*slidehow*/ #slideshow {background-color:#04BFAD;padding-top:90px;padding-bottom:90px;color:#fff;} #slideshow h1 {padding:0;margin:0;max-width:960px;font-size:350%;font-weight:700;line-height: 100%;} #slideshow p {padding:0;margin:0;} #slideshow p.lead {max-width:768px;font-weight:400;font-size:150%;line-height: 120%;margin-top:20px;margin-bottom:30px} #slideshow .btn {font-size:140%;padding:1.2rem 2.3rem .95rem 2.3rem;} #slideshow .btn.text-green:hover {color:#04BFAD;} #slideshow .btn.btn-transparent {color:#fff;cursor:pointer;font-weight:400;} /*create ad*/ body#home #create-ad h2 {margin-bottom:30px;} #create-ad .rad-30 {border:3px solid #E0E1E3;/*padding:40px;*/} #create-ad .option + .option {margin-top:25px;padding-top:25px;border-top:1px solid #E0E1E3} #create-ad .option a {float: left;width:100%;color:#000;} #create-ad .option a b {font-size:140%;} #create-ad .option.active a {color:#04BFAD;} #create-ad .option.active a span {color:#000;} #create-ad .option a i {float: left;font-size: 36px;padding: 12px;border: 2px solid #000;border-radius: 10px;} #create-ad .option.active a i {border-color:#04BFAD;} #create-ad .option a p {float: left;margin-left:20px;line-height:130%;padding-top:25px;} #create-ad .option.active a p {padding-top:15px;} #create-ad .option a span, #create-ad .option a + div {display:none;} #create-ad .option.active a span {display:block;} #create-ad .option.active a + div {display:flex;} #create-ad .option.active a + div {padding:15px 0 25px 84px;} #create-ad .option.active a + div a {width:auto;} #create-ad #template.option.active a + div {/*border-bottom:1px solid rgba(0,0,0,0.05);*/} #create-ad #template.option.active a + div a {float:left;width:12%;font-weight:bold;color:#000;text-align:center;} #create-ad #template.option.active a + div a img {margin-bottom:15px;border:1px solid rgba(0,0,0,0.1)} #create-ad #template.option.active a + div a + a {margin-left:2%;} #create-ad #template.option.active a + div a span {float:left;text-align:center;} #create-ad #template.option.active a + div a:hover span {color:#0C70F2;} #create-ad #template.option.active a + div a span i {width:100px;margin-bottom:10px;line-height:70px;color:rgba(102,120,138,0.75);background-color:#f3f3f3;border: 1px solid rgba(102,120,138,0.2);} #create-ad #template.option.active a + div a:hover i {background-color:#0C70F2;border-color:#0C70F2;color:#fff;} #create-ad #blank.option.active a + div a {color:#0C70F2} #create-ad #blank.option.active a + div {border-bottom:0;padding-bottom:0;} body#home .btn.btn-primary {/*padding: .675rem 1.6rem;*/} body.account #navigation.container-fluid {border-bottom: 1px solid #e8e8e8;} body.account #navigation.container-fluid .container {max-width: 100%;} body.account #navigation.container-fluid nav.navbar.static-top {height:auto;} body.account #navigation.container-fluid nav.navbar .navbar-brand img {max-height:32px} body.account #navigation .navbar-collapse a {line-height:1;} body.account nav.navbar.static-top a.nav-link {border: 2px solid transparent;} body.account #navigation .navbar-collapse a.btn {padding:.5rem 1.6rem .4rem 1.6rem;} /*partners*/ /*#partners img {border:1px solid rgba(0,0,0,0.1)}*/ #partners .list {padding:45px;border: 1px solid rgba(0,0,0,0.1);} #partners .list .item {padding-top:15px;padding-bottom:15px;min-height:70px;} #partners .list .item img {border:0;max-height: 65px} /*footer*/ #footer {background-color:#f8f8f8;padding-top:90px;padding-bottom:90px;font-size:90%;border-top:1px solid rgba(0,0,0,0.05);} #footer .row + .row {margin-top:90px;} #footer ul, #footer ul li {padding:0;margin:0;list-style:none;} #footer ul li a {color:#444;} #footer ul li a:hover {color:#000;} /*modal*/ #modal {position:fixed;width:100vw;height:100vh;z-index:4;left:0;top:0;/*opacity:1;*/display:none;background:rgba(0,0,0,0.75);} #modal .inner {position:absolute;right:0;top:0;min-width:568px;height:100vh;padding-left:35px;} .spinner {height:100vh;width:100%;position: absolute;top: 0;left: 0;} .spinner .fa-spin {color:#04BFAD} #modal a.btn-close {font-size: 120%;position: absolute;left: -15px;top: 25px;background: #ffffff;line-height: 100%;padding: 7px;text-align: center;color: #000000;border-radius: 50%;opacity:1;z-index:9;} #modal .content {width:100%;max-width:1070px;padding:30px 15px;height:100vh;overflow-x: hidden;overflow-y: scroll;background-color: #fff;} #modal .row.title + .row {margin-top:30px;} #modal .row.title h3 {font-size:180%;line-height:1;margin:0;margin-bottom: 15px;} #modal .row.title h3 + p {line-height:120%;margin:0;} /*#modal .content .mxw-768 {width:100vw;max-width:768px;} #modal .content .mxw-664 {width:100vw;max-width:664px;} #modal .content .mxw-558 {width:100vw;max-width:558px;}*/ #modal .inner.full-screen {width:100%;padding:0;} #modal .inner.full-screen .content {padding:0;max-width:100%;} #modal .inner.full-screen .btn-close {display:none;} /*Account: sidebar navigation*/ #page-navigation {min-height:100vh;background:#fff;border-right: 1px solid rgba(0,0,0,0.05)} #page-navigation a.navbar-brand img {max-width:164px;} #page-navigation .navbar {display: block !important;padding: 0;margin: 25px 0;} #page-navigation .navbar .container {padding: 0 10px;} #page-navigation .collapse {margin-top:30px;border-top:1px solid rgba(0,0,0,0.05);padding:30px 10px;} #page-navigation .collapse ul.navbar-nav {display:block;} #page-navigation ul.navbar-nav, #page-navigation .navbar-nav ul li {list-style:none;padding:0;margin:0;} #page-navigation ul.navbar-nav li + li {margin-left:0;margin-top:20px;} #page-navigation ul.navbar-nav li a {font-weight:400;color:#66788A} #page-navigation ul.navbar-nav li a.dropdown-toggle::after {display:none;} #page-navigation ul.navbar-nav li a + ul.dropdown-menu {display:none;position:relative;border:0;padding:0;margin:0;} #page-navigation ul.navbar-nav li a + ul.dropdown-menu li {padding:0;margin:0;padding-left:28px;} #page-navigation ul.navbar-nav li a + ul.dropdown-menu li a {padding:0;} #page-navigation ul.navbar-nav li a + ul.dropdown-menu li a:hover {background:transparent;color:#000;} #page-navigation ul.navbar-nav li a i {margin-right:10px} #page-navigation ul.navbar-nav li a.active, #page-navigation ul.navbar-nav li a.open {color:#000000} #page-navigation ul.navbar-nav li a.active + ul.dropdown-menu, #page-navigation ul.navbar-nav li a.open + ul.dropdown-menu {display:block;z-index:0} /*Account: user navigation*/ #user.btn-group button, #user.btn-group button:hover {color:#66788A;border:0;padding:0;background:transparent;line-height:1;display: flex;align-items: center;} #user.btn-group .link-void, #user.btn-group .link-void:hover {background:transparent;} #user.btn-group .dropdown-toggle i {font-size:180%;} #user.btn-group .dropdown-toggle::after {font-family: "Font Awesome 6 Free";font-weight: 900;content: "\f078";font-size:70%;line-height: 1;margin-left:7px;vertical-align:top;border-top:0;border-right: 0;border-bottom: 0;border-left:0;} #user.btn-group .dropdown-menu li a {font-weight:400;color:#66788A} #user.btn-group .dropdown-menu li a:hover {background:transparent;color:#000;} #user.btn-group .dropdown-menu li a b {color:#000;} /*Account: user navigation: frontend*/ ul#public.navbar-nav #user.btn-group .dropdown-menu {left:-114px} ul#public.navbar-nav #user.btn-group .dropdown-menu li + li {margin-left:0;} /*Account: page-content*/ #page-content.container-fluid {padding-top:45px;padding-bottom:90px;height: 100%;width:100%;display:flex;} #page-content .container-white {padding:35px 25px;background-color: #fff;border-radius:10px;border:1px solid #e8e8e8} .container-fluid > .container:first-child, nav.navbar.static-top .container {/*padding-left:0;padding-right:0;*/} .text-rows-1 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .text-rows-2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} /*Account: page-header*/ #page-content #page-header {margin-bottom:25px} #page-content #page-header h1 {line-height:1;margin:0;padding:0;} #page-content #page-header h1 + p {margin:0;padding:0;line-height:120%;} #page-content #page-header + section {margin-top:25px;} #page-content #page-header .icon {padding-left:60px;position:relative;} #page-header #options.btn-group .btn {padding:0 25px;line-height:30px;} #page-header #options.btn-group .btn + .btn {border-left:0;} #page-header #aoptions.btn-group .btn {border-right-width:1px;} #page-header #options.btn-group .btn:last-child {border-right-width:2px;} /*account: page title icons*/ .icon::before {font-family: "Font Awesome 6 Free";font-weight: 900;line-height: 30px;vertical-align:top;position: absolute;left: 15px;font-size: 140%;width: 34px;text-align: center;top: 7px;} .icon.circled::before {border-width:2px;border-style:solid;border-radius: 50%;font-size: 110%;} .success::before {content: "\f00c";border-color:#04BFAD;color: #04BFAD;} .exclamation::before {content: "\21";border-color: #ffc107;color: #ffc107;} .paper-plane::before {content: "\f1d8";border-color: #04BFAD;color: #04BFAD;} .rocket::before {content: "\f135";border-color: #04BFAD;color: #04BFAD;} #modal .title {position:relative;} #modal .title .icon {padding-left:40px} #modal .title .icon::before {left:0;} /*User: sign in*/ body#user #form-signin {height:100vh;display:flex;align-items:center;} body#user #footer {display:none;} body#user #form-signin .container {max-width: 450px;border: 1px solid #DADCE0;border-radius: 10px;padding: 60px 45px;position: relative;} body#user #form-signin .logo_40 {margin-bottom:25px} body#user #form-signin h1 {font-weight:300;font-size:180%;line-height:100%;margin-bottom:25px;} body#user #form-signin .sign-footer {font-size:80%;position: absolute;right: 15px;bottom: -30px;color:#5F6368;width:100%} body#user #form-signin .sign-footer a {color:#5F6368;} #redirect {min-height:100vh;} /*images*/ .thumb-w75 {max-width:75px;height:auto} .thumb-h20 {max-height:20px;width:auto} /*audience*/ .audience-list .list-item {padding:20px 5px;border-radius:10px;border:1px solid #e8e8e8;margin:0;} .audience-list .list-item + .list-item {margin-top:15px;} .audience-import #upload .drag-and-drop {min-height:400px;border-radius:10px} .audience-list .list-item a {color:#000000;font-weight:400;float: left;width: 100%;} .audience-list .list-item a:hover {color:#0C70F2} .audience-list .list-item a.dropdown-toggle {color:#0C70F2;font-size:90%} /*.audience-list .list-item small {background-color:rgba(102,120,138,0.4);padding: 3px 12px 0 12px;float: right;border-radius: 10px;color: #ffffff;font-weight: 400;}*/ .audience-list .list-item img.thumb {max-height:25px;} .audience-list .list-item a .fa-pen-to-square {color:#0C70F2} .partners-list .list-item img {max-height:30px;/*max-width:175px*/} .partners-list .list-item {padding: 20px 0;border-radius: 10px;border: 1px solid #e8e8e8;margin: 0;width:48%;margin-bottom: 15px;float: left;text-align: center;min-height: 72px;} .partners-list .list-item:nth-child(2n) {margin-left:4%;} .payment-info {float:left;width:100%;} .payment-info img {max-width:70px;} .payment-info img + img{margin-left:25px;} #modal input#email + #button-addon2 {background-color:#0C70F2;border:0;border-radius:.25rem;border-top-left-radius: 0;border-bottom-left-radius: 0;color:#fff;} #navigation.container-fluid {background:#ffffff;} /*about*/ body.public #navigation + .container {margin-top: 45px;margin-bottom: 75px;} /*ad share preview*/ body.nav-d-none #navigation, body.nav-d-none #footer {display:none;} body.nav-d-none #navigation + .container {margin-top:45px;margin-bottom:45px;max-width:664px;} .ad-share-preview .navigation {font-size:150%;} .ad-share-preview .navigation a {float:left;width:45px;color:#fff;border-radius:50%;text-align:center;padding:0;line-height:100%;} .ad-share-preview .navigation a i {line-height:45px;} .ad-share-preview .navigation a + a {margin-left:15px;} #advert-list #list-table.list-group {display:block;} #advert-list #list-table .list-group-item div.w-15 {padding: 0;width: 100%;border: 1px solid rgba(0,0,0,0.05);border-radius: .25rem;box-shadow: 1px 1px 10px rgba(0,0,0,0.1);} #advert-list #list-table .list-group-item div.thumb img {border:0;border-radius: .25rem;} #advert-list #list-table .list-group-item {width: 30%;float: left;border: 0;padding: 0;position: relative;margin-bottom: 35px;background: none;margin-left:5%;max-width:380px} #advert-list #list-table .list-group-item:first-child, #advert-list #list-table .list-group-item:nth-child(3n+1) {margin-left:0;} #advert-list #list-table .list-group-item div.w-85 {width: 100%;position: relative;padding-top: 5px;} #advert-list #list-table .list-group-item div.w-85 small {margin-top:0;} #advert-list #list-table .list-group-item div small font.text-default {color:rgba(30, 31, 68);font-weight:400} #advert-list #list-table .list-group-item .dropdown {z-index:1;top:0;bottom:0;position: absolute;right: 0;} #campaign-list #list-table {display:block} #campaign-list #list-table .list-group-item {padding: 0;width:46%;float:left;margin-bottom:4%;margin-right:4%;min-height: 156px;} #campaign-list #list-table .list-group-item + .list-group-item {} /*#campaign-list #list-table .list-group-item div.thumb img {border:0;border-right:1px solid rgba(0,0,0,0.08);border-top-left-radius: .25rem;border-bottom-left-radius: .25rem;} #campaign-list #list-table .list-group-item {border-radius: .25rem;margin-bottom:15px;border: 1px solid rgba(0,0,0,0.05);box-shadow: 1px 1px 4px rgba(0,0,0,0.03);} #campaign-list #list-table .list-group-item div.w-85 {position:relative;} #campaign-list #list-table .list-group-item div.w-85 small:first-child {margin-top:0;}*/ .reach {margin-top:7px;} .reach span {float:left;width:45px;color:#fff;border-radius:50%;text-align:center;padding:0;line-height:100%;font-size:150%;margin-right:7px} .reach span i {line-height:45px;} .reach span + div {line-height:1.2} .disabled { pointer-events: none; } .pagination a, .pagination strong {padding:0 7px;line-height:130%;} .pagination strong {color:#aaa;} .csv-import #upload .drag-and-drop {min-height:300px;border-radius:.25rem;} .csv-import .alert {margin:-75px 15px 0 15px} .carousel .carousel-control-prev-icon, .carousel .carousel-control-next-icon {border: 10px solid #555555;padding: 10px;background-color: #555555;border-radius: 50%;} .contact-list .list-item + .list-item {border-top:1px solid #e8e8e8;} @media (min-width:992px) { /*home: row*/ /* #why-incentivad .col-md-6:first-child, #how-it-works .col-md-6:first-child, #partners .col-md-6:first-child, #pricing .col-md-6:first-child, #potential-reach .col-md-6:first-child {padding-right:30px} #why-incentivad .col-md-6 + .col-md-6, #how-it-works .col-md-6 + .col-md-6, #partners .col-md-6 + .col-md-6, #pricing .col-md-6 + .col-md-6, #potential-reach .col-md-6 + .col-md-6 {padding-left:30px}*/ } @media (max-width:991px) { /*home*/ #slideshow {padding-top: 45px;padding-bottom: 45px;} #slideshow h1 {font-size: 270%;} body#home .wrapper h2 {font-size: 200%;} #create-ad .rad-30 {padding:25px;} #create-ad .option a i,#create-ad .option.active a i {padding: 7px;width:auto;} #create-ad .option a p, #create-ad .option.active a p {margin-left:4%;width:77%;padding-top:7px;} #create-ad .option a + div, #create-ad .option.active a + div {margin-top: 25px;width:100%;padding:0;float: left;} #create-ad #template.option.active a + div a {padding-bottom:15px;width: 100%;} #create-ad #template.option.active a + div a span i {margin-bottom: 3px;width: 100%;min-width:55px;line-height:auto;} #upload .drag-and-drop .upload-info h3 {font-size: 100%;} /*body#home .container.pt-90.pb-90, body#home .container-fluid.pt-90.pb-90 {padding-top:45px;padding-bottom:45px;}*/ body#home .container.pt-90.pb-90 img.img-fluid.rad-20, body#home .container-fluid.pt-90.pb-90 img.img-fluid.rad-20 {margin-bottom:25px} body#home .wrapper h2 + p, body#home .wrapper p + .btn {margin-top: 15px;} #partners .list {margin-bottom:25px;padding:15px 25px;} #footer {padding-top: 45px;} #footer .row + .row {margin-top:45px;} /*modal*/ #modal a.btn-close {padding:8px;font-size:130%;background:rgba(0,0,0,1);color:#fff;z-index: 9;left:5px;top: 15px;} #modal .inner {left:0;width:100vw;min-width:100vw;/* padding-left: 35px; */} #modal .content {max-width: 100%;overflow-x: hidden;padding:20px 0 60px 0;} #modal .content .container[class*="mxw-"] {width: 100%;max-width: 100%;} /*nav*/ .btn {padding: .775rem 1.6rem .55rem 1.6rem;} nav.navbar.static-top {height:auto;padding-top:0;padding-bottom:0;} nav.navbar.static-top .navbar-brand {line-height:60px;} nav.navbar .navbar-brand img {max-height:32px} nav.navbar .navbar-collapse {padding-bottom: 25px;border-top: 1px solid #e8e8e8;padding-top: 15px;} nav.navbar.static-top li, nav.navbar.static-top li + li, #user.btn-group button, #user.btn-group button:hover {margin-left:auto;} nav.navbar.static-top li:last-child {margin-top:10px} nav.navbar.static-top a.nav-link {padding-left:0;padding-right:0} nav.navbar #user.btn-group {display:block} nav.navbar.static-top .navbar-toggler {font-size:110%;} #page-content .container-white {padding: 15px 0;} #page-content .container-white #ad-options.btn-group .btn {padding:.375rem 1rem} #page-content #page-header h1 {font-size: 180%;} #page-content #page-header h1 + p {margin-top:7px} #modal .row.title h3 {font-size:160%} body#ad #navigation + .container, body#ad .container.ad-view {margin-top:15px;margin-bottom:15px} .reach .col-6 {margin-bottom:15px} .text-replace-ctr {position:relative;} .text-replace-ctr span {display:none;} .text-replace-ctr:after {content:'CTR';position: absolute;top: 0;left: calc(var(--bs-gutter-x) * .5);} #how-it-works .row .col-12, #pricing .row .col-12 {margin-bottom:2rem} #how-it-works .row .col-12:last-child, #pricing .row .col-12:last-child {margin-bottom:0} } @media (max-width:767px) { /*user*/ body#user #form-signin .container {padding:25px;} body#user #form-signin .container .mb-6 {margin-bottom:3rem !important;} body#user #form-signin .container .mb-6 + .form-group .col-12 {text-align: center !important;} body#user #form-signin .sign-footer {font-size: 70%;} .container-fluid > .container:first-child, nav.navbar.static-top .container {padding-left:5px;padding-right:5px;} } /*additions: 20230228*/ /*#slideshow {background-color: #ffffff;color:#000;} #slideshow h1, #slideshow a {color: #0C70F2;} #slideshow h1 + p.lead {margin-top:15px;line-height:150%;color:#444444} #slideshow a.btn.btn-transparent {color: #04BFAD;} #slideshow a.btn.text-green, #slideshow a.btn.text-green:hover {background-color: #0C70F2;color: #ffffff;padding: 1rem 2.3rem .85rem 2.3rem;} #slideshow a.btn.btn-transparent {color: #0C70F2;padding: 1rem 2rem .85rem 2rem;} .bg-green {background-color: #04BFAD;} #create-ad .rad-30.bg-green {color:#fff;border:0;} #create-ad .rad-30.bg-green a, #create-ad .rad-30.bg-green a span {color:rgba(0,0,0,0.35);} #create-ad .rad-30.bg-green a i {border-color:rgba(0,0,0,0.35);} #create-ad .rad-30.bg-green .option.active a, #create-ad .rad-30.bg-green .option.active a p>* {color:rgba(255,255,255,1);} #create-ad .rad-30.bg-green .option.active a i {border-color:rgba(255,255,255,1);} #create-ad .rad-30.bg-green #template.option.active a + div a span {color:rgba(255,255,255,0.75);} #create-ad .rad-30.bg-green #template.option.active a + div a span i {background-color:rgba(255,255,255,0.2);border:0;color:#fff} #create-ad .rad-30.bg-green #template.option.active a + div a:hover span {color:#fff;} #create-ad .rad-30.bg-green #template.option.active a + div a:hover span i {background-color:#0C70F2;color:#fff} #create-ad .option + .option {border-top: 1px solid rgba(0,0,0,0.065);} #create-ad .rad-30.bg-green #upload.option.active .drag-and-drop {background-color: rgba(249,249,249,0.25);}*/ /* #slideshow {background-color:#fff;color:#000;} #slideshow a {color:#000 !important;} #slideshow a.btn.text-green {border: 2px solid #000;} #create-ad .option.active a {color:#000 !important;} #create-ad .option.active a i {border-color: #000;} .container .rad-30 a {color:#000 !important;} .container .rad-30 a {border-color: #000;}*/ /*.canvas-container {width:100% !important;height:100% !important;}*/ #campaign-result .icon-border-50 {/*border: 1px solid #333;*/border-radius: 50%;width: 45px;text-align: center;margin-right:5px;background-color:#f8f8f8;} #campaign-result .icon-border-50::before {line-height: 45px;} #slideshow .btn {margin-left:auto;margin-right:auto;width:100%;max-width: 270px;} #slideshow .btn-primary {color:#ffffff;border-color:#ffffff;padding:1rem 2.3rem .9rem 2.3rem;} #slideshow .btn + .btn {margin-top:15px;} @media (min-width:568px) { #slideshow .btn {width:auto;} #slideshow .btn + .btn {margin-left:15px;margin-top:0;} } @media (max-width:567px) { #slideshow {text-align:center;} } #how-it-works .hiw-item {border:2px solid #E0E1E3;border-radius:20px;} #how-it-works .hiw-item i {background-color:#04BFAD;color:#fff;border-radius:50%;padding:25px;width:auto;} @media (max-width:767px) { #how-it-works .hiw-item i.fs-240 {font-size:180% !important;} } @media (max-width:991px) { #how-it-works .hiw-item {border:0;width:100%;} #how-it-works .hiw-item.p-5 {padding-top:0 !important;padding-bottom:0 !important;} }