/* 
    Theme Name: spotoption mobile
    Author: Matan Bodek + yulia zolotarev
*/
/******************* 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;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
body{
    margin: 0;
    padding: 0;
    border: 0;
     
    width: 100%;
}
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{
    /*  background: url('images/mobile/sprites/hp.png') no-repeat -113px -77px; */
    position: relative;
    margin: 0 auto;
     
    width: 100%;
    height:100%;
}
.section2 .content{
margin-top: -255px;
}
.popup#login .box h2,.popup#openAccount .box h2{
    font-size: 30px;
    font-family: 'Roboto Condensed', sans-serif;
    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: #1E75BC;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
    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;
}
#userLoginForm input{
    width: 291px;
    height: 30px;
    border: 2px solid #B9B8B8;
    border-radius: 2px;
}
/*#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: 15%;
left: 7%;
background: #fff;
border: 1px #eee solid;
padding: 30px 10px 10px;
border-radius: 5px;
width: 250px;
height: 185px;
margin: 0px 0 0 0px;
}

#videoPopUp{
width: 249px;
height: 165px;
}
.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/mobile/slice/playClose.png') no-repeat 0 0;
    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', sans-serif;
}
@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 .topImage{
    background: url('images/mobile/slice/7_info_center-events.png') no-repeat 0 0;
    margin-top: -122px !important;
margin-left: -102px;
}*/

/******************* end general css *****************************/
/*******************  content css *****************************/
/* 
    Document   : meta
    Created on : 25/04/2013, 16:29:26
    Author     : adit
    Description:
        Purpose of the stylesheet follows.
*/
.title_des{
position: relative;
margin-top: -90px;
left: 6px;
height: 80px;
}
.contentSection{
    padding: 90px 0 0px;
    background: #fff url('images/contentBg.jpg') -10px 0 no-repeat;
}
.contentSection .contentMain{
     
    width: 100%;
    margin-left:0px;
    float: left;
    min-height: 493px;
}
.contentSection .contentMain .title{
display: block;
height: 40px;
line-height: 32px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 26px;
margin: 0px;
width: 303px;
}
.contentSection .contentMain .background{
    background-color: transparent;
    border-radius: 7px;
    width: 100%;
    float: left;
    box-shadow: none;
    /*padding-top: 300px;*/
    position: relative;
}
.bg_white{
    background-color: #ffffff;
}
/*.category-news .contentSection .topImage{
        height: 390px;
}*/
.contentSection .topImage{
margin-top: 0px;
height: auto;
}
.category .page .post a{
    color:#024da2;
    background: url('images/arrow_s.gif') no-repeat 0px 2px;
    padding-left: 10px;
    font-size: 9px;
}
.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: 0px;
}
.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: static;
top: auto;
left: auto;
color: #fff;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 10px;
text-shadow: -1px -1px 2px rgba(0,0,0,0.8);
}
.contentSection .topImage .captionBy{
/*opacity: 0.8;
position: absolute;
top: 37px;
left: 2%;*/
color: #fff;
opacity: 0.8;
position: static;
top: auto;
left: auto;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 9px;
text-shadow: -1px -1px 1px rgba(0,0,0,0.5);
margin-top: 8px;
}
.contentSection .topImage .captionBy .role{
    font-size: 10px;
    padding-left: 20px;
}
.contentSection .pagesList-container{
    float: left;
    width: 160px;
    margin-left: 0px;
    position: relative;
    z-index: 2;
   border-right:0px;
   padding-top: 20px;
}
.contentSection .pagesList .pageTab{
    width: 192px;
        padding-left: 45px;
        height: 83px;
        line-height: 75px;
        font-family: 'Roboto Condensed', sans-serif;
        margin-left: -12px;
        font-weight: 300;
        font-size: 16px;
        margin-bottom: 10px;
        /*letter-spacing: 1px;*/
        cursor: pointer;
        text-indent: -23px;
        display: none;
}
.contentSection .pagesList .pageTab.current_page_item , .contentSection .pagesList .pageTab.current-menu-item menu-item-1716, .contentSection .pagesList .pageTab.current-menu-item{
    background: url('images/mobile/slice/innerPages/box.png') no-repeat 0 0;
    width: 135px;
    height: 65px;
    color: #fff;
    cursor: default;
    display: block;
}
.contentSection .pagesList .pageTab.current_page_item a, .contentSection .pagesList .pageTab.current-menu-item a{
color: #fff;
font-size: 23px;
cursor: default;
line-height: 65px;
text-align: center;
width: 160px;
margin-left: -20px;
}
.contentSection .pagesList .pageTab a{
    color: #000;
        display: block;
        width: 192px;
}
.contentSection .pagesHolder{
float: none;
width: 100%;
max-width: 300px;
padding: 10px;
position: relative;
z-index: 2;
margin: 10px auto 10px auto;
clear: both;
}

.contentSection .pagesHolder .page{
    font-family: arial;
    font-size: 16px;
    line-height: 24px;
    display: none;
    font-size: 12px;
}
.contentSection .pagesHolder .page.selected{
    display: block;
}
.contentSection .pagesHolder .page.selected ul{
    padding-left: 20px;
}
.contentSection .pagesHolder .page h3{
    font-size: 16px;
}

.contentSidebar{
width: 71px;
right: 0;
position: fixed;
top: 50%;
display: none;
}
#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', sans-serif;
        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;
     
    width: 100%;
}
#toppage{
    height: 92px;
}
.headerSection{
     
    width: 100%;
    background: url('images/diagonalStripes.gif') repeat;
    height: 88px;
    border-bottom: 6px solid #888;
    position: fixed;
    top: 0;
    z-index: 10;
    left: 0px;
        -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.headerSection-toleft{
left: -260px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

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

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

.logo{
    background: url('images/mobile/slice/spotoptionLogo.png') no-repeat;
    width: 230px;
    height: 46px;
    float: left;
    min-width: 10px;
    margin: 16px 0 0 10px;
}

.logoCaption{
    float: left;
    min-width: 10px;
    clear: left;
    line-height: 26px;
    color: #ffffff;
    margin-left: 12px;
    font-size: 15px;
        font-family: 'Roboto Condensed', sans-serif;
        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;
    display: none;
}

#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: -2px 0px 0 0px;
position: absolute;
z-index: 5;
}
.ie7 .menu-topnav-container{
    float: none;
    margin-top: 45px;
}
.nav-menu li{
    float: right;
    margin-left: 0px;
    min-width: 10px;
    position: static;
    padding: 5px 0 0px;
    background-color:none;
    transition:none;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    width: 324px;
}
.mobile_menu-topnav-container{
     
    width: 100%;
}
.mobile_nav-menu li.menu-item{
height: 30px;
margin-bottom: 10px;
background: #333838;
color: #ffffff;
line-height: 25px;
text-indent: 25px;  
}
.nav-menu li:hover,{
background-color: transparent !important;
line-height: 32px;
display: block;
}
.nav-menu li:hover {
    background:  transparent;
}
.nav-menu li.current-menu-ancestor{
    background: #1A1F20 !important;
}
.nav-menu li.current-menu-item{
    background: #1A1F20 !important;
}
.nav-menu li.parent:hover{
    background: transparent !important;
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
}

.nav-menu li > a{
display: block;
border-left: 0;
border-right-color: none;
text-align: left;
min-width: 10px;
height: 25px;
line-height: 15px;
padding: 8px 25px 0;
font-family: "Verdana";
font-size: 14px;
color: white;
cursor: pointer;
transition: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
background: #333838;
}
.nav-menu li:hover + .nav-menu li > a{
    border-right-color: transparent;
    border-right-color:none;
}
.nav-menu li:first-child > a{
    border-right-width: 0;
}
.sub-menu{
    overflow: visible;
    position: inherit;
    margin-top: 0px;
    top: 17px;
    left: 0;
}
.page-template-page-regular-php .sub-menu ,.home .sub-menu{
position: inherit;
margin-top: 0px;
top: 17px;
}
.gecko .sub-menu{
    top: 17px;
}
.sub-menu > li{
    margin-left:0;
    left: 0;
    position: static;
   clear: both;
   float: none;
   padding: 0;
   background: none;
   transition:none;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
   height: 30px;
   display: block;
}

.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: 30px;
    line-height: 32px;
    padding: 0;
    overflow: visible;
    background: none;
    border: 0;
    border-width: 0 1px;
    font-family: "Verdana";
    font-size: 14px;
    transition:none;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    text-indent: 50px;
    color: #878687;
    padding-top: 1px;
    padding-bottom: 1px;
}
.sub-menu > li.menu-item > a:focus{
    color: #ffffff;
    background-color: #888888;
    border: none;
    outline: none;
}
.nav-menu li:hover .sub-menu > li > a{
    height: 30px;
    line-height: inherit;
    color: #A9A9A9;
    border-bottom-width:0;
    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: transparent !important;
    background-color:transparent !important;
}
/******** -end menu css- *******/
.awardMedal{
    position: absolute;
    top: 0;
    right: -175px;
    background: url('images/spotoptionSprite.png') no-repeat -2092px -903px;
     
    width: 100%;
    height: 250px;
    display: none;
}
.award{
    position: absolute;
     
    width: 100%;
    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;
}
.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{
background: url('images/mobile/slice/android/woman_bg.png') no-repeat center top;
background-position: center top !important;
width: 100%;
height: auto;
}

.section1 .captionLarge{
    font-size: 30px;
    color: #fff;
    line-height: 52px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: -1px;
    left: 14%;
    z-index: 100;
    top: 21px;
}
.section1 .captionLarge span{
    background: #000;
    padding: 0 6px;
    font-size: 28px;
    display: inline-block;
    margin: 2px 0;
}

.bolder{
    font-size: 29px;
}

.section1 .captionSmall{
    padding: 10px 0 0 3px;
    font-size: 18px;
    color: #242423;
    line-height: 22px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    display: none;
}
.section1 .contactBtn{
    background: url('images/mobile/slice/btns/btnContact_reg.png') no-repeat 0 0;
    margin: 8px auto 0px auto;
    width: 260px;
    height: 70px;
    display: block;
    float: none;
    line-height: 58px;
    color: #fff;
    text-align: center;
    font-size: 27px;
    cursor: pointer;
}
.section1 .contactBtn:hover{
    background: url('images/mobile/slice/btns/btnContact_over.png') no-repeat 0 0;
}

.section1 .demoPointer{
    background: url('images/mobile/slice/btns/playVideo.png') no-repeat 0 0;
    float: none;
    position: relative;
    width: 217px;
    height: 143px;
    margin: -6px auto 0px auto;
    z-index: 2;
}

.section1 .demoPointer .openDemo{
    display: block;
    position: absolute;
    background:none;
    width: 39px;
    height: 48px;
    top: 81px;
    left: 164px;
}
.section1 .demoPointer .openDemo:hover{
    background-position: -1819px -2371px;
}

.listPointsWarpper{
    margin: auto;
    clear: both;
    background-color: #ffffff;
padding-bottom: 80px;
margin-top: -81px;
}
.section1 .listTitle {
clear: both;
color: #000;
font-size: 22px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
text-transform: uppercase;
margin: 823px 0 0 0;
background: #ffffff;
text-align: center;
}

.section1 .points {
display: block;
margin: 0px 0 0 0px;
     
    width: 100%;
background: #ffffff;
}
.section1 .points > li{
    display: block;
    min-height: 48px;
    padding: 15px 0 10px 68px;
}
.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: url('images/mobile/slice/icons/ico6.png') no-repeat;
    background-position: 0;
}
.section1 .points > li.trade{
    background: url('images/mobile/slice/icons/ico1.png') no-repeat;
    background-position: 0;
}
.section1 .points > li.cms{
    background: url('images/mobile/slice/icons/ico5.png') no-repeat;
    background-position: 0;
}
.section1 .points > li.crm{
    background: url('images/mobile/slice/icons/ico4.png') no-repeat;
    background-position: 0;
}
.section1 .points > li.risk{
    background: url('images/mobile/slice/icons/ico2.png') no-repeat;
    background-position: 0;
}
.section1 .points > li.payment{
    background: url('images/mobile/slice/icons/ico3.png') no-repeat;
    background-position: 0;
}

.section1 #girl{
    background: url('images/spotoptionSprite.png') no-repeat -1220px 0;
     
    width: 100%;
    height: 813px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -185px;
    display: none;
}
.section1 #ipad1{
    background: url('images/spotoptionSprite.png') no-repeat 0 -1170px;
     
    width: 100%;
    height: 624px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: 300px;
}
.section1 #ipad1 .btn{
    display: block;
    background: url('images/spotoptionSprite.png') no-repeat -1503px -2323px;
     
    width: 100%;
    height: 75px;
    position: absolute;
    top: 269px;
    left: 65px;
    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;
    color: #fff;
}

.section1 #ipad1 .btn .small{
    font-family: arial;
        font-size: 14px;
        padding: 8px 66px 0 0px;
        text-align: right;
}

.section1 #ipad1 .btn .big{
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 300;
        font-size: 24px;
        line-height: 30px;
        padding: 0 44px 0 0;
        text-align: right;
}


.woman{
    background: url('images/mobile/slice/android/woman2.png') no-repeat center 379px; 
}
/******************* end section1 css *****************************/

/******************* end section2 css *****************************/
.section2{
    height: 3155px;
    background: url('images/mobile/slice/android/apple_bg.png') no-repeat 0px center; 
    width: 100%;
    background-position: center 0px !important;
}

.section2 #ipad2{
    background: url('images/mobile/slice/android/mobile.png') no-repeat center center;
    width: 375px;
    height: 572px;
    position: absolute;
    top: 110px;
    left: 50%;
    margin-left: -10px;
}

.section2 #ipad2 .textHolder{
     
    width: 100%;
    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', sans-serif;
        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: 100%;
    min-height: 36px;
    line-height: 36px;
    position: absolute;
    top: 306px;
    left: 418px;
    font-size: 30px;
    letter-spacing: -1px;
        font-family: 'Roboto Condensed', sans-serif;
        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: 100%;
    height: 670px;
    display: none;
}
.section2 #iphone{
    position: absolute;
    top: 140px;
    left: 50%;
    margin-left: -10px;
    background: url('images/spotoptionSprite.png') no-repeat -1647px -883px;
     
    width: 100%;
    height: 816px;
    display: none;
}

.section2 .caption{
width: 132px;
text-align: right;
letter-spacing: -2px;
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
color: #fff;
padding-top: 28px;
line-height: 34px;
font-size: 20px;
}

.section2 .smartphoneApps{
margin-top: 10px;
width: 299px;
text-align: center;
display: block;
margin-left: -10px;
}

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

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

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

.section2 .smartphoneApps .appStore{
float: left;
background: url('images/spotoptionSprite.png') no-repeat -977px -2504px;
width: 135px;
height: 45px;
}
.section2 .content .content2{
position: absolute;
top: 870px;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
background: url('images/mobile/slice/android/bg.png') no-repeat center 0px #ffffff;
}

.section2 #fruitApple{
position: relative;
top: 600px;
margin-right: auto;
margin-left: auto;
background: url('images/mobile/slice/android/apple2.png') no-repeat center center;
width: 100%;
height: 438px;
left: auto;
}

.section2 .useIntegration{
color: #262626;
padding: 0 0 0px 0px;
background: none;
margin: 7px auto 0 auto;
max-width: 523px;
width: 100%;
}

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

.section2 .useIntegration .title .titleSmall{
text-align: left !important;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
font-size: 35px;
line-height: 44px;
text-transform: uppercase;
letter-spacing: -2px;
display: block;
width: 231px;
margin-left: auto;
margin-right: auto;
}

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

.section2 .useIntegration .desc{
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 28px;
position: relative;
left: 0px;
padding-top: 7px;
text-align: center;
}
.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: 100%;
    height: 159px;
    display:none;
}

.section2 .content2 .integrationTexts{
    position: relative;
    bottom: 0;
    height: auto;
    margin-top: 35px;
     
    width: 100%;
    left: 0px;
}

.section2 .content2 .integrationTexts .box{
width: 192px;
float: none;
margin: 0px auto 6px auto;
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', sans-serif;
    font-weight: 300;
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 27px;
}

.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: 636px;
    position: relative;
    z-index: 1;
    background: #fff url('images/bg3_text.jpg') center 0 repeat-x;
    display: none;
}

.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', sans-serif;
        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;
}
.testimonials .big{
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 300;
        font-size: 24px;
        line-height: 25px;
}
.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;
    display: none;
}
.section3 .content .testimonials:hover{
    opacity: 1;
    filter: alpha(opacity=100);
}

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

.section3 .content .topText{
     
    width: 100%;
        margin-left: -300px;
        height: 44px;
        line-height: 45px;
        position: absolute;
        left: 50%;
        font-family: 'Roboto Condensed', sans-serif;
        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', sans-serif;
        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: 100%;
        margin-left: -300px;
        height: 48px;
        line-height: 53px;
        position: absolute;
        bottom: 0;
        left: 50%;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 300;
        font-size: 22px;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        display: none;
}
/******************* end section3 css *****************************/
/******************* section4 css *****************************/
.section4{
    height: 3370px;
    background: #C8C8C8;
}

.section4 .content{
     
    width: 100%;
}

.section4 .title{
    font-size: 40px;
    line-height: 100px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    text-align: center;
    padding-top: 40px;
         
    width: 100%;
}

.section4 .column{
     
    width: 100%;
    float: none;
    position: relative;
}
.section4 .column1 .image{
background: url('images/mobile/slice/android/image1.png') no-repeat center center;
    max-width: 400px;
    width: 100%;
height: 355px;
margin-left: auto;
margin-right: auto;
}
.section4 .column2 .image{
background: url('images/mobile/slice/android/image2.png') no-repeat center center;
max-width: 400px;
width: 100%;
height: 405px;
margin-left: auto;
margin-right: auto;
}
.section4 .column3 .image{
    background: url('images/mobile/slice/android/image3.png') no-repeat center center;
max-width: 400px;
width: 100%;
height: 405px;
margin-left: auto;
margin-right: auto;
}

.section4 .column .text{
margin-top: -15px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
font-size: 17px;
line-height: 26px;
word-spacing: 5px;
max-width: 280px;
padding-left: 20px;
padding-right: 20px;
width: 100%;
padding: 0px;
margin: auto;
margin-bottom: 15px;
}

.section4 .column .text .colTitle{
    font-family: arial;
    font-size: 27px;
    line-height: 48px;
}

.section4 .column .text ul{
    list-style: disc;
    padding-left: 26px;
}
/******************* end section4 css *****************************/
/******************* forgot password css *****************************/
#forgotPasswordContainer{
    margin: 0 auto;
     
    width: 100%;
}
#forgot{
    color: #5D5C5C;
    font-size: 29px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700
}
#forgotPasswordContainer p{
    font-size: 12px;
    font-family: 'Roboto Condensed', sans-serif;
}
#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: 1100px;
    background: #181818 url('images/diagonalStripes2.gif') center 0 repeat-x;
    color: #a49f9f;
    font-family: Arial;
    font-size: 16px;
    padding:20px 0 !important;
    clear: both;
}

#contactUs{
    position: absolute;
    top: 0;
    left: 50%;
}
.footer .content{
position: relative;
margin: 0 auto;
max-width: 300px;
width: 100%;
height: 100%;
padding-right: 20px;
padding-left: 20px;
}

.footer .left {
width: 475px;
float: left;
margin: 35px 0 27px 20px;
}

.footer .right {
width: 248px;
float: none;
margin: 0 0 0 50px;
}

.footer .title{
width: 440px;
float: left;
margin:0;
font-size: 30px;
}

.footer .titleDesc{
font-size: 17px;
}

.footer .contactDesc{
font-size: 17px;
}

.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;
    margin-left: 10px;
}
.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{
    background: url('images/mobile/slice/flags/phone.png') no-repeat;
    display: inline-block;
    width: 30px;
    height: 20px;
}

.footer .phonesList{
    margin-top: 10px;
    color: #fff;
    line-height: 36px;
    font-size: 13px;
}
.containerPhones{
    position: absolute;
    bottom: 0; 
    left: 0; 
}
    
.footer .phonesList .flag{
    display: inline-block;
    padding-right: 15px;
    width: 35px;
    height: 22px;
    vertical-align: middle;
}
/*.footer .cyprusFlag{
    background: url('images/mobile/slice/flags/cy.png') no-repeat 0 0;
    width: 35px;
    height: 22px;
}
.footer .ukFlag{
    background: url('images/mobile/slice/flags/gb.png') no-repeat 0 0;
    width: 35px;
    height: 22px;
}
.footer .japanFlag{
    background: url('images/mobile/slice/flags/jp.png') no-repeat 0 0;
    width: 35px;
    height: 22px;
}*/

.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: 215px;
    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: 215px;
    height: 110px;
    padding: 5px;
    line-height: 22px;
    margin-left: 28px;
    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/submit.png') no-repeat;
    width: 200px;
    height: 62px;
    line-height: 64px;
    margin-left: 28px;
    color: #fff;
    text-align: center;
    text-transform: capitalize;
    font-size: 24px;
    cursor: pointer;
    color: #000000;
}

.contactForm input[type="submit"]:hover{
    background: url('images/mobile/slice/btns/btnSubmitt_over.png') no-repeat;
}

#sendPointer{
    display: none;
}

.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: -200px;
    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 -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 .facebook:hover{
    background-position: -152px -2630px;
}

#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', sans-serif;
    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: 100%;
   min-height: 370px;
}

.curTab div h2 {
  color: #000000;
  font-size: 10px;
  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: 100%;
    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: 100%;
}
.curTab.faq .post,.curTab.dictionary .post {
max-width: 240px;
width: 100%;
font-size: 10px;
}



/******************* end faq, dictionary css *****************************/
/******************* events css *****************************/
.curTab.event {
     
    width: 100%;

}
.contentSection .pagesHolderEvents {
float: right;
     
    width: 100%;
padding: 50px 10px 20px 10px;
position: relative;
z-index: 2;
}
.boxevent{
    margin-bottom: 10px;
    min-height:220px;
}
.boxEventchild{
    padding: 30px;
    font-size: 10px;
}

.boxevent span h2{
    color: #005e5e;
    font-size: 10px;
    font-weight: 700;
    cursor: default;
    line-height: 50px;
    padding-bottom: 0;
    border-bottom: 2px solid #d5d4d4;
    margin: 0;
}
.boxPic{
    width: auto;
    height: auto;
    float: none;
    clear: both;
}

/******************* end events css *****************************/
/*******************  mini site css *****************************/
#platformHolder{
    background: transparent !important;
}
.error{
    text-align: left;
    display: block;
    color: red;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif; 
}
.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;
}
.menu-topnav-container-mini{
    float: right;
    min-width: 10px;
    margin: 44px -77px 0 0;
    position: relative;
    z-index: 5;
}
.bgminisite #index{
    width: 875px;
}
.bgminisite{
    background: url("images/slices/clouds_bg.png") repeat-x 0 0 #FEFEFE;
    width: 100%;
    padding-bottom: 30px;
}
.ie .box ,.gecko .box{
    padding-top: 38px;
}
.box {
  text-transform: capitalize;
  padding-top: 14px;
}
.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: 100%;
    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', sans-serif;
    font-weight: 400;
    background: none;
    color: #000;
    display: inline;
    text-align: center;
   
}
.box h2 {
    font-size: 40px;
    font-family: 'Roboto Condensed', sans-serif;
    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{
    margin: 65px 0 0 0;
}
.box a#picOptionbuilder1 img{
    margin: 20px 0 0 -56px;
}
.box a#picOptionbuilder2 img{
    margin: 40px 0 0 0;
}
.box a#picOnetouch1 img{
    margin: 10px 0 0 0;
}
/******************* end how to trade general css *****************************/
/******************* how to trade 60 seconds  *****************************/
#penTrade.pen{
    right: 10px;
    top: 331px; 
}
.boxsNumber{
    width: 227px;
    position: absolute;
}
#one {
    top: 22%;
    left: 29%;
}
#two {
    top: 23%;
    left: 45%;
}
#three{
    top: 26%;
    right: 33%;
}
#payout{
    top: 545px;
    right: 596px;
}
#four{
    top: 695px;
    right: 550px;
    width: 296px;
}
#tradrs{
    top: 774px;
    left: 486px;
    width: 249px;
}
#manageTardeup{
    top: 1153px;
    right: 606px;
}
#manageTardeDown{
    right: 797px;
    top: 1299px;
    width: 226px;
}
#tradrs.boxsNumber .contentHowtoTrade{
    width: 203px;
}
#payout.boxsNumber .contentHowtoTrade{
    width: 196px;
}
#manageTardeDown.boxsNumber .contentHowtoTrade{
    width: 239px;
}
#four.boxsNumber .contentHowtoTrade{
    width: 223px;
}

.boxsNumber .numbers{
    float: left;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 104px;
    font-weight: 700;
    width: 36px;
    top: 0;
}

.boxsNumber .contentHowtoTrade{
    float: right;
    position: relative;
    top: 31px;
    width: 175px;
}
.boxsNumber div span.titleNember{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    font-weight: 700;
}
.boxsNumber div span.contentNember{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    color: #6D6D6D;
    font-weight: 400;
}
/*******************end how to trade 60 seconds  *****************************/
/******************* how to trade binary option  *****************************/
.page-id-1570 #manageTardeup {
    top: 1027px;
    left: 511px;
}
.page-id-1570 #manageTardeDown {
    right: 843px;
    top: 978px;
    width: 293px;
}
.page-id-1570 #manageTardemiddel {
    top: 1035px;
    right: 619px;
}
.page-id-1570 #manageTardemiddel_more {
    top: 1795px;
    right: 647px;
}
#page-id-1570 #manageTardeup.boxsNumber .contentHowtoTrade{
    width: 187px;
}

/*******************end  how to trade binary option*****************************/
/*******************  how to trade Long term*****************************/
.page-id-1573 #tradrs {
    top: 835px;
    left: 649px;
    width: 262px;
}
.page-id-1573 #manageTardeup {
    top: 1228px;
    right: 603px;
}
.page-id-1573 #manageTardeDown {
    right: 873px;
    top: 1312px;
    width: 226px;
}
/*******************end  how to trade Long term*****************************/
/******************* how to trade pairs  *****************************/
.page-id-1582 #one.boxsNumber .contentHowtoTrade{
    width: 200px;
}
.page-id-1582 #two.boxsNumber .contentHowtoTrade{
    width: 190px;
}
.page-id-1582 #payout.boxsNumber .contentHowtoTrade {
width: 230px;
}
.page-id-1582 #manageTardeup.boxsNumber .contentHowtoTrade {
width: 203px;
}
.page-id-1582 #manageTardemiddel.boxsNumber .contentHowtoTrade {
width: 194px;
}
.page-id-1582 #one{
    top: 214px;
    left: 506px;
    width: 243px;
}
.page-id-1582 #two {
    top: 200px;
    left: 790px;
    width: 245px;
}
.page-id-1582 #three {
    top: 243px;
    right: 615px;
}
.page-id-1582 #four {
    top: 750px;
    left: 420px;
    width: 296px;
}
.page-id-1582 #payout {
    top: 789px;
    right: 641px;
    width: 284px;
}
.page-id-1582 #tradrs {
    top: 1073px;
    left: 510px;
    width: 249px;
}
.page-id-1582 #manageTardeup {
    top: 1003px;
    left: 780px;
    width: 255px;
}
.page-id-1582 #manageTardeDown {
    right: 562px;
    top: 1060px;
    width: 297px;
}
.page-id-1582 #manageTardemiddel {
    right: 647px;
    top: 1710px;
    width: 253px;
}
#sep{
    margin-top: 120px;
}
/*******************end how to trade pairs  *****************************/
/******************* how to trade one touch  *****************************/
.page-id-1575 #one.boxsNumber .contentHowtoTrade {
    width: 222px;
}
.page-id-1575 #payout.boxsNumber .contentHowtoTrade {
    width: 220px;
}
.page-id-1575 #tradrs.boxsNumber .contentHowtoTrade {
    width: 228px;
}
.page-id-1575 #manageTardeDown.boxsNumber .contentHowtoTrade {
    width: 175px;
}
.page-id-1575 #one {
    top: 287px;
    left: 755px;
    width: 264px;
}
.page-id-1575 #two {
    top: 452px;
    left: 766px;
}
.page-id-1575 #three {
    top: 480px;
    right: 615px;
}
.page-id-1575 #payout {
    top: 633px;
    right: 553px;
    width: 273px;
}
.page-id-1575 #four {
    top: 833px;
    right: 591px;
    width: 296px;
}
.page-id-1575 #tradrs {
    top: 1066px;
    left: 989px;
    width: 283px;
}
.page-id-1575 #manageTardeup {
    top: 1027px;
    left: 481px;
}
.page-id-1575 #manageTardeDown {
    right: 668px;
    top: 1359px;
    width: 226px;
}
.page-id-1575 #manageTardemiddel{
    top: 1559px;
    right: 909px;
}
/*******************end how to trade one touch  *****************************/
/******************* how to trade Option builder  *****************************/
.page-id-1578 #one {
    top: 221px;
    left: 513px;
    width: 218px;
}
.page-id-1578 #three {
    top: 241px;
    right: 615px;
}
.page-id-1578 #four {
    top: 862px;
    right: 861px;
    width: 281px;
}
.page-id-1578 #payout {
    top: 793px;
    right: 617px;
    width: 251px;
}
.page-id-1578 #tradrs {
    top: 756px;
    left: 468px;
    width: 289px;
}
.page-id-1578 #manageTardeup {
    top: 1059px;
    right: 831px;
    width: 244px;
}
.page-id-1578 #manageTardeDown {
    right: 892px;
    top: 1435px;
    width: 226px;
}
.page-id-1578 #tradrs.boxsNumber .contentHowtoTrade {
    width: 247px;
}
.page-id-1578 #manageTardeup.boxsNumber .contentHowtoTrade {
    width: 201px;
}

.imageMobile img{
height: auto !important;
overflow: hidden;
width: 100%;
}
.navigation {
margin-top: 29px;
float: right;
margin-right: 12px;
width: 120px;
}
.prevNavigation {
height: 76px;
float: left;
}
.prevNavigation a{
    background: url('images/mobile/slice/innerPages/arrLeft1.png') no-repeat no-repeat center center;
    width: 30px;
    height: 50px;
    display: block;
}
.nextNavigation {
float: left;
margin-left: 50px;
}
.nextNavigation a{
    background: url('images/mobile/slice/innerPages/arrRight1.png') no-repeat no-repeat center center;
    width: 30px;
    height: 50px;
    display: block;
}
.prevArrow{
    background: url('images/mobile/slice/innerPages/arrLeft1.png') no-repeat center center;
    width: 30px;
    height: 50px;
    display: block;
    float:left;
    cursor: pointer;
}
.prevArrow.disable{
    background: url('images/mobile/slice/innerPages/arrLeft2.png') no-repeat no-repeat center center;
    width: 30px;
    height: 50px;
    display: block;
    float:left;
    cursor: default;
}
.nextArrow{
    background: url('images/mobile/slice/innerPages/arrRight1.png') no-repeat no-repeat center center;
    width: 30px;
    height: 50px;
    display: block;
    float:left;
    margin-left: 50px;
    cursor: pointer;
}
.nextArrow.disable{
    background: url('images/mobile/slice/innerPages/arrRight2.png') no-repeat no-repeat center center;
    width: 30px;
    height: 50px;
    display: block;
    float:left;
    margin-left: 50px;
    cursor: default;
}
#pageTab_sampleTitle li.hiddenMobile{
    display:none;
}
/*.menuMobile{
    display: inline;
}
.slide {
position: absolute;
overflow: hidden;
height: 934px;
width: 46px;
margin: 5em 0;
margin-left: 98%;
}
.showslide{
width: 342px !important;
margin-left: 29%;
}
.header button{
background: url('images/mobile/slice/menu_button.png') no-repeat 0 0;
height: 37px;
cursor: pointer;
width: 57px;
float: right;
margin-right: 20px;
margin-top: 32px;
display: inline;
}
.slide .inner {
position: absolute;
right: 0;
bottom: 0;
width: 344px;
height: 934px;
padding: 6px;
background-color:#1A1F20;
color: #ffffff;
width: 0px;
padding: 0px;
overflow: hidden;
transition: all 1s;
}
.slide .inner.show {
    width: 344px;   
}
#hiddenInner
{
    visibility: hidden;
}*/
.sidebarnameMobile{
    display: none;
}

/*******************end how to trade Option builder *****************************/





/*******************start the css of the slide menu*****************************/

/* General styles for all menus */
.cbp-spmenu {
    background: #1a1f20;
    position: fixed;
    display: block;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
    width: 260px;
    height: 100%;
    top: 0;
    z-index: 1000;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-right {
    right: -260px;
}

.cbp-spmenu-right.cbp-spmenu-open {
right: -20px;
padding-top: 10px;
overflow: auto;
padding-right: 20px;
overflow-x: hidden !important;
height: 100%;
background-color: #1A1F20; 
}

/* Push classes applied to the body */

.bodyMain {
    overflow-x: hidden;
    position: relative;
    left: 0;
}

.bodyMain-toleft {
    left: -260px;
}

/* Transitions */

.cbp-spmenu,
.bodyMain {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.buttonset {
width: 30px;
float: right;
margin-right: 30px;
margin-top: 15px;
}

.buttonset  button {
    border: none;
    background: url('images/mobile/slice/menu_button.png') no-repeat center center;
    color: #fff;
    padding: 1.5em;
    display: block;
    width: 100%;
    cursor: pointer;
    margin: 10px 0;
    font-size: 0.8em;
}


@media screen and (max-height: 26.375em){

    .cbp-spmenu-vertical {
        font-size: 90%;
        width: 260px;
    }

    .cbp-spmenu-right {
        right: -260px;
    }
}