html,body{width:100%;height:100%;margin:0;padding:0}
body{background-color:#5F6061;font-family:'Lato',sans-serif;-webkit-font-smoothing:antialiased; overflow-x:hidden}
a{color:inherit; cursor:pointer;}

.overf { overflow-y: hidden; }

::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #484757;
}
::-webkit-selection { /* Code for chrome */
    color: #fff;
    background: #484757;
}
::selection {
    color: #fff;
    background: #484757;
}
.blurr {
    filter:blur(10px);
    -webkit-filter: blur(10px);
}
.corB { color:#73e5ff !important; font-weight:bold }
p.boost { font-size:36px !important; font-weight:bold; line-height:80px !important; text-align:center; margin-top:50px !important; color:#a2a2a2 }
.boost span { color:#f62619; font-size:100px; line-height:1px; }
.clr { clear:both; }
.clearfix-full:before, .clearfix-full:after, .clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}

.ovh { overflow:hidden; }
.flt { float:left; }
.frt { float:right; }
.bdr5, .arr-up, .menu-pop, textarea,button, .select-one a,  .reg-but, .section-contact input { -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.bg-white { background-color:#fff !important; }

.txt-sh,.registration h2, .tranbg .hea, .nav i { -moz-text-shadow:0 1px 1px #35464d; -webkit-text-shadow:0 1px 1px #35464d; -o-text-shadow:0 1px 1px #35464d; -ms-text-shadow:0 1px 1px #35464d; text-shadow:0 1px 1px #35464d;}

h2.section-title{margin:0;font-weight:900;text-transform:uppercase;margin-bottom:50px;text-align:center}
h2.section-title2{margin:0;font-weight:500;text-transform:uppercase;margin-bottom:25px;text-align:left; }

.reg-but { background-color:#e3390c; padding:25px 0; line-height:1; color:#fff !important; text-align:center; width:240px; margin:0 auto; display:block; margin-top:50px; }

/* ===== Global ===== */
.content-container {
    width: 90%;
    min-height: 20px;
    margin: 0 auto;
}
.bgW { background:#fff; }


hr { height:2px; border:0; overflow:hidden; background:#efefef; margin:0; padding:0; }
.section-title { margin:0; padding:0; }
/* ===== Buttons ===== */
.btn {
    display: inline-block;
    padding: 0 38px;
    line-height: 50px;
    border-radius: 65px;
    border: 2px #0097c2 solid;
    background: transparent;
    text-transform: uppercase;
    transition: all .2s ease-in;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

.btn-blue { color: #fff !important;
            background: none  !important;
            padding: 0 30px;
            border-radius: 4px;
            font-weight:bold;
            margin-top:30px;
            border:2px solid #fff
}
.btn-line {background-color: #fff; color: #2fbddd !important; margin-top:15px; border:2px solid #2fbddd}

/* ===== Header ===== */
.bgi { background: rgba(32, 44, 58, .6); background: rgba(0, 0, 0, .4); }
#header-wrapper {
    position: fixed;
    top: 0;
    width: 100%;
    height: 70px;
    z-index: 9998;
    padding-bottom:15px;
    /*background:#202c3a;*/
}

#header-logo {
    float: left;
    display: block;
    width: 157px;
    height: 47px;
    background-image: url('../images/logo.png');
    margin-top: 25px;
    background-repeat:no-repeat;
}

#header-navigation {
    float: right;
    margin-top: 30px;
}

#header-navigation ul {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
}
/*
#header-navigation ul li{
    display: inline-block;
}

#header-navigation ul li:not(:first-child) {
    margin-left: 15px;
}




#header-navigation li.i:after {
    content: '';
    display: block;
    margin: auto;
    height: 1px;
    width: 0px;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
}
#header-navigation li.i:hover:after {
    width: 100%;
    background: #fff;
}
#header-navigation li.i:hover:after .sign-in {
    width: 100%;
    background: #2fbddd;
}

#header-navigation li.i {  display: inline-block;position: relative;
                           padding-bottom: 3px;
                           margin-right: 0px; }
.h-menu-link {
    display: block;
    line-height: 34px;
    color: #fff;
    padding: 0 7px;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    text-transform:uppercase;
    content:"";

}

.h-menu-link:hover {
}

.h-menu-link.sign-in {
    color: #fff;
}

.h-menu-link.sign-up {
    color: #fff !important;
    background-color: #2fbddd;
    padding: 0 15px;
    border-radius: 4px;
}

.h-menu-link.sign-up:hover {
    text-decoration: none;
    background-color: #202c3a;
}
*/


nav ul li {
  display: inline-block;
  position: relative;
  margin: 0 0 0 15px;
}

nav ul li:hover{
    border-bottom: 1px solid #fff;
}

nav ul li ul {
  display: none;
  position: absolute;
 
}
nav ul li:hover ul li{
    border-bottom: 0px solid #fff;
}


nav .fa.fa-angle-down { margin-left: 6px; }
.ulmenu{
    background-color: #fff;
}

.submenu, .submenu .tree { position:absolute; padding:0px; background-color: #fff;  -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; }
.submenu li, .submenu ul, #header-navigation .submenu ul li, .tree li, .tree ul, #header-navigation .tree ul li{ padding:0; margin:0;   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);}
.submenu a, .tree a{ color:#404040; display:block; border-bottom:1px solid #e1e1e1; text-decoration:none; text-transform:uppercase; padding:10px 30px 10px 15px; width:155px; clear:both; font-size:12px; background-color: #fff;  }
.submenu a:hover, .tree a:hover{ background:#efefef; color:#404040; }
.submenu .sub{ background:#fff url(../images/arrow.png) no-repeat right center; }
.submenu .tree { left: 201px; margin-top:-38px; display:block; background-color: #fff; }
.h-menu-link {
    display: block;
    line-height: 34px;
    color: #fff;
    padding: 0 7px;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    text-transform:uppercase;
    content:"";

}

.h-menu-link:hover {
}

.h-menu-link.sign-in {
    color: #fff;
}

.h-menu-link.sign-in {
    color: #fff;
    border-bottom: 0px solid #fff;
}

.h-menu-link.sign-up {
    color: #fff !important;
    background-color: #2fbddd;
    padding: 0 15px;
    border-radius: 4px;
    border-bottom: 0px solid #fff;
}

.h-menu-link.sign-up:hover {
    text-decoration: none;
    border-bottom: 0px solid #fff;
    background-color: #202c3a; 
}

.section-main { position:relative; }
.section-main .arrow-down{width:100%; position:absolute; bottom:0; text-align:center;}


/* ===== Main Page ===== 
#page-wrapper {
    min-height: 1000px;
}
*/

.mini-container{width:80%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:5px 20px; overflow:hidden; padding:80px 0 110px 0;}

.mini-container p { font-size:16px; line-height:26px; padding:0; margin:0;   }
.section-about .mini-container p, .section-who  .mini-container p { color:#999 }
.section-main{width:100%;height:100%;max-height:100%;background-color:transparent;display:block;position:relative;z-index:2000;text-align:center; background:rgba(0, 0, 0, 0) url("../images/monetize.jpg") no-repeat; background-size: cover !important; background-position: center top;}
.section-main .title{width:100%;height:auto;position:absolute;top:30%;color:rgba(236,240,241,0.9); margin-top:-85px}
.section-main .title a.title-img{display:block;margin-bottom:0px}
.section-main .title a.title-img img{max-height:40px;outline:none;border:none}
.section-main .title h1{display:inline-block;color:#ecf0f1; margin-top :160px; line-height:1;
                        font-size: 70px;
                        color: #fff;
                        text-align: center;
                        font-weight:bold;
                        line-height:60px;
}

.section-content h3 { color:#999; }

.section-main h1.text-logo{font-family:'Grand Hotel',cursive;text-transform:none;font-weight:400;font-size:36px;color:rgba(236,240,241,0.8)}


.section-main h1 span {
    display:block;
    /*width: 820px;*/
    font-size: 48px;
    font-weight: 400;
    margin: 22px auto;
}

.section-title { font-size:30px; font-weight:bold; color:#4b4b4b; text-transform:uppercase; position:relative; padding:10px 0; margin-bottom:40px !important;  }
.section-how .section-title, .section-choose .section-title {margin-bottom:100px !important }
.section-title span { width:80px; height:3px; background:#2fbddd; position:absolute; bottom:0; left:0;  }
p.bigfont { font-size:190px; text-align:center; color: #000; opacity:0.05; text-transform:uppercase; font-weight:bold; position:absolute; width:8000px; text-align:center; left:50%; margin-left:-4000px; z-index:1; margin-top:0;
            -webkit-touch-callout: none; /* iOS Safari */
            -webkit-user-select: none;   /* Chrome/Safari/Opera */
            -khtml-user-select: none;    /* Konqueror */
            -moz-user-select: none;      /* Firefox */
            -ms-user-select: none;       /* Internet Explorer/Edge */
            user-select: none;  cursor:default; }


a { outline:none; }
.section-how, .section-knowledge { background:#2fbddd;color:#fff;  }
.section-how .section-title span, .section-knowledge .section-title span{ background:#fff; }
.section-how .section-title, .section-knowledge .section-title { color:#fff; }
.section-choose, .section-affiliates { background:#202c3f;color:#a2a5a9;  }
.section-choose h3, .section-affiliates h3{ color:#fff; }
.section-choose .section-title, .section-affiliates .section-title { color:#fff; }
.section-choose .icon { width:112px; height:112px; overflow:hidden; background:url(../images/sprite-1.png) no-repeat; margin: 0 50px 0 0; display:inline; float:left; margin-bottom:50px;  }

.section-choose .icon.icon-ux { background-position: -112px 0; }
.section-choose .icon.icon-payout { background-position: 0 0; }
.section-choose .icon.icon-analytics { background-position: right 0; }
.section-choose .icon.icon-trust { background-position: -112px -112px; }
.section-choose .icon.icon-setup { background-position: 0 -112px; }
.section-choose .icon.icon-support { background-position: right -112px }


.section-choose .col-5 { width:50%; display:inline-block; float:left; padding:0 0px 50px 0; box-sizing:border-box;   }
.section-choose .col-5 .content { float:left; width:240px; display:inline }
.section-choose .col-5 h3 { margin-top:0; }

.section-choose .mar0 { padding:0; }


.section-how .icon { width:136px; height:136px; overflow:hidden; background:url(../images/sprite-2.png) no-repeat; margin: 0 50px 0 0; display:block; margin-bottom:50px;  }
.section-how .icon.icon-register { background-position: -272px 0; }
.section-how .icon.icon-integration { background-position: -136px 0; }
.section-how .icon.icon-earn { background-position: right 0; }
.section-how .icon.icon-stats { background-position:0 0 }

.section-how .mini-container { width:85% !important;  }

.section-how .col-4 { width:25%; display:inline-block;   float:left; padding:0 0px 0 0; box-sizing:border-box; padding-right:40px;   }
.section-how .col-4 .content { float:left;  display:inline; }
.section-how .col-4 h3 { margin-top:0; font-size:24px; }
.section-how .mar0 { padding:0; }

.clearfix { position:relative; }favicon.ico
.f-30 { font-size:30px; }
.p-l { position:absolute; left:0; margin:0; } .p-r { position:absolute; right:0; margin:0;  bottom:0 }
#section-who .section-content { padding:100px 0; height:360px; width:380px; }
.section-about p { margin-bottom:16px; }


.section-main .btn-line, .section-knowledge .btn-line{ 
    color:#fff !important; 
    border-color:#fff;
}
.section-main .btn-line { 
    margin-top:-20px; 
}
.section-footer { 
    background:#202c3a; 
    color:#7e8288; 
    font-size:14px;  
    padding:30px 0 0; 
    box-sizing:border-box; 
}
.section-footer .mini-container{ 
    position:relative;  
    padding: 10px 0 85px 0; 
}
.section-footer .bmenu  { 
    display: inline-block; 
    width: 20%;  
    margin:0 5% 0 0; 
    padding:0;  
    vertical-align: top;
}
.section-footer .bmenu  li h5{
    font-size: 18px;
    line-height: 40px;
    margin: 0px 0 10px 0;
    color: #2fbddd;
    border-bottom: 1px solid #3d444c; 
}
.section-footer .bmenu li, .section-footer .social li{ 
    list-style-type:none; 
    /*text-transform: capitalize;*/
    color: #9e9e9e;
    line-height: 22px;
    font-size: 14px;
    display: block; 
}
.section-footer .bmenu li a{ 
    text-decoration:none; 
}
.social { 
    width: 22%;  
    padding: 0px;
    vertical-align: top;
    margin: 0px;
    display: inline-block; 
}
.section-footer .social li, .social li  { 
    text-indent:-9999px ;
    margin-right:10px; 
    display: inline-block; 
    vertical-align: top; 
}
.section-footer .social .soc-head {
    display: block !important;
    width: 100% !important;
}
.section-footer .social .soc-head h5{
    font-size: 18px;
    line-height: 40px;
    text-indent: initial;
    margin: 0px 0 10px 0;
    color: #2fbddd;
    display: block !important;
    width: 100% !important;
    border-bottom: 1px solid #3d444c; 
}
.section-footer .social li  a, .social li  a { 
    background:url(../images/social.png) no-repeat; 
    width:30px; 
    height:30px; 
    display:block; 
}
.section-footer .social li  a.fb, .social li  a.fb{ 
    background-position: 0 0;
}
.section-footer .social li  a.tw, .social li  a.tw{ 
    background-position: -30px 0; 
}
.section-footer .social li  a.gp, .social li  a.gp{ 
    background-position: -60px 0;
}
.section-footer .social li  a.in, .social li  a.in{ 
    background-position: right top; 
}
.menu-sm .social { 
    position:absolute; 
    bottom:20px; 
    top:auto; 
    left:20px; 
    right:auto;
    width: 100%;
}
.menu-sm .social li { 
    float:left;
    margin-right:10px; 
}
.botom { position:absolute; left:0px; bottom:30px; font-size:14px; width:100%; }
.botom span { display:block; float:right; }
.botom i { float:left; font-style:normal; }
.botom span a {text-decoration:none; margin-right:50px; }

.section-contact { background:#e0e0e0;  }
.section-contact .mini-container {padding: 40px 0 50px 0;}
.section-contact p.l{ font-size:30px; margin-bottom:35px; color:#666; }
.section-contact img { margin-right:10px; }
.section-contact p.p{ font-size:20px; line-height:36px; color:#404040; margin-bottom:20px; letter-spacing:0.08em;}

.registration {width:100%;height:100%;max-height:100%;background-color:transparent;display:block;position:relative;z-index:2000; background:rgba(0, 0, 0, 0.5); position:fixed; z-index:99999; left:0; top:0; color:#fff; overflow:auto;}
.registration .form {width:50%;max-width:350px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:5px 20px; overflow:hidden; margin-top:-260px;  position:absolute; top:50%; left:50%; margin-left:-175px;  }
.tranbg { background:rgba(255, 255, 255, 0.3); -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; border-radius:10px; padding:75px 20px 5px 20px; position:relative; margin-top:80px; margin-bottom:20px; }
.logo-icon { background:#2fbddd; width:100px; height:100px; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; border-radius:50%; position:absolute; top:-50px; left:50%; margin-left:-52px; border:4px solid #fff;
             background:rgba(153, 153, 153, 1) url("../images/icon.png") no-repeat scroll 18px 18px;
}
.tranbg .hea { font-size:14px; font-weight:bold; text-align:center; color:#fff; text-transform:uppercase; }

.registration {  }
.registration h2 { text-align:center; font-size:28px; font-weight:bold; text-transform:uppercase; }
.registration h2 span { display:block; }
.registration h2, .registration1 { font-weight:400; }
.registration h3 { font-weight:300; font-size:14px; text-transform:uppercase; color:#f9dbd7; }
.registration p, .registration .grp, .registration1 p { margin:0 0 13px 0; overflow:hidden; position:relative; }
.registration label, .registration1 label { width:25%; font-size:13px; color:#f9dbd7;  display:inline-block; float:left; padding-top:10px; text-align:left;}
.registration input, .registration .select-one, .registration1 input, .registration1 .select-one{ width:100%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding: 15px;display:inline-block; float:left; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; border:0;}
.registration .form input:focus, .registration .grp a:focus, .registration1 .form input:focus, .registration1 .grp a:focus  { font-weight:900; }
.registration .form i, .registration1 .form i { position:absolute; right:15px; top:15px; color:#d64d55; font-size:14px; display:none; }
.registration1 .form i { right:16px; top:8px; }
.registration1 .ext p { overflow:visible; }
/*.registration .form i.error, .registration1 .form i.error{ display:block; }*/
.registration .form p.error i, .registration1 .form p.error i{ display:block !important; }
.registration hr, .registration1 hr { height:2px; overflow:hidden; border:0; margin:10px auto; padding:0; background-color:#ef8a70; width:100%; display:block; clear:both; }
.registration .select-one { padding:0; }
.select-one a{ float:left; display:inline-block; padding:6px 13px; color:#5f6061; font-size:13px; background:#f9dbd7; margin-right:5px; }
.select-one a i.icon { margin-left:15px; color:#70a523; display:none; position:static; }
.select-one a.selected i.icon { display:inline-block; }
.select-one a.selected { background:#fff; }

.registration textarea, .registration1 textarea { width:100%; height:120px; border:0; }
.registration button, .registration1 button {font-family: 'Lato'; width:100%; border:0; padding:12px 0; background:#2cb3d2;  color:#fff; font-weight:400; font-size:14px; border-radius:4px; text-transform:uppercase; font-weight:bold; border:2px solid #0CF; }
.registration .close { position:fixed; right:50px; top:50px; color:#fff; font-size:30px; }
.registration a { margin-top:15px; text-align:center; font-size:13px; text-decoration:none; display:block; float:left; margin-right:46px; }
.registration input {padding: 15px 15px 15px 40px;  }
.registration input.email, .registration1 input.email { background:rgba(255, 255, 255, 1) url("../images/mail-sm.png") no-repeat scroll 15px 18px; }
.registration input.password{ background:rgba(255, 255, 255, 1) url("../images/password.png") no-repeat scroll 15px 18px; }


/*  small menu */
.nav { color:#fff; cursor:pointer;  }
.nav i { font-size:18px;  }

.menu-sm .nav { background:#202c3f;    color: #fff;
                font-size: 12px !important;
                padding: 5px 6px 1px;
                position: absolute;
                right: -30px; top:90px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px;
                -moz-box-shadow:0 6px 12px rgba(0, 0, 0, 0.8); -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.8); -o-box-shadow:0 6px 12px rgba(0, 0, 0, 0.8); box-shadow:0 6px 12px rgba(0, 0, 0, 0.8);
} 

.menu-sm {display:none; margin:0; width: 80%; background:rgba(32, 44, 63, 0.98); height:100%; background-size:cover; position:fixed; top:0; left:-80%;right:auto; padding:0; -moz-box-shadow:0 6px 12px rgba(0, 0, 0, 0.8); -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.8); -o-box-shadow:0 6px 12px rgba(0, 0, 0, 0.8); box-shadow:0 6px 12px rgba(0, 0, 0, 0.8);}
.menu-sm ul { overflow-y:auto; }
.lft { left:0% !important; }
.menu-sm ul, .menu-sm li { margin:0; padding:0; list-style-type:none; }
.menu-sm ul.subm1 li a{ line-height:36px; padding:0px;  margin:0; padding:0 20px;  }
.menu-sm ul li a,.menu-sm .tree a { border-bottom:1px solid rgba(255, 255, 255, 0.1) !important;   font-size:15px; margin-top: 15px; }
.submenu1 { padding:0 7px; line-height:50px; font-size:11px; color:#fff; text-transform:uppercase; }
.menu-sm ul.subm1 .submenu1 { text-indent:20px; }
.menu-sm ul.subm1 .submenu1 li a { display:block; font-size: 12px; line-height:36px; color:#ced1d5; }

.menu-sm ul.subm1 .submenu1 .sss li a{ text-indent:40px; color:#626a77; }
.submenu1 a { text-decoration:none; }
.menu-sm .social2 li{
    display: inline-block; 
}
.menu-sm .social2 li a{
    border-bottom: 0px solid rgba(255, 255, 255, 0.1) !important;
}
article { position:relative; }




/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
{

    .section-main .title { margin:0 !important; }
    .registration .form {}
    .mini-container{width:80%;max-width:80%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:5px 20px; overflow:hidden; padding:80px 0 110px 0;}

    #section-who .mini-container{width:100% !important; max-width:100% !important; padding:80px 0 0px 0; }
    #section-who .section-content { padding:0 0 0 50px; }
    .section-main .title h1{display:inline-block;color:#ecf0f1; margin-top :0px; 
                            font-size: 50px;
                            color: #fff;
                            text-align: center;
                            font-weight:bold;
                            line-height:58px;
    }
    .section-main .title { margin-top:-200px; }

    #header-logo { width:47px; }
    .content-container { width:90%; }
    .section-main h1 span {
        display: block;
        font-size: 34px;
        font-weight: 400;
        margin: 22px auto;
        width: 700px;
    }
    .p-l { width:50%; }
    #section-who img{ width:100%;  }
    .p-r { text-align:right }

    .section-how .col-4  { width:50%; margin-bottom:50px; }
    p.bigfont { font-size:140px; }
    article { position:relative; }

    .section-main {
        background: rgba(0, 0, 0, 0) url("../images/monetize.jpg") no-repeat;
        display: block;
        height: 100%;
        max-height: 100%;
        position: relative;
        text-align: center;
        width: 100%;
        z-index: 2000;
        background-size: cover;
        background-position: center top;
    }
    .section-main .arrow-down {bottom:100px; }
}







/* iPhone 5 (landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)  {
    /* STYLES GO HERE */
    .content-container { width:90% !important; }
    .registration .close { top:0px !important; right:5px; margin-right:10px; margin-top:10px; z-index:99999; }
    .section-main{background:rgba(0, 0, 0, 0) url("../images/monetize.jpg") no-repeat ; background-size: cover !important; background-position: 38% top;
                  height:100%;
    }
    .bigfont { display:none; }
    .content-container { width:320px; }
    .section-main {   background:rgba(0, 0, 0, 0) url("../images/monetize.jpg") no-repeat; background-size: cover !important; background-position: 38% top; }
    .section-main .title h1{display:inline-block;color:#ecf0f1; margin-top :0px; line-height:1;
                            font-size: 50px;
                            color: #fff;
                            text-align: center;
                            font-weight:bold;
                            line-height:30px;
    }
    .section-main .title { margin-top:30px; }
    .section-main h1 span { font-size:18px; margin:-8px auto; }
    .section-main .title h1 { font-size:40px; line-height: 45px; width:100%; }
    .section-main .title h1 span { width:100%; }
    .registration .form { width:100%; }
    #header-navigation li.i { display:none; }
    #header-navigation li.i.s { display:inline-block; }
    .section-choose .col-5, .section-how .col-4  { width:100%; text-align:center; }
    .section-choose .icon, .section-how .icon { float:none; display:block; margin: 0 auto 50px auto; }
    .section-how .col-4 { margin:0; padding:0;  }
    .section-contact p.l { font-size:24px; line-height:32px;}
    .section-contact p.p { font-size:16px; }
    .section-choose .col-5 .content { width:100%; }
    .section-choose .mar0 { padding:0 0 50px 0; }
    .section-how .col-4 {  padding-bottom:25px; margin-bottom:25px; }


    #section-who img { width:100%; position:static; clear:both; }
    #section-who .mini-container { padding:20px 0 0 0; }
    #section-who figure { position:static; }
    #section-who .section-content { width:100%; padding:0; }
    .p-r { margin-top:50px; }
    p.boost { font-size:23px !important; line-height:normal }
    .section-footer .social { display:none; }
    article { position:relative; }
    .registration .close { top:20px; right:0px; font-size:18px; } 
    #header-logo { width:47px; }
    .section-footer .bmenu , .section-footer .social  { width: 100%; }
    .section-footer .bmenu li, .section-footer .social li { margin-bottom:10px;  }
    .botom i { display:block; float:none; }
    .botom span { float:none; margin-top:10px; clear:both; }
    p.boost { margin-bottom:0 !important;  }
    p.boost span img { width:25px; }

    .nav { color:#fff; display:inline-block !important; }
    .menu-sm { display:block; }
    /* signup */

}



/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 640px)
and (orientation : portrait) {
    /* STYLES GO HERE */
    .section-main{background:rgba(0, 0, 0, 0) url("../images/monetize.jpg") no-repeat ; background-size: cover !important; background-position: 38% top;}
    .mini-container{width:80%;max-width:80%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:5px 20px; overflow:hidden; padding:80px 0 110px 0;}
    #section-who .mini-container{width:100%;max-width:80%; padding:80px 0 0px 0; }
    .section-main .title h1{display:inline-block;color:#ecf0f1; margin-top :0px; line-height:1;
                            font-size: 50px;
                            color: #fff;
                            text-align: center;
                            font-weight:bold;
                            line-height:30px;
    }
    .section-main .title { margin-top:-200px; }

    #header-navigation li.i { display:none; }
    #header-navigation li.i.s { display:inline-block; }
/*    .content-container { width:700px; }*/
    .section-main h1 span {
        display: block;
        font-size: 34px;
        font-weight: 400;
        margin: 22px auto;
        width: 700px;
    }
    #section-who img{ width:54%;  }
    .p-r { text-align:right }
    .p-l { width:100%; }
    .section-how .col-4  { width:50%; margin-bottom:50px; }
    p.bigfont { font-size:140px; }
    article { position:relative; }
    #header-logo { width:47px; }



    .nav { color:#fff; display:inline-block !important; }
    .menu-sm { display:block; }
}

/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 640px)
and (orientation : landscape) {
    /* STYLES GO HERE */
    .section-main{background:rgba(0, 0, 0, 0) url("../images/monetize.jpg") no-repeat; background-size: cover !important; background-position: 38% top;}
    .mini-container{width:80%;max-width:80%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:5px 20px; overflow:hidden; padding:80px 0 110px 0;}
    #section-who .mini-container{width:100%;max-width:100%; padding:80px 0 0px 0; }
    .section-main .title { margin-top:-100px !important; }
    .section-main .title h1{display:inline-block;color:#ecf0f1; margin-top :90px; line-height:36px;
                            font-size: 28px;
                            color: #fff;
                            text-align: center; width:60%;
                            font-weight:bold; margin-bottom:34px; overflow:hidden;
    }
    .section-main .arrow-down { display:none; }
    .section-main .title { margin-top:-200px; }

    #header-navigation li.i { display:none; }
    #header-navigation li.i.s { display:inline-block; }
    .content-container { }
    .section-main h1 span {
        display: block;
        font-size: 24px;
        font-weight: 400;
        margin: 0px auto;
    }
    #section-who img{ width:54%;  }
    .p-r { text-align:right }

    .section-how .col-4  { width:50%; margin-bottom:50px; }
    p.bigfont { font-size:140px; }
    article { position:relative; }
    #header-logo { width:47px; }
    .nav { color:#fff; display:inline-block !important; }


    #section-who .section-content {
        height: auto;
        padding: 0 25px 50px 25px !important;
        width:50% !important;
        box-sizing:border-box;
    }
    #section-who #section-mobile  .section-content  {  padding: 0 25px 50px 25px !important; }
    .menu-sm { display:block; width: 80%; }
    .menu-sm ul { overflow:auto; }
    .section-footer .mini-container { width:95%; }
    .section-footer .social { left: 0; margin: 0; padding-left: 0; top: 75px;}
    .registration .form { width:56%; }
    #header-wrapper { position:absolute; background:none; }
}

/* iPhone 5 (landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)  {
    /* STYLES GO HERE */
    .content-container { width:100%; }
    .section-main {  background:rgba(0, 0, 0, 0) url("../images/monetize.jpg") no-repeat; background-size: cover !important;  background-position: 38% top;}
    .section-main .title h1{display:inline-block;color:#ecf0f1; margin-top :0px; line-height:1;
                            font-size: 50px;
                            color: #fff;
                            text-align: center;
                            font-weight:bold;
                            line-height:30px;
    }
    .section-main .title { margin-top:30px; }
    .section-main h1 span { font-size:18px; margin:-8px auto; }
    .section-main .title h1 { font-size:40px; line-height: 45px; }
    .registration .form { width:100%; }
    #header-navigation li.i { display:none; }
    #header-navigation li.i.s { display:inline-block; }
    .section-choose .col-5, .section-how .col-4  { width:100% }
    .section-choose .mar0 { padding:0 0 50px 0; }
    .section-how .col-4 {  padding-bottom:25px; margin-bottom:25px; }
    #section-who img { width:100%; position:static; clear:both; }
    #section-who .mini-container { padding:20px 0 0 0; }
    #section-who figure { position:static; }
    #section-who .section-content { width:100%; padding:0; }
    .p-r { margin-top:50px; }
    p.boost { font-size:23px !important; line-height:normal }
    .section-footer .social { display:none; }
    article { position:relative; }
    .registration .close { top:20px; right:0px; font-size:18px; }
    #header-logo { width:47px; } 
    .nav { color:#fff; display:inline-block !important; }
    .menu-sm { display:block; }
}





/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : portrait) {
    /* STYLES GO HERE */
    .section-main{background:rgba(0, 0, 0, 0) url("../images/monetize.jpg") no-repeat; background-size: cover !important; background-position: 38% top;}
    .mini-container{width:80%;max-width:80%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:5px 20px; overflow:hidden; padding:80px 0 110px 0;}
    #section-who .mini-container{width:100%;max-width:80%; padding:80px 0 0px 0; }
    .section-main .title h1{display:inline-block;color:#ecf0f1; margin-top :0px; line-height:1;
                            font-size: 50px;
                            color: #fff;
                            text-align: center;
                            font-weight:bold;
                            line-height:30px;
    }
    .section-main .title { margin-top:-200px; }

    #header-navigation li.i { display:none; }
    #header-navigation li.i.s { display:inline-block; }
/*    .content-container { width:700px; }*/
    .section-main h1 span {
        display: block;
        font-size: 34px;
        font-weight: 400;
        margin: 22px auto;
        width: 700px;
    }
    #section-who img{ width:54%;  }
    .p-r { text-align:right }
    .p-l { width:100%; }
    .section-how .col-4  { width:50%; margin-bottom:50px; }
    p.bigfont { font-size:140px; }
    article { position:relative; }
    #header-logo { width:47px; }



    .nav { color:#fff; display:inline-block !important; }
    .menu-sm { display:block; }
}

/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : landscape) {
    /* STYLES GO HERE */
    .section-main{background:rgba(0, 0, 0, 0) url("../images/monetize.jpg") no-repeat; background-size: cover !important; background-position: 38% top;}
    .mini-container{width:80%;max-width:80%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:5px 20px; overflow:hidden; padding:80px 0 110px 0;}
    #section-who .mini-container{width:100%;max-width:100%; padding:80px 0 0px 0; }
    .section-main .title { margin-top:-100px !important; }
    .section-main .title h1{display:inline-block;color:#ecf0f1; margin-top :90px; line-height:36px;
                            font-size: 28px;
                            color: #fff;
                            text-align: center; width:60%;
                            font-weight:bold; margin-bottom:34px; overflow:hidden;
    }
    .section-main .arrow-down { display:none; }
    .section-main .title { margin-top:-200px; }

    #header-navigation li.i { display:none; }
    #header-navigation li.i.s { display:inline-block; }
    .content-container { }
    .section-main h1 span {
        display: block;
        font-size: 24px;
        font-weight: 400;
        margin: 0px auto;
    }
    #section-who img{ width:54%;  }
    .p-r { text-align:right }

    .section-how .col-4  { width:50%; margin-bottom:50px; }
    p.bigfont { font-size:140px; }
    article { position:relative; }
    #header-logo { width:47px; }
    .nav { color:#fff; display:inline-block !important; }


    #section-who .section-content {
        height: auto;
        padding: 0 25px 50px 25px !important;
        width:50% !important;
        box-sizing:border-box;
    }
    #section-who #section-mobile  .section-content  {  padding: 0 25px 50px 25px !important; }
    .menu-sm { display:block; }
}



















/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
    /* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
    /* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */

}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}


.hidden{
    display: none;
}


#circleG{
	width:45px;
	margin:auto;
        float: right;
        margin-top: 2px; 
        margin-right: 10px;
        right: 0;
        top: 15px;
        position: absolute;
}
.circleG{
	background-color:rgb(44,180,210);
	float:left;
	height:8px;
	margin-left:5px;
	width:8px;
	animation-name:bounce_circleG;
		-o-animation-name:bounce_circleG;
		-ms-animation-name:bounce_circleG;
		-webkit-animation-name:bounce_circleG;
		-moz-animation-name:bounce_circleG;
	animation-duration:1.0675s;
		-o-animation-duration:1.0675s;
		-ms-animation-duration:1.0675s;
		-webkit-animation-duration:1.0675s;
		-moz-animation-duration:1.0675s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	border-radius:6px;
		-o-border-radius:6px;
		-ms-border-radius:6px;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
}

#circleG_1{
	animation-delay:0.2095s;
		-o-animation-delay:0.2095s;
		-ms-animation-delay:0.2095s;
		-webkit-animation-delay:0.2095s;
		-moz-animation-delay:0.2095s;
}

#circleG_2{
	animation-delay:0.4955s;
		-o-animation-delay:0.4955s;
		-ms-animation-delay:0.4955s;
		-webkit-animation-delay:0.4955s;
		-moz-animation-delay:0.4955s;
}

#circleG_3{
	animation-delay:0.6385s;
		-o-animation-delay:0.6385s;
		-ms-animation-delay:0.6385s;
		-webkit-animation-delay:0.6385s;
		-moz-animation-delay:0.6385s;
}



@keyframes bounce_circleG{
	0%{}

	50%{
		background-color:rgb(255,255,255);
	}

	100%{}
}

@-o-keyframes bounce_circleG{
	0%{}

	50%{
		background-color:rgb(255,255,255);
	}

	100%{}
}

@-ms-keyframes bounce_circleG{
	0%{}

	50%{
		background-color:rgb(255,255,255);
	}

	100%{}
}

@-webkit-keyframes bounce_circleG{
	0%{}

	50%{
		background-color:rgb(255,255,255);
	}

	100%{}
}

@-moz-keyframes bounce_circleG{
	0%{}

	50%{
		background-color:rgb(255,255,255);
	}

	100%{}
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition-delay: 9999s;
    -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
    background: rgba(255, 255, 255, 1) url("../images/mail-sm.png") no-repeat scroll 15px 18px !important;
}

.err-in {
    display: block;
    color: #d64937;
    padding: 6px 4px !important;
    text-align: center;
    font-size: 13px;
    background-color: #fff;
    border-radius: 4px;
}
