* {margin: 0; padding: 0; box-sizing: border-box;}
body {font-family: "Raleway",Helvetica,Arial,sans-serif; color: #38495b; font-size: 14px; }
.clear {clear: both;}
header {
    padding: 10px 4%;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    position: fixed;
    top: 0px;
    background: #fff;
    z-index: 10;
}
header .logo {float: left; margin: 6px 0px 0px; }
header .top_nav {float: right; padding: 0px 0px 0px; margin:8px 0 0; line-height: 36px; font-weight: 700;}
header .top_nav a {padding: 5px 5px 5px; /*background: url("images/HowItWorks.png") 0px 0px no-repeat;*/ color: #38495b; text-decoration: none; margin:0 5px; font-size: 15px;}
header .top_nav .help {padding: 5px 5px 5px; /*background: url("images/Help.png") 0px 0px no-repeat;*/ color: #38495b; text-decoration: none; }
header .top_nav .login {padding: 5px 5px 5px 5px; color: #38495b; text-decoration: none;  }
header .top_nav .tryitnow {padding: 10px 10px 10px 10px; border-radius: 3px 3px; background:#455565; color: #fff; text-decoration: none; margin-right: 10px; margin-left: 20px; }

header .pub-adv-lnk {float: left; padding: 0px 0px 0px; margin:8px 0 0 40px; overflow: hidden; line-height: 36px;}
header .pub-adv-lnk ul {display: block; list-style: none;}
header .pub-adv-lnk ul li {display: inline-block; vertical-align: top;}
header .pub-adv-lnk a {padding: 5px 5px 5px; color: #38495b; text-decoration: none; margin-right: 10px; font-weight: 700;}

header .pub-adv-lnk ul li .submenu {display: none; width: 100%; padding: 20px 6%; position: absolute; top: 75px; left: 0; z-index: 100; background: #eee;}
header .pub-adv-lnk ul li .submenu::after {content: ''; display: block; clear: both;}
header .pub-adv-lnk ul li .submenu .desc {display: inline-block; width: 30%; float: left; line-height: 24px;}
header .pub-adv-lnk ul li .submenu .desc h1 {margin: 0 0 20px;}
header .pub-adv-lnk ul li .submenu .desc_icons {display: inline-block; list-style: none; width: 65%; float: right; }
header .pub-adv-lnk ul li .submenu .desc_icons li {display: inline-block; width: 30%; text-align: center; margin: 0 1%;}
header .pub-adv-lnk ul li .submenu .desc_icons li img {width: 50%;}
header .pub-adv-lnk ul li .submenu .desc_icons li span {display: block; line-height: 24px;}
header .pub-adv-lnk ul li .submenu .desc .buttons {display: block; margin: 20px 0 0; }
header .pub-adv-lnk ul li .submenu .desc .buttons a {display: inline-block; line-height: 32px; background: #00a0dc; color: #fff; text-decoration: none; padding: 0 20px; border-radius: 4px;}

/*.banner {
    width: 100%;
    margin-top: 78px;
    background: url("images/bannerbg.jpg") center no-repeat;
    background-size: 100% 100%;
    color: #fff;
    line-height: 24px;
    overflow: hidden; }*/

/*.banner .bx-wrapper .bx-viewport{left: 0;}
.banner img {width: 100%;}
.banner .desc {position: absolute; top: 146px; left: 0; width: 100%; text-align: center;}
.banner .desc h1 {font-size: 32px; color: #fff; font-weight: 600; text-transform: uppercase; margin: 0 0 40px; text-shadow: 0 2px 2px #000;}
.banner .desc p {font-size: 16px; color: #fff; font-weight: 300; text-transform: uppercase; text-shadow: 0 1px 1px #000; line-height: 28px; margin: 0 0 40px;}
.banner .desc .ban_btn {font-size: 16px; color: #fff; font-weight: 300; line-height: 48px; display: inline-block; background: #00a0dc; text-decoration: none; padding: 0 60px; border-radius: 8px; border: 2px solid #fff; font-weight: bold;}
.banner .desc .ban_btn::after {content: ''; display: block; width: 20px; height: 20px; background: url(images/start-campaign-btn.png) center no-repeat; float: right; margin: 14px 0 0 10px;}*/
.banner_inner {
    width: 100%;
    margin-top: 78px;
    background: url("images/bannerbg.jpg") center no-repeat;
    background-size: 100% 100%;
    color: #fff;
    line-height: 24px;
    overflow: hidden; }
.banner_inner h1 {
    font-size: 42px;
    font-weight: normal;
    margin: 50px 4%; }
.banner_inner nav {
    width: 92%;
    font-size: 18px;
    margin: 0px 4% 20px;
    overflow: hidden; }
.banner_inner nav ul {
    list-style: none; }
.banner_inner nav ul li {
    float: left;
    margin: 0px 20px 0px 0px; }
.banner_inner nav ul li a {
    color: #FFF;
    padding: 5px 0px;
    line-height: 34px;
    text-decoration: none; }
.banner_inner nav ul .active a {
    border-bottom: 3px solid #79C7DB; }
.slider {
    width: 50%;
    margin: 60px 5% 0px;
    float: left; }
.slider h1 {
    font-size: 32px;
    margin: 20px 0px;
    text-transform: uppercase;
    font-weight: normal;}
.slider p {
    margin-bottom: 20px; }
.slider .learnmore {
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    padding: 10px 28px;
    border-radius: 4px 4px;
    margin: 20px 0px 0px;
    line-height: 36px; }
.regform {
    width: 35%;
    height: 300px;
    background: url("images/formbg.png") center top no-repeat;
    background-size: 100% auto;
    margin: 30px 0 0px 0px;
    text-align: center;
    float: left; }
.regform h1 {
    font-size: 16px;
    text-transform: uppercase;
    margin: 7px 0px 7px;
    text-align: center;
    padding: 6% 0px 0px;
    font-weight: normal;}
.regform #regform {
    width: 100%;
    padding: 5%;
    background: #fff; }
.regform #regform input, .regform #regform select {
    font-family: 'Raleway',sans-serif;
    width: 96%;
    border-radius: 4px;
    font-size: 16px;
    border: 1px solid #ccc;
    color: #555;
    margin-bottom: 10px;
    padding: 24px 6px 4px; }
.regform #regform button {
    width: 100%;
    background: #6E7C8A;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #6E7C8A;
    margin-bottom: 10px;
    text-transform: uppercase;
    padding: 12px 8px 12px; }
.regform #regform a {
    display: block;
    width: 100%;
    background: #f88305;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #f88305;
    text-decoration: none;
    margin-bottom: 5px;
    text-transform: uppercase;
    padding: 5px 0; }

input#CompanyName, input#CompanyName {
    background:#F8F9F9 url("images/Company-Name.png") 8px 6px no-repeat; }
input#Name, input#ComName {
    background:#F8F9F9 url("images/Your-Name.png") 8px 6px no-repeat; }
.regform input#EmailId, .regform input#ComEmailId {
    background:#F8F9F9 url("images/Email-Id.png") 8px 6px no-repeat; }
input#Phone, input#ComPhone {
    background:#F8F9F9 url("images/Phone-No.png") 8px 6px no-repeat; }
input#City, input#ComCity,select#City, select#ComCity {
    background:#F8F9F9 url("images/City.png") 8px 6px no-repeat; }
input#DOB, input#ComDOB {
    background:#F8F9F9 url("images/DOB.png") 8px 6px no-repeat; }

.clients_logos {
    width: 100%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    background: #f7f8f9;
    border-bottom: 1px solid #d4d4d4;
    text-align: center; padding: 32px 0; }
.clients_logos img { margin: 0 2%; height: 40px;}
.clients_logos h2 {font-size: 18px; color: #848484; margin: 0 0 20px;}

.mid_content {
    width: 94%;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    padding: 50px 0px;}
.mid_content h1 {
    font-size: 20px;
    margin: 20px 0px;
    font-weight: normal; }
.mid_content p {
    font-size: 18px;
    margin: 20px 0px;
    line-height: 36px;
    margin: 18px 0px;
    font-weight: normal; }

.mid_content_inner {
    width: 94%;
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
    padding: 14px 0px;}
.mid_content_inner h1 {
    font-size: 24px;
    border-bottom: 1px solid #79C7DB;
    padding: 10px 0px;
    margin: 20px 0px;
    font-weight: normal; }
.mid_content_inner h2 {
    font-size: 42px;
    margin: 20px 0px;
    font-weight: normal; }
.mid_content_inner p {
    font-size: 18px;
    margin: 20px 0px;
    line-height: 36px;
    margin: 18px 0px;
    font-weight: normal; }
    
.howitworks_intro {
    width: 100%;
    list-style: none;
    overflow: hidden; }
.howitworks_intro li {
    width: 23%;
    margin: 0px 1%;
    padding: 10px 2% 20px;
    border-radius: 4px 4px;
    float: left; }
.howitworks_intro li h1 {
    margin: 10px 0;
    color: rgba(0, 0, 0, 0.6);
    font-size: 18px; font-weight: 700;}
.howitworks_intro li p {
    margin: 10px 0;
    line-height: 24px;
    font-size: 14px; }
.howitworks_intro li  img {
    width: 66%;
    opacity: 0.5; }
.howitworks_intro li:hover  img {
    opacity: 1; }
.howitworks_intro li a {
    padding: 4px 14px 4px 0px;
    color: rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
    background: url("images/Arrow.png") right center no-repeat; }

.faq {
    width: 90%;
    margin: 60px auto 60px;
    text-align: center;
    list-style: none;
    line-height: 24px;
    overflow: hidden; }
.faq h1 {
    font-size: 36px;
    margin: 20px 0px 20px;
    font-weight: normal;
}
.faq h2 {font-size: 24px; display: block; line-height: 36px; margin: 20px 0px 20px; font-weight: normal;}
.faqlist {
    list-style: none;
    margin: 0px 0 20px;
    padding: 0px;
    overflow: hidden; text-align: left;}
.faqlist li {
    display: inline-block; vertical-align: top;
    width: 30%;
    text-align: left;
    margin: 0px 1% 20px;
    padding: 0 1% 0;
    border-radius: 4px 4px; }
.faqlist li span {
    display: block;
    width: 100%;
    font-weight: bold; }

.comformwrap {
    width: 100%;
    background: url("images/bannerbg.jpg") center no-repeat;
    background-size: 100% 100%;
    margin: 20px 0px;
    padding: 0px 0px 32px;
    color: #fff;
    line-height: 24px;
    overflow: hidden; }
.contactno {
    width: 45%;
    margin: 30px 0 0 0;
    padding-left: 5%;
    min-height: 400px;
    text-align: center;
    border-left: 1px solid #fff;
    float: left; }
.contactno img {
    margin: 20px 0px; }
.contactno h1 {
    font-size: 36px;
    margin: 30px 0px;
    font-weight: normal; line-height: 56px;}
.contactno h1 a {
    color: #FFF;
    text-decoration: none; }
.contactno p {
    font-size: 24px;
    line-height: 40px;
    margin: 20px 0px; }
.contactno .learnmore {
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    padding: 10px 28px;
    border-radius: 4px 4px;
    margin: 20px 0px 0px;
    line-height: 36px; }
.comform {
    width: 35%;
    background: url("images/formbg.png") center top no-repeat;
    background-size: 100% auto;
    margin: 30px 8% 0px 5%;
    text-align: center;
    float: left; }
.comform h1 {
    font-size: 16px;
    text-transform: uppercase;
    margin: 8px 0px 8px;
    text-align: center;
    padding: 6% 0px 0px;
    font-weight: normal;}
.comform #comform {
    width: 100%;
    padding: 5%;
    background: #fff; }
.comform #comform input {
    width: 96%;
    border-radius: 4px;
    font-size: 16px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 24px 6px 4px; }
.comform #comform button {
    width: 100%;
    background: #6E7C8A;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #6E7C8A;
    margin-bottom: 10px;
    text-transform: uppercase;
    padding: 12px 8px 12px; }
.comform #comform #ComName {
    background:#F8F9F9 url("images/Your-Name.png") 8px 6px no-repeat; }
.comform #comform #ComEmailId {
    background:#F8F9F9 url("images/Email-Id.png") 8px 6px no-repeat; }
.comform #comform #ComPhone {
    background:#F8F9F9 url("images/Phone-No.png") 8px 6px no-repeat; }
.comform #comform #ComCity {
    background:#F8F9F9 url("images/City.png") 8px 6px no-repeat; }

footer {
    width: 100%;
    text-align: center;
    background: #38495b;
    padding: 30px 0px;
    color: #a8adb3;
    font-size: 14px;
    text-transform: uppercase; }
footer nav {
    width: 100%;
    margin-bottom: 20px;
    text-align: center; }
footer nav a {
    color: #fff;
    font-size: 12px;
    text-transform: none;
    margin: 0px 10px;
    text-decoration: none; }
.howitlooksbtn {
    width: 100%;
    text-align: center;
    overflow: hidden; }
.howitlooksbtn a {
    display: block;
    padding: 10px;
    width: 18%;
    background: #455565;
    color: #FFF;
    margin: 0 auto;
    border-radius: 5px;
    text-decoration: none; }


.advertisers-try-it-now {display: table; width: 100%; margin: 75px 0 0; min-height: 500px;}
.advertisers-try-it-now::after {content: ''; display: block; clear: both;}

.advertisers-try-it-now .step-nav h1 {display: block; margin: 30px 0;}
.advertisers-try-it-now .step-nav nav {display: block;}
.advertisers-try-it-now .step-nav nav ul {display: block;}
.advertisers-try-it-now .step-nav nav ul li {display: block; font-size: 32px; margin: 0 0 32px;}
.advertisers-try-it-now .step-nav nav ul li span { color: #95d3ea;}
.advertisers-try-it-now .step-nav nav ul li.active span { color: #fff; position: relative;}
.advertisers-try-it-now .step-nav nav ul li.active span.num::before {content: ''; width: 25px; height: 25px; background: url(images/arrow-for-completed-step.png) center no-repeat; position: absolute; top: 12px; right: -14px;}
.advertisers-try-it-now .step-nav nav ul li span.head {display: block; font-size: 18px; margin: 10px 0;}
.advertisers-try-it-now .step-nav nav ul li span.num {display: inline-block; font-size: 32px; width: 50px; line-height: 44px; height: 50px; border: 4px solid #95d3ea; border-radius: 50%;}
.advertisers-try-it-now .step-nav nav ul li::after {content: ''; display: block; width: 100%; height: 30px; background: url(images/border-inline-white.png) top center no-repeat;}
.advertisers-try-it-now .step-nav nav ul li:nth-child(3)::after {display: none;}


.advertisers-try-it-now .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {margin: 0;}
.advertisers-try-it-now .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #00a0dc; width: 8px; border-radius: 0;}
.advertisers-try-it-now .mCSB_scrollTools, .advertisers-try-it-now .mCSB_scrollTools .mCSB_draggerRail {width: 8px;}

.advertisers-try-it-now .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.advertisers-try-it-now .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #00a0dc; 
	}

.step-forms section {display: none; padding: 20px;}
.step-forms section::after {content: ''; display: block; clear: both;}
.step-forms section h1 { color:#00a0dc; font-size: 18px; margin: 20px 0;}
.step-forms section h2 { color:#000; font-size: 16px; margin: 0 0 20px; }
.step-forms .statelist {list-style: none; display: block; margin: 0 0 20px;}
.step-forms .statelist li {display: inline-block; vertical-align: top; width: 32%; margin: 6px 0;}

.cities_list {display: none;}
.cities_list .note {display: block; font-style: italic; margin: 0 0 10px; font-size: 12px; color: #000; line-height: normal}
.cities_list .citieslist {list-style: none; display: block; margin: 0 0 20px;}
.cities_list .citieslist li {display: inline-block; vertical-align: top; width: 32%; margin: 6px 0;}

.checkall {display: block; text-align: left; font-weight: bold; padding: 0 0 20px;}

.step-forms .btn {padding: 10px 20px; border-radius: 3px 3px; background: #455565; color: #fff; text-decoration: none; margin: 20px 0 0; border: 0; float: right;}
.step-forms .backbtn {padding: 10px 20px; border-radius: 3px 3px; background: #455565; color: #fff; text-decoration: none; margin: 20px 0 0; border: 0; float: left;}

.step-1-2 .left, .step-1-2 .right {width: 46%; margin: 0 0 40px;}
.step-1-2 .left {float: left;}
.step-1-2 .right {float: right;}
.step-1-2 .left h4, .step-1-2 .right h4 {margin: 15px 0 5px;}
.step-1-2 select {width: 100%; padding: 4px 1%; border-radius: 4px; background: #eee; border: 1px solid #ccc;}
.step-1-2 select option {height: 18px; padding: 0 1% 0;}

.step-forms .step-2 h2 {margin: 15px 0 5px;}
.step-forms .step-2 input[type=text] {padding: 0 2%; margin: 0 0 4px; height: 32px; border-radius: 4px; border: 1px solid #ccc; width: 60%;}
.step-forms .step-2 .note {display: block; font-size: 11px; }

.step-forms .browsefile {display: block; width: 64%;}
.step-forms .browsefile #filename { width: 64%;}
.step-forms .browsefile .browsebtn { width: 30%; float: right; height: 32px; background: #00a0dc; overflow: hidden; position: relative;}
.step-forms .browsefile .browsebtn span { display: block; line-height: 32px; text-align: center; color: #fff;}
.step-forms .browsefile .browsebtn input[type=file] { width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; z-index: 100; cursor: pointer;}

.set_your_budget .row {display: block; margin: 0 0 20px;}
.set_your_budget .row .head {display: inline-block; width: 24%; margin: 0 2% 0 0; text-align: right;font-size: 14px; font-weight: bold; vertical-align: top; }
.set_your_budget .row.budgetwrap .head {line-height: 32px; }
.set_your_budget .row .field {display: inline-block; width: 72%; font-size: 14px;  vertical-align: top;}
.set_your_budget .row .field .budgetinput {display: inline-block; line-height: 32px; border: 1px solid #38495b; border-radius: 2px; padding: 0 30px; background: #eee;}
.set_your_budget .row .field .budget {display: inline-block; height: 32px; border: 1px solid #38495b; border-radius: 2px; padding: 0 4px 0 30px; font-size: 14px; color: #38495b; background: url(images/rupee-symbol.png) 10px 8px no-repeat;}
.set_your_budget .row .field span {display: inline-block; vertical-align: top; }
.set_your_budget .row .field span > span {display: block; vertical-align: top; font-size: 11px; line-height: 24px; text-align: right;}

.scheduletimewrap, .whengetcharged_wrap, .placement_wrap {margin: 0 0 10px;}
.placement_wrap label {display: inline-block; vertical-align: top;}
.set_your_budget .row .field .placement_wrap label span.sm {display: block; font-size: 11px; font-style: italic; color: red;}
.select_starttime_wrap {display: inline-block; padding: 20px; border: 1px solid #38495b; background: #eee; text-align: center; border-radius: 4px;}
.select_starttime_wrap label {display: inline-block;  margin: 0 4px; line-height: 32px; vertical-align: top;}
.select_starttime_wrap span {display: inline-block; vertical-align: top; text-align: left;font-size: 11px; text-align: right; line-height: 22px;}
.select_starttime_wrap #campaignstarttime {display: inline-block;  margin: 0 4px; height: 32px; padding: 0 36px 0 4px; background:#fff url(images/calender-icon.png) 180px 6px no-repeat; border: 1px solid #ccc; border-radius: 2px;}

.set_your_budget .row .field.estimated_reach_wrap {display: inline-block; width: 344px;}
.set_your_budget .row .field.estimated_reach_wrap .ui-widget-header {background: none;}
.set_your_budget .row .field.estimated_reach_wrap .ui-state-default, .set_your_budget .row .field.estimated_reach_wrap .ui-widget-content .ui-state-default {background: #00a0dc; outline: 0;}
.set_your_budget .row .field.estimated_reach_` .ui-slider .ui-slider-handle {width: 50px;}
.set_your_budget .row .field.estimated_reach_wrap #slider-range-max {margin: 0 0 12px;}

.step-forms section.login-signup-wrap {display: block;}
.step-forms section.login-signup-wrap h1 {color: #00a0dc;}
.step-forms section.login-signup-wrap .signup h1, .step-forms section.login-signup-wrap .login h1 {color: #455565; margin: 10px 0 20px;}
.login-signup-wrap .signup {display: inline-block; width: 45%; padding: 0 5% 0 0; border-right: 1px solid #455565;}
.login-signup-wrap .login {display: inline-block; width: 45%; float: right;}
.login-signup-wrap .signup::after, .login-signup-wrap .login::after {content: ''; display: block; clear: both;}
.login-signup-wrap .login p {display: block; margin: 0 0 62px;}

.login-signup-wrap label {display: block; line-height: 24px;}
.login-signup-wrap input[type=text], .login-signup-wrap input[type=password], .login-signup-wrap input[type=email] {height: 32px; padding: 0 2%; border: 1px solid #455565; border-radius: 4px; width: 90%; margin: 0 0 20px;}

.required {border:1px solid red !important;}

.error {color: red; display: block; margin-bottom: 10px;}
.succ {color: green; display: block; margin-bottom: 10px;}

.regform.sepform {height: auto; margin: 0 auto; float: none; width: 100%;}
.regform.sepform #regform {margin: 0 0 30px;}


.mid_content.engagepeople {background: #eee; width: 100%; padding: 62px 3%;}

.wrap {display: block;}
.wrap::after {content: ''; display: block; clear: both;}
.engagepeople .left {width: 66%; float: left; text-align: left;}
.engagepeople h1 {color: #00a0dc; margin: 0 0 20px;}
.engagepeople h1 strong {font-size: 28px; display: block; font-weight: inherit; line-height: 40px;}
.engagepeople .right {width: 30%; float: right; padding: 0 0 0 4%; /*border-left: 1px solid #000;*/ text-align: center;}
.engagepeople .right img {width: 100%;}
.engagepeople .left ul {padding: 0 0 0 20px;}
.engagepeople .left ul li, .engagepeople .left p {font-size: 16px; margin: 26px 0; line-height: normal;}
.engagepeople .wrap {width: 92%; padding: 30px 0; margin: 0 auto;}
.engagepeople .wrap:nth-child(2n+1) .left {float: right;}
.engagepeople .wrap:nth-child(2n+1) .right {float: left;}
.engagepeople .wrap:nth-child(2n+1) h1 {margin: 0;}

span.tooltip {display: inline-block; width: 14px; height: 14px; background: url("images/Tooltip.png") 0px 0px no-repeat; background-size: 100% 100%; vertical-align: middle; position: relative; margin: 0 4px; cursor: pointer;}
span.tooltip .tip {display: none; width: 260px; padding: 8px; border: 1px solid #455565; position: absolute; top: -8px; left: 24px;
    font-weight: normal; background: #eee; border-radius: 4px; font-size: 12px; cursor: default; z-index: 10; line-height: normal; text-align: left;
}
span.tooltip .tip::before {content: ''; display: block; width: 8px; height: 15px; background: url(images/tooltip-arrow.png) center no-repeat; position: absolute; top: 6px; left: -8px;}
span.tooltip:hover .tip {display: block;}

.signupform-wrap {background: url(images/regbg.jpg) center no-repeat; background-size: 100% 100%; color: #fff; margin: 76px 0 0;}
.signupform-wrap .wrap {width: 80%; padding: 50px; margin: 0 auto;}
.signupform-wrap .wrap::after {content: ''; display: block; clear: both;}
.signupform-wrap .wrap .left {width: 50%; float: left; font-size: 16px; margin: 80px 0 0;}
.signupform-wrap .wrap .left h1 {font-size: 28px;}
.signupform-wrap .wrap .left ul.infolist {list-style: none; }
.signupform-wrap .wrap .left ul.infolist li {margin: 20px 0; padding: 0 0 0 28px; background: url(images/tick.png) 0 2px no-repeat;}
.signupform-wrap .wrap .left ul.infolist li span {display: block; font-weight: 700; margin: 0 0 8px;}
.signupform-wrap .wrap .left h1 {margin: 0 0 20px;}
.signupform-wrap .wrap .left p {line-height: 24px; margin: 0 0 20px;}
.signupform-wrap .wrap .left p.sm {font-size: 14px;}
.signupform-wrap .wrap .right {width: 45%; float: right;}
.signupform-wrap .wrap .right form .sm{color: #000; font-size: 12px;}

.accordion {display: block;}
.accordion h1.head {display: block; background: #eee; border: 1px solid #ccc; padding: 8px; margin: 0 0 8px; border-radius: 4px; font-size: 14px; cursor: pointer;}
.accordion .desc {display: none; padding: 8px; }
.accordion .desc h3 {margin: 8px 0;}
.accordion .desc ul {display: block;}
.accordion .desc ul li {display: inline-block; width: 24%; margin: 0 1% 8px 0;}

.order-costing {margin: 20px 0; background: #00a0dc; color: #fff; padding: 20px 8px; border-radius: 4px; font-family: Arial, sans-serif;}
.order-costing::after {content: ''; display: block; clear: both;}
.order-costing .cost {float: right; font-size: 30px; vertical-align: middle;font-weight: 300;}
.order-costing .head {float: left;}
.order-costing .head h1 {font-weight: 300;}
.order-costing .head span {display: block; font-size: 12px; margin: 4px 0 0 ;}

.spec_req {display: table; width: 100%; border-top: 1px solid #ccc; margin: 20px 0; line-height: 24px;}
.spec_req > li {display: table-row;}
.spec_req > li:nth-child(2n+1) {background: #eee;}
.spec_req > li span {display: table-cell; padding: 8px; border-bottom: 1px solid #ccc;}
.spec_req > li span.head {width: 20%; font-weight: 700;}
.spec_req > li ul {padding: 0 0 0 20px;}

.short_intro {display: block; background: #38495b; color: #96a4b3;}
.short_intro .wrap {width: 94%; margin: 0 auto; border-bottom: 1px solid #536476; padding: 28px 0;}
.short_intro .wrap h3 {margin: 8px 0;}
.short_intro .wrap::after {content: ''; display: block; clear: both;}
.short_intro .wrap .left {width: 54%; display: inline-block; vertical-align: top;}
.short_intro .wrap .left p {line-height: 24px; padding: 0;}
.short_intro .wrap .right {width: 44%; display: inline-block; vertical-align: top; text-align: right;}
.short_intro .wrap .right h3 {margin: 4px 0 12px; padding: 0;}
.short_intro .wrap .right input[type=email] {width: 264px; padding: 0 4px; border: 0; background: #fff; height: 32px; margin: 0;}
.short_intro .wrap .right input[type=submit] {border: 0; width: 120px; text-align: center; height: 32px; background:#627385; color: #fff; }
.short_intro .wrap .right .newsletter_wrap {display: inline-block; text-align: left;}

.order-costing-wrap {display: block; padding: 20px;}
.order-costing-wrap::after {content: ''; display: block; clear: both;}


.regform #regform .tnc {display: block; color: #38495b; text-align: center; margin: 10px 0; font-size: 12px;}
.regform #regform .tnc input[type=checkbox] {width: auto; vertical-align: middle; margin: 0px 2px 2px;}
.regform #regform .tnc label {width: auto; vertical-align: top;}
.regform #regform .tnc a {color: #38495b; background: none; display: inline; margin: 0; padding: 0; border: 0; text-transform: none;}

.subs_mess {text-shadow: 1px 1px 0px #fff;}

.mango {float: left; margin: 0 10px 0 0;}

.signup input#Name, .signup input#Phone, .signup input#EmailId {background: none;}

.infolistbox {display: block; width: 92%; padding: 40px 4%;}
.infolistbox ul {display: table; list-style: none; width: 100%;}
.infolistbox ul li {display: table-cell; padding: 0 20px; width: 33.3%; line-height: 20px;}
.infolistbox ul li:nth-child(2) {border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.infolistbox ul li span {display: block; font-weight: 700; margin: 0 0 8px; color: #00a0dc; font-size: 16px; padding: 6px 0 0 40px; background: url(images/target-icon.png) left top no-repeat; line-height: normal; min-height: 30px;}


.col3 {display: block;}
.col3 li {display: inline-block; vertical-align: top; width: 30%; margin: 0 2% 20px 0;}
.col3 li label {display: block; padding: 8px 0;}
.col3 li input[type=text] {display: block; padding: 0 8px; width: 100%; border: 1px solid #ccc; height: 36px; box-sizing: border-box;}
.submit input[type=submit] {display: inline-block; text-align: center; padding: 0 20px; height: 36px; background: #00a0dc; color: #fff; border: 0; min-width: 180px;}

.getintouch {display: block; margin: 20px 0 0; font-size: 16px; font-weight: 700; line-height: 24px;}
.getintouch .no {display: inline-block; font-size: 16px; padding: 0 0 0 22px; background: url(images/PhoneIcon.png) center left no-repeat; background-size: 18px 18px; vertical-align: middle; margin: 0 10px;}


.mid_content_inner .accordion .accordionHead {font-size: 18px;border-bottom: 1px solid #79C7DB;padding: 10px 0px;margin: 6px 0px;font-weight: normal; box-sizing: border-box; padding: 10px 20px; border: 1px solid #ccc; background: #eee; border-radius: 8px; position: relative; cursor: pointer; transition: all ease-in-out .2s;}
.mid_content_inner .accordion .accordionHead::before {content: '+'; position: absolute; top: 4px; right: 20px; font-size: 28px;}
.mid_content_inner .accordion .accordionHead.active, .mid_content_inner .accordion .accordionHead:hover {background: #79C7DB; color: #fff;}
.mid_content_inner .accordion .accordionHead.active::before {content: '-';}
.mid_content_inner .accordion .accordionContent {display: none; box-sizing: border-box; padding: 10px 20px; border: 1px solid #ccc; border-radius: 8px; font-size: 14px;}
.mid_content_inner .accordion .accordionContent p {font-size: 14px; line-height: 24px; margin: 10px 0px;}


.advertisers-try-it-now .step-nav {display: table-cell; width: 24%; vertical-align: top; background: #00a0dc; color: #fff; text-align: center;box-sizing: border-box;}
.advertisers-try-it-now .step-forms {display: table-cell; width: 54%; vertical-align: top; padding: 0 2% 0;box-sizing: border-box;}
.advertisers-try-it-now .estimatedReach {display: table-cell; box-sizing: border-box; padding: 20px; width: 22%; box-shadow: 0 2px 2px 2px rgba(0,0,0,0.1);}
.advertisers-try-it-now .estimatedReach h4 {display: block; padding: 8px 10px; background: #eee; font-size: 18px;}
.advertisers-try-it-now .estimatedReach .total {display: block; padding: 8px 10px; font-size: 12px;}
.advertisers-try-it-now .estimatedReach .total > span {display: block; vertical-align: middle;}
.advertisers-try-it-now .estimatedReach .total .estReach span {display: inline-block; vertical-align: middle;}
.advertisers-try-it-now .estimatedReach .total .estReach span#estimatedReach {font-size: 22px; font-weight: 700; display: none;}
.advertisers-try-it-now .estimatedReach .total .estReach span#estimatedReachShow {font-size: 22px; font-weight: 700; margin:  0 8px 0 0;}
.advertisers-try-it-now .estimatedReach .total .locations {margin: 20px 0 0;}
.advertisers-try-it-now .estimatedReach .total .locations h5 {font-size: 16px; margin: 0 0 10px; background: url(images/location.png) left center no-repeat; padding: 0 0 0 24px;}
.advertisers-try-it-now .estimatedReach .total .locations span {display: inline-block; margin: 0 8px 0 0; font-size: 12px;}


.step-1-2 h4 {margin: 0 0 10px;}
.step-1-2 .col3 li {margin: 0 0 20px 2%; width: 31.2%;}
.step-1-2 .col3 li:nth-child(1) {margin: 0;}

.campGoal .wrap {margin: 0 0 12px;}
.targetedGroup {margin: 20px 0 0;}
.targetedGroup .wrap {margin: 0 0 12px;}
.targetedGroup .wrap label {display: inline-block; vertical-align: top;}
.targetedGroup .wrap span.sm {color: red; display: block; font-size: 11px; font-style: italic;}

.hide {display: none;}

.wrap.Interest {width: 65.4%;}

.banner { width: 100%; margin-top: 76px; position: relative;  background: url(images/MainBannerBg.jpg) center no-repeat; background-size: cover; color: #fff;}
.banner.home { width: 100%; margin-top: 76px; position: relative;  background: url(images/HomeMainBannerBg.jpg) center no-repeat; background-size: cover; color: #fff; text-align: center;}
.home .container {width: 92%; margin: 0 auto; position: relative; height: 608px;}
/*.banner.home .container::before {content: ''; display: block; width: 0; height: calc(100% - 20% - 150px); position: absolute; top: calc(24% + 100px); left: 50%; border-left: 2px dotted #fff;}*/
.banner .container .left {width: 50%; float: left; padding: 30px 80px 50px 0; }
.banner .container .right {width: 50%; float: right; padding: 30px 0 50px 80px;}
.banner .container h1 { font-size: 36px; color: #fff; font-weight: 600; text-transform: uppercase; padding: 118px 0 40px; text-shadow: 0 2px 2px #000; text-align: center;}
.banner .container h2 { font-size: 28px; color: #fff; font-weight: 300; text-transform: uppercase; padding: 20px 0 20px; text-shadow: 0 2px 2px #000; }
.banner .container p { font-size: 18px; color: #fff; font-weight: 300; padding: 0 0 20px; text-shadow: 0 2px 2px #000;  line-height: 28px;}
.banner .container p strong {color: #ff4000;}
.banner .container .info {min-height: 246px;}
.banner .container .lnks {}
.banner .container .lnks a::before {content: '+'; display: inline-block; margin: 0 4px 0 0; font-size: 24px; line-height: 14px; vertical-align: middle;}
.banner .container .lnks a {display: inline-block; margin: 0 10px 0 0; color: #fff; text-decoration: none;
    padding: 5px 28px 6px 20px;
    border-radius: 3px 3px;
    background: #ff3b00; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #ff3b00 , #ff6800); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #ff3b00, #ff6800); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #ff3b00, #ff6800); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #ff3b00 , #ff6800); /* Standard syntax */
}

.col3 {display: block;}
.col3::after {display: block; content: ''; clear: both;}
.col3 .col {display: inline-block; width: 33%; float: left;}

.engagepeople .col3 .col {text-align: left; padding: 12px 2% 0 40px; position: relative; background: url(images/engagepeople-plus.png) 0 0 no-repeat;}
.engagepeople .col3 .col p {font-size: 16px; line-height: 24px;}

.genwrap.radio label {margin: 0 16px 0 0;}
.genwrap.radio label::before {margin: 12px 4px 0 0;}

.radio input[type=radio] {display: none;}
.radio label {display: inline-block;}
.radio label::before {content: ''; display: inline-block; width: 24px; height: 24px; border: 1px solid #ccc; border-radius: 50%; float: left; margin: 0 4px 0 0;}
.radio input[type=radio]:checked + label::before {background: #00a0dc;} 

.regUserSexDOB .row .field label {margin: 0 20px 0 0; }
.regUserSexDOB .row .field label::before {margin: 12px 4px 0 0; }
.regform #regUserSexDOB input[type=text] {
    box-sizing: border-box;
    font-family: 'Raleway',sans-serif;
    width: 96%;
    border-radius: 4px;
    font-size: 16px;
    border: 1px solid #ccc;
    color: #555;
    margin-bottom: 10px;
    padding: 14px 6px; }


.regform #regUserSexDOB .regUserSexDOB {padding: 100px 0;}
.regform #regUserSexDOB {
    width: 100%;
    padding: 5%; margin: 0 0 20px;
    background: #fff; color: #000; }

.regUserSexDOB .row {display: block; margin: 20px 0;}
.regUserSexDOB .row::after {display: block; content: ''; clear: both;}
.regUserSexDOB .row span {display: inline-block; width: 30%; float: left; padding: 18px 0 0; text-align: right;}
.regUserSexDOB .row .field {display: inline-block; width: 60%; float: right; text-align: left;}
.regUserSexDOB .row .createPaytm {display: block; background: #00b9f5; line-height: 30px; border-radius: 4px; color: #fff; text-decoration: none; font-weight: 700;}
.regUserSexDOB .row .createPaytm span {font-size: 12px; display: inline-block; padding: 0; float: none; vertical-align: middle; width: auto;}

.banner .container.emarketing {text-align: center;}
.banner .container.emarketing::before {display: none;}
.banner .container.emarketing h1 {padding: 220px 0 40px; font-size: 44px;}
.banner .container.emarketing p {padding: 0 0 38px;}
.banner .container.emarketing a { display: inline-block; margin: 0 10px 0 0; color: #fff; text-decoration: none; padding: 5px 28px 6px 20px; border-radius: 3px 3px; background: #ff3b00; background: -webkit-linear-gradient(left, #ff3b00 , #ff6800); background: -o-linear-gradient(right, #ff3b00, #ff6800); background: -moz-linear-gradient(right, #ff3b00, #ff6800); background: linear-gradient(to right, #ff3b00 , #ff6800);}
.banner .container.emarketing a::before {content: '+';display: inline-block;margin: 0 4px 0 0;font-size: 24px;line-height: 14px;vertical-align: middle;}

.advertisers-try-it-now .estimatedReach .pubinfo {font-size: 16px; z-index: -1;}
.advertisers-try-it-now .estimatedReach .pubinfo strong {display: block; color: #00a0dc;}

/*mailerintro*/
.mailerIntro {display: block; padding: 80px 0; background: #181e2a; color: #fff;}
.mailerIntro::after {content: ''; display: block; clear: both;}
.mailerIntro .container {width: 92%; margin: 0 auto; position: relative; }
.mailerIntro h2 {display: block; text-align: center; font-size: 36px; padding: 0 0 94px; position: relative;}
.mailerIntro h2::before {content: ''; width: 1px; height: 50px; position: absolute; bottom: 0; left: 50%; border-left: 1px dotted #fff;}
.mailerIntro h2 span.audi {display: inline-block; padding: 5px 32px; color: #000; background: #fff; font-size: 20px;}
.mailerIntro .left {width: 50%; padding-right: 4%; font-size: 24px; float: left;}
.mailerIntro .left h4 {font-size: 24px; margin: 0 0 10px;}

.mailerIntro .left p, .mailerIntro .left ul {font-size: 20px; font-weight: 100; margin: 0 0 10px;}
.mailerIntro .left ul {padding: 0 0 0 20px;}
.mailerIntro .left ul li {margin: 0 0 10px;}
.mailerIntro .left a {display: inline-block; padding: 4px 20px; border: 1px solid #fff; color: #fff; text-decoration: none; font-size: 16px; line-height: 24px; margin: 20px 0 0;}
.mailerIntro .right {width: 50%; padding-left: 4%; float: right; text-align: right; position: relative;}
.mailerIntro .right img {transform: translateY(-50px);}
.mailerIntro .right::before {content: ''; height: 1px; width: 200px; border-top: 1px dotted #fff; position: absolute; top: 50%; left: 0;transform: translateY(-50px);}

.homeVideo {display: block; padding: 0 0 70px; background: url(images/homeVideoBg.jpg) center no-repeat; background-size: cover; color: #fff;}
.homeVideo .videowrap {padding: 0 0; text-align: center; position: relative;}
.homeVideo .videowrap h2 {margin: 0 0 40px; padding: 70px 0 0; font-size: 32px; font-weight: 700; display: block; position: relative;}
.homeVideo .videowrap h2::before {content: ''; width: 1px; height: 50px; border-left: 1px dotted #fff; position: absolute; top: 0; left: 50%;}
.homeVideo .videowrap h2 span {display: inline-block;padding: 5px 32px;color: #000;background: #fff;font-size: 20px; text-transform: none; box-shadow: 0 0 10px rgba(0,0,0,1);}
.homeVideo .videowrap a {display: inline-block; position: relative;}
.homeVideo .videowrap .VideoBtn a::before {content: ''; display: block; width: 159px; height: 159px; background: url(images/PlayIcon.png) center no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.homeVideo .videowrap .VideoBtn a img {width: 816px;}
.homeVideo .videowrap .addToChrome {margin: 10px 0 0;}
.homeVideo .videowrap .addToChrome a { display: inline-block; padding: 4px 20px; border: 1px solid #fff; color: #fff; text-decoration: none; font-size: 16px; line-height: 24px; margin: 20px 0 0;}

.vidGalleryWrap {display: block; width: 100%; height: 100%; z-index: 10; position: fixed; top: 0; left: 0; background: rgba(0,0,0,.5); overflow: hidden; min-height: 100%; min-width: 100%;}
.vidGalleryWrap .vidGalleryClose {display: block; width: 60px; height: 60px; background: rgba(0,0,0,0.5) url(images/GalleryClose.png) center no-repeat; position: absolute; top: 4px; right: 4px; z-index: 1; background-size: 24px auto; cursor: pointer;}
.vidGalleryWrap .vidGallery {display: block; width: 968px; height: 548px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff;border: 4px solid #fff;}
.vidGalleryWrap video {position: absolute; top: 50% !important; left: 50% !important; width: 960px; height: 540px; transform: translateX(-50%) translateY(-50%); background: #000;}
.vidGalleryWrap .buffering {display: inline-block; position: absolute; top: 50%; left: 50%; z-index: 11; margin-top: -64px; margin-left: -64px; animation: spin 2s linear infinite; opacity: .4;}

.howItWorksSlider {width: 840px; margin: 0 auto 32px;}
.howItWorksSlider .bx-wrapper .bx-viewport {left: 0;}
.howItWorksSlider .bx-wrapper .bx-controls-direction a {width: 42px; height: 78px; margin: 0; transform: translateY(-50%);}
.howItWorksSlider .bx-wrapper .bx-controls-direction a.bx-prev {background: url(images/Prev.png) center no-repeat; left: -70px;}
.howItWorksSlider .bx-wrapper .bx-controls-direction a.bx-next {background: url(images/Next.png) center no-repeat;
right: -70px;}
.howItWorksSlider .bx-wrapper .bx-controls-direction a.disabled {display: block; opacity: .3;}

.howToUseExt {display: block; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 100; top: 0; left: 0;}
.howToUseExt .info {display: inline-block; padding: 20px; position: absolute; top: 50%; left: 50%; }

/* For Verify Email LP */
.banner.vemail { width: 100%; margin-top: 76px; position: relative;  background: url(images/verity-email-lp-banner.jpg) center 50% no-repeat; background-size: cover; color: #fff; text-align: center;}
.banner.vemail .container .info {width: 60%; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.banner.vemail .container .info h1 {margin: 0 0 40px; padding: 0;}
.banner.vemail .container .info .analyzeBanCTA {margin: 40px 0 0;}
.banner.vemail .container .info .analyzeBanCTA span {display: block; margin: 0 0 20px;}
.banner.vemail .container .info .analyzeBanCTA a {display: inline-block; line-height: 40px; border: 1px solid #fff; padding: 0 30px; color: #fff; text-decoration: none; border-radius: 4px;}

.everifyIntro {display: block; padding: 80px 0; background: #fff; color: #5c5c5c; text-align: center;}
.everifyIntro::after {content: ''; display: block; clear: both;}
.everifyIntro .container {width: 92%; margin: 0 auto; position: relative; }
.everifyIntro h2 {display: block; text-align: center; font-size: 36px; padding: 0 0 94px; position: relative; margin: 0 0 32px;}
.everifyIntro h2::before {content: ''; width: 1px; height: 50px; position: absolute; bottom: 0; left: 50%; border-left: 1px dotted #5c5c5c;}
.everifyIntro h2 span {display: inline-block; padding: 5px 32px; color: #fff; background: #5c5c5c; font-size: 20px; font-weight: 300; text-transform: uppercase;}

.everifyBenefits {display: block; padding: 80px 0 0; background: #5c5c5c; color: #fff; text-align: center;}
.everifyBenefits::after {content: ''; display: block; clear: both;}
.everifyBenefits .container {width: 92%; margin: 0 auto; position: relative; background: url(images/verity-email-lp-banner-2.jpg) right bottom no-repeat; min-height: 400px; padding: 0 0 40px;}
.everifyBenefits .container::after {content: ''; display: block; clear: both;}
.everifyBenefits h2 {display: block; text-align: left; font-size: 36px; padding: 0 0 20px; position: relative; margin: 0 0 32px;}
.everifyBenefits .left {display: inline-block; width: 48%; float: left; text-align: left;}
.everifyBenefits .right {display: inline-block; width: 48%; float: right; text-align: right;}

/*for extension thanks lp*/
.banner.tubelight { width: 100%; margin-top: 76px; position: relative;  background: #167efd; background-size: cover; color: #fff; text-align: center;}
.banner.tubelight .container .info {width: 60%; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.banner.tubelight .container .info h1 {margin: 0 0 40px; padding: 0; font-size: 34px;}
.banner.searchmize { width: 100%; margin-top: 76px; position: relative;  background: #167efd; background-size: cover; color: #fff; text-align: center;}
.banner.searchmize .container .info {width: 60%; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.banner.searchmize .container .info h1 {margin: 0 0 40px; padding: 0; font-size: 34px;}

.container {width: 92%; margin: 0 auto;}
.udc {display: block; background: #616c73; color: #fff; margin-top: 76px;}
.udc .desc p a {color: #fff; }
.udc .lpic .desc .sm {color: #fff;}
.lpic, .rpic {display: block; width: 100%; text-align: left; margin: 0 auto; border-top: 1px solid #eee;  padding: 64px 0;}
.lpic::after {content: ''; display: block; clear: both;}
.lpic .pic {width: calc(50% - 3px); padding-right: 2%; display: inline-block; vertical-align: middle;}
.lpic .pic img {width: 100%;}
.lpic .desc {width: calc(50% - 3px); padding-left: 2%; display: inline-block; vertical-align: middle;}
.lpic .desc .sm {font-size: 16px; text-transform: uppercase; margin: 0 0 20px; color: #c4161c;}
.lpic .desc h1 {margin: 0 0 20px; font-size: 32px; font-weight: bold;}
.lpic .desc p {font-size: 18px; line-height: 28px; font-weight: 100; margin: 0 0 20px;}

.rpic::after {content: ''; display: block; clear: both;}
.rpic .pic {width: calc(50% - 3px); padding-left: 2%; display: inline-block; vertical-align: middle;}
.rpic .pic img {width: 100%;}
.rpic .desc {width: calc(50% - 3px); padding-right: 2%; display: inline-block; vertical-align: middle;}
.rpic .desc .sm {font-size: 16px; text-transform: uppercase; margin: 0 0 20px; color: #c4161c;}
.rpic .desc h1 {margin: 0 0 20px; font-size: 32px; font-weight: bold;}
.rpic .desc p {font-size: 18px; line-height: 28px; font-weight: 100; margin: 0 0 20px;}
.tryDataCleaning {display: inline-block; padding: 10px 20px; background: #c4161c; color: #fff; font-size: 14px; font-weight: 100; text-decoration: none;  margin: 0 0 20px;}

header {z-index: 100; }
header::after {content: ''; display: block; clear: both;}
header .top_nav ul {display: block;}
header .top_nav ul li {display: inline-block; position: relative;}
header .top_nav ul li ul {position: absolute; display: none; top: 100%; left: 0; width: 200px; background: #fff; padding: 22px 0 0;}
header .top_nav ul li:hover ul {display: block;}
header .top_nav ul li ul li {display: block; background: rgba(0,0,0,0.1); border-top: 1px solid #fff;}
header .top_nav ul li ul li:hover {background: #fff; border-top: 1px solid rgba(0,0,0,0.1);}
header .top_nav ul li ul li a {display: block;}

.container.emarketing {min-height: 600px;}

.banner.home .container a::before {content: '+'; display: inline-block; margin: 0 4px 0 0; font-size: 24px; line-height: 14px; vertical-align: middle;}
.banner.home .container a {display: inline-block; margin: 0 10px 0 0; color: #fff; text-decoration: none;
    padding: 5px 28px 6px 20px;
    border-radius: 3px 3px;
    background: #ff3b00; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #ff3b00 , #ff6800); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #ff3b00, #ff6800); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #ff3b00, #ff6800); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #ff3b00 , #ff6800); /* Standard syntax */
}
.banner.home .container { height: 572px;}
.banner.home .container h1 {padding: 154px 0 40px;}

.chooseUserData {text-align: center; position: relative;}
.chooseUserData h2 { font-size: 36px; color: #fff; font-weight: 600; text-transform: uppercase; padding: 0 0 40px; text-shadow: 0 2px 2px #000; text-align: center; margin: 0 0 40px;}

.userDataOptionWrap {display: table; width: 100%;}
#ChooseAdvUserDataList {margin: 0 0 10px;}
.userDataOptionWrap .box {display: table-cell; width: 50%; padding: 20px 4%; text-align: center; vertical-align: top; color: #fff;}
.userDataOptionWrap .box:nth-child(2) {border-left: 1px dotted #fff;}
.userDataOptionWrap .box .icon {display: block; margin: 0 0 20px;}
.userDataOptionWrap .box h3 {font-size: 24px; font-weight: 300; text-transform: uppercase; margin: 0 0 10px;}
.userDataOptionWrap .box h3 a {color: inherit; text-decoration: none;}
.userDataOptionWrap .box h3 a:hover {color: #00a0dc;}
.userDataOptionWrap .box p {font-size: 14px; font-weight: 200;}
.userDataOptionWrap .box p a {color: #00a0dc; text-decoration: none;}
.banner.home .container p {display: inline-block; width: 80%; margin: 0 0 40px;}

.chooseUserData { width: 100%; margin-top: 76px; position: relative;  background: url(images/HomeMainBannerBg.jpg) center no-repeat; background-size: cover; color: #fff; text-align: center;padding: 108px 0;}
.chooseUserData .container {width: 92%; margin: 0 auto; position: relative; height: 400px;}

.banner .container.sendbettermails h1 {padding: 220px 0 40px; font-size: 36px;}
.banner .container.sendbettermails {min-height: 600px; text-align: center;}
.banner .container.sendbettermails p { padding: 0 0 38px;}

.banner .container.sendbettermails a { display: inline-block; margin: 0 10px 0 0; color: #fff; text-decoration: none; padding: 5px 28px 6px 20px; border-radius: 3px 3px; background: #ff3b00; background: -webkit-linear-gradient(left, #ff3b00 , #ff6800); background: -o-linear-gradient(right, #ff3b00, #ff6800); background: -moz-linear-gradient(right, #ff3b00, #ff6800); background: linear-gradient(to right, #ff3b00 , #ff6800);}
.banner .container.sendbettermails a::before { content: '+'; display: inline-block; margin: 0 4px 0 0; font-size: 24px; line-height: 14px; vertical-align: middle;}

.banner.tubelight .container {min-height: 700px;}

.col13 {display: block;}
.col13 li {display: inline-block; vertical-align: top; width: 100%; margin: 0 2% 20px 0;}
.col13 li label {display: block; padding: 8px 0;}
/*.col13 li input[type=text] {display: block; padding: 0 8px; width: 70%; border: 1px solid #ccc; height: 36px; box-sizing: border-box;}
.col13 li textarea {display: block; padding: 0 8px; width: 70%; border: 1px solid #ccc; height: 300px; box-sizing: border-box;}
*/
.col13 li .form-col1 {display: block; padding: 0 8px; width: 79%; border: 1px solid #ccc; height: 36px; box-sizing: border-box;}
.col13 li .form-col2 {display: block; padding: 0 8px; width: 100%; border: 1px solid #ccc; height: 36px; box-sizing: border-box;}
.col13 li .form-textarea {display: block; padding: 0 8px; border: 1px solid #ccc; height: 300px; box-sizing: border-box;}
.submit13 input[type=submit] {display: inline-block; text-align: center; padding: 0 20px; height: 36px; background: #00a0dc; color: #fff; border: 0; min-width: 180px;}
.box {display: inline-block; text-align: center; padding: 0 20px; height: 36px; background: #000000; color: #fff; border: 0; width:20%;margin-left: 4px; }
.form-error{display:none;}

.howwork ul li { padding:10px; font-size:16px;list-style-type: circle;}


.startcamp {display: inline-block; margin: 0 10px 0 0; color: #fff; text-decoration: none;
    padding: 5px 28px 6px 20px;
    border-radius: 3px 3px;
    background: #ff3b00; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #ff3b00 , #ff6800); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #ff3b00, #ff6800); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #ff3b00, #ff6800); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #ff3b00 , #ff6800); /* Standard syntax */
}