/* 
    Theme Name: xchange
    Author: 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, .pagesList-container ul ,.header ul ,#index ul,.contentSection .contentMain .title ul{
	list-style: none;
}
blockquote, q {
	quotes: none;
}
body{
	margin: 0;
	padding: 0;
	border: 0;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input,
button,
input:focus,
button:focus{
	border: 0px #000 solid;
	*ie-dummy: expression(this.hideFocus=true);
}
a{
	text-decoration: none;
}
strong{
    font-weight: 700;
}
em{
    font-style: italic;
}
/******************* end reset css *****************************/

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

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

.section .content{
	position: relative;
	margin: 0 auto;
	width: 1100px;
	height: 100%;
}
.popup#login .box h2,.popup#openAccount .box h2{
    font-size: 30px;
    font-family: 'Roboto Condensed', 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: 50;
}

.popup .screen{
	background: url('images/screenPattern.png');
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.popup .box{
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	border: 1px #eee solid;
	padding: 30px 10px 10px;
	border-radius: 5px;
	width: 640px;
	height: 390px;
	margin: -216px 0 0 -331px;
}
.popup#login .box,.popup#openAccount .box,.popup#forgotPassword .box {
	position: absolute;
        top: 50%;
        left: 50%;
        background: url('images/sprite_popuplogin.png') no-repeat -5px -4px;
        width: 436px;
        height: 429px;
        margin: -216px 0 0 -214px;
        border: none;
        padding: 45px 0;
}
.popup .box .close{
	position: absolute;
	top: -17px;
	left: -17px;
	background: url('images/spotoptionSprite.png') no-repeat -1819px -2448px;
	width: 34px;
	height: 34px;
	cursor: pointer;
}
.popup#login .box .close, .popup#openAccount .box .close,.popup#forgotPassword .box .close{
	position: relative;
        top: -6px;
        left: -21px;
        background: url('images/sprite_popuplogin.png') no-repeat -446px -28px;
        width: 14px;
        height: 14px;
        cursor: pointer;
        float: right;
}
#forgotPasswordbox {
padding: 50px;
}
#forgotPasswordbox p {
font-size: 12px;
font-family: 'Roboto Condensed', 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/bg.jpg') -10px 0 no-repeat;
}
.contentSection .contentMain{
	width: 968px;
	margin-left: 8px;
	float: left;
        min-height: 720px;
}
.contentSection .contentMain .title{
	display: block;
	height: 72px;
	line-height: 72px;
        font-family: 'Roboto Condensed', 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: 74px;
}
.contentSection .topImage.brands{
	background: transparent url('images/contentBgBrands.png') 0 0 no-repeat;
	padding: 140px 83px 0 0;
	margin: -140px -83px 0 0;
}
.contentSection .topImage.binaryOptions{
	background: transparent url('images/contentBgBinaryOptions.png') 0 0 no-repeat;
	padding: 115px 0 0 0;
	margin: -115px 0 0 0;
}
.contentSection .topImage.solution{
	background: transparent url('images/contentBgSolution.png') 0 0 no-repeat;
	padding: 134px 27px 0 0;
	margin: -134px -27px 0 0;
}
.contentSection .topImage.whiteLabelProgram{
	background: transparent url('images/contentBgWhiteLabelProgram.png') 0 0 no-repeat;
	padding: 107px 83px 0 0;
	margin: -107px -83px 0 0;
}
.contentSection .topImage.infoCenter{
	background: transparent url('images/contentBgInfoCenter.png') 0 0 no-repeat;
	padding: 102px 83px 9px 0;
	margin: -102px -83px -9px 0;
}
.contentSection .topImage.regulation{
	background: transparent url('images/contentBgRegulation.png') 0 0 no-repeat;
	padding: 106px 83px 37px 0;
	margin: -106px -83px -37px 0;
}
.contentSection .topImage.contact{
	background: transparent url('images/contentBgContact.png') 0 0 no-repeat;
	padding: 138px 147px 0 0;
	margin: -138px -147px 0 0;
}

.contentSection .topImage .caption{
position: absolute;
top: 39px;
left: 36px;
color: #fff;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 25px;
text-shadow: -1px -1px 2px rgba(0,0,0,0.8);
width: 470px;
}
.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 .longTerm{
line-height: 30px;	
}
.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.cookiePage{
width: 900px;
}
.contentSection .pagesHolder .page{
	font-family: arial;
	font-size: 15px;
	line-height: 24px;
	display: none;
}
.contentSection .pagesHolder .page.selected{
	display: block;
}
.contentSection .pagesHolder .page h3{
	font-size: 16px;
}

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

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

.contentSidebar .contactLink:hover{
	background: url('images/sidebar_btns.png') no-repeat -10px -138px;
        width: 242px;
	height: 63px;
        
}
#fixedSidebarTitle{
    position: fixed;
    right: 28px;
    top: 50%;
    margin-top: 169px;  
}
.sideCaptionContainer{
	width: 180px;
        padding-left: 10px;
        margin: 40px auto 0;
        position: relative;
        line-height: 36px;
        font-family: 'Roboto Condensed', 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;
}
#toppage{
    height: 94px;
}
.headerSection{
	width: 100%;
	background: url('images/diagonalStripes.gif') repeat;
	height: 112px;
	position: fixed;
	top: 46px;
	z-index: 10;
}

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

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

.logo{
background: url('images/sprite.png') no-repeat -82px -13px;
width: 364px;
height: 96px;
float: left;
min-width: 10px;
margin: 10px 0 0 -16px;
}

.logoCaption{
	float: left;
	min-width: 10px;
	clear: left;
	line-height: 26px;
    color: #989797;
	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;
}

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

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

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

.nav-menu li ul.sub-menu > li:hover > a{
        background: #f3f3f3;
	background: rgba(243,243,243,1);
}
/******** -end menu css- *******/
.awardMedal{
position: absolute;
top: 0;
right: -175px;
background: url('images/medal.png') no-repeat -19px 0;
width: 266px;
height: 250px;
}
.award{
	position: absolute;
	width: 125px;
	height: 120px;
	top: 69px;
	left: 24px;
}
.award1{
	background: url('images/spotoptionSprite.png') no-repeat -2205px -1313px;
	z-index: 2;
}
.award2{
	background: url('images/spotoptionSprite.png') no-repeat -2205px -1433px;
}
.award3{
	background: url('images/spotoptionSprite.png') no-repeat -2205px -1553px;
}
.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: 503px;
	background: #fff url('images/banner_homepage.png') center 0 repeat-x;
	margin-top: 64px;
}

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

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

.section1 .demoPointer{
	float: left;
	position: relative;
	background: url('images/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: 350px 0 0 50px;
width: 100%;
}

.section1 .points > div{
display: block;
min-height: 48px;
padding: 0;
color: #fff;
width: 170px;
float: left;
margin-left: 10px;
}
.section1 .points > div .big{
	font-size: 20px;
	line-height: 22px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.section1 .points > div .small{
	font-size: 12px;
	line-height: 14px;
	font-family: arial;
	display: inline-block;
}

.section1 .points > div.front .img1{
	background: url('images/sprite.png') -36px -1194px no-repeat;
	width: 87px;
	height: 61px;
	margin-top: 6px;
}
.section1 .points > div.trade .img2{
	background: url('images/sprite.png') -204px -1186px no-repeat;
	width: 81px;
	height: 69px;
}
.section1 .points > div.cms .img3{
	background: url('images/sprite.png') -389px -1185px no-repeat;
	width: 81px;
	height: 70px;
}
.section1 .points > div.crm .img4{
	background: url('images/sprite.png') -577px -1189px no-repeat;
	width: 87px;
	height: 68px;
}
.section1 .points > div.risk .img5{
	background: url('images/sprite.png') -750px -1192px no-repeat;
	width: 83px;
	height: 65px;
}
.section1 .points > div.payment .img6{
	background: url('images/sprite.png') -909px -1187px no-repeat;
	width: 93px;
	height: 65px;
}

.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: 600px;
	background: #F2E7E1;
}

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

.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: 542px;
text-align: left;
font-size: 50px;
letter-spacing: -2px;
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
color: #000;
padding-top: 120px;
line-height: 30px;
float: right;
}
.section2 .extraBig {
line-height: 52px;
}
.section2 .big {
font-size: 27px;
color: #4E4E4F;
letter-spacing: 0.3px;
font-weight: 300;
}
.section2 .small {
font-size: 17px;
color: #4E4E4F;
letter-spacing: 0.3px;
font-weight: 300;
}
.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: 636px;
	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;
        color: #fff;

}
.testimonials .big{
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 300;
        font-size: 24px;
        line-height: 25px;
        color: #fff;

}
.section2 .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;
	bottom: 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;
}
.section2 .content .testimonials:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}17

.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: 600px;
	background: #fff url('images/products_bg.png') center 0 repeat-x;
	background-position: 0 0 !important;
}

.section4 .content{
	width: 1110px;
}

.section4 .title{
font-size: 50px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
text-align: left;
padding-top: 120px;
text-transform: uppercase;
}
.section4 .bold {
font-size: 50px;
line-height: 100px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
text-align: left;
line-height: 60px;
text-transform: uppercase;
}
.section4 .mainText {
text-transform: uppercase;
line-height: 44px;
font-size: 24px;
font-weight: 300;
margin: 20px 0 0 10px;
}
.section4 .mainText .titleBig{
	font-weight: 400;
}
.section4 .column{
	width: 404px;
	float: left;
	position: relative;
}
.section4 .imgSection4{
background: url('images/products.png') no-repeat 0 0;
width: 690px;
height: 470px;
right: -6%;
position: absolute;
top: 13%;
}
.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: 752px;
	background: #181818 url('images/diagonalStripes2.gif') center 0 repeat-x;
	color: #a49f9f;
	font-family: Arial;
	font-size: 16px;
    padding: 50px 0;
    clear: both;
}

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

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

.footer .infoTitle{
	margin-top: 30px;
	color: #fff;
}
.footer .infoDesc{
	margin-top: 20px;
}
.footer .salesTitle{
	margin-top: 10px;
	color: #fff;
        
}
.footer .salesLink{
	margin-top: -17px;
}
.footer .salesLink a{
        height: 20px;
        display: block;    
}
.footer .salesLink a,
.footer .salesLink a:visited,
.footer .salesLink a:active{
	color: #fff;
	text-decoration: underline;
}
.footer .salesLink a:hover{
	color: #fff;
}

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

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

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

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

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

.contactForm label{
	display: block;
	margin-top: 13px;
	font-size: 14px;
}
.contactForm label[for="contact_message"]{
	margin-top: 20px;
}
.contactForm input[type="text"],.contactForm input[type="email"]{
	margin-top: 3px;
	display: block;
	width: 260px;
	height: 38px;
	line-height: 38px;
	color: #555;
	font-size: 16px;
	border-radius: 4px;
	box-shadow: -5px -5px 14px rgba(0,0,0,0.25) inset;
	text-indent: 5px;
}
.contactForm textarea{
	font-family: arial;
	margin-top: 3px;
	display: block;
	width: 415px;
	height: 110px;
	padding: 5px;
	line-height: 22px;
	color: #555;
	font-size: 16px;
	border-radius: 4px;
	box-shadow: -5px -5px 14px rgba(0,0,0,0.25) inset;
}
.contactForm #submit{
margin-top: 15px;
background: url('images/spotoptionSprite.png') no-repeat -1273px -2322px;
width: 200px;
height: 53px;
line-height: 53px;
color: #fff;
text-align: center;
text-transform: capitalize;
font-size: 24px;
cursor: pointer;
}
.downloadLinks {
color: #000;
text-align: center;
font-size: 22px;
text-decoration: underline;
text-transform: uppercase;
}
.contactForm #submit:hover{
	background: url('images/spotoptionSprite.png') no-repeat -1273px -2390px;
}
.contactForm input[type="submit"]:hover{
	background: url('images/spotoptionSprite.png') no-repeat -1273px -2390px;
}
#sendPointer{
background: url('images/spotoptionSprite.png') no-repeat -1443px -1785px;
width: 531px;
height: 461px;
position: absolute;
bottom: -65px;
left: 48%;
margin-left: -50% !important;
-webkit-transform: rotate(11deg) !important;
}
.ContactusToptitle {
    font-family: Roboto Condensed;
    font-size: 70px;
    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: #F2E7E1 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: #32376b;
  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;
}
.box {
  text-transform: capitalize;
  padding-top: 14px;
  position: relative;
}
.picHomehtr{
    background: url("images/sprite_howtotrade.png") 0 -26px;
    width: 361px;
    height: 217px;
    margin-left: -28px;
}
.box#title_htr{
    position: relative;
    bottom: 114px;
    left: 193px;
}
.box#trading h2{
    width: 345px;
}
.continerButton{
    width: 714px;
    height: 471px;
    margin-left: 53px;
    margin-top: -82px;
}
.continerButton a{
    width: 227px;
    height: 227px;
    float: left;
    display: block;
    padding: 3px;
    clear: right;
}
.continerButton a span{
    display: block;
    font-size: 27px;
    color: #6B6B6B;
    margin-top: 136px;
    font-weight: 700;
    text-align: center;
}
.continerButton a#binaryOption{
    background: url("images/sprite_howtotrade.png") -45px -254px;
}
.continerButton a#binaryOption:hover{
    background: url("images/sprite_howtotrade.png") -45px -772px;
}
.continerButton a#longTerm{
    background: url("images/sprite_howtotrade.png") -286px -254px;
}
.continerButton a#longTerm:hover{
    background: url("images/sprite_howtotrade.png") -286px -772px;
}
.continerButton a#oneTouch{
    background: url("images/sprite_howtotrade.png") -526px -254px;
}
.continerButton a#oneTouch:hover{
    background: url("images/sprite_howtotrade.png") -526px -772px;
}
.continerButton a#optionBuilder{
    background: url("images/sprite_howtotrade.png") -45px -495px;
}
.continerButton a#optionBuilder:hover{
    background: url("images/sprite_howtotrade.png") -45px -1013px;
}
.continerButton a#pairs{
    background: url("images/sprite_howtotrade.png") -285px -495px;
}
.continerButton a#pairs:hover{
    background: url("images/sprite_howtotrade.png") -285px -1013px;
}
.continerButton a#sixtySeconds{
    background: url("images/sprite_howtotrade.png") -526px -495px;
}
.continerButton a#sixtySeconds:hover{
    background: url("images/sprite_howtotrade.png") -526px -1013px;
}
.box#title_htr h2{
    font-size: 40px;
    font-family: 'Roboto Condensed', 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;
}
.copyrightXchange {
clear: both;
text-align: center;
padding: 20px 10px 0;
z-index: 10;
position: relative;
color: #fff;
font-size: 13px;
width: 800px;
margin: 0 auto;
height: 105px;
border: 5px solid #a49f9f;
}
.copyrightXchange a{
	color:#fff !important;
	text-decoration: underline;
}
.content a{
	color:#000000;
}
/*******************end how to trade 60 seconds  *****************************/
.cbp-spmenu {
    display: none;
}
.buttonMobile {
    display: none;
}
.title_des{
position: relative;
margin-top: -348px;
left: 13px;
}
#sep{
    margin-top: 120px;
}
#hiddenFormContainer{
	display:none;
}
#step2Contactus {
min-height: 529px;
background: url('images/thankYou.png') no-repeat 10px 92px;
width: 519px;
height: 327px;
float: right;
}
/************************ Languages ************************************/

/************************ brands **************************************/
.brandsBox {
width: 100%;
height: 244px;
margin: 10px 0 10px;
}
.imgBrands {
float: left;
}
.titleBrands {
font-size: 23px;
text-transform: uppercase;
margin: 0px 0 4px;
}
.contentBrands {
float: left;
width: 411px;
margin-left: 10px;
}
.websiteBrands {
margin: 14px 0 0 0;
font-size: 13px;
}
.websiteBrands a{
	color:#000;
}
.textBrands {
font-size: 12px;
line-height: 18px;
color: #8D8D8D;
}
.borderImg{
	background: url('images/separator.png') no-repeat 0 0;	
	width: 686px;
	height: 1px;
	float: left;
}
.testBrands {
font-weight: bold;
}
div.divCookies {
color: #fff;
background: #000;
height: 46px;
width: 100%;
font-size: 13px;
text-align: center;
line-height: 44px;
position: fixed;
z-index: 10;
}
div.centerDivCookies {
margin: 0 auto;
width: 900px;
height: 100%;
}
div.centerDivCookies a{
color: #D9BE69;	
}
div.imgWarning {
background: url('images/icons.png') no-repeat 0 0;
width: 21px;
height: 21px;
float: left;
margin-top: 9px;
}
div.imgOk {
cursor: pointer;
background: url('images/icons.png') no-repeat 0 -23px;
width: 21px;
height: 21px;
float: right;
margin-top: 11px;
}
.headerSection.afterDislayCookie {
top: 0;
}
.section1.noMarginTop{
margin-top:0;
}
#step1Contactus form.wpcf7-form {
 margin: 25px 0;
}
#step1Contactus form.wpcf7-form  p {
  margin-top: 7px;
}
#step1Contactus input[type="text"], #step1Contactus input[type="email"], #step1Contactus input[type="tel"] {
  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;
}
#step1Contactus 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;
}
#step1Contactus input[type="submit"] {
  clear: both;
  float: left;
  margin: 15px 0;
  background: url('images/spotoptionSprite.png') no-repeat -1273px -2322px;
  width: 200px;
  height: 53px;
  line-height: 53px;
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  font-size: 24px;
  cursor: pointer;
}
#step1Contactus span.wpcf7-not-valid-tip {
  color: #f00;
  font-size: 1em;
  display: block;
  position: absolute;
  background-color: #fff;
  margin-left: 175px;
  padding: 4px;
  border: 1px solid #f00;
  width: 245px;
  margin-top: -23px;
}
#step1Contactus div.wpcf7-validation-errors, #step1Contactus div.wpcf7-mail-sent-ng {
  position: absolute;
  color: #fff;
  z-index: 100;
  margin-top: 10px;
  margin-left: 217px;
  margin-top: 26px;
}
#step1Contactus div.wpcf7-mail-sent-ok {
  margin: 10px 0;
  position: absolute;
  z-index: 100;
  color: #fff;
  margin-left: 217px;
  margin-top: 19px;
}
.captcha {
  float: left;
  margin: 8px;
}
.wpcf7-captchar {
  float: left;
}