.navigation-top{
background: #212b44;
left: 0;
right: 0;
 width: 100%; 
height: 80px;
position:relative;
}
.navigation-top .wrap{
background:#2f3952;
position: relative;
max-width: 1140px;
height: 80px;	
}
.wrap {
margin-left: auto;
margin-right: auto;
}

.logo-wrap {
float: left;
margin: 0 0 0 0;
display: block;
width: 250px;
height: 80px;
background: linear-gradient(-80deg, #2f3952 0%, #2f3952 25px, #212b44 25px, #212b44 100%);
padding: 27px 0 0 20px;
}
/*.logo-wrap img {
width: 240px;
height: 25px;
}*/
.btn-prime{
background: none;
border: 1px solid #0674a1;
color: #0674a1;
font-family: 'Ubuntu', Sans-Serif;
padding: 8px 12px;
color: #0674a1;
text-decoration: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
position: relative;	
}

.btn-prime:hover{
text-decoration:none;
outline:none;	
background: #0674a1;
border: 1px solid #0674a1;
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.btn-prime:visited{
text-decoration:none;
outline:none;	
background: #212b44;
border: 1px solid #212b44;
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
	


.login-wrap {
float: right;
margin: 0 0 0 25px;
height: 80px;
width: 120px;
background: linear-gradient(-80deg, #212b44 0%, #212b44 110px, #2f3952 110px, #2f3952 100%);
}
.login-wrap a.login {
font-family: 'Ubuntu', Sans-Serif;
color: #fff;
font-size: 15px;
weight: 300 !important;
margin: 30px 7px 0 20px;
position: absolute;
right: 0;
}
.login-img {
float: right;
margin: 0 0 0 12px;
}
.login-img img{
width: 14px;
height: 19px;
margin: 0 0 4px 0;	
}

.navigation-top a.free-trial-button {
border:1px solid #fff;
color: #fff;
margin: 26px 0 0 20px;
padding: 4px 14px 4px 14px;
font-size: 15px;
float: right;
}
.navigation-top a.free-trial-button:hover{
border:1px solid #fff;
color: #fff;
}
.navigation-top a.free-trial-button:visited{
border:1px solid #fff;
color: #fff;
}

.navigation-top a.free-trial-button:focus{
border:1px solid #fff;
color: #fff;
}

.fixed-header-light {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #2f3952;
  -webkit-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.1);
}

.remarketing ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.remarketing ul li{
  text-decoration: none;
  color: #fff;
  display: block;
  padding: 4px 0px 4px 0px;
font-size: 14px;
font-weight: 300;
text-indent:-1em;	
}

.remarketing ul li h2{color:#fff;    text-indent: -1.4em;}
.remarketing ul li:before {
  content: "\f04b";
  font-family: 'FontAwesome';
  color: #000;
  display: inline-block;
  margin-right:12px;
}
.remarketing ul li:first-child:before{content:none;}
.features {position: relative;}

.grade-page {overflow: hidden;}
.features .wrapper-box{
padding-top:11em;
padding-bottom:11em;
}
.features:before {
content: "";
background: url("../img/edge-top.svg") no-repeat;
background-size: 100% 100%;
position: absolute;
left: -5px;
right: -5px;
top: -5px;
height: 80px;
min-width: 450px;
z-index: 6;
}

.features:after {
content: "";
background: url(../img/edge-bottom.svg) no-repeat;
background-size: 100% 100%;
position: absolute;
left: -5px;
right: -5px;
bottom: -5px;
height: 80px;
min-width: 450px;
z-index: 6;
}
.r-size{resize:none;}
.homepage {position: relative;
overflow: hidden;
padding-top: 12em;
padding-bottom: 8em;	
margin-bottom: 2em;
}
.homepage::after {
content: "";
background: url(../img/edge-s1-bottom.svg) no-repeat;
	background-size: auto;
background-size: 100% 100%;
position: absolute;
left: -5px;
right: -5px;
bottom: -5px;
height: 80px;
min-width: 450px;
z-index: 6;
}

.homepage .wrapper-item {
padding-top: 4em;
padding-bottom: 4em;
position: relative;
z-index:1030;
}
.homepage .heading h1{
font-size: 3em;
line-height: 1.2em;
text-align:center;	
text-transform: capitalize;		
}
.homepage .shape1 {
background: url("../img/bg-shape-bean.svg") no-repeat;
position: absolute;
z-index: 1;
width: 350px;
height: 350px;
transform-origin: 50% 50%;
transform: rotate(0deg);
top: 20%;
left: -90px;
}
.homepage .shape2 {
background: url("../img/bg-shape-bean.svg") no-repeat;
position: absolute;
z-index: 1;
width: 380px;
height: 380px;
transform-origin: 50% 50%;
transform: rotate(130deg);
top: 180px;
right: -140px;
}
.signup{    
color: #fff;
margin: 100px auto;
}

.signup .jumbotron{background:transparent;}
/*########## gradient ############*/
.purple-red-gradient {
background: #00aeef;
background: -webkit-linear-gradient(top left, #9327f5 0%, #ff1453 100%);
background: -o-linear-gradient(top left, #9327f5 0%, #ff1453 100%);
background: linear-gradient(to bottom right, #9327f5 0%, #ff1453 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$purple', endColorstr='$red',GradientType=1 );
color: #fff;
}

.bg-purple-gradient {
background: #9327f5;
background: -webkit-linear-gradient(top left, #9327f5 0%, #00d4c3 100%);
background: -o-linear-gradient(top left, #9327f5 0%, #00d4c3 100%);
background: linear-gradient(to bottom right, #9327f5 0%, #00d4c3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$purple', endColorstr='$teal',GradientType=1 );
color:#fff;
}
.bg-purple-blue-gradient{
background: #9327f5;
background: -webkit-linear-gradient(30deg, #9327f5 30%, #00aeef 100%);
background: -o-linear-gradient(30deg, #9327f5 30%, #00aeef 100%);
background: linear-gradient(30deg, #9327f5 30%, #00aeef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$purple', endColorstr='$blue',GradientType=1 );
color: #fff;
}

.bg-blue-purple-gradient {
background: -moz-linear-gradient(7.72% 110.06% 31.93deg, #0C1AF7 0%, #56F6F7 99.96%);
background: -webkit-linear-gradient(31.93deg, #0C1AF7 0%, #56F6F7 99.96%);
background: -webkit-gradient(linear, 7.72% 110.06%, 92.72% -31.12%, color-stop(0, #0C1AF7), color-stop(0.9996, #56F6F7));
background: -o-linear-gradient(31.93deg, #0C1AF7 0%, #56F6F7 99.96%);
background: -ms-linear-gradient(31.93deg, #0C1AF7 0%, #56F6F7 99.96%);
/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0C1AF7', endColorstr='#56F6F7' ,GradientType=0)";*/
background: linear-gradient(58.07deg, #0C1AF7 0%, #56F6F7 99.96%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0C1AF7',endColorstr='#56F6F7' , GradientType=1);
color: #fff;
}
.bg-purple-blue-gradient{
background: rgba(146,39,245,1);
background: -moz-linear-gradient(left, rgba(146,39,245,1) 0%, rgba(33,5,250,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(146,39,245,1)), color-stop(100%, rgba(33,5,250,1)));
background: -webkit-linear-gradient(left, rgba(146,39,245,1) 0%, rgba(33,5,250,1) 100%);
background: -o-linear-gradient(left, rgba(146,39,245,1) 0%, rgba(33,5,250,1) 100%);
background: -ms-linear-gradient(left, rgba(146,39,245,1) 0%, rgba(33,5,250,1) 100%);
background: linear-gradient(to right, rgba(146,39,245,1) 0%, rgba(33,5,250,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9227f5', endColorstr='#2105fa', GradientType=1 );
color:#fff;
}
.bg-darkblue-gradient {
background: rgba(6,12,90,1);
background: -moz-linear-gradient(-45deg, rgba(6,12,90,1) 0%, rgba(168,183,255,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(6,12,90,1)), color-stop(100%, rgba(168,183,255,1)));
background: -webkit-linear-gradient(-45deg, rgba(6,12,90,1) 0%, rgba(168,183,255,1) 100%);
background: -o-linear-gradient(-45deg, rgba(6,12,90,1) 0%, rgba(168,183,255,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(6,12,90,1) 0%, rgba(168,183,255,1) 100%);
background: linear-gradient(135deg, rgba(6,12,90,1) 0%, rgba(168,183,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060c5a', endColorstr='#a8b7ff', GradientType=1 );
color:#fff;	
}

.bg-green-gradient{
background: rgba(132,199,113,1);
background: -moz-linear-gradient(left, rgba(132,199,113,1) 0%, rgba(134,255,101,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(132,199,113,1)), color-stop(100%, rgba(134,255,101,1)));
background: -webkit-linear-gradient(left, rgba(132,199,113,1) 0%, rgba(134,255,101,1) 100%);
background: -o-linear-gradient(left, rgba(132,199,113,1) 0%, rgba(134,255,101,1) 100%);
background: -ms-linear-gradient(left, rgba(132,199,113,1) 0%, rgba(134,255,101,1) 100%);
background: linear-gradient(to right, rgba(132,199,113,1) 0%, rgba(134,255,101,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84c771', endColorstr='#86ff65', GradientType=1 );
color:#fff;	
}

.bg-black-gradient{
background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(30,30,30,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(30,30,30,1)));
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(30,30,30,1) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(30,30,30,1) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(30,30,30,1) 100%);
background: linear-gradient(135deg, rgb(0, 0, 0) 0%, rgb(66, 66, 66) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#1e1e1e', GradientType=1 );
color:#fff;	
}

.bg-pink-purple{
background: rgba(6,12,90,1);
background: -moz-linear-gradient(-45deg, rgba(6,12,90,1) 0%, rgba(168,183,255,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(6,12,90,1)), color-stop(100%, rgba(168,183,255,1)));
background: -webkit-linear-gradient(-45deg, rgba(6,12,90,1) 0%, rgba(168,183,255,1) 100%);
background: -o-linear-gradient(-45deg, rgba(6,12,90,1) 0%, rgba(168,183,255,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(6,12,90,1) 0%, rgba(168,183,255,1) 100%);
background: linear-gradient(135deg, rgb(245, 22, 98) 0%, rgb(149, 44, 242) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#060c5a', endColorstr='#a8b7ff', GradientType=1 );
color: #fff;
}
.bg-purple-gradient{
background: rgba(76,1,97,1);
background: -moz-linear-gradient(left, rgba(76,1,97,1) 0%, rgba(76,1,97,1) 1%, rgba(162,21,110,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(76,1,97,1)), color-stop(1%, rgba(76,1,97,1)), color-stop(100%, rgba(162,21,110,1)));
background: -webkit-linear-gradient(left, rgba(76,1,97,1) 0%, rgba(76,1,97,1) 1%, rgba(162,21,110,1) 100%);
background: -o-linear-gradient(left, rgba(76,1,97,1) 0%, rgba(76,1,97,1) 1%, rgba(162,21,110,1) 100%);
background: -ms-linear-gradient(left, rgba(76,1,97,1) 0%, rgba(76,1,97,1) 1%, rgba(162,21,110,1) 100%);
background: linear-gradient(to right, rgba(76,1,97,1) 0%, rgba(76,1,97,1) 1%, rgba(162,21,110,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c0161', endColorstr='#a2156e', GradientType=1 );
color:#fff;	
}
.bg-aqua-sky{
background: rgba(55,189,176,1);
background: -moz-linear-gradient(left, rgba(55,189,176,1) 0%, rgba(138,247,203,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(55,189,176,1)), color-stop(100%, rgba(138,247,203,1)));
background: -webkit-linear-gradient(left, rgba(55,189,176,1) 0%, rgba(138,247,203,1) 100%);
background: -o-linear-gradient(left, rgba(55,189,176,1) 0%, rgba(138,247,203,1) 100%);
background: -ms-linear-gradient(left, rgba(55,189,176,1) 0%, rgba(138,247,203,1) 100%);
background: linear-gradient(to right, rgba(55,189,176,1) 0%, rgba(138,247,203,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37bdb0', endColorstr='#8af7cb', GradientType=1 );
color:#fff;
}

.bg-purple-orange{
background: rgba(209,16,177,1);
background: -moz-linear-gradient(left, rgba(209,16,177,1) 0%, rgba(251,112,85,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(209,16,177,1)), color-stop(100%, rgba(251,112,85,1)));
background: -webkit-linear-gradient(left, rgba(209,16,177,1) 0%, rgba(251,112,85,1) 100%);
background: -o-linear-gradient(left, rgba(209,16,177,1) 0%, rgba(251,112,85,1) 100%);
background: -ms-linear-gradient(left, rgba(209,16,177,1) 0%, rgba(251,112,85,1) 100%);
background: linear-gradient(to right, rgba(209,16,177,1) 0%, rgba(251,112,85,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d110b1', endColorstr='#fb7055', GradientType=1 );
color:#fff;	
}


.bg-img-gradient{
background:linear-gradient(to right,rgba(126,25,178, 0.7) 0%, rgba(82,28,252, 1) 100%), url("../img/lotsa-code.jpg");
background: -webkit-linear-gradient(to right,rgba(126,25,178, 0.7) 0%, rgba(82,28,25, 1) 100%), url("../img/lotsa-code.jpg");
background: -o-linear-gradient(to right,rgba(126,25,178, 0.7) 0%, rgba(82,28,25, 1) 100%), url("../img/lotsa-code.jpg");
background: -ms-linear-gradient(to right,rgba(126,25,178, 0.7) 0%, rgba(82,28,25, 1) 100%), url("../img/lotsa-code.jpg");
text-align:center;
color:#fff;	
position: relative;
padding-top: 3em;
margin-bottom: 2em;
}

.landing-bg-img-gradient{

background:linear-gradient(to right,rgba(126,25,178, 0.1) 0%, rgb(2, 58, 72) 100%), url("../img/landing-bg.png");	
background: -webkit-linear-gradient(to right,rgba(126,25,178, 0.1) 0%, rgb(2, 58, 72) 100%), url("../img/landing-bg.png");	
background: -o-linear-gradient(to right,rgba(126,25,178, 0.1) 0%, rgb(2, 58, 72) 100%), url("../img/landing-bg.png");	
background: -ms-linear-gradient(to right,rgba(126,25,178, 0.1) 0%, rgb(2, 58, 72) 100%), url("../img/landing-bg.png");	
text-align:center;
color:#fff;	
position: relative;
padding-top: 3em;
margin-bottom: 2em;
}



.gradient-text h1 {
/*color: #ff1453;
background: -moz-linear-gradient(to right,rgba(119,24,187, 0.7) 0%, rgba(83,28,250, 1) 100%);
background: -webkit-linear-gradient(to right,rgba(119,24,187, 0.7) 0%, rgba(83,28,250, 1) 100%);
background: linear-gradient(to right,rgba(119,24,187, 0.7) 0%, rgba(83,28,250, 1) 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;	*/
color: #ff1453;
background: -moz-linear-gradient(left, #e61cf3  0%, #541cf3  30%);
background: -webkit-linear-gradient(left, #e61cf3  40%, #541cf3  30%);
background: linear-gradient(to right, #e61cf3  0%, #541cf3  30%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding: 10px 0px 10px 0px;	
}

.header{
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
background:#fff; 	
}

section.infographic {
position: fixed;
height: 100%;
width: 100%;
}
img.dots{width:140px;}
.infographic {
width: 100%;	
height: 100%;
padding: 140px 0px 120px;
background-image: url("../img/landing-bg.jpg");
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center top;
background-attachment: fixed;	
}
.landing{padding-top:4rem;}
.landing h1{font-size:40px;line-height: 1.2;} 
.landing p{margin: 0 0 25px; font-size:18px;} 
.landing ol {margin: 0 0 35px -7px;}
.landing ol li{margin: 0 0 10px; font-weight:400; font-size:16px;}
.text-orange{color:#ff8108;}
img.logo_brand{width:120px;margin-bottom:20px;}
.main {
margin: 0 auto;
background: #fff;
overflow: hidden;
}

.solution-pages{
position: relative;
padding-top: 3em;
margin-bottom:2em;	
}
.solution-pages:after {
content: "";
background: url(../img/edge-s1-bottom.svg) no-repeat;
background-size: 100% 100%;
position: absolute;
left: -5px;
right: -5px;
bottom: -5px;
height: 80px;
min-width: 450px;
z-index: 6;
}

.solution-pages .wrapper-item{
padding-top: 4em;
padding-bottom: 4em;
position:relative;
}
.solution-pages .heading{padding-top:8em;}
.solution-pages  .heading-landing {padding-top: 2em;padding-bottom: 4em;}
.solution-pages  .heading-landing h1{font-size: 3.25em; line-height: 1.2em;margin-bottom: 20px;}
.solution-pages  .heading-landing h5 {font-size: 2rem;font-weight: 300;}
.solution-pages h1, .solution-pages h2 {
font-size: 2.25em;
line-height: 1.2em;
margin-bottom: 20px;
}
.solution-pages h5 {
font-weight: normal;
margin-bottom: 15px;
line-height:1.5;	
}

.solution-pages-2,.solution-pages-4 {
margin-top:4em; 
margin-bottom:4em;	
}

.solution-pages-2 h3{
text-align:left;
color:#2f3952;
font-size: 22px;
line-height:1.3;
margin: 33px 0 10px 0;
font-weight: 400;
letter-spacing:0.2px;	
}
.solution-pages-2 p{
text-align:left;
font-size: 16px;
line-height:1.5;
font-weight: 100;
margin: 0 0 20px 0;
color: #373b43;	
}

.solution-pages-2 img{width:150px;height:150px;}

.solution-pages-3{
margin-top: 1em; 		
}
.content img {
margin: 20px 0 10px 0;
/*padding: 40px 55px;*/
/*border: 1px solid #e8e8e8;*/
border-radius: 2px;
background: #fff;
width: 120px;	
}
.content h3{
text-align:center;
color:#2f3952;
font-size: 16px;
line-height: 1.3;
margin: 8px 0 10px 0;
font-weight: 500;
letter-spacing: 0.2px;	
}
.content p{
text-align:center;
font-size: 14px;
line-height:1.3;
font-weight: 100;
margin: 0 0 20px 0;
color: #373b43;	
}

.ad-inventory{
margin-top:2em;
margin-bottom:4em;	
}
.inventory{margin: 28px 0 44px 0;}

.ad-type{
margin-top:2em;
margin-bottom:4em;	
}

.ad-type img{
width: 156px;
height:152px;
}
.ad-type h4 {
font-weight: 100;
font-size: 24px;
line-height: 32px;
margin: 20px 0 0px 0;
text-align:center;
}
.marketplace img{
width: 192px;
height: 149px;
margin: 3px 0 4px 0;
}
.marketplace h4 {
font-weight: 100;
font-size: 24px;
line-height: 32px;
margin: 20px 0 30px 0;
text-align:center;
}

/*.box-shadow-1{
-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
}*/

.cta-wrapper {
text-align: center;
border:  3px solid #fff;
padding: 45px 25px 0 25px;
border-radius: 180px;
display: block;
width: 180px;
height: 180px;
margin: 15px auto 25px auto;
}
.cta-wrapper h3 {
color: #fff;
font-size: 1rem;
font-weight: 300;
text-transform: uppercase;
}
.cta-wrapper h3 span {
color:#fff;
font-weight: 600;
}
.cta-wrapper p {
color: #fff;
font-size: .85rem;
line-height: 1.35;
}
.cta-wrapper p {
color: #fff;
font-size: .85rem;
line-height: 1.35;
}

.features .form-control{
border: 0;
border-bottom: 2px solid #fff;
border-radius: 0;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
margin-bottom: 25px;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
margin: 0 0 1rem;
padding: .5rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}	
.features .form-control::-webkit-input-placeholder { color:#e0dada; }  /* WebKit, Blink, Edge */
.features .form-control:-moz-placeholder { color:#e0dada; }  /* Mozilla Firefox 4 to 18 */
.features .form-control::-moz-placeholder { color:#e0dada; }  /* Mozilla Firefox 19+ */
.features .form-control:-ms-input-placeholder { color:#e0dada; }  /* Internet Explorer 10-11 */
.features .form-control::-ms-input-placeholder { color:#e0dada; }  /* Microsoft Edge */
.mt-50{margin-top:50px;}
.mb-50{margin-bottom:50px;}

ol {
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 40px;
}
ol li {
  margin: 0 0 1.5rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
}
ol li::before {
content: counter(my-awesome-counter);
color: #ff8108;
font-size: 1.5rem;
font-weight: 300;
position: absolute;
--size: 32px;
left: calc(-1 * var(--size) - 10px);
line-height: var(--size);
width: var(--size);
height: var(--size);
top: 0;
transform: rotate(0deg);
background: #212b44;
border-radius: 50%;
border-radius: 50%;
text-align: center;
box-shadow: 1px 1px 0 #999;
}

.text-set{padding-top:8rem;padding-bottom:8rem;}
/*###############  img canvas ##################*/
img.canvas {
width: 153px;
height: 707px;
}
img.single-product-ads {
width: 153px;
height: 242px;
margin: 20px 0 20px 0;
}
img.carousel {
width: 503px;
height: 242px;
margin: 20px 0 20px 0;
}

img.iphone-banners {
width: 153px;
height: 242px;
}

img.iphone-interstitial {
width: 153px;
height: 242px;
}

img.promoted-tweets {
width: 153px;
height: 242px;
}
img.promoted-trends {
width: 153px;
height: 242px;
}
img.promoted-accounts {
width: 192px;
height: 149px;
margin: 46px 0 47px 0;
}

img.app-action {
width: 228px;
height: 242px;
margin: 3px 0 4px 0;
}
img.device-list {
width: 154px;
height: 235px;
}
img.location {
width: 195px;
height: 187px;
margin: 27px 0 28px 0;
}

img.device-type {
width: 208px;
height: 239px;
margin: 64px 0px 0px 0px;	
}

img.os {
width: 228px;
height: 239px;
margin: 64px 0px 0px 0px;	
}

img.pt {
width:400px;
}

.step img {
display:block;
margin-bottom:5px;
}
.step .circle-gradient {
background: linear-gradient(to right, #ff1453 0%, #9327f5 100%);
background: -moz-linear-gradient(left, #ff1453 0%, #9327f5 100%);
background: -webkit-linear-gradient(left, #0e1ed6 0%, #ff41f0 100%);
width: 35px;
height: 35px;
border-radius: 50%;
color:#fff;
display:block;
font-size: 1.2em;
margin-bottom: 25px;
text-align:center;	
padding-top:7px;	
clear:both;	
margin:0 auto;	
}
.step h5 {
font-weight: normal;
margin-bottom: 15px;
}
.gradient-border{
content: "";
width: 72%;
height: 1px;
position: absolute;
border-top: 2px dashed #4014ff;
transform: translateY(240px);
z-index: -1;
}
.step p {
font-size: 14px;
text-align: center;
line-height: 1.5;
margin-top: 10px;
}


.sets img{margin-bottom:20px;width:174px;height:152px;}
.sets span{font-size:14px;}
.sets h3{margin:0; font-size:18px; padding-top:5px; padding-bottom:5px;}
.sets p{margin:0; font-size:16px;}
/*############ mobile menu #############*/
.mobile-menu {
  display: none;
  width: 100%;
  height: 100vh;
}
.mobile-menu .inside {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.mobile-menu .menu {
  padding: 40px 25px;
}
.mobile-menu .button-header {
  padding-bottom: 30px;
}

.mobile-menu .menu ul{
padding:0; margin:0;
}
.mobile-menu .menu li {
  width: 100%;
  padding: 5px 0 8px 0;
  margin-right: 0;
  list-style:none;
}
.mobile-menu .menu li:before {
  bottom: 15px;
}

.mobile-menu .menu li a{color:#fff; text-decoration:none; outline:none;}
.mobile-menu .menu li a:hover{color:#fff; text-decoration:none; outline:none;}
.mobile-menu .menu li a:focus{color:#fff; text-decoration:none; outline:none;}
.mobile-menu .menu li a:visited{color:#fff; text-decoration:none; outline:none;}
.mobile-menu .menu .sub-menu {
  margin: 20px auto 0;
  position: static;
  left: auto;
  -ms-transform: translateX(0) scale(1);
      transform: translateX(0) scale(1);
  opacity: 1;
  visibility: visible;
}
.mobile-menu .menu .children {
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  border: none;
}
.mobile-menu .menu .children > a:after {
  content: "\f107";
  font-size: 18px;
  color: #fff;
  position: relative;
  left: 6px;
  top: 2px;
  font-family: FontAwesome, serif;
  display: inline-block;
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}
.mobile-menu .menu .children .collapsed:after {
  -ms-transform: rotate(0);
      transform: rotate(0);
}
.mobile-menu .menu .children:hover .sub-menu {
  -ms-transform: translateX(0) scale(1);
      transform: translateX(0) scale(1);
}
.mobile-menu .logo,
.mobile-menu .menu,
.mobile-menu .button-header {
  width: 100%;
  text-align:left;
}
.mobile-menu-open {
  overflow-y: hidden;
}
.mobile-menu-open .mobile-block {
  overflow-y: scroll;
}
/* 02. Mobile Menu Btn
   ==================================== */
.mobile-menu-btn {
  position: absolute;
  display: inline-block;
  right: 30px;
  height: 30px;
}
.mobile-menu-btn.active span {
  background-color: rgba(0, 0, 0, 0);
  transition-delay: 0.2s;
}
.mobile-menu-btn.active span:before {
  margin-top: 0;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  transition-delay: 0s, 0.2s;
}
.mobile-menu-btn.active span:after {
  margin-top: 0;
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  transition-delay: 0s, 0.2s;
}
.mobile-menu-btn span {
  margin: 0 auto;
  position: relative;
  top:0px;
  transition-duration: 0s;
  transition-delay: 0.2s;
}
.mobile-menu-btn span:before,
.mobile-menu-btn span:after {
  content: '';
  position: absolute;
}
.mobile-menu-btn span:before {
  margin-top: -10px;
  transition-property: margin, transform;
  transition-duration: 0.2s;
  transition-delay: 0.2s, 0s;
}
.mobile-menu-btn span:after {
  margin-top: 10px;
  transition-property: margin, transform;
  transition-duration: 0.2s;
  transition-delay: 0.2s, 0s;
}
.mobile-menu-btn span,
.mobile-menu-btn span:before,
.mobile-menu-btn span:after {
  width:26px;
  height: 3px;
  background-color:#fff;
  display: block;
}
header.active .mobile-menu {
    display: inline-block;
}


.panel-heading {
  padding: 0;
	border:0;
}
.panel-title>a, .panel-title>a:active{
	display:block;
	padding:15px;
  color:#555;
  font-size:16px;
  font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
  word-spacing:3px;
	text-decoration:none;
}
.panel-heading  a:before {
   font-family: 'Glyphicons Halflings';
   content: "\e114";
   float: right;
   transition: all 0.5s;
}
.panel-heading.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
} 
.btn{cursor:pointer;}
.pt-115{padding-top:115px;}
.signup select option {
background: rgba(109, 121, 195);
color: #fff;
}
.sitemap ul {
line-height: 1.6;
margin-bottom: 17px;
list-style-position: outside;
}

.sitemap ul li{list-style:none;}
.sitemap ul li.arrow{
list-style: none;
line-height: 16px;
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.5px;
background: url(../img/arrow.png) no-repeat;
}
.sitemap ul li:first-child{
font-size:16px;
padding-left: 0px;
font-weight:600;
}
.sitemap ul li a:first-child{
font-size:16px;
padding-left: 0px;
font-weight:normal;
padding-left:20px;
}
.sitemap ul li a {
color: #555;
text-decoration: none;
outline: none;
}
.sitemap ul li a:hover{
text-decoration: none;
outline: none;
}
.sitemap ul li a:visited{
text-decoration: none;
outline: none;
}
.sitemap ul li a:focus{
text-decoration: none;
outline: none;
}
/*################### responsive ####################*/
@media (max-width: 479px){
body{padding-top: 56px;}	
.main{overflow:visible;}
.header{height: 50px;padding: 10px 0;box-shadow: 0 5px 5px rgba(0,0,0,.1);}	
	
.homepage {position: relative;overflow: hidden;padding-top: 4em;padding-bottom: 0em;margin-bottom: 2em;}
.homepage .heading h1 {font-size: 2em;line-height: 1.2em;text-align: center;text-transform: capitalize;padding-bottom: 1rem;}
.homepage .shape1{display:none;}
.homepage .shape2{display:none;}	
header {position: fixed;top: 0;left: 0;z-index:99999;width: 100%;padding: 29px 0;background-color: #161540;}
header > .container {display: none;}
header .transparent {padding: 0;height: 58px;background-color:#161540;}
header .transparent.active {height: 100%;}
header .button-header .custom-btn {width: 96px;}
header .button-header .custom-btn .custom-btn,header .button-header .custom-btn.login {color: #fff;}
header .menu li {margin-right: 16px;}
header .logo-mobile {display: inline-block;position:absolute;margin-left:25px;top:6px;}
header .logo-mobile img {max-width: 160px;margin-top:10px;}	
.solution-pages-2 h3{margin: 1px 0 15px 0;}		
.solution-pages{padding-top: 1em;padding-bottom: 1em;}
.solution-pages .wrapper-item{padding-top: 1em;padding-bottom: 1em;}
.solution-pages .heading{padding-top:0px;text-align: center;margin-bottom: 15px;}	
.solution-pages h1, .solution-pages h2{font-size: 1.25em;font-weight: 600;}
.solution-pages::after {left: 0;right: 0;bottom: 0;height: auto;}
.solution-pages-2 {margin-top: 2em;margin-bottom: 2em;}
.solution-pages-2 h3{text-align: center;font-weight: 500;font-size: 18px;}
.solution-pages-2 p {text-align: center;font-size: 14px;line-height: 1.5;}
.content img{padding: 4px 4px;width:150px;height:150px;}	
.ad-type img {width: 105px;height: auto;}
.ad-type h4 {font-weight: 300;font-size: 18px;line-height: 32px;margin: 7px 0 15px 0;text-align: center;}	
.logo-wrap {
float: left;
margin: 0 0 0 0;
display: block;
width: 100%;
height:auto;
background: #212b44;
padding: 24px 0 0 18px;
margin-bottom: 0px;
padding-bottom: 17px;	
}
.login-wrap{display:none;}
.navigation-top a.free-trial-button{display:none;}	
.navigation-top nav{	
display: block;
background: #2f3952;
padding-left: 25px;
padding-right: 25px;
}		
.gradient-text h1{text-align:center;}	
.btn-animated a {color: #fff;padding: 2px 2px;font-size: 13px;}	
#get-started .wrapper h2{font-size: 1.45em;font-weight: bold;}
.remarketing{margin-bottom:25px;}	
.remarketing ul li h2 {color: #fff;text-indent: 0;font-size:17px;}
.remarketing ul li{margin-left:25px;}	
.features .wrapper-box {padding-top: 6em;padding-bottom: 6em;}	
footer.layout-light .nile-widget.widget_nav_menu ul li a{font-size:13px;padding: 4px 0px 1px 0px;}	
footer.layout-light .copy-right{padding-top:20px;}
footer.layout-light .copy-right .copy-right-text{padding:4px 0px;}
.hidden-xs{display:none;}
#firo-login{
background: #9327f5;
background: -webkit-linear-gradient(30deg, #9327f5 30%, #00aeef 100%);
background: -o-linear-gradient(30deg, #9327f5 30%, #00aeef 100%);
background: linear-gradient(30deg, #9327f5 30%, #00aeef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$purple', endColorstr='$blue',GradientType=1 );
color: #fff;
padding-top:6rem;	
padding-bottom:6rem;	
}	
.login-out {background:transparent;}		
.firo-login-form{padding-top:0px;padding-left:15px;padding-right:15px;}	
.gradient-border{display:none;}
.sets h3{padding-top:0px;padding-bottom:0px;}
.text-set{padding-top:1rem;padding-bottom:1rem;}	
.sets p{font-size:15px; padding-bottom:30px;}	
img .pt {width: 300px;}	
.sets img{margin-bottom:0px;}	
.pt-115{padding-top:5px;}
.logo-landing img{width: 120px;display: block;padding-top: 0rem;padding-bottom: 2rem;margin-left: auto;margin-right: auto;}
.solution-pages  .heading-landing {padding-top:0em;padding-bottom:0em;}
.solution-pages  .heading-landing h1{font-size: 1.25em;font-weight: 600;;margin-bottom: 20px;}
.solution-pages  .heading-landing h5 {font-size: 1rem;font-weight: 300;}
.landing{padding-top:2rem;}
.landing h1 {font-size: 20px;}
.landing p {margin: 0 0 15px;font-size: 16px;line-height: 1.4;}
	
} /* end 479px */
@media (max-width: 575px) and (min-width: 480px){
body{padding-top:56px;}	
.main{overflow:visible;}
.header{height: 50px;padding: 10px 0;box-shadow: 0 5px 5px rgba(0,0,0,.1);}		
.homepage {position: relative;overflow: hidden;padding-top: 4em;padding-bottom: 0em;margin-bottom: 2em;}
.homepage .heading h1 {font-size: 2em;line-height: 1.2em;text-align: center;text-transform: capitalize;padding-bottom: 1rem;}
.homepage .shape1{display:none;}
.homepage .shape2{display:none;}		
header {position: fixed;top: 0;left: 0;z-index:99999;width: 100%;padding: 29px 0;background-color: #161540;}
header > .container {display: none;}
header .transparent {padding: 0;height: 58px;background-color:#161540;}
header .transparent.active {height: 100%;}
header .button-header .custom-btn {width: 96px;}
header .button-header .custom-btn .custom-btn,header .button-header .custom-btn.login {color: #fff;}
header .menu li {margin-right: 16px;}
header .logo-mobile {display: inline-block;position:absolute;margin-left:25px;top:6px;}
header .logo-mobile img {max-width: 160px;margin-top:10px;}	
.solution-pages-2 h3{margin: 1px 0 15px 0;}		
.solution-pages{padding-top: 1em;padding-bottom: 1em;}
.solution-pages .wrapper-item{padding-top: 1em;padding-bottom: 1em;}
.solution-pages .heading{padding-top:0px;text-align: center;margin-bottom: 15px;}	
.solution-pages h1, .solution-pages h2{font-size: 1.25em;font-weight: 600;}
.solution-pages::after {left: 0;right: 0;bottom: 0;height: auto;}
.solution-pages-2 {margin-top: 2em;margin-bottom: 2em;}
.solution-pages-2 h3{text-align: center;font-weight: 500;font-size: 18px;}
.solution-pages-2 p {text-align: center;font-size: 14px;line-height: 1.5;}
.content img{padding: 4px 4px;width:150px;height:150px;}	
.ad-type img {width: 105px;height: auto;}
.ad-type h4 {font-weight: 300;font-size: 18px;line-height: 32px;margin: 7px 0 15px 0;text-align: center;}	
.logo-wrap {
float: left;
margin: 0 0 0 0;
display: block;
width: 100%;
height:auto;
background: #212b44;
padding: 24px 0 0 18px;
margin-bottom: 0px;
padding-bottom: 17px;	
}
.login-wrap{display:none;}
.navigation-top a.free-trial-button{display:none;}	
.navigation-top nav{	
display: block;
background: #2f3952;
padding-left: 25px;
padding-right: 25px;
}		
.gradient-text h1{text-align:center;}	
.btn-animated a {color: #fff;padding: 2px 2px;font-size: 13px;}	
#get-started .wrapper h2{font-size: 1.45em;font-weight: bold;}
.remarketing{margin-bottom:25px;}	
.remarketing ul li h2 {color: #fff;text-indent: 0;font-size:17px;}
.remarketing ul li{margin-left:25px;}	
.features .wrapper-box {padding-top: 6em;padding-bottom: 6em;}	
footer.layout-light .nile-widget.widget_nav_menu ul li a{font-size:13px;padding: 4px 0px 1px 0px;}	
footer.layout-light .copy-right{padding-top:20px;}
footer.layout-light .copy-right .copy-right-text{padding:4px 0px;}
.hidden-xs{display:none;}
#firo-login{
background: #9327f5;
background: -webkit-linear-gradient(30deg, #9327f5 30%, #00aeef 100%);
background: -o-linear-gradient(30deg, #9327f5 30%, #00aeef 100%);
background: linear-gradient(30deg, #9327f5 30%, #00aeef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$purple', endColorstr='$blue',GradientType=1 );
color: #fff;
padding-top:6rem;	
padding-bottom:6rem;	
}	
.login-out {background:transparent;}		
.firo-login-form{padding-top:0px;padding-left:15px;padding-right:15px;}	
.gradient-border{display:none;}	
.sets h3{padding-top:0px;padding-bottom:0px;}
.text-set{padding-top:1rem;padding-bottom:1rem;}	
.sets p{font-size:15px; padding-bottom:30px;}	
img .pt {width: 300px;}	
.sets img{margin-bottom:0px;}			
.pt-115{padding-top:5px;}
.logo-landing img{width: 120px;display: block;padding-top: 0rem;padding-bottom: 2rem;margin-left: auto;margin-right: auto;}
.solution-pages  .heading-landing {padding-top:0em;padding-bottom:0em;}
.solution-pages  .heading-landing h1{font-size: 1.25em;font-weight: 600;;margin-bottom: 20px;}
.solution-pages  .heading-landing h5 {font-size: 1rem;font-weight: 300;}
.landing{padding-top:2rem;}
.landing h1 {font-size: 20px;}
.landing p {margin: 0 0 15px;font-size: 16px;line-height: 1.4;}	
}/* end 575px */
@media (max-width: 767px) and (min-width: 576px){
body{padding-top:56px;}	
.main{overflow:visible;}
.header{height: 50px;padding: 10px 0;box-shadow: 0 5px 5px rgba(0,0,0,.1);}		
.homepage {position: relative;overflow: hidden;padding-top: 4em;padding-bottom: 0em;margin-bottom: 2em;}
.homepage .heading h1 {font-size: 2em;line-height: 1.2em;text-align: center;text-transform: capitalize;padding-bottom: 1rem;}
.homepage .shape1{display:none;}
.homepage .shape2{display:none;}		
header {position: fixed;top: 0;left: 0;z-index:99999;width: 100%;padding: 29px 0;background-color: #161540;}
header > .container {display: none;}
header .transparent {padding: 0;height: 58px;background-color:#161540;}
header .transparent.active {height: 100%;}
header .button-header .custom-btn {width: 96px;}
header .button-header .custom-btn .custom-btn,header .button-header .custom-btn.login {color: #fff;}
header .menu li {margin-right: 16px;}
header .logo-mobile {display: inline-block;position:absolute;margin-left:25px;top:6px;}
header .logo-mobile img {max-width: 160px;margin-top:10px;}	
.solution-pages-2 h3{margin: 1px 0 15px 0;}		
.solution-pages{padding-top: 1em;padding-bottom: 1em;}
.solution-pages .wrapper-item{padding-top: 1em;padding-bottom: 1em;}
.solution-pages .heading{padding-top:0px;text-align: center;margin-bottom: 15px;}	
.solution-pages h1, .solution-pages h2{font-size: 1.25em;font-weight: 600;}
.solution-pages::after {left: 0;right: 0;bottom: 0;height: auto;}
.solution-pages-2 {margin-top: 2em;margin-bottom: 2em;}
.solution-pages-2 h3{text-align: center;font-weight: 500;font-size: 18px;}
.solution-pages-2 p {text-align: center;font-size: 14px;line-height: 1.5;}
.content img{padding: 4px 4px;width:150px;height:150px;}	
.ad-type img {width: 105px;height: auto;}
.ad-type h4 {font-weight: 300;font-size: 18px;line-height: 32px;margin: 7px 0 15px 0;text-align: center;}	
.logo-wrap {
float: left;
margin: 0 0 0 0;
display: block;
width: 100%;
height:auto;
background: #212b44;
padding: 24px 0 0 18px;
margin-bottom: 0px;
padding-bottom: 17px;	
}
.login-wrap{display:none;}
.navigation-top a.free-trial-button{display:none;}	
.navigation-top nav{	
display: block;
background: #2f3952;
padding-left: 25px;
padding-right: 25px;
}	
.gradient-text h1{text-align:center;}	
.btn-animated a {color: #fff;padding: 2px 2px;font-size: 13px;}	
#get-started .wrapper h2{font-size: 1.45em;font-weight: bold;}
.remarketing{margin-bottom:25px;}	
.remarketing ul li h2 {color: #fff;text-indent: 0;font-size:17px;}
.remarketing ul li{margin-left:25px;}	
.features .wrapper-box {padding-top: 6em;padding-bottom: 6em;}	
footer.layout-light .nile-widget.widget_nav_menu ul li a{font-size:13px;padding: 4px 0px 1px 0px;}	
footer.layout-light .copy-right{padding-top:20px;}
footer.layout-light .copy-right .copy-right-text{padding:4px 0px;}
.hidden-xs{display:none;}
#firo-login{
background: #9327f5;
background: -webkit-linear-gradient(30deg, #9327f5 30%, #00aeef 100%);
background: -o-linear-gradient(30deg, #9327f5 30%, #00aeef 100%);
background: linear-gradient(30deg, #9327f5 30%, #00aeef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$purple', endColorstr='$blue',GradientType=1 );
color: #fff;
padding-top:6rem;	
padding-bottom:6rem;	
}	
.login-out {background:transparent;}		
.firo-login-form{padding-top:0px;padding-left:15px;padding-right:15px;}	
.gradient-border{display:none;}
.sets h3{padding-top:0px;padding-bottom:0px;}
.text-set{padding-top:1rem;padding-bottom:1rem;}	
.sets p{font-size:15px; padding-bottom:30px;}	
img .pt {width: 300px;}	
.sets img{margin-bottom:0px;}	
.pt-115{padding-top:5px;}
.logo-landing img{width: 120px;display: block;padding-top: 0rem;padding-bottom: 2rem;margin-left: auto;margin-right: auto;}
.solution-pages  .heading-landing {padding-top:0em;padding-bottom:0em;}
.solution-pages  .heading-landing h1{font-size: 1.25em;font-weight: 600;;margin-bottom: 20px;}
.solution-pages  .heading-landing h5 {font-size: 1rem;font-weight: 300;}
.landing{padding-top:2rem;}
.landing h1 {font-size: 20px;}
.landing p {margin: 0 0 15px;font-size: 16px;line-height: 1.4;}	
 }  /* end 767px */
	
@media (max-width: 991px) and (min-width: 768px){
.logo-wrap {
float: left;
margin: 0 0 0 0;
display: block;
width: 100%;
height:auto;
background: #212b44;
padding: 27px 0 0 20px;
margin-bottom: 10px;	
}
.login-wrap{display:none;}
.navigation-top a.free-trial-button{display:none;}
.navigation-top nav{	
display: block;
background: #2f3952;
padding-left: 25px;
padding-right: 25px;
}	
#get-started .wrapper h2{font-size: 1.45em;font-weight: bold;}	
.hidden-xs{display:none;}
#firo-login{
background: #9327f5;
background: -webkit-linear-gradient(30deg, #9327f5 30%, #00aeef 100%);
background: -o-linear-gradient(30deg, #9327f5 30%, #00aeef 100%);
background: linear-gradient(30deg, #9327f5 30%, #00aeef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$purple', endColorstr='$blue',GradientType=1 );
color: #fff;
padding-top:6rem;	
padding-bottom:6rem;	
}	
.login-out {background:transparent;}		
.firo-login-form{padding-top:0px;padding-left:15px;padding-right:15px;}	
	
	
} /* end 991px */  

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


}/* end 1199px */