/* 
    Theme Name: SpotMachine
    Author: Nadav Rotchild
*/


/******************* reset css *****************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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, .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: inherit;
}

.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: #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;
}
#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: 200;
}

.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%;
    background: none;
    border-radius: 5px;
    width: auto;
    height: auto;
    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/mobile/slice/playClose.png') no-repeat;
    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 .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 52px;
    background: #fff url('images/contentBg.jpg') -10px 0 no-repeat;
    width: 1918px;
    margin: 0 auto;
}
.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', sans-serif;
        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;
}
body.zh-hans .contentSection .topImage .caption{
    width: 400px;
}
.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', sans-serif;
        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;
}
.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: absolute;
    right: 172px;
    top: 95px;
    width: 330px;
}
.sideCaptionContainer{
    width: inherit;
    padding-left: 10px;
    margin: 40px auto 0;
    position: relative;
    line-height: 36px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 26px;
}

#playContainer{
    position: relative;
    cursor: pointer;
    width: 220px;
    height: 146px;
    background: url('images/play.png') no-repeat;
    margin-bottom: 30px;
}

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

.sideCaptionContainer .upperQuote{
    position: absolute;
    top: 391px;
    left: 22px;
    background: url('images/gershaim1.png') no-repeat;
    width: 28px;
    height: 28px;
}
.sideCaptionContainer .lowerQuote{
    position: absolute;
    top: 555px;
    right: 89px;
    width: 28px;
    height: 28px;
    background: url('images/gershaim2.png') no-repeat;
}

.sideCaption {
    position: relative;
    margin-top: 43px;
    margin-left: 44px;
    width: 200px;
    font-size: 26px;
}

.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;
    overflow-x: hidden;
}
#toppage{
    height: 94px;
}
.headerSection{
    width: 100%;
    background: url('images/header_repeater.jpg') repeat-x;
    height: 94px;
    position: fixed;
    top: 0;
    z-index: 200;
}

.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/logo.png');
    width: 233px;
    height: 74px;
    float: left;
    min-width: 10px;
    margin: 5px 0 0 10px;
}


/********** -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: 45px;
}

#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: 44px 0px 0 0;
    position: relative;
    z-index: 5;
}
.ie7 .menu-topnav-container{
    float: none;
    margin-top: 45px;
}
.nav-menu li{
    float: left;
    margin-left: -1px;
    height: 12px;
    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: #a05f27;
    
}
.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;
}
body.zh-hans .nav-menu li > a{
padding: 4px 23px 0;
}
.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;
}


.sliderwrapper {
    width: 100%;
    height: auto;
    min-height: 300px;
    position: relative;
    margin: 0 auto;
}

/* Slider CSS */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  min-height: 300px;
  }



/* End of slider css */


.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;*/
}
.nav-menu li:hover .sub-menu > li.last a{
border: 0;
}
.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);
    border: 0 #e9e9e9 solid;
    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: #a05f27;
}
/******** -end menu css- *******/
.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: auto;
    background: #232323;
}

.section1 .captionLarge{
    font-size: 42px;
    color: #fff;
    line-height: 52px;
    font-family: 'robot', sans-serif;
    text-transform: uppercase;
    letter-spacing: -1px;
    z-index: 100;
}
.section1 .captionLarge span{
    background: #000;
    padding: 0 12px 2px;
    display: inline-block;
    margin: 2px 0;
}

.bolder{
    font-family: 'Roboto Condensed',sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 45px;

}

#buttonsArea{
    width: 700px;
    height: 100px;
    z-index: 100;
    margin-top: 30px;
}

#already, #experience{
    display: block;
    width: 266px;
    height: 75px;
    text-transform: uppercase;
    padding: 20px 0;
    color: #000000;
    font-weight: bold;
    text-align: center;
    font-size: 17px;
    float: left;
}

#already{
    margin-right: 30px;
    margin-top: 17px;
    background: url('images/inner_btn2.png') no-repeat;
    font-size: 23px;
    line-height: 22px;
    cursor: pointer;
}
body.es #experience{
	font-size: 18px;
}
body.es #already{
	font-size: 18px;
}
body.es .footer .title{
font-size: 38px;	
}
body.ru #experience{
	font-size: 18px;
}
body.ru #already{
	font-size: 18px;
}
body.ru .footer .title{
font-size: 47px;	
}
body.ru #playVideoDescription span {
font-size: 19px;
}
#experience{
    background: url('images/white_btn_notxt.png') no-repeat;
    width: 329px;
    height: 73px;
    line-height: 25px;
    margin-top: 14px;
    font-size: 22px;
    text-align: center;
    text-indent: 6px;
}



#ContactInside, #experienceInside{
    display: block;
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
    text-align: center;
    font-size: 17px;
}

#ContactInside{
    width: 266px;
    height: 75px;
    margin-right: 30px;
    padding-top: 12px;
    background: url('images/inner_btn2.png') no-repeat;
    cursor: pointer;
}

#ContactInside a{
    color: #000000;
    text-decoration: none;
}

#experienceInside{
    width: 266px;
    height: 75px;
    padding-top: 12px;
    color: #FFFFFF;
    background: url('images/inner_btn1.png') no-repeat;
}


/*.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/spotoptionSprite.png') no-repeat -1908px -2323px;
    width: 217px;
    height: 143px;
    margin: 20px 0 -15px 45px;
    z-index: 2;
}

.section1 .demoPointer .openDemo{
    display: block;
    position: absolute;
    background: url('images/spotoptionSprite.png') no-repeat -1819px -2323px;
    width: 39px;
    height: 48px;
    top: 81px;
    left: 164px;
}*/
/*.section1 .demoPointer .openDemo:hover{
    background-position: -1819px -2371px;
}*/

.section1 .listTitle{
    clear: both;
    color: #000;
    font-size: 30px;
        font-family: 'Roboto Condensed', sans-serif;
        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 -1220px 0;
    width: 954px;
    height: 813px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -185px;
}
.section1 #ipad1{
    background: url('images/spotoptionSprite.png') no-repeat 0 -1170px;
    width: 504px;
    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: 257px;
    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 81px 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 60px 0 0;
        text-align: right;
}

/******************* 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', 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: 237px;
    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: 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', sans-serif;
        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', sans-serif;
        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', sans-serif;
        font-weight: 300;
    font-size: 51px;
    line-height: 44px;
    text-transform: uppercase;
    letter-spacing: -2px;
}

.section2 .useIntegration .title .big{
        font-family: 'Roboto Condensed', sans-serif;
        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;
}
.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', sans-serif;
        font-weight: 300;
    font-size: 16px;
    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: 637px;
    position: relative;
    z-index: 1;
    background: #fff url('images/bg3_text.jpg') 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', 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;
}
.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', 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: 600px;
        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: 1400px;
    background: #fff url('images/bg4.jpg') center 0 repeat-x;
}

.section4 .content{
    width: 1212px;
}

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

.section4 .column{
    width: 404px;
    float: left;
    position: relative;
}
.section4 .column1 .image{
    background: url('images/spotoptionSprite.png') no-repeat -454px -1850px;
    width: 404px;
    height: 406px;
    margin-top: 15px;
}
.section4 .column2 .image{
    background: url('images/spotoptionSprite.png') no-repeat -908px -1835px;
    width: 404px;
    height: 421px;
}
.section4 .column3 .image{
    background: url('images/spotoptionSprite.png') no-repeat 0 -1853px;
    width: 404px;
    height: 403px;
    margin-top: 18px;
}

.section4 .column .text{
    margin-top: -15px;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    padding: 0 48px 0 34px;
    word-spacing:5px;
}

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

.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', 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: auto;
    background: #191919;
    color: #a49f9f;
    font-family: Arial;
    font-size: 16px;
    padding: 0 0 0 0 !important;
    clear: both;
    width: 100%;
    position: relative;
    margin: 0 auto;
}

#contactUs{
    position: absolute;
    top: 0;
    left: 50%;
}

.footer .left {
    width: 40%;
    float: left;
    margin: 35px 0 0 60px;
}

.footer .right {
    width: 46%;
    float: left;
    margin: 50px 0 0 80px;
}


.footer .title{
        font-family: 'Roboto Condensed', sans-serif;
        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;
    float:left;
        
}
.footer .salesLink{
    margin-top: 10px;
    float: left;
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;
    padding-top: 9px;
    clear:both;
}

.footer .phoneIcon{
    display: inline-block;
    background: url('images/mobile/slice/flags/phone.png') no-repeat;
    width: 35px;
    height: 20px;
}

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

.footer .phonesList .flag{
    display: inline-block;
    padding-right: 15px;
    width: 20px;
    height: 22px;
    vertical-align: middle;
}
.footer .cyprusFlag{
    background: url('images/mobile/slice/flags/cy.png');
}
.footer .ukFlag{
    background: url('images/mobile/slice/flags/gb.png');
}
.footer .japanFlag{
    background: url('images/mobile/slice/flags/jp.png');
}

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

#playVideoText{
    width: 139px;
    height: 115px;
    position: absolute;
    background: url('images/playNow.png') no-repeat;
    z-index: 199;
    top: 373px;
    left: 275px;
}

/*#playVideoBtn{
    cursor: pointer;
    width: 87px;
    height: 79px;
    position: absolute;
    background: url('images/playButton.png') no-repeat;
    z-index: 199;
    top: 434px;
    left: 424px;
}*/


.vjs-default-skin .vjs-big-play-button {
    left: 211px !important;
    top: 101px !important;
}

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

.contactForm input[type="submit"]:hover{
    background: url('images/spotoptionSprite.png') no-repeat -1273px -2390px;
}
#sendPointer{
    background: url('images/mobile/slice/hand.png') no-repeat;
    width: 531px;
    height: 417px;
    position: relative;
}
.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;
}
#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', 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: 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: 80px;
    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', 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;
    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;
}

/* Video */
.box {
  text-transform: capitalize;
  padding-top: 14px;
  position: relative;
}

.youtube_sc {
    width: auto;
    height: auto;
}


.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', 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,.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', sans-serif;
    font-size: 104px;
    font-weight: 700;
    top: 0;
}
.boxsNumber .contentHowtoTrade{
    position: relative;
    top: 31px;
    width: 100%;
}
.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: 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;
}

/******************* How Does It Work? Page  *****************************/
#howOuterBackground{
    width: 100%;
    height: auto;
    background: url('images/howDoespixel.png') repeat-x;
}

#howForground{
    width: 1920px;
    height: 971px;
    background: url('images/howWorkForground.jpg') no-repeat #091523;
}
body.zh-hans #howForground{
    background: url('images/howWorkForground_ch.jpg') no-repeat #091523;
}
body.es #howForground{
    background: url('images/howWorkForground_sp.png') no-repeat #091523;
}
body.ru #howForground{
    background: url('images/howWorkForground_ru.png') no-repeat #091523;
}
.infoBox{
    width: 330px;
    height: 186px;
    position: relative;
    float: left;
    margin-right: 21px;
}

.infoBox h2, .infoBox p{
    color: #FFFFFF;
    font-family: helvetica;
}

.infoBox p{
    font-size: 14px;
    width: 279px;
    line-height: 1.5;
    margin-top: 0;
}

body.es div#howOuterBackground div#howForground div#informationWrapper div.infoBox p,
body.ru div#howOuterBackground div#howForground div#informationWrapper div.infoBox p{
    font-size: 12px;
}

.infoBox h2{
    font-size: 36px;
}

#infoseg1, #infoseg4{
    margin-left: 179px;
}

.infoBoxLast{
    margin-right: 0;
    margin-left: 5px;
}

.infoSecondRow{
    margin-top: 327px;
}

#informationWrapper{
    width: 1345px;
    height: 958px;
    padding: 242px 0;
    position: relative;
    margin: 0 auto;
}

#cashierBox, #traderBox{
    display: block;
    width: 129px;
    height: 41px;
    position: absolute;
    font-size: 25px;
    text-transform: capitalize;
}

#cashierBox{
    color: #FFBB42;
    left: 0;
    top: 398px;
}
body.zh-hans #cashierBox{
   right: 35px;
}
#traderBox{
    right: 0;
    color: #EAEAEC;
    top: 387px;
}

body.es div#howOuterBackground div#howForground div#informationWrapper div#traderBox{
    top: 407px;
}



/************************ Languages ************************************/


/*########## Spanish CSS ##########*/

body.es div#headerSection-Main.headerSection div.header div.sidebarnameMobile div.menu-topnav-container ul#menu-topnav.nav-menu > li{
    height: 16px;

}

body.es div#headerSection-Main.headerSection div.header div.sidebarnameMobile div.menu-topnav-container ul#menu-topnav.nav-menu li ul.sub-menu{
    top: 49px;
}

body.es div#headerSection-Main.headerSection div.header div.sidebarnameMobile div.menu-topnav-container{
   width: 713px;
    margin: 40px 5px 0 5px;
}

body.es div#headerSection-Main.headerSection div.header div.sidebarnameMobile div.menu-topnav-container ul#menu-topnav.nav-menu li.menu-item a{
font-size: 13px;
padding: 4px 5px 0;
}




#PoweredByContainer{
    width: 100%;
    height: 69px;
    position: relative;
    background: url('images/repeat.jpg') repeat-x;
}
#PoweredBy{
    width: 913px;
    height: 69px;
    background: url('images/strip_logo.jpg') no-repeat;
    position: relative;
    margin: 0 auto;
}
body.zh-hans #PoweredBy{
    background: url('images/strip_logo_cn.jpg') no-repeat;
}
body.es #PoweredBy{
    background: url('images/strip_logo_sp.png') no-repeat;
}
body.ru #PoweredBy{
    background: url('images/strip_logo_ru.png') no-repeat;
}
.section .content {
    position: relative;
    margin: 0 auto;
    height: inherit;
    min-width: 340px;
    max-width: 1100px;
}

/* All Brands Page */
#brands{
    padding: 10px 0 10px 8px;
    width: 579px;
    float: right;
}

#hiddenFormContainer{
    display: none;
}

#ajaxLoader{
    display: none;
    width: 32px;
    height: 32px;
    background: url('images/ajax-loader.gif');
    margin-left: 84px;
    margin-top: 24px;
}

#playVideoBtn{
    width: 100%;
    height: 115px;
    top: 287px;
    cursor: pointer;
    z-index: 199;
    margin-top: 30px;
}

#videoArea{
    width: 153px;
    height: 115px;
    background: url('images/vid.png');
    float: left;
}

#playVideoDescription{
    height: 63px;
    width: auto;
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    float: left;
    padding: 10px 27px;
    margin-top: 17px;
    font-size: 15px;
}

#playVideoDescription span{
    font-weight: bold;
    font-size: 25px;
}

/* Our Brands page */
.brandsBox {
height: auto;
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;
    margin: 15px 0;
}
.testBrands {
font-weight: bold;
}

.clear{
    clear: both;
}

.page-template-page-brands-php .contentSection .pagesList-container{
    display: none;
}
#inner-content {
    position: absolute;
    left: 22%;
    z-index: 100;
    top: 92px;
    width: 800px;
}