:focus {
outline:0;
}

.WebRupee {
	font-family:'WebRupee';
	font-style:normal;
}
@font-face {
font-family: 'WebRupee';
src: url('../fonts/WebRupee.V2.0.eot');
src: local('WebRupee'), url('../fonts/WebRupee.V2.0.ttf') format('truetype'), url('../fonts/WebRupee.V2.0.woff') format('woff'), url('WebRupee.V2.0.svg') format('svg');
font-weight:normal;
font-style:normal;
}
.rev_slider_wrapper{position:relative;}
.center{   position:absolute;
    height: X px;
    width: Y px;
    left:50%;
    top:50%;
    margin-top:- X/2 px;
    margin-left:- Y/2 px;}
.rev_slider_wrapper  p{font-weight: 300;
    font-size: 18px; line-height:18px;}
.nomargin{padding:0px!important}
.half-w-r button{ font-size:18px; font-weight:bold;}	
.listing .rev_slider_wrapper .tp-mask-wrap{width:600px!important}
.listing .rev_slider	p{
	    white-space: normal;
    transition: none 0s ease 0s;
    line-height: 18px;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    letter-spacing: 0px;
    font-weight: 300;
    font-size: 15px;color:#565759;
    line-height: 30px!important}
#step1 h4{font-size: 26px;
    line-height: 35px;}	
	.half-w-l, .half-w-r{width:50%;float:left;}

.sticky-wrap .btn-red{    font-size: 18px;
    font-weight: bold;
    width: calc(100% - 20px);
    margin: 0px 20px}	
.slick-prev{
display:none!important	}
.section-card {
    margin-bottom: 10px;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    background: #fff;
	padding: 10px 20px;
	    text-align: left;
}
.half-w-r{    font-size: 16px;}
.half-w-r h4{line-height: 55px;
    float: left;
    color: #eb2028;
    font-weight: 600;    font-size: 21px;}
.section-card-header {
    padding: 8px 20px;
    text-transform: uppercase;
    color: #000;
	
    font-weight: 500;
    font-size: 18px;
    background: #f9f9f9;
    border-bottom: none;
	text-align:left;
}
.section-card .form-control{
	background:#fff;
	box-shadow:none;
	border:0px;
	font-size: 14px;
   margin: 0px 0px 20px 0px;
    border-bottom:1px #ddd solid;
	}
.section-card .calender-box {
    float: left;
    width:100px;    margin: 0px 10px 0px 0px;
}
.section-card input[type="number"]:focus{background:#fff!important;     border-bottom: 1px #c0baba solid;}	
.section-card input[type="text"]:focus{background:#fff!important;     border-bottom: 1px #c0baba solid;}	
	.section-card select:focus{background:#fff!important;   /*  border-bottom: 1px #c0baba solid;*/}	
.adset-item {
    background: #f9f9f9;
    border-left: 2px #666666 solid;
    padding: 5px;
}

.listing .two-third.column {
    width: 68.6%;
}
.side-area {
margin: 20px 0px 0px 20px;

}
 input[type=date] {
    -webkit-appearance: none;
}
 .btn-red{    font-size: 18px;
    font-weight: bold;
     width: 200px;
    display: block;
    margin: 0px auto;}	
.campaign-info {
    border-radius: 4px;
    font-size: 14px;
    padding: 10px 15px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.08);
    border: .5px solid rgba(0,0,0,.05);
    margin-bottom: 6px;
    background: hsla(0,0%,85%,.2);
    position: relative;
}
.side-area h4{    margin-top: 20px;}
.campaign-summary  h4{    margin-top: 20px;}
.campaign-info h1 {
    font-size: 28px;
    float: left;
    text-transform: none;
    padding-right: 10px;
        margin: 0px;
    padding-bottom: 0px;
    line-height: 20px;
    padding-top: 15px;
}
.title-sm{    float: left;
    padding: 10px 0px 0px 0px;
    font-size: 18px;     line-height: 37px;   color: #333;}
.campaign-info .name-type-container {
    display: -ms-flexbox;
    display: flex;
	width: 100%;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
}	
.half-w strong{ font-weight:600;}
.mt50{margin-top:50px!important;}	

.calculation{width:350px; float:right}
.amnt{    font-size: 20px;
    font-weight: 600;}
.calculation table td{ border:0;}

.calculation table td{    color: #666!important;}
.mobile-device-container {
    width: 200px;
    height: 400px;
    max-width: 250px;
    max-height: 400px;
    min-width: 200px;
    margin: 30px auto 30px auto;
    background: #fff;
    min-height: 400px;
    border-radius: 24px;
    box-shadow: 5px 0 7px 0 hsla(220,3%,64%,.15), 0 0 7px 0 hsla(230,3%,64%,.15), 0 6px 7px 0 hsla(230,3%,64%,.15), 0 -2px 7px 0 hsla(230,3%,64%,.15);
    padding: 0px 20px;
    padding-top:30px;
    padding-bottom: 60px;
}
.mobile-device-container-sm {
    width: 200px;
    height: 400px;
    max-width: 200px;
    max-height: 400px;
    min-width: 200px;
    margin: 0px auto 30px auto;
    background: #fff;
    min-height: 400px;
    border-radius: 24px;
    box-shadow: 5px 0 7px 0 hsla(220,3%,64%,.15), 0 0 7px 0 hsla(230,3%,64%,.15), 0 6px 7px 0 hsla(230,3%,64%,.15), 0 -2px 7px 0 hsla(230,3%,64%,.15);
    padding: 20px;
    padding-top: 30px;
    padding-bottom: 60px;
}
.mobile-device-container .screen-container .video-player-container .status-bar-container, .mobile-device-container-sm .screen-container .video-player-container .status-bar-container{
    position: absolute;
    top: 0;
    font-size: 7px;
    color: #fff;
    padding: 0 3px;
    width: 100%;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.mobile-device-container .screen-container,  .mobile-device-container-sm .screen-container{
    width: 100%;
    height: 100%;
}	
	
	.mobile-device-container .screen-container .video-player-container, 	.mobile-device-container-sm .screen-container .video-player-container {
    position: relative;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3f5264+1,353e45+50,262f36+100 */
background: #3f5264; /* Old browsers */
background: -moz-linear-gradient(top, #3f5264 1%, #353e45 50%, #262f36 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #3f5264 1%,#353e45 50%,#262f36 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #3f5264 1%,#353e45 50%,#262f36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f5264', endColorstr='#262f36',GradientType=0 ); /* IE6-9 */





	
}
.mobile-bottom{    position: relative;
    bottom: 25px;}


	.mobile-device-container .screen-container .video-player-container .status-bar-container .network, .mobile-device-container-sm .screen-container .video-player-container .status-bar-container .network{
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center;
    align-items: center;
}

.mobile-device-container .screen-container .video-player-container .status-bar-container .time-container, .mobile-device-container-sm .screen-container .video-player-container .status-bar-container .time-container{
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}

.mobile-device-container .screen-container .video-player-container .status-bar-container .battery-container, .mobile-device-container-sm .screen-container .video-player-container .status-bar-container .battery-container{
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.mobile-device-container .screen-container .video-player-container .player-container, .mobile-device-container-sm .screen-container .video-player-container .player-container {
    position: relative;
    /* background: #000; */
    min-height: 150px;
    height: 68%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: 40px 20px 10px 20px;
}
.mobile-device-container .screen-container .video-player-container .status-bar-container .battery-container .zmdi, .mobile-device-container-sm .screen-container .video-player-container .status-bar-container .battery-container .zmdi{
    margin-left: 4px;
    margin-top: 0;
    font-size: 10px;
    transform: rotate(90deg);
}
.zmdi {
    display: inline-block;
    font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cta-container-empty {
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px;
   /* background: #eee;*/
    font-size: 1vw;
}
.cta-container-empty h1 {
    color: #fff;
    font-size: 15px;
    margin: 0px;
    padding: 0px;
    line-height: 30px;
}
.logo-with-info .logo {
    position: relative;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
}
.logo-with-info{
    overflow: hidden;
    font-size: 1em;    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.action-button{ 
    border-radius: 3px;
    height: 25px;
    padding: 0px 5px;
    margin-top: 13px;}
	
.action-button span{color:#fff}	
.mobile-device-container .screen-container .video-player-container .cta-container-empty, .mobile-device-container-sm .screen-container .video-player-container .cta-container-empty {
    height: 50px;

}
.mobile-device-container .screen-container .video-player-container .cta-container-empty, .mobile-device-container-sm .screen-container .video-player-container .cta-container-empty {
    height: 40px;
    padding: 10px 20px;
}

.mobile-device-container .screen-container .secondary-data, .mobile-device-container-sm .screen-container .secondary-data {
      height: 42%;
/*    opacity: .4;
    background: #fff;*/    background: #191e22;
    width: 100%;
}	
.title {
    text-transform: none;
    font-size: 16px;    font-weight: 500;color:#000; 
	text-align:left;
	
}

.section-card .column, .section-card .columns {
    float: left;
    margin: 0 1% 0px;
}
.sm-label {
    float: left;
    font-size: 14px;
    font-weight: normal;
    line-height: 32px;
    margin: 0px;
    position: relative;
    top: 12px;
    color: #333;
}
.sm-box {
    width: 50px!important;
    float: left;
    margin: 0px 10px 0px 0px!important;
}




.section-card .inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.section-card .inputfile:focus + label{    outline: 0!important;}
.section-card input:focus{outline:0;}
.section-card .inputfile + label {
    cursor: pointer;
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color: black;
    display: inline-block;
}

.section-card .inputfile:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

.section-card .inputfile + label * {
    pointer-events: none;
    color: #989191;
    font-weight: normal;
    font-size: 14px;
}

.section-card .inputfile + label,  .section-card .inputfile + label:hover{
    padding: 10px 20px;
  margin: 0px 0 10px 0;
    font-family: 'Montserrat', sans-serif;
    background-color: #fff;
    border-radius: 2px;
    border: 1px dashed #ccc;
    width: 80%;
}


.side-area .section-card small {
    font-size: 15px;
    display: block;
    color: #464343;
    font-weight: bold;
}

.cssProgress {
  width: 100%;
  margin-bottom: 20px;
}
.progress1 {
    position: relative;
    overflow: hidden;
    width: 100%;
    background-color: #EEE;
        border-radius: 3px;
    height: 14px;
    font-family: "Roboto", sans-serif;
}

.cssProgress-bar {
    display: block;
    float: left;
    width: 0%;
    height: 100%;
    line-height: 14px;
    background: #8BC34A;
    box-shadow: inset 0px -1px 2px rgba(0, 0, 0, 0.1);
    transition: width 0.8s ease-in-out;
}
  .cssProgress-label {
    position: absolute;
    overflow: hidden;
    left: 0px;
    right: 0px;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.7em;
    text-align: center;
    text-shadow: 0px 1px rgba(0, 0, 0, 0.3);
  }

.side-area .section-card p{   font-size: 14px;}
.w-full{width:100%; float:left}
.align_right{ text-align:right;}
.align_left{ text-align:left;}
.section-card .inputfile:focus + label,
.section-card .inputfile + label:hover {
    background-color: #fff;
}





.section-card [type="radio"]:checked,
.section-card [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.section-card [type="radio"]:checked + label,
.section-card [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;    font-weight: 500;
    font-size: 15px;
}
.field-label {
    font-size: 15px;
    color: #666;
    margin-bottom: 5px;
}
.section-card .btn, .section-card .btn1, .section-card .btn2, .section-card .btn3 {
    border: none;
    outline: none;
    padding: 6px 16px;
    background-color: #f9f9f9;
    cursor: pointer;
    font-size: 15px;
    color: #666;
       margin: 0px 0px 15px 0px;
}
.section-card .btn:first-child, .section-card .btn1:first-child, .section-card .btn2:first-child, .section-card .btn3:first-child{ 
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;}
	
.section-card .btn:last-child, .section-card .btn1:last-child, .section-card .btn2:last-child, .section-card .btn3:last-child{
border-top-right-radius: 3px;
 border-bottom-right-radius: 3px;}

.section-card .btn.active, .btn:hover, .section-card .btn1.active-item, .btn1:hover, .section-card .btn2.active-items, .btn2:hover,  .section-card .btn3.active-item1, .btn3:hover{
  background-color: #666;
  color: white;
}

.section-card [type="radio"]:checked + label:before, .section-card [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.section-card [type="radio"]:checked + label:after,
.section-card [type="radio"]:checked + label:after, .section-card [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #ee1c24;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.section-card [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.section-card [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


.section-card [type="radio"]+ label:hover:before {
    border:1px #ccc solid!important;
}
.section-card small {
    font-size: 13px;
    display: block;
    color: #464343;
    font-weight: bold;
}

.selectMultiple{
  width: 200px;
  position: relative;
}
 .selectMultiple1{
  width: 200px;
  position: relative;}
  
 .selectMultiple2{
  width: 100%;
  position: relative;} 
  
  .selectMultiple3{
  width: 200px;    top: -5px;
  position: relative;}
  
  
    .selectMultiple4{
  width: 200px;    top: -5px;
  position: relative;}

.selectMultiple select, .selectMultiple1 select, .selectMultiple2 select, .selectMultiple3 select, .selectMultiple4 select {
  display: none;
}
.selectMultiple > div, .selectMultiple1 > div, .selectMultiple2 > div, .selectMultiple3 > div, .selectMultiple4 > div{
  position: relative;
  z-index: 2;
  padding: 8px 12px 2px 12px;
  border-radius: 0px;
  background: #fff;
  font-size: 14px;    border-bottom: 1px #ddd solid;
     min-height: 30px;
/*  box-shadow: 0 4px 16px 0 rgba(22, 42, 90, 0.12);*/
  transition: box-shadow .3s ease;
}
.selectMultiple > div:hover,  .selectMultiple1 > div:hover, .selectMultiple2 > div:hover, .selectMultiple3 > div:hover, .selectMultiple4 > div:hover{
/*  box-shadow: 0 4px 24px -1px rgba(22, 42, 90, 0.16);*/
}
.selectMultiple > div .arrow,  .selectMultiple1 > div .arrow, .selectMultiple2 > div .arrow, .selectMultiple3 > div .arrow, .selectMultiple4 > div .arrow{
  right: 1px;
    top: -7px;
  bottom: 0;
  cursor: pointer;
  width: 100%;
  position: absolute;
}
.selectMultiple > div .arrow:before, .selectMultiple > div .arrow:after,  .selectMultiple1 > div .arrow:before, .selectMultiple1 > div .arrow:after, .selectMultiple2 > div .arrow:before, .selectMultiple2 > div .arrow:after, .selectMultiple3 > div .arrow:before, .selectMultiple3 > div .arrow:after, .selectMultiple4 > div .arrow:before, .selectMultiple4 > div .arrow:after{
  content: '';
  position: absolute;
  display: block;
  width: 2px;
  height: 8px;
  border-bottom: 8px solid #99A3BA;
  top: 43%;
  transition: all .3s ease;
}
.selectMultiple > div .arrow:before, .selectMultiple1 > div .arrow:before, .selectMultiple2 > div .arrow:before, .selectMultiple3 > div .arrow:before, .selectMultiple4 > div .arrow:before{
  right: 14px;
  -webkit-transform: rotate(-130deg);
          transform: rotate(-130deg);
}
.selectMultiple > div .arrow:after,  .selectMultiple1 > div .arrow:after, .selectMultiple2 > div .arrow:after, .selectMultiple3 > div .arrow:after, .selectMultiple4 > div .arrow:after{
      left: 98%;
  -webkit-transform: rotate(130deg);
          transform: rotate(130deg);
}
.selectMultiple > div span, .selectMultiple1 > div span, .selectMultiple2 > div span, .selectMultiple3 > div span, .selectMultiple4 > div span{
color: #666666;
  display: block;
  position: absolute;
  left: 12px;    font-size: 14px;
  cursor: pointer;
  top: 8px;
  line-height: 28px;
  transition: all .3s ease;
}
.selectMultiple > div span.hide, .selectMultiple1 > div span.hide, .selectMultiple2 > div span.hide, selectMultiple3 > div span.hide,selectMultiple4 > div span.hide {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(-4px, 0);
          transform: translate(-4px, 0);
}
.selectMultiple > div a,  .selectMultiple1 > div a, .selectMultiple2 > div a, .selectMultiple3 > div a, .selectMultiple4 > div a{
  position: relative;
  padding: 0 24px 6px 8px;
  line-height: 28px;
  color: #1E2330;
  display: inline-block;
  vertical-align: top;
  margin: 0 6px 0 0;    text-decoration: none;
}
.selectMultiple > div a em, .selectMultiple1 > div a em, .selectMultiple2 > div a em, .selectMultiple3 > div a em, .selectMultiple4 > div a em{
  font-style: normal;
  display: block;
  white-space: nowrap;
}
.selectMultiple > div a:before, .selectMultiple1 > div a:before, .selectMultiple2 > div a:before, .selectMultiple3 > div a:before, .selectMultiple4 > div a:before{
  content: '';
  left: 0;
  top: 0;
  bottom: 6px;
  width: 100%;
  position: absolute;
  display: block;
    background: rgba(237, 244, 255, 0.7);
  z-index: -1;
  border-radius: 4px;
}
.selectMultiple > div a i, .selectMultiple1 > div a i, .selectMultiple2 > div a i,  .selectMultiple3 > div a i, .selectMultiple4 > div a i{
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 28px;
  display: block;
}
.selectMultiple > div a i:before, .selectMultiple > div a i:after, .selectMultiple1 > div a i:before, .selectMultiple1 > div a i:after ,  .selectMultiple2 > div a i:before, .selectMultiple2 > div a i:after,  .selectMultiple3 > div a i:before, .selectMultiple3 > div a i:after,  .selectMultiple4 > div a i:before, .selectMultiple4 > div a i:after {
  content: '';
  display: block;
  width: 2px;
  height: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
    background: #6495d0;
  border-radius: 1px;
}
.selectMultiple > div a i:before, .selectMultiple1 > div a i:before, .selectMultiple2 > div a i:before, .selectMultiple3 > div a i:before, .selectMultiple4 > div a i:before{
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.selectMultiple > div a i:after, .selectMultiple1 > div a i:after, .selectMultiple2 > div a i:after, .selectMultiple3 > div a i:after, .selectMultiple4 > div a i:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.selectMultiple > div a.notShown, .selectMultiple1 > div a.notShown ,.selectMultiple2 > div a.notShown, .selectMultiple3 > div a.notShown, .selectMultiple4 > div a.notShown{
  opacity: 0;
  transition: opacity .3s ease;
}
.selectMultiple > div a.notShown:before, .selectMultiple1 > div a.notShown:before, .selectMultiple2 > div a.notShown:before, .selectMultiple3 > div a.notShown:before, .selectMultiple4 > div a.notShown:before {
  width: 28px;
  transition: width 0.45s cubic-bezier(0.87, -0.41, 0.19, 1.44) 0.2s;
}
.selectMultiple > div a.notShown i, .selectMultiple1 > div a.notShown i,  .selectMultiple2 > div a.notShown i, .selectMultiple3 > div a.notShown i, .selectMultiple4 > div a.notShown i{
  opacity: 0;
  transition: all .3s ease .3s;
}
.selectMultiple > div a.notShown em, .selectMultiple1 > div a.notShown em, .selectMultiple2 > div a.notShown em, .selectMultiple3 > div a.notShown em, .selectMultiple4 > div a.notShown em {
  opacity: 0;
  -webkit-transform: translate(-6px, 0);
          transform: translate(-6px, 0);
  transition: all .4s ease .3s;
}
.selectMultiple > div a.notShown.shown,  .selectMultiple1 > div a.notShown.shown, .selectMultiple2 > div a.notShown.shown, .selectMultiple3 > div a.notShown.shown, .selectMultiple4 > div a.notShown.shown{
  opacity: 1;
}
.selectMultiple > div a.notShown.shown:before, .selectMultiple1 > div a.notShown.shown:before, .selectMultiple2 > div a.notShown.shown:before, .selectMultiple3 > div a.notShown.shown:before, .selectMultiple4 > div a.notShown.shown:before{
  width: 100%;
}
.selectMultiple > div a.notShown.shown i,  .selectMultiple1 > div a.notShown.shown i, .selectMultiple2 > div a.notShown.shown i, .selectMultiple3 > div a.notShown.shown i, .selectMultiple4 > div a.notShown.shown i{
  opacity: 1;
}
.selectMultiple > div a.notShown.shown em, .selectMultiple1 > div a.notShown.shown em, .selectMultiple2 > div a.notShown.shown em, .selectMultiple3 > div a.notShown.shown em, .selectMultiple4 > div a.notShown.shown em{
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.selectMultiple > div a.remove:before, .selectMultiple1 > div a.remove:before, .selectMultiple2 > div a.remove:before, .selectMultiple3 > div a.remove:before, .selectMultiple4 > div a.remove:before{
  width: 28px;
  transition: width 0.4s cubic-bezier(0.87, -0.41, 0.19, 1.44) 0s;
}
.selectMultiple > div a.remove i,  .selectMultiple1 > div a.remove i,  .selectMultiple2 > div a.remove i, .selectMultiple3 > div a.remove i, .selectMultiple4 > div a.remove i{
  opacity: 0;
  transition: all .3s ease 0s;
}
.selectMultiple > div a.remove em, .selectMultiple1 > div a.remove em, .selectMultiple2 > div a.remove em, .selectMultiple3 > div a.remove em, .selectMultiple4 > div a.remove em{
  opacity: 0;
  -webkit-transform: translate(-12px, 0);
          transform: translate(-12px, 0);
  transition: all .4s ease 0s;
}
.selectMultiple > div a.remove.disappear, .selectMultiple1 > div a.remove.disappear, .selectMultiple2 > div a.remove.disappear,.selectMultiple3 > div a.remove.disappear, .selectMultiple4 > div a.remove.disappear{
  opacity: 0;
  transition: opacity .5s ease 0s;
}
.selectMultiple > ul, .selectMultiple1 > ul, .selectMultiple2 > ul, .selectMultiple3 > ul, .selectMultiple4 > ul{
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 16px;
  z-index: 1;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
  border-radius: 8px;
  -webkit-transform: translate(0, 20px) scale(0.8);
          transform: translate(0, 20px) scale(0.8);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-filter: drop-shadow(0 12px 20px rgba(22, 42, 90, 0.08));
          filter: drop-shadow(0 12px 20px rgba(22, 42, 90, 0.08));
  transition: all 0.4s ease, -webkit-transform 0.4s cubic-bezier(0.87, -0.41, 0.19, 1.44), -webkit-filter 0.3s ease 0.2s;
  transition: all 0.4s ease, transform 0.4s cubic-bezier(0.87, -0.41, 0.19, 1.44), filter 0.3s ease 0.2s;
  transition: all 0.4s ease, transform 0.4s cubic-bezier(0.87, -0.41, 0.19, 1.44), filter 0.3s ease 0.2s, -webkit-transform 0.4s cubic-bezier(0.87, -0.41, 0.19, 1.44), -webkit-filter 0.3s ease 0.2s;
}
.selectMultiple > ul li, .selectMultiple1 > ul li, .selectMultiple2 > ul li,  .selectMultiple3 > ul li, .selectMultiple4 > ul li {
    color: #848484;
  background: #fff;
  padding: 5px 16px;
  cursor: pointer;
  overflow: hidden;    margin-bottom: 0px;
  position: relative;font-size: 15px;
  transition: background .3s ease, color .3s ease, opacity .5s ease .3s, border-radius .3s ease .3s, -webkit-transform .3s ease .3s;
  transition: background .3s ease, color .3s ease, transform .3s ease .3s, opacity .5s ease .3s, border-radius .3s ease .3s;
  transition: background .3s ease, color .3s ease, transform .3s ease .3s, opacity .5s ease .3s, border-radius .3s ease .3s, -webkit-transform .3s ease .3s;
}
.selectMultiple > ul li:first-child, .selectMultiple1 > ul li:first-child, .selectMultiple2 > ul li:first-child, .selectMultiple3 > ul li:first-child, .selectMultiple3 > ul li:first-child{
  border-radius: 8px 8px 0 0;
}
.selectMultiple > ul li:first-child:last-child, .selectMultiple1 > ul li:first-child:last-child, .selectMultiple2 > ul li:first-child:last-child, .selectMultiple3 > ul li:first-child:last-child {
    border-radius: 0px;
}
.selectMultiple > ul li:last-child, .selectMultiple1 > ul li:last-child, .selectMultiple2 > ul li:last-child, .selectMultiple3 > ul li:last-child {
  border-radius: 0 0 8px 8px;
}
.selectMultiple > ul li:last-child:first-child, .selectMultiple1 > ul li:last-child:first-child, .selectMultiple2 > ul li:last-child:first-child, .selectMultiple3 > ul li:last-child:first-child {
  border-radius: 8px;
}
.selectMultiple > ul li:hover, .selectMultiple1 > ul li:hover,  .selectMultiple2 > ul li:hover, .selectMultiple3 > ul li:hover  {
    background: #f9f9f9;
    color: #fff;
    color: #585555;    color: #585555;
    font-weight: bold;
}
.selectMultiple > ul li:after, .selectMultiple1 > ul li:after, .selectMultiple2 > ul li:after, .selectMultiple3 > ul li:after   {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  border-radius: 100%;
  -webkit-transform: scale(1, 1) translate(-50%, -50%);
          transform: scale(1, 1) translate(-50%, -50%);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.selectMultiple > ul li.beforeRemove, .selectMultiple1 > ul li.beforeRemove,  .selectMultiple2 > ul li.beforeRemove, .selectMultiple3 > ul li.beforeRemove {
  border-radius: 0 0 8px 8px;
}
.selectMultiple > ul li.beforeRemove:first-child, .selectMultiple1 > ul li.beforeRemove:first-child, .selectMultiple2 > ul li.beforeRemove:first-child, .selectMultiple3 > ul li.beforeRemove:first-child {
  border-radius: 8px;
}
.selectMultiple > ul li.afterRemove, .selectMultiple1 > ul li.afterRemove, .selectMultiple2 > ul li.afterRemove, .selectMultiple3 > ul li.afterRemove {
  border-radius: 8px 8px 0 0;
}
.selectMultiple > ul li.afterRemove:last-child, .selectMultiple1 > ul li.afterRemove:last-child, .selectMultiple2 > ul li.afterRemove:last-child, .selectMultiple3 > ul li.afterRemove:last-child {
  border-radius: 8px;
}
.selectMultiple > ul li.remove, .selectMultiple1 > ul li.remove,  .selectMultiple2 > ul li.remove, .selectMultiple3 > ul li.remove  {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
}
.selectMultiple > ul li.remove:after, .selectMultiple1 > ul li.remove:after,  .selectMultiple2 > ul li.remove:after, .selectMultiple3 > ul li.remove:after {
  -webkit-animation: ripple .4s ease-out;
          animation: ripple .4s ease-out;
}
.selectMultiple > ul li.notShown, .selectMultiple1 > ul li.notShown, .selectMultiple2 > ul li.notShown, .selectMultiple3 > ul li.notShown  {
  display: none;
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  transition: opacity .4s ease, -webkit-transform .35s ease;
  transition: transform .35s ease, opacity .4s ease;
  transition: transform .35s ease, opacity .4s ease, -webkit-transform .35s ease;
}
.selectMultiple > ul li.notShown.show, .selectMultiple1 > ul li.notShown.show, .selectMultiple2 > ul li.notShown.show, .selectMultiple3 > ul li.notShown.show {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.selectMultiple.open > div, .selectMultiple1.open > div , .selectMultiple2.open > div, .selectMultiple3.open > div {
/*  box-shadow: 0 4px 20px -1px rgba(22, 42, 90, 0.12);*/
}
.selectMultiple.open > div .arrow:before, .selectMultiple1.open > div .arrow:before, .selectMultiple2.open > div .arrow:before, .selectMultiple3.open > div .arrow:before {
  -webkit-transform: rotate(-50deg);
          transform: rotate(-50deg);
}
.selectMultiple.open > div .arrow:after, .selectMultiple1.open > div .arrow:after, .selectMultiple2.open > div .arrow:after, .selectMultiple3.open > div .arrow:after  {
  -webkit-transform: rotate(50deg);
          transform: rotate(50deg);
}
.selectMultiple.open > ul, .selectMultiple1.open > ul , .selectMultiple2.open > ul, .selectMultiple3.open > ul{
  -webkit-transform: translate(0, 12px) scale(1);
          transform: translate(0, 12px) scale(1);
  opacity: 1;
  visibility: visible;
  -webkit-filter: drop-shadow(0 16px 24px rgba(22, 42, 90, 0.16));
          filter: drop-shadow(0 16px 24px rgba(22, 42, 90, 0.16));
}
/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 6px;
	
}
 
::-webkit-scrollbar-track {
    background-color: #d4d2d2;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #6d6d6d; 
}
.selectMultiple2.open > ul{height: 250px;   overflow-y: scroll;}
.primary-btn{font-size: 18px;
    font-weight: normal;
    float: right;
    margin: 0px;
    border-radius: 3px;
	    padding: 8px 15px;
    margin-top: 5px;
    font-size: 16px;

    background: #666;}
.wrapper-dropdown-5{     width: 100px;
    float: left;}
	
	
	
.wrapper-dropdown-1,  .wrapper-dropdown-2, .wrapper-dropdown-5{
    position: relative;
    padding: 5px;
      margin: 5px 20px;
    background: #fff;
    color: #000;
    color: #666666;
    outline: none;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    font-weight: normal;
}

.wrapper-dropdown-3{
    position: relative;
    padding: 5px;
      margin: 0px 10px;
    background: #fff;
    color: #000;
    color: #666666;
    outline: none;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    font-weight: normal;
}

.wrapper-dropdown-4{
    position: relative;
    padding: 5px;
      margin: 5px 10px;
    background: #fff;
    color: #000;
    color: #666666;
    outline: none;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    font-weight: normal;
}

.wrapper-dropdown-1:after, .wrapper-dropdown-2:after, .wrapper-dropdown-3:after, .wrapper-dropdown-4:after, .wrapper-dropdown-5:after {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -6px;
    border-width: 6px 0 6px 6px;
    /* border-style: solid; */
    background: url(../images/up-arrow.png) no-repeat;
}
.wrapper-dropdown-1 ul.dropdown:after,.wrapper-dropdown-2 ul.dropdown:after, .wrapper-dropdown-3 ul.dropdown:after, .wrapper-dropdown-4 ul.dropdown:after, .wrapper-dropdown-5 ul.dropdown:after{display:none;}
.wrapper-dropdown-1 .dropdown, .wrapper-dropdown-2 .dropdown, .wrapper-dropdown-3 .dropdown, .wrapper-dropdown-4 .dropdown,  .wrapper-dropdown-5 .dropdown{
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    margin:0px;
	padding:0px;

    /* Styles */
    background: #fff!important;
    list-style: none;
    font-weight: normal; /* Cancels previous font-weight: bold; */
        box-shadow: 0 4px 24px -1px rgba(22, 42, 90, 0.16);
   height:auto;
   margin:2px 0px;
    opacity: 0;
    pointer-events: none;
}
.wrapper-dropdown-1 .dropdown:hover, .wrapper-dropdown-2 .dropdown:hover,  .wrapper-dropdown-3 .dropdown:hover,  .wrapper-dropdown-4 .dropdown:hover, .wrapper-dropdown-5 .dropdown:hover{ background:none;}

.wrapper-dropdown-1 .dropdown li, .wrapper-dropdown-2 .dropdown li, .wrapper-dropdown-3 .dropdown li, .wrapper-dropdown-4 .dropdown li, .wrapper-dropdown-5 .dropdown li{
    list-style: none;
    line-height: 15px;
    padding: 0px 15px;
    margin: 0px;
}
.wrapper-dropdown-1 .dropdown li a:hover, .wrapper-dropdown-2 .dropdown li a:hover,  .wrapper-dropdown-3 .dropdown li a:hover, .wrapper-dropdown-4 .dropdown li a:hover, .wrapper-dropdown-5 .dropdown li a:hover{
    color: #737171;
    font-weight: bold;
}
.wrapper-dropdown-1 .dropdown li:hover, .wrapper-dropdown-2 .dropdown li:hover, .wrapper-dropdown-3 .dropdown li:hover, .wrapper-dropdown-4 .dropdown li:hover,    .add-dropdown-1 .dropdown li:hover{     background-color: #f9f9f9!important;  }
.wrapper-dropdown-1 .dropdown li a, .wrapper-dropdown-2 .dropdown li a, .wrapper-dropdown-3 .dropdown li a, .wrapper-dropdown-4 .dropdown li a, .wrapper-dropdown-5 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #9e9e9e;
    padding: 10px 0px;
}



/* Active state */
.wrapper-dropdown-1.active .dropdown, .wrapper-dropdown-2.active .dropdown,  .wrapper-dropdown-3.active .dropdown, .wrapper-dropdown-4.active .dropdown , .wrapper-dropdown-5.active .dropdown {
    opacity: 1;
    pointer-events: auto;    border: 0px;
}

.wrapper-dropdown-1.active:after, .wrapper-dropdown-2.active:after, .wrapper-dropdown-3.active:after, .wrapper-dropdown-4.active:after, .wrapper-dropdown-5.active:after {
    border-color: #9bc7de transparent;
    border-width: 6px 6px 0 6px ;
    margin-top: -3px;
	    background: url(../images/down-arrow.png) no-repeat;
}
.durat {
    background: none;
    border: 0;
    box-shadow: none;
    margin: 5px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
}
.frequency {
    width: 55px;
    float: left;
    margin-top: 5px;
    padding-bottom: 3px;
    margin-right: 10px;
    margin-left: 3px;
    background: 0 0;
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #ddd;
}
.ml20{margin-left:20px;}

.color-wrapper {
		position: relative;
/*		width: 250px;*/
		margin: 20px auto;
	}

	.color-wrapper p {
		margin-bottom: 5px;
	}

	input.call-picker {
		border: 1px solid #AAA;
		color: #666;
		text-transform: uppercase;
		float: left;    
		outline: none;
	  padding: 10px;
	  text-transform: uppercase;
	  width: 85px;
	}

	.color-picker {
		width: 130px;
		background: #F3F3F3;
		height: 81px;
		padding: 5px;
		border: 5px solid #fff;
		box-shadow: 0px 0px 3px 1px #DDD;
		position: absolute;
		top: 61px;
		left: 2px;
	}

.color-holder {
    background: #fff;
    cursor: pointer;
    border: 1px solid #AAA;
    width: 40px;
    height: 30px;
    margin-top: 10px;
    float: left;
    margin-right: 5px;
}
	.color-picker .color-item {
		cursor: pointer;
		width: 10px;
		height: 10px;
		list-style-type: none;
		float: left;
		margin: 2px;
		border: 1px solid #DDD;
	}

	.color-picker .color-item:hover {
		border: 1px solid #666;
		opacity: 0.8;
		-moz-opacity: 0.8;
		filter:alpha(opacity=8);
	}
.pt10{    padding-top: 20px;}
.slick-next{
display:none!important	}
.slick-slide img {
display: block;
width: 600px;
margin: 0px auto;
}
.formats img{margin: 0px auto;   display: block;    width: 230px;}
.formats  iframe{margin: 0px auto;
    display: block;}
.content_slider p {
    color: #fff;
    line-height: 27px;
    font-size: 14px;
    text-align: center;
}
.content_slider h1 {
    color: #fff;
    font-size: 26px;
    line-height: 30px;
    margin: 30px 0 0 0;
    padding: 0;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}
.video-tv table .blue{text-align: center;
    font-size: 15px;}
.video-tv table{    table-layout: fixed;}
.mobile-audio{    position: relative;
    right: -20%;}
.listing .rev_slider_wrapper  .tp-loop-wrap	{position: absolute;
    top: -60px;}
	.hv-box{height:160px;}
.hv-box	h4{    font-size: 17px;    font-weight: normal;
    font-style: normal!important;    color: #fff;}
.hv-box	h4 strong{
	    font-size: 17px;
	text-transform:uppercase;}	
.hv-box .hover_color .hover_color_wrapper {
    text-decoration: none;
    padding: 20px 30px;
    text-align: center;
}
.custom-select{width:100%;float:left;margin-bottom:20px;}
.equal-height{bottom:70px; width:100%;}	
#myNav{ display:none}	
.about h1{color:#fff}	
.about h6{color:#fff}
.footer-mobile{
	display:none;}
.banner-sub{ font-size:18px; padding-top:20px;}	
.footer-desktop{
	display:block;}	
.subtitle {
    font-size: 25px;
    line-height: 30px;
    font-weight: 300;
    text-align: center;
    clear: both;
    color: #fff;
    margin: 0;
    padding: 20px 0 0 0;
}
.tp-caption h1{color:#565759;      font-size: 33px!important;}
.app .five-step-block{
	padding:0px;    min-height: 110px;}
.app .one-col{width:25%; float:left;}
.app .two-col {
    width: 37.3%;
    float: left;
}
.app .three-col{width:24.8%; float:left;}	
.app .five-step-block-logo{
    margin: 0;
    height: 100%;   background: #3e6edf;}	

.gender {
    background-image: url(../images/gender.png);
    background-repeat: no-repeat;
    background-position: 45px 8px;
    color: #fff;
    font-size: 31px;
	line-height: 110px;
    padding: 20px 10px;
}

.time {
    background-image: url(../images/time.png);
    background-repeat: no-repeat;
    background-position: 45px 8px;
    color: #fff;
    font-size: 31px;
    padding: 20px 10px;
	line-height: 110px;
}
.device {
    background-image: url(../images/device.png);
    background-repeat: no-repeat;
    background-position: 60px 8px;
    color: #fff;
    font-size: 31px;
    padding: 20px 10px;
}
.catlist {
height: 110px;
    display: table;
    width: 100%;
}
	
.catlist-cell {
    display: table-cell;
    height: 100%;
    font-size: 18px;
    vertical-align: middle;
}
.cat-column{    height: 110px;
    vertical-align: middle;
    display: table-cell;
   }	
.border-r{    border-right: 1px #ccc dotted;}
.our-founding h2{    margin: 0 0 5px 0;
    color: #565759;}
.page-section-body{color:#000;}
.page-section-arrow{position:relative;}
.page-section-arrow:before {
    content: "";
    z-index: 1;
    position: absolute;
    height: 30px;
    width: 30px;
    transform: rotate(45deg);
    background-color: inherit;
    margin-top: -15px;
    margin-left: -15px;
    top: 100%;
    left: 50%;
    border-left-width: 0;
    border-top-width: 0;
}
	
.device-screen{
/*    background-image: url(../images/mobile-bg.png);*/
    height: 390px;
    background-repeat: no-repeat;
    position: relative;}
	
.device-screen img {
    left: 0;
    top: 0px;
    overflow-x: hidden;
    width: 215px;
    position: relative;
    clip: rect(0px,185px,327px,15px);
}	
.border-b{ border-bottom: 2px  #565759  solid;}
.af-details h5{margin:0px!important}
.af-details p{margin:10px 0px;}
.scrolling-logos {
    position: absolute;
    overflow-y: hidden;
    height: 400px;
    width: 100%;
    top: 55px;
    right: -20.5%;

}
.listing .rev_slider_wrapper {height:700px!important}
.desktop-view{
display:block;
}
.mobile-view{
display:none;
}
.mobile-screen{position:relative;top:0%;right:5%}
.app-logo{width:150px!important; height:50px!important}
.slider-ninja{width:1000px;margin:0px auto 40px auto;    text-indent: -99999px;}
.owl-carousel .owl-nav.disabled {
display: block!important;
}
.marquee {
 position: relative;
 box-sizing: border-box;
animation: marquee 15s linear infinite;
}
.cross {
background-image: url(../images/cross.png);
background-repeat: no-repeat;
width: 18px;
height: 18px;
background-position: 0px 0px;
display: inline-block;
text-align: center;
}
.gender-icons{    width: 15px!important;
    height: 35px!important;
    position: relative;
    top: 11px;background-image: url(../images/gender.png);
background-repeat: no-repeat;}
.age-icons{    width: 15px!important;
    height: 35px!important;
    position: relative;
    top: 11px;background-image: url(../images/time.png);
background-repeat: no-repeat;}
.cat ul{
margin:0;
padding:0;	
}
.cat ul li span{
	padding:0px 15px;  font-size: 18px;    display: inline-block;}
.cat ul li{
height:50px;
	word-spacing:normal;
	line-height:20px;margin: 0px 0px 0px 0px;    font-weight: 500;    font-size: 17px;}
.tick {
    background-image: url(../images/tick.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    background-position: 0px 0px;
    display: inline-block;
    text-align: center;
}
.blue {
    background: #565759de!important;
    text-transform: uppercase;
    color: #fff!important;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
	width:40%;
	position:relative;
	border:0;
}
tr:nth-child(4n) td.blue:after{border:none;}
.blue span {
    display: block;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: normal;
}
.white{
background: #fff!important;
color: #000!important;	width:30%;}

 .video-container {
    position: absolute;
    right: -6%;
	padding: 26px 0 26px 26px;
    top: 2rem;
    max-width: 545px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-image: linear-gradient(180deg,#fff,#fafbfc);
    box-shadow: 0 1px 1px 0 rgba(0,21,64,.14), 0 2px 7px 0 rgba(0,21,64,.05), 7px 11px 14px 0 hsla(213,8%,47%,.1), inset 0 1px 2px 1px #fff, inset 0 -7px 13px 0 rgba(0,0,0,.05);
}
.mfn-main-slider p{font-size:15px;}
.style-simple .ui-tabs .ui-tabs-panel{
	border-bottom: 1px rgba(0, 0, 0, .08) solid;
    border-left: 1px rgba(0, 0, 0, .08) solid;
    border-right: 1px rgba(0, 0, 0, .08) solid;}
.marquee img{width:auto!important;height:auto!important;
    position: absolute;
    left: 0px;
 transform: translateY(-15%);
    top: 0%;
  transition: none 0s ease 0s;
    line-height: 18px;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    letter-spacing: 0px;
    font-weight: 300;
    font-size: 18px;}
/* Make it move! */
@keyframes marquee {
    0%   {top:   8em }
    100% { top: -11em }
}
.five-step-block {
    position: relative;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    margin-bottom: 20px;

	 height:180px;
    border-radius: 4px;
    padding: 10px 0;
	min-width: 100%;
    max-width: 100%;
	text-align: center;
}
.listing .five-step-block{height: 230px}
.five-step-group {
    float: left;
    width: 16.5%;
    margin: 0 20px 20px 20px;
    display: block;
}
.app .five-step-group {
    float: left;
    width: 46%;
    margin: 0 20px 20px 20px;
    display: block;
}
.app .five-step-group:last-child{ margin: 0 20px 20px 20px;}
.listing .box-channel .tv-text{     padding: 20px 0px 10px 0px;}
.listing .box-channel .box-img{width:100px;height:100px;}
.listing .box-channel  img{width:100px;}
/*.five-step-group:first-child {
    margin: 0 20px 0 0;
}*/

.five-step-group:last-child {
    margin: 0 0 0 20px;
}
#advert {
    background-color: #f2f2f2;
    padding-bottom: 80px;
}
.section{
padding-top: 40px;
padding-bottom: 40px;}
	
.align_center{text-align:center;}	
.border-bottom-h {
    display: block;
    width: 78px;
    height: 2px;
    border: solid 2px #f8e200;
    margin-top: 5px;
    margin-bottom: 25px;
}
.lapy-img-wrap {
    background-image: url(../images/laptop.png);
    width: 100%;
    height: 400px;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    top: -20px;
}
.pading-bottom {
    padding-bottom: 70px;
}
.list-icons p{
	margin: 0 0 8px;
	}
.image {
    display: block;
    width: 100%;
    height: auto;
}
.five-step-block-logo{    margin-top: 10px;}
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #eb2028;
}

.overlay-wrap {
    position: absolute;
    top: 50%;width:100%;
    transform: translateY(-50%);
}

.d-getstarted {
    padding-top: 40px;
}

.five-step-block:hover .overlay {
    opacity: 1;
    border-radius: 4px;
}

.overlay .heading {
    color: #525e66;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}

.overlay .desc {
    font-size: 16px;
    color: #fff;
    padding: 5px 15px;
    text-align: center;
}
.app-banner-logo{
	 left: -35px;
    font-weight: 400;
    font-size: 16px;
      position: absolute;
    left: -35px;
    top: 50%;
    transform: translateY(-50%);}
	
	.feature-block .image_wrapper h1 {
    height: auto;
    color: #fff;
    font-size: 20px!important;
    text-align: left;
    line-height: 20px!important;
}	
.feature-block h6{    white-space: normal;}
.nborder{border:0px!important}
.feature-block .text-left{color:#fff;}	
.feature-block {
text-align:left;
font-family: "Roboto", Arial, Tahoma, sans-serif;
border-left: 1px #fff dotted;
text-align:left;
padding:0px 10px;
color:#fff;
}



.mdl-tabs__panel h4{padding:10px 20px;}
.col-md-12{width:100%;float:left;}
.pull-left{float:left;}
.pull-right{float:right;}
.mdl-tabs {
    display: block;
    width: 100%;
 /*   border: 1px #cccccc52 solid;*/
    padding: 0px 0px 0px 0px;
}	
.mdl-tabs__panel{padding:0px 40px;}
.af-details{    border-top: 1px solid #e0e0e0!important;
    padding-top: 20px;   padding-bottom: 20px;
    clear: both;}	
	.no-border{    border-top: 0px!important;}
.label-group label {
 border: 1px #565759 solid;
    color: #565759;
    font-size: 13px;
	line-height:18px;
    border-radius: 3px;
    margin: 0px 0px 20px 20px;
    padding: 5px 18px;
    letter-spacing: 0px;
    font-weight: 700;
    font-size: 13px;
    display: block;
    text-align: center;
    float: left;
   
}
#thumbnail-slider a.thumb{padding:0; margin:0; background:none;}
.app-logo{width:150px;
float:left;
margin-right:30px!important; 
}
.android-icon{width:20px!important; height:20px!important; padding:0px 5px!important;}
.web-icon{width:19px!important; height:19px!important; padding:0px 5px!important;}
.no-padding {
    padding: 0px;
}
.app .five-step-block-logo span b{  color: #3e6edf!important;}
.app .five-step-block-logo img{margin-bottom:10px;}
.five-step-block span {
    padding: 0px 0px 0px 0px;
    height: 100%;
    display: table;
    vertical-align: middle;
    text-align: center;
    margin: 0px auto;
}
.five-step-block span b{     color: #3e6edf;
    clear: both;
    display: block;
    font-size: 19px;}
.ad-icon{    padding: 0px 5px;
    position: relative;
    top: 3px}
.icon-web{
    font-size: 16px!important;
    position: relative;
    left: 25px;
    font-style: italic;
    TOP: -20px;    color: #565759;
}
#wmix .half-underline {
    display: block;
    width: 78px;
    height: 3px;
    border: solid 5px #f8e200;
    margin-top: 10px;
    margin-bottom: 0px;
}

#wmix .watch-tvc {
    text-decoration: none;
    color: #525e66;
    border: 1px solid #f8e200;
    padding: 8px;
    border-radius: 2px;
    cursor: pointer;
}
#wmix .watch-tvc img{
    width: 26px;
    height: 28px;
    margin-left: 2px;
    padding-bottom: 4px;
}
#wmix .watch-tvc:hover{
    border-radius: 2px;
    background-color: #fffbc4;
    border: solid 1px #f8e200;
}
#wmix .tvc-box {
    border-radius: 5px;
    background-color: #ffffff;
    border: solid 1px #cccaca;
    padding: 8px;
    min-height: 225px;

}

.no-left {
    padding-left: 0px;
}

#wmix .tvc-box img {
    padding: 20px;
}

.hover-box {
    padding: 1.5px;
    min-height: 225px;
}

.hover-box:hover {
    background-color: #f2f2f2;
}

#wmix .heading {
    font-size: 18px;
    font-weight: bold;
    color: #363f45;
    padding-top: 5px;
}

#wmix .desc {
    font-size: 14px;
    line-height: 1.64;
    color: #525e66;
    text-align: center;
    padding: 0px 20px;
}

#cometo-us {
    background-color: #f2f2f2;

}

#cometo-us h3 {
    padding-top: 20px;
}

#cometo-us .half-underline {
    display: block;
    width: 78px;
    height: 3px;
    border: solid 3px #f8e200;
    margin-top: 10px;
    margin-bottom: 12px;
}
.tp-caption span{
	    transition: none 0s ease 0s;
    line-height: 68px;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    letter-spacing: 0px;
    font-weight: 300;
    display: block;
    font-size: 28px;}
#cometo-us p img {
    height: 38px;
    width: 39px;
	    position: relative;
    top: 15px;
    margin-right: 15px;
}

.lapy-image {
    margin-top: 0px;
/*    margin-left: -75px;*/
}

#cometo-us a {
    height: 38px;
    padding: 10px 20px;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    color: #363f45;
    background-color: #f8e200;
    border-radius: 4px;
    letter-spacing: 1px;
}

#cometo-us a:hover {
    background-color: #F7D002;
    color: #000000;
}
#carousel-three .carousel-inner {
    width: 90%;
    margin: auto;
}
#costomer-speak .carousel-control.left {
    left: 0px;
}
#costomer-speak .carousel-control.right {
    right: 45px;
}

#slick-carousel h2{color:#fff;}
#slick-carousel {
 /*   background-image: url(../images/home/slick-bg.png);*/
 /*   padding-bottom: 140px;*/
    background-repeat: no-repeat;
    background-size: cover;
	 background: #1f2033;
}
.lapy-img-wrap {
    background-image: url(../images/home/laptop.bb73fd36.png);
    width: 100%;
    height: 400px;
    background-repeat: no-repeat;
    background-size: contain;
}

#slick-carousel .view-more {
    padding: 12px 20px;
    color: #363f45;
    background-color: #f8e71c;
    border-radius: 4px;
    text-decoration: none;
    margin-top: 54px;
    width: 100%;
    font-size: 16px;
    text-transform: uppercase;
    font-family: Roboto-Bold;
    letter-spacing: 1px;
    height: 46px;
}

#slick-carousel .view-more:hover {
    background-color: #F7D002;
    color: #000000;
}

#slick-carousel .owl-carousel .owl-item img {
	margin: 0px auto;
	width:auto!important;
/*    display: block;*/
/*    width: 100%;*/
/*
    height: 50px;
    margin-left: 0px;    
*/
}
#slick-carousel .owl-carousel .outer-box {
    margin: 0 40px 0 20px;
}
#slick-carousel .owl-carousel .outer-box .overlay .heading {
    margin-bottom: 10px;
}
#slick-carousel .owl-controls .owl-nav .owl-prev, #slick-carousel .owl-controls .owl-nav .owl-next{
    top: 90px;
}
#slick-carousel .owl-controls .owl-nav .owl-prev{
    left: 12px;
}
#slick-carousel .owl-controls .owl-nav .owl-next{
    right: -12px;
}
#slick-carousel .five-step-block {
    position: relative;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    margin-bottom: 10px;
/*    margin-right: 28px;*/
    min-height:210px;
/*    min-width: 180px;*/
    display: inline-block !important;
    border-radius: 4px;
    padding: 10px;
    min-width: 100%;
    max-width: 100%;
}
.btn-linkedin{background: #0078b1;
    PADDING: 10px 30px;
    color: #fff;
	text-decoration:none;
    border-radius: 3px;
    text-decoration: none;
    width: 200px;}
	
	
.btn-linkedin img{
	position: relative;
    top: 14px;
    left: -3px;}	
	
.box-channel .overlay {
    height: 100%;
    width: 100%;
    opacity: 0;
	position:absolute;
	cursor:pointer;
    transition: .5s ease;
    background-color: #565759de;
}

.box-channel .tv-text {
   TEXT-TRANSFORM: UPPERCASE;
   margin: 0px!important;
   padding: 20px 0px 30px 0px;
   color: #000;
   font-weight: 500;
   width: 100%;
   /* text-transform: capitalize; */
   text-align: center;
   font-size: 15px;
   /*    text-align: center;
   margin-top: 14px;
   background-color: #ececec;
   margin-left: -20px;
   margin-right: -20px;
       padding:5px;
   font-size: 14px;
   font-weight: bold;
   color: #525e65;
   line-height: 25px;
   text-transform: uppercase;*/
   height: 31px;
   line-height: 18px;
   }
.box-channel .genre {
    font-size: 12px;
    line-height: 1.58;
    text-align: center;
    color: #525e65;
}
.download{
   font-size: 15px;
   line-height: 30px;
   text-align: center;
   color: #8d8e90;
   font-weight: bold;
   padding-top: 0px;
   margin: -15px 0px 0px 0px;
   }
 .download small {
    font-weight: 500;
    font-size: 12px;
}	
 .download span {
    padding: 0px 5px 0px 0px;
    font-size: 13px;
    display: block;
    font-weight: 500;
}	
	
.discover {padding: 0px 20px;
    background:none!important;
    transition: none 0s ease 0s;
    line-height: 45px;
    border-width: 0px;
    margin: 30px 7px 0px 0px;
    letter-spacing: 0px;
    font-weight: 300;
    font-size: 60px;
    width: 200px;}
	
.discover span{   background: rgb(235, 32, 40);}

.box-channel .reach {
    font-size: 12px;
    line-height: 0px;
    text-align: center;
    color: #525e65;
    margin: 0px !important;
    padding-bottom: 11px;
}
/*
.five-step-block.box-channel:hover {
    transform: translate(1px, 1px);
}
*/

.box-channel .overlay .heading {

    font-weight: bold;
  font-size: 18px;
    padding-bottom: 10px;
    text-align: center;
}

/*home owl-carsouel css starts here*/

.home-owel .owl-prev {
    position: absolute;
    top: 50%;
    left: 35px;
}

.home-owel .owl-next {
    position: absolute;
    top: 50%;
    right: 35px;
}
.owl-prev .fa{
    color: white;
    font-size: 26px;
}
.owl-next .fa{
    color: white;
    font-size: 26px;
}
.owl-prev {
    /*background-image: url(..);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 30px;
    margin-left: -50px;
}

#slick-carousel .owl-next {
    background-image: url(../images/next.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 34px;
    height: 34px;
    margin-right: -50px;
	text-indent:-999px;
		position:absolute;
		right:0;
	top:50%;
		transform: translateY(-50%);
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block;
}

.home-owel img {
    height: auto;
}


.carousel-control.left {
    left: 0px !important;
}
.carousel-control.right {
    right: 35px !important;
}

.guide-hover{
       padding: 0px 35px;
}
.owl-carousel .outer-box .overlay .heading, .overlay .heading{
   color: #fff;

}
.guide-hover li {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    list-style: disc;
	line-height:25px;
}

#slick-carousel .owl-prev {
    background-image: url(../images/prev.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 34px;
    height: 34px;
    margin-left: -50px;
	position:absolute;
	top:50%;
	left:0;
	text-indent:-999px;
		transform: translateY(-50%);
}
.sticky-wrap {
    position: fixed;
    right: 80px;
    top: 26%;
    width: calc(30% - 25px);
}
.top-gap{
padding-top:70px;	}
.listing .five-step-block{  border: 2px solid #fff;}
.listing .five-step-block:hover{    border: 2px solid #717274de;}
.filteroptions li{width:10%;float:left;}
 .filteroptions li:nth-child(1) {
    color: #d7ba02;
}


/* No CSS3 support */


/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.25em; height: 1.25em;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '\2713\0020';
  position: absolute;
  top: .15em; left: .22em;
  font-size: 1.3em;
  line-height: 0.8;
  color: #09ad7e;
  transition: all .2s;
  font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 2px dotted blue;
}

/* hover style just for information */
label:hover:before {
  border: 2px solid #4778d9!important;
}



.nomargin{margin:0!important;}

.select-btn {
    background: #fff;
    color: #000;
    text-align: center;
    margin: 0px auto;
    text-decoration: none!important;
    padding: 10px 15px;
    display: block;
    border-radius: 3px;
    width: 120px;
    line-height: 20px;
    height: 20px;
}
.nav {
    display: block;
    text-transform: uppercase;
    margin: 0; 
    padding: 0;
	text-align:left;
}
.nav li {
    display: inline-block;
    list-style: none;
}
.nav li:nth-child(1){color:#eb2028;text-transform:capitalize;}
.nav .button-dropdown {
    position: relative;

}

.nav li a {
    display: block;
    color: #333;
      background-color:transparent;
    padding: 10px 10px;
    text-decoration: none;
	    text-transform: capitalize;
}

.nav li a span {
    display: inline-block;
    margin-left: 5px;

    color: #999;
	
}
.drop{width:24px;
	height:24px;
	background:url(../images/arrow-down-icon.png) 0px 12px no-repeat;}

.paddingRight20{    padding-right:30px;}	
.text-right{text-align:right;}
.text-left{text-align:left;}	
.campaign-summary table{border: 1px #ddd solid;}
.campaign-summary table .half-w{width:50%; float:left;}	
.campaign-summary table td{font-weight:normal;}
.campaign-summary table .half-w .label-r {
    float: left;
    width: 70%;font-weight: normal;
    text-align: left;color: #666;    font-size: 16px;
}
.campaign-summary table .half-w .label-l {width:30%;
    float: left;color: #666;    font-size: 16px;
    text-align: left;}
.nav li a:hover, .nav li a.dropdown-toggle.active {

    color: #000;
}

.nav li a:hover span, .nav li a.dropdown-toggle.active span {
    color: #000;
}

.nav li .dropdown-menu {
    display: none;
    position: absolute;
    left: 0;
    padding: 0;
    margin: 0;
    margin-top: 3px;
    text-align: left;
    z-index: 1000;
    box-shadow: none;
    margin-top: 20px;
    left: 0;
    margin: 0;
    max-height: 150px;
    min-width: 150px;
    padding: 10px 0px;
	overflow:auto;
    border-radius: 0;
    background: #e6e6e6  none repeat scroll 0 0;
    cursor: pointer;
}
.nav li .dropdown-menu:before {
    display: block !important;
    margin: auto;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    border-top: 2px solid #e6e6e6;
    border-left: 2px solid #e6e6e6;
    border-right: 2px solid transparent;
    border-bottom: 2px solid transparent;
    background: #e6e6e6 none repeat scroll 0 0;
    margin: 10px auto auto;
    position: absolute;
    left: 25px;
    z-index: 1000;
    content: "";
    top: -15px;
}


.nav li .dropdown-menu.active {
    display: block;
}

.nav li .dropdown-menu a {
    width: 150px;
}
.con{
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 13px;
  text-transform:capitalize;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.con input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 12px;
  width: 12px;
  background-color:transparent;
  border:1px #000 solid;
}

/* On mouse-over, add a grey background color */
.con:hover input ~ .checkmark {
  background-color:transparent;

}
.channel-search{float:right;    position: relative;}
.channel-search input {
    padding: 8px 15px;
    transition: width 1s;
    width: 220px;
    border-radius: 20px;
    border: 1px solid #ccc;
    outline: none;    background: #fff;
}
/* When the checkbox is checked, add a blue background */
.con input:checked ~ .checkmark {
    background-color:transaprent;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.con input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */

.con .checkmark:after {
    left: 4px;
    top: 0px;
    width: 3px;
    height: 8px;
    border: solid #2196F3;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


  .media-glyphicon.glyphicon-search {
    position: absolute;
    right: 15px;
    background-color: #fff;
    top: 8px;
}
#Top_bar .menu>li:last-child a span {
    border: 1px #ee1c24 solid;
    margin: 10px 30px;
    line-height: 30px;
    background: #ee1c24;
    color: #fff;
    FONT-WEIGHT: BOLD;}

#Top_bar.is-sticky .menu>li:last-child>a span{    line-height: 30px;margin:0px;}
.phone-img{    position: relative;
    top: 0px;
    z-index: 10000;}
.Footer-stick .footer_copy {
    border-top: 1px solid rgba(255, 255, 255, .1);
}	
.Footer-stick .footer_copy h1{    text-align: center;
    font-size:28px;
	margin:0px; color:#fff;   line-height: 70px;
    font-weight: 300;}
	
.Footer-stick .footer_copy form input {
    float: left;
    margin: 15px 15px 15px 15px;
    width: 200px;
}
.Footer-stick .footer_copy form button{    FONT-SIZE: 15PX;
    width: 100px;
    padding:10px;
    margin: 15px 15px;float:left;}	
.Footer-stick{
	background-color: #565759;
    position: fixed;
    width: 100%;
    bottom: 0px;
    z-index: 1000;}
.Footer-stick button{    background-color:#eb2028;
    color: #fff;}	
	


.bg:after {
    content: ' ';
    right: 0;
    width: 8%;
    background: #fff;
    height: 125px;
    display: block;
    position: absolute;
    top: 0;
}
.carousel-heading {
    display: inline-block;
    line-height: 130px;
    left: 0;
    text-transform: uppercase;
    font-size: 16px;
    padding-right: 10px;
    padding-left: 0;
    background-color: #f2f2f2;
    z-index: 10;
    position: relative;
    height: 125px;
}
.carousel-heading:before {
    content: ' ';
    width: 0;
    height: 0;
    display: block;
    border-top: 0 solid #f2f2f2;
    border-bottom: 125px solid #fff;
    border-left: 50px solid #f2f2f2;
    background: 0 0;
    position: absolute;
    right: -42px;
    top: 0;
}

.c-carousel .owl-nav .owl-prev {
    background: url(../images/ccarousel-left-arrow.svg) no-repeat!important;
    width: 35px;
    height: 35px;
    left: -20px;
    text-indent: -999px;
     top: 80%;
    transform: translateY(-50%);
	 position: absolute;
}
.c-carousel .owl-carousel .owl-item img {width:120px; height:50px; padding:0px 15px;}
.c-carousel .owl-nav .owl-next {
    background: url(../images/ccarousel-right-arrow.svg) no-repeat!important;
    width: 35px;
    height: 35px;
    right: -20px;
    text-indent: -999px;
    top: 80%;
	z-index:10000;
    transform: translateY(-50%);
    position: absolute;
}
.c-carousel {
    height: 125px;
    margin-top: 0 !important;
    background: #fff;
    z-index: 10;
}
.customer-carousel-heading  {
    height: 125px;
    width: 100%;
    background: #f2f2f2;
    position: relative;
    padding-top: 0 !important;
}

.c-carousel .owl-carousel .owl-stage-outer{top:40px;}

td.blue:after {
    content: "";
    display: block;
    width: 70px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .8);
    position: absolute;
    left: 0px;
    bottom: 0;
}
.accordion_head {
    color: #333!important;
    background-color: #f5f5f5;
        border: 1px rgba(0, 0, 0, .09) solid;
    padding: 20px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
	font-weight:500;
	cursor:pointer;
	font-family: "Prompt", Arial, Tahoma, sans-serif;
    margin-top: 8px;
}
.accordion_body {
    background: #fff;
    padding: 10px;
    border-left: 1px #cccccc69 solid;
    border-right: 1px #cccccc69 solid;
    border-bottom: 1px #cccccc69 solid;
}
.accordion_body p {
    padding: 0px 5px;
    margin: 0px;
    font-size: 15px;
    line-height: 23px;
}
.plusminus {
   float: right;
   color: #565759;
    font-weight: 500;
    font-size: 30px;
	cursor:pointer;
}
.tab_drawer_heading { display: none; }

.step-container--wider {
    width: 100%;
}
.step-column__sidebar {
width: 50%;
padding-left: 0;
padding-right: 0;
float: left;
background: url(../images/sign.png) #15172c repeat 0px 0px;
height: 800px;
}
.page-sidebar {
    background-color: #fff;
	width:50%;
	float:left;
}
.nogap{
	margin:0;
	padding:0;}
	
	.text-center {
    text-align: center!important;
}


.progress {
  display: inline-flex;
  align-items: center;
  counter-reset: step;
  padding: 0;
  margin: 50px auto 0px auto;
  width:200px;
  color: #ccc;
  font-family:Palanquin, sans-serif;
  list-style: none;
  text-transform: uppercase;
}
.progress__circle {
       height:18px;
       width:18px;
    border: 2px solid #ccc;
    border-radius: 50%;
    display: flex;
    align-items: center;
    flex-flow: column nowrap;
 }
.progress__circle:before {
    content: '\f00c';
    font-family: 'FontAwesome';
    font-size: 13PX;
    color: #fff;
    margin-top: 0;
	text-align:center;
	line-height:21px;
}

.progress__bar {
    flex: 1;
    height: 3px;
    background:#ccc;
  }
  
.progress--done {
    background: #4CAF50;
  }
  
.progress--active {
    border: 3px solid #4CAF50;

  }
.custom-select .dropdown ul{ height: 115px;
    overflow: auto;  }
.p-top-5 {
    padding-top: 20px;
}
.private-form__label-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
} 
.private-form__label {
    padding: 20px 12px 10px 0;
    font-family: Avenir Next W02,Helvetica,Arial,sans-serif;
    font-weight: 600;
    font-size: 17px;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}
	
.form-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 450px;
}
.label-field{
	width:10%;
	float:left;}
	
.label-field-w{	width:90%;
	float:left;}	
.custom-select select{
	display:none;}
.custom-select input{
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40FFFFFF', endColorstr='#00FFFFFF', GradientType=0);
  background-color: #f6f6f6;
  border-radius: 6px;
  border: solid 1px #eee;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0075);
  box-sizing: border-box;
  cursor: default;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
 margin:0;
width: 100%}
.private-button {
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    font-smoothing: auto;
    text-shadow: 0 0 1px transparent;
    font-family: Avenir Next W02,Helvetica,Arial,sans-serif;
    font-weight: 400;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .15s ease-out;
    cursor: pointer;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    padding: 8px 0px;
    margin: 0px auto;
    width: 100%;
    text-overflow: ellipsis;
    vertical-align: middle;
   background-color: #eb2028;
    border-color: #eb2028;
    font-size:18px;
	    text-transform: uppercase;
    color: #fff!important;
    white-space: nowrap;
    text-decoration: none!important;
}
	
.dropdown {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40FFFFFF', endColorstr='#00FFFFFF', GradientType=0);
  background-color: #f6f6f6;
  border-radius: 6px;
  border: solid 1px #eee;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0075);
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
width:100%;
}
.dropdown:focus {
  background-color: #f1f1f1;
}
.dropdown:hover {
  background-color: #f3f3f3;
}
.dropdown:active, .dropdown.open {
  background-color: #f0f0f0 !important;
  border-color: #e4e4e4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) inset;
}
.dropdown:after {
  height: 0;
  width: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #777;
  -webkit-transform: origin(50% 20%);
          transform: origin(50% 20%);
  transition: all 0.125s ease-in-out;
  content: '';
  display: block;
  margin-top: -2px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 50%;
}
.dropdown.open:after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.dropdown.open .list {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}
.dropdown.open .option {
  cursor: pointer;
}
.dropdown.wide {
  width: 100%;
}
.dropdown.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.dropdown .list {
  box-sizing: border-box;
  transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
  background-color: #fff;
  border-radius: 6px;
  margin-top: 4px;
  padding: 3px 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;    width: 100%;
}
.dropdown .list:hover .option:not(:hover) {
  background-color: transparent !important;
}
.dropdown .option {
  cursor: default;
  font-weight: 400;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  transition: all 0.2s;
}
.dropdown .option:hover, .dropdown .option:focus {
  background-color: #f6f6f6 !important;
}
.dropdown .option.selected {
  font-weight: 600;
}
.dropdown .option.selected:focus {
  background: #f6f6f6;
}
.custom-select input[type="radio"]{display:none;}
.custom-select input[type="radio"]:checked + label  {
	font-weight: 500;
	background: url(../images/inactive.png) no-repeat left center;    padding-left: 25px;
}

.custom-select .wrap{
	width: 33.3%;
    float: left;    font-size: 16px;}
.custom-select input[type="radio"] + label  {
 display: inline!important;
 cursor: pointer;
 background: url(../images/active.png) no-repeat left center;

 height: 20px;
 float: left;font-weight: 500;
 margin-left: 1px;    padding-left:25px;
}	
#sign-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}
@media only screen and (max-width:1200px) {
#cometo-us .section {
    padding-bottom: 30px!important;
}
.Footer-stick .one-fifth{display:none;}
.Footer-stick .four-fifth.column {
    width: 100%;
}
.Footer-stick .footer_copy form input {
    float: left;
    margin: 15px 15px 15px 15px;
    width: 18.8%;
}
}
@media only screen and (max-width:1024px) {
.Footer-stick .footer_copy form input {       width: 17.1%;}	
.five-step-group {
    float: left;
     width: 14.2%;
    margin: 0 20px 0px 20px;
    display: block;
    padding: 0 5px;
}

.half-w-l{width:43%; float:left;}
.half-w-r{width:57%; float:left;}

..half-w-r h4 {
    padding: 10px 5px 10px 0px;
}

.app .five-step-group{    margin: 0 10px 0px 10px!important;}
.app .five-step-group:last-child{    margin: 0 10px 0px 10px!important;}
.gender {
    background-image: url(../images/gender-sm.png);
    background-repeat: no-repeat;
    background-position:30px 18px;
    color: #fff;
    font-size: 19px;
    line-height: 70px;
    line-height: 120px;
    padding: 20px 10px;
}
.app .five-step-block span b{font-size: 17px;}
.time {
    background-image: url(../images/time-sm.png);
    background-repeat: no-repeat;
    background-position: 30px 18px;
    color: #fff;
    font-size: 21px;
    padding: 20px 10px;
    line-height: 110px;
}
.app .one-col {
    width: 22.5%;
    float: left;
}

.app .three-col {
    width: 25.5%;
    float: left;
}

.app .two-col {
    width: 38%;
    float: left;
}
#wmix .tvc-box{    min-height: 250px!important;}
.five-step-block{font-size:13px;}
.list-icons p {
    margin: 6px 0 6px!important;
}
#slick-carousel .owl-next{    margin-right: -36px;}
#slick-carousel .owl-prev{    margin-left: -36px;}
#cometo-us .section {
    padding-bottom:0px!important;
}
#cometo-us p img {
    height:30px;
    width: 30px;
    position: relative;
    top: 10px;
    margin-right: 15px;
}
.channel-search {
    float: right;
    position: relative;
    top: 18px;
    right: -30px;
}
#wmix .desc{font-size:13px;}
.five-step-block{    padding: 10px 10px;}
.mdl-tabs__panel {
    padding: 0px 15px;
}

.af-details .one-fourth.column {
    width: 30%;
}
.af-details .three-fourth.column {
    width: 70%;
}
.feature-block h6 {
    font-size:13px!important;
}

.mfn-main-slider p {
    font-size: 15px!important;
}
.calculation .text-left{    text-align: right;}
	}
@media only screen and (max-width:768px) {
#wmix .desc{font-size:13px;}
.five-step-group {
    float: left;
    width:25.5%;
    margin: 0 20px 10px 20px;
    display: block;
}
.mobile-device-container-sm {
    width: 150px;
    height: 150px;
    max-width: 150px;
    max-height: 150px;
    min-width: 150px;
    margin: 0px auto 30px auto;
    background: #fff;
    min-height: 350px;
    border-radius: 24px;
    box-shadow: 5px 0 7px 0 hsla(220,3%,64%,.15), 0 0 7px 0 hsla(230,3%,64%,.15), 0 6px 7px 0 hsla(230,3%,64%,.15), 0 -2px 7px 0 hsla(230,3%,64%,.15);
    padding: 20px;
    padding-top: 45px;
    padding-bottom: 60px;
}
.calculation .text-left{    text-align: right;}
.half-w-l h4{font-size:17px;}
.half-w-l, .half-l-r {
    width: 100%;
    float: left;
}

.half-w-l h2{padding-left: 20px;}
.page-sidebar {
    background-color: #fff;
    width: 100%;
    display: inline-block;
    float: left;
    padding: 0px 37px;
}
.icon-web {
    font-size: 16px!important;
    position: relative;
    left: 25px;
    font-style: italic;
    TOP: 35px;
    color: #565759;
}
.hv-box	h4 strong {
    font-size: 16px;
    text-transform: uppercase;
}
.hv-box	h4 {
    font-size: 17px;
}
.hv-box .hover_color .hover_color_wrapper{    padding: 20px 10px;}
.app-logo {

    margin: 70px 0 20px 0!important;
}
.mob-img{display:none;}
/*.rev_slider .tp-caption img {
    display: none;
}
*/
.scrolling-logos{display:none;}
.listing .rev_slider_wrapper {
    height: 100%!important;
}
.cat ul li{    font-size: 15px!important;}
.tp-caption {
	padding-top:100px!important;}
#slick-carousel .owl-next {
    margin-right: -23px;
}
#slick-carousel .owl-prev {
    margin-left: -23px;
}
.five-step-block span {
    padding: 0px 0px 0px 0px;
    height: 100%;
    display: table;
    vertical-align: middle;
    text-align: center;
    margin: 0px auto;
}
.five-step-block span b {
    color: #3e6edf;
    clear: both;
    font-size: 20px;
    font-size: 20px;
    margin-bottom: 9px;
    display: block;
}
.nav li a{    padding: 10px 0px;}
.column_column ul{margin: 0 0 15px 0px;}
.gender {
    background-image: url(../images/gender.png);
    background-repeat: no-repeat;
    background-position: 65px 8px;
    color: #fff;
    font-size: 25px;
    line-height: 110px;
    padding: 20px 10px;
}
.time {
    background-image: url(../images/time.png);
    background-repeat: no-repeat;
    background-position: 66px 8px;
    color: #fff;
    font-size:25px;
    padding: 20px 10px;
    line-height: 110px;
}
.app .five-step-group {
    float: left;
    width: 100%;
    margin: 0 0px 20px 0px;
    display: block;
}
.app .five-step-group:last-child {
    margin: 0 0px 20px 0px;
}
.app .one-col {
    width: 25%;
    float: left;
}
.app .three-col {
    width: 24.5%;
    float: left;
}
.app .two-col {
    width: 37.3%;
    float: left;
}
.feature-block h6 {
    font-size:11px!important;
}
.tp-caption .label-group label{    border: 1px #fff solid!important;
    font-size: 11px!important;    margin: 40px 0px 0px 6px!important;
    padding: 5px 5px!important;}
.channel-search {
    float: right;
    position: relative;
    top: 15px;
}
.five-step-group:last-child {
    margin: 0 0 0 25%;
}
.five-step-group:last-child{}
.five-step-block {
    padding: 10px 10px;
	font-size:14px;
}
.list-icons p {
    margin: 2px 0 2px;
}
.Footer-stick .footer_copy form input {
    float: left;
    margin: 15px 15px 15px 15px;
    width: 129px;
}
.style-simple .ui-tabs .ui-tabs-nav li{    padding: 14px 14px !important;}
.mfn-main-slider p{font-size:15px!important}
}

@media only screen and (max-width:767px) {
	.five-step-group:last-child {
    margin: 0 0 0 0px;
}
.side-area {
    margin: 0px 0px 0px 0px;
}
.sticky-wrap {
    position: relative;
    right: 0px;
    top: 26%;
    width: 100%;
}
.campaign-summary table .half-w {
    width: 50%;
    float: left;
    FONT-SIZE: 14PX;
    PADDING-BOTTOM: 10PX;
}

.calculation .text-left{    text-align: right;}

.selectMultiple3, .selectMultiple, .selectMultiple2{
    width: 100%!important;
    top: -5px;
    position: relative;
}
.section-card .form-control{width:100%!important}
.wrapper-dropdown-1, .wrapper-dropdown-2, .wrapper-dropdown-5{    margin: 5px 0px;}
.half-w-r button{ font-size:13px; font-weight:bold;}
.half-w-l{width:100%; float:left;}
.half-w-r{width:100%; float:left;}
.table-responsive table{table-layout: initial;}
.table-responsive{overflow-x:auto;}
	.video-container {
    position: relative;
    right: 0%;
    padding: 0;
    top: 0rem;
    width: 100%;
    border-radius: 0px;
    /* height: 200px; */
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-image: linear-gradient(180deg,#fff,#fafbfc);
    box-shadow: 0 1px 1px 0 rgba(0,21,64,.14), 0 2px 7px 0 rgba(0,21,64,.05), 7px 11px 14px 0 hsla(213,8%,47%,.1), inset 0 1px 2px 1px #fff, inset 0 -7px 13px 0 rgba(0,0,0,.05);
}
	.video-container video{    height: 100%;
    width: 95%;
    margin: 0;
    padding: 11px 12px;}
.step-column__sidebar{display:none;}
.page-sidebar {
    background-color: #fff;
    width: auto;
    float: left;
    padding: 0px 20px;
}
.formats h4{text-align: center;    margin: 7px auto;}
.formats .iframe{    margin: 0px auto;
    display: block;
    /* width: 235px; */
    text-align: center;
    float: none;}
.mobile-audio{    position: relative;
    right: 0%;}
.mob-discover{
	    display: inline-block!important;
    float: none!important;
    margin: 0px 6px!important;
    width: 100px!important;}

.equal-height {
    bottom: 25px;
    width: 100%;
}
.banner-sub{    font-size: 15px!important;
    display: block!important;
    margin: 10px 0!important;}
.mob-usp ul{
	margin:0;
	    padding: 30px 0 0 0px;
    background: #565759;
    width: 100%;
    float: left;	}
.mob-usp ul li{
list-style:none;
float:left;
color:#fff;
width:100%;text-align: left;     padding: 0 0px 20px 20px;}	
.mob-usp ul li img{float:left;    margin-right: 30px;}
.mob-usp ul li h4{color:#fff; font-style:normal!important;float:left;font-size:17px;    line-height: 26px;}	
.listing .rev_slider_wrapper {
    height: auto!important;
}
.rev_slider_wrapper .tp-mask-wrap{width:100%!important}
#slick-carousel .five-step-block{
	padding:10px 17px;}
.app-logo {
    display: block!important;
    margin: 80px auto 0px auto!important;
  
    clear: none;
    float: none;    width: 100px!important;
}
.column_column ul{    margin: 0 0 15px 0px!important}
.nav li{margin-bottom:0px!important}
.nav li a{    padding: 0px 8px;}
.tp-caption {    width: 300px!important;    padding: 20px 0px 0px!important}
.desktop-view{
display:none!important;
}
.mobile-view{
display:block!important;

}
.app .five-step-group {
    float: left;
    width: 100%;
    margin: 0 0px 20px 0px!important;
    display: block;
}
.app .five-step-group:last-child {
    margin: 0 0px 20px 0px!important;
}
.gender {
    background-image: url(../images/gender-sm.png);
    background-repeat: no-repeat;
    background-position:65px 15px;
    color: #fff;
    font-size: 19px;
    line-height: 70px;
    line-height: 120px;
    padding: 20px 10px;
}

.time {
    background-image: url(../images/time-sm.png);
    background-repeat: no-repeat;
    background-position: 65px 8px;
    color: #fff;
    font-size: 21px;
    padding: 20px 10px;
    line-height: 110px;
}
.app .one-col {
    width: 28%;
    float: left;
}
.app .two-col {
    width: 35.5%;
    float: left;
}
.app .five-step-block span {
    padding: 25px 0px 0px 0px;
}
.app .five-step-block span b{padding-top: 10px;font-size: 17px;}
.app .three-col {
    width: 23.65%;
    float: left;
}

.feature-block{    border-left: 1px #fff dotted;}
.tab_container{    padding: 15px 10px 20px 10px;}
#thumbnail-slider{    height: 246px!important; width:18%;}
.d_active.tab_drawer_heading{     background: #f1f1f1;
    padding: 5px 10px;
    color: #565759;
    font-size: 15px;}
.tab_drawer_heading{ background: #e9e9e9;
padding: 5px 10px; color: #7c7979;}
.style-simple .ui-tabs .ui-tabs-nav li{display:none}
.tab_drawer_heading { display: block!important; }
.af-details .one-fourth.column {
    width: 35%!important;
}
.af-details .three-fourth.column {
    width: 63%!important;
    float: left;
    clear: none;
    padding-left: 10px;
}
.slider-ninja{    width: calc(100% - 40px); margin:0 20px;}
#ninja-slider{width:82%!important;}
.c-carousel{background:none;}
.c-carousel .owl-nav .owl-prev{    left: 35px;}
.top-gap {
    padding-top:0px;
}
.five-step-block{    height: auto;}
#cometo-us p img {
    height: 30px;
    width: 30px;
    position: relative;
    top: 20px;
    margin: 0px 10px 10px 10px;
}
.list-icons p{font-size:15px;}
.five-step-group {
    float: left;
    width: 100%;
    margin: 0 0px 20px 0px;
    display: block;
}
#slick-carousel .owl-carousel.owl-drag .owl-item{margin:0px 4.5px!important}
#slick-carousel .owl-next{     margin-right: -9px; width: 20px;
    height: 20px}
#slick-carousel .owl-prev{      margin-left: -8px;width: 20px;
    height: 20px}
#cometo-us .section{padding-bottom:30px!important;}
#wmix .tvc-box{     margin: 30px 0 0px 0px;}
.Footer-stick{position:fixed}
.section.listing{    padding-top: 10px;
 padding-bottom: 10px;}
.five-step-group {
    float: left;
    width: 41.3%;
    margin: 0 15px 20px 13px;
    display: block;
}
.Footer-stick .footer_copy form button {
    FONT-SIZE: 15PX;
    width: 100%;
    padding: 10px;
    margin: 10px 0 0 0px;
    float: left;
}
.five-step-group:last-child {
    margin: 0 15px 0 30%;
}
.Footer-stick .footer_copy form input {
    float: left;
    margin: 10px 10px 0px 10px;
    width: 21.6%;
}
.channel-search {
    float: none;
    position: relative;
    top: 3px;
    right: 0px;
    width: 299px;
    margin: 0px auto;
}
.channel-search input {
    padding: 8px 15px;
    transition: width 1s;
    width: 275px;
    border-radius: 20px;
    border: 1px solid #ccc;
    outline: none;
    background: #fff;
}
.media-glyphicon.glyphicon-search {
    position: absolute;
    right: 40px;
    background-color: #fff;
    top: 8px;
}
.listing .section_wrapper .column{  
    clear: none!important;}
.listing .five-step-group{width: 41%;    margin: 0 20px 20px 15px;}
.mfn-main-slider p {
    font-size: 11px!important;
}
.feature-block{border-left: 1px #fff dotted!important;}
.feature-block h6{    font-size: 9px!important;}
.tp-caption .button span {
    padding: 5px 6px!important;
    font-size: 15px!important;
}
.tp-caption .label-group label{    border: 1px #fff solid!important;
    font-size: 11px!important;    margin: 3px 0px 0px 6px!important;
    padding: 5px 5px!important;}
}
@media only screen and (max-width:480px) {
.channel-search{float:none;}
.channel-search input{width:100%;}
.five-step-group {
    width: 38.3%;
    margin: 0 15px 20px 15px;
}
.selectMultiple3, .selectMultiple, .selectMultiple2{
    width: 100%!important;
    top: -5px;
    position: relative;
}
.section-card .form-control{width:100%!important}
.formats  iframe{margin: 0px auto;
    display: block;}
.tp-caption {
    width: 450px!important;
    padding: 20px 0px 0px!important;
}
.tp-caption h1 {
    color: #565759!important;
    font-size: 25px!important;
    padding-top: 10px!important;
    width: 100%;
    float: left;
    margin: 15px 0px!important;
}
.Footer-stick .one-fifth {
display:block!important;    display: block;
    font-size: 15px;
    width: 54%!important;	}
.Footer-stick .footer_copy h1{    line-height: 56px;    font-size: 25px;}	
.Footer-stick .four-fifth.column {
    width: 46%!important;display:block!important; 
}	
.Footer-stick button {
    background-color: #eb2028;
    color: #fff;
    float: right;
    margin: 5px 0;
    font-size: 15px;
    text-transform: uppercase;
}	
.footer-mobile{
	display:block;}
	
.footer-desktop{
	display:none;}
.Footer-stick {
    position: fixed;
    height: 52px;  z-index: 10000!important; 
}
.device-screen {    margin: 0% 13% 13% 13%;
    text-align: center;
}
.mfn-main-slider p{    font-size: 8.5px!important;}
.feature-block .image_wrapper h1{
 font-size: 13px!important;
}

.af-details .one-fourth.column {
    width:100%!important;
}
.af-details .three-fourth.column {
    width: 100%!important;
	padding:0;

}
	
	
.Footer-stick .footer_copy form input {
    float: left;
    margin: 10px 10px 0px 10px;
    width: 20.8%;
}
.listing .five-step-group {
    width: 37%!important;
    margin: 0 20px 20px 15px;
}
.five-step-group:last-child{    margin: 0px 30%;}

.channel-search{
	    position: relative;
    top: -10px;
/*    right: -10%;*/
    width: 345px!important;}
.overlay-content .full-width{width:100%;float:left;}	
.overlay-content .button-block{    margin-left: 15px;background:#003164;color:#fff}
.overlay-content label{    width: 40%;
    float: left;
    padding: 10px 0;
    color: #ffff;
    font-size: 17px;}	
.overlay-content input{    width: 50%;}	
	.overlay {
    height: 100%;
    width: 0;
    display: block;
    opacity: 1;
    position: fixed;
    z-index: 7;
    top: 0;
    left: 0;
  background-color:rgb(86, 87, 89);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;

}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;color: #ffff;
  }



.gender {
    background-position: 45px 15px!important;
}

.time {
    background-position: 40px 15px!important;
}


.rev_slider .tp-caption img{display:none;}	

.rev_slider .tp-caption{    text-align: center;}
	
}
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;color: #ffff;
  }
}	

@media only screen and (max-width:375px) {

.Footer-stick .footer_copy form input{ width: 44.5%;}
#thumbnail-slider {
    height: 134px!important;
    width: 20%;
}
#ninja-slider {
    width: 80%!important;
}
.desktop-view{
display:none!important;
}
.mobile-view{
display:block!important;

}

.time {
    background-image: url(../images/time-sm.png)!important;
    background-repeat: no-repeat;
    background-position: 25px 8px!important;
    color: #fff;
    font-size: 21px;
    padding: 20px 10px;
    line-height: 110px;
}
.gender {
    background-image: url(../images/gender-sm.png)!important;
    background-repeat: no-repeat;
    background-position: 25px 8px!important;
    color: #fff;
    font-size: 21px;
    padding: 20px 10px;
    line-height: 110px;
}	
.scrolling-logos {
    position: absolute!important;
    right: 25px!important;
    width: 170px;
}
.mobile-screen {
    position: relative;
    top: 0%;
    width: 185px!important;
    right: 9%!important;
}

.tp-caption .label-group label{
	    margin: 0px 0px 0px 6px!important;
    padding: 5px 5px!important;
    letter-spacing: 0px;
    font-weight: 700;    border: 1px #fff solid!important;
    font-size: 11px!important;}
.tp-caption h1{ color: #565759!important;    font-size:25px!important;    padding-top: 10px!important; width:100%;float:left;margin: 15px 0px!important;}
.tp-caption .button span{    padding: 5px 6px!important;    font-size: 15px!important;}
.five-step-group {
    width: 36.3%!important;

}
.channel-search {
    position: relative;
    top: 0px;
    right: 0%;
    width: 350px!important;
}
.listing .five-step-group {
    width: 200px!important;
    margin: 0px auto!important;
    float: none;
    display: block;
}
.five-step-group {
    width: 100%;
    margin: 0 0px 20px 0px!important;
    padding: 0!important;
}

.five-step-group {
width:100%!important;
margin:0 0 20px!important;
padding:0!important
}
.five-step-block {
    padding: 10px 0px;
}
.tp-caption {
    width: 350px!important;
    padding: 20px 0px 0px!important;
}
.tp-caption span{    font-size: 12px!important;       padding: 10px 0px!important;}
}
@media only screen and (max-width:360px) {
.list-icons p{font-size:13px;}
.tp-caption {
    width: 330px!important;
    padding: 20px 0px 0px!important;
}
.selectMultiple3, .selectMultiple {
    width: 100%!important;
    top: -5px;
    position: relative;
}

.campaign-summary table .half-w {
    width: 100%;
    float: left;
    FONT-SIZE: 14PX;
    PADDING-BOTTOM: 10PX;
}
.section-card .form-control{width:100%!important}
.half-w-l h2{float:none;}
.half-w-r h4{text-align:center;    float: none;}
.half-w-r button {
    font-size: 13px;
    font-weight: bold;
    WIDTH: 100%;
}
.channel-search {
    position: relative;
    top: 0px;
    right: 0%;
    width: 335px!important;
}
.listing .five-step-group {
    width: 200px!important;
    margin: 0px auto!important;
    float: none;
    display: block;
}
#thumbnail-slider {
    height: 128px!important;

}
.mdl-tabs__panel h4 {
    padding: 10px 0 0 5px;
}
.mdl-tabs__panel h2{
	padding-top:6px;}

.five-step-group:last-child {
    margin: 0 0px 0 0px;
}
.Footer-stick .footer_copy form input {
    float: left;
    margin: 10px 10px 0px 10px;
     width: 44.4%;
}

}