a {
    font-size: 14px;
    color: #949494;
    text-decoration: none;
}
a:hover, a:focus, a:active {text-decoration: none; }
section { //overflow: hidden; }
ul { margin: 0; padding: 0; list-style: none; }

body
{
    width:100%;
    height:100%;
    font-size:13px;
    line-height:16px;
    font-weight: normal;
    color:#01373a;
    background: #fff;    
    font-family: "GothamProRegular", sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
}


/* Header-----------------------------------------------------------------------------*/
.wrapper 
{  
    background:  url('../images/header-bg-1.png') center 560px no-repeat, url('../images/header-bg.jpg') center -160px no-repeat, #fff;
    background-size:100% auto, auto auto;
    overflow: hidden;
    max-width:1800px; 
    min-width:1000px !important;
    display: block; 
    margin:0 auto; 
} 
.wrapper.header-shot { border: 1px solid #000;} 


.logo 
{
    height: 150px;
    width: 100%;
    display: block;
    background: url(../images/logo.png) 31px center no-repeat;
    background-size: auto 51px;
    position: relative;
}

.logo:before 
{    
    height: 103px;
    width: 32px;
    position: absolute;
    opacity: 0.4;
    left: 0;
    border:2px solid #fff;
    border-bottom:0; border-right:0;
    top: 73px;
    margin-left: -15px;
    content: '';
}


.logo > a { display: block; height: 100%; width:100%; padding: 96px 0 0 58px; }
.logo > a > small { font-size:10px; color:#fff; text-transform: uppercase; letter-spacing: 2px; opacity: 0.8; text-shadow:0 2px 5px rgba(0,0,0,0.3); }
 ul.header-menu {
    display: block;
    height: 74px;
    width: 100%;
    position: relative;
    margin: 0;
    list-style: none;
    display: table;
    text-align: center;
}
ul.header-menu:before 
{    
    height: 103px;
    width: 2px;
    position: absolute;
    opacity: 0.4;
    right: 0;
    border: 2px solid #fff;
    border-bottom: 0;
    border-right: 0;
    top: 73px;
    margin-right: -15px;
    content: '';
}
ul.header-menu > li 
{
    letter-spacing: 0;
    min-width: 80px;
    position: relative;
    height: 120px;
    display: table-cell;
    vertical-align: middle;
}
 ul.header-menu > li > a 
{
    color: #493b02;
    position: relative;
    z-index: 100;
    padding: 0 15px 0 7px;
    display: block;
    height: 120px;
    font-size: 12px;
    font-weight: 300;
    line-height: 19px;
    color: #fff;
    font-family: "GothamProBoldItalic";
    text-transform: uppercase;
}
ul.header-menu > li > a > span 
{ 
    display: block; 
    height: 130px; 
    padding-top:35px; 
    position: relative; 
}
 ul.header-menu > li > a:hover > span { background:url('../images/header-menu-bg-1.png') right top no-repeat; color:#013538; 
text-shadow: 0px 0px 1px #9bd811;
}
ul.header-menu > li > a > span > i 
{ 
    display: block; 
    text-align: center; 
    height: 30px; 
    background:url('../images/menu-img-0.png') center top no-repeat;
} 
ul.header-menu > li > a:hover > span > i   { background-position: center bottom; }
ul.header-menu > li > a > span > i.icon-2 { background-image: url('../images/menu-img-5.png'); }
ul.header-menu > li > a > span > i.icon-3 { background-image: url('../images/menu-img-3.png'); }
ul.header-menu > li > a > span > i.icon-4 { background-image: url('../images/menu-img-2.png'); }
ul.header-menu > li > a > span > i.icon-5 { background-image: url('../images/menu-img-4.png'); }
ul.header-menu > li > a > span > i.icon-6 { background-image: url('../images/menu-img-1.png'); }
ul.header-menu > li > a > span:after 
{    
    height: 2px;
    width: 32px;
    position: absolute;
    background: #fff;
    opacity: 0.4;
    left: 100%;
    top: 73px;
    margin-left: -4px;
    content: '';
}

ul.header-menu > li:first-child > a > span:before 
{    
    height: 2px;
    width: 32px;
    position: absolute;
    background: #fff;
    opacity: 0.4;
    right: 100%;
    top: 73px;
    margin-right: 0px;
    content: '';
}

.block-under-logo {display: block; height: 46px; width:100%;  position: relative;}
.block-under-logo:after { height: 2px; width:800px;
background:#fff; opacity: 0.4;
right:0;     top: 26px; content: ''; position: absolute; display: block; }
.block-login-form 
{ 
    display: block;
    height: 40px; 
    width:300px;
    margin-top:-15px;
    float:right;
    
    background:url('../images/login-block-bg.png') left top no-repeat; 
}

.block-under-logo.block-under-logo-loggined:after 
{
   width: 34px;
}


.block-login-form.block-login-form-1 
{ 
    display: block;
    height: 35px;
    border: 2px solid rgba(255,255,255,0.4);
    width: 160px;
    margin-right: 19px;
    background:none;
    margin-top: 8px;
    float: right;
    z-index: 10;
    position: relative;
    //background: url(../images/btn-2.png) center center no-repeat;
}
.block-login-form.block-login-form-1:after 
{ 
    height: 2px;
    width: 606px;
    background: #fff;
    opacity: 0.4;
    margin-right: 2px;
    right: 100%;
    top: 16px;
    content: '';
    position: absolute;
    display: block;
}
.block-login-form.block-login-form-1 > a 
{ 
    height: 31px;
    line-height: 32px;
    display: block;
    color: rgba(255,255,255,0.75);
    position: relative;
    font-size: 11px;
        padding-left: 21px;
    text-align: center;
    text-transform: uppercase;
    font-family: "GothamProBold";
}
.block-login-form.block-login-form-1 > a  {     background-color: rgba(2, 51, 55, 0.25); }
.block-login-form.block-login-form-1 > a > abbr {  color:#9dd924}
.block-login-form.block-login-form-1 > a:hover { color: rgba(255,255,255,1);   background-color: rgba(2, 51, 55, 0.36); }
.block-login-form.block-login-form-1 > a:after 
{
    height: 31px;
    width: 32px;
    opacity: 0.72;
    background: url(../images/icons/to-account.html) center center no-repeat;
    background-size: auto 17px;
    display: block;
    position: absolute;
    left: 3px;
    top: 0;
    content: '';
}
.block-login-form.block-login-form-1 > a:hover:after { opacity: 1; }
.block-login-form.block-login-form-1 > a:after:hover { opacity: 1; }
.block-login-form > form > input 
{ 
    width: 118px;

    height: 30px; 
    border-radius: 0;
    margin:0;
    outline: none;
    background:none;
    float:left;
    box-shadow:none;
    font-size:10px;
    outline: none; 
    color:#fff;
    font-family: "GothamProRegular";
    
}
.block-login-form > form > input[type=text] { padding-left:40px;}
.block-login-form > form > input[type=password] { width:128px; padding-left:25px;}
.block-login-form > form > input::-moz-placeholder
{
  color:rgba(255,255,255,0.75);
  text-transform: uppercase;
}
.block-login-form > form > input::-webkit-input-placeholder
{
  color:rgba(255,255,255,0.75);
  text-transform: uppercase;
}
.block-login-form > form > input[type=submit]
{
    height: 40px;width:40px;
    margin-top:-3px;
    border:none;
    background: 
        url('../images/arrow-login-submit.png') center 11px no-repeat, 
        url('../images/btn-on-login.png') center center no-repeat;
}
.block-login-form > form > input[type=submit]:hover 
{  
    background:
        url('../images/arrow-login-submit.png') center 11px no-repeat, 
        url('../images/btn-on-login-hover.png') center center no-repeat; 
}

.social-links 
{     
    padding: 10px 0 0 37px;
    height: 40px;
    width: 100%;
    display: block; 
}
.social-links > a 
{ 
    height: 34px; 
    width:34px; 
    float:left; 
    margin:0 20px 0 0;
    cursor: pointer; 
    display: block; 
    position: relative; 
}
.social-links > a > i { display: block; height: 34px; width:34px;
line-height: 34px;  text-align: center; color:#fff; font-weight: 100; }
.social-links > a > i:before { font-size: 20px; opacity: 0.7; z-index:10;  position: relative;
-webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
 }
.social-links > a > i:after { height: 2px; width:2px;
display: block; content: ''; left:0; margin-left:50%;margin-top:50%; top:0;
background: -webkit-gradient(linear, left top, right top, from(#a0db10), to(#83ca2b));
background: -webkit-linear-gradient(top, #a0db10, #83ca2b);
background: -moz-linear-gradient(top, #a0db10, #83ca2b);
background: -o-linear-gradient(top, #a0db10, #83ca2b);
background: -ms-linear-gradient(top, #a0db10, #83ca2b);
background: linear-gradient(top, #a0db10, #83ca2b);
background-color: #a0db10; opacity: 0;
-webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
position: absolute;-ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); 
 z-index:0;} 
.social-links > a:hover > i:after { opacity: 1; margin-left:4px; margin-top: 4px; height: 26px; width: 26px;}
.social-links > a:hover > i:before { color:#054b4e; opacity: 1;  }
.social-links > a:after
{    
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    height: 34px; width:34px;
    display: block;
    position: absolute; 
    left:0;
    opacity: 0.4;
    top:0;
    border: 2px solid #fff;
    content: '';
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 2px;
}

.social-links > a:before 
{     
    height: 2px;
    width: 8px;
    background: #fff;
    content: '';
    right: 100%;
    margin-right: 6px;
    position: absolute;
    top: 16px;
    opacity: 0.4;
 }

.social-links > a:first-child:before { width:46px;}


.header { display: block; }
.header h1 
{ 
    display: block; 
    margin-left:60px;
    padding:55px 300px 0 290px;
    height: 227px; 
    background: url('../images/h1-bg.png') center top no-repeat;
        background-size: auto 183px;
}
.header h1 p { color:#fff;   font-family: "GothamProLight";  font-size:14px;}

section.plans { display: block;  height: 225px; position: relative; }
section.plans:before
{ 
    height: 20px; 
    width:100px; 
    line-height: 24px;
    text-align: right;
    position: absolute; 
    left:0;
    opacity: 0.4;
    font-size:11px;
    color:#fff;
    top:0;
    text-transform: uppercase;
    border-bottom:1px solid #fff;
    content:'Prev';
    font-family: "GothamProBlack";
}
section.plans:after
{ 
    height: 20px; 
    width:100px; 
    line-height: 24px;
    text-align: left;
    position: absolute; 
    right:0;
    opacity: 0.4;
    font-size:11px;
    color:#fff;
    top:0;
    text-transform: uppercase;
    border-bottom:1px solid #fff;
    content:'Prev';
    font-family: "GothamProBlack";
}

.block-plan 
{ 
    display: block; 
    height: 225px; 
    width:595px; 
    background:url('../images/plan-bg-left.png') center center no-repeat; 
    position: relative;
}
.block-plan.block-plan-1 
{ 
    background:url('../images/plan-bg-right.png') center center no-repeat;
    margin-left: -85px; 
    margin-top:10px; 
}
.block-plan .plan-tr 
{     
    width: 230px;
    height: 198px;
    margin: 19px 0 0 15px;
    float: left;
    left: 0;
    padding-top:130px;
    padding-left:10px;
    top: 0;
    position: absolute;
    background: url(../images/plan-li-tr-left.png) center center no-repeat;
}
.block-plan .plan-tr > b  
{ 
    font-weight: 300;  
    display: block; 
    text-align: center;  
    font-family: "GothamProBlack";  
    font-size:45px; 
    color:#065a5d;
}
.block-plan .plan-tr > b > small { font-size:16px; }
.block-plan .plan-tr > small 
{ 
    display: block; 
    position: absolute; 
    bottom:0; 
    width:100%; 
    margin-left:-10px;
    height: 25px;
    font-size:16px;
    line-height: 23px;
    text-align: center;   
    font-family: "GothamProBlack";
    color:#fff; 
    text-transform: uppercase; 
}
.block-plan  > ul { padding:35px 0 0 195px; display: block; }
.block-plan.block-plan-1 > ul {
        padding: 29px 0 0 265px;
}
.block-plan  > ul > li 
{     
    width: 260px;
    color:#fff;
    height: 16px;
    margin-bottom: 19px;
}
.block-plan  > ul > li.plan-item-2 { margin-left:20px;}
.block-plan  > ul > li.plan-item-3 { margin-left:40px;}
.block-plan  > ul > li.plan-item-4 { margin-left:60px;}
.block-plan  > ul > li.plan-item-5 { margin-left:80px;}
.block-plan.block-plan-1  > ul > li.plan-item-2 { margin-left:-20px;}
.block-plan.block-plan-1  > ul > li.plan-item-3 { margin-left:-40px;}
.block-plan.block-plan-1  > ul > li.plan-item-4 { margin-left:-60px;}
.block-plan.block-plan-1  > ul > li.plan-item-5 { margin-left:-80px;}
.block-plan  > ul > li > span { font-size:16px;  font-family: "GothamProLight";}
.block-plan  > ul > li > span.devider { height: 16px; display: inline-block; position: relative;  vertical-align: top; width: 91px;}
.block-plan  > ul > li > span.devider:after { width:100%; height: 1px; border-bottom:1px dashed rgba(255,255,255,0.3);
position: absolute; left:0;
top:7px; content: '';
}
.block-plan  > ul > li > b { float:right; font-weight: 100;  font-size:20px;   font-family: "GothamProBlack"; }
.block-plan.block-plan-1 > .plan-tr 
{
    margin: 8px 0 0 15px;
    padding-top:55px;
    background: url(../images/plan-li-tr-right.png) center center no-repeat;  
}
.block-plan.block-plan-1 > .plan-tr  > b { color:#fff; text-shadow: 0 1px 5px rgb(20, 171, 168); }
.block-plan.block-plan-1 > .plan-tr  > small { top:0; line-height: 25px;}
.blocks-vip 
{ 
    width:1000px; 
    display: block;  
    height: 192px; 
    margin-left: 50px;
    padding-left:50px;
    padding-right: 70px;
    background:url('../images/vip-plans.html') center center no-repeat;
}
.block-plan-vip { display: block; width: 33.333%; display: block; float:left; height: 192px;
position: relative; }
.block-plan-vip  > small 
{
    display: block;
    position: absolute;
    bottom: 5px;
    width: 172px;
    margin-left: 0px;
    height: 25px;
    font-size: 15px;
    line-height: 23px;
    text-align: center;
    font-family: "GothamProBlack";
    color: #fff;
    text-transform: uppercase;
}
.block-plan-vip.block-plan-vip-1 > small 
{  
    top:7px; 
    margin-left: -14px;
}
.block-plan-vip.block-plan-vip-2 > small 
{  
   
    margin-left: -20px;
}
.block-plan-vip > b  
{ 
    font-weight: 300;
    display: block;
    text-align: center;
    font-family: "GothamProBlack";
    font-size: 35px;
    width: 182px;
    position: absolute;
    top: 128px;
    color: #065a5d;
}
.block-plan-vip.block-plan-vip-1 > b  
{ 
    width: 143px;
    color:#fff;
    top: 43px;
}
.block-plan-vip.block-plan-vip-2 > b {
    width: 143px;
}
.block-plan-vip > b > small { font-size: 17px; }
.block-plan-vip > i 
{ 
    display: block;
    text-align: center;
    font-style: normal;
    position: absolute;
    height: 60px;
    width: 60px;
    /* border: 1px solid #000; */
    text-align: center;
    color: #fff;
    top: 51px;
    line-height: 21px;
    left: 56px;
    font-size: 35px;
    font-family: "GothamProBold";
}
.block-plan-vip > i > small { display: block; font-size: 15px; }
.block-plan-vip.block-plan-vip-1 > i { top: 96px; color:#065a5d; left: 40px;}
.block-plan-vip.block-plan-vip-2 > i {     left: 36px; }
.block-plan-vip > ul
{
     padding: 62px 0 0 170px;
}
.block-plan-vip.block-plan-vip-1  > ul {padding: 53px 48px 0 50px; }
.block-plan-vip.block-plan-vip-1  > ul > li {text-align: right;}
.block-plan-vip.block-plan-vip-2 > ul { padding-left:160px;}
.block-plan-vip > ul > li 
{ 
    color:#fff; 
    display: block; 
    height: 50px;
   
}
.block-plan-vip > ul > li:last-child { margin-left:30px;}
.block-plan-vip.block-plan-vip-1 > ul > li:last-child { margin-right:30px;}
.block-plan-vip > ul > li > small { display: block; font-size: 11px; text-transform: uppercase; }
.block-plan-vip > ul > li > b 
{
     font-weight: 100;  font-size:20px;   font-family: "GothamProBlack";
}

section.main { padding:60px 0;}

b.b-styled { font-size:16px;  font-family: "GothamProBold"; color:#01373a; display: block; margin-bottom:10px;}
.stat-block 
{ 
    display: block;
    height: 625px;
    width: 365px;
    margin-top: -10px;
    background: url(../images/stat-bg.png) left top no-repeat;
    //background-size: auto 573px;
    position: relative;
}
.stat-block  > ul > li 
{ 
    display: block;
    color: #fff;
    padding: 20px 0 0 0px;
    position: absolute;
    text-align: center;
    height: 191px;
    top: 11px;
    left: 23px;
    width: 200px;
}
.stat-block  > ul > li > b 
{ 
    display: block; 
    text-shadow: 0 1px 2px rgba(17, 148, 149, 0.49);
    font-size: 25px;  
    margin-bottom:10px;
    font-family: "GothamProBold"; 
}
.stat-block  > ul > li > small 
{ 
    display: block; 
    font-size: 15px; 
    display: block; 
    position: relative;
    text-transform: uppercase;
    font-family: "GothamProLight";
    height: 35px; 
    opacity: 0.75;
    line-height: 15px;
} 
.stat-block  > ul > li > small:before
{
    height: 1px;
    width: 39px;
    border-top: 2px solid rgba(255, 255, 255, 0.29);
    content: '';
    left: 18px;
    top: 7px;
    position: absolute;
}
.stat-block  > ul > li > i
{
    height: 40px; 
    width:40px;
    opacity: 0.6;
    display: block; 
    margin:15px auto;
    background:url('../images/stat-icon-1.png') center center no-repeat;
}
.stat-block  > ul > li.item-2 { height: 131px;  left: 148px; top: 68px; }
.stat-block  > ul > li.item-2 > i {  background:url('../images/stat-icon-2.png') center center no-repeat;    margin: -14px auto 10px auto;}
.stat-block  > ul > li.item-2 > small { margin-bottom:3px;}
.stat-block  > ul > li.item-2 > small:before { top: 14px; }
.stat-block  > ul > li.item-2 > b {  font-size: 29px; text-shadow: 0 1px 2px rgb(123, 181, 19); }
.stat-block  > ul > li.item-3 { left: 144px; top: 214px; }
.stat-block  > ul > li.item-3 > b 
{ 
    font-size: 29px;     
    text-align: left;
    padding-left: 52px; 
}
.stat-block  > ul > li.item-3 > small 
{
    text-align: left;
    padding-left: 55px;
}
.stat-block  > ul > li.item-3 > small:before 
{     
    width: 28px;
    left: 22px;
    top: 12px;
}
.stat-block  > ul > li.item-3 > i { margin-top: 8px; background:url('../images/stat-icon-3.png') center center no-repeat; }
.stat-block  > ul > li.item-4 {
        top: 271px;
    left: 24px;
}
.stat-block  > ul > li.item-4 > i { background:url('../images/stat-icon-4.png') center center no-repeat; }
.stat-block  > ul > li.item-5 
{
    top: 422px;
    left: 24px;
}
.stat-block  > ul > li.item-5 > b { padding:0; text-align: center; font-size:23px;}
.stat-block  > ul > li.item-5 > i  {  background:url('../images/stat-icon-5.png') center center no-repeat; }
.stat-block > h3 { position: absolute; right:0; bottom:0;}

.block-refsys {  height: 90px; width:100%; display: block;
    width: 695px; position: relative;
background:url('../images/refsys-block.png') right top no-repeat;
}
.block-calc 
{
    height: 90px;
    width: 100%;
    margin: -90px 0 0 136px;
    display: block;
    padding: 28px 0 0 137px;
    width: 695px;
    position: relative;
    background: url('../images/calc-icon.png') 70px center no-repeat, url(../images/calc-line.png) left top no-repeat;
 }
 .block-calc h3 { color: rgba(130, 181, 43, 0.58); }
.block-refsys:before { 
    height: 100%; 
    width:100%; 
    content: '';
    position: absolute; 
    right:100%;
    top:0;
    background:url('../images/refsys-block.png') left top no-repeat;
}
.block-refsys > span 
{ 
    width:230px; 
    height: 90px;
    display: block; 
    float:right; 
    padding-left: 79px;
    line-height: 87px; 
    color:#14aaa8;
    font-family: "GothamProBlack"; 
    font-size:55px;
    margin: 3px 35px 0 0;
    background: url('../images/refsys-bg-1.png') center top no-repeat;
}
.block-refsys > span > small { font-size:30px;}

.block-refsys  h3 
{     
    float: right;
    margin-top: 28px;
    text-align: right; color:#bcd6d7;
    display: block;
    width: 100px; 
    font-size:18px;
}

section.main2 
{
    height: 600px; 
    background: url('../images/main2-paralax.png') center 200px no-repeat, url('../images/main2-bg.jpg') center top no-repeat; 
    background-size: 1000px auto, 100% auto; 
    position: relative;

}
.block-img 
{
    height: 650px; 
    width:100%; 
    left:0;
    position: absolute; 
    background:url('../images/stat-round.png') center center no-repeat;
    background-size:auto 450px;
    top: 16px;
    z-index: 1;
}
.block-img-1 
{
    height: 560px;
    width: 560px;
    left: 50%;
    margin-left: -280px;
    z-index: 10;
    position: absolute;
    background: url(../images/round-arrows.png) center center no-repeat;
    background-size: auto 404px;
    top: 62px;
     -webkit-animation-name: spin;
    -webkit-animation-duration: 25000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

    -moz-animation-name: spin;
    -moz-animation-duration: 25000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;

    -ms-animation-name: spin;
    -ms-animation-duration: 25000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    animation-name: spin;
    animation-duration: 25000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

}
.block-img-2 
{
    height: 450px;
    border-radius: 100%;
    width: 450px;
    left: 50%;
    margin-left: -225px;
    z-index: 12;
    position: absolute;
    background: url(../images/on-main-bg.png) 93px 75px no-repeat;
    background-size: auto 110px;
    top: 113px;
    border-radius: 100%;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.block-img-2.rot-60 
{ 
    transform: rotate(60deg);
    background: url(../images/on-main-bg-1.png) 97px 75px no-repeat;
    background-size: auto 112px;
    -ms-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
}
.block-img-2.rot-120 
{ 
    top: 117px;
    transform: rotate(120deg);
    background: url(../images/on-main-bg.png) 93px 75px no-repeat;
    background-size: auto 112px;
    -ms-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
}
.block-img-2.rot-180 
{ 
    top: 121px;
    transform: rotate(180deg);
    background: url(../images/on-main-bg-1.png) 97px 79px no-repeat;
    background-size: auto 111px;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.block-img-2.rot-240 
{ 
    top: 110px;
    transform: rotate(240deg);
    background: url(../images/on-main-bg.png) 92px 68px no-repeat;
    background-size: auto 111px;
    -ms-transform: rotate(240deg);
    -webkit-transform: rotate(240deg);
}

.block-img-2.rot-300 
{ 
    top: 117px;
    transform: rotate(300deg);
    background: url(../images/on-main-bg-1.png) 95px 73px no-repeat;
    background-size: auto 111px;
    -ms-transform: rotate(300deg);
    -webkit-transform: rotate(300deg);
}


.rules-list { display: block; padding-right: 210px;  position: relative; z-index: 12; padding-top:30px; }

.rules-list > li { text-align: right; margin-bottom: 38px; position: relative; }
.rules-list > li > b { color:#37b3b2; font-size:17px; font-family: "GothamProBlack"; text-transform: uppercase;}
.rules-list > li > b > small { display: block; line-height: 14px; font-size: 13px; }
.rules-list > li i 
{ 
    top: 90px;
    right: -211px;
    position: absolute; height:70px; width: 70px;
    background:url('../images/rules-icon-6.png') center center no-repeat;
    background-size: auto 50px;
}
.rules-list > li.item-2 i 
{ 
    background:url('../images/rules-icon-5.png') center center no-repeat;
    background-size: auto 41px;
    top: 2px;
    right: -202px;
}
.rules-list > li.item-3 i 
{ 
    background: url(../images/rules-icon-4.png) center center no-repeat;
    background-size: auto 41px;
    top: -87px;
    right: -215px;
}
.rules-list.rules-list-1 > li i  
{ 
    top: 89px;
    left: -210px;
    background: url(../images/rules-icon-1.png) center center no-repeat;
    background-size: auto 45px;
}
.rules-list.rules-list-1 > li.item-2 i 
{    
    background: url(../images/rules-icon-2.png) center center no-repeat;
    top: 7px;
    left: -202px;
    background-size: auto 42px; 
}
.rules-list.rules-list-1 > li.item-3 i 
{    
    background: url(../images/rules-icon-3.png) center center no-repeat;
    top: -91px;
    left: -216px;
    background-size: auto 45px;
}
.rules-list > li p { font-size:14px; display: block; padding-top:15px; color:#5d5d5d;
position: relative;  font-family: "GothamProLight";  padding-right: 20px }
.rules-list > li:nth-child(2) { margin-right: 40px; margin-bottom:65px;}
.rules-list > li p:before
{
    height: 2px; 
    width:250px; 
    display: block;
    content: '';
    top:7px;
    position: absolute; 
    right: -81px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(201, 232, 166, 0)), to(rgba(201, 232, 166, 1)));
    background: -webkit-linear-gradient(left, rgba(201, 232, 166, 0), rgba(201, 232, 166, 1));
    background: -moz-linear-gradient(left, rgba(201, 232, 166, 0), rgba(201, 232, 166, 1));
    background: -o-linear-gradient(left, rgba(201, 232, 166, 0), rgba(201, 232, 166, 1));
    background: -ms-linear-gradient(left, rgba(201, 232, 166, 0), rgba(201, 232, 166, 1));
    background: linear-gradient(left, rgba(201, 232, 166, 0), rgba(201, 232, 166, 1));
    background-color: rgba(201, 232, 166, 0);
}
.rules-list > li:nth-child(2) > p:before
{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(183, 229, 228, 0)), to(rgba(183, 232, 228, 1)));
    background: -webkit-linear-gradient(left, rgba(183, 229, 228, 0), rgba(183, 232, 228, 1));
    background: -moz-linear-gradient(left, rgba(183, 229, 228, 0), rgba(183, 232, 228, 1));
    background: -o-linear-gradient(left, rgba(183, 229, 228, 0), rgba(183, 232, 228, 1));
    background: -ms-linear-gradient(left, rgba(183, 229, 228, 0), rgba(183, 232, 228, 1));
    background: linear-gradient(left, rgba(183, 229, 228, 0), rgba(183, 232, 228, 1));
    background-color: rgba(183, 229, 228, 0);
    right: -42px;
    width:220px;
}
.rules-list.rules-list-1 { padding-right:0; text-align: left; padding-left:210px;}
.rules-list.rules-list-1 > li { text-align: left;}
.rules-list.rules-list-1 > li:nth-child(2) { margin-left: 40px; margin-bottom:65px; }
.rules-list.rules-list-1 > li:nth-child(odd) > p:before  
{ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(183, 229, 228, 1)), to(rgba(183, 232, 228, 0)));
    background: -webkit-linear-gradient(left, rgba(183, 229, 228, 1), rgba(183, 232, 228, 0));
    background: -moz-linear-gradient(left, rgba(183, 229, 228, 1), rgba(183, 232, 228, 0));
    background: -o-linear-gradient(left, rgba(183, 229, 228, 1), rgba(183, 232, 228, 0));
    background: -ms-linear-gradient(left, rgba(183, 229, 228, 1), rgba(183, 232, 228, 0));
    background: linear-gradient(left, rgba(183, 229, 228, 1), rgba(183, 232, 228, 0));
    left: -81px;
    right:none;
}
.rules-list.rules-list-1 > li:nth-child(2) > p:before  
{ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(201, 232, 166, 1)), to(rgba(201, 232, 166, 0)));
    background: -webkit-linear-gradient(left, rgba(201, 232, 166, 1), rgba(201, 232, 166, 0));
    background: -moz-linear-gradient(left, rgba(201, 232, 166, 1), rgba(201, 232, 166, 0));
    background: -o-linear-gradient(left, rgba(201, 232, 166, 1), rgba(201, 232, 166, 0));
    background: -ms-linear-gradient(left, rgba(201, 232, 166, 1), rgba(201, 232, 166, 0));
    background: linear-gradient(left, rgba(201, 232, 166, 1), rgba(201, 232, 166, 0));
    background-color: rgba(201, 232, 166, 0);
    left: -42px;
}
.rules-list.rules-list-1 > li:nth-child(2) > p { padding-right: 0; width:250px; } 

transform: rotate(0deg); 
-ms-transform: rotate(0deg); 
 -webkit-transform: rotate(0deg); 
@-ms-keyframes spin { 
        from { 
            -ms-transform: rotate(0deg); 
        } to { 
            -ms-transform: rotate(360deg); 
        }
    }
    @-moz-keyframes spin { 
        from { 
            -moz-transform: rotate(0deg); 
        } to { 
            -moz-transform: rotate(360deg); 
        }
    }
    @-webkit-keyframes spin { 
        from { 
            -webkit-transform: rotate(0deg); 
        } to { 
            -webkit-transform: rotate(360deg); 
        }
    }
    @keyframes spin { 
        from { 
            transform: rotate(0deg); 
        } to { 
            transform: rotate(360deg); 
        }
    }

section.main3 
{ 
    margin-top: -137px;
    padding-top: 252px; 
    background: 
        url(../images/arrow-btn.png) center 166px no-repeat, 
         url(../images/main3-bg-1.png) center -160px no-repeat, 
        url(../images/main3-bg.png) center top no-repeat;
    background-size: auto 50px, auto auto, auto auto;
       padding-bottom: 371px;
    z-index: 5;
    position: relative;
}

.psys-block 
{ 
    height: 43px; display: block;  width:100%; position: relative;  
}
.psys-block:before 
{
        height: 1px;
    width: 1000px;
    content: '';
    position: absolute;
    right: 100%;
    top: 16px;
    margin-right: -19px;
    border-bottom: 1px solid #bcd6d7;
}
.psys-block:after {
    height: 1px;
    width: 260px;
    content: '';
    position: absolute;
    left: 100%;
    top: 16px;
    border-bottom: 1px solid #bcd6d7;
}
.psys-block { margin-left:-10px; margin-top:90px;}
.psys-block > ul
{
    display: block;
    height: 43px;
    width: 100%;
    position: relative;
    margin: 0;
    list-style: none;
    display: table;
    text-align: center;
}
.psys-block > ul > li 
{
    letter-spacing: 0;
    min-width: 80px;
    position: relative;
    height:43px;
    display: table-cell;
    vertical-align: middle;
} 

.psys-block > ul > li > a {
   
    position: relative;
   
    padding: 0 8px 0 8px;
    display: block;
    height: 43px;
   
    
}

.psys-block > ul > li > a > span {
    display: block;
    background:url('../images/psys-block-bg.png') 35px 0px no-repeat;
    background-size: auto 72px;
    height: 36px;
     -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    position: relative;
}
.psys-block > ul > li > a > span:hover { background-position: 35px -36px; }


.psys-block > ul > li.pm > a > span { background-position: -110px 0px; }
.psys-block > ul > li.pm:hover > a > span { background-position: -110px -36px; }


.psys-block > ul > li.btc > a > span {background-position: -223px 0px;  }
.psys-block > ul > li.btc:hover > a > span { background-position: -223px -36px;  }
.psys-block > ul > li.py > a > span {   background-position: -361px 0px;
 }
.psys-block > ul > li.py:hover > a > span {   background-position: -361px -36px;
 }
.psys-block > ul > li.ddos > a > span { background-position: -491px 0px; }
.psys-block > ul > li.ddos:hover > a > span { background-position: -491px -36px; }
.psys-block > ul > li.ssl > a > span { background-position: -673px 0px; }
.psys-block > ul > li.ssl:hover > a > span {     background-position: -673px -36px; }
.psys-block > ul > li > a > span:after {
    height: 1px;
    width: 32px;
    position: absolute;
    background: #bcd6d7;
    opacity: 1;
    left: 100%;
    top: 17px;
    margin-left: -4px;
    content: '';
}
.psys-block > ul > li:last-child >a > span:after { display: none; }
h2.other-title 
{     
    background: url(../images/other-title-bg-1.png) right center no-repeat;
    padding-right: 18px;
    background-size: auto 18px;
    float: right;
    font-size: 20px;
    color: #37b3b2;
}
h2.other-title.other-title-1 
{ 
     background: url(../images/other-title-bg-2.png) left center no-repeat;
    padding-left: 18px;
    background-size: auto 18px;
    float: left;
    font-size: 20px;
    color: #37b3b2;
    color:#6cb11f;  float:left;
}

.last-list { display: block; }
.last-list  > li { height: 40px; background:#fff; line-height: 40px;
    padding:0 55px 0 15px;
    margin-bottom:15px;
    position: relative;
    box-shadow: 0 0px 5px rgba(181, 222, 222, 0.28);
}
.last-list  > li  > span 
{ 
    color:#bcd6d7; 
    text-transform: uppercase;  font-family: "GothamProBold";
    display: inline-block; vertical-align: middle;
    height: 40px;
    font-size:12px;
    padding-left:25px; 

    
    background:url('../images/arrow-green.png') left center no-repeat; 
}
.last-list  > li    > b { float:right;  color:#2e7985;  font-size: 20px;  font-family: "GothamProBlack"; }
.last-list  > li > i { position: absolute; width:44px; height: 28px;
background:url('../images/icon-pm.png') center center no-repeat;
background-size: auto 20px; right:10px;     top: 6px; 
}

.last-list  > li > i.icon-py { background-image:url('../images/icon-py.png')   }
.last-list  > li > i.icon-btc { background-image:url('../images/icon-btc.png')   }
.last-list  > li > i.icon-adv { background-image:url('../images/icon-adv.png')   }
.last-list  > li > i.icon-43 { background-image:url('../images/icon-py.png')   }
.last-list  > li > i.icon-48 { background-image:url('../images/icon-btc.png')   }
.last-list  > li > i.icon-56 { background-image:url('../images/icon-adv.png')   }
section.footer 
{
    position: relative;
    z-index: 60;
    height: 400px;
    margin-top: -348px;
    background: url('../images/footer-bg-1.png') right bottom no-repeat,
         url(../images/footer-bg.png) center top no-repeat;
    background-size:auto auto, 100% auto;
}

.logo-footer { display: block; margin:0 auto; width: 300px; height: 100px; 
background:url('../images/logo-footer.png') center center no-repeat;
background-size: auto 41px;
}
.logo-footer > a { height: 100px; display: block; }
.social-links.social-links-footer { text-align: center; padding:0; margin-top:10px; } 
.social-links.social-links-footer > a { display: inline-block; float:none; margin:0 10px;}
.social-links.social-links-footer > a:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    height: 34px;
    width: 34px;
    display: block;
    position: absolute;
    left: 0;
    opacity: 1;
    top: 0;
    border: 1px solid #397c7d;
    content: '';
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 0px;
}
.social-links.social-links-footer > a > i { color: #397c7d;  opacity: 1; }
.social-links.social-links-footer > a > i:before { color: #397c7d; font-size:22px; opacity: 1;}
.social-links.social-links-footer > a:hover > i:before { color:#fff; text-shadow:0 1px 2px rgba(0,0,0,0.15);}
.company { display: block; text-align: center;  margin-top:35px;   font-family: "GothamProLight"; font-size:12px;
letter-spacing: 4px; }

.block-devider-right 
{ 
    display: block; width:1px; 
    top:15px; height: 450px; background: -webkit-gradient(linear, left top, right top, from(rgba(55, 179, 178, 0.12)), to(rgba(55, 179, 178, 0)));
    background: -webkit-linear-gradient(top, rgba(55, 179, 178, 0.12), rgba(55, 179, 178, 0));
    background: -moz-linear-gradient(top, rgba(55, 179, 178, 0.12), rgba(55, 179, 178, 0));
    background: -o-linear-gradient(top, rgba(55, 179, 178, 0.12), rgba(55, 179, 178, 0));
    background: -ms-linear-gradient(top, rgba(55, 179, 178, 0.12), rgba(55, 179, 178, 0));
    background: linear-gradient(top, rgba(55, 179, 178, 0.12), rgba(55, 179, 178, 0));
    background-color: rgba(55, 179, 178, 0);
    right:0; position: absolute;
}


.box-inset { padding:15px 25px;  display: block;  border: 2px solid rgba(55, 179, 178, 0.5); }
table.table.table-signup { margin:0; }
table.table.table-signup>tbody>tr>td { border:none; padding:10px 0; position: relative; } 
table.table.table-signup>tbody>tr>td > span 
{
    display: block;
    height: 100%;
    color: #fff;
    font-family: "GothamProBold";
    padding: 0 0 0 15px;
    text-shadow: 0 1px 3px rgb(12, 132, 129);
    font-size: 10px;
    text-transform: uppercase;
    position: relative;
    z-index: 10;
    height: 40px;
    line-height: 41px;
    border-radius: 0;
    background: url(../images/icons/1.png) center center repeat;
    background-size: auto auto;
    box-shadow: inset 0 5px 5px rgba(0,0,0,0.03), 0 0 0 3px rgba(0,0,0,0.05);
}
table.table.table-signup>tbody>tr>td>input { margin:0;  border-radius: 0; }
table.table.table-signup>tbody>tr>td > i 
{ 
    width: 30px;
    height: 40px;
    position: absolute;
    right: 14px;
    background: url(../images/icons/field.png) center center no-repeat;
    top: 10px;
    opacity: 0.1;
}
table.table.table-signup>tbody>tr>td > i.i1 {background: url(../images/icons/field2.png) center center no-repeat; 
    background-size: auto 18px;} 
h3.subtitle.subtitle-4.subtitle-5 > span:before, h3.subtitle.subtitle-4.subtitle-5 > span:after  {
    width: 1000px;
    border-bottom: 1px solid rgba(55, 179, 178, 0.5); top:12px;
}
h3.subtitle.subtitle-4.subtitle-5 > span { font-size:20px;}
h3.subtitle.subtitle-4.subtitle-6 > span 
{     
     font-size: 33px;
    text-shadow: 0 3px 10px rgba(10, 71, 74, 0.16);
    color: #fff;
}
h3.subtitle.subtitle-4.subtitle-6 > span:before, h3.subtitle.subtitle-4.subtitle-6 > span:after  {
    width: 1000px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.34);
    top: 19px;
}

table.table.table-rules { margin:0;}
table.table.table-rules>tbody>tr>td {  border:none; padding: 10px 0; }
table.table.table-rules>tbody>tr>td  label 
{     
    display: block;
    height: 40px;
    padding:0 15px;
    cursor: pointer;
    line-height: 40px; color:#fff;
    width: 100%;
    text-transform: uppercase;
    font-size:12px;
    margin: 0;
    position: relative;
    background: url(../images/icons/1.png) center center repeat;
    font-family: "GothamProBold";
    box-shadow: inset 0 5px 5px rgba(0,0,0,0.03), 0 0 0 3px rgba(0,0,0,0.05);
    text-shadow: 0 1px 3px rgb(12, 132, 129);
    font-weight: 300;
    position: relative;
}
table.table.table-rules>tbody>tr>td  label > a { color:#d2fafd; font-size:12px; }
table.table.table-rules>tbody>tr>td  label > a:hover { text-decoration: underline;}
table.table.table-rules>tbody>tr>td  label:after
{
    height: 23px;
    width: 66px;
    right: 0px;
    
    background:#065a5d;
    top: 8px;
    font-size:10px;
    border-radius: 20px 0 0 20px;
    content: 'off';
    line-height: 23px;
    text-align: right; 
    padding-right: 15px;
    display: block;
    z-index:9;
    position: absolute;
}
.table.table.table-rules>tbody>tr>td  label input { position: absolute; left:0; top:0; opacity: 0;}
.table.table.table-rules>tbody>tr>td  label.active:after 
{    
    background: url(../images/btn-2.png) center center no-repeat;
    content: 'on';
    color: #006f6d;
    text-shadow: -1px 1px 1px rgba(255, 255, 255, 0.13);
}
table.table.table-rules>tbody>tr>td  label:before 
{ 
    height: 16px;
    z-index: 10;
    width: 16px;
    position: absolute;
    right: 45px;
    top: 11px;
    content: '';
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-radius: 100%;
}

table.table.table-rules>tbody>tr>td  label.active:before 
{ 
    height: 16px;
    z-index: 10;
    width: 16px;
    position: absolute;
    right: 45px;
    top: 11px;
    content: '';
    background:url('../images/icons/checked.png') center center no-repeat;
    background-size: auto 8px;
    border: 2px solid #006f6d;
    border-radius: 100%;
}

.wrapper.header-shot1 
{ 
    background: url(../images/header-bg.jpg) center -543px no-repeat, #fff;
    background-size: auto auto;
}

.main-other { display: block;     padding: 30px 0 400px 0; }
.main-other.main-other-1
{
    padding: 30px 0 360px 0; 
       background: url(../images/arrow-btn1.png) center 78px no-repeat,
        url(../images/main3-bg2.png) center bottom no-repeat,
         url(../images/main3-bg.png) center top no-repeat;
    background-size: auto 28px, auto auto, auto auto;
}
ul.faq-listing { display: block; }
ul.faq-listing > li 
{ 

    display: block; border:1px solid rgba(158, 193, 194, 0.39);  margin-bottom:35px;
    border-top:1px solid transparent;}
ul.faq-listing.faq-listing-other > li { position: relative; }
ul.faq-listing.faq-listing-other > li  > i {      font-size: 54px;
    font-weight: bold;
    font-style: normal;
    right: 6px;
    /* top: 0; */
    color: #cfe1e0;
    font-family: "GothamProBlack";
    bottom: 0;
    position: absolute;
      }
ul.faq-listing > li > p { margin:0;     padding: 5px 20px 15px 20px; }
ul.faq-listing > li > b 
{ 
    display: block; 
    height: 30px; 
    line-height: 30px; 
    color: #348086;
    font-size: 13px; 
    padding:0 15px;
    overflow: hidden;
    margin-top:-15px;
    font-family: "GothamProBold";
    text-transform: uppercase;
    font-weight: 300;
}
ul.faq-listing > li > b > span { position: relative; padding:0 5px; display: inline-block;}
ul.faq-listing > li > b > span:before 
{
    height: 1px;
    width: 1000px;
    content: '';
    position: absolute;
    right: 100%;
    top: 14px;
    border-bottom: 1px solid rgba(158, 193, 194, 0.39);
}
ul.faq-listing > li > b > span:after 
{
    height: 1px;
    width: 1000px;
    content: '';
    position: absolute;
    left: 100%;
    top: 14px;
    border-bottom:1px solid rgba(158, 193, 194, 0.39); 
}

.forgot-pass-link 
{
    position: absolute;
    bottom: -26px;
    display: inline-block;
    right: 36px;
    font-size: 10px;
    text-align: right;
    /* width: 300px; */
    padding: 0 0 0 24px;
    opacity: 0.8;
    font-family: "GothamProRegular";
    color: #fff;
    text-transform: uppercase;
}
.forgot-pass-link:after
{
    height: 8px;
    width: 8px;
    left: 8px;
    top: 3px;
    opacity: 0.4;
    position: absolute;
    border: 1px solid #fff;
    content: '';
     -moz-transform: rotate(45deg);  /* Firefox */
    -o-transform: rotate(45deg);  /* Opera */
    -webkit-transform: rotate(45deg);  /* Safari y Chrome */
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE */
}
.forgot-link {  
   
    display: inline-block;
    
    font-size: 10px;

    text-align: center;
    /* width: 300px; */
    font-family: "GothamProRegular";
    color:#bcd6d7;
    padding:0 5px;
    border:1px solid #bcd6d7;
    text-transform: uppercase; 
}
.forgot-link:hover { color:#fff; background:#bcd6d7; }
.forgot-pass-link > abbr { color:#9dd924;}
.forgot-pass-link:hover { opacity: 1; color:#fff; }
table.table.table-support { margin:0;}
table.table.table-support>tbody>tr>td { border:none; display: block; 
padding:0 0px 15px 0px;  margin-bottom:30px;
    border: 1px solid rgba(158, 193, 194, 0.39);
    margin-bottom: 25px;
    border-top: 1px solid transparent;
    }
table.table.table-support>tbody>tr>td > label 
{  
    margin:0;
    display:block; 
    height: 30px;
    line-height: 30px;
        color: #348086;
    font-size: 12px;
    padding: 0 15px;
    overflow: hidden;
    text-transform: uppercase;
    overflow: hidden;
    margin-top: -15px;
    font-family: "GothamProBold";
}
table.table.table-support>tbody>tr>td > label > span 
{ 
    position: relative;
    padding: 0 5px;
    display: inline-block;
}
table.table.table-support>tbody>tr>td > label > span:before {
    height: 1px;
    width: 1000px;
    content: '';
    position: absolute;
    right: 100%;
    top: 14px;
    border-bottom: 1px solid rgba(158, 193, 194, 0.39);
}
table.table.table-support>tbody>tr>td > label > span:after {
    height: 1px;
    width: 1000px;
    content: '';
    position: absolute;
    left: 100%;
    top: 14px;
    border-bottom: 1px solid rgba(158, 193, 194, 0.39);
}
table.table.table-support>tbody>tr>td p { display: block; margin:0; padding:0 25px 0 25px;}
table.table.table-support>tbody>tr>td p input,
table.table.table-support>tbody>tr>td p textarea
{     
    box-shadow: none;
    border-radius: 0;
    box-shadow: inset 0 0 30px rgba(165, 198, 200, 0.33);
    background: url(../images/icons/lines.png) center center repeat-x, rgba(13, 76, 81, 0.11);
    border-bottom: 2px solid rgba(144, 177, 179, 0.35);
}


table.table.deposit_confirm > tbody>tr>td { border: none; }
table.table.deposit_confirm > tbody>tr>th { border:none;}
table.table.deposit_confirm > tbody>tr:nth-child(odd)
{
        background: rgba(195, 214, 215, 0.2);
}
table.table.deposit_confirm > tbody>tr>th { font-weight: 300; padding:10px 25px; }
table.table.deposit_confirm > tbody>tr>th  {   font-weight: 300;
    padding: 10px 25px;
    font-size: 13px;
    font-family: "GothamProMedium";
    color: #348086; }

ul.stat-on-bottom { display: block; width:100%; height: 60px; margin-top:20px; margin-bottom:-20px; }
ul.stat-on-bottom > li { width:20%;  display: block; height: 60px;  }
ul.stat-on-bottom > li.item-1 { float:left; margin-left:100px; background:url('../images/icons/dep-arrow.html') left center no-repeat;
background-size: auto 25px; }
ul.stat-on-bottom > li.item-2 { float:right; margin-right:40px;}
ul.stat-on-bottom > li  > small { display: block; font-size:12px;  text-transform: uppercase;    color:#a8d2d2; }
ul.stat-on-bottom > li  > b
{
    color: #14aaa8;
    padding-left:45px;
    font-family: "GothamProBlack";
    font-size: 35px;
    line-height: 27px;    padding-left: 27px; 
}
ul.stat-on-bottom > li.item-2  > b 
{
        color: #6cb11f;
}
ul.stat-on-bottom > li.item-2
{
    background:url('../images/icons/with-arrow.html') left center no-repeat;
    background-size: auto 25px;
    
}

.toolt::after {
    background: rgba(0, 0, 0, 0.8);
    border-radius: 8px 8px 8px 0px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    color: #FFF;
    content: attr(data-tooltip); /* Главная часть кода, определяющая содержимое всплывающей подсказки */
    margin-top: -24px;
    opacity: 0; /* Наш элемент прозрачен... */
    padding: 3px 7px;
    position: absolute;
    visibility: hidden; /* ...и скрыт. */
            
    transition: all 0.4s ease-in-out; /* Добавить плавности по вкусу */
}
        
.toolt:hover::after {
    opacity: 1; /* Показываем его */
    visibility: visible;
}