/* 
    Theme Name: spotoption
    Author: Adi Tikochinsky
*/
/******************* reset css *****************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    -webkit-font-smoothing: antialiased;
    margin: 0 ;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
html {
height: 100%;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, .pagesList-container ul ,.header ul ,#index ul,.contentSection .contentMain .title ul{
    list-style: none;
}
blockquote, q {
    quotes: none;
}
body{
    margin: 0;
    padding: 0;
    border: 0;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input,
button,
input:focus,
button:focus{
    border: 0px #000 solid;
    *ie-dummy: expression(this.hideFocus=true);
}
a{
    text-decoration: none;
}
strong{
    font-weight: 700;
}
em{
    font-style: italic;
}
/******************* end reset css *****************************/

/******************* general css *****************************/
.hidden{
    display: none;
}

.section{
    position: relative;
    overflow: hidden;
}

.section .content{
    position: relative;
    margin: 0 auto;
    width: 1100px;
    height: 100%;
}
.popup#login .box h2,.popup#openAccount .box h2{
    font-size: 30px;
    font-family: 'Roboto Condensed', Arial;
    font-weight: 400;
    background: #000;
    color: #fff;
    width: 360px;
    text-align: center;
    margin-left: 18px;
    margin-top: 15px;
}
#openAccount .boxSubtitle{
    width: 330px;
}
.boxSubtitle{
    font-size: 26px;
    font-weight: 700;
    color: #5D5C5C;
    display: block;
    width: 130px;
    padding-bottom: 20px;
}
.loginbox,.formopenAccount{
   padding: 25px 0 0 0; 
}

#openAccount .formopenAccount{
   padding: 5px 0 0 0px; 
}
#child{
    margin-left:50px
}
#userLoginForm {
   font-size: 13px;
   height: 70px;
   line-height: 25px;
}
#loginRemember {
    margin: 14px 0;
    font-size: 14px;
    color: #777777;
}
.loginForgotPass{
    height: 42px;
    width: 316px;
}
#inputForgotpassword {
float: right;
line-height: 45px;
color: #000;
font-size: 12px;
font-weight: 700;
text-decoration: underline;
cursor: pointer;
margin-right: -44px;
display: none;
}
#openAccount .loginForgotPass input{
    float: left;
    background: #57126A;
    width: 213px;
    color: #fff;
    height: 42px;
    font-size: 16px;
    font-weight: 300;
    border-radius: 2px;
    cursor: pointer;
}
.loginForgotPass input{
    float: left;
    background: url('images/sprite_popuplogin.png') no-repeat -17px -527px;
    width: 155px;
    color: #fff;
    height: 42px;
    font-size: 16px;
    font-weight: 300;
    cursor: pointer;
}
#loginRemember input{
    float: left;
}
.loginBoxInputSmall.captcha{
    height: 70px;
}
.loginBoxInputSmall{
    font-size: 13px;
    height: 80px;
    line-height: 25px;
}
.loginBoxInputSmall#right{
    float: left;
    width: 152px;
}
.loginBoxInputSmall input{
    width: 140px;
    height: 30px;
    border: 2px solid #B9B8B8;
    border-radius: 2px;
    text-indent: 6px;
}
#userLoginForm input{
    width: 291px;
    height: 30px;
    border: 2px solid #B9B8B8;
    border-radius: 2px;
    text-indent: 6px;
}
/*#openAccount .loginForgotPass{
    margin-top: 15px;
}*/
.loginOpenAccount , .loginSingIn{
    color: #484848;
    font-weight: 700;
    height: 65px;
    /*margin-top: 15px;*/
    line-height: 28px;
}
 .loginSingIn input {
    background: #2D5218;
    width: 213px;
    color: #fff;
    height: 42px;
    font-size: 16px;
    font-weight: 300;
    border-radius: 2px;
    cursor: pointer;
}
.loginOpenAccount input{
    background: url('images/sprite_popuplogin.png') no-repeat -17px -577px;
    width: 155px;
    color: #fff;
    height: 42px;
    font-size: 16px;
    font-weight: 300;
    cursor: pointer;
}
.sepLogin{
    border: 1px solid #979797;
    margin-top: 20px;
    width: 350px;
    margin-left: 45px;
}
#openAccount img{
    border: 1px solid #AEAEAE;
    margin-left: 1px;
    width: 143px;
    height: 34px;
}
.popup{
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 50;
}

.popup .screen{
    background: url('images/screenPattern.png');
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.popup .box{
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 30px 10px 10px;
    border-radius: 5px;
    width: 914px;
    height: 514px;
    margin: -278px 0 0 -467px;
}
.popup#login .box,.popup#openAccount .box,.popup#forgotPassword .box {
    position: absolute;
        top: 50%;
        left: 50%;
        background: url('images/sprite_popuplogin.png') no-repeat -5px -4px;
        width: 436px;
        height: 429px;
        margin: -216px 0 0 -214px;
        border: none;
        padding: 45px 0;
}
.popup .box .close{
    position: absolute;
    top: -17px;
    left: -17px;
    background: url('images/spotoptionSprite.png') no-repeat -1819px -2448px;
    width: 34px;
    height: 34px;
    cursor: pointer;
}
.popup#login .box .close, .popup#openAccount .box .close,.popup#forgotPassword .box .close{
    position: relative;
        top: -6px;
        left: -21px;
        background: url('images/sprite_popuplogin.png') no-repeat -446px -28px;
        width: 14px;
        height: 14px;
        cursor: pointer;
        float: right;
}
#forgotPasswordbox {
padding: 50px;
}
#forgotPasswordbox p {
font-size: 12px;
font-family: 'Roboto Condensed', Arial;
}
@keyframes blink{
    0%   {opacity: 0.35;}
    50%  {opacity: 1;}
    100% {opacity: 0.35;}
}
@-webkit-keyframes blink{ /* Safari and Chrome */
    0%   {opacity: 0.35;}
    50%  {opacity: 1;}
    100% {opacity: 0.35;}
}
.category-news .title .post-categories li a{
color: #000000 !important;
text-transform: capitalize;
}

/******************* end general css *****************************/
/*******************  content css *****************************/
/* 
    Document   : meta
    Created on : 25/04/2013, 16:29:26
    Author     : adit
    Description:
        Purpose of the stylesheet follows.
*/

.contentSection{
    padding: 90px 0 0;
    background: #fff url('images/contentBg.jpg') -10px 0 no-repeat;
}
.contentSection .contentMain{
    width: 968px;
    margin-left: 8px;
    float: left;
        min-height: 720px;
}
.contentSection .contentMain .title{
    display: block;
    height: 72px;
    line-height: 72px;
        font-family: 'Roboto Condensed', Arial;
        font-weight: 400;
    font-size: 30px;
}
.contentSection .contentMain .background{
    background: #fff;
    border-radius: 7px;
    width: 968px;
    float: left;
    box-shadow: 0 0 25px rgba(0,0,0,0.5);
    /*padding-top: 300px;*/
    position: relative;
}
/*.category-news .contentSection .topImage{
        height: 390px;
}*/
.contentSection .topImage{
        height: 275px;
}
.category .page .post a{
    color:#024da2;
    background: url('images/arrow_s.gif') no-repeat 0px 5px;
    padding-left: 10px;
}
.category .page .post a:hover{
    text-decoration: underline;
}
.contentSection .topImage img.wp-post-image{
    /*background: transparent url('images/contentBgAbout.png') 0 0 no-repeat;*/
    position: relative;
        width: 100%;
        display: block;
        bottom: 115px;
}
.contentSection .topImage.brands{
    background: transparent url('images/contentBgBrands.png') 0 0 no-repeat;
    padding: 140px 83px 0 0;
    margin: -140px -83px 0 0;
}
.contentSection .topImage.binaryOptions{
    background: transparent url('images/contentBgBinaryOptions.png') 0 0 no-repeat;
    padding: 115px 0 0 0;
    margin: -115px 0 0 0;
}
.contentSection .topImage.solution{
    background: transparent url('images/contentBgSolution.png') 0 0 no-repeat;
    padding: 134px 27px 0 0;
    margin: -134px -27px 0 0;
}
.contentSection .topImage.whiteLabelProgram{
    background: transparent url('images/contentBgWhiteLabelProgram.png') 0 0 no-repeat;
    padding: 107px 83px 0 0;
    margin: -107px -83px 0 0;
}
.contentSection .topImage.infoCenter{
    background: transparent url('images/contentBgInfoCenter.png') 0 0 no-repeat;
    padding: 102px 83px 9px 0;
    margin: -102px -83px -9px 0;
}
.contentSection .topImage.regulation{
    background: transparent url('images/contentBgRegulation.png') 0 0 no-repeat;
    padding: 106px 83px 37px 0;
    margin: -106px -83px -37px 0;
}
.contentSection .topImage.contact{
    background: transparent url('images/contentBgContact.png') 0 0 no-repeat;
    padding: 138px 147px 0 0;
    margin: -138px -147px 0 0;
}

.contentSection .topImage .caption{
    position: absolute;
        top: 50px;
        left: 50px;
    color: #fff;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
    font-size: 25px;
    text-shadow: -1px -1px 2px rgba(0,0,0,0.8);
}
.contentSection .topImage .captionBy{
    opacity: 0.8;
    position: absolute;
        top: 215px;
        left: 30%;
    color: #fff;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
    font-size: 12px;
    text-shadow: -1px -1px 1px rgba(0,0,0,0.5);
}
.contentSection .topImage .captionBy .role{
    font-size: 10px;
    padding-left: 20px;
}
.contentSection .pagesList-container{
    float: left;
        width: 225px;
        margin-left: 0px;
        position: relative;
        z-index: 2;
        border-right: 1px solid #d5d4d4;
        padding-top: 50px;
}
.contentSection .pagesList .pageTab{
    width: 192px;
        padding-left: 45px;
        height: 83px;
        line-height: 75px;
        font-family: 'Roboto Condensed', Arial;
        margin-left: -12px;
        font-weight: 300;
        font-size: 16px;
        margin-bottom: 10px;
        /*letter-spacing: 1px;*/
        cursor: pointer;
}
.contentSection .pagesList .pageTab.current_page_item , .contentSection .pagesList .pageTab.current-menu-item menu-item-1716, .contentSection .pagesList .pageTab.current-menu-item{
    background: url('images/spotoptionSprite.png') no-repeat -697px -2609px;
    color: #fff;
    cursor: default;
}
.contentSection .pagesList .pageTab.current_page_item a, .contentSection .pagesList .pageTab.current-menu-item a{
    color: #fff;
        
}
.contentSection .pagesList .pageTab a{
    color: #000;
        display: block;
        width: 192px;
}
body.ru .contentSection .pagesList .pageTab a{
 font-size: 15px;
}
.contentSection .pagesHolder{
    float: right;
        width: 702px;
        padding: 50px 20px 20px 20px;
        position: relative;
        z-index: 2;
}

.contentSection .pagesHolder .page{
    font-family: arial;
    font-size: 14px;
    line-height: 24px;
    display: none;
}
.contentSection .pagesHolder .page.selected{
    display: block;
}
.contentSection .pagesHolder .page h3{
    font-size: 16px;
}

.contentSidebar{
    width: 71px;
        right: 0;
        position: fixed;
        
        top: 50%;
}
#videoHover{
        margin-top: 1px;
}
#contactHover{
         margin-top: 130px;
}
#platformHover{
      
       margin-top: 66px;
}
.contentSidebar:hover{
    width: 242px;
}
.contentSidebar .demoPointer{
    background: url('images/sidebar_btns.png') no-repeat -251px -9px;
        width: 71px;
        height: 65px;
        display: block;
        transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        cursor: pointer;
        float: right;
}
.contentSidebar .demoPointer:hover{
        background-position: -10px -9px;
        width: 242px;
        height: 65px;
}
.contentSidebar .platform{
    display: block;
        background: url('images/sidebar_btns.png') no-repeat -251px -74px;
        width: 71px;
        height: 64px;
        transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        cursor: pointer;
        float: right;
}
.contentSidebar .platform:hover{
    background: url('images/sidebar_btns.png') no-repeat -10px -74px;
        width: 242px;
    height: 64px;
        
}

.contentSidebar .contactLink{
    display: block;
        background: url('images/sidebar_btns.png') no-repeat -251px -138px;
        width: 71px;
        height: 63px;
        transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        cursor: pointer;
        float: right;
}

.contentSidebar .contactLink:hover{
    background: url('images/sidebar_btns.png') no-repeat -10px -138px;
        width: 242px;
    height: 63px;
        
}
#fixedSidebarTitle{
    position: fixed;
    right: 28px;
    top: 50%;
    margin-top: 169px;  
}
.sideCaptionContainer{
    width: 180px;
        padding-left: 10px;
        margin: 40px auto 0;
        position: relative;
        line-height: 36px;
        font-family: 'Roboto Condensed', Arial;
        font-weight: 300;
        font-size: 26px;
}

.sideCaptionContainer .quote{
    position: absolute;
    color: #777;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
    font-size: 100px;
    height: 105px;
    line-height: 105px;
}

.sideCaptionContainer .upperQuote{
    top: -16px;
    left: -26px;
}
.sideCaptionContainer .lowerQuote{
    bottom: -72px;
    right: -24px;
}
.brands a img.alignnone ,.brands img.alignnone {
        margin: 0 8px 8px 0;
}
/******************* end content css *****************************/
/******************* header css *****************************/
body{
    font-family: arial;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
    background: #fff;
}
#toppage{
    height: 94px;
}
.headerSection{
    width: 100%;
    background: url('images/diagonalStripes.gif') repeat;
    height: 88px;
    border-bottom: 6px solid #888;
    position: fixed;
    top: 0;
    z-index: 10;
}

.header{
    position: relative;
    margin: 0 auto;
    width: 1100px;
    height: 88px;
}
#index{
    margin: 0 auto;
    width: 1100px;
}
.pageContainer {
    min-height: 343px;
}

.logoSection{
    float: left;
    min-width: 10px;
        cursor: pointer;
}

.logo{
    background: url('images/spotoptionSprite.png') no-repeat -700px -2441px;
    width: 227px;
    height: 43px;
    float: left;
    min-width: 10px;
    margin: 16px 0 0 10px;
}

.logoCaption{
    float: left;
    min-width: 10px;
    clear: left;
    line-height: 26px;
    color: #989797;
    margin-left: 12px;
    font-size: 15px;
        font-family: 'Roboto Condensed', Arial;
        font-weight: 300;
}
/********** -menu css- *****/

/*fix for link to contact us*/

#lang_sel li{
    width: 78px;
}
#lang_sel .linkDrop{
    width: 78px;
    padding-top: 10px !important;
}
#lang_sel ul ul{
    z-index: 9999;
    border: none;
}
.topflag{
    
    background: url(images/arrow_down.png) 48px 5px no-repeat !important;
}
#droplang{
    float: right;
    margin-top: 13px;
}

#lang_sel a.lang_sel_sel:hover {
    text-decoration: none;
    color: #fff;
    
}
#lang_sel a.lang_sel_sel {
    background: url(images/flags.png) no-repeat 128px 8px;
    color: #fff;
    border: none;
}
#lang_sel a {
    background: none;
    border:none;
}
#lang_sel ul:hover .topflag{
    background: url(images/arrow_up.png) 48px 5px no-repeat !important;
}

#lang_sel img.iclflag {
width: 28px;
height: 20px;
}
.backgroundArrow{
    background: url('images/arrowUp.png') center 0 no-repeat;
    height: 7px;
    width: 72px;
}
.linkDrop li.first_child a{
    border-radius: 5px 5px 0 0;
}
.linkDrop li:last-child a{
    border-radius: 0 0 5px 5px;
}
.flag1{
    background-position: 8px -25px;
}
.flag2{
    background-position: center -67px;
}
.flag3{
    background-position: center -108px;
}
.flag4{
    background-position: center -150px;
}
.flag5{
    background-position: center -192px;
}
.flag6{
    background-position: center -232px;
}
.flag7{
    background-position: center -275px;
}
.flag8{
    background-position: center -316px;
}
.flag9{
    background-position: center -357px;
}

.menu-topnav-container{
    float: right;
    min-width: 10px;
    margin: -4px 16px 0 0;
    position: relative;
    z-index: 5;
}
.ie7 .menu-topnav-container{
    float: none;
    margin-top: 45px;
}
.nav-menu li{
    float: left;
        margin-left: -1px;
    min-width: 10px;
    position: relative;
    padding: 5px 0 23px;
    background-color: rgba(136,136,136,0);
    transition: background-color .7s;
    -webkit-transition: background-color .7s;
    -moz-transition: background-color .7s;
    -o-transition: background-color .7s;
}
.nav-menu li:hover,.nav-menu li.current-menu-item ,.nav-menu li.current-menu-ancestor{
        background-color: #888;
    background-color: rgba(136,136,136,1);
}
.nav-menu li.parent:hover{
    background-color: #888;
    background-color: rgba(136,136,136,1);
    background-image: url('images/arrowUp.png');
    background-repeat: no-repeat;
    background-position: center bottom;
}

.nav-menu li > a{
    display: block;
    border-left: 1px #888 solid;
    border-right-color: rgba(136,136,136,1);
    text-align: center;
    min-width: 10px;
    height: 12px;
    line-height: 12px;
    padding: 4px 7px 0;
    font-family: "Verdana";
    font-size: 14px;
    color: white;
    cursor: pointer;
    transition: border-color .3s;
    -webkit-transition: border-color .3s;
    -moz-transition: border-color .3s;
    -o-transition: border-color .3s;
}
.nav-menu li:hover + .nav-menu li > a{
    border-right-color: transparent;
    border-right-color: rgba(136,136,136,0);
}
.nav-menu li:first-child > a{
    border-left-width: 0;
}
.sub-menu{
    overflow: visible;
    position: absolute;
    top: 45px;
    left: 0;
}
.page-template-page-regular-php .sub-menu ,.home .sub-menu{
    top: 44px;
}
.gecko .sub-menu{
    top: 43px;
}
.sub-menu > li{
    margin-left: -125px;
    left: 125px;
    position: relative;
        clear: both;
        float: none;
        padding: 0;
        background: white;
        transition: height .3s linear, padding-top .3s linear, padding-bottom .3s linear, border-width .3s linear;
    -webkit-transition: height .3s linear, padding-top .3s linear, padding-bottom .3s linear, border-width .3s linear;
    -moz-transition: height .3s linear, padding-top .3s linear, padding-bottom .3s linear, border-width .3s linear;
    -o-transition: height .3s linear, padding-top .3s linear, padding-bottom .3s linear, border-width .3s linear;
        height: 0;
}

.nav-menu li:hover .sub-menu > li{
    height: auto;
}
.nav-menu li:hover .sub-menu > li:first-child{
    padding-top: 5px;
        
}
.nav-menu li:hover .sub-menu > li.last{
    padding-bottom: 7px;
}
.sub-menu > li.menu-item > a{
    color: inherit;
    display: block;
    height: 0;
    line-height: 0;
    padding: 0 9px;
    overflow: hidden;
    color: rgba(18,18,18,0);
    background: white;
    border: 0 #e9e9e9 solid;
    border-width: 0 1px;
    font-family: "Verdana";
    font-size: 14px;
    transition: height .3s linear, padding-top .3s linear, padding-bottom .3s linear, border-width .3s linear;
    -webkit-transition: height .3s linear, padding-top .3s linear, padding-bottom .3s linear, border-width .3s linear;
    -moz-transition: height .3s linear, padding-top .3s linear, padding-bottom .3s linear, border-width .3s linear;
    -o-transition: height .3s linear, padding-top .3s linear, padding-bottom .3s linear, border-width .3s linear;
}
.nav-menu li:hover .sub-menu > li > a{
    height: 34px;
    line-height: 34px;
    color: #121212;
    color: rgba(18,18,18,1);
    border-bottom-width: 1px;
        text-align: left;
}
.ie .nav-menu li .sub-menu > li > a{
    color: #121212;
}
.nav-menu li:hover .sub-menu > li:first-child > a{
    border-top-width: 1px;
}

.nav-menu li ul.sub-menu > li:hover > a{
        background: #f3f3f3;
    background: rgba(243,243,243,1);
}
/******** -end menu css- *******/
.awardMedal{
    position: absolute;
    top: 0;
    right: -175px;
    background: url('images/spotoptionSprite.png') no-repeat -2092px -903px;
    width: 193px;
    height: 250px;
}
.award{
    position: absolute;
    width: 125px;
    height: 120px;
    top: 69px;
    left: 24px;
}
.award1{
    background: url('images/spotoptionSprite.png') no-repeat -2205px -1313px;
    z-index: 2;
}
.award2{
    background: url('images/spotoptionSprite.png') no-repeat -2205px -1433px;
}
.award3{
    background: url('images/spotoptionSprite.png') no-repeat -2205px -1553px;
}
.award4{
    background: url('images/spotoptionSprite.png') no-repeat -2204px -1671px;
}
.headerLinks .flags{
    padding: 0;
    position: absolute;
    right: 5px;
    top: -40px;
}
.headerLinks .flags:hover{
    background-color: transparent;
}

.flags.link:hover .linkDrop > li:first-child{
    padding-top: 0; 
}
.flags.link:hover .linkDrop > li.last{
    padding-bottom: 0; 
}

.headerLinks .flags > a{
    width: 72px;
    height: 45px;
    padding: 0;
    text-align: right;
    border-width: 0;
    background-image: url('images/flags.png');
    background-repeat: no-repeat;
}
.headerLinks .flags .linkDrop a{
    width: 72px;
    padding: 0;
    border-left-width: 0;
    border-right-width: 0;
}
.headerLinks .flags:hover .linkDrop a{
    border-top-width: 1px;
    border-bottom-width: 0;
    height: 39px;
}

.headerLinks .flags .linkDrop li:hover a{
    background-color: transparent;
}
.headerLinks .flags:hover .linkDrop li:first-child a{
    border-top-width: 0;
}

.headerLinks .flags .linkDrop li{
    background-color: white;
    background-image: url('images/flags.png');
    background-repeat: no-repeat;
}
.headerLinks .flags .linkDrop li:hover{
    background-color: #f3f3f3;
}

.headerLinks .flags .linkDrop li:first-child{
    border-radius: 3px 3px 0 0;
}
.headerLinks .flags .linkDrop li:last-child{
    border-radius: 0 0 3px 3px;
}

.headerLinks .flags .dropArrow{
    display: inline-block;
    height: 7px;
    width: 8px;
    background: url('images/flags.png') no-repeat 0 0;
    margin-top: 16px;
    margin-right: 3px;
}
.headerLinks .flags:hover .dropArrow{
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
}

.headerLinks .flag1{
    background-position: 8px -25px;
}
.headerLinks .flag2{
    background-position: center -67px;
}
.headerLinks .flag3{
    background-position: center -108px;
}
.headerLinks .flag4{
    background-position: center -150px;
}
.headerLinks .flag5{
    background-position: center -192px;
}
.headerLinks .flag6{
    background-position: center -232px;
}
.headerLinks .flag7{
    background-position: center -275px;
}
.headerLinks .flag8{
    background-position: center -316px;
}
.headerLinks .flag9{
    background-position: center -357px;
}
/******************* end header css *****************************/


/*******************  section1 css *****************************/
.section1{
    height: 865px;
    background: #fff url('images/bg1.jpg') center 0 repeat-x;
}

.section1 .captionLarge{
    padding-top: 38px;
    font-size: 45px;
    color: #fff;
    line-height: 52px;
        font-family: 'Roboto Condensed', Arial;
        font-weight: 300;
    text-transform: uppercase;
    letter-spacing: -1px;
}
.section1 .captionLarge h1{
    background: #000;
    padding: 0 12px 2px;
    display: inline-block;
    margin: 2px 0;
}

.section1 .captionSmall{
    padding: 10px 0 0 3px;
    font-size: 18px;
    color: #242423;
    line-height: 22px;
        font-family: 'Roboto Condensed', Arial;
        font-weight: 300;
}
.section1 .contactBtn{
    margin: 30px 0 0 -10px;
    background: url('images/spotoptionSprite.png') no-repeat -977px -2322px;
    width: 266px;
    height: 75px;
    display: block;
    float: left;
    line-height: 58px;
    color: #fff;
    text-align: center;
    font-size: 27px;
        cursor: pointer;
}
.section1 .contactBtn:hover{
    background-position: -977px -2397px;
}

.section1 .demoPointer{
float: left;
position: relative;
background: url('images/video.png') no-repeat 0 0;
width: 134px;
height: 97px;
margin: 10px 0;
z-index: 2;
border: 4px solid #fff;
}
.section1 .demoPointer .openDemo{
display: block;
background: url('images/play.png') no-repeat -15px -14px;
width: 43px;
height: 43px;
left: 164px;
margin-top: 28px;
margin-left: 42px;
}
.section1 .demoPointer .openDemo:hover{
    background-position: -75px -14px;
}

.section1 .listTitle{
    clear: both;
    color: #000;
    font-size: 30px;
        font-family: 'Roboto Condensed', Arial;
        font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 0 45px;
}

.section1 .points{
    display: block;
    margin: 25px 0 0 50px;
    width: 350px;
}

.section1 .points > li{
    display: block;
    min-height: 48px;
    padding: 2px 0 18px 68px;
    background: url('images/spotoptionSprite.png') no-repeat;
}
.section1 .points > li .big{
    font-size: 20px;
    line-height: 22px;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
}
.section1 .points > li .small{
    font-size: 11px;
    line-height: 14px;
    font-family: arial;
    display: inline-block;
}

.section1 .points > li.front{
    background-position: -2276px -645px;
}
.section1 .points > li.trade{
    background-position: -2276px -0px;
}
.section1 .points > li.cms{
    background-position: -2276px -510px;
}
.section1 .points > li.crm{
    background-position: -2276px -390px;
}
.section1 .points > li.risk{
    background-position: -2276px -110px;
}
.section1 .points > li.payment{
    background-position: -2276px -250px;
}

.section1 #girl{
    background: url('images/spotoptionSprite.png') no-repeat -1216px 0;
    width: 954px;
    height: 813px;
    position: absolute;
    bottom: 0;
    left: 46%;
    margin-left: -185px;
}
.section1 #ipad1{
    background: url('images/ipad.png') no-repeat 0 0;
    width: 504px;
    height: 624px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: 300px;
}
body.ja .section1 #ipad1{
    background: url('images/ipad_jap.png') no-repeat 0 0;
}
body.zh-hans .section1 #ipad1{
    background: url('images/ipad_ch.png') no-repeat 0 0;
}
body.de .section1 #ipad1{
    background: url('images/ipad_ger.png') no-repeat 0 0;
}
body.it .section1 #ipad1{
    background: url('images/ipad_ita.png') no-repeat 0 0;
}
body.ru .section1 #ipad1{
    background: url('images/ipad_rus.png') no-repeat 0 0;
}
body.es .section1 #ipad1{
    background: url('images/ipad_spa.png') no-repeat 0 0;
}
body.fr .section1 #ipad1{
    background: url('images/ipad_fra.png') no-repeat 0 0;
}
.section1 #ipad1 .btn{
    display: block;
    background: url('images/btn_bg.png') no-repeat 0 0;
    width: 257px;
    height: 75px;
    position: absolute;
    top: 246px;
    left: 75px;
    color: #5B0069;
    z-index: 10;
    /*opacity: 0.50;
    animation-name: blink;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    /* Safari and Chrome: */
    /*-webkit-animation-name: blink;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;*/
}
.section1 .arowIpad{
background: url('images/arrow.gif') no-repeat 0 0;
width: 39px;
height: 15px;
float: left;
}
.section1 #ipad1 .btn .small{
font-family: arial;
font-size: 14px;
padding: 8px 0 0 26px;
text-align: left;
width: 165px;
float: left;
font-weight:500;
}

.section1 #ipad1 .btn .big{
font-family: 'Roboto Condensed', Arial;
font-weight: 500;
font-size: 24px;
line-height: 30px;
padding: 1px 0 0 26px;
text-align: left;
width: 165px;
float: left;
}
/******************* end section1 css *****************************/

/******************* end section2 css *****************************/
.section2{
    height: 1900px;
    background: #fff url('images/bg2.jpg') center 0 repeat-x;
}

.section2 #ipad2{
    background: url('images/spotoptionSprite.png') no-repeat 0 -121px;
    width: 1158px;
    height: 893px;
    position: absolute;
    top: 110px;
    left: 50%;
    margin-left: -10px;
}

.section2 #ipad2 .textHolder{
    width: 738px;
    height: 200px;
    margin: 65px 0 0 80px;
    position: relative;
}

.section2 #ipad2 .textHolder .text{
    z-index: 2;
    display: inline-block;
    text-align: center;
    font-size: 23px;
    line-height: 30px;
        font-family: 'Roboto Condensed', Arial;
        font-weight: 300;
    letter-spacing: -1px;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    left: 270px;
    padding-bottom: 10px;
    text-shadow: 0 0 1px rgba(0,0,0,0.5);
}

.section2 #ipad2 .caption{
    z-index: 2;
    width: 237px;
    min-height: 36px;
    line-height: 36px;
    position: absolute;
    top: 306px;
    left: 418px;
    font-size: 30px;
    letter-spacing: -1px;
        font-family: 'Roboto Condensed', Arial;
        font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    color: #777;
    padding: 0;
    text-shadow: -1px -1px 3px #fff;
    -webkit-mask-image: 
        -webkit-gradient(linear, left top, left bottom, 
            from(rgba(0,0,0,0.5)), 
            to(rgba(0,0,0,1)));
}

.section2 #android{
    position: absolute;
    top: 190px;
    left: 50%;
    margin-left: -140px;
    background: url('images/spotoptionSprite.png') no-repeat -1221px -894px;
    width: 389px;
    height: 670px
}
.section2 #iphone{
    position: absolute;
    top: 140px;
    left: 50%;
    margin-left: -10px;
    background: url('images/spotoptionSprite.png') no-repeat -1647px -883px;
    width: 395px;
    height: 816px;
}

.section2 .caption{
    width: 335px;
    text-align: right;
    font-size: 50px;
    letter-spacing: -2px;
    text-transform: uppercase;
        font-family: 'Roboto Condensed', Arial;
        font-weight: 300;
    color: #fff;
    padding-top: 200px;
    line-height: 56px;
}

.section2 .smartphoneApps{
    margin-top: 10px;
    width: 335px;
    text-align: right;
        display: none;
}

.section2 .smartphoneApps .text{
    color: #fff;
    font-size: 23px;
        font-family: 'Roboto Condensed', Arial;
        font-weight: 300;
}

.section2 .smartphoneApps .icons{
    margin-top: 10px;
}

.section2 .smartphoneApps .androidMarket{
    float: right;
    background: url('images/spotoptionSprite.png') no-repeat -1132px -2504px;
    width: 106px;
    height: 45px;
}

.section2 .smartphoneApps .appStore{
    float: right;
    margin-right: 10px;
    background: url('images/spotoptionSprite.png') no-repeat -977px -2504px;
    width: 135px;
    height: 45px;
}
.section2 .content .content2{
    position: absolute;
    top: 930px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.section2 #fruitApple{
    position: absolute;
    top: 900px;
    left: 50%;
    margin-left: -445px;
    background: url('images/spotoptionSprite.png') no-repeat -574px -1211px;
    width: 512px;
    height: 523px;
}

.section2 .useIntegration{
    color: #262626;
    padding: 0 0 100px 105px;
    background: url('images/spotoptionSprite.png') no-repeat -40px 200px;
    margin: 135px 0 0 390px;
}

.section2 .useIntegration .title{
        font-family: 'Roboto Condensed', Arial;
        font-weight: 300;
    font-size: 51px;
    line-height: 44px;
    text-transform: uppercase;
    letter-spacing: -2px;
}

.section2 .useIntegration .title .big{
        font-family: 'Roboto Condensed', Arial;
        font-weight: 400;
    font-size: 68px;
    line-height: 60px;
}

.section2 .useIntegration .desc{
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
    font-size: 26px;
    line-height: 28px;
    position: relative;
    left: -35px;
    padding-top: 7px;
}
body.de .section2 .useIntegration .desc{
    font-size: 20px;
}
.section2 .useIntegration .desc .big{
    height: 28px;
    line-height: 28px;
    display: inline-block;
    font-size: 90px;
    position: relative;
    top: 21px;
    padding: 0 2px;
}
.section2 .useIntegration .desc .big2{
    top: -21px;
}

.section2 .content2 #colorLines{
    position: absolute;
    top: 330px;
    left: 162px;
    background: url('images/spotoptionSprite.png') no-repeat 0 -2319px;
    width: 649px;
    height: 159px;
}

.section2 .content2 .integrationTexts{
    position: absolute;
    bottom: 0;
    left: 20px;
    height: 480px;
}

.section2 .content2 .integrationTexts .box{
    width: 230px;
    float: left;
    margin: -15px 15px;
    overflow: visible;
    position: relative;
}

.section2 .content2 .integrationTexts .box4 .title{
    width: 250px;
}

.section2 .content2 .integrationTexts .box .title{
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
    font-size: 20px;
}
.section2 .content2 .integrationTexts .box .title .big{
    font-size: 26px;
}

.section2 .content2 .integrationTexts .box .boxDesc{
    padding-top: 12px;
        font-family: 'Roboto Condensed', Arial;
        font-weight: 300;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 27px;
}
body.de .section2 .content2 .integrationTexts .box .boxDesc {
line-height: 23px;
}
.section2 .content2 .integrationTexts .box .boxDesc ol{
    padding-left: 30px;
    list-style-type: decimal;
    list-style: decimal;
    letter-spacing: 0;
    margin-top: 5px;
}
/******************* end section2 css *****************************/

/******************* section3 css *****************************/
.section3{
    height: 637px;
    position: relative;
    z-index: 1;
    background: #fff url('images/bg3_text.png') center 0 repeat-x;
}

.section3 .content .images{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.section3 .content .set img{
    position: absolute;
    z-index: 2;
    opacity: 1;
    filter:alpha(opacity=100);
     transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
}

.section3 .content .set img.hover{
    opacity: 0.01;
    filter:alpha(opacity=1);
}
.section3 .content .set img.color{
    opacity: 0.01;
    filter:alpha(opacity=1);
}
.section3 .content .set img.color.hover{
    opacity: 1;
    filter:alpha(opacity=100);
}


.section3 .content .set img.slot1{
    top: 66px;
        left: 28%;
}
.section3 .content .set img.slot2{
    top: 66px;
        left: 43%;
}
.section3 .content .set img.slot3{
    top: 146px;
        left: 21%;
}
.section3 .content .set img.slot4{
    top: 146px;
        left: 35%;
}
.section3 .content .set img.slot5{
    top: 301px;
        left: 20%;
}
.section3 .content .set img.slot6{
    top: 301px;
        left: 35%;
}
.section3 .content .set img.slot7{
    top: 391px;
        left: 28%;
}
.section3 .content .set img.slot8{
    top: 391px;
        left: 42%;
}
.section3 .content .set img.slot9{
    top: 472px;
        left: 20%;
}
.section3 .content .set img.slot10{
    top: 472px;
        left: 35%;
}
.section3 .content .set img.slot11{
    top: 66px;
        left: 72%;
}
.section3 .content .set img.slot12{
    top: 66px;
        left: 57%;
}
.section3 .content .set img.slot13{
    top: 146px;
        left: 80%;
}
.section3 .content .set img.slot14{
    top: 146px;
        left: 65%;
}
.section3 .content .set img.slot15{
    top: 301px;
        left: 80%;
}
.section3 .content .set img.slot16{
    top: 301px;
        left: 65%;
}
.section3 .content .set img.slot17{
    top: 391px;
        left: 72%;
}
.section3 .content .set img.slot18{
    top: 391px;
        left: 58%;
}
.section3 .content .set img.slot19{
    top: 472px;
        left: 65%;
}
.section3 .content .set img.slot20{
    top: 472px;
        left: 50%;
}
.section3 .content .set img.slot21{
    top: 227px;
        left: 28%;
}
.section3 .content .set img.slot22{
    top: 227px;
        left: 72%;
}
.section3 .content .set img.slot23{
    top: 472px;
        left: 80%;
}
.section3 .content .set img.slot24{
    top: 555px;
        left: 28%;
}
.section3 .content .set img.slot25{
    top: 555px;
        left: 43%;
}
.section3 .content .set img.slot26{
    top: 555px;
        left: 58%;
}
.section3 .content .set img.slot27{
    top: 555px;
        left: 72%;
}

.section3 .content .button{
    /*opacity: 0.6;
    filter:alpha(opacity=60);*/
    text-align: center;
    line-height: 86px;
    width: 42px;
    height: 86px;
        cursor: pointer;
    position: absolute;
    margin-top: -58px;
    /*background: #222;
    background: rgba(104,42,135,1);
    box-shadow: 
        0 0 30px 40px rgba(35,35,35,1) inset,
        0 0 30px 40px rgba(35,35,35,1) inset,
        0 0 20px -20px rgba(150,100,180,0);*/
        
    border-radius: 6px;
    top: 50%;
     /*transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;*/
}

.section3 .content .button.next.active{
    opacity: 1;
    filter:alpha(opacity=100);
        background:url('images/sidebar_btns.png') no-repeat -182px -231px;
}
.section3 .content .button.prev.active{
    opacity: 1;
    filter:alpha(opacity=100);
        background:url('images/sidebar_btns.png') no-repeat -130px -232px;
}

.section3 .content .button .img{
    display: inline-block;
    width: 36px;
    height: 57px;
    vertical-align: middle;
    /*opacity: 0.7;
     transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;*/
    position: relative;
    left: 0;
}

.section3 .content .button.prev{
    left: 0;
}
.section3 .content .button.next{
    right: 0;
}

.section3 .content .button.active:hover{
    /*box-shadow: 
        0 0 40px 10px rgba(35,35,35,.7) inset,
        0 0 30px 40px rgba(35,35,35,.4) inset,
        0 0 40px 0 rgba(150,100,180,.8);*/
}

.section3 .content .button.active:hover .img{
    opacity: 1;
}
.section3 .content .button.prev{
    background:url('images/sidebar_btns.png') no-repeat -10px -232px;
}
.section3 .content .button.next{
    background:url('images/sidebar_btns.png') no-repeat -301px -230px;
}
.section3 .content .button.active.prev:hover{
    /*left: -5px;*/
        background:url('images/sidebar_btns.png') no-repeat -70px -232px;
}
.section3 .content .button.active.next:hover{
        /*left: 5px;*/
        background:url('images/sidebar_btns.png') no-repeat -242px -231px;
}

.section3 .content .sectionTitle{
        font-family: 'Roboto Condensed', Arial;
        font-weight: 400;
        font-size: 29px;
        text-transform: uppercase;
        line-height: 40px;
        position: absolute;
        letter-spacing: -1px;
        left: 0;
}
.testimonials .small{
        font-family: arial;
        font-size: 14px;
        line-height: 30px;
        display: none;
}
.testimonials .big{
        font-family: 'Roboto Condensed', Arial;
        font-weight: 300;
        font-size: 24px;
        line-height: 25px;
        margin-top: 17px;
}
.section3 .content .testimonials{
    display: block;
    background: url('images/spotoptionSprite.png') no-repeat -1503px -2418px;
    width: 261px;
    height: 75px;
    line-height: 62px;
    text-indent: 20px;
    position: absolute;
    top: 10px;
    right: -38px;
    font-family: arial;
    font-size: 28px;
    opacity: 0.55;
    filter: alpha(opacity=55);
     transition: opacity .5s;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    color: #fff;
}
.section3 .content .testimonials:hover{
    opacity: 1;
    filter: alpha(opacity=100);
}

.section3 .content .sectionTitle .big{
    font-size: 60px;
}

.section3 .content .topText{
    width: 600px;
        margin-left: -300px;
        height: 44px;
        line-height: 45px;
        position: absolute;
        left: 50%;
        font-family: 'Roboto Condensed', Arial;
        font-weight: 400;
        font-size: 33px;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        display: none;
}

.section3 .content .middleText{
    width: 300px;
    margin-left: -150px;
    position: absolute;
    top: 113px;
    left: 50%;
        font-family: 'Roboto Condensed', Arial;
        font-weight: 300;
    font-size: 32px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
        display: none;
}
.section3 .content .middleText .bird{
    background: url('images/spotoptionSprite.png') no-repeat -699px -2319px;
    width: 172px;
    height: 82px;
    display: inline-block;
}

.section3 .content .middleText .text{
    margin-top: -30px;
        line-height: 27px;
        font-size: 25px;
}

.section3 .content .middleText .text .big{
    font-size: 49px;
        line-height: 0px;
}

.section3 .content .middleText .text .huge{
    font-size: 97px;
        display: inline-block;
        height: 54px;
        position: relative;
        top: 0px;
        display: none;
}

.section3 .content .bottomText{
    width: 600px;
        margin-left: -300px;
        height: 48px;
        line-height: 53px;
        position: absolute;
        bottom: 0;
        left: 50%;
        font-family: 'Roboto Condensed', Arial;
        font-weight: 300;
        font-size: 22px;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        display: none;
}
/******************* end section3 css *****************************/
/******************* section4 css *****************************/
.section4{
    height: 1360px;
    background: #fff url('images/bg_1.png') center 0 no-repeat;
    background-position: 50% 74px !important;
}

.section4 .content{
    width: 1212px;
}

.section4 .title{
    font-size: 60px;
    line-height: 100px;
        font-family: 'Roboto Condensed', Arial;
        font-weight: 400;
    text-align: center;
    padding-top: 7px;
}

.section4 .column{
    width: 404px;
    float: left;
    position: relative;
}
.section4 .column1 .image{
background: url('images/spotoptionSprite_1.png') no-repeat -32px -60px;
width: 428px;
height: 435px;
margin-top: 218px;
margin-left: -48px;
}
.section4 .column2 .image{
    background: url('images/spotoptionSprite_1.png') no-repeat -560px -77px;
    width: 399px;
    height: 418px;
    margin-top: 234px;
}
.section4 .column3 .image{
    background: url('images/spotoptionSprite_1.png') no-repeat -1027px -23px;
    width: 462px;
    height: 472px;
    margin-top: 179px;
}

.section4 .column .text{
margin-top: 8px;
font-family: 'Roboto Condensed', Arial;
font-weight: 300;
font-size: 18px;
line-height: 26px;
padding: 0 40px 0 43px;
word-spacing: 5px;
width: 349px;
}
.section4 .column .text a{
    color:#000;
}
.section4 .column .text .colTitle{
font-family: arial;
font-size: 26px;
line-height: 48px;
text-transform: uppercase;
}

.section4 .column .text ul{
    list-style: disc;
    padding-left: 26px;
}
/******************* end section4 css *****************************/
/******************* forgot password css *****************************/
#forgotPasswordContainer{
    margin: 0 auto;
    width: 320px;
}
#forgot{
    color: #5D5C5C;
    font-size: 29px;
    font-family: 'Roboto Condensed', Arial;
    font-weight: 700
}
#forgotPasswordContainer p{
    font-size: 12px;
    font-family: 'Roboto Condensed', Arial;
}
#forgotInput{
    font-size: 13px;
}
#forgotInput #inputEmail{
    width: 291px;
    height: 30px;
    border: 1px solid #B9B8B8;
    border-radius: 2px;
    margin-top: 3px;
}
#forgotInput #inputCode{
    width: 140px;
    height: 30px;
    border: 1px solid #B9B8B8;
    border-radius: 2px;
    float: left;
    margin-top: 3px;
}
#forgotInput .captchaImage{
    border: 1px solid #AEAEAE;
    margin-left: 5px;
    width: 143px;
    height: 31px;
    margin-top: 3px;
}
#middel{
    padding-top: 15px;
}
#forgotInput input[name="confirmEmail"]{
    float: left;
    background: #57126A;
    width: 140px;
    color: #fff;
    height: 42px;
    font-size: 16px;
    font-weight: 300;
    margin-top: 15px;
    border-radius: 2px;
}
/******************* end forgot password css *****************************/
/******************* footer css *****************************/
.footer{
    /*height: 700px;*/
    height: 20px;
    background: #181818 url('images/diagonalStripes2.gif') center 0 repeat-x;
    color: #a49f9f;
    font-family: Arial;
    font-size: 16px;
        padding: 50px 0;
        clear: both;
}

#contactUs{
    position: absolute;
    top: 0;
    left: 50%;
}
.footer .left{
    width: 475px;
    float: left;
    margin: 35px 0 0 60px;
}
.footer .right{
    width: 475px;
    float: right;
    margin: 10px 0 0 0;
}

.footer .title{
        font-family: 'Roboto Condensed', Arial;
        font-weight: 700;
    font-size: 50px;
    color: #fff;
}

.footer .infoTitle{
    margin-top: 30px;
    color: #fff;
        display: none;
}
.footer .infoDesc{
    margin-top: 20px;
        display: none;
}
.footer .salesTitle{
    margin-top: 10px;
    color: #fff;
        
}
.footer .salesLink{
    margin-top: -17px;
        background: url('images/contact.png') no-repeat 113px 0px;
}
body.de .footer .salesLink{
    margin-left: 16px;
}
.footer .salesLink a{
        height: 20px;
        display: block;    
}
.footer .salesLink a,
.footer .salesLink a:visited,
.footer .salesLink a:active{
    color: #98a9e9;
    text-decoration: underline;
}
.footer .salesLink a:hover{
    color: #a9c7ff;
}

.footer .phonesTitle{
    margin-top: 10px;
    color: #fff;
}

.footer .phoneIcon{
    display: inline-block;
    background: url('images/spotoptionSprite.png') no-repeat -1503px -2524px;
    width: 35px;
    height: 21px;
}

.footer .phonesList{
    margin-top: 10px;
    color: #fff;
    line-height: 36px;
    text-transform: uppercase;
}

.footer .phonesList .flag{
    display: inline-block;
    padding-right: 15px;
    width: 35px;
    height: 22px;
    vertical-align: middle;
}
.footer .cyprusFlag{
    background: url('images/spotoptionSprite.png') no-repeat -1665px -2519px;
}
.footer .ukFlag{
    background: url('images/spotoptionSprite.png') no-repeat -1720px -2519px;
}
.footer .japanFlag{
    background: url('images/spotoptionSprite.png') no-repeat -1775px -2518px;
}
.footer .hongKong{
    background: url('images/spotoptionSprite.png') no-repeat -1832px -2519px;
}

.contactForm{
    display: block;
    padding-top: 10px;
}

.contactForm label{
    display: block;
    margin-top: 13px;
    font-size: 14px;
}
.contactForm label[for="contact_message"]{
    margin-top: 20px;
}
.contactForm input[type="text"],.contactForm input[type="email"]{
    margin-top: 3px;
    display: block;
    width: 260px;
    height: 38px;
    line-height: 38px;
    color: #555;
    font-size: 16px;
    border-radius: 4px;
    box-shadow: -5px -5px 14px rgba(0,0,0,0.25) inset;
    text-indent: 5px;
}
.contactForm textarea{
    font-family: arial;
    margin-top: 3px;
    display: block;
    width: 415px;
    height: 110px;
    padding: 5px;
    line-height: 22px;
    color: #555;
    font-size: 16px;
    border-radius: 4px;
    box-shadow: -5px -5px 14px rgba(0,0,0,0.25) inset;
}
.contactForm #submit{
margin-top: 15px;
background: url('images/spotoptionSprite.png') no-repeat -1273px -2322px;
width: 200px;
height: 53px;
line-height: 53px;
color: #fff;
text-align: center;
text-transform: capitalize;
font-size: 20px;
cursor: pointer;
float: left;
clear: both;
}
.contactForm #SubmitDisabled{
display: none;
margin-top: 15px;
background: url('images/spotoptionSprite.png') no-repeat -1273px -2322px;
width: 200px;
height: 53px;
line-height: 53px;
color: #fff;
text-align: center;
text-transform: capitalize;
font-size: 20px;
cursor: pointer;
opacity: 0.4;
cursor: none;
  float: left;
  clear: both;
}
.contactForm input[type="submit"]:hover{
    background: url('images/spotoptionSprite.png') no-repeat -1273px -2390px;
}
#sendPointer{
    background: url('images/spotoptionSprite.png') no-repeat -1443px -1785px;
    width: 531px;
    height: 461px;
    position: absolute;
    bottom: -65px;
    left: 50%;
    margin-left: -930px;
}
.ContactusToptitle {
    font-family: Roboto Condensed;
    font-size: 92px;
    color: #fff;
    text-align: center;
}
.ContactusContent {
    font-size: 22px;
    margin-left: 55px;

}
.like {
    background: url('images/spotoptionSprite.png') no-repeat -2215px -1767px;
    width: 109px;
    height: 109px;
    margin: 0 auto;
}
/******************* end footer css *****************************/
/*******************  home css *****************************/
#preloader{
    background: #ddd url('images/loader.gif') no-repeat center center;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
}
.ie7 #sideNavigation{
    width: 72px;
}
#sideNavigation{
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 30;
    margin-top: -250px;
}
body.page-template-page-spot-portal-php #sideNavigation{
    display:none;
}
body.page-template-page-spot-portal-php .contentSidebar {
display: none;
}
body.page-template-page-panel-portal-php #sideNavigation{
    display:none;
}
body.page-template-page-panel-portal-php .contentSidebar {
display: none;
}
#sideNavigation #link_section1,#sideNavigation #link_section{
    background: url('images/spotoptionSprite.png') no-repeat 0 -2568px;
    width: 71px;
    height: 62px;
    transition: background-position .3s;
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    -o-transition: background-position .3s;
    cursor: pointer;
}
#sideNavigation #link_section1:hover,#sideNavigation #link_section:hover{
    background-position: 0 -2630px;
}

#sideNavigation #linksBg{
    margin-top: 1px;
    background: rgba(0,0,0,0.8);
    padding: 15px 0;
}

#sideNavigation #linksBg *[id^="link_"]{
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    margin: 15px auto 0;
    background: #fff;
    transition: background .3s;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -o-transition: background .3s;
    cursor: pointer;
}
#sideNavigation #linksBg *[id^="link_"]:first-child{
    margin-top: 0;
}


#sideNavigation #link_section2:hover{
    background: #4b4a4a;
}
#sideNavigation #link_section2b:hover{
    background: #b4b4b4;
}
#sideNavigation #link_section3:hover{
    background: #2a2a2a;
}
#sideNavigation #link_section4:hover{
    background: #4d4c4d;
}
#sideNavigation #link_footer:hover{
    background: #0e0e0e;
}
#sideNavigation .facebook{
    display: block;
    margin-top: 1px;
    background: url('images/spotoptionSprite.png') no-repeat -81px -2486px;
    width: 71px;
    height: 62px;
    transition: background-position .3s;
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    -o-transition: background-position .3s;
    cursor: pointer;
}
#sideNavigation .ink{
    display: block;
    margin-top: 1px;
    background: url('images/spotoptionSprite.png') no-repeat -81px -2630px;
    width: 71px;
    height: 62px;
    transition: background-position .3s;
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    -o-transition: background-position .3s;
    cursor: pointer;
}
#sideNavigation .ink:hover{
    background-position: -152px -2630px;
}
#sideNavigation .facebook:hover{
    background-position: -152px -2486px;
}

#sideNavigation .tweeter{
    display: block;
    margin-top: 1px;
    background: url('images/spotoptionSprite.png') no-repeat -81px -2558px;
    width: 71px;
    height: 62px;
    transition: background-position .3s;
    -webkit-transition: background-position .3s;
    -moz-transition: background-position .3s;
    -o-transition: background-position .3s;
    cursor: pointer;
}

#sideNavigation .tweeter:hover{
    background-position: -152px -2558px;
}
/******************* end home css *****************************/

/*******************  asset index css *****************************/

.faqTitles {
  height: 42px;
  margin: 0 auto;
  padding-top: 20px;
}


ul.faqTitles li {
    color: #A3A3A3;
    font-size: 20px;
    width: 137px;
    height: 41px;
    cursor: pointer;
    float: left;
    line-height: 36px;
    text-align: center;
    text-transform: capitalize;
    font-family: 'Roboto Condensed', Arial;
    font-weight: 400;
}
ul.faqTitles li:hover{
    color:#000;
}

ul.faqTitles li.selected {
    color: #000;
    font-weight: 700;
    background: url("images/slices/2.0/circle_Commodities.png") no-repeat scroll transparent 9px 0px;
}
ul.faqTitles li:first-child.selected {
  margin-left: 0;
}
.curTab {
   margin-top: 15px;
   text-align: left;
   width: 740px;
   min-height: 370px;
}

.curTab div h2 {
  color: #005e5e;
  font-size: 14px;
  font-weight: bold;
  cursor: default;
  margin: 10px 20px;
  text-indent: 20px;
  padding-bottom: 8px;
  cursor: pointer;
}


.assetBotton {
    border-bottom: 1px solid #DADADA;
    margin: 0px 20px;
}


.curTab .post {
    background: #E8E5E5;
    color: #353535;
    font-size: 12px;
    line-height: normal;
    border-top: none;
    width: 679px;
    margin-left: 19px;
    padding: 10px;
    border: 1px solid #898888;
    margin-bottom:10px;
}


.asset.open h2 {
  background: url("images/slices/2.0/arrowSelected.png") no-repeat 0 5px;
}


.asset h2 {
  background: url("images/slices/2.0/arrowRegular.png") no-repeat 0 4px;
}


.asset #btnClose {
  /*background: url("images/slices/innerPages/windowClose.png") no-repeat 0 3px;*/
  width: 34px;
  height: 13px;
  float: right;
  display: none;
}


.asset.open #btnClose {
  display: block;
}
.pen{
    background: url("images/slices/pencil.png") no-repeat 0 0;
    width: 127px;
    height: 331px;
    float: right;
    position: relative;
    top: 174px; 
}
/******************* end asset index css *****************************/
/******************* faq, dictionary css *****************************/

.curTab.faq,.curTab.dictionary {
    width: 689px;
}
.curTab.faq .post,.curTab.dictionary .post {
    width: 628px;
}



/******************* end faq, dictionary css *****************************/
/******************* events css *****************************/
.curTab.event {
   width: 722px;

}
.contentSection .pagesHolderEvents {
float: right;
width: 722px;
padding: 50px 10px 20px 10px;
position: relative;
z-index: 2;
}
.boxevent{
    margin-bottom: 10px;
    min-height: 266px;
}
.boxEventchild{
    padding: 30px;
}
.boxevent span h2{
    color: #005e5e;
    font-size: 28px;
    font-weight: 700;
    cursor: default;
    line-height: 50px;
    padding-bottom: 0;
    border-bottom: 2px solid #d5d4d4;
    margin: 0;
}
.boxPic{
    width: 220px;
    height: 185px;
    float: left;
}

/******************* end events css *****************************/
/*******************  mini site css *****************************/
#so_container {
    margin-top: 10px;
}
#platformHolder{
    background: transparent !important;
}
.error{
    text-align: left;
    display: block;
    color: red;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Roboto Condensed', Arial; 
}
.page-template-howtotrade-minisite-php .header ,.page-template-assetIndex-php .header,.page-template-howtotradeEnter-php .header ,.page-template-tradingPlatform-php .header{
    width: 875px;
}
#loggedInBox{
    width: 400px;
    float: right;
}
.firstLine{
    width: 400px;
}
.titleText {
    float: left;
    font-family: arial;
    font-size: 12px;
    color: #444343;
    padding-left: 10px;
    width: 60px;
}
.balanceText{
    float: left;
    font-family: arial;
    font-size: 12px;
    color: #444343;
    padding-left: 10px;
    width: 160px;
}
.welcome{
    float: left;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    width: 100px;
}
#userBalance{
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    width: 100px;
}
.logoutLink {
    border: none;
    background: none;
    margin-top: -2px;
    float: right;
    cursor: pointer;
}
.menu-topnav-container-mini{
    float: right;
    min-width: 10px;
    margin: 44px -77px 0 0;
    position: relative;
    z-index: 5;
}
.bgminisite #index{
    width: 875px;
    margin: 94px auto;
}
.bgminisite{
    background: url("images/slices/clouds_bg.png") repeat-x 0 0 #FEFEFE;
    width: 100%;
}
.ie .box ,.gecko .box{
    padding-top: 38px;
}
.box {
  text-transform: capitalize;
  padding-top: 14px;
  position: relative;
}
.picHomehtr{
    background: url("images/sprite_howtotrade.png") 0 -26px;
    width: 361px;
    height: 217px;
    margin-left: -28px;
}
.box#title_htr{
    position: relative;
    bottom: 114px;
    left: 193px;
}
.box#trading h2{
    width: 345px;
}
.continerButton{
    width: 714px;
    height: 471px;
    margin-left: 53px;
    margin-top: -82px;
}
.continerButton a{
    width: 227px;
    height: 227px;
    float: left;
    display: block;
    padding: 3px;
    clear: right;
}
.continerButton a span{
    display: block;
    font-size: 27px;
    color: #6B6B6B;
    margin-top: 136px;
    font-weight: 700;
    text-align: center;
}
.continerButton a#binaryOption{
    background: url("images/sprite_howtotrade.png") -45px -254px;
}
.continerButton a#binaryOption:hover{
    background: url("images/sprite_howtotrade.png") -45px -772px;
}
.continerButton a#longTerm{
    background: url("images/sprite_howtotrade.png") -286px -254px;
}
.continerButton a#longTerm:hover{
    background: url("images/sprite_howtotrade.png") -286px -772px;
}
.continerButton a#oneTouch{
    background: url("images/sprite_howtotrade.png") -526px -254px;
}
.continerButton a#oneTouch:hover{
    background: url("images/sprite_howtotrade.png") -526px -772px;
}
.continerButton a#optionBuilder{
    background: url("images/sprite_howtotrade.png") -45px -495px;
}
.continerButton a#optionBuilder:hover{
    background: url("images/sprite_howtotrade.png") -45px -1013px;
}
.continerButton a#pairs{
    background: url("images/sprite_howtotrade.png") -285px -495px;
}
.continerButton a#pairs:hover{
    background: url("images/sprite_howtotrade.png") -285px -1013px;
}
.continerButton a#sixtySeconds{
    background: url("images/sprite_howtotrade.png") -526px -495px;
}
.continerButton a#sixtySeconds:hover{
    background: url("images/sprite_howtotrade.png") -526px -1013px;
}
.box#title_htr h2{
    font-size: 40px;
    font-family: 'Roboto Condensed', Arial;
    font-weight: 400;
    background: none;
    color: #000;
    display: inline;
    text-align: center;
   
}
.box h2 {
    font-size: 40px;
    font-family: 'Roboto Condensed', Arial;
    font-weight: 400;
    background: #000;
    color: #fff;
    display: inline;
    text-align: center;
    padding: 0 5px;
}
/******************* end mini site css *****************************/
/******************* how to trade general css *****************************/
.box a#pic60seconds1 img,.box a#picBinaryOption1 img,.box a#picLongTerm1 img,.box a#picPairs1 img{
    margin: 15px 0 0 -60px;
}
.box a#pic60seconds2 img ,.box a#picBinaryOption2 img{
    margin: 15px 0 0 0;
}
.box a#picLongTerm2 img,.box a#picPairs2 img{
    margin: 65px 0 0 0;
}
.box a#picOptionbuilder1 img{
    margin: 20px 0 0 -56px;
}
.box a#picOptionbuilder2 img{
    margin: 80px 0 0 0;
}
.box a#picOnetouch1 img{
    margin: 10px 0 0 0;
}
#penTrade.pen{
    right: 10px;
    top: 331px;
}
.boxsNumber{
    width: 227px;
    position: absolute;
}
.boxsNumber .numbers{
    float: left;
    font-family: 'Roboto Condensed', Arial;
    font-size: 104px;
    font-weight: 700;
    top: 0;
}
.boxsNumber .contentHowtoTrade{
    position: relative;
    top: 31px;
    width: 100%;
}
.boxsNumber div span.titleNember{
    font-family: 'Roboto Condensed', Arial;
    font-size: 20px;
    font-weight: 700;
}
.boxsNumber div span.contentNember{
    font-family: 'Roboto Condensed', Arial;
    font-size: 14px;
    color: #6D6D6D;
    line-height: 17px;
    font-weight: 400;
    display: block;
}
/******************* end how to trade general css *****************************/
/******************* how to trade binary option  *****************************/
.binary-option-mini #one {
    top: 122px;
    left: 0px;
}
.binary-option-mini #two {
    top: 122px;
    left: 320px;
}
.binary-option-mini #three{
    top: 160px;
    right: 108px;
}
.binary-option-mini #payout{
    top: 465px;
    right: 65px;
}
.binary-option-mini #four{
    top: 625px;
    right: 124px;
}
.binary-option-mini #tradrs{
    top: 680px;
    left: 0;
}
.binary-option-mini #manageTardeup {
    top: 950px;
    left: 0;
}
.binary-option-mini #manageTardeDown {
    right: 390px;
    top: 870px;
}
.binary-option-mini #manageTardemiddel {
    top: 937px;
    right: 109px;
}
.binary-option-mini #manageTardemiddel_more {
    top: 1703px;
    right: 131px;
}
.binary-option-mini .boxsNumber#four .contentHowtoTrade{
    width: 317px;
}
/*******************end  how to trade binary option*****************************/
/*******************  how to trade Long term*****************************/
.long-term #one {
    top: 122px;
    left: 0px;
}
.long-term #two {
    top: 122px;
    left: 320px;
}
.long-term #three{
    top: 160px;
    right: 108px;
}
.long-term #payout{
    top: 455px;
    right: 45px;
}
.long-term #four{
    top: 617px;
    right: 124px;
}
.long-term #tradrs{
    top: 742px;
    left: 129px;
}
.long-term #manageTardeup {
    top: 1138px;
    right: 80px;
}
.long-term #manageTardeDown {
    right: 366px;
    top: 1205px;
}
.long-term #manageTardemiddel {
    top: 937px;
    right: 109px;
}
.long-term #manageTardemiddel_more {
    top: 1703px;
    right: 131px;
}
.long-term .boxsNumber#four .contentHowtoTrade{
     width: 320px;
 }
.long-term .boxsNumber#payout .contentHowtoTrade{
     width: 195px;
}
/*******************end  how to trade Long term*****************************/
/******************* how to trade one touch  *****************************/
.one-touch-mini #one {
    top: 200px;
    left: 246px;
}
.one-touch-mini #two {
    top: 371px;
    left: 304px;
}
.one-touch-mini #three {
    top: 234px;
    right: 86px;
}
.one-touch-mini #payout {
    top: 560px;
    right: 72px;
}
.one-touch-mini #four {
    top: 760px;
    right: 65px;
}
.one-touch-mini #tradrs {
    top: 970px;
    right: 160px;
}
.one-touch-mini #manageTardeup {
    top: 947px;
    left: 17px;
}
.one-touch-mini #manageTardeDown {
    right: 100px;
    top: 1240px;
}
.one-touch-mini #manageTardemiddel{
    top: 1440px;
    left: 305px;
}
.one-touch-mini .boxsNumber#two .contentHowtoTrade{
    width: 133px;
}
.one-touch-mini .boxsNumber#payout .contentHowtoTrade{
    width: 255px;
}
.one-touch-mini .boxsNumber#manageTardeup  .contentHowtoTrade{
    width: 188px;
}
.one-touch-mini .boxsNumber#tradrs  .contentHowtoTrade{
    width: 250px;
}
/*******************end how to trade one touch  *****************************/
/******************* how to trade Option builder  *****************************/
.option-builder-mini #one {
    top: 130px;
    left: 0px;
}
.option-builder-mini #two {
    top: 130px;
    left: 355px;
}
.option-builder-mini #three {
    top: 150px;
    right: 50px;
}
.option-builder-mini #four {
    top: 765px;
    right: 400px;
}
.option-builder-mini #payout {
    top: 700px;
    right: 135px;
}
.option-builder-mini #tradrs {
    top: 665px;
    left: 15px;
}
.option-builder-mini #manageTardeup {
    top: 915px;
    right: 310px;
}
.option-builder-mini #manageTardeDown {
    right: 390px;
    top: 1290px;
}
.option-builder-mini .boxsNumber#four  .contentHowtoTrade{
    width: 320px;
}
.option-builder-mini .boxsNumber#tradrs  .contentHowtoTrade{
    width: 195px;
}
.option-builder-mini .boxsNumber#manageTardeup  .contentHowtoTrade{
    width: 260px;
}
/*******************end how to trade Option builder *****************************/
/******************* how to trade pairs  *****************************/
.pairs #one{
    top: 120px;
    left: 0;
}
.pairs #two {
    top: 105px;
    left: 300px;
}
.pairs #three {
    top: 160px;
    right: 70px;
}
.pairs #four {
    top: 665px;
    left: 0;
}
.pairs #payout {
    top: 685px;
    right: 150px;
}
.pairs #tradrs {
    top: 935px;
    left: 0;
}
.pairs #manageTardeup {
    top: 860px;
    left: 255px;
}
.pairs #manageTardeDown {
    right: 110px;
    top: 915px;
}
.pairs #manageTardemiddel {
    right: 125px;
    top: 1560px;
}
.pairs .boxsNumber#two  .contentHowtoTrade{
    width: 240px;
}
.pairs .boxsNumber#payout  .contentHowtoTrade{
    width: 260px;
}
.pairs .boxsNumber#four  .contentHowtoTrade{
    width: 200px;
}
.pairs .boxsNumber#manageTardeup  .contentHowtoTrade{
    width: 245px;
}
.pairs .boxsNumber#manageTardemiddel  .contentHowtoTrade{
    width: 245px;
}
/*******************end how to trade pairs  *****************************/
/******************* how to trade 60 seconds  *****************************/
.sixty-seconds #one {
    top: 140px;
    left: 0;
}
.sixty-seconds #two {
    top: 135px;
    left: 345px;
}
.sixty-seconds #three {
    top: 170px;
    right: 85px;
}
.sixty-seconds #payout {
    top: 460px;
    right: 65px;
}
.sixty-seconds #four {
    top: 610px;
    right: 115px;
}
.sixty-seconds #tradrs {
    top: 680px;
    left: 0;
}
.sixty-seconds #manageTardeup {
    top: 1055px;
    right: 100px;
}
.sixty-seconds #manageTardeDown {
    right: 290px;
    top: 1210px;
}
.sixty-seconds .boxsNumber#four  .contentHowtoTrade{
    width: 320px;
}
/*******************end how to trade 60 seconds  *****************************/
.cbp-spmenu {
    display: none;
}
.buttonMobile {
    display: none;
}
.title_des{
position: relative;
margin-top: -382px;
left: 13px;
}
#sep{
    margin-top: 120px;
}
/************************ Languages ************************************/

/************************ brands **************************************/
.brandsBox {
width: 100%;
height: 244px;
margin: 10px 0 10px;
}
.imgBrands {
float: left;
}
.titleBrands {
font-size: 23px;
text-transform: uppercase;
margin: 0px 0 4px;
}
.contentBrands {
float: left;
width: 411px;
margin-left: 10px;
}
.websiteBrands {
margin: 14px 0 0 0;
font-size: 13px;
}
.websiteBrands a{
    color:#000;
}
.textBrands {
font-size: 12px;
line-height: 18px;
color: #8D8D8D;
}
.borderImg{
    background: url('images/separator.png') no-repeat 0 0;  
    width: 686px;
    height: 1px;
    float: left;
    padding-bottom: 12px;
    padding-top: 12px;
}
.testBrands {
font-weight: bold;
}


/* Testimonial Page */
.testimonial_box {
    border-top: 1px solid #C4C4C4;
    padding: 20px 0 7px 0;
    min-height: 222px;
}

.label_big_image {
float: left;
}

.clear{
    clear: both;
}

.testimonial_right_side {
    float: left;
    width: 273px;
}

.label_logo {
    width: 200px;
    height: auto;
    margin-left: 16px;
}

.label_url {
    padding-left: 17px;
}

.label_url a{
    color: #000000;
}

.short_blurb {
    background: #FEFCE2;
    padding: 12px;
    font-weight: bold;
    line-height: 19px;
    width: 244px;
    margin-left: 13px;
    margin-top: 7px;
    border-radius: 6px;
}

.testimonial_read_more {
    float: right;
}

.testimonial_read_more div,
.read_sign{
    cursor: pointer;
    float: left;
}

.label_name {
    font-weight: bold;
    font-size: 18px;
    width: 200px;
    padding-left: 17px;
    padding-top: 2px;
}

.read_sign {
    width: 23px;
    height: 25px;
    background: url('images/sprite_testimonials.png') no-repeat -14px -16px;
    float: right;
    margin-left: 5px;
}

.testimonial_read_more div:nth-child(2){
    display: none;
}

.testimonial_read_more.open .read_sign{
    background: url('images/sprite_testimonials.png') no-repeat -77px -17px;
}

.testimonial_read_more.open div:nth-child(1) {
    display: none;
}

.testimonial_read_more.open div:nth-child(2) {
    display: block;
}

.blurb_bottom{
    background: url('images/sprite_testimonials.png') no-repeat -149px -19px;
    width: 20px;
    height: 18px;
    margin-left: 30px;
}

.testimonial_description{
    display: none;
    width: 100%;
    height: auto;
    padding: 10px 0;
}

div.testimonial_description p {
    margin: 10px 0;
}

.testimonial_description h3 {
    margin-top: 10px;
    font-weight: bold;
}
#butoonSpotPartnes{
float: right;
background: url('images/spot-portal/ebook_sprite.png') no-repeat -15px -19px;
width: 194px;
height: 36px;
color: #D5CAD5;
text-transform: uppercase;
cursor: pointer;
margin-right: 15px;
font-size: 14px;
font-family: 'Roboto Condensed', Arial;
line-height: 39px;
text-indent: 44px;
}
body.it #butoonSpotPartnes {
font-size: 11px;
}
body.es #butoonSpotPartnes {
font-size: 9px;
text-indent: 39px;
}
body.fr #butoonSpotPartnes {
font-size: 10px;
}
.mainBanner{
background: url('images/spot-portal/banner.png') no-repeat 0 0;
width: 100%;
min-height: 100%;
background-position: top center;
float: left;
}
.contentSection.portalPage{
padding: 0; 
}
div.mainPortal {
width: 1100px;
height: 715px;
margin: 0 auto;
padding-top: 54px;
}
body.page-template-page-spot-portal-php div.mainPortal {
width: 880px;
}
div#loginPortal {
background: url('images/spot-portal/ebook_sprite.png') no-repeat -15px -99px;
width: 290px;
height: 309px;
padding: 0 16px 0 19px;
clear: both;
margin-top: 140px;
float: left;
border-radius: 0 0 15px 15px;
}
div.titlePortal {
color: #F9F9F8;
text-align: center;
font-size: 29px;
font-family: 'Roboto Condensed', Arial;
margin-bottom: 15px;
}
input#EmailPortal {
background: #fff;
border: 1px solid #5F5D57;
height: 35px;
width: 273px;
padding-left: 5px;
border-radius: 3px;
color: #B8B8B8;
}
input.passwordPortal {
background: #fff;
border: 1px solid #5F5D57;
height: 35px;
width: 273px;
padding-left: 5px;
border-radius: 3px;
color: #B8B8B8;
}
input#captchaPortal {
background: #fff;
border: 1px solid #5F5D57;
height: 35px;
width: 130px;
padding-left: 5px;
border-radius: 3px;
color: #B8B8B8;
}
#loginPortal div#right {
float: left;
}
div.loginSmallPortal.captcha {
float: left;
background: #fff;
height: 38px;
margin-left: 6px;
border-radius: 2px;
}
input#submitPortal {
background: url('images/spot-portal/ebook_sprite.png') no-repeat -15px -669px;
width: 276px;
height: 75px;
}
input#submitPortal {
background: url('images/spot-portal/ebook_sprite.png') no-repeat -15px -669px;
width: 276px;
height: 75px;
font-family: 'Roboto Condensed', Arial;
font-size: 25px;
color: #fff;
margin-top: 10px;
cursor: pointer;
}
input#submitPortal:hover {
background: url('images/spot-portal/ebook_sprite.png') no-repeat -345px -669px;
}
div#ForgotpasswordPortal {
font-size: 14px;
color: #49A7EF;
text-decoration: underline;
font-weight: bold;
margin-top: 15px;
float: right;
margin-right: 10px;
}
#loginPortal div.checkBoxPortal {
color: #B0B0B0;
font-weight: bold;
font-size: 13px;
margin-top: 15px;
float: left;
}
#loginPortal input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
#loginPortal label {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 25px;
margin-right: 15px;
font-size: 13px;
}
#loginPortal .checkbox label {
margin-bottom: 10px;
}
#loginPortal input[type=radio], input[type=checkbox] {
display: none;
}
#loginPortal label:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-right: 10px;
position: absolute;
left: 0;
bottom: 1px;
background-color: transparent;
box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255,0);
border: 1px solid #ccc;
}
#loginPortal .checkbox label:before {
border-radius: 3px;
}
#loginPortal input[type=checkbox]:checked + label:before {
content: "\2713";
text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
font-size: 15px;
color: #f3f3f3;
text-align: center;
line-height: 15px;
}
#loginPortal div.inputPortal {
height: 52px;
}
div.welcomePortalText {
background: rgba(0,0,0,0.4);
padding: 0px 10px;
color: #fff;
font-size: 39px;
text-transform: uppercase;
width: 208px;
font-family: 'Roboto Condensed', Arial;
float:left;
}
div.welcomePortalText.panel {
background: rgba(0,0,0,0.8);
color: #fff;
}
div.secondPortalText.panel{
background: rgba(0,0,0,0.8);
color: #fff;    
}
div.littlePortalText.panel{
    color:#383838;
    float: left;
margin-left: 20px;
}
div.secondPortalText {
background: rgba(0,0,0,0.4);
padding: 0px 10px;
color: #fff;
font-size: 46px;
text-transform: uppercase;
width: 474px;
font-family: 'Roboto Condensed', Arial;
font-weight: bold;
margin-top: 5px;
float:left;
clear:both;
}
div.littlePortalText {
padding: 0px 10px;
color: #fff;
font-size: 29px;
text-transform: uppercase;
width: 337px;
font-family: 'Roboto Condensed', Arial;
float: right;
line-height: 34px;
}
.mainBanner.panel {
background: #fff url('images/contentBg.jpg') -10px 0 no-repeat; 
}
.mainBanner.panel div.mainPortal{
width: 1100px;
}
div#framePanelDivs {
clear: both;
min-height: 400px;
margin-top: 70px;
float: left;
width: 100%;
height: auto;
}
div.divsPanel {
background: url('images/spot-portal/ebook_sprite.png') no-repeat 0 0;
width: 192px;
height: 384px;
float: left;
padding: 10px;
margin-left: 10px;
}
div.divsPanel.one{
background-position: -15px -790px;
margin-left:0;
}
div.divsPanel.two{
background-position: -239px -790px;
}
div.divsPanel.three{
background-position: -465px -790px;
}
div.divsPanel.four{
background-position: -14px -1214px;
}
div.divsPanel.five{
background-position: -239px -1214px;
}
div.titlePanel {
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
margin-top: 110px;
width: 188px;
height: 52px;
margin-bottom: 0;
}
div.innerTextPanel {
color: #444444;
font-size: 14px;
text-align: center;
line-height: 19px;
height: 160px;
}
div.buttonPanel {
background: url('images/spot-portal/ebook_sprite.png') no-repeat -15px -1630px;
width: 151px;
height: 40px;
margin: 0 auto;
color: #fff;
text-align: center;
line-height: 38px;
font-family: 'Roboto Condensed', Arial;
font-size: 17px;
}
div.buttonPanel a{
color: #fff;
width: 151px;
position: absolute;
margin-left: -76px;
height: 40px;
}
.section1 div.WheelMainDiv{
float: left;
clear: both;
z-index: 1;
position: relative;
}
.section1 div.wheelDiv{
background: url('images/wheel.png') no-repeat 0 0;
width: 367px;
height: 367px;
float: left;
clear: both;
z-index: 1;
position: relative;
}
body.zh-hans .section1 div.wheelDiv{
background: url('images/wheel_ch.png') no-repeat 0 0;   
}
body.ja .section1 div.wheelDiv{
background: url('images/wheel_jap.png') no-repeat 0 0;  
}
body.de div.wheelDiv{
background: url('images/wheel_ger.png') no-repeat 0 0;    
}
body.it div.wheelDiv{
background: url('images/wheel_ita.png') no-repeat 0 0;    
}
body.ru div.wheelDiv{
background: url('images/wheel_rus.png') no-repeat 0 0;    
}
body.es div.wheelDiv{
background: url('images/wheel_spa.png') no-repeat 0 0;    
}
body.fr div.wheelDiv{
background: url('images/wheel_fra.png') no-repeat 0 0;    
}
body.zh-hans .innerWheelDiv{
background: url('images/360_ch.png') no-repeat 0 0; 
}
body.ja .innerWheelDiv{
background: url('images/360_jap.png') no-repeat 0 0;    
}
body.de .innerWheelDiv{
background: url('images/360_ger.png') no-repeat 0 0; 
}
body.it .innerWheelDiv{
background: url('images/360_ita.png') no-repeat 0 0; 
}
body.ru .innerWheelDiv{
background: url('images/360_rus.png') no-repeat 0 0; 
}
body.es .innerWheelDiv{
background: url('images/360_spa.png') no-repeat 0 0; 
}
body.fr .innerWheelDiv{
background: url('images/360_fra.png') no-repeat 0 0; 
}
.section1 .innerWheelDiv{
background: url('images/360.png') no-repeat 0 0;
width: 148px;
height: 148px;
margin: 109px;
z-index: 999;
position: relative;
}
.section1 div#waveDiv {
background: url('images/wave.png') no-repeat 0 0;
width: 979px;
height: 533px;
position: absolute;
right: 15%;
top: 13%;
}
.section1 div.shadowDiv {
background: url('images/top_shade.png') repeat-x;
width: 100%;
height: 339px;
position: absolute;
bottom: 0;
right: 0;
left: 0;
}
.section1 div.textShadowDiv {
background: url('images/text_platforms.png') no-repeat 0 0;
width: 1072px;
height: 113px;
margin:200px auto 0;    
}
body.zh-hans .section1 div.textShadowDiv{
background: url('images/text_platforms_ch.png') no-repeat 0 0;  
}
body.ja .section1 div.textShadowDiv{
background: url('images/text_platforms_jap.png') no-repeat 0 0; 
}
body.de .section1 div.textShadowDiv{
background: url('images/text_platforms_ger.png') no-repeat 0 0; 
}
body.it .section1 div.textShadowDiv{
background: url('images/text_platforms_ita.png') no-repeat 0 0; 
}
body.ru .section1 div.textShadowDiv{
background: url('images/text_platforms_rus.png') no-repeat 0 0; 
}
body.es .section1 div.textShadowDiv{
background: url('images/text_platforms_spa.png') no-repeat 0 0; 
}
body.fr .section1 div.textShadowDiv{
background: url('images/text_platforms_fra.png') no-repeat 0 0; 
}
.section1 div.shadowWheel {
background: url('images/shadow.png') no-repeat 0 0;
width:344px;
height: 105px;
clear:both;
float:left;
margin-top: -78px;
}
.section1 div.WheelMainDiv:hover > .bigger{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.section1 div.WheelMainDiv:hover > .jqurytest{
 transform:rotate(-720deg);
  -ms-transform:rotate(-720deg); /* IE 9 */
 -webkit-transform:rotate(-720deg); /* Opera, Chrome, and Safari */
-webkit-transition: 2s ease-in-out;
-moz-transition: 2s ease-in-out;
-o-transition: 2s ease-in-out;
transition: 2s ease-in-out;     
}
.jqurytest{
 transform:rotate(-720deg);
  -ms-transform:rotate(-720deg); /* IE 9 */
 -webkit-transform:rotate(-720deg); /* Opera, Chrome, and Safari */
-webkit-transition: 2s ease-in-out;
-moz-transition: 2s ease-in-out;
-o-transition: 2s ease-in-out;
transition: 2s ease-in-out;     
}
.endLoading{
 transform:rotate(-720deg);
-ms-transform:rotate(-720deg); /* IE 9 */
 -webkit-transform:rotate(-1080deg); /* Opera, Chrome, and Safari */
-webkit-transition: 6s ease-in-out;
-moz-transition: 6s ease-in-out;
-o-transition: 6s ease-in-out;
transition: 6s ease-in-out; 
}
.bigger {
-webkit-transition: 1s linear;
-moz-transition: 1s linear;
-o-transition: 1s linear;
transition: 1s linear;
  }
.bigger:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
  }
.endLoadingSecond{
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);  
}
.section1 div.textVideo.demoPointer {
float: left;
margin: 31px 0 0 14px;
line-height: 24px;
background: transparent;
width: 200px;
height: auto;
border:0px;
}
.section1 div.textVideo div.firstTextVideo {
font-weight: 500;
font-size: 19px;
}
.section1 div.textVideo a.secondtTextVideo.openDemo {
font-weight: 500;
cursor:pointer;
color:#000;
background: transparent;
width: 217px;
left:0;
margin-top:0;
margin-left:0;
}

/******************** Ebook Css *************************/
.bgIndex{
    background: url('images/ebook/slices/cover.png') top center no-repeat;
    width: 682px;
    height: 954px;
    margin:0 auto;
        /*-webkit-box-shadow: 0px 2px 25px rgba(68, 68, 68, 0.75);
    -moz-box-shadow: 0px 2px 25px rgba(68, 68, 68, 0.75);
    box-shadow: 0px 2px 25px rgba(68, 68, 68, 0.75);*/
}
.spotPageTitle{
    float:left;
    height: 58px;
    width: 100%;
}
.spotPageTitle#platform{
    background: url('images/ebook/sprites/sprite_innerPages.png') no-repeat -839px -646px;
}
.spotPageTitle#SitePlatform{
    background: url('images/ebook/sprites/sprite_innerPages.png') no-repeat -839px -742px;
}
.spotPageTitle#integrationTitle{
    background: url('images/ebook/sprites/sprite_innerPages.png') no-repeat -839px -839px;
}
body#page2 .containerIndex {
min-height: 544px;
padding-top: 361px;
z-index: 9999;
position: relative;
}
.containerIndex{
    width: 682px;
    min-height: 867px;
    height: auto;
    padding-top: 40px;
    margin: 0 auto;
    top: 0;
    z-index: 9999;
    position: absolute;
}
.ebookContent .containerInnerPg{
    width: 590px;
    min-height: 914px;
    height: auto;
    padding-top: 40px;
    margin-left: 30px;
    position: absolute;
    top: 0;
    z-index: 9999;
}
.container{
    background: url('images/ebook/slices/bg2.png') top center no-repeat #c5c3c4;
    width: 682px;
    min-height:200px;
    height: 964px;
    margin: 0 auto;
    /*-webkit-box-shadow: 0px 2px 25px rgba(255, 255, 255, 0.75);
-moz-box-shadow: 0px 2px 25px rgba(255, 255, 255, 0.75);
box-shadow: 0px 2px 25px rgba(255, 255, 255, 0.75);*/
}
.logoIndex{
    background: url('images/ebook/sprites/pdf_sprite.png') no-repeat -29px -22px;
    width: 267px;
    height: 69px;
    margin-left: 63px;
}
.imgMobileIndex{
    background: url('images/ebook/sprites/pdf_sprite.png') no-repeat -59px -479px;
    width: 374px;
    height: 359px;
    margin: 50px 0 0 48px;
}
.titleIndex{
    width: 502px;
    height: 269px;
    margin:80px 0 0 0;
    z-index: 9999;
    position: relative;
}
.logoSpot{
    background: url('images/ebook/sprites/sprite.png') no-repeat -48px -31px;
    width: 202px;
    height: 55px;
    margin: 0 0 20px 0;
}
.ebookContent .titleSpot{
width: 383px;
height: 122px;
margin: 67px 0 10px 0;
font-size: 55px;
font-family: 'Roboto Condensed', Arial;
font-weight: bold;
line-height: 58px;
}
#containerLinks{
    width: 600px;
    height: 200px;
    float: left;
    margin: 40px 0 20px 0;
}
#containerLinks a{
    color:#000;
    text-decoration: none;
    font-size:19px;
}
#containerLinks .linksSpot{
width: 130px;
height: 150px;
float: left;
margin-right: 50px;
font-weight: bold;
}
.bigTitle {
font-size: 29px;
font-weight: normal;
}
#containerLinks .linksSpot#last{
    margin-right:0px;
}
#containerLinks .linksSpot .imgLinks{
    background: url('images/ebook/sprites/sprite.png') no-repeat -56px -302px;
    width: 120px;
    height: 53px;
    margin: 10px 0 10px 0;
}
#containerLinks .linksSpot .imgLinks:hover{
    background: url('images/ebook/sprites/sprite.png') no-repeat -247px -302px;
    -webkit-box-shadow: 0px 0px 13px rgba(50, 50, 50, 1);
    -moz-box-shadow:    0px 0px 13px rgba(50, 50, 50, 1);
    box-shadow:         0px 0px 13px rgba(50, 50, 50, 1);
}

.imgMobile{
background: url('images/ebook/sprites/sprite.png') no-repeat -40px -422px;
width: 384px;
height: 309px;
margin: 0px 0 10px 0;
clear: both;
}
.mainDiv {
width: 1100px;
margin: 0 auto;
height: auto;
}

.ebookContent .titles {
margin: 0px 0 50px 0;
font-family: 'Roboto Condensed', Arial;
}
.midTitleDow{
font-weight: bold;
margin: 10px 0;
font-size: 30px;
float: left;
font-family: Tahoma;
clear: both;
}
.ebookContent .imgInnerPages{
width: 682px;
height:375px;
bottom: 0;
position: absolute;
margin-left: -30px; 
}
.imgInnerPages#img1{
background: url('images/ebook/slices/3.png') no-repeat; 
}
.imgInnerPages#img2{
background: url('images/ebook/slices/4.png') no-repeat;
height: 490px;
}
.imgInnerPages#img3{
background: url('images/ebook/slices/5.png') no-repeat;
height: 510px;
}
.imgInnerPages#img4{
background: url('images/ebook/slices/6.png') no-repeat;
height: 400px;
}
.imgInnerPages#img5{
background: url('images/ebook/slices/7.png') no-repeat;
height: 365px;
}
.imgInnerPages#img6{
background: url('images/ebook/slices/8.png') no-repeat;
height: 507px;
}
.ebookContent #titlePayment{
width: 549px;
height: 84px;
margin: 30px 0 0 0;
float: left;
}
.ebookContent #titlePayment div.textPayment.black {
background: #000;
color: #fff;
height: 37px;
float: left;
padding: 0px 10px;
font-size: 28px;
text-transform: uppercase;
line-height: 38px;
margin-left: 10px;
}
.ebookContent #titlePayment div.textPayment.pirple {
background: #3e105a;
background: -moz-linear-gradient(top, #3e105a 0%, #631373 50%, #8e1690 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e105a), color-stop(50%,#631373), color-stop(100%,#8e1690));
background: -webkit-linear-gradient(top, #3e105a 0%,#631373 50%,#8e1690 100%);
background: -o-linear-gradient(top, #3e105a 0%,#631373 50%,#8e1690 100%);
background: -ms-linear-gradient(top, #3e105a 0%,#631373 50%,#8e1690 100%);
background: linear-gradient(to bottom, #3e105a 0%,#631373 50%,#8e1690 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e105a', endColorstr='#8e1690',GradientType=0 );
color: #fff;
height: 37px;
float: left;
padding: 0px 10px;
font-size: 28px;
text-transform: uppercase;
line-height: 38px;
}
.ebookContent #titlePayment div.textPayment.pirple.last{
    margin-top:10px;
}
.ebookContent #titleClient{
width: 646px;
height: 131px;
margin: 10px 0 20px -10px;
font-family: 'Roboto Condensed', Arial;
}
.ebookContent #titleClient div.pirpleText {
float: left;
padding: 0 5px;
background: #d4d4d4;
background: -moz-linear-gradient(top, #d4d4d4 0%, #e8e8e8 50%, #fcfcfc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d4d4), color-stop(50%,#e8e8e8), color-stop(100%,#fcfcfc));
background: -webkit-linear-gradient(top, #d4d4d4 0%,#e8e8e8 50%,#fcfcfc 100%);
background: -o-linear-gradient(top, #d4d4d4 0%,#e8e8e8 50%,#fcfcfc 100%);
background: -ms-linear-gradient(top, #d4d4d4 0%,#e8e8e8 50%,#fcfcfc 100%);
background: linear-gradient(to bottom, #d4d4d4 0%,#e8e8e8 50%,#fcfcfc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#fcfcfc',GradientType=0 );
height: 35px;
font-size: 30px;
text-transform: uppercase;
color: #541269;
margin-left: 7px;
line-height: 30px;
margin-top:6px;
border-bottom:1px solid #C1C1C1;
border-right:1px solid #C1C1C1;
}
div.blackText {
float: left;
padding: 0 5px;
background: #d4d4d4;
background: -moz-linear-gradient(top, #d4d4d4 0%, #e8e8e8 50%, #fcfcfc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d4d4), color-stop(50%,#e8e8e8), color-stop(100%,#fcfcfc));
background: -webkit-linear-gradient(top, #d4d4d4 0%,#e8e8e8 50%,#fcfcfc 100%);
background: -o-linear-gradient(top, #d4d4d4 0%,#e8e8e8 50%,#fcfcfc 100%);
background: -ms-linear-gradient(top, #d4d4d4 0%,#e8e8e8 50%,#fcfcfc 100%);
background: linear-gradient(to bottom, #d4d4d4 0%,#e8e8e8 50%,#fcfcfc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#fcfcfc',GradientType=0 );
height: 35px;
font-size: 30px;
text-transform: uppercase;
color: #000;
margin-left: 7px;
line-height: 30px;
margin-top:6px;
border-bottom:1px solid #C1C1C1;
border-right:1px solid #C1C1C1;
}
.ebookContent .paraghraf {
height: 45px;
width: 550px;
font-family: 'Roboto Condensed', Arial;
}
.paraghraf.big {
height: 73px;
}
.paraghrafText {
line-height: 30px;
font-weight: bold;
font-size: 20px;
letter-spacing: 0.5px;
margin-left: 24px;
}
.blackDiv{
width: 14px;
height: 24px;
float: left;
background: url('images/ebook/sprites/pdf_sprite.png') no-repeat;
margin-top: 5px;
}
.blackDiv.whan{
background-position: -72px -1077px;
}
.blackDiv.two{
background-position: -72px -1108px;
}
.blackDiv.three{
background-position: -72px -1138px;
}
.blackDiv.four{
background-position: -72px -1169px;
}
.blackDiv.five{
background-position: -72px -1201px;
}
.blackDiv.six{
background-position: -72px -1231px;
}
.blackDiv.seven{
background-position: -72px -1262px;
}
.paraghrafDow{
line-height: 25px;
font-size: 18px;
font-family: TAHOMA;
float: left;
}
.dowUpLinks {
text-transform: uppercase;
text-align: left;
line-height: 25px;
font-size: 19px;
width: 471px;
margin: 48px auto 79px;
height: 60px;
float: left;
}
.dowUpLinks a {
color: #FEEBA0;
}
.textdowUpLinks {
padding-left: 73px;
padding-top: 14px;
}
.download{
    background: url('images/ebook/sprites/sprite_innerPages.png') no-repeat -838px -1465px;
    width: 200px;
    height: 53px;
    float:left;
}
.download:hover{
    background: url('images/ebook/sprites/sprite_innerPages.png') no-repeat -838px -1548px;
}
.upload{
width: 218px;
height: 85px;
float: right;
margin-top: -28px;
}
.uploads {
color: #469542;
text-transform: initial;
font-size: 14px;
text-align: center;
font-weight: bold;
padding-top: 15px;
background: url('images/ebook/sprites/webpage_sprite.png') no-repeat 102px -480px;
width: 600px;
height: 29px;
margin: -20px auto 0;
float: left;
font-family: Tahoma;
}
.uploadFiles {
float: right;
margin: 10px 0 10px 0;
border: 1px solid #ccc;
border-radius: 5px;
color:#000000;
}
.errors{
color: red;
text-transform: initial;
font-size: 14px;
text-align: center;
font-weight: bold;
padding-top: 15px;
background: url('images/ebook/sprites/webpage_sprite.png') no-repeat -47px -424px;
width: 483px;
height: 29px;
margin: -20px auto 0;
float: left;
font-family: Tahoma;

}
.submitButton{
background: url('images/ebook/sprites/sprite_innerPages.png') no-repeat -1101px -1465px;
width: 200px;
height: 53px;
border: 0;
color: #FEEBA0;
text-transform: uppercase;
font-size: 20px;
text-indent: 55px;
cursor: pointer;
}
.submitButton:hover{
background: url('images/ebook/sprites/sprite_innerPages.png') no-repeat -1101px -1548px;
}
input[type="file"]{
   -webkit-appearance: none;
   text-align: left;
   -webkit-rtl-ordering:  left;
}
input[type="file"]::-webkit-file-upload-button{
   -webkit-appearance: none;
   float: left;
   margin: 0 0 0 0px;
   border: 1px solid #aaaaaa;
   border-radius: 4px;
   background-image: -webkit-gradient(linear, left bottom, left top, from(#d2d0d0), to(#f0f0f0));
   background-image: -moz-linear-gradient(90deg, #d2d0d0 0%, #f0f0f0 100%);
}
.links {
text-align: left;
width: 173px;
float: right;
margin-top: 60%;
background: rgba(255,255,255,0.7);
border-radius: 10px;
padding: 8px;
height: 198px;
}
.linksEnd{
height: 50px;
float:left;
margin-top:10px;
}
.linksEnd.whan{
background: url('images/ebook/sprites/sprite_innerPages.png') no-repeat -836px -1350px;
width: 138px;
margin: 5px 13px 10px 13px;
}
.linksEnd.two{
background: url('images/ebook/sprites/sprite_innerPages.png') no-repeat -1002px -1352px;
width: 208px;
margin: 5px 0 10px -28px;
}
.linksEnd.three{
background: url('images/ebook/sprites/sprite_innerPages.png') no-repeat -1230px -1350px;
width: 138px;
margin-left: 20px;
}
.links hr {
clear: both;
margin: 0px 0 0 0;
}
a.linksEnd{
    color:#000000;
}
.typeZip {
margin: 10px 0 30px;
background: #3e105a;
background: -moz-linear-gradient(top, #3e105a 0%, #631373 50%, #8e1690 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e105a), color-stop(50%,#631373), color-stop(100%,#8e1690));
background: -webkit-linear-gradient(top, #3e105a 0%,#631373 50%,#8e1690 100%);
background: -o-linear-gradient(top, #3e105a 0%,#631373 50%,#8e1690 100%);
background: -ms-linear-gradient(top, #3e105a 0%,#631373 50%,#8e1690 100%);
background: linear-gradient(to bottom, #3e105a 0%,#631373 50%,#8e1690 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e105a', endColorstr='#8e1690',GradientType=0 );
margin-left: 3px;
color: #fff;
height: 36px;
float: left;
padding: 0px 10px;
font-size: 29px;
text-transform: uppercase;
line-height: 37px;
font-family: 'Roboto Condensed', Arial;
}
.ebookContent .prev a{
    background: url('images/ebook/sprites/sprite_innerPages.png') no-repeat -47px -2518px;
    width: 108px;
    height: 43px;
    float:left;
    margin-right: 10px;
    margin-top: 40%;
    z-index: 9999;
    position: relative;
}
.ebookContent .prev a:hover{
    background: url('images/ebook/sprites/sprite_innerPages.png') no-repeat -47px -2578px;
}
.ebookContent .next a{
    background: url('images/ebook/sprites/sprite_innerPages.png') no-repeat -416px -2518px;
    width: 108px;
    height: 43px;
    float:right;
    margin-right: 10px;
    margin-top: 40%;
    z-index: 9999;
    position: relative;
}
.ebookContent .next a:hover{
    background: url('images/ebook/sprites/sprite_innerPages.png') no-repeat -416px -2578px;
}
.hidden{
    display: none;
}
#spot2logo {
background: url('images/ebook/sprites/sprite_innerPages.png') no-repeat -32px -26px;
width: 243px;
height: 120px;
}
#spot2title {
background: url('images/ebook/sprites/sprite_innerPages.png') no-repeat -35px -213px;
width: 554px;
height: 78px;
margin: 30px 0 0 50px;
}
#spot2text {
background: url('images/ebook/sprites/sprite_innerPages.png') no-repeat -37px -368px;
width: 529px;
height: 180px;
margin: 18px 0 0 0;
}
#tradeTitle{
font-family: 'Roboto Condensed', Arial;
color: #fff;
width: 508px;
height: 117px;
margin: 7px 0 31px 28px;
}
.ebookContent #tradeTitle div.bigText {
font-size: 51px;
text-transform: uppercase;
}
.ebookContent #tradeTitle div.smallText {
font-size: 48px;
text-transform: uppercase;
font-weight: 100;
line-height: 41px;
}
#tradeTImg{
background: url('images/ebook/sprites/sprite_innerPages.png') no-repeat -38px -1914px;
width: 492px;
height: 327px;
margin: -3px 0 0 167px;
}
#tradeTImg2{
background: url('images/ebook/sprites/sprite_innerPages.png') no-repeat -687px -1920px;
width: 491px;
height: 245px;
margin: -69px 0 0 167px;
}
@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-moz-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-ms-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}

@keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-webkit-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-moz-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-ms-keyframes move-clouds-back {
    from {background-position: 0;}
    to {background-position:10000px 0;}
}

.stars, .twinkling, .clouds {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  display:block;
}

.stars {
  background:#000 url(images/ebook/slices/stars.png) repeat top center;
  z-index:-1;
}

.twinkling{
  background:transparent url(images/ebook/slices/twinkling.png) repeat top center;
  z-index:-1;

  -moz-animation:move-twink-back 200s linear infinite;
  -ms-animation:move-twink-back 200s linear infinite;
  -o-animation:move-twink-back 200s linear infinite;
  -webkit-animation:move-twink-back 200s linear infinite;
  animation:move-twink-back 200s linear infinite;
}

.clouds{
    background:transparent url(images/ebook/slices/clouds.png) repeat top center;
  -moz-animation:move-clouds-back 200s linear infinite;
  -ms-animation:move-clouds-back 200s linear infinite;
  -o-animation:move-clouds-back 200s linear infinite;
  -webkit-animation:move-clouds-back 200s linear infinite;
  animation:move-clouds-back 200s linear infinite;
  z-index: -1;
}
body.page-template-page-ebook-php #toppage{
    display: none;
}
body.page-template-page-ebook-php .headerSection{
    display: none;
}
body.page-template-page-ebook-files-php #toppage{
    display: none;
}
body.page-template-page-ebook-files-php .headerSection{
    display: none;
}
body.page-template-page-ebook-php .contentSection{
    background: transparent;
    padding:0;
    height: 100%;
    overflow: auto;
}
body.page-template-page-ebook-php{
    background: #000;
    height: 100%;
}
body.page-template-page-ebook-files-php .contentSection{
    background: transparent;
    padding:0;
    height: 100%;
    overflow: auto;
}
body.page-template-page-ebook-files-php{
    background: #000;
    height: 100%;
}
.ebookContent div.mainPortal{
    padding:0;
}
.ebookContent div.mainPortal.ebookFiles{
    padding:0;
    width: 1100px;
}
.ebookContent div.textFirstPage {
background: #000;
color: #fff;
margin-top: 10px;
height: 71px;
padding: 2px 5px 0 67px;
font-size: 48px;
text-transform: uppercase;
font-family: 'Roboto Condensed', Arial;
}
.ebookContent div.textFirstPage.one{
width: 366px;   
}
.ebookContent div.textFirstPage.two{
width: 344px;
}
.ebookContent div.textFirstPage.three{
width: 443px;
}
div.containerIndex.padding {
padding: 333px 20px 0 63px;
width: 614px;
}
.bgIndex#page2{
    background: url('images/ebook/slices/2.png') top center no-repeat;
    width: 682px;
    height: 954px;
    margin:0 auto;  
}
.bgIndex.regular{
    background: url('images/ebook/slices/bg.png') top center no-repeat;
    width: 682px;
    height: 954px;
    margin:0 auto;
}
.bgIndex.package{
    background: url('images/ebook/slices/10.png') top center no-repeat;
    width: 682px;
    height: 954px;
    margin:0 auto;  
}
.ebookContent .bgIndex#page2 div.textFirstPage {
padding: 10px 0 0 3px;
width: 567px;
line-height: 33px;
height: 44px;
}
.ebookContent div.mainPortal.ebookFiles .ebookContent div.blackTitle{
margin-left: 5px;
}
.ebookContent div.blackTitle {
background: #000;
color: #fff;
height: 62px;
float: left;
padding: 0px 10px;
font-size: 46px;
text-transform: uppercase;
line-height: 60px;
}
.ebookContent div.pirpleTitle {
background: #3e105a; /* Old browsers */
background: -moz-linear-gradient(top,  #3e105a 0%, #631373 50%, #8e1690 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e105a), color-stop(50%,#631373), color-stop(100%,#8e1690)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3e105a 0%,#631373 50%,#8e1690 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3e105a 0%,#631373 50%,#8e1690 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3e105a 0%,#631373 50%,#8e1690 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3e105a 0%,#631373 50%,#8e1690 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e105a', endColorstr='#8e1690',GradientType=0 ); /* IE6-9 */
margin-left:3px;
color: #fff;
height: 62px;
float: left;
padding: 0px 10px;
font-size: 46px;
text-transform: uppercase;
line-height: 60px;
}
.ebookContent div.pirpleTitle.down {
margin-left: 0;
margin-top: 9px;
}
.ebookContent div.textBgindex {
clear: both;
margin-top: 20px;
float: left;
}
/****************** Css Ebook flip page ********************/
.bgIndex.regular
{
overflow: hidden;
width: 682px;
height: 954px;
margin: 0 auto;
}
#r1
{
position: absolute;
z-index: 2;
-webkit-transform-origin: 1315px 500px;
-webkit-transform: translate(-1030px, -500px) rotate(-50deg);
-webkit-transition-property: -webkit-transform, -webkit-transform-origin;
-webkit-transition-duration: 2s;
}
#p1
{
width: 1285px;
height: 1060px;
overflow: hidden;
}
#p1 > div
{
-webkit-transform-origin: 285px 0;
-webkit-transform: translate(1030px, 500px) rotate(50deg);
-webkit-transition-property: -webkit-transform, -webkit-transform-origin;
-webkit-transition-duration: 2s;
width: 285px;
height: 388px;
}
#p1 > div > div
{
width: 10px;
height: 388px;
background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .25)), to(rgba(0,0,0,0)));
}
#p2 > div
{
width: 681px;
height: 954px;
-webkit-box-shadow: 0 0 11px rgba(0, 0, 0, .5);
position: absolute;
z-index: 1;
}
#r3
{
-webkit-transform-origin: 1382px 500px;
-webkit-transform: translate(-693px, -572px) rotate(-60deg);
-webkit-transition-property: -webkit-transform, -webkit-transform-origin;
-webkit-transition-duration: 1.6s;
position: absolute;
z-index: 2;
}
 
#s3
{
-webkit-transform-origin: 70px 0;
-webkit-transform: translate(0px, -511px) rotate(-48deg) translate(36px, 0);
-webkit-transition-property: -webkit-transform, -webkit-transform-origin;
-webkit-transition-duration: 2.1s;
position: absolute;
z-index: 1;
}
.bgIndex.regular.divanimtaion1 #s3
{
    -webkit-transform-origin: 325px 500px;
    -webkit-transform: translate(-40px, -500px) rotate(0deg) translate(40px, 0);
}
#sp3
{
    width: 25px;
    height: 1500px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .25)), to(rgba(0,0,0,0)));
    -webkit-transition-property: width;
    -webkit-transition-duration: 2s;
    overflow: hidden;
}
.s
{
    width: 681px;
    height: 954px;
    position: absolute;
    overflow: hidden;
    z-index: 3;
}
#s2
{
    -webkit-transform-origin: 45px 500px;
    -webkit-transform: translate(240px, -500px) rotate(-32deg);
    -webkit-transition-property: -webkit-transform, -webkit-transform-origin;
    -webkit-transition-duration: 2s;
    position: absolute;
}
#sp2
{
    width: 15px;
    overflow: hidden;
}
#s4
{
    opacity: 1;
    -webkit-transition-duration: 1s;
}

#p3
{
    width: 1285px;
    height: 1388px;
    overflow: hidden;
}
#p3 > div
{
-webkit-transform-origin: 0 0;
-webkit-transform: translate(1195px, 489px) rotate(-30deg);
-webkit-transition-property: -webkit-transform, -webkit-transform-origin;
-webkit-transition-duration: 0.6s;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .5);
width: 1278px;
height: 1060px;
overflow: hidden;
}
#p3 > div > div
{
    width: 9px;
    height: 500px;
    float: right;
}
.bgIndex.regular.divanimtaion2 #r1
{
    -webkit-transform-origin: 1570px 500px;
    -webkit-transform: translate(-1285px, -500px) rotate(0deg);
}
.bgIndex.regular.divanimtaion3 #r3
{
    -webkit-transform-origin: 1570px 500px;
    -webkit-transform: translate(-1285px, -500px) rotate(0deg);
}
.bgIndex.regular.divanimtaion4 #p3 > div
{
    -webkit-transform-origin: 0 0;
    -webkit-transform: translate(1000px, 400px) rotate(0deg);
}
/************ Eng flip page css *****************/
.upload div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
font-size: 13px;
line-height: 17px;
font-weight: bold;
}
.upload div.wpcf7-validation-errors {
border: 2px solid #f7e700;
font-size: 13px;
line-height: 17px;
font-weight: bold;
margin: 2em 0 1em;
width: 167px;
}
.upload input[type="submit"]{
background: url('images/ebook/sprites/sprite_innerPages.png') no-repeat -1101px -1465px;
width: 200px;
height: 53px;
border: 0;
color: transparent;
text-transform: uppercase;
font-size: 20px;
text-indent: 55px;
cursor: pointer;    
}
.upload input[type="submit"]:hover{
background: url('images/ebook/sprites/sprite_innerPages.png') no-repeat -1101px -1548px;
}
.upload  input[type="file"] {
border: 1px solid #ccc;
width: 197px;
border-radius: 7px;
}
.upload span.wpcf7-not-valid-tip-no-ajax {
position: absolute;
top: 78px;
font-size: 12px;
}
div.titleLoginPortal {
font-family: 'Roboto Condensed', Arial;
color: #fff;
text-align: center;
font-size: 34px;
width: 278px;
}
form#loginForm {
width: 279px;
}
form#loginForm .inputWrap input[type="email"]{
background: url('images/spot-portal/ebook_sprite.png') no-repeat -15px -468px;
width: 261px;
height: 47px;
padding:0 6px 0 10px;
margin-top: 20px;
color:#918f8f;
}
form#loginForm .inputWrap input[type="password"]{
background: url('images/spot-portal/ebook_sprite.png') no-repeat -15px -468px;
width: 261px;
height: 47px;
padding:0 6px 0 10px;
margin-top: 16px;
color:#918f8f;
}
form#loginForm .buttonWrap input[type="submit"]{
background: url('images/spot-portal/ebook_sprite.png') no-repeat -15px -669px;
width: 276px;
height: 75px;
margin-top: 19px;
font-family: 'Roboto Condensed', Arial;
color: #fff;
font-size: 39px;
line-height: 0;
cursor: pointer;
text-shadow: 1px 1px #606E28;
}
form#loginForm .buttonWrap input[type="submit"]:hover{
background: url('images/spot-portal/ebook_sprite.png') no-repeat -345px -669px;
}
form#loginForm div.labelWrap {
display: none;
}
.goToLastStep a{
    background: url('images/ebook/sprites/sprite_innerPages.png') no-repeat -833px -2325px;
    width: 261px;
    height: 71px;   
    float: right;
    margin-right: -86px;
    margin-top: 21%;
    z-index: 9999;
    position: relative;
    clear: both;
}
.goToLastStep a:hover{
background: url('images/ebook/sprites/sprite_innerPages.png') no-repeat -833px -2446px;
}
span.wpcf7-not-valid-tip {
font-size: 12px !important;
position: absolute;
top: 81px;
}
.loaderDiv {
width: 200px;
clear: both;
margin-top: 12px;
}
.iconLoader {
background: url('images/ajax-loader.gif') no-repeat 0 5px;
width: 16px;
height: 19px;
float: left;
margin: 0 8px;
}
input.captchaInput {
width: 167px !important;
}
img.imgCaptcha {
position: absolute;
margin-top: -40px;
margin-left: 181px;
height: 36px;
}
.page-template-page-404-php .contentSection .contentMain .background{
min-height:300px;
}
.page-template-page-404-php .contentSection .pagesHolder {
float: left;
}
.page-template-page-blog-php .background {
padding: 15px 20px;
min-height: 500px;
}
.page-template-page-blog-php h1 {
font-size: 26px;
color: #571a77;
border-bottom: 2px solid #AFB9C4;
margin-bottom: 10px;
text-transform: uppercase;
}
.page-template-page-blog-php .entry-summary-cell.image {
float: left;
margin-right: 35px;
width: 260px;
height: 150px;
}
.page-template-page-blog-php .entry-summary-cell.image img{
 width: 260px !important;
height: 150px !important;    
}
.showFloatRight {
float: left;
width: 663px;
margin-top: 13px;
min-height: 98px;
}
.page-template-page-blog-php .entry-summary {
min-height: 200px;
clear: both;
border-bottom:1px solid #eaeaea;
padding-bottom: 10px;
}
.divContentTxt a{
color:#42105c; 
}
.page-template-page-blog-php ul.pagination{
    margin-top: 10px;
}
.page-template-page-blog-php ul.pagination li {
float: left;
list-style-type: none;
margin-left: 6px;
font-weight: bold;
}
.page-template-page-blog-php header.entry-header {
color: #571a77;
font-weight: bold;
}
li.next.with-border {
width: 0;
height: 0;
border-style: solid;
border-width: 7.5px 0 7.5px 10px;
border-color: transparent transparent transparent #ccc;
margin-top: 4px;
}
li.next.with-border a {
display: block;
width: 14px;
height: 20px;
margin-top: -11px;
margin-left: -10px;
}
li.previous.with-border {
width: 0;
height: 0;
border-style: solid;
border-width: 7.5px 10px 7.5px 0;
border-color: transparent #ccc transparent transparent;
margin-top: 4px;
}
li.previous.with-border a{
display: block;
width: 14px;
height: 20px;
margin-top: -11px;
margin-left: -3px;
}
li.next.with-border.enabled {
border-color: transparent transparent transparent #4e0b70;
cursor: pointer;
}
li.previous.with-border.enabled {
border-color: transparent #4e0b70 transparent transparent;
cursor: pointer;
}
li.with-border.enabled.active.one-digit {
text-decoration: underline;
}
.single-blog .contentSection .pagesHolder {
width: 800px;
padding: 15px 20px 20px 20px;
min-height: 500px;
float:left;
}
.linkBack {
clear: both;
padding: 20px;
}
.linkBack a{
    color:#000;
    font-weight:bold;
    text-decoration: underline;
}
.mediaLinks {
margin: 8px 0;
height: 49px;
float: left;
clear: both;
width: 326px;
}
.single-blog .mediaLinks {
margin-top: 0px;
clear: both;
margin-left: 17px;
display: block;
float: left;
}
.shareaholic-share-buttons-container.wrapped ul.shareaholic-share-buttons {
padding-top: 2px !important;
}
body.it .section1 .captionLarge {
font-size: 31px;
}
body.it .footer .salesLink {
margin-left: 73px;
}
body.ru .section1 .captionLarge {
font-size: 42px;
}
body.ru .section2 .useIntegration .desc {
font-size: 20px;
}
body.ru .section2 .content2 .integrationTexts .box {
width: 249px;
margin: -15px 10px;
}
body.ru .section2 .content2 .integrationTexts .box .boxDesc {
font-size: 14px;
line-height: 22px;
}
body.ru .testimonials .big {
font-size: 22px;
}
body.ru .section4 .column .text {
line-height: 24px;
}
body.ru .footer .salesLink {
margin-left: 58px;
}
body.ru .section1 div.textVideo.demoPointer {
margin: 9px 0 0 14px;
}
body.es .section1 .captionLarge {
font-size: 33px;
}
body.es .section2 .content2 .integrationTexts .box {
width: 249px;
margin: -15px 10px;
}
body.es .section2 .content2 .integrationTexts .box .boxDesc {
font-size: 14px;
line-height: 22px;
}
body.es .footer .salesLink {
margin-left: 36px;
}
body.fr .section1 .captionLarge {
font-size: 38px;
}
body.fr .section2 .useIntegration .desc {
font-size: 25px;
}
body.fr .section2 .content2 .integrationTexts .box {
width: 249px;
margin: -15px 10px;
}
body.fr .section2 .content2 .integrationTexts .box .boxDesc {
font-size: 16px;
line-height: 22px;
}
body.fr .footer .salesLink {
margin-top: -17px;
background: url('images/contact.png') no-repeat 113px 0px;
margin-left: 182px;
}
body.it .nav-menu li > a {
padding: 0px 5px 0;
font-size: 12px;
line-height: 23px;
}
body.de .nav-menu li > a {
padding: 0px 3px 0;
font-size: 13px;
line-height: 19px;
}
body.de.page-template-page-regular-php .sub-menu, body.de.home .sub-menu {
top: 40px;
}
body.it.page-template-page-regular-php .sub-menu, body.it.home .sub-menu {
top: 40px;
}
body.ru.page-template-page-regular-php .sub-menu, body.ru.home .sub-menu {
top: 40px;
}
body.es.page-template-page-regular-php .sub-menu, body.es.home .sub-menu {
top: 40px;
}
body.fr.page-template-page-regular-php .sub-menu, body.fr.home .sub-menu {
top: 40px;
}
body.ru .nav-menu li > a {
padding: 0px 3px 0;
font-size: 11px;
line-height: 13px;
}
body.es .nav-menu li > a {
padding: 0px 5px 0;
font-size: 12px;
line-height: 14px;
}
body.fr .nav-menu li > a {
padding: 0px 3px 0;
font-size: 11px;
line-height: 14px;
}
ul.post-categories a {
color: #000;
}
.shareaholic-share-buttons-container.badge-counter li.shareaholic-share-button.has-shares .share-button-counter {
top: -1px !important;
}
.contentKnowledge {
clear: both;
min-height: 500px;
width: 100%;
margin-top: 22px;
float: left;
}
.mainPortal .imgKnowledge{
min-height: 300px;
float: left;
width: 400px;
}
.bgKnowLefge {
float: left;
width: 600px;
margin-left: 42px;
background: rgba(255,255,255,0.5);
padding: 19px;
min-height: 464px;
}
.buttonDownload {
background: url('images/spot-portal/ebook_sprite.png') no-repeat -15px -1630px;
width: 151px;
height: 40px;
margin: 0 auto;
color: #fff;
text-align: center;
line-height: 38px;
font-family: 'Roboto Condensed', Arial;
font-size: 17px;
float: left;
margin-top: 24px;
}
.buttonDownload a{
    color:#fff;
    display: block;
}
.page-template-page-knowledge-php header.entry-header {
font-weight: bold;
text-decoration: underline;
color: #6B1E6C;
font-size: 21px;
}
.page-template-page-knowledge-php .contentSection .contentMain .background {
padding: 10px 20px;
margin-top: 0;
min-height: 550px;
height: auto;
background: rgba(255,255,255,0.7);
}
.page-template-page-knowledge-php .entry-summary-cell.image {
float: left;
width: 285px;
height: 221px;
margin-right: 20px;
}
.page-template-page-knowledge-php .entry-summary-cell.image img{
width: 280px;
height: 190px;
margin-top: 36px;
}
.page-template-page-knowledge-php .entry-summary {
clear: both;
margin: 15px 0;
float: left;
}
.single-knowledge .contentSection .pagesHolder {
width: 931px;
}
.single-blog .contentSection .pagesHolder .page.selected {
display: block;
clear: both;
float: left;
margin-top: 18px;
}
.datePost {
float: left;
clear: both;
font-size: 13px;
color: #761278;
margin-top: 8px;
}
.page-template-page-psp-php header.entry-header {
font-weight: bold;
text-decoration: underline;
color: #6B1E6C;
font-size: 21px;
}
.page-template-page-psp-php .contentSection .contentMain .background {
padding: 10px 20px;
margin-top: 0;
min-height: 550px;
height: auto;
background: rgba(255,255,255,0.7);
}
.page-template-page-psp-php .entry-summary-cell.image {
float: left;
width: 285px;
height: 221px;
margin-right: 20px;
}
.page-template-page-psp-php .entry-summary-cell.image img{
width: 280px;
height: 190px;
margin-top: 36px;
}
.page-template-page-psp-php .entry-summary {
clear: both;
margin: 15px 0;
float: left;
}
.single-knowledge .contentSection .pagesHolder {
width: 931px;
}
.linkTo {
background: #4a1856;
background: -moz-linear-gradient(top, #4a1856 0%, #902093 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a1856), color-stop(100%,#902093));
background: -webkit-linear-gradient(top, #4a1856 0%,#902093 100%);
background: -o-linear-gradient(top, #4a1856 0%,#902093 100%);
background: -ms-linear-gradient(top, #4a1856 0%,#902093 100%);
background: linear-gradient(to bottom, #4a1856 0%,#902093 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a1856', endColorstr='#902093',GradientType=0 );
width: 145px;
border-radius: 5px 5px 0 0;
float: left;
padding: 9px;
text-align: center;
cursor: pointer;
margin-left:5px;
text-transform: uppercase;
height:24px;
}
.linkTo.active{
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #000000 0%, #474747 97%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(0%,#000000), color-stop(97%,#474747)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#000000 0%,#474747 97%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4c4c4c 0%,#000000 0%,#474747 97%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4c4c4c 0%,#000000 0%,#474747 97%); /* IE10+ */
background: linear-gradient(to bottom,  #4c4c4c 0%,#000000 0%,#474747 97%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#474747',GradientType=0 ); /* IE6-9 */

}
.linkTo:hover{
 background: #902093; /* Old browsers */
background: -moz-linear-gradient(top,  #902093 0%, #4a1856 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#902093), color-stop(100%,#4a1856)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #902093 0%,#4a1856 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #902093 0%,#4a1856 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #902093 0%,#4a1856 100%); /* IE10+ */
background: linear-gradient(to bottom,  #902093 0%,#4a1856 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#902093', endColorstr='#4a1856',GradientType=0 ); /* IE6-9 */
   
}
.linkTo a {
display: block;
color: #fff;
height: 42px;
width: 145px;
margin-top: -9px;
line-height: 42px;
}
.menuKnowledge {
float: left;
clear: both;
margin-left: 28px;
margin-top: 20px;
}
.rssLink {
background: url('images/spotoptionSprite.png') no-repeat -2248px -1916px;
width: 38px;
height: 38px;
float: right;
margin-top: -10px;
margin-left: -14px;
font-size: 6px;
cursor:pointer;
}
.rssLink:hover {
opacity: 0.8;
}
.copyRss {
display: none;
background: rgba(0,0,0,0.8);
height: 43px;
color: #fff;
padding: 2px 13px;
width: 245px;
position: absolute;
right: 65px;
top: 3px;
border-radius: 4px;
-webkit-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.58);
-moz-box-shadow:    0px 0px 11px 0px rgba(50, 50, 50, 0.58);
box-shadow:         0px 0px 11px 0px rgba(50, 50, 50, 0.58);
font-size: 15px;
}
.closeLink{
background: url('images/spotoptionSprite.png') no-repeat -2263px -1865px;
width: 14px;
height: 14px;
float:right;
right: 5px;
top:5px;   
position: absolute;
cursor: pointer;
}
.linkFollow {
color:#f4c0f7;
}
.careers_but{
background: url('images/carrer_btn.png') no-repeat 0 0;
width: 253px;
height: 93px;
color: #fff;
font-size: 22px;
text-transform: uppercase;
margin-top: 25px;
line-height: 62px;
text-indent: 100px;
cursor: pointer;
}
#blackDiv{
background: url('images/screenPattern.png');
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 200;
display: none;
}
.careers_popup{
margin: 0 auto;
z-index: 500;
position: fixed;
top: 30%;
bottom: 50%;
left: 35%;
background: url('images/carrer_popup_bg.png') no-repeat 0 0;
width: 645px;
height: 678px;
display: none;
}
.content-popup {
padding: 30px 40px;
color: #000;
line-height: 28px;
}
.title-careers {
text-transform: uppercase;
font-size: 30px;
margin: 20px 0 20px;
}
.bold{
font-weight: bold;
}
#close-popup{
position: absolute;
top: -30px;
left: -30px;
background: url('images/spotoptionSprite.png') no-repeat -1819px -2448px;
width: 34px;
height: 34px;
cursor: pointer;
}
.send-content {
margin-top: 15px;
}
.submitButt input[type='submit'] {
background: url('images/spotoptionSprite.png') no-repeat -2037px -2597px;
width: 246px;
height: 71px;
color: #fff;
font-size: 26px;
text-transform: uppercase;
font-weight: bold;
margin-top: 20px; 
cursor: pointer;
margin-top: 41px;
}

.inputNews input:focus{
    outline-color: transparent !important;
}
.submitButt input:focus{
    outline-color: transparent !important;
}

.inputNews input[type="email"] {
background: url('images/spotoptionSprite.png') no-repeat -1556px -2623px;
width: 329px;
height: 53px;
padding-top: 0px;
border: 0;
margin-bottom: 4px;
text-align: center;
line-height: 25px;
}

.send-content *{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

.inputBtnSection{
    display:inline-block;
    vertical-align:top;
    font-size:0;
    font-family:verdana;
}
.disableInputField{
display: inline-block;
vertical-align: top;
margin: 0;
font-size: 14px;
padding: 0 3px;
background: url('images/spotoptionSprite.png') no-repeat -1556px -2623px;
width: 329px;
height: 49px;
text-align: center;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    display:inline-block;
    vertical-align:top;
}
.uploadBtn{
display: inline-block;
vertical-align: top;
font-size: 14px;
padding: 0 10px;
color: #fff;
float: left;
background: url('images/spotoptionSprite.png') no-repeat -1892px -2622px;
width: 122px;
height: 48px;
border: 0px !important;
line-height: 46px;
text-align: center;
text-transform: uppercase;
cursor: pointer;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.inputNews span.wpcf7-not-valid-tip {
top: 86px;
}
.inputNews.file span.wpcf7-not-valid-tip {
top: 6px;
} 
.send-content div.wpcf7-response-output {
margin: 0em 0.5em 1em !important;
background: #fff;
}
#disclaimer {
  clear: both;
  text-align: center;
  width: 960px;
  margin: 0px auto 10px;
  padding-top: 30px;
  font-size: 14px;
}

#title-disclaimer {
  text-decoration: underline;
}
#open-account-mobile {
  display: none;
}

/** Captcha **/
.rand1, .rand2 , .sumdiv{
  float: left;
  font-size: 18px;
  padding: 2px 5px;
  line-height: 40px;
  color: #fff;
}
.plus {
padding: 16px 0;
margin: 25px 7px;
float: left;
}
.re {
padding:8px;
background-color:#D8A217;
margin:35px;
float:left; cursor:pointer;
box-shadow: 2px 2px 2px 1px #818181;
-moz-box-shadow: 2px 2px 2px 1px #818181;
-webkit-box-shadow: 2px 2px 2px 1px #818181;
-ms-box-shadow: 2px 2px 2px 1px #818181;
-o-box-shadow: 2px 2px 2px 1px #818181;
}
#total {
  width: 80px;
  margin: 9px;
  float: left;
  height: 25px;
  line-height: 20px;
}
.simple-captcha {
  float: left;
  line-height: 43px;
  font-size: 17px;
}
/** Captcha **/


/*****************/
/** QapTcha CSS **/
/*****************/

.QapTcha {float:left;margin-top:20px;width:252px;}
.QapTcha .clr{clear:both}
.QapTcha .bgSlider {width:252px;height:37px;float:left;border:1px solid #040404;background-color:#101010;}
.QapTcha .Slider {width:52px;height:37px;background:transparent url('images/bg_draggable_qaptcha.jpg') no-repeat;cursor: pointer;position:relative;top:0;left:0}
.QapTcha .TxtStatus {width:252px;margin-top:7px;text-align:left;color:#bb2828;font-family:Verdana;font-size:10px;clear:both}
.QapTcha .dropSuccess {color:#4e8b37}
.QapTcha .dropError {color:#bb2828}

.contactForm #SubmitDisabled{
display: none;
margin-top: 15px;
background: url('images/spotoptionSprite.png') no-repeat -1273px -2322px;
width: 200px;
height: 53px;
line-height: 53px;
color: #fff;
text-align: center;
text-transform: capitalize;
font-size: 20px;
cursor: pointer;
opacity: 0.4;
cursor: none;
float: left;
clear: both;
}

#spotPackageContainer_platform_zones.regulatory .tradeBox .bidAsk .bidAskInfo > .value .source {
    display: none;
}

.menu-topnav-container-mini, #butoonSpotPartnes, #loggedInBox, .loginPopupForm .loginPopupForgotPassword, .loginPopupRegister {
    display: none;
}
#openAccountButton{
    width: auto;
    height: 20px;
    background: #4e1164;
    background: -moz-linear-gradient(top, #4e1164 0%, #5b1555 100%);
    background: -webkit-linear-gradient(top, #4e1164 0%,#5b1555 100%);
    background: linear-gradient(to bottom, #4e1164 0%,#5b1555 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e1164', endColorstr='#5b1555',GradientType=0 );
    color: #fff;
    cursor: pointer;
    float: right;
    padding: 10px;
    border-radius: 10px;
}
#openAccountButton:hover{
    background: #5b1555; /* Old browsers */
    background: -moz-linear-gradient(top,  #5b1555 0%, #4e1164 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #5b1555 0%,#4e1164 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #5b1555 0%,#4e1164 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b1555', endColorstr='#4e1164',GradientType=0 ); /* IE6-9 */  
}