/*Common CSS*/
*{margin:0;padding:0}
a{-webkit-transition:all .1s ease-out .1s;-moz-transition:all .1s ease-out .1s;-o-transition:all .1s ease-out .1s;transition:all .1s ease-out .1s}
@font-face{font-family:'Roboto-Regular';src:url(../fonts/Roboto/Roboto-Regular.woff) format("woff"),url(../fonts/Roboto/Roboto-Regular.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:'Roboto-Medium';src:url(../fonts/Roboto/Roboto-Medium.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:'Roboto-Light';src:url(../fonts/Roboto/Roboto-Light.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:'BebasNeue';src:url(../fonts/Bebas/BebasNeue.otf) format("truetype");font-weight:400;font-style:normal}

/* Fonts ends */
.all-transitions{-webkit-transition:all 300ms ease-out .2s;-moz-transition:all 300ms ease-out .2s;-o-transition:all 100ms ease-out .2s;transition:all 300ms ease-out .2s}
html{font-size:10px}
html,body{height:100%;font-family:'Roboto-Regular',sans-serif}
ul{list-style-type:none}

a{display:inline-block}
a:hover,a:focus{text-decoration:none;outline:none}
h1,h2,h3,h4,h5,h6{font-family:'Roboto-Medium';font-stretch:normal}
a,a:hover{-webkit-transition:all ease-out .15s;-moz-transition:all ease-out .15s;-o-transition:all ease-out .15s;transition:all ease-out .15s;-webkit-transition:all ease-in .15s;-moz-transition:all ease-in .15s;-o-transition:all ease-in .15s;transition:all ease-in .15s}

body{background-image:radial-gradient(circle at 48% 39%,#549dc5,#175374);padding:0;font-family:'Roboto-Medium';background-attachment:fixed;padding:50px 0 0 0}
#brandCampaign{padding:30px 0 0 0}
.test{calc(100vh - 81px)}
.stepsNo{font-family:'BebasNeue';font-size:48px;color:#fff;text-align:center}
.stepsNo span{opacity:.3}
.stepsNo span.sub{font-size:22px}
#brandCampaign .stepsNo {display: none}
.brandCampaignsWrapper{width: 900px;background-color:#fff;box-shadow:2px 2px 26px 0 rgba(0,0,0,0.5);margin:0 auto;position:relative;}
.topSection{padding: 32px 0;}
.stepsHeading{padding: 10px 0 0 20px;}
.stepsHeading h1{font-family:'BebasNeue';font-size: 36px;color:#000;margin: 0 0 20px 0;}
.stepsHeading h1 span { color: #e02d45;}
.obj--note {
    /* background-color: #e9e9e9; */
    /* height: 100vh; */
    padding: 40px 25px 0 10px;
    font-size: 16px;
}
.containWrapper {
    /* background-color: #e8e8e8; */
}
.camp--left--wrapper {
    background-color: #fff;
}
.camp--right--sec {
    position: relative;
}
.camp--right--sec {
    background-color: #e8e8e8;
}
.camp--right--sec .stepOneFooter {
    position: absolute;
    bottom: 0;
}
.stepsHeading h2{font-size:16px;color:#858585;margin:30px 0;font-style:italic;line-height:22px}
.stepsHeading p{font-size: 19px;color: #000000;font-family: Roboto-Light;font-weight: 600;}
.your-obj .stepsHeading{padding:0 0 20px 17px}
.your-obj .col-xs-12.col-sm-4 {
    /* float: right; */
    /* float: none; */
    /* padding: 0 5px; */
}
.your-obj .campaign--question:last-of-type{

}
.your-obj .hasError {
    margin: -20px 0 0 0;
}
.your-channel .hasError.stepTwo {
    margin: -20px 0 0 30px;
    display: inline-block;
}
.your-channel  {
    padding: 0px 0px 20px 0px;
    overflow: hidden;
    margin: 0;
    min-height: 400px;
}
.your-obj .col-xs-12.col-sm-4:nth-of-type(1){display: inline-block;}
.your-obj .col-xs-12.col-sm-4:nth-of-type(2){

    /* float: left; */

    float: right;
}
.your-obj .col-xs-12.col-sm-4:nth-of-type(3){

    float: left;
}
.your-obj{padding: 20px 10px 20px 20px;overflow: hidden;margin: -20px 0 0 0;}
.obj_heading{font-size:20px;text-align:center;color:#4b4b4b;padding:0 0 30px;display: none;}
.your-obj .type,.your-obj .obj{cursor:pointer}
.your-obj .obj{font-size:14px;font-weight:500;color:#404040;text-align:center;padding: 0px 10px 20px;position:relative;margin: 0 0 35px 0;background-color:#fff;border:solid 2px #e9e9e9;}
.your-obj .obj.active{border:solid 2px #13658e;}
.your-obj .obj.active .fa {
    color: #13658e;
}
.your-obj .campaign--question:last-of-type {}
.your-obj .obj p{color:#404040;display:inline-block;padding:0 0 0 7px}
.your-obj .obj p img{padding:0 5px 0 5px}
.your-obj .obj ul {
    text-align: left;
    list-style-type: disc;
    padding: 0 0 0 20px;
    display: none;
}
.your-obj .obj ul li {

    padding: 0 0 5px 0;
}

.stepOneGirl,.stepTwoGirl{position:absolute;right:-60px;bottom:0;z-index:2}
.stepOneFooter{padding: 0 20px 20px 20px;overflow:hidden;}
.stepOneFooter p{padding: 0;color: #000000;font-size:16px;float: right;}
.stepOneFooter p a{background-color:transparent;color: #000000;box-shadow:none;font-family:'Roboto-Regular';font-size:16px;padding:0;border: 1px solid #777;padding: 8px 35px;}
.stepOneFooter a{float:right;background-color:#dd2845;box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);font-family:'BebasNeue';font-size:22px;color:#fff;padding: 5px 35px;position:relative;z-index:2;}
.containWrapper{padding: 0 15px;}
.clickTOPre{color:#fff;padding:0 0 0 16px;margin:24px 0 0 0;font-family: 'Roboto-Light';}
.clickTOPre:hover{color:#fff;/* font-family: 'Roboto-Light'; */}
.socialMedia{padding: 0 0px 20px 25px;}
.socialMedia ul{border-bottom:1px solid #ccc;padding: 0 0 30px 0px;}
.socialMedia ul li{display:inline-block;font-size:32px;margin: 0 20px 15px 0;}
.socialMedia ul li img{-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.socialMedia ul li.active img{-webkit-filter:grayscale(0);filter:grayscale(0)}
.your-obj h2{margin:0 0 20px 13px;font-size:20px;font-weight:500;color:#404040}
.your-obj .type{background-color:#fff;border:solid 1px #d3d3d3;font-size:16px;font-weight:500;color:#404040;text-align:center;height:105px;padding:0;position:relative;margin:0 0 20px 0}
.your-obj .type.active{background-color:#12648e;color:#fff}
.your-obj .type,.your-obj .obj{cursor:pointer}

.campaignBriefObjective.your-obj .obj p {
    position: relative;
    z-index: 1;
    text-transform: capitalize;
}
.stepOneFooter p.menuButton a {
    border: 0;
    padding: 0 10px;
    color: #e02d45;
    font-family: Roboto-Medium;
}
.sign--Up--footer.stepOneFooter p.menuButton {
    margin: 10px 0 0 0;
}
.sign--Up--footer.stepOneFooter p a {
    margin: 0;
}
.sign--Up--footer.stepOneFooter p a:hover {
    color: #404040;
}
.sign--Up--footer.stepOneFooter {
    margin: 30px 0 0 0;
}
.sign--Up--footer #msform .buttonBlue {
    padding: 9px 35px;
    font-size: 16px;
    margin: 0;
}
.campaignBriefObjective.your-obj .obj:after {
    content: "";
    opacity: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}

.campaignBriefObjective.your-obj .obj {
    background-color: #d9e7ee;
    border: solid 1px #b6cfdb;
    font-size: 16px;
    font-weight: 500;
    color: #404040;
    text-align: center;
    height: 110px;
    padding: 50px 0 0;
    position: relative;
    margin: 0 0 25px 0;
}
.campaignBriefObjective.your-obj .obj.active{border:solid 3px #13658e;padding:48px 0 0}

.your-obj .obj .obj--icon {
    width: 40px;
    position: absolute;
    left: 20px;
    top: -20px;
    background-color: #eaeaea;
    border-radius: 60%;
    padding: 10px;
}
.your-obj .obj .obj--icon img {
    width: 100%;
    display: inline-block;
}
.your-obj .obj .obj_heading {
    color: #000000;
    font-size: 16px;
    padding: 10px 0 0 0;
    margin: 0;
    font-family: Roboto-Medium;
    font-family: Roboto-Regular;
    text-align: left;
}
.your-obj .obj .obj_heading span {

    font-family: Roboto-Medium;

    font-size: 16px;

    padding: 0 10px 0 0;

    font-weight: 800;
}
.your-obj .obj h4 {
    margin: 20px 0 15px 0;
    font-size: 14px;
    color: #404040;
    text-align: left;
    height: 52px;
}
.obj .obj-top-part {
    margin: 0;
    padding: 15px 60px 0 0;
    position: relative;
}
.obj .obj--check {
    position: absolute;
    font-size: 30px;
    right: 20px;
    top: 50%;
    margin-top: -18px;
}
.form-group label {
    display: block;
    text-align: left;
    padding: 0 0 7px 0;
    font-size: 15px;
    font-weight: normal;
    font-family: Roboto-Regular;
}
#msform .form-group input, .brandLoginForm .form-group input {
    border: 1px solid #d8d8d8;
}
.camp--left--wrapper .form-group {
    margin-bottom: 30px;
}
#msform .buttonRed, .brandLoginForm .buttonRed {
    background-color: #dd2845;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    font-family: 'BebasNeue';
    font-size: 22px;
    color: #fff;
    padding: 13px 40px 11px;
    position: relative;
    z-index: 2;
}
.brandLoginForm {
    text-align: center;
}
.type p{padding:13px 10px 0;font-size:16px;font-weight:500;margin:0}
.type p+p{font-size:12px;padding:5px 10px 0;color:#858585;-webkit-transition:all 300ms ease-out .2s;-moz-transition:all 300ms ease-out .2s;-o-transition:all 100ms ease-out .2s;transition:all 300ms ease-out .2s}
.your-obj .type.active p+p{color:#fff;-webkit-transition:all 300ms ease-out .2s;-moz-transition:all 300ms ease-out .2s;-o-transition:all 100ms ease-out .2s;transition:all 300ms ease-out .2s}
.form-wrapper{padding:0;}
.inputWrap div{width:92%!important;font-size:18px;color:#b2b2b2}
.customSelect.inputWrap div.box {
    width: 100% !important;
    height: 210px;
    overflow-y: scroll;
}
.formGroup{position:relative;padding-bottom:30px;height:80px;padding-top:10px;box-sizing:border-box}
.inputWrap{margin:0}
.inputWrap div.selectWrapper{width:100%!important}
.inputWrap .selectWrapper>div{border-bottom:1px solid #11648e;padding:0 0 3px 0;font-weight:600;font-family:'Roboto-Light'}
.inputWrap .selectWrapper>div.errorBorder{border-bottom:2px solid #f44336}
.formGroup.customSelect{height:auto}
.formGroup.customSelect span{width:92%;overflow:hidden;display:block;background-color:#f9f9f9;position:relative;z-index:999}
.box{padding:20px 0 0 20px}
.box ul li{padding:0 0 8px 0;height:40px;cursor: pointer;}
.box ul li:hover {

}
.formGroup.customSelect span {
    z-index: 9;
}
.box ul li.active span{color:#34688b;font-weight:700}
.box ul li label{border:1px solid #316485;border-radius:40px;width:30px;height:30px;text-align:center;margin:0 10px 0 0;vertical-align:middle;float:left}
.box ul li label img{width:16px;margin:1px 0 0 0}
.box ul li span{width:auto;display:inline-block;font-size:14px;color:rgba(0,0,0,0.87);float:left;margin:5px 0 0 0}
.slide-appear{opacity:0;transition:opacity .7s ease-in}
.slide-appear.slide-appear-active{opacity:1}
.slide-enter{max-height:0;transition:all .7s ease-in}
.slide-enter.slide-enter-active{max-height:1000px}
.slide-leave{max-height:1000px;transition:all .3s ease-out}
.slide-leave.slide-leave-active{max-height:0}
.formGroup.customSelect .selectCampaign .selectedCategory{background-color:#377a9f;position:relative;z-index:99}
.formGroup.customSelect .selectCampaign span{font-size:14px;color:#fff;padding:8px 7px 6px 18px;font-family:'Roboto-Light';border-radius:30px;display:inline-block;line-height:16px;margin:0 10px 0 10px;width:auto}
.selectCampaign span a{color:#fff;padding:0 0 0 3px}
.selectCampaign span a img{width:16px;opacity:.6}
.selectCampaign span a img {
    width: auto;
    opacity: 1;
    padding: 0 0 0 3px;
}
.selectCampaign{position:relative}
.selectCampaign:before{content:"\f0d7";font-family:FontAwesome;right:-5px;position:absolute;top:0;color:#000}
.formGroup .changeAge{font-weight:500;color:rgba(0,0,0,0.3);font-size:18px}
.formGroup .changeAge span{padding:0 5px 0 0}
.formGroup .changeAge strong{color:#404040}
.formGroup .rc-slider-handle{border:solid 2px #3b7fa4;background-color:#3b7fa4}
.formGroup .rc-slider-track{background-color:#3b7fa4}
.formGroup .rc-slider{width:92%}
.formGroup.textArea{height:auto;padding-bottom:0}
.formGroup.textArea hr{display:none}
.formGroup.textArea textarea{border-radius:8px;border:solid 1px #979797!important;padding:10px!important;margin-top:0!important}
.your-reward{padding:20px 80px 0 30px}
.your-reward p.rewardText{font-size:14px;font-weight:bold;text-align:left;color:#12648e;padding:0 0 10px 16px}
.your-reward .reward-type{background-color:#e9f1f5;border:solid 1px #b6cfdb;font-size:16px;font-weight:500;color:#404040;text-align:center;height:56px;padding:17px 0;position:relative;margin:0 0 10px 0;cursor:pointer}
.your-reward .reward-type p{position:relative;z-index:1;font-size:14px;padding:0 10px}
.your-reward .reward-type.active{background-color:#12648e;color:#fff}
.enterReward{font-size:18px;color:#858585;border-bottom:1px solid #d8d8d8;margin:30px 0 30px 0;padding:0 0 5px 0}

.campaign--free {

}
.campaign--free ul {

    margin: 30px 0 15px 0;
}
.campaign--free li {

    padding: 0 0 20px 20px;

    font-size: 19px;

    font-family: Roboto-Light;

    font-weight: 600;

    color: #000;
}
.campaign--free li i.fa {
    font-size: 24px;
    padding: 0px 15px 0 0px;
    vertical-align: middle;
}
.go-to-contact {
    margin: 30px 0 0 20px;
    border-top: 2px solid #d5d5d5;
    padding: 15px 0 0 0;
    font-size: 19px;
    color: #000;
    font-family: Roboto-Light;
    font-weight: 600;
    /* color: #000; */
}
.go-to-contact a {
    color: #e02d45;
    /* font-family: Roboto-Light; */
    font-family: 'Roboto-Medium';
    font-family: Roboto-Light;
    font-weight: 600;
    /* color: #000; */
}
/*CSS For CampaignReview Section*/
.yourDetail{padding:0 35px;color:rgba(0,0,0,0.87)}
.yourDetail h1.detailHeading{font-size:28px;font-weight:500;text-align:center;margin:0}
.yourDetail h1.subHeading{font-size:23px;font-weight:500;text-align:center;margin:0}
.yourDetail p.detailName{font-size:18px;text-align:center;padding:7px 0 0 0}
.brandTitle{margin-bottom:30px}
.detailWrapper{font-size:14px;color:rgba(0,0,0,0.87)}
.detailWrapper p.influencerDetailText{font-size:14px;color:#8c8c8c;font-weight:600;font-family:Roboto-Regular;padding:0 0 10px 0}
.detailWrapper p{padding:6px 0;margin:0;font-weight:300}
.detailWrapper p strong{color:#12648e;padding:0 0 0 10px;font-weight:600;font-family:Roboto-Regular}
.borderBottom{border-bottom:1px solid #d8d8d8;padding:0 0 15px 0;margin-bottom:20px}
.platform p{margin:0;display:inline-block;padding:15px 5px 0 0}
.platform .platformIcon{width:25px;margin:0 4px}
.deliverables,.reward{margin:25px 0 0 0}
.deliverables p,.reward p{color:#8c8c8c;font-weight:600;font-family:Roboto-Regular}
.deliverables ol{padding:4px 0 0 15px}
.deliverables li,.reward li{padding:0 0 5px 0}

/*CSS For Step Four*/
.formGroup i{color:#11648e;position:absolute;bottom:31px;font-size:24px;margin:0 15px 0 0}
.formGroup .fa+div{padding:0 0 0 40px}
.form-wrapper .contactInformation{font-size:24px;font-weight:500;color:#404040;padding:20px 0 0 19px}
.thankYouSection{text-align:center;padding:50px 0;top:0;width:100%;margin:50px auto 0}
.thankYouSection h1{font-family:'BebasNeue';font-size:45px;color:#12648e;margin:0;padding:0 0 20px 0}
.thankYouSection p{font-size:19px;color:#4a4a4a}
.thankYouSection ul{padding:30px 0 0 0}
.thankYouSection li{display:inline-block;padding:0 10px}
.hasError{color:#dd2845}
.formGroup .hasError{color:#f44336;font-size:11px;border-bottom:0!important;padding:5px 0 0 0!important}
.thankYouSection li a img{width:70px}
.thankYouSection h1.connectWithUs{margin:50px 0 0 0;font-size:30px;color:#dd2845;padding:0}
.goTo a{background-color:#dd2845;box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);font-family:'BebasNeue';font-size:22px;color:#fff;padding:5px 15px;margin:30px 0 0 0}

/*CSS For Create Campaign -> Choose Platform*/
.social-platform{text-align:center;border:2px solid #e9e9e9;width: 80px;height: 80px;border-radius:50%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0 auto;opacity:1;cursor: pointer;}
.social-platform i{font-size:35px;margin:0 auto}
.social-platform.active{opacity:1}
.social-platform.active .fa {color: #fff}
.social-platform.active.Facebook {background-color: #194c99}
.social-platform.active.Twitter {background-color: #00cff7}
.social-platform.active.Instagram {background-image: linear-gradient(194deg, #b412d6, #e32858 63%, #ffc61c);}
.social-platform.active.Youtube {background-color: #e70000}
.social-platform.active.Snapchat {background-color: #fffc24}
.social-platform.active.Website {background-color: #00b5c0}
.social-platform.active.Pinterest {background-color: #e50000}
.social-platform.active.Other {background-color: #858585}
.social-platform.active.Linkedin {background-color: #0077B5}
.social-platform.active.Whatsapp {background-color: #4FCE5D}
.social-platform.active.TikTok {background-color: #532d24}
.selectCampaign .selectedCategory{border:1px solid #166590;border-radius:20px;padding:5px 10px;margin:5px 10px 5px 0;display:inline-block}
.socailMediaName{text-align:center;font-family:'Roboto-Regular';padding:20px 0 0 0;margin: 0 0 50px 0;font-size: 16px;}
.social-platform i.fa-facebook{color:#194c99}
.social-platform i.fa-twitter{color:#00cff7}
.social-platform i.fa-instagram{color:#e32858}
.social-platform i.fa-youtube-play{color:#e70000}
.social-platform i.fa-snapchat-ghost{color:#fffc24}
.social-platform i.fa-globe{color:#00b5c0}
.social-platform i.fa-pinterest-p{color:#e50000}
.social-platform i.fa-linkedin {color: #0077B5;}
.social-platform i.fa-whatsapp {color: #4FCE5D;}
.hasError.stepTwo{overflow:hidden;width:100%;margin:0 0 0 60px}


/*CSS For Sign In & SignUp Form*/
.menuButton{float:right;margin: 20px 0 0 30px;}
.menuButton ul{ border:1px solid #13658e;  padding:0;  margin:-3px 0 0 10px;  overflow:hidden}
.menuButton li{ display:inline-block;  box-sizing:border-box;  float:left}
.menuButton a{ color:#12638c;  padding:4px 10px;  text-transform:capitalize}
.menuButton ul li.active a{ background-color:#12638c;  color:#fff}

/*CSS End For Sign Up -> Input Effect*/
#brandSignUp{background-color:#13658e;padding: 7% 0 0;height: 100vh;position: relative;margin-top: -55px;}
.frmLeft,.frmRight{width:50%;float:left}
.max-width{width:100%}
.frmRight{background-color:#fff;padding:0 15px 30px}
.frmLeft{background-color:#dd2847}
.signUpWrapper {overflow: hidden;/* box-shadow: 0 12px 13px 0 rgba(0, 0, 0, 0.5); */width: 100%;margin: 0 auto;margin: 0;background-color: #dd2847;}
.formTop{padding: 50px 10px 30px;}
.formTop p{color:#13658e}
.formTop p a{font-size:16px;color:#13658e;padding:0;margin:0 30px 0 0;font-family:'Roboto-Regular';cursor: default;}
.formTop p a.active{font-family:'Roboto-Medium';border-bottom:3px solid #13658e}
.formTop p a+a{margin:0 0 0 30px}
.frmLeft h3{color:#fff;padding: 20px 16px 16px 8px;font-size: 16px;line-height:1.5;text-align: center;margin: 0;/* font-family: Roboto-Regular; */font-weight: 300;font-family: 'Roboto-Light';}
.frmLeft .signUpImg {width: 70%;margin: 0 auto;}
.frmLeft .signInImg {width: 85%;margin: 0 auto;}
/*CSS Start For Sign Up Page*/
/*CSS Start For Sign Up -> Input Effect*/
form{margin:0 auto; padding:15px 15px 15px 15px}

.group{position:relative;margin-bottom: 30px;}

.brandLoginForm .group+.group{ margin-bottom:16px}
input{font-size:16px;padding:10px 10px 10px 5px;-webkit-appearance:none;display:block;color:#636363;width:100%;border:0;border-radius:0;border-bottom:1px solid #d8d8d8;}
input:focus{outline:0}

.group label{color:#13658e; font-size:12px; font-weight:normal; position:absolute; pointer-events:none; left:5px; top:10px; -webkit-transition:all .2s ease; transition:all .2s ease}

.group input:focus ~ label, .group input.used ~ label{top:-20px; -webkit-transform:scale(.75); transform:scale(.75); left:-2px; color:#13658e}

.bar{position:relative; display:block; width:100%}
.bar:before, .bar:after{content:''; height:2px; width:0; bottom:1px; position:absolute; background:#13658e; -webkit-transition:all .2s ease; transition:all .2s ease}
.bar:before{left:50%}
.bar:after{right:50%}

input:focus ~ .bar:before, input:focus ~ .bar:after{width:50%}

.highlight{position:absolute; height:60%; width:100px; top:25%; left:0; pointer-events:none; opacity:.5}

input:focus ~ .highlight{ -webkit-animation:inputHighlighter 0.3s ease;  animation:inputHighlighter 0.3s ease}

@-webkit-keyframes inputHighlighter{from{background:#4a89dc}
    to{width:0; background:transparent}
}
@keyframes inputHighlighter{from{background:#4a89dc}
    to{width:0; background:transparent}
}


.button{position:relative; display:inline-block; padding:8px 40px; margin:0 auto; width:auto; vertical-align:middle; color:#fff; font-size:14px; line-height:20px; -webkit-font-smoothing:antialiased; text-align:center; letter-spacing:1px; background:transparent; border:0; cursor:pointer; -webkit-transition:all .15s ease; transition:all .15s ease}
.button:focus{outline:0}
.buttonBlue{background:#13658e; text-shadow:1px 1px 0 rgba(39,110,204,.5); display:inherit; font-family:Roboto-Medium}
.buttonBlue:hover{background:#034261}

.ripples{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:transparent}

.ripplesCircle{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); opacity:0; width:0; height:0; border-radius:50%; background:rgba(255,255,255,0.25)}
.ripples.is-active .ripplesCircle{-webkit-animation:ripples .4s ease-in; animation:ripples .4s ease-in}

@-webkit-keyframes ripples{0%{opacity:0}
    25%{opacity:1}
    100%{width:200%; padding-bottom:200%; opacity:0}
}
@keyframes ripples{0%{opacity:0}
    25%{opacity:1}
    100%{width:200%; padding-bottom:200%; opacity:0}
}

.frmLeft h4{text-align:center;color:#fff;margin:32px 0 16px 0;font-size:16px}
.selectedOptions{color:#fff;padding:0 16px}
.platformOptions{padding:10px 0 0 0}
.platformOptions li{display:inline-block;text-align:center;padding:0 16px 15px 0}
.platformOptions li i{font-size:24px}
.platformOptions li p{margin:10px 0 0 0;/* font-family:'Roboto-Medium'; */font-family: 'Roboto-Light';}
.objectiveOptions{border-bottom:1px solid rgba(255,255,255,0.4);padding:10px 0 10px 0;margin:0 0 24px 0}
.objectiveOptions li{display:inline-block;color:#fff;color:#404040;display:inline-block;padding:8px 8px 8px 8px;margin:0 12px 10px 0;border-radius:0;border:1px solid #fff}
.objectiveOptions li img{height:20px;padding:0 8px 0 0}
.objectiveOptions li span{font-size:12px;color:#fff;font-family: 'Roboto-Light';}
.signUpLogo{position:fixed;top:15px;margin:0;left:30px;width:90px}
.platformOptions li span .platformIcon {
    height: 23px;
}
/*CSS For Header */
.logo img{margin-top:-5px}
.navigation button{margin:0}
.navMenu{float:right;margin:0}
.navMenu ul li{display:inline-block;font-family:'Roboto-Regular',sans-serif}
.navMenu ul li a{color:#fff;padding: 0 20px;font-size: 16px;font-family: Roboto-Light;}
.navMenu ul li a.active {
    font-family: Roboto-Medium;
}

.navigation button{margin:0}
.navMenu{float:right;}
.navMenu ul {
    /* margin: 0 */
    margin: -15px 0 0 0;
}
.navMenu ul li {}
.navMenu ul li{display:inline-block;margin: 0;padding: 0;}
.navMenu ul li a{color:#fff;padding:0 20px;font-size: 16px;font-family: Roboto-Medium;}
.navMenu ul li a.active {font-family: Roboto-Medium;}
.navMenu ul li a{color:#fff;padding:0 10px;padding: 16px 10px 17px;font-size: 16px;text-transform: uppercase;}
.top-nav{position:fixed;top:0;z-index:99999;width:100%;left:0;height:55px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.25);-moz-box-shadow:0 1px 5px rgba(0,0,0,0.25);box-shadow:0 1px 5px rgba(0,0,0,0.25);-webkit-transition:all .15s ease-out .15s;-moz-transition:all .15s ease-out .15s;-o-transition:all .15s ease-out .15s;transition:all .15s ease-out .15s;-webkit-transition:all .15s ease-in .15s;-moz-transition:all .15s ease-in .15s;-o-transition:all .15s ease-in .15s;transition:all .15s ease-in .15s}
.transparent{box-shadow:none}

.navMenu ul li i {
    margin: 0 10px 0 0;
    font-size: 19px;
    color: #fff;
}
.navMenu ul li {
    display: inline-block;
    position: relative;
}
.navMenu ul li i {
    margin: 0 10px 0 0;
    font-size: 19px;
    color: #fff;
}
.navMenu ul li ul {
    display: none;
}
.navMenu ul li:hover {
    cursor: pointer;
    background-color: #ffffff;
}
.navMenu ul li:hover a, .navMenu ul li:hover i {
    color: #14658c;
}

.navMenu ul li:hover ul li {
    display: block;
    background-color: #ffffff;
}
.navMenu ul li:hover ul li span {
    float: right;
    color: #f9f9f9;
    background-color: #f03861;
    padding: 2px 5px;
    text-align: center;
    font-size: 0.8rem;
    border-radius: 3px;
}
.navMenu ul li:hover ul li:hover {
    background-color: #e0e0e0;
}
.navMenu ul li:hover ul li:hover span {
    background-color: #ee204e;
}
.multi--menu ul li {display: block;padding: 0;}
.multi--menu ul li a {color: #14668f;padding: 5px 10px;}

.top-nav{background-color:#e02645;position:fixed;top:0;z-index:999;width:100%;left:0;height:55px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.25);-moz-box-shadow:0 1px 5px rgba(0,0,0,0.25);box-shadow:0 1px 5px rgba(0,0,0,0.25);-webkit-transition:all .15s ease-out .15s;-moz-transition:all .15s ease-out .15s;-o-transition:all .15s ease-out .15s;transition:all .15s ease-out .15s;-webkit-transition:all .15s ease-in .15s;-moz-transition:all .15s ease-in .15s;-o-transition:all .15s ease-in .15s;transition:all .15s ease-in .15s;/* overflow:hidden; */padding:15px 0 0 0;}
.top-nav .logo{float:left;margin: 0px}
.headerForm{display:inline-block;padding:0;float:left;margin:0 0 0 30px}
.headerForm form{padding:0}
.headerForm form input{display:inline-block;margin:0 8px;width:auto;padding:3px 10px;background-color: transparent;color:#fff;border: 1px solid #fff;font-size:14px;height:27px;}
.headerForm form input#headerEmail{width:250px}
.headerForm form input#headerPassword{width:150px}
.headerForm form button{background-color:#fff;border:0;padding: 5px 14px 2px;color:#12648e;/* box-shadow:1px 1px 11px 0 rgba(0,0,0,0.5); */margin:0 0 0 10px;height:27px;font-size: 12px;margin: 0;}
.headerForm ::-webkit-input-placeholder{color:#fff;font-family:'Roboto-Regular';font-size:14px}
.headerForm ::-moz-placeholder{color:#fff;font-family:'Roboto-Regular';font-size:14px}
.headerForm :-ms-input-placeholder{color:#fff;font-family:'Roboto-Regular';font-size:14px}
.headerForm :-moz-placeholder{color:#fff;font-family:'Roboto-Regular';font-size:14px}
.top-nav .navigation{float:right}
.navbar-toggle .icon-bar{background-color:#fff}
.mobForm{display:none}
.headerForm form .sign--up {
    background-color: #fff;
    border: 0;
    padding: 5px 8px 3px;
    color: #12648e;
    margin: 0 0 0 4px;
    height: 27px;
    font-size: 12px;
    vertical-align: top;
}
.brandCampaignsWrapper .form-wrapper {padding-left: 30px;}
.brandCampaignsWrapper .form-wrapper.campaignbriefFrm {padding-left: 0px;}
#brandCampaign .brandCampaignsWrapper .form-wrapper {
    padding: 0;
    margin: 0 -15px;
}
/*Media Query Start*/
@media (max-width: 767px) {
    .brandCampaignsWrapper {
        width: 100%;
    }
    .your-obj {
        padding: 20px 15px 0;
    }
}

@media (max-width: 992px) {

}

@media (min-width: 600px) and (max-width: 992px) {

}
@media (min-width: 768px) and (max-width: 992px) {

}
@media (min-width: 993px) and (max-width: 1920px) {

}
@media (min-width: 1024px) and (max-width: 1920px) {

}




@media (max-width: 992px) {

}

@media (max-width:1600px){


}
@media (max-width:1440px){

}
@media (max-width:1366px){

}
@media (max-width:1360px){

}

@media (max-width:1280px){
    .headerForm form input#headerPassword{width:110px}
    .headerForm form input#headerEmail{width:170px}
}
@media (max-width:1204px){

}
@media (max-width:800px){
    .top-nav .logo,.navMenu{margin:0}
    .headerForm{margin:0 0 0 20px}
    .headerForm form input#headerEmail{width:120px}
    .headerForm form input#headerPassword{width:75px}
    .navMenu ul li a{color:#fff;padding:0 6px;font-size:12px}
    .logo img{width:80px}
    .headerForm form button{font-size:12px;padding:5px 8px 2px}
    .headerForm form input{margin:0 4px}
    .headerForm form button{margin:0 0 0 4px}
    .brandCampaignsWrapper{width:100%}
}

@media (min-width: 240px) and (max-width: 670px) {
    .thankYouSection li a img{width:50px}
    .thankYouSection{height:219px}
    .stepsHeading h2{font-size:16px;color:#858585;margin:30px 0 30px 0;font-style:italic;line-height:22px}
    .stepsHeading{padding:10px 0 0 0}
    .inputWrap div{font-size:14px;color:#b2b2b2}
    .headerForm{display:none}
    .navMenu{position:fixed;top:0;right:-700px;background-color:rgba(0,0,0,0.9);height:100%;width:100%;-webkit-transition:all ease-out .3s;-moz-transition:all ease-out .3s;-o-transition:all ease-out .3s;transition:all ease-out .3s}
    .navMenu.active{right:0;-webkit-transition:all ease-in .3s;-moz-transition:all ease-in .3s;-o-transition:all ease-in .3s;transition:all ease-in .3s}
    .navbar-toggle{position:relative;z-index:99999}
    .navMenu ul{padding:50px 0 0}
    .navMenu ul li{display:block;text-align:center}
    .navMenu ul li a{font-size:16px;padding:17px 0;display:block}
    .rightSection{display:none}
    .navbar-toggle .icon-bar,.navbar-toggle:not(.collapsed) .icon-bar{-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition-delay:.3s;-ms-transform-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
    .navbar-toggle:not(.collapsed) .icon-bar{background-color:#fff}
    .navbar-toggle:not(.collapsed) .icon-bar:nth-child(1){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
    .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2){opacity:0}
    .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-7px}
    .edge{display:none}
    .slideContainer li img{height:20px}
    #howWeDo ul{text-align:center;padding:10px 0 0}
    .logo img{width:85px}
    .horizontal li{margin:0 5px 5px 0}
    .mobForm{display:block;margin:0 15px;border-top:1px solid #fff;padding:20px 0 0 0;text-align:center;float:none}
    .headerForm form input#headerEmail{width:80%;margin:0}
    .headerForm form input#headerPassword{width:80%;margin:20px 0}
    .headerForm form button{width:30%}
    .headerForm form input{background-color:transparent;border:1px solid #fff}

    .obj_heading {
        font-size: 20px;
        text-align: center;
        color: #4b4b4b;
        padding: 0 0 10px;
        /* border-bottom: 1px solid #ccc; */
        margin: 30px 0 20px 0;
        font-family: 'BebasNeue';
        font-size: 24px;
        color: #12648e;
    }
}




/*form styles*/
.sign--Up--frmRight {
    height: 475px;
    overflow: hidden;
}
#msform {
    margin: 0;
    text-align: center;
    position: relative;
    width: 90%;
    /* height: 450px; */
    margin: 0px auto 0;
    padding: 0;
}
#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 3px;
    /* box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); */
    /* padding: 20px 30px; */
    box-sizing: border-box;
    width: 100%;
    /* margin: 0 10%; */

    /*stacking fieldsets above each other*/
    position: relative;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}
/*inputs*/
#msform input, #msform textarea {
    padding: 15px;
    /* border: 1px solid #ccc; */
    /* border-radius: 3px; */
    /* margin-bottom: 10px; */
    width: 100%;
    box-sizing: border-box;
    color: #2C3E50;
    font-size: 13px;
}
/*buttons*/
#msform .action-button {
    width: 100px;
    background: #30658e;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 1px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
    display: inline-block;
    font-weight: 300;
}
#msform .buttonBlue {
    display: inline-block;
    padding: 10px 35px;
    font-weight: 300;
    font-size: 12px;
    margin: 10px 0 15px 5px;
    font-size: 16px;
}
#msform .action-button.skipContinue {
    background-color: transparent;
    color: #30658e;
    border: 1px solid #30658e;
}
#msform .action-button.disable {
    pointer-events:none;
    opacity: 0.5;
}
#msform .action-button:hover, #msform .action-button:focus {
    /* box-shadow: 0 0 0 2px white, 0 0 0 3px #30658e; */
    opacity: 0.9;
}
/*headings*/
.fs-title {
    font-size: 19px;
    text-transform: uppercase;
    color: #2C3E50;
    margin: 60px 0 15px 0;
}
.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
    margin-top: 0;
}

.styled-select {
    border: 0;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    box-sizing: border-box;
    border-radius: 0;
    overflow: hidden;
    position: relative;
}
.styled-select, .styled-select select {width: 100%;margin-bottom: 10px;}
select:focus { outline: none; }
.styled-select select {
    height: 34px;
    padding: 12px 0 5px 5px;
    background: transparent;
    border: none;

    /*hide default down arrow in webkit */
    -webkit-appearance: none;
    font-size: 16px;
}

@-moz-document url-prefix(){
    .styled-select select { width: 110%; }
}

.fa-sort-desc {
    position: absolute;
    top: 0;
    right: 12px;
    font-size: 24px;
}

select::-ms-expand { display: none; } /* hide default down arrow in IE10*/
.control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 12px;
    text-align: left;
    color: #2C3E50;
    font-weight: 300;
    padding-top: 5px;
    /* margin-top: 15px; */
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
}
.control--radio .control__indicator {
    border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
    background: #ccc;
}
.control input:checked ~ .control__indicator {
    background: #30658e;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    background: #30658e;
}
.control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}
.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control__indicator:after {
    display: block;
}
.control--checkbox .control__indicator:after {
    left: 8px;
    top: 4px;
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.control--checkbox a {
    color: #30658e;
    border-bottom: 1px solid #30658e;
}
.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}
.control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff;
}
.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}
.radioHeading {
    font-size: 15px;
    text-align: left;
    margin: 30px 0 10px 0;
}
.radio--button-wrapper {
    overflow-y: scroll;
    margin: -20px 0 20px 0;
}
.scrollbar {
    height: 300px;
    overflow: hidden;
    overflow-y: scroll;
    margin-bottom: 25px;
}
#style-4::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar
{
    width: 5px;
    background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar-thumb
{
    background-color: #13658e;
    border: 2px solid #555555;
}
.radio--button-wrapper .control-group {
    margin-bottom: 15px;
    width: 80%;
}
.error {
    color: red;
    margin-left: 5px;
}

label.error {
    display: inline;
}

.verification--wrapper {
    padding: 15px 15px;
    background-color: #fff;
    box-shadow: 0 8px 13px 0 rgba(0,0,0,0.5);
    overflow: hidden;
    box-shadow: 0 8px 13px 0 rgba(0,0,0,0.5);
    margin: 0 auto;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%,-50%);
    width: 40%;
}
.verification--Wrapper---heading {
    font-size: 20px;
    border-bottom: 1px solid #30658e;
    color: #30658e;
    padding: 0 0 10px 0;
}
.verification--Wrapper---heading i {padding: 0 5px 0 0;}
.verification--Wrapper---description {font-size: 14px;color: #2C3E50;}
.signUpWrapper .error {
    text-align: left;
    font-size: 12px;
    margin: -5px 0 10px 5px;
    color: #dd2c47;
}
.signUpWrapper .hasError {
    font-size: 11px;
    display: block;
    text-align: left;
    padding: 3px 0 0 0;
}
.signUpWrapper .group {
    margin-bottom: 25px;
}
.campaignTime {
    padding: 0 30px;
}
.hasError.stepTwoOne {
    margin: 0 0 0 20px;
}
#how--soon .control {
    font-size: 16px;
    padding-top: 2px;
}
.camp--left--sec {
    /* float: right; */
}

@media (max-width: 768px){
    .frmLeft {
        display: none;
    }
    .frmRight {
        width: 100%;
    }
    .stepOneFooter {
        padding: 0 15px 20px 15px;
    }
    .scrollbar {
        height: 330px;
    }
    #msform {
        height: auto;
    }

    .camp--right--sec {
        height: auto !important;
        overflow: hidden;
    }
    .camp--left--sec {
        float: left;
    }
}

.fa-tiktok {
    background:url("../img/campaign/Tik-Tok--Logo.png") no-repeat center;
    width: 30px;
    height: 35px;
}
.social-platform.active .fa-tiktok {
    background:url("../img/campaign/Tik-Tok--Logo--active.png") no-repeat center;
}
@media (min-width: 581px) and (max-width: 2100px) {
    .navMenu ul li:hover ul {
        display: block;
        margin-top: 0;
        width: 200px;
        left: 0;
        position: absolute;
    }
}
.inputWrap.contact-info div {
    width: 99% !important;
}
.formGroup.contact-info i {
    bottom: 40px;
}
.inputWrap.contact-info span .box p {
    display: none;
}