@charset 'utf-8';
/* CSS DOCUMENT */

@font-face {
    font-family: 'Bebas';
    src: url('../fonts/Bebas/.otf');
    src: url('../fonts/Bebas/BebasNeue.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Bebas/BebasNeue.woff') format('woff'),
         url('../fonts/Bebas/BebasNeue.ttf') format('truetype'),
         url('../fonts/Bebas/BebasNeue.svg#BebasNeue') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body { height:100%; min-height:100%; font-family: 'Lato', sans-serif;}
.hide { display:none;}
.ease,a,input[type="submit"],button { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.auto { width:1024px; margin: 0 auto; }
img { max-width: 100%; height: auto; }
* { box-sizing: border-box; }
/********* Clearfix *********/
* html .clearfix { height: 1%; }
.clearfix:after {visibility: hidden; display: block; font-size: 0; content:""; clear: both; height: 0;}
.clearfix { display: block; clear:both; }
.center-div{position:absolute; top:50%; left:50%; margin-right:-50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);  transform:translate(-50%,-50%); }
.middle-div{position:absolute; top:50%;  -ms-transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -o-transform:translate(0,-50%);  transform:translate(0,-50%); }
.hori-div{position:absolute; left:50%;  -ms-transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -o-transform:translate(-50%,0);  transform:translate(-50%,0); }
.drpdown{position:relative; display:inline-block;}
/********* Page Template *********/
#main-container { height:100%; height: auto !important; min-height:100%; }
input[type="text"],input[type="password"], input[type=email], textarea, header, footer{-webkit-box-sizing : border-box;‌​ -moz-box-sizing : border-box; box-sizing : border-box;}
input[type="submit"] { font-family: 'Lato', sans-serif;}
textarea { outline:none; resize:none;  font-family: 'Lato', sans-serif;}
button{font-family: 'Lato', sans-serif;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
button:hover, input[type=submit]:hover{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.wrapper{max-width:1024px !important; width:96%; margin:0 auto;}
.wrapper2{max-width:1440px !important; width:96%; margin:0 auto;}
.full-width{width:100%;}
.half-width{width:50%;}
.box{-webkit-box-sizing : border-box;‌​ -moz-box-sizing : border-box; box-sizing : border-box;}
.bg {background-repeat:no-repeat;  background-position:50% 50% !important;}
.fullscreen{width:100%; min-height:100%;}
.f-left{float:left;}
.f-right{float:right;}
.upper-text{text-transform:uppercase;}
.btn{}
.btn:hover{}
.col{display: inline-block;}
.va-top{vertical-align: top;}
.va-mid{vertical-align: middle;}
.va-bot{vertical-align: bottom;}
.box-shadow{box-shadow: 1px 1px 2px rgba(0,0,0,0.15);}
.t-center{text-align: center;}
.t-left{text-align: left;}
.t-right{text-align: right;}
.section{padding: 60px 20px;}
 /**Header **/
header{}
footer{}
footer .upper-footer{padding: 30px 20px;}
footer ul li{display: inline-block; vertical-align: middle;}
footer ul li a{font-size: 14px;font-weight: 600; border-radius:3px; color: #201c3c; padding: 8px 10px; }
footer ul li a:hover{color: #7e5da3;}
footer .copyright{background: #0b0e1b; color: #FFF; padding:30px 20px; font-size: 13px;}
footer .disclaimer{background: #000000; color: #FFF; padding:40px 20px; font-size: 12px;}
header{padding:25px 20px; position: relative;}
header .wrapper:after{content:url('../images/header-bot.png'); top:100%;position:absolute; left:50%;  -ms-transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -o-transform:translate(-50%,0);  transform:translate(-50%,0);  }
header ul li{display: inline-block; vertical-align: middle;}
header ul li a{font-size: 14px;font-weight: 600; border-radius:3px; color: #FFF; padding: 8px 10px; margin: 5px 5px;}
header ul li a:hover{background: #FFF; color: #4e2e79;}
header ul li.active a{background: #FFF; color: #4e2e79;}
.title-holder{margin-bottom: 20px;}
.title-holder h3{font-size: 40px;  font-family: 'Bebas'; font-style:italic; text-transform: uppercase;}
.homepage header{position: absolute; top:0; left:0; width:100%;}
.homepage .banner-holder{min-height: 700px; width: 100%; background: url('../images/main-banner.jpg')no-repeat; background-size: cover; background-position: center;}
.homepage .banner-holder .content-holder{text-align: center;color: #FFF;}
.homepage .banner-holder .content-holder h1{font-family: 'Bebas'; font-size: 70px; line-height: 60px;font-style: italic; text-shadow: 1px 1px 40px rgba(0,0,0,0.9);}
.homepage .banner-holder .content-holder h2{font-family: 'Bebas'; font-size: 50px; text-shadow: 1px 1px 40px rgba(0,0,0,0.9);}
.homepage .banner-holder .content-holder hr{height:3px; width: 140px; margin: 20px auto 60px; border:none; background: #dcbe55;}
.homepage .banner-holder .content-holder h4{font-size: 24px; font-family: 'Bebas'; text-transform: uppercase; font-style: italic;}
.homepage .banner-holder .content-holder h4 span{margin: 0 15px;}
.homepage .banner-holder .scroll-ico{bottom:20px;}
.homepage .quick-links .col{max-width: 420px; margin: 30px;display: inline-block; vertical-align: top;}
.homepage .quick-links .quick-link{position: relative; }
.homepage .quick-links .arbi-cryp{max-width: 480px;}
.homepage .quick-links .arbi-cryp .quick-link{display: block; text-align: left;}
.homepage .quick-links .arbi-cryp .arbitrage{margin: 0 0 30px;}
.homepage .quick-links .quick-link h3{width: 100%;font-size: 30px; font-family: 'Bebas'; font-style: italic; position: absolute; bottom:35px; color: #FFF; text-transform: uppercase;}
.homepage .quick-links .arbi-cryp h3{padding-left: 30px;}
.homepage .quick-links .fix-api h3{text-align: center;}
.homepage .quick-links .arbitrage img{width:482px;}
.homepage .quick-links .content-listing{margin-top: 20px;}
.homepage .quick-links .content-listing .content{text-align: left;padding: 0 10px;min-height: 120px;border-left:4px solid #dcbe55; display: inline-block; vertical-align: top; max-width: 300px; width: 100%; margin:0;margin-right: 10px;}
.homepage .quick-links .content-listing .content h3{font-family: 'Bebas'; color: #6b5889; font-size: 30px;}
.homepage .quick-links .content-listing .content p{font-size: 14px; color: #787385;}
.homepage .software-forex{background: #2b2441;}
.homepage .software-forex .title-holder{color: #FFF;}
.homepage .software-forex .slider-holder{max-width: 100%; position: relative;}
.homepage .software-forex .slider-holder2{max-width: 100%; position: relative;}
.homepage .software-forex .software-holder{max-width: 265px; width: 100%; padding: 10px; }
.homepage .new-prod .software-holder{max-width: 340px; width: 100%; padding: 10px; }
.homepage .software-forex .software-holder .content{background: #FFF; border-radius:3px; min-height: 300px; padding: 20px;}
.homepage .software-forex .software-holder .content .img-holder{min-height: 220px;text-align: center;}
.homepage .software-forex .software-holder .content h3{font-size: 25px; line-height: 28px;color: #554c5f; font-family: 'Bebas';}
.homepage .software-forex .software-holder .content h4{font-size: 19px; color: #b4b4b4; font-family: 'Bebas';}
.homepage .software-forex .software-holder .content h5{font-size: 30px; margin-top: 10px;color: #7e5da3; font-family: 'Bebas';}
.homepage .benefits-sec{background: url('../images/benefits-bg.png') no-repeat; background-position: 100% 50%; min-height: 650px;}
.homepage .benefits-sec .title-holder{color: #2f2640;}
.homepage .benefits-sec .benefit-holder{margin: 20px 0; max-width: 390px;}
.homepage .benefits-sec .benefit-holder h3{font-size: 28px; color: #6b5889; text-transform: uppercase; font-family: 'Bebas';}
.homepage .benefits-sec .benefit-holder p{font-size: 14px; color: #554c5f; font-weight: 600;}
.homepage .new-prod{background: #5975de;}
.btn{display: inline-block; border-radius:3px; padding: 3px 15px;}
.btn-yellow{background: #eec538; color: #2b2441;}
.btn-yellow:hover{background: #ffd648; }
.inner-page header{position: relative; background: #210d2d;}
.inner-page header .wrapper:after{display: none;}
.inner-page .banner-holder{position: relative;  min-height: 400px; background-size: cover !important; background-position: center !important;}
.inner-page .banner-holder h1{text-transform: uppercase;font-family: 'Bebas'; font-size: 40px; color: #FFF; font-style: italic;}
.fx-robot .banner-holder{background: url('../images/fx-robot.jpg')no-repeat; }
.crypto .banner-holder{background: url('../images/crypto.png')no-repeat; }
.fx-arbi .banner-holder{background: url('../images/fx-arbi.png')no-repeat; }
.contact-us .banner-holder{background: url('../images/contact-bg.png')no-repeat; }

.inner-page .prod-listing{background: #2b2441; color: #FFF;}
.inner-page .prod-listing .prod-holder{margin: 60px 0;}
.inner-page .prod-listing .prod-holder .img-holder{max-width: 340px; width: 100%; display: inline-block; vertical-align: top;}
.inner-page .prod-listing .prod-holder .content-holder{max-width: 655px; width: 100%; display: inline-block; vertical-align: top; margin-left: 20px; padding-left: 20px;}
.inner-page .prod-listing .prod-holder .content-holder h3{font-family: 'Bebas'; font-size: 30px;}
.inner-page .prod-listing .prod-holder .content-holder ul{margin-bottom: 10px;}
.inner-page .prod-listing .prod-holder .content-holder ul li{display: inline-block; vertical-align: bottom; margin:0 5px 0 0;}
.inner-page .prod-listing .prod-holder .content-holder ul li:after{content:','; display: inline-block; vertical-align: bottom; }
.inner-page .prod-listing .prod-holder .content-holder ul li:last-child:after{display: none;}
.inner-page .prod-listing .prod-holder .content-holder ul li a{display: inline-block; font-size: 18px; color: #FFF;}
.inner-page .prod-listing .prod-holder .content-holder p{font-size: 18px;}
.inner-page .prod-listing .prod-holder .content-holder h4{margin: 15px 0; font-size: 30px; color: #e3cbff; font-family: 'Bebas';}
.inner-page .prod-listing .prod-holder .content-holder .btn{font-size: 30px; font-weight: 600;font-family: 'Bebas';}
.inner-page .prod-listing .prod-holder .content-holder .btn:after{content:url('../images/btn-arrow.png'); margin-left: 50px; }
.inner-page .prod-listing .prod-holder .content-holder .cat{font-size: 16px; margin: 10px 0;}


.contact-content .img-holder{display: inline-block; vertical-align: middle; max-width: 525px; width: 100%;}
.contact-content .form-container{display: inline-block; vertical-align: middle; max-width: 490px; border-radius: 5px; overflow: hidden;width: 100%;}
.contact-content .form-container .header-holder{padding: 30px; text-align: center; background: #210d2d;}
.contact-content .form-container h3{font-family: 'Bebas'; color: #FFF; font-size: 30px;}
.contact-content .form-container p{color: #FFF; font-size: 18px; text-align: left;}
.contact-content .form-holder{padding: 30px; background: #6fb7e7;}
.contact-content .form-holder li{margin: 10px 0;}
.contact-content .form-holder label{display: block; color: #121212; font-size: 14px; font-weight: 300; margin-bottom: 5px;}
.contact-content .form-holder li input{width: 100%; border:none; border-radius: 3px; min-height: 35px; padding: 10px;}
.contact-content .form-holder textarea{width: 100%; border:none; border-radius: 3px; min-height: 135px; padding: 10px;}
.contact-content .form-holder .btn-holder{margin: 20px 0 5px;}
.contact-content .form-holder .btn-holder .btn{color:#FFF; font-size: 16px; padding: 10px 40px;background: #d5b132;letter-spacing: 1px; border:2px solid #FFF;}
.contact-content .form-holder .btn-holder .btn:hover{background: #edc22c;}

#webapp_cover
{
    position: relative;
    display: none;
    width: 39px;
    margin: 0 auto;
}

#menu_button
{
    width: 39px;
    overflow: hidden;
}

#menu_checkbox
{
    display: none;
}

#menu_label
{
    position: relative;
    display: block;
    height: 29px;
    cursor: pointer;
}

#menu_label:before, #menu_label:after, #menu_text_bar
{
    position: absolute;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #fff;
}

#menu_label:before, #menu_label:after
{
    content: '';
    transition: 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) left;
}

#menu_label:before
{
    top: 0;
}

#menu_label:after
{
    top: 12px;
}

#menu_text_bar
{
    top: 24px;
}

#menu_text_bar:before
{
    content: 'MENU';
    position: absolute;
    top: 5px;
    right: 0;
    left: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    text-align: center;
}

#menu_checkbox:checked + #menu_label:before
{
    left: -39px;
}

#menu_checkbox:checked + #menu_label:after
{
    left: 39px;
}

#menu_checkbox:checked + #menu_label #menu_text_bar:before
{
    animation: moveUpThenDown 0.8s ease 0.2s forwards, shakeWhileMovingUp 0.8s ease 0.2s forwards, shakeWhileMovingDown 0.2s ease 0.8s forwards;
}

@keyframes moveUpThenDown
{
    0%{ top:0; }
    50%{ top:-27px;}
    100%{ top:-14px; }
}

@keyframes shakeWhileMovingUp
{
    0%{ transform: rotateZ(0); }
    25%{ transform:rotateZ(-10deg); }
    50%{ transform:rotateZ(0deg); }
    75%{ transform:rotateZ(10deg); }
    100%{ transform:rotateZ(0); }
}

@keyframes shakeWhileMovingDown
{
    0%{ transform:rotateZ(0); }
    80%{ transform:rotateZ(3deg); }
    90%{ transform:rotateZ(-3deg); }
    100%{ transform:rotateZ(0); }
}

@media only screen and (max-width: 1340px){
  .homepage .quick-links .content-listing{max-width: 800px; margin: 0 auto;}
  .homepage .quick-links .content-listing .content{margin: 20px;}
  header .wrapper:after{content:''; height:25px; width: 100%; background: url('../images/header-bot.png') no-repeat; background-position: center; background-size: 95%;}
  .homepage .software-forex .slider-holder{max-width: 90%; margin: 0 auto;}
  .homepage .software-forex .slider-holder2{max-width: 90%; margin: 0 auto;}
}
@media only screen and (max-width: 1250px){
    .homepage .benefits-sec{background-position: 130% 50%;}
}
@media only screen and (max-width: 1105px){
  .homepage .quick-links .col{margin: 10px;}
  .contact-content{text-align: center;}
  .contact-content .form-holder{text-align: left;}

}
@media only screen and (max-width: 1095px){
  .inner-page .prod-listing .prod-holder{text-align:center;}
  .inner-page .prod-listing .prod-holder .content-holder{margin: 20px auto; text-align: left;}
}
@media only screen and (max-width: 1021px){
  .homepage .quick-links .col{margin: 10px auto; display: block; }
  .homepage .quick-links .arbi-cryp{max-width: 420px;}
  .homepage .quick-links .arbi-cryp img{width: 100%;}
  .homepage .benefits-sec{background-position: 200% 50%;}

}
@media only screen and (max-width: 950px){
  .homepage .benefits-sec{background: url('../images/ben-mobile.png') no-repeat; background-position: 50% 120%; background-size: 100%; text-align: center;padding-bottom: 500px;}
  .homepage .benefits-sec .benefit-holder{margin: 20px auto; text-align: left;}
}
@media only screen and (max-width: 860px){
  .flex-direction-nav .flex-next{right:-35px;}
  .flex-direction-nav .flex-prev{left:-40px;}
  .homepage .benefits-sec{padding-bottom: 440px;}
  .homepage .software-forex .software-holder{max-width: 320px;}
}
@media only screen and (max-width: 800px){
  .homepage .banner-holder .content-holder{padding: 20px;}
#webapp_cover{display: inline-block;}
header .nav-holder{display: none;position: fixed; top:0; left: 0; height:100vh; width:300px; background:#6b5889; z-index: 9999; padding: 20px;}
header .nav-holder a.btn-mob{display: block; color: #FFF; float: right; margin: 10px 0; border-bottom:5px solid #FFF;}
header ul li{display: block; width: 100%;}
header ul li a{display: block; width: 100%;}
}
@media only screen and (max-width: 700px){
.homepage .benefits-sec{padding-bottom: 415px; background-position: 50% 105%;}
.upper-footer .logo-holder{float: none; margin: 10px auto; text-align: center;}
.nav-footer{float: none; text-align: center;}
}
@media only screen and (max-width: 599px){
.homepage .software-forex .software-holder{margin: 0 auto;}
.homepage .benefits-sec{padding-bottom: 350px;}
footer ul li{margin: 10px 0; width: 100%;}
.inner-page .banner-holder{min-height: 250px; }
.inner-page .banner-holder .content-holder{padding: 20px; text-align: center;}
.inner-page .prod-listing .prod-holder .content-holder h3{font-size: 23px;}
.inner-page .prod-listing .prod-holder .content-holder ul li a{font-size: 15px;}
.inner-page .prod-listing .prod-holder .content-holder p{font-size: 14px;}
.inner-page .prod-listing .prod-holder .content-holder .cat{font-size: 12px;}
}
@media only screen and (max-width: 485px){
  .homepage .banner-holder .content-holder h1{font-size: 50px; line-height: 50px;}
  .homepage .banner-holder .content-holder h2{font-size: 35px;}
  .homepage .banner-holder .content-holder h4{font-size: 18px; }
  .homepage .benefits-sec{padding-bottom:260px;}
  .contact-content .form-container h3{font-size: 25px;}
  .contact-content .form-container p{font-size: 14px;}
  .contact-content .form-holder{font-size: 20px;}

}
@media only screen and (max-width: 400px){
  .homepage .software-forex .software-holder{max-width: 320px; width: 100%;}
  .homepage .quick-links .content-listing .content{margin: 20px auto;}

}
@media only screen and (max-width: 350px){
  .homepage .benefits-sec{padding-bottom:210px;     background-position: 50% 100%;}
}