body {background:#fff; color:#888; font:17px "montserrat", arial, sans-serif; display:none; position:relative;}
a, a:hover, a:focus {text-decoration:none; color:#4f74bf; outline:0;}
.wordwrap {word-wrap:break-word;}
::-webkit-input-placeholder {color:#bbb !important;}
:-moz-placeholder {color:#bbb !important;}
::-moz-placeholder {color:#bbb !important;}
:-ms-input-placeholder {color:#bbb !important;}

/* Viewport Settings */
@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

h1,h2,h3,h4,h5,h6 {margin-top:0; color:#000; font-weight:bold; -webkit-margin-before:0; -webkit-margin-after:0;}
p {margin-top:0;}
button {cursor:pointer}
button:focus {outline:none;}
div:focus {outline:none;}
.text-muted, .invalid-feedback {font-size:75%}
.form-text {margin-top:0 !important;}
.button {display:block; color:#fff; font-size:15px; font-weight:bold; border-radius:20px; height:44px; line-height:44px; border:1px solid #ff6d0e; background:#ff6d0e;}
.button:hover, .button:focus {border:1px solid #fc6300; background:#fc6300; color:#fff;}
.button-active {border:1px solid #4d92ce; background:#4d92ce;}
.button-active:hover, .button-active:focus {border:1px solid #408aca; background:#408aca;}

.form .icon-prepend {position:absolute; top:6px;left:5px; width:24px; height:24px; font-size:15px; line-height:24px; text-align:center; color:#a6a6a6; background:#f7f7f7; padding-right:4px;}
.form .icon-prepend+input,
.form .icon-prepend+textarea {padding-left:37px}
input, .form textarea, select {background:#f7f7f7 !important; border:1px solid #ced4da; border-radius:0 !important; font-size:15px !important; color:#666 !important;}
input:focus, textarea:focus {outline:none; background:#f7f7f7 !important; border:1px solid #4d92ce !important; box-shadow:0 0 5px #4d92ce !important;}
textarea {resize:none;}
label {display:block;position:relative;font-weight:400;margin:0;padding:0 !important;}
button.submit {padding:1px 30px; display:inline-block;}
.form .row > div {margin-bottom:1em !important;}
.form .checkbox {line-height:0 !important;}
.form a {font-size:15px;}

.icheckbox_minimal-aero,
.iradio_minimal-aero {padding:10px !important; margin-right:5px !important;}

a.arrow {position:absolute; color:#ddd; font-size:50px; line-height:50px;}
a.arrow-left {left:10px;}
a.arrow-right {right:10px;}

#browser-support {margin:8% auto; padding:35px; width:400px; background:#fff; font-weight:bold;}

#header-index {width:100%; height:100vh; position:relative; background-repeat:no-repeat; background-size:cover; background-position:top center; background-image:url('https://www.adreactor.com/img/index-main-large.jpg');}
#header-index a.scroll {position:absolute; bottom:10px; left:0; right:0; max-width:100%; max-height:100%; margin:auto; width:22px; height:54px;}
#header-index img.scroll {width:22px; height:54px;}
#header-index a.arrow {top:calc(50vh - (50px / 2)); z-index:10;}

#header-page {height:400px; background-repeat:no-repeat; background-size:cover; background-position:top center;}
#header-page-content {max-width:1200px; height:400px; text-align:center; margin:0 auto;}
#header-page-content h1 {font-size:4vw; color:#fff;}
header.contact {background-image:url('https://www.adreactor.com/img/contact-large.jpg');}
header.newsletter {background-image:url('https://www.adreactor.com/img/contact-large.jpg');}
header.publishers {background-image:url('https://www.adreactor.com/img/publishers-large.jpg');}
header.advertisers {background-image:url('https://www.adreactor.com/img/advertisers-large.jpg');}
header.about-us {background-image:url('https://www.adreactor.com/img/about-us-large.jpg');}
header.join {background-image:url('https://www.adreactor.com/img/register-large.jpg');}
header.news {background-image:url('https://www.adreactor.com/img/about-us-large.jpg');}
header.privacy {background-image:url('https://www.adreactor.com/img/about-us-large.jpg');}

#menu {text-align:center; width:100%; position:fixed; z-index:20;}
#menu div.transition {-webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}

#menu div.wrap {padding:15px; background:rgba(0,0,0,0);}
.menu-show {background:rgba(0,0,0,0.5) !important;}

#menu-left a.logo-link {display:block; line-height:44px;}
#menu-left img.logo {width:205px; height:38px;}

#menu-center ul {margin:0; padding:0;}
#menu-center li {display:inline-block; list-style-type:none; padding:0; margin:0 15px;}
#menu-center a {color:#fff; line-height:44px; font-size:16px; font-weight:bold;}
#menu-center a:hover {border-bottom:2px solid #fff;}

#menu-right ul {margin:0; padding:0;}
#menu-right li {display:inline-block; list-style-type:none; padding:0; margin:0;}
#menu-right li:first-child {margin-right:15px;}
#menu-right a {width:100px;}
#menu-right a.login {background:transparent; border:1px solid #fff;}

#menu-right-small {position:relative; z-index:22; display:none;}
#menu-right-small a {font-size:30px; line-height:30px; color:#fff;}

#menu-small {position:relative; background:rgba(0,0,0,0.6); text-align:right; padding:0 10px 1px 0; z-index:22; display:none;}
#menu-small ul {margin:0; padding:0;}
#menu-small li {display:block; list-style-type:none; padding:0; margin:0 0 18px 0;}
#menu-small a {color:#fff; font-size:18px;}

#header-index-content {max-width:1200px; height:100vh; text-align:center; margin:0 auto;}
#header-index-content h1 {font-size:4vw; color:#444;}
#header-index-content p {color:#444; font-size:20px; margin-bottom:0px; font-weight:bold;}
#header-index-content div.wrap {padding:0 40px; margin-bottom:10px;}
#header-index-content ul {margin:0; padding:0;}
#header-index-content li {display:inline-block; list-style-type:none; padding:0; margin:0;}
#header-index-content li.advertisers {margin-right:40px;}
#header-index-content a {width:150px;}

section {width:100%;}
section h2 {font-size:40px;}
section div.container {max-width:1200px; padding:0 20px; text-align:center; margin:0 auto;}
section > div.container > div.row {padding-top:10vh;}
section > div.container > div.row:last-child {padding-bottom:10vh;}
section hr.divider {width:50px; border:none; height:4px; background-color:#e5e5e5; margin:25px auto;}
section .big-blue {color:#4d92ce; font-size:30px;}
section .big-white {color:#fff; font-size:30px;}
section .big-black {color:#000; font-size:20px;}

section ul.join {margin:0; padding:0;}
section ul.join li {display:inline-block; list-style-type:none; padding:0; margin:0;}
section ul.join a {width:200px; text-align:center;}
section ul.join a.login {background:transparent; border:1px solid #fff;}
section div.circle {width:100px; height:100px; border-radius:50px; background-color:#4d92ce; color:#fff; font-size:50px; line-height:100px; margin:0 auto;}
section h4 {margin:20px 0;}

#reach {height:436px; background-repeat:no-repeat; background-size:cover; background-position:top center; background-image:url('https://www.adreactor.com/img/index-reach-large.jpg');}
#reach h2, #reach p, #reach hr {color:#fff;}
#reach div.container {height:436px;}
#reach > div.container > div.row {padding:0;}

/*#news {height:570px; background-repeat:no-repeat; background-size:cover; background-position:top center; background-image:url('https://www.adreactor.com/img/index-news-large.jpg'); position:relative;}*/
#news {background:#f7f7f7; position:relative;}
#news a.more {width:160px; margin:0 auto;}
#news a.arrow {top:calc(50% - (50px / 2));}
#news img {margin:0 auto;}

#publisher-main h4 {margin:20px 0;}
#publisher-reasons {background:#f7f7f7;}

#page form {text-align:left;}
#page div.container ul.buttons {margin:0; padding:0;}
#page div.container li.regbutton {display:inline-block; list-style-type:none; padding:0; margin:0;}
#page div.container li.advertisers {margin-right:40px;}
#page div.container li.regbutton a.button {width:150px;}
#page button.add {color:#fff; font-size:14px; font-weight:bold; border-radius:20px; padding:1px 10px; height:30px; border:0; background:#4d92ce;}
#page button.add:hover {background:#408aca;}

#contact-form {text-align:left; display:block !important;}
#newsletter-form {text-align:left; display:block !important;}
#newsletter-form a.unsubscribe:hover {border-bottom:1px solid #4f74bf;}
#unsubscribe-form {text-align:left; display:block !important;}

#footer {width:100%; background:#000;}
#footer div.container {max-width:1200px; padding:20px;}
#footer p {color:#5f5f5f; margin:10px 0;}
#footer ul.social {margin:10px 0; padding:0;}
#footer li.social {display:inline-block; list-style-type:none; padding:0; margin-right:10px;}
#footer li:last-of-type {margin:0;}
#footer a.circle {display:block; width:46px; height:46px; line-height:48px; border-radius:23px; background-color:#5f5f5f; color:#000; font-size:27px; text-align:center;}
#footer a.circle:hover {background-color:#575757;}

@media (max-height:435px) {
    #reach {height:100vh;}
    #reach div.container {height:100vh;}
    #header-page {height:100vh;}
    #header-page-content {height:100vh;}
}
/* Iphone 5 */
@media (max-height:321px), (max-width:321px) {
    #header-index img.scroll {display:none;}
}
@media (max-width:479px) and (max-height:852px), (max-width:852px) and (max-height:479px) {
    body {font-size:16px;}
    a.arrow {display:none;}

    .text-muted, .invalid-feedback {font-size:80%}

    #header-index {background-image:url('https://www.adreactor.com/img/index-main-small.jpg');}
    #header-index-content div.wrap {padding:0 20px;}
    #header-index-content p {font-size:16px;}
    #header-index-content a {font-size:14px; width:130px; height:40px; line-height:40px;}
    #reach {background-image:url('https://www.adreactor.com/img/index-reach-small.jpg');}
    #partners img.partner {margin-bottom:15px;}

    header.contact {background-image:url('https://www.adreactor.com/img/contact-small.jpg');}
    header.newsletter {background-image:url('https://www.adreactor.com/img/contact-small.jpg');}
    header.publishers {background-image:url('https://www.adreactor.com/img/publishers-small.jpg');}
    header.advertisers {background-image:url('https://www.adreactor.com/img/advertisers-small.jpg');}
    header.about-us {background-image:url('https://www.adreactor.com/img/about-us-small.jpg');}
    header.join {background-image:url('https://www.adreactor.com/img/register-small.jpg');}
    header.news {background-image:url('https://www.adreactor.com/img/about-us-small.jpg');}
    header.privacy {background-image:url('https://www.adreactor.com/img/about-us-small.jpg');}

    #page div.container li.advertisers {margin-right:10px;}
    #page div.container li a.button {font-size:14px; width:130px !important;}
}

@media (max-width:1023px) {
    #menu div.wrap {padding:10px;}

    #menu-left {height:30px;}
    #menu-left a.logo-link {line-height:30px;}
    #menu-left img.logo {width:auto; height:30px;}

    #menu-center {display:none;}
    #menu-right {display:none;}

    #menu-right-small {display:block;}

    #header-index-content h1 {font-size:30px;}
    #header-index-content li.advertisers {margin-right:20px;}
    #header-page-content h1 {font-size:30px;}

    #partners img.partner {margin-bottom:15px;}

    #footer p {text-align:center}
    #footer ul.social {text-align:center}
    #footer div.container {flex-direction:column;}
}

@media (min-width:1023px) {
    #menu-small {display:none !important;}
}

.ajax-loading {width:100%; text-align:center;}
.ajax-loading i.fa-spinner {font-size:30px;}
.ajax-loading-small i.fa-spinner {font-size:17px; color:#666; text-shadow:none;}

#back-to-top {position:fixed; right:20px; bottom:20px; z-index:1001; width:45px; height:45px; display:block; background:#ee5400; font-size:16px; text-align:center; line-height:45px; border-top-right-radius:3px; border-top-left-radius:3px; border-bottom-right-radius:3px; border-bottom-left-radius:3px; cursor:pointer;}
#back-to-top:hover {text-decoration:none;}
#back-to-top i {color:#fff;}

.select2-selection {height:36px !important; background:#f7f7f7 !important; border:1px solid #ced4da !important; border-radius:0 !important; color:#666 !important;}
.select2-selection:focus {outline:none; border:1px solid #4d92ce !important; box-shadow:0 0 5px #4d92ce !important;}
.select2-selection__rendered {font-size:15px; line-height:36px !important;}
.select2-selection__arrow {height:36px !important; line-height:36px !important;}
.select2-selection__placeholder {color:#bcbcbc !important;}
.select2-dropdown {font-size:15px; border:1px solid #ced4da; border-radius:0; color:#666;}

/* Timeline */
.main-timeline {overflow:hidden; position:relative;}
.main-timeline:before {content:""; width:3px; height:100%; background:#d6d5d5; position:absolute; top:0; left:50%;}
.main-timeline .timeline {position:relative;}
.main-timeline .timeline:before,
.main-timeline .timeline:after {content:""; display:block; width:100%; clear:both;}
.main-timeline .timeline:first-child:before,
.main-timeline .timeline:last-child:before {content:""; width:13px; height:13px; border-radius:50%; border:2px solid #d6d5d5; background:#fff; margin:0 auto; position:absolute; top:0; left:0; right:-3px;}
.main-timeline .timeline:last-child:before {top:auto; bottom:0;}
.main-timeline .timeline-icon {width:18px; height:18px; border-radius:50%; background:#fff; border:2px solid #d6d5d5; box-sizing:content-box; margin:auto; position:absolute; top:0; left:0; bottom:0; right:-4px;}
.main-timeline .timeline-icon:before {content:""; display:block; width:8px; height:8px; border-radius:50%; background:#4d92ce; margin:auto; position:absolute; top:0; left:0; bottom:0; right:0;}
.main-timeline .year {display:inline-block; padding:0 20px; margin:0; text-align:center; position:absolute; top:50%; right:39%; transform:translateY(-50%); line-height:30px; }
.main-timeline .timeline-content {width:46.5%; padding:15px; background:#f7f7f7; border:1px solid #f7f7f7; border-radius:5px; position:relative; text-align:right;}
.main-timeline .timeline-content:after {content:""; border-left:15px solid #f7f7f7; border-top:15px solid transparent; border-bottom:15px solid transparent; position:absolute; top:50%; right:-15px; transform:translateY(-50%);}
.main-timeline .description {margin:0; clear:both;}
.main-timeline .timeline:nth-child(2n) .year {right:auto; left:39%;}
.main-timeline .timeline:nth-child(2n) .timeline-content {float:right; text-align:left; margin-right:-3px;}
.main-timeline .timeline:nth-child(2n) .timeline-content:after {border-left:none; border-right:15px solid #f7f7f7; right:auto; left:-15px;}

@media only screen and (max-width:1200px) {
    .main-timeline .year {right:37%;}
    .main-timeline .timeline:nth-child(2n) .year {left:37%;}
}
@media only screen and (max-width:990px) {
    .main-timeline .year {right:32%;}
    .main-timeline .timeline:nth-child(2n) .year {left:32%;}
    .main-timeline .timeline-content {margin-left:-10px;}
    .main-timeline .timeline:nth-child(2n) .timeline-content {margin-right:-13px;}
}
@media only screen and (max-width:767px) {
    .main-timeline:before {left:10px;}
    .main-timeline .timeline {padding:0 0 0 30px; margin-bottom:20px;}
    .main-timeline .timeline:last-child {margin-bottom:0;}
    .main-timeline .timeline:first-child:before,
    .main-timeline .timeline:last-child:before {display:none;}
    .main-timeline .timeline-icon {margin:0; position:absolute; top:7px; left:0;}
    .main-timeline .year,
    .main-timeline .timeline:nth-child(2n) .year {display:block; font-weight:bold; margin:0 0 20px 0px; z-index:1; position:relative; top:auto; left:auto; right:auto; transform:none;}
    .main-timeline .timeline:nth-child(2n) .year:before {border-left:none; border-right:18px solid #4d92ce; right:auto; left:-18px;}
    .main-timeline .timeline-content {padding:20px;}
    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(2n) .timeline-content {width:auto; float:none; margin:0; text-align:center;}
    .main-timeline .timeline-content:after,
    .main-timeline .timeline:nth-child(2n) .timeline-content:after {border:none; border-bottom:15px solid #f7f7f7; border-left:15px solid transparent; border-right:15px solid transparent; top:-15px; left:50%; right:auto; transform:translateX(-50%);}
}
@media only screen and (max-width:480px) {
    .main-timeline .title {float:none; margin:0;}
    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(2n) .timeline-content {margin-left:10px; text-align:center;}
    .main-timeline .post {margin:5px 0;}
}