@font-face {
    font-family: 'maven_problack';
    src: url('../fonts/mavenpro-black-webfont.eot');
    src: url('../fonts/mavenpro-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mavenpro-black-webfont.woff2') format('woff2'),
         url('../fonts/mavenpro-black-webfont.woff') format('woff'),
         url('../fonts/mavenpro-black-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'maven_probold';
    src: url('../fonts/mavenpro-bold-webfont.eot');
    src: url('../fonts/mavenpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mavenpro-bold-webfont.woff2') format('woff2'),
         url('../fonts/mavenpro-bold-webfont.woff') format('woff'),
         url('../fonts/mavenpro-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'maven_promedium';
    src: url('../fonts/mavenpro-medium-webfont.eot');
    src: url('../fonts/mavenpro-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mavenpro-medium-webfont.woff2') format('woff2'),
         url('../fonts/mavenpro-medium-webfont.woff') format('woff'),
         url('../fonts/mavenpro-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'maven_proregular';
    src: url('../fonts/mavenpro-regular-webfont.eot');
    src: url('../fonts/mavenpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mavenpro-regular-webfont.woff2') format('woff2'),
         url('../fonts/mavenpro-regular-webfont.woff') format('woff'),
         url('../fonts/mavenpro-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eurostileblack';
    src: url('../fonts/eurostile-black-webfont.eot');
    src: url('../fonts/eurostile-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/eurostile-black-webfont.woff2') format('woff2'),
         url('../fonts/eurostile-black-webfont.woff') format('woff'),
         url('../fonts/eurostile-black-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eurostilemedium';
    src: url('../fonts/eurostile-medium-webfont.eot');
    src: url('../fonts/eurostile-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/eurostile-medium-webfont.woff2') format('woff2'),
         url('../fonts/eurostile-medium-webfont.woff') format('woff'),
         url('../fonts/eurostile-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body{
    font-family: 'Open Sans', sans-serif;
    background: #0a1737;
    margin: 0;
    padding: 0;
    font-size: 14px;
    overflow-x: hidden;
}

body:before{
    content: '';
    background-image: url('../img/bgr-1.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 63%;
    padding: 0 0 80%;
    position: absolute;
    top: 0;
    right: 90px;
    z-index: -1;
}

body:after{
    content: '';
    background-image: url('../img/bgr-2.png');
    background-size: 100% auto;
    width: 683px;
    height: 1209px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

/*Global*/

*{
    box-sizing: border-box;
}

img{
    max-width: 100%;
    height: auto;
}

a{

}

a:focus{
    outline: none;
}

p{

}

h1, h2, h3, h4, h5{

}

h1{

}

h2{

}

h3{

}

h4{

}

h5{

}

ul,
ol{
    margin: 0;
    padding: 0;
}

ul li,
ol li{
    list-style: none;
}

.btn-link{
    font-family: 'eurostilemedium';
    background: #34c6f4;
    padding: 19px 56px 18px;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 30px;
    display: inline-block;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn-link:hover{
    background: #0e1130;
    color: #fff;
    text-decoration: none;
}

.social-links{}

.social-links > li{
    margin: 0 5px 10px;
    display: inline-block;
}

.social-links > li a{
    background: #122344;
    width: 40px;
    height: 40px;
    font-size: 11px;
    color: #fff;
    line-height: 40px;
    border-radius: 100%;
    display: block;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.social-links > li a:hover{
    background: #fff;
    color: #122344;
}

.has-animation{}

.has-animation > *{
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    transform: translateY(-100px);
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.has-animation > *.activate-animation{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}

/* Header */

#header{
    padding: 44px 0;
}

#logo{
    text-align: center;
    display: inline-block;
}

#navigation{
    margin: 44px 0 0;
}

#navigation > button{
    background: transparent;
    border: none;
    display: none;
    cursor: pointer;
}

#navigation > button span{
    background: #fff;
    width: 26px;
    height: 3px;
    display: block;
    text-indent: -9999px;
    position: relative;
}

#navigation > button span:before{
    content: '';
    background: #fff;
    width: 26px;
    height: 3px;
    margin: 0 0 3px;
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
}

#navigation > button span:after{
    content: '';
    background: #fff;
    width: 26px;
    height: 3px;
    margin: 3px 0 0;
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
}

#navigation .navigation-box{
    text-align: right;
}

#navigation .navigation-box:after{
    content: '';
    display: block;
    clear: both;
}

#navigation .navigation-box > ul{
    margin: 0 auto;
    display: inline-block;
    float: none;
}

#navigation .navigation-box > ul li{
    margin: 0 0 0 10px;
}

#navigation .navigation-box > ul li a{
    font-family: 'maven_promedium';
    background: #102c4d;
    padding: 13px 30px 12px;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 30px;
    display: inline-block;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#navigation .navigation-box > ul li a.invert{
    font-family: 'maven_probold';
    background: #fff;
    color: #222129;
}

#navigation .navigation-box > ul li a:hover{
    background: #fff;
    color: #102c4d;
}

#navigation .navigation-box > ul li a.invert:hover{
    background: #102c4d;
    color: #fff;
}

/* Content */

main{}

.intro-box{
    margin: 120px 0;
}

.intro-text{
    font-family: 'maven_proregular';
    color: #fff;
}

.intro-text h2{
    font-family: 'eurostileblack';
    margin: 0;
    font-size: 55px;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
}

.intro-text h2 span{
    font-family: 'eurostilemedium';
    font-size: 40px;
}

.intro-text i{
    color: #34c6f4;
    font-style: normal;
}

.intro-text .text{
    margin: 28px 0 40px;
}

.intro-crypto{
    background: rgba(14, 17, 48, 0.6);
    margin: 0 0 0 40px;
    padding: 32px 16px;
    border-radius: 20px;
}

.intro-crypto .intro-crypto-box{
    width: 100%;
    display: table;
}

.intro-crypto .intro-crypto-box .intro-crypto-entry{
    width: 50%;
    padding: 0 16px;
    display: table-cell;
    vertical-align: top;
}

.intro-crypto .intro-crypto-box .intro-crypto-entry-box{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#19255a+0,0d1537+100 */
    background: rgb(25,37,90); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(25,37,90,1) 0%, rgba(13,21,55,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(25,37,90,1) 0%,rgba(13,21,55,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(25,37,90,1) 0%,rgba(13,21,55,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19255a', endColorstr='#0d1537',GradientType=0 ); /* IE6-9 */
    padding: 20px;
    border: 1px solid #2f3d72;
    border-radius: 20px;
}

.custom-tabs{
    margin: 160px 0;
    text-align: right;
}

.custom-tabs > strong{
    font-family: 'eurostilemedium';
    margin: 0 0 0 36px;
    font-size: 24px;
    color: #34c6f4;
    font-weight: normal;
    float: left;
    display: inline-block;
    vertical-align: middle;
}

.custom-tabs .tabs-top{
    margin: 0 auto 14px;
    display: inline-block;
}

.custom-tabs .tabs-top > span{
    font-family: 'eurostilemedium';
    font-size: 18px;
    color: #0e1130;
    display: inline-block;
    vertical-align: middle;
}

.custom-tabs .tabs-top ul{
    margin: 0 74px 0 5px;
    border: none;
    display: inline-block;
    vertical-align: middle;
}

.custom-tabs .tabs-top ul li{
    margin: 0 0 0 8px;
    border: none;
}

.custom-tabs .tabs-top ul li a{
    font-family: 'eurostilemedium';
    background: #fff;
    font-size: 14px;
    color: #0e1130;
    border: none;
    border-radius: 10px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.custom-tabs .tabs-top ul li.active a,
.custom-tabs .tabs-top ul li a:hover{
    background: #0e1130;
    color: #fff;
    border: none;
}

.benefit-box{
    margin: 0 0 90px;
}

.benefit-box:after{
    content: '';
    display: block;
    clear: both;
}

.benefit-box .benefit-entry{
    width: 33.33%;
    font-size: 17px;
    color: #fff;
    text-align: center;
    float: left;
}

.benefit-box .benefit-entry .figure{
    background: #122344;
    width: 124px;
    height: 124px;
    margin: 0 auto 20px;
    display: table;
    border-radius: 100%;
}

.benefit-box .benefit-entry .figure figure{
    height: 124px;
    display: table-cell;
    vertical-align: middle;
}

.benefit-box .benefit-entry .figure-text{
    max-width: 290px;
    margin: 0 auto;
}

.benefit-box .benefit-entry .figure-text h3{
    font-family: 'eurostilemedium';
    margin: 0 auto 16px;
    font-size: 21px;
    font-weight: normal;
}

.form-cont{
    background: #fff;
    max-width: 462px;
    margin: 0 auto 140px;
    padding: 30px 32px;
    border-radius: 20px;
}

.form-cont .form-cont-header{
    margin: 0 0 22px;
    text-align: center;
}

.form-cont .form-cont-header h3{
    font-family: 'eurostilemedium';
    font-size: 29px;
    color: #2c5fb6;
}

.form-cont .form-cont-header p{
    font-size: 14px;
    color: #969696;
}

.label-animated{
    margin: 0 0 15px;
    position: relative;
}

.label-animated input{
    background: transparent;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #cacaca;
    outline: none;
    position: relative;
    z-index: 1;
}

.form-cont .has-success .label-animated input{
    box-shadow: none;
    border-color: #49ccf5;
}

.form-cont .has-error .label-animated input{
    box-shadow: none;
    border-color: #e3162b;
}

.label-animated label{
    margin: -10px 0 0;
    font-size: 14px;
    color: #767676;
    font-weight: 300;
    position: absolute;
    top: 50%;
    left: 16px;
    z-index: 0;
    transition: all 0.3s ease-in-out;
}

.label-animated input:focus + label,
.label-animated.has-content label{
    top: 0;
}

.form-cont .submit{
    background: #34c6f4;
    width: 100%;
    padding: 17px 10px 16px;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    border: none;
    display: block;
}

.form-cont .form-cont-footer{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#34c5f3+0,0e1231+100 */
    background: rgb(52,197,243); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(52,197,243,1) 0%, rgba(14,18,49,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(52,197,243,1) 0%,rgba(14,18,49,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(52,197,243,1) 0%,rgba(14,18,49,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34c5f3', endColorstr='#0e1231',GradientType=1 ); /* IE6-9 */
    margin: 30px -32px -30px;
    padding: 26px 32px 18px;
    border-radius: 0 0 20px 20px;
}

.form-cont .form-cont-footer:after{
    content: '';
    display: block;
    clear: both;
}

.form-cont .form-cont-footer p{
    margin: 0;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    float: left;
}

.form-cont .form-cont-footer a{
    font-family: 'eurostilemedium';
    font-size: 14px;
    color: #34c6f4;
    text-decoration: underline;
    font-weight: 600;
    float: right;
}

.forget-password{
    background: #efefef;
    padding: 22px 70px 22px 38px;
    position: relative;
}

.forget-password:after{
    font-family: 'Font Awesome 5 Pro';
    content: "\f30d";
    margin: -40px 0 0;
    font-size: 56px;
    color: #fff;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 18px;
}

.forget-password strong{
    font-family: 'eurostilemedium';
    font-size: 18px;
    color: #2c5fb6;
    font-weight: normal;
    display: block;
}

.forget-password p{
    margin: 0;
    font-size: 14px;
    color: #969696;
}

.forget-password p a{
    color: #6fbef6;
}

.custom-check-holder{
    margin: 40px 16px 42px;
}

.custom-check{
    padding: 0 0 0 30px;
    font-size: 12px;
    color: #767676;
    font-weight: 400;
    position: relative;
}

.custom-check input{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.custom-check i{
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #6abdf2;
    position: absolute;
    top: 2px;
    left: 0;
}

.custom-check input:checked + i:after{
    font-family: 'Font Awesome 5 Pro';
    content: "\f00c";
    font-size: 9px;
    color: #6abdf2;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 1px;
}

.custom-check a{
    color: #3cb3ff;
}

body .custom-style-select{}

body .custom-style-select .select2-choice,
body .custom-style-select .select2-container-active .select2-choice{
    background: transparent;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    border-radius: 0;
    border: none !important;
    border-bottom: 2px solid #cacaca !important;
    outline: none;
    position: relative;
    z-index: 1;
}

body .custom-style-select .select2-choice .select2-arrow{
    border-left: none;
}

body .custom-style-select .select2-choice .select2-arrow b{
    background-image: none !important;
    position: relative;
}

body .custom-style-select .select2-choice .select2-arrow b:before{
    content: '';
    margin: -3px 0 0 -4px;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 6px solid #6fbff6;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
}

body .custom-style-select .select2-dropdown-open .select2-choice .select2-arrow b:before{
    border-top: none;
    border-bottom: 6px solid #6fbff6;
}

body .select2-drop-active{
    border: none;
    box-shadow: 0 0 5px rgba(0, 0 ,0, 0.2);
}

.login-options{
    margin: 52px 0 0;
    text-align: center;
}

.login-options:before{
    content: '';
    background: #c7e5fb;
    width: 190px;
    height: 2px;
    margin: 0 auto 26px;
    display: inline-block;
}

.login-options > p{
    font-size: 14px;
    color: #969696;
    text-align: center;
}

.login-options .social-icons{
    max-width: 360px;
    margin: 28px auto 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.login-options .social-icons > li{
    width: 50%;
    padding: 0 13px;
    float: left;
}

.login-options .social-icons > li a{
    background: #3a5fa3;
    max-width: 150px;
    padding: 13px 10px 12px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    display: block;
    border-radius: 20px;
}

.login-options .social-icons > li a#google-login{
    background: #db5346;
}

.login-options .social-icons > li a .fab{
    margin: 0 16px 0 0;
}

.chart-holder{
    background: #fff;
    border-radius: 20px;
    padding: 40px 30px;
}

.profile-page-sidebar{
    background: #0e1025;
    margin: 0 0 110px;
    margin-right: -15px;
    height: 100%;
    border-radius: 20px 0 0 20px;
    position: relative;
}

.profile-page-sidebar:before{
    content: '';
    background-image: url('../img/profile-page-sidebar-bgr.png');
    background-size: 100% auto;
    background-position: top center;
    height: 431px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 112px;
    z-index: 0;
}

.profile-page-sidebar .sidebar-box{
    padding-bottom: 80px;
}

.profile-page-sidebar .profile-box{
    text-align: center;
    padding: 26px 10px;
}

.profile-page-sidebar .profile-usermenu{
    margin: 0;
}

.profile-page-sidebar .profile-usermenu > ul{
    border-top: 1px solid #2c2c3f;
}

.profile-page-sidebar .profile-usermenu > ul li{
    border: none;
    border-bottom: 1px solid #2c2c3f;
}

.profile-page-sidebar .profile-usermenu > ul li a{
    padding: 17px 15px 16px;
    font-size: 12px;
    color: #b4bdc4;
}

.profile-page-sidebar .profile-usermenu > ul li.active a{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#34c5f3+0,0f1432+100 */
    background: rgb(52,197,243); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(52,197,243,1) 0%, rgba(15,20,50,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(52,197,243,1) 0%,rgba(15,20,50,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(52,197,243,1) 0%,rgba(15,20,50,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34c5f3', endColorstr='#0f1432',GradientType=1 ); /* IE6-9 */
}

.profile-page-sidebar .profile-usermenu > ul li a .icon-holder{
    width: 30px;
    margin: 0 10px 0 0;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.profile-page-sidebar .profile-usermenu > ul li a .icon-holder img,
.profile-page-sidebar .profile-usermenu > ul li a .icon-holder i{
    margin: 0 auto;
    display: block;
}

.profile-page-sidebar .logo-profile{
    text-align: center;
    position: absolute;
    bottom: 22px;
    right: 10px;
    left: 10px;
}

.profile-page-cont{
    background: #edf7ff;
    height: 100%;
    margin: 0 0 110px;
    margin-left: -15px;
    border-radius: 0 20px 20px 0;
}

.profile-page-cont .profile-page-box{
    padding: 30px;
}


.infoFigureBox{
    font-family: 'Open Sans', sans-serif;
    background: #fff;
    width: 100%;
    min-height: 72px;
    margin: 0 0 20px;
    display: table;
    border-radius: 20px;
    overflow: hidden;
}

.infoFigureBox > figure{
    background: #79ccff;
    width: 78px;
    padding: 10px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.infoFigureBox.green-box > figure{
    background: #24ca32;
}

.infoFigureBox.blue-box > figure{
    background: #2c5fb6;
}

.infoFigureBox.orange-box > figure{
    background: #fc8f0e;
}

.infoFigureBox.purple-box > figure{
    background: #454e89;
}

.infoFigureBox > .text{
    padding: 10px 20px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.infoFigureBox > .text strong{
    font-size: 18px;
    color: #2e2e2e;
}

.infoFigureBox > .text p{
    font-size: 10px;
    color: #838383;
    line-height: 12px;
}

.infoFigureBox > .text .verified-checked-icon{
    margin: -15px 0 0;
    position: absolute;
    top: 50%;
    right: 30px;
}

.infoFigureBox > .text .infoFigure-links{
    background: #fff;
    padding: 15px 0 0 20px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.infoFigureBox > .text:hover .infoFigure-links{
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

.infoFigureBox > .text .infoFigure-links a{
    background: #0e1130;
    width: 44%;
    padding: 10px 10px 8px;
    border-radius: 20px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.infoFigureBox > .text .infoFigure-links a:hover{
    background: #34c6f4;
    text-decoration: none;
}

.white-box{
    background: #fff;
    margin: 20px 0;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0, 0 ,0, 0.2);
}

.white-box.no-pad{
    padding: 0;
}

.white-box .portlet-title{
    padding: 0 20px;
    border-bottom: 1px solid #dfdfdf;
}

.white-box .portlet-title:after{
    content: '';
    display: block;
    clear: both;
}

.white-box .portlet-title .caption{
    display: inline-block;
}

.white-box .portlet-title .nav-tabs{
    float: right;
    border-bottom: none;
}

.white-box .portlet-title .nav-tabs li a{
    padding: 40px 30px 35px;
    font-size: 16px;
    color: #000;
    border: none;
    border-radius: 0;
    font-weight: bold;
    display: block;
}

.white-box .portlet-title .nav-tabs li.active a{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#34c5f3+0,0f1432+100 */
    background: rgb(52,197,243); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(52,197,243,1) 0%, rgba(15,20,50,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(52,197,243,1) 0%,rgba(15,20,50,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(52,197,243,1) 0%,rgba(15,20,50,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34c5f3', endColorstr='#0f1432',GradientType=1 ); /* IE6-9 */
    color: #fff;
    position: relative;
}

.white-box .portlet-title .nav-tabs li.active a:before{
    content: '';
    margin: 0 0 0 -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 7px solid #216d93;
    position: absolute;
    top: 100%;
    left: 50%;
}

.white-box .portlet-body{
    padding: 40px;
}

.inputsContainer{
    padding: 0 40px;
    border: 1px solid #edf7ff;
}

.blue-bgr{
    background: #edf7ff;
    margin: 0 -40px;
    padding: 35px 40px;
}

.inputsContainer .inputsContBox{
    padding: 30px 0 10px;
}

.inputsContainer .inputsContainer-bottom{
    background: #f5f5f5;
    margin: 10px -40px 0;
    padding: 15px 40px;
}

.inputsContainer .inputsContainer-bottom p{
    margin: 0;
}

.custom-upload{
    margin: 0 0 30px;
    position: relative;
}

.custom-upload label{
    margin: 0 0 16px;
    font-size: 14px;
    color: #2e2e2e;
    font-weight: bold;
}

.custom-upload > input{
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.custom-upload .custom-upload-fake{
    background: #f5f5f5;
    padding: 50px 20px;
    text-align: center;
    border: 2px dashed #cacaca;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.custom-upload:hover .custom-upload-fake{
    border: 2px dashed #76c9fc;
}

.custom-upload .custom-upload-fake figure{
    background: #cacaca;
    width: 73px;
    height: 73px;
    margin: 0 auto 25px;
    line-height: 70px;
    border-radius: 100%;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.custom-upload:hover .custom-upload-fake figure{
    background: #76c9fc;
}

.custom-upload .custom-upload-fake > span{
    font-size: 13px;
    color: #838383;
}

.custom-upload .custom-upload-fake > span span{
    color: #72c3f9;
    font-weight: bold;
}

.info-symbol{
    width: 23px;
    height: 23px;
    margin: 0 26px 0 0;
    color: #70c0f7;
    font-style: normal;
    text-align: center;
    line-height: 21px;
    border: 2px solid #70c0f7;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
}


form button[type="submit"],
form .like-submit-btn{
    background: #00b4f4;
    width: 100%;
    margin: 33px 0 12px;
    padding: 16px 12px;
    font-size: 14px;
    color: #fff;
    border: none;
    text-transform: uppercase;
    border-radius: 0;
}

form .like-submit-btn{
    background: #cfcfcf;
}

#names-form button[type="submit"],
#address-form button[type="submit"]{
    font-family: 'Open Sans', sans-serif;
    width: auto;
    padding: 16px 30px 16px 35px;
    display: inline-block;
}

.tab-title-offset{
    font-family: 'eurostilemedium';
    margin: -100px 0 100px;
    font-size: 26px;
    color: #2e2e2e;
    font-weight: 700;
}

h4.form-section-title{
    font-family: 'eurostilemedium';
    margin: 0;
    padding: 60px 0 50px;
    font-size: 26px;
    color: #2e2e2e;
    font-weight: bold;
    position: relative;
}

.no-pad h4.form-section-title{
    padding: 60px 40px 50px;
}

h4.form-section-title i{
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
}

.custom-table{
    width: 100%;
    border-bottom: 1px solid #e5e5e7;
}

.custom-table thead{}

.custom-table thead tr{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#34c6f3+0,0e1130+100 */
    background: rgb(52,198,243); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(52,198,243,1) 0%, rgba(14,17,48,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(52,198,243,1) 0%,rgba(14,17,48,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(52,198,243,1) 0%,rgba(14,17,48,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34c6f3', endColorstr='#0e1130',GradientType=1 ); /* IE6-9 */
}

.custom-table thead tr th{
    padding: 20px 40px 20px 25px;
    font-size: 11px;
    color: #fff;
    font-weight: 700;
    border-right: 1px solid #e5e5e7;
}

.custom-table thead tr th.sorting{
    background-image: url('../img/sortable-table.png');
}

.custom-table thead tr th.sorting_asc{
    background-image: url('../img/sortable-table-asc.png');
}

.custom-table thead tr th.sorting_desc{
    background-image: url('../img/sortable-table-desc.png');
}

.custom-table thead tr th strong{
    white-space: nowrap;
}

.custom-table tbody{}

.custom-table tbody tr td{
    padding: 20px 40px 20px 25px;
    font-size: 12px;
    color: #838383;
    border-right: 1px solid #e5e5e7;
    border-bottom: 1px solid #e5e5e7;
}

.custom-table tbody tr:nth-child(2n) td{
    background: #f3f4f8;
}

.custom-table tbody tr td time{
    white-space: nowrap;
}

.custom-table tbody tr td .amount{
    white-space: nowrap;
}

.custom-table tbody tr td .fee-box{
    white-space: nowrap;
}

.custom-table tbody tr td .status{
    white-space: nowrap;
    text-transform: uppercase;
}

.custom-table tbody tr td .status.approved{
    color: #34c6f4;
}

.custom-table tbody tr td .status.cancelled{
    color: #fe0000;
}

.white-box .dataTables_info{
    padding: 40px;
    font-size: 12px;
    color: #2e2e2e;
}

.white-box .dataTables_paginate{
    padding: 40px;
}

.white-box .dataTables_paginate .pagination{}

.white-box .dataTables_paginate .pagination > li{
    margin: 0 0 0 15px;
    display: inline-block;
    vertical-align: middle;
}

.white-box .dataTables_paginate .pagination > li a,
.white-box .dataTables_paginate .pagination > li span{
    width: 31px;
    height: 31px;
    padding: 0;
    line-height: 26px;
    text-align: center;
    border: 2px solid #000;
    border-radius: 100%;
}

.white-box .dataTables_paginate .pagination > li a i,
.white-box .dataTables_paginate .pagination > li span i{
    margin-left: -1px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 7px solid #000;
}

.white-box .dataTables_paginate .pagination > li.next a i,
.white-box .dataTables_paginate .pagination > li.next span i{
    margin-left: 1px;
    border-right: none;
    border-left: 7px solid #000;
}

.white-box .dataTables_paginate .pagination > li a i:before,
.white-box .dataTables_paginate .pagination > li span i:before{
    display: none;
}

/* Footer */

#footer{
    padding: 90px 0 80px;
    text-align: center;
    position: relative;
}

#footer:before{
    content: '';
    background: #2b3561;
    width: 100%;
    max-width: 1070px;
    margin: 0 auto;
    height: 1px;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

#footer:after{
    content: '';
    background-image: url('../img/footer-bgr.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 23%;
    margin: 0 0 -250px;
    padding: 0 0 63%;
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: -1;
}

#footer-logo{
    margin: 0 auto 48px;
}

#footer .navbar-nav{
    margin: 0 auto 48px;
    float: none;
    text-align: center;
}

#footer .navbar-nav > li{
    display: inline-block;
    float: none;
}

#footer .navbar-nav > li a{
    color: #fff;
    text-transform: uppercase;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#footer .navbar-nav > li a:hover{
    background: none;
    color: #b4b4b5;
    text-shadow: none;
}

#footer .footer-copyright{
    margin: 0 auto 50px;
    font-size: 12px;
    color: #34c6f4;
}

/*Sprite*/

.sprite{
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
}

.package{
    background-position: 0 0;
    width: 36px;
    height: 50px;
}

.statistics{
    background-position: -44px 0;
    width: 45px;
    height: 41px;
}

.network{
    background-position: -101px 0;
    width: 54px;
    height: 54px;
}

.target{
    background-position: -167px 0;
    width: 52px;
    height: 52px;
}

.members-icon{
    background-position: -76px -65px;
    width: 26px;
    height: 20px;
}

.star-icon{
    background-position: -77px -98px;
    width: 26px;
    height: 26px;
}

.verified-icon{
    background-position: -106px -65px;
    width: 26px;
    height: 26px;
}

.verified-checked-icon{
    background-position: -136px -65px;
    width: 38px;
    height: 31px;
}

.upload-icon{
    background-position: -180px -65px;
    width: 41px;
    height: 47px;
}

.transfers-icon{
    background-position: 0 -125px;
    width: 93px;
    height: 93px;
}

.balance-icon{
    background-position: -97px -125px;
    width: 88px;
    height: 88px;
}

.fb-icon{
    background-position: -49px -65px;
    width: 5px;
    height: 11px;
}

.gp-icon{
    background-position: -49px -78px;
    width: 22px;
    height: 15px;
}

.fb-social-icon{
    background-position: -193px -125px;
    width: 9px;
    height: 16px;
}

.tw-social-icon{
    background-position: -207px -125px;
    width: 16px;
    height: 13px;
}

.li-social-icon{
    background-position: -226px -125px;
    width: 16px;
    height: 16px;
}

.main-office-icon{
    background-position: 0 -244px;
    width: 58px;
    height: 57px;
}

.office-icon{
    background-position: -64px -244px;
    width: 58px;
    height: 58px;
}

.contact-icon{
    background-position: -127px -244px;
    width: 58px;
    height: 55px;
}

.open-hour-icon{
    background-position: -190px -244px;
    width: 58px;
    height: 58px;
}

.bitcoin-icon{
    background-position: 0px -332px;
    width: 44px;
    height: 44px;
}

.etherium-icon{
    background-position: -52px -334px;
    width: 40px;
    height: 40px;
}

.bgn-icon{
    background-position: -100px -334px;
    width: 40px;
    height: 40px;
}

/* Media Queries */

@media all and (max-width: 1420px){

    .intro-box{
        margin: 80px 0;
    }

    .custom-tabs{
        margin: 60px 0 100px;
    }

}

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

    .intro-crypto{
        margin: 20px 0 0;
    }

    .custom-tabs .tabs-top > span{
        color: #fff;
    }

    .custom-tabs .tabs-top ul li.active a,
    .custom-tabs .tabs-top ul li a:hover{
        background: #34c6f4;
    }

}

@media all and (max-width: 991px){

    body:before{
        display: none;
    }

    .custom-tabs{
        text-align: center;
    }

    .custom-tabs > strong{
        margin: 0 0 20px;
        text-align: center;
        display: block;
        float: none;
    }

    .custom-tabs .tabs-top ul{
        margin: 0 auto;
    }

    .custom-tabs .tabs-top ul li{
        margin: 0 4px;
    }

    .profile-page-sidebar{
        margin: 0 0 20px;
        border-radius: 20px;
    }

    .profile-page-sidebar .logo-profile{
        display: none;
    }

    .profile-page-sidebar .sidebar-box{
        padding-bottom: 0;
    }

    .profile-page-cont{
        margin: 0;
        border-radius: 20px;
    }

}

@media all and (max-width: 767px){

    .pos-static{
        position: static;
    }

    #navigation{
        position: absolute;
        top: 20px;
        right: 20px;
    }

    #navigation > button{
        height: 40px;
        display: block;
    }

    #navigation .navigation-box{
        margin: 10px 0 0;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 100%;
        right: 0;
        z-index: -100;
    }

    #navigation.show .navigation-box{
        opacity: 1;
        visibility: visible;
        z-index: 100;
    }

    #navigation .navigation-box > ul{
        background: #fff;
        width: 180px;
        padding: 10px;
        border-radius: 20px 0 20px 20px;
    }

    #navigation .navigation-box > ul:before{
        content: '';
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-bottom: 8px solid #fff;
        display: inline-block;
        position: absolute;
        bottom: 100%;
        right: 13px;
    }

    #navigation .navigation-box > ul li{
        margin: 0;
        display: block;
    }

    #navigation .navigation-box > ul li a,
    #navigation .navigation-box > ul li a:hover{
        background: none;
        font-size: 14px;
        color: #102c4d;
    }

    .login-options .social-icons > li{
        width: 100%;
        margin: 0 0 10px;
        float: none;
    }

    .login-options .social-icons > li:last-child{
        margin: 0;
    }

    .login-options .social-icons > li a{
        margin: 0 auto;
    }

    .form-cont .form-cont-footer p{
        display: block;
        float: none;
    }

    .form-cont .form-cont-footer a{
        float: none;
        display: inline-block;
    }

    #footer .navbar-nav > li a{
        font-size: 13px;
        padding: 5px 8px;
    }

}

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

    #logo{
        display: block;
    }

    #navigation .navigation-box{
        text-align: center;
    }

    #navigation .navigation-box > ul{
        display: block;
    }

    #navigation .navigation-box > ul li{
        display: block;
    }

    .intro-box{
        margin: 40px 0;
    }

    .intro-crypto .intro-crypto-box{
        display: block;
    }

    .intro-crypto .intro-crypto-box .intro-crypto-entry{
        width: 100%;
        margin: 0 0 20px;
        display: block;
    }

    .intro-crypto .intro-crypto-box .intro-crypto-entry:last-child{
        margin: 0;
    }

    .intro-text h2{
        font-size: 34px;
    }

    .intro-text h2 span{
        font-size: 26px;
    }

    .benefit-box .benefit-entry{
        width: auto;
        margin: 0 0 50px;
        float: none;
    }

    #footer{
        padding: 50px 0 40px;
    }

    .btn-link{
        padding: 9px 26px 8px;
        font-size: 14px;
    }

}

/* upgrade browser */

#upgrade-browser {
    /*padding: 17px 30px 14px 10px;*/
    padding: 10px 60px;
    position: relative;
    z-index: 10000;
    text-align: center;
    background: #ffe490;
}

#upgrade-browser a {
    height: 50px; width: 50px;
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 0;
    vertical-align: middle;
    background: url('../img/browser-sprite.jpg') no-repeat -1000px 0;
}
#upgrade-browser a.chrome {
    background-position: 0px 0px;
}
#upgrade-browser a.ie {
    background-position: -50px 0px;
}
#upgrade-browser a.firefox {
    background-position: -100px 0;
}
#upgrade-browser a.opera {
    background-position: -150px 0;
}
#upgrade-browser a.safari {
    background-position: -200px 0;
}
#upgrade-browser span {
    font-size: 16px;
    line-height: 18px;
    display: inline-block;
    margin: 10px;
}
#upgrade-browser .close-warning {
    height: 50px;
    width: 50px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background: url('../img/browser-sprite.jpg') no-repeat -250px 0;
}

/* end of upgrade browser */