/********GENERAL*********/
@font-face {
    font-family: 'Greta';
    font-weight: 400;
    src: url('../font/GretaTextArabicAR-RegularMinus.otf');
}
@font-face {
    font-family: 'Greta-Bold';
    font-weight: 600;
    src: url('../font/GretaTextArabicAR-Bold.otf');
}
@font-face {
    font-family: 'Greta-Light';
    font-weight: 300;
    src: url('../font/GretaTextArabicAR-Light.otf');
}
@font-face {
    font-family: 'Greta-Medium';
    src: url('../font/GretaTextArabicAR-Medium.otf');
}
html,body, h1,h2,h3,h4,ul,li,p,a,input,label, form{margin: 0;padding: 0; font-family: 'Open Sans','Arial','Microsoft Yahei','droidsansthai', sans-serif;}
html { height:100%;}
body { width:100%; font-size:100%; padding: 0px; margin: 0px;  text-decoration: none; direction: ltr; height: 100%; color: #3a3d48;  background:#fff; 
 -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
} 
label,h1, h2, h3, h4, h5, h6, img, img a, iframe, IFRAME, input, form, fieldset, hr, ul, li, ol, table, p, textarea, form { margin: 0px; padding: 0px; border: none; outline: none; text-decoration: none; background: transparent; }
div,header,footer,section,nav,article,input,span,p,button{ box-sizing:border-box;}
.clearfix {  clear: both; }
.clearFix {  clear: both;height: 0;width: 100% }
.cut_text { overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.container { width:100%;  position:relative; z-index:1;}
 .wrapper { width:944px; margin:0 auto;}
.section_invisible { display:none !important;}
section{padding: 70px 0}
.fl{float: left;width: 50%}
.fr{float: right;width: 50%}
.flag.fr{float: none}
.mobile_section { display:none;}
html.hidden_overflow { overflow: hidden;} 
.button_blue {display: inline-block;padding: 10px 10px 12px 10px; color: #fff; border:solid 1px rgb(65, 170, 249); text-align: center;text-decoration: none;font-size: 22px;font-weight: 500;webkit-border-radius:3px;border-radius:3px;-moz-border-radius:3px;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;transition: 0.5s all;background-color: #4aa0e1;}

.button_blue:hover { background:#4cb1fd;}


/*------------------------- LAZY --------------------------*/
.lazy_item {  opacity:1; filter: alpha(opacity=100);
-webkit-transition:0.5s opacity;
  -moz-transition:0.5s opacity;
  -o-transition:0.5s opacity;
  transition:0.5s opacity;}
.pending *,
.pending *:before,
.pending *:after { background-image:none !important;}
.pending .lazy_item:not(.show_loader) { background-image:none !important;   opacity:0; filter: alpha(opacity=0);}
.pending .lazy_item:before,
.pending .lazy_item:after {background-image:none !important; }


/*------------------------- HEADER --------------------------*/
.s1 {z-index:2; height:100%; min-height:100%; max-height:936px;background: #010c1e url(../images/head_bg.jpg) no-repeat top center;padding-bottom: 160px;display: table;vertical-align: middle;background-size: cover}
.s1 header {width:100%;  
  -webkit-transition: top 0.8s ease-in-out;
  -moz-transition: top 0.8s ease-in-out;
  -o-transition: top 0.8s ease-in-out;
  transition: top 0.8s ease-in-out;}
.s1[data-fx="up"] header {}

@-webkit-keyframes headerScrollDown {
  
  100% {
    top:0px;
  }
}

@-moz-keyframes headerScrollDown {
  
  100% {
    top:0px;
  }
}

@-o-keyframes headerScrollDown {
  
  100% {
    top:0px;
  }
}

@keyframes headerScrollDown {
  
  100% {
    top:0px;
  }
}


@-webkit-keyframes headerScrollUp {
  
  100% {
    top:-200px;
  }
}

@-moz-keyframes headerScrollUp {
  
  100% {
    top:-200px;
  }
}

@-o-keyframes headerScrollUp {
  
  100% {
    top:-200px;
  }
}

@keyframes headerScrollUp {
  
  100% {
    top:-200px;
  }
}
 





.s1 .top {padding-top:46px;min-height:20px;}
.s1 .logo {display: none; width:135px; height:43px; float:left; background:url(../images/logo.png) no-repeat; background-size:contain;}
.s1 .mid_logo { display:none; width:135px; height:43px;  background:url(../images/logo.png) no-repeat; background-size:contain;}
.s1 .navigation { float:right; }
.s1 nav ul,
.s1 nav li { list-style-type:none;}
.s1 nav ul > li{ position:relative; display:inline-block; margin-right:15px; list-style-type:none;}
.s1 nav ul > li .button_blue { display:none;}
.s1 nav ul > li:last-child { margin-right:0;}
.s1 nav ul > li > a{ position:relative; color:#fff; font-size:16px; text-decoration:none;}
.s1 nav ul > li > a:hover{}
.s1 nav ul > li.dd a .arrow { display:none; position:absolute; right: 50%; top: 22px; z-index:1; width: 18px; height: 18px; margin-right: -10px;}
.s1 nav ul > li.dd a .arrow:before {position: absolute;
    top: 9px;
    right: 0;
    margin-right: 0px;display: inline-block;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #ccc;
    border-left: 9px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ''; }
.s1 nav ul > li.dd a .arrow:after {position: absolute;
    top: 10px;
    right: 1px;
    margin-right: 0;display: inline-block;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffffff;
    border-left: 8px solid transparent;
    content: '';}
.s1 nav ul > li.dd > a:after { content:"";display:inline-block; position:relative; top:2px; margin-left:5px;  width:0px; height:0px;  border: 4px solid transparent; border-top: 4px solid #fff;}
.s1 nav ul > li.dd.open > a:before{ }
.s1 nav ul > li.dd.open a .arrow { display:block;}
.s1 nav ul li ol { display:none; position:absolute; top:40px; right:0; min-width:200px; background:#fff;  }
.s1 nav ul li ol:before {position: absolute; top: -20px;  right: 0; content: ""; display: block; height: 20px; width: 100%;}
.s1 nav ul li.open ol { display:block;}
.s1 nav ul li ol li{}
.s1 nav ul li ol li a{
 display:block;
 border:1px solid #d7d7d7;
 font-size: 14px;
 color: #2c2c2c;
 line-height: 40px;
 padding: 0px 15px;
 white-space: nowrap;
 font-weight: normal;
 overflow: hidden;
 text-overflow: ellipsis;
 text-decoration:none;
 }
 .s1 nav ul li ol li a[data-dir="cn"] { font-family:"Microsoft Yahei", sans-serif;}
.s1 nav ul li ol li:not(:last-child) a { border-bottom:none; }
.s1 nav ul li ol li:first-child a{ border-top:none;}
.s1 nav ul li ol li:first-child:before {}
.s1 nav ul li ol li:first-child:after {}
.s1 nav ul li ol li a:hover{ background:#3d99da; color:#fff; border-color:#3d99da;}
.s1 nav ul > li.languages > a:before {     display: block;
    content: "";
    width: 18px;
    height: 13px;
    background: url(../images/flags.jpg) no-repeat 0 0;
    background-size: 162px 13px;
    position: absolute;
    left: -25px;
    top: 5px;}
.s1 nav ul > li.languages > a.en-us:before { background-position:0px 0px;}
.s1 nav ul > li.languages > a.fr-fr:before { background-position:-72px 0px;}
.s1 nav ul > li.languages > a.de-de:before { background-position:-36px 0px;}
.s1 nav ul > li.languages > a.it-it:before { background-position:-90px 0px;}
.s1 nav ul > li.languages > a.es-es:before { background-position:-54px 0px;}
.s1 nav ul > li.languages > a.ar-ae:before { background-position:-126px 0px;}
.s1 nav ul > li.languages > a.zh-cn:before { background-position:-18px 0px;}
.s1 nav ul > li.languages > a.ru-ru:before { background-position:-108px 0px;}
.s1 nav ul > li.languages > a.pl-pl:before{ background-position: -144px 0px}
.s1 nav ul li.languages span.flag {     display: inline-block;
    width: 18px;
    height: 13px;
    position: relative;
    top: 2px;
    margin-right: 15px;
    background-image: url(../images/flags.jpg);
    background-repeat: no-repeat;
    background-size: 162px 13px;}
.s1 nav ul li.languages .flag.en { background-position:0px 0px;}
.s1 nav ul li.languages .flag.fr { background-position:-72px 0px;}
.s1 nav ul li.languages .flag.de { background-position:-36px 0px;}
.s1 nav ul li.languages .flag.it { background-position:-90px 0px;}
.s1 nav ul li.languages .flag.es { background-position:-54px 0px;}
.s1 nav ul li.languages .flag.ar { background-position:-126px 0px;}
.s1 nav ul li.languages .flag.cn { background-position:-18px 0px;}
.s1 nav ul li.languages .flag.ru { background-position:-108px 0px;}
.s1 nav ul li.languages .flag.pl { background-position: -144px 0px}
.s1 .intro_area { width:500px; padding-top: 78px;  color:#fff;}

.s1 .intro_area h1 { font-size:38px; letter-spacing:-1px; font-weight:700; line-height:120%;}
.s1 .intro_area h1 span { display:block;}
.s1 .intro_area p { font-size:26px; margin: 15px 0 30px 0; font-weight:300; line-height:120%;}
.s1 .intro_area .slogen { margin-bottom:15px;font-size: 18px; color:#fff;font-weight: 400; text-transform:uppercase;}
.s1 .intro_area .more_links { margin-bottom:15px; font-size:18px; color:#fff; font-weight:400; }
.s1 .intro_area .more_links a { color:#fff; font-weight: 300;text-decoration: none;border-bottom: solid 1px #fff;padding-bottom: 1px;margin-bottom: 17px;display: inline-block;font-size: 21px;letter-spacing: -0.5px;}
.s1 .intro_area .more_links a:hover {}
.s1 .intro_area .start_box { }
.s1 .intro_area .start_box .e_form {}
.s1 .intro_area .start_box .e_form input[type="text"]{ display:inline-block; width:327px; height:50px; padding:0 15px; background:#fff;  font-size:16px;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.s1 .intro_area .start_box .e_form input::-webkit-input-placeholder { color: #777777;}
.s1 .intro_area .start_box .e_form input:-moz-placeholder { color: #777777;}
.s1 .intro_area .start_box .e_form input::-moz-placeholder { color: #777777;}
.s1 .intro_area .start_box .e_form input:-ms-input-placeholder { color: #777777;}
.s1 .intro_area .start_box .e_form input[type="submit"]{ display:inline-block; float:right; min-width: 150px; margin-left:10px; height:50px; line-height:50px; padding:0 28px; background:#3a3d48; color:#fff; cursor:pointer; font-size:18px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; 
-webkit-appearance: none; -moz-appearance: none; -o-appearance: none;}
.s1 .intro_area .start_box .e_form input[type="submit"]:hover { background:#000;}
.s1 .intro_area .start_box .alternative { margin-top: 20px; font-size:16px; font-weight:300;}
.s1 .intro_area .start_box .alternative a { color:#fff;}
.s1 .intro_area .start_box .alternative a:hover {}



.s1 .intro_area.v2 .start_box .e_form input[type=text] { display:none;}
.s1 .intro_area.v2 .start_box .e_form input[type=submit],
.s1.ar-ae .intro_area.v2 .start_box .e_form input[type=submit] {float:none; color:#7DB500; background:#fff; margin-left:0; font-weight:bold;}
.welcome_v2 .s1 .intro_area.v2 .start_box .e_form input[type=submit] {background:#7ab200;  color:#fff; font-weight:normal;}
.s1 .intro_area.v2 .start_box .e_form input[type=submit]:hover {
-webkit-box-shadow:0 0px 9px 0 rgba(0, 0, 0, 0.29);
-moz-box-shadow:0 0px 9px 0 rgba(0, 0, 0, 0.29);
box-shadow:0 0px 9px 0 rgba(0, 0, 0, 0.29);
}

.s1 {  padding-bottom: 115px; }
.s1 .w2 h1 {margin: 35px 0 25px 0;}
 
.s1 .w2 {position: static;text-align:center;color:#fff;height: 100%;/* background: red; */display: table-row;vertical-align: middle;}
.s1   .main_c { display: table-cell;vertical-align: middle;}
.s1 .w2 .mid_logo {margin-top: 40px; display:inline-block; width:161px; height:50px; background:url(../images/logo_big.png) no-repeat center center;}
.s1 .w2 h1 {font-size:55px;font-weight:bold;line-height: 110%;margin: 35px 0 25px 0;}
.s1 .w2 .desc {font-size:26px;font-weight:lighter;line-height: 130%;}
.s1 .w2 .cta_buttons {
    margin: 35px 0 100px 0;
}
.s1 .w2 .cta_buttons a { width:215px; margin:0px 7px;}
.s1 .w2 .learn_more {margin-top: 60px; display:inline-block; font-size:14px; font-weight:lighter; cursor:pointer;}
.s1 .w2 .learn_more p{ line-height:100%;}
.s1 .w2 .learn_more .icon{display:inline-block;width:28px;margin-top: 10px;height:15px;background:url(../images/arrow_down.png) no-repeat center center;}

.s1 .tm {  height:116px;background: rgba(255, 255, 255, 0.97);  text-align:center;position: absolute;bottom: 0;width: 100%;border-bottom: solid 1px #D0D0D0;}
.s1 .tm .wrapper { height:100%; }
.s1 .tm .table {margin-top: 0; width:100%;height: 100%;}
.s1 .tm .table .row {margin-top: 32px;}
.s1 .tm .table .row .item {display: inline-block;   height:36px; margin: 0 0px;  background-position:center center; background-repeat:no-repeat;vertical-align: middle;}
.s1 .tm .table .row .item:first-child { margin-left:0;}
.s1 .tm .table .row .item:last-child { margin-right:0;}
.s1 .tm .table .row .item.barclays {width:20%; width:161px;  background-image:url(../images/barclays.png)}
.s1 .tm .table .row .item.spark_capital {width:20%; background-image:url(../images/spark_capital.png)}
.s1 .tm .table .row .item.commerzbank {width: 20%;background-size: contain; background-image:url(../images/commerzbank.png); background-position: right center;}
.s1 .tm .table .row .item.pingan {width: 20%;background-size: initial; background-image:url(../images/pingan.png);background-position: right center;}
.s1 .tm .table .row .item.rubank {width: 20%;background-size: initial;  background-image:url(../images/rubank.png);background-position: right center;}
.s1 .tm .table .row .item.wh {width: 35%;height: 55px;margin: 0px 3% 0 0;padding: 0;text-align: left;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;position: relative;border-right: solid 1px #D0D0D0;}
.s1 .tm .table .row .item.wh .image { width: 54px; height: 53px;position: absolute;top: 50%;margin-top: -23px;margin-right: 0; background:url(../images/wh.png) no-repeat center center; background-size: contain;}
.s1 .tm .table .row .item.wh .text { position:absolute; top:50%;
-ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    transform: translateY(-50%); font-size:15px;padding-left: 70px; }
.s1 .tm .table .row .item.wh .text span {}

.animate-flicker {
    -webkit-animation: flickerAnimation 1.5s infinite;
    -moz-animation: flickerAnimation 1.5s infinite;
    -o-animation: flickerAnimation 1.5s infinite;
    animation: flickerAnimation 1.5s infinite;
}



/*  s2  */
.s2{
    background: -webkit-linear-gradient(#f1f1f1,#ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f1f1f1,#ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f1f1f1,#ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f1f1f1,#ffffff); /* Standard syntax */
    text-align: center;
}
.s2 h2{  color: #333333;  font-size: 38px;  line-height: 48px;  letter-spacing: -1px;  padding-top: 50px;  padding-bottom: 10px;  font-weight: bold;
}
.s2 p.sub{
    color: #2c2c2c;
    font-size: 22px;
    letter-spacing: -0.2px;
    width: 60%;
    margin: auto;
    font-weight: lighter;
}
.s2 p span{
    color: #2c2c2c;
    font-weight:bold;
}
.s2 img.calculetor{
    display: block;
    margin: 120px auto 20px;
    width: 100%;
    max-width:1022px ;
}
.s2 p.img{
    color: #b0b0b0;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
}
.s2 p.img span{
    font-size: 18px;
}
.s2 .txt{
    margin:100px auto 0;
    width: 90% ;
}
.s2 .txt p{
    color: #777777;
    font-size: 22px;
    line-height: 26px;
    font-weight: lighter;
}

.s2 .payments{
    margin: 50px auto 0;
    width: 70%;
    background: url("../images/payments.png") no-repeat center left;
}

.s2 .payments img{
    display: none;
}
.s2 .payments p{
    padding: 40px 0;
    vertical-align: middle;
    padding-left: 150px;
    text-align: left;
    color: #777777;
    font-size: 22px;
    line-height: 24px;
    font-weight: lighter;

}

/*  s3  */
.s3{
    background: url(../images/payment1_en-us.png) no-repeat 200px 30px #ffffff;
    min-height: 720px;

    /*background-size: 812px;*/
}
.de-de .s3{
    background-image: url(../images/payment1_de-de.png);
}
.it-it .s3{
    background-image: url(../images/payment1_it-it.png);
}
.fr-fr .s3{
    background-image: url(../images/payment1_fr-fr.png);
}
.zh-cn .s3{
    background-image: url(../images/payment1_zh-cn.png);
}
.ru-ru .s3{
    background-image: url(../images/payment1_ru-ru.png);
}
.ar-ae .s3{
    background-image: url(../images/payment1_ar-ae.png);
}
.es-es .s3{
    background-image: url(../images/payment1_es-es.png);
}
.pl-pl .s3{
    background-image: url(../images/payment1_pl-pl.png);
}

.s3 .img_mobile{
    display: none;
}
.s3 .content{
    /*width: 60%;*/
    max-width: 550px;
    padding-top: 0;
}
.s3 p{
    padding-left: 50px;
    padding-top: 150px;
    text-align: left;
    color: #777777;
    font-size: 22px;
    line-height: 28px;
    font-weight: lighter;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/*  s4  */

.s4 { min-height:650px;padding: 0}
.s4 .slider {}
.s4 .slider .item{ width:100%; height:840px; background-repeat:no-repeat; background-position:center center; color:#fff;  outline:none;background-size: cover }
.s4 .slider:not(.slick-initialized) .item { display:none;}
.s4 .slider .item:nth-child(1) { background-image:url(../images/pi-2.jpg);}
.s4 .slider .item:nth-child(2) { background-image:url(../images/pi-1.jpg);}
.s4 .slider .item .wrap { height:100%;}
.s4 .slider .item .content { width: 50%;  margin-top:200px;}
.s4 .slider .item .content .desc {font-size: 30px;font-weight: 100;line-height: 36px;letter-spacing: -0.5px;color: #fff}

.s4 .slider .item .content .quote .txt { position:relative; font-size:1.31em; font-weight:300;}
.s4 .slider .item .content  .desc:before,
.s4 .slider .item .content  .desc:after { line-height: 0}
.s4 .slider .item .content  .desc:before {position: absolute;left: -90px;  content: url("../images/quote_open.png");   top: -30px;}
.s4 .slider .item .content  .desc:after {position: relative;left:-3px;top: -14px;vertical-align: text-bottom; content: url("../images/quote_close.png");  }
.s4 .slider .item .content .quote { margin-top: 40px; width: 90%;border-left:1px solid #616365;padding-left: 15px}
.s4 .slider .item .content .quote .txt { position:relative; font-size:16px;line-height: 20px; font-weight:300;text-transform: uppercase }
.s4 .slider .item .content .quote .user_details { margin-top: 5px; font-size: 14px; color:rgba(255,255,255,0.6);text-transform: uppercase;font-weight: 300;}
.s4 .slider .item .content .quote .user_details a {  color:#fff; text-decoration:none;}
.s4 .slider .item .content .quote .user_details a:hover { text-decoration:underline;}
.s4 .slider .item .content .play {}
.s4 .slider .item .content .play:hover {}
.s4 .slider .item .wrapper { position:relative; max-width: 87%;}
.s4 .slider .item .play {  display: none; position:absolute; top:50%; right:168px; width:118px; height:100px; margin:-50px 0 0 0; background:rgba(0,0,0,0.6);  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; cursor:pointer;}
.s4 .slider .item .play:before { display:block; content:""; position:absolute; top:50%; left:50%; margin:-13px 0 0 -12px;  width:25px; height:27px; background: url(../images/play_video.png) no-repeat; }
.s4 .slider .slick-arrow { position:absolute; top: 0;  z-index:100000;  width:60px; height: 100%;  padding:0;   font-size:0; background-color:transparent; border:0; outline:none; cursor:pointer;}
.s4 .slider .slick-arrow:after {display:block; content:""; position:absolute; top:0; left:0; z-index:1;  width:100%; height:100%;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: rgba(0, 0, 0, 0.3);}
.s4 .slider .slick-arrow:before {
    display:block;
    content:"";
    box-sizing:border-box;
    position:absolute;
    top: 50%;
    z-index:2;
    width:30px;
    margin-top: -15px;
    height:30px;
    border:solid 3px #fff;
    cursor:pointer;
    -ms-transform: rotate(-44deg);/* IE 9 */
    -webkit-transform: rotate(-44deg);/* Chrome, Safari, Opera */
    transform: rotate(-44deg);
}
.s4 .slider .slick-arrow:hover:before { border-color:#fff;}
.s4 .slider .slick-arrow.slick-next { right: 0; }
.s4 .slider .slick-arrow.slick-prev { left: 0;}
.s4 .slider .slick-arrow.slick-next:before {right:22px; border-top-color:transparent; border-left-color:transparent; border-top-style:inherit; border-left-style:inherit;}
.s4 .slider .slick-arrow.slick-prev:before {left:22px; border-bottom-color:transparent; border-right-color:transparent; border-bottom-style:inherit; border-right-style:inherit;}
.s4 .slider .slick-dots { position:absolute; bottom:40px; width:100%; height:15px; text-align:center;}
.s4 .slider .slick-dots li { display:inline-block; width:10px; height:10px; margin:0px 5px;  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;  text-indent:-9999px; font-size:0; background:#e4e4e4; cursor:pointer;}
.s4 .slider .slick-dots li.slick-active { background:#7eb417;}



/*  s5  */
.s5{
    background-color: #f0f2f4;
    min-height: 750px;
    padding: 0;
}
.s5 .left{

    width: 50%;
    background: url(../images/awards.png) no-repeat bottom #e0e2e4;
    background-size: 100%;
    min-height: 650px;

}
.s5 .right{
    width: 50%;
    background: #f0f2f4;
    min-height: 500px;
}
.s5 .content{
    width: 80%;
    margin: auto;
    padding: 100px 0;
}
.s5 .content h3{
    font-weight: bold;
    font-size: 38px;
    line-height: 48px;
    letter-spacing: -0.5px;
}
.s5 .left .finovate{
    margin: 50px 0;
}
.s5 .left .finovate img{
    width: 100%;
    max-width: 344px;
}
.s5 .left .date{
    width: 50%;
}
.s5 .left .date h4{
    text-align: left;
    padding: 0;
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    color: #2c2c2c;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.s5 .left .date h4 span{
    color: #2e9dc0;
}
.s5 .left .date p{
    color: #777777;
    font-weight: 100;
    font-size: 20px;
    line-height: 24px;
}
.s5 .right .bloomberg, .s5 .right .cnbc{
    width: 50%;
    margin: 25px 0;
    border-bottom: 1px solid rgba(0,0,0,0.13);
}
.s5 .right p{
    padding-right: 45px;
    margin-top: 10px;
    color: #777777;
    font-weight: 100;
    font-size: 20px;
    line-height: 24px;
}
.s5 .right span{
    display: block;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #777777;
    margin: 25px 0;
}
.s5 .right .cnbc p{
    padding-right: 100px;
}


/*  s6  */

.s6 h2{color: #333333;font-size: 38px;line-height: 48px;font-weight: bold;letter-spacing: -0.5px;margin: auto;text-align: center;padding-top: 10px}
.s6 h4{color: #2c2c2c;font-size: 28px;font-weight: lighter;text-align: center;letter-spacing: -0.2px;line-height: 34px}
.s6 .steps{padding-top: 70px}
.s6 .left_side_img{width: 35%}
.s6 .left_side_img img{max-width: 100%; padding-top: 10px;}
.s6 .right_side_content{width: 60%}
.s6 .right_side_content p{font-size: 22px;font-weight: 100;letter-spacing: -0.2px;color: #777777;line-height: 26px}



/*  s7  */
/*  table */
.s7 .tooltip{
    width: 100%;
    /*overflow: auto;*/
    overflow: hidden;
}

.s7 table{
    margin: 0 ;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
}
.s7 table tr{
    width: 100%;
    display: inline-table;
    border-bottom: 1px solid #e5e5e5;
    height: 60px;

}
.s7 table tr:first-child{
    border-top: 1px solid #e5e5e5;
}
.s7 table tr th{
    background: #ffffff;
    font-weight: 600;
    font-size: 16px;
    padding: 0px 15px;
    color:#777777;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    vertical-align: middle;
}
.s7 table tr th:nth-child(1){
    width: 30%;
    text-align: left;
}
.s7 table tr th:nth-child(2){
    width: 17%;
    color: #00a5ee;
    border-bottom: 2px solid #00a5ee;
}
.s7 table tr th:nth-child(3){
    width: 17%;
    color: #eca324;
    border-bottom: 2px solid #eca324;
}
.s7 table tr th:nth-child(4){
    width: 17%;
    color: #dc4435;
    border-bottom: 2px solid #dc4435;
}
.s7 table tr th:nth-child(5){
    width: 17%;
    color: #7fbd11;
    border-bottom: 2px solid #7fbd11;
}
.s7 table tr td{
    font-weight: 100;
    font-size: 20px;
    padding: 0px 15px;
    color:#777777;
    text-align: center;
    letter-spacing: -0.25px;
    width: 17%;
    vertical-align: middle;
}
.s7 table tr td b{
    color: #2c2c2c;
    font-weight: 600;
}
.s7 table tr td:nth-child(1){
    color:#2c2c2c;
    width: 30%;
    text-align: left;
}
.s7 table tr:nth-child(11) td{
    font-weight: 600;
    font-size: 14px !important;
    text-transform: uppercase;
    color: #777777;
}
.s7 table tr:nth-child(11) td p{
    padding: 0 15px;
}
.s7 table tr:nth-child(n+11){
    background:#fafafa;
    height: 50px;
}
.s7 table tr:nth-child(n+11) td{
    font-size: 16px;
    letter-spacing: -0.5px;
}
.s7 .note{
    margin: 60px auto 0;
}
.s7 .note p{
    color: #2c2c2c;
    font-weight: lighter;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.2px;
    text-align: left;
}
.s7 .disclaimer{
    margin: 10px auto;
}
.s7 .disclaimer a{
    text-transform: none;
    text-decoration: none;
    color: #3895dd;
}

/*  s8  */
.s8{
    background: #FFFFFF;
    padding-bottom: 0px;
    padding-top: 20px;
}
.s8 .left{
    width: 50%;
    background: #eceef0;
    border-right: 1px solid #ffffff;
    min-height: 450px;
    position: relative;
}
.s8 .right{
    border-left: 1px solid #ffffff;
    width: 50%;
    background: #f0f2f4;
    min-height: 450px;
    position: relative;
}
.s8 .content{
    text-align: center;
    width: 60%;
    margin: 100px auto 50px;
}
.s8 .content p{
    font-size: 34px;
    line-height: 44px;
    font-weight: 100;
    color: #2c2c2c;
    text-align: center;
    text-transform: uppercase;
}
.s8 .content a{width: 215px;margin: 30px auto;position: absolute;bottom: 20px;margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;}



footer { width:100%; padding: 90px 0 60px 0; background:#33363f; color:#fff;}
footer a {color:#fff; text-decoration:none;}
footer .top_area {display: none; margin-bottom: 50px; overflow:hidden;}

footer .top_area .sitemap { margin-top: 12px;}
footer .top_area .sitemap .row { }
footer .top_area .sitemap .row .column { display:inline-block; width: 18%; margin-right:4.2%; margin-bottom:30px; vertical-align:top;}
footer .top_area .sitemap .row .column:last-child { margin-right:0;}
footer .top_area .sitemap .row .column h4 { font-size:0.76em; text-transform:uppercase; font-weight: normal; color: rgba(255, 255, 255, 0.7);font-weight: 300;}
footer .top_area .sitemap .row .column ul { margin-top:15px; list-style-type:none; line-height:150%;}
footer .top_area .sitemap .row .column ul li {}
footer .top_area .sitemap .row .column ul li a{ font-size:1em; font-weight: 300;}
footer .top_area .sitemap .row .column ul li a:not(:empty) { display:block; margin-bottom:5px;}
footer .top_area .sitemap .row .column ul li a:hover{}
footer .top_area .sitemap .row .column.general { width: 25%;margin-right: 11%;position: relative;top: -6px;}
footer .top_area .sitemap .row .column.general .logo { width:105px; height:33px; margin-bottom:20px; background: url(../images/etoro_logo_footer.png) no-repeat; background-size:contain;}
footer .top_area .sitemap .row .column.general .desc { font-size:0.87em; color: rgba(255, 255, 255, 0.7);font-weight: 300;}
footer .top_area .sitemap .row .column.social { width: 25%;margin-right: 11%;}
footer .top_area .sitemap .row .column.social .links { margin-top:15px;}
footer .top_area .sitemap .row .column.social .links a { display:inline-block; width:23px; height:20px; margin-right:15px;  background-repeat:no-repeat; background-position:center center; background-size:30px;}
footer .top_area .sitemap .row .column.social .links a:last-child { margin-right:0; margin-left:0;}
footer .top_area .sitemap .row .column.social .links a.facebook {background-image:url(../images/facebook-icn.png);}
footer .top_area .sitemap .row .column.social .links a.twitter {background-image:url(../images/twitter-icn.png);}
footer .top_area .sitemap .row .column.social .links a.linkedin {background-image:url(../images/linkedin-icn.png);}
footer .top_area .sitemap .row .column.social .links a.instagram {background-image:url(../images/instagram-icn.png);}
footer .top_area .sitemap .row .column.social .links a.google {background-image:url(../images/googleplus-icn.png);}
footer .top_area .sitemap .row .column.social .links a.youtube {background-image:url(../images/youtube-icn.png);}
footer .footer_bottom { clear:both; margin-top: 0; padding: 50px  10px 50px 0; font-size:0.87em; font-weight: 300;color: rgba(255,255,255,0.7);border-top: solid 1px #5c5e65;}
footer .footer_bottom .section { margin-bottom:20px;}
footer .footer_bottom .section:last-child { margin-bottom: 0;}
footer .footer_bottom .section a {}
footer .footer_bottom .section a:hover {}
footer .pre_footer { clear:both; margin-top: 0; padding: 50px  10px 0 0; font-size:0.87em; font-weight: 300;color: rgba(255,255,255,0.7);border-top: solid 1px #5c5e65;}
footer .pre_footer  p{padding: 10px 0}
footer .logo {margin: auto; width:105px; height:33px; margin-bottom:50px; background: url(../images/etoro_logo_footer.png) no-repeat; background-size:contain;}


@keyframes flickerAnimation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/*  culture  */

/*
.ar-ae .disclaimer, .fr-fr .disclaimer, .de-de .disclaimer, .es-es .disclaimer, .it-it .disclaimer, .ru-ru .disclaimer, .zh-cn .disclaimer{
    display: none;
}
*/

/* fr-fr*/
.fr-fr .s1 .w2 h1{
    font-size: 50px;
}


.fr-fr .s5 .right .cnbc p, .fr-fr .s5 .right p{
    padding-right: 0;
}
.fr-fr .button_blue{
    font-size: 21px;
}

/* de-de */
.de-de .s1 .w2 h1{
    font-size: 50px;
}
.de-de .s1 .w2 .cta_buttons a{
    width: 285px;

}
.de-de .button_blue{
    font-size: 20px;
}
.de-de .s2 p.sub{
    width: 70%;
}
.de-de .s4 .slider .item .content{
    width: 53%;
}
.de-de .s8 .content a{
    width: 285px;
}

/*  ru-ru  */
.ru-ru .s1 .w2 h1{
    font-size: 48px;
}
.ru-ru .button_blue{
    font-size: 17px;
}
.ru-ru .s3 p{
    padding-top: 90px;
}
.ru-ru .s5 .content{
    padding: 75px 0;
}
.ru-ru .s5 .right p, .ru-ru .s5 .right .cnbc p{
    padding-right: 0;
}
.ru-ru .s6 h2{
    padding-bottom: 10px;
}
.ru-ru .s8 .content p{
    font-size: 30px ;
    line-height: 40px;
}
.ru-ru .s4 .slider .item .content{
    width: 55%;
}
.ru-ru .s2 img.calculetor{
    display: none;
}


/*  it-it*/
.it-it .s4 .slider .item .content{
    width: 57%;
}


/*  zh-cn */

html.zh-cn , body.zh-cn , .zh-cn h1, .zh-cn h2, .zh-cn h3, .zh-cn h4, .zh-cn ul, .zh-cn li, .zh-cn p, .zh-cn a, .zh-cn input, .zh-cn label, .zh-cn form{
    font-family: "Microsoft Yahei";
}
.zh-cn .s1 .w2 h1{
    font-weight: 400;
}
.zh-cn .s6 h2{
    font-weight: 400;
}
.zh-cn .s6 .right_side_content p{line-height: 30px}
.zh-cn .s4 .slider .slick-dots li.slick-active{
    background: #f13030;
}
.zh-cn .footer_reg{display: none}
.zh-cn .s8 .content{
    width: 50%;
}
.zh-cn .s8 .content p{
    text-transform: none;
}
.zh-cn .s1 .w2 .mid_logo{
    background-image: url("../images/logo-cn-home.png");
    height: 60px;
}

/*  ar-ae  */
.ar-ae html, body.ar-ae, .ar-ae h1,.ar-ae h2,.ar-ae h3,.ar-ae h4,.ar-ae ul,.ar-ae li,.ar-ae p,.ar-ae a,.ar-ae input,.ar-ae label,.ar-ae form {
    font-family: 'Greta', sans-serif;
    direction:rtl;
}
.ar-ae .fl{
    float: right;
}
.ar-ae .fr{
    float: left;
}

.ar-ae .s1 nav ul > li{margin-left: 15px}
.ar-ae .s1 nav ul > li.languages > a:before{
    right: -25px;
}
.ar-ae .s1 .tm .table .row .item.wh .text{padding-right: 70px;
padding-left: 0}
.ar-ae .s1 .tm .table .row .item.wh{
    text-align: right;
    border-left: solid 1px #D0D0D0;
    border-right: none;
    margin: 0px 0 0 3%;

}
.ar-ae .s1 nav ul > li.dd a .arrow{margin-right: -10px}
.ar-ae .s1 nav ul li.languages span.flag{
  margin-left: 15px;
    margin-right: 0;
}
.ar-ae .flag.fr{float: none}
.ar-ae .s1 .w2 .learn_more{
    font-size: 18px;
    line-height: 22px;
}
.ar-ae .s1 .tm .table .row .item.pingan{
    background-position: center center;
}
.ar-ae .s2 .payments{
    background-position: center right;
}
.ar-ae .s2 .payments p{
    text-align: right;
    padding-right: 150px;
    padding-left: 0;
}
.ar-ae .s3{
    background-position: 1050px 30px;
}
.ar-ae .s3 p{
    text-align: right;
}
.ar-ae .s4 .slider .item .content .quote{
    text-align: right;
    border-left: none;
    border-right: 1px solid #616365;
    padding-left: 0;
    padding-right: 15px;
    width: 100%;
}
.ar-ae .s5 .left{
    background: url(../images/awards_ar.png) no-repeat bottom #e0e2e4;
    background-size: 100%;
}
.ar-ae .s5 .content{
    direction: rtl;
}
.ar-ae .s5 .left .date h4{
    text-align: right;
}
.ar-ae .s5 .right p{
    padding-left: 45px;
    padding-right: 0;
}
.ar-ae .s7 table{
    direction: rtl;
}
.ar-ae .s7 .note p{
    text-align: right;
}
.ar-ae .s4{
    direction: ltr;
}

.ar-ae .s7 table tr th:nth-child(1), .ar-ae .s7 table tr td:nth-child(1){text-align: right; font-family: 'Greta', sans-serif;}
.ar-ae .s8 .right{border-left: 0;border-right: 1px solid #ffffff}
.ar-ae .s8 .left{border-right: 0;border-left: 1px solid #ffffff}
/*=========== CUSTOM CSS FOR ALL LANGUAGES ===============*/

.ar-ae footer .top_area .sitemap .row .column.general { margin-left: 11%; margin-right: 0;}
.ar-ae footer .top_area .sitemap .row .column { margin-left: 4.2%; margin-right: 0;}
.ar-ae footer .top_area .sitemap .row .column:last-child { margin-left: 0;}
.ar-ae footer .top_area .sitemap .row .column.social { margin-left: 11%; margin-right: 0;}
.ar-ae footer .top_area .sitemap .row .column.social .links a { margin-right:0; margin-left:12px; }


@media (max-width: 1770px) {

    .s3{

        background: url(../images/payment1.png) no-repeat 20px 30px #ffffff;
    }
    .s3 .content{
        width: 450px;
    }
    .s5 .right .bloomberg, .s5 .right .cnbc{
        width: 100%;
    }

    /*  culture */

    /*  de-de  */
    .de-de .s8 .content p{
        font-size: 30px;
        line-height: 40px;
    }

    /*  es-es  */
    .es-es .s8 .content p{
        font-size: 30px;
        line-height: 40px;
    }
    /* fr-fr*/
    .fr-fr .s8 .content{
        width: 75%;
    }
    .fr-fr .s8 .right, .fr-fr .s8 .left{
        min-height: 500px;
    }

    /*  ru-ru */
    .ru-ru .s4 .slider .item .content .desc{
        font-size: 26px;
    }
    .ru-ru .s8 .left, .ru-ru .s8 .right{
        min-height: 480px;
    }
    .ru-ru .s8 .content{
        width: 80%;
    }
    .ru-ru .s8 .content p{
        font-size: 26px;
        line-height: 32px;
    }
    .ru-ru .s3 p{
        padding-top: 90px;
    }

}
@media (max-width: 1200px){
    .s2{padding-bottom: 0}
    .s3 p{
        padding: 0 !important;
        text-align: center;
    }
    /* s2 */
    .s3{
        padding-top: 0;
        background: none !important;
        min-height: inherit;

    }
    .s3 .content{
        width: 100%;
        max-width: 100%;

    }
    .s3 p{
        width: 70%;
        margin: auto;
    }
    .s3 .img_mobile{
        margin: 50px 0;
        display: block;
        width: 100%;
    }
    .s3 .img_mobile img{
        width: 100%;
        max-width: 812px;
        margin: auto;
    }
    .s3 .fr{
        float: none;
        margin: auto;
    }
    /* de-de*/
    .de-de  .s8 .content{
        width: 80%;
    }
    .de-de .s8 .content p{
        font-size: 25px;
        line-height: 32px;
    }


}
@media (max-width:1024px) 
{
	  body { font-size:93%;}
	  .wrapper { width:100%; padding:0 25px;}
	  .s1 { background-position: 57% top;}
	  .s1 .tm .table .item { }
	  .s1 .tm .table .item.barclays { }
	  .s1 .tm .table .item.spark_capital { }
	  .s1 .tm .table .item.commerzbank { }
	  .s1 .tm .table .item.pingan {  }
	  .s1 .tm .table .item.rubank { }
    .s8 .content{
       width: 60%;
    }
    .s8 .content p{
        font-size: 26px;
        line-height: 34px;
    }
    .s4 .slider .item { background-position: 59% center;}
    .s4 .slider .item .wrapper { max-width:100%;}
    .s4 .slider .slick-arrow { opacity: 0;}
	   footer .top_area .sitemap .row .column { margin-right: 4.1%;}
      footer .top_area .sitemap .row .column.social .links a { margin-right: 4px; }


      /*  culture  */
    .fr-fr .s8 .content p{
        font-size: 21px;
    }



    /* es-es */
    .es-es .s8 .content{
        width: 80%;
    }
    .es-es .s8 .content p{
        font-size: 25px;
        line-height: 32px;
    }



}

@media (min-width:767px)
{
	.s1[data-fx*="down"] .intro_area { padding-top:197px;}
	.s1[data-fx*="down"] header {position:fixed; top:-200px; z-index:10; height:80px; background:rgba(255, 255, 255, 0.95); border-bottom:1px solid #e5e5e5;
	animation:headerScrollDown 0.5s ease-in-out forwards;
	-webkit-animation:headerScrollDown 0.5s ease-in-out forwards;
	-moz-animation:headerScrollDown 0.5s ease-in-out forwards;
	animation:headerScrollDown 0.5s ease-in-out forwards; }
	.s1[data-fx="down_timeout"] header { position:fixed; top:0;
	animation:headerScrollUp 0.5s ease-in-out forwards;
	-webkit-animation:headerScrollUp 0.5s ease-in-out forwards;
	-moz-animation:headerScrollUp 0.5s ease-in-out forwards;
	animation:headerScrollUp 0.5s ease-in-out forwards; }
	.s1[data-fx*="down"] .wrapper.top  { width:100%; padding:0px 35px;}
	.s1[data-fx*="down"] nav { margin-top:17px;}
    .s1[data-fx*="down"] .logo {display: block; margin:15px 0 0 0; background:url(../images/etoro-logo-green.png) no-repeat center center; background-size: 112px 37px;}
	.s1[data-fx*="down"] nav ul > li.signup { display:inline-block;  margin-left: 10px;}
	.s1[data-fx*="down"] nav ul > li .button_blue{display:inline-block; color:#fff; padding: 10px 30px;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 18px; font-weight: 700; color:#fff;}
	.s1[data-fx*="down"] nav ul > li > a { color:#2c2c2c;}
	.s1[data-fx*="down"] nav ul li ol { box-shadow:0px -1px 0px 0px #D7D7D7;
	-webkit-box-shadow:0px -1px 0px 0px #D7D7D7;
	-moz-box-shadow:0px -1px 0px 0px #D7D7D7;
	box-shadow:0px -1px 0px 0px #D7D7D7;}
	.s1[data-fx*="down"] nav ul > li.dd > a:after { border-top: solid 4px #2c2c2c}
    .s1[data-fx*="down"] nav ul > li .down_style{background: none;color:#2c2c2c;border: none;padding: 10px;font-weight: 600 }


    /* culture */
    /* fr-fr */
    .fr-fr .s1[data-fx*="down"] nav ul > li .button_blue{
        padding: 10px   ;
    }

    /*  de-de  */
    .de-de .s1[data-fx*="down"] nav ul > li .button_blue{
        padding: 10px;
    }
    .de-de .s1 nav ul > li{
        margin-right: 0;
    }

    /*  ru-ru  */
    .ru-ru .s1[data-fx*="down"] nav ul > li .button_blue{
        padding: 10px;
        font-size: 16px ;
    }
    .ru-ru .s1 nav ul > li{
        margin-right: 0;
    }
    .ru-ru .s1[data-fx*="down"] nav ul > li.signup{
        margin-left: 0;
    }

    /*  zh-cn  */
    .zh-cn .s1[data-fx*="down"] .logo{
     background-image: url(../images/etoro-logo-cn-red.png) ;
        background-size: 86px 44px;
    }

 
}
@media (max-width:980px){

    .s5 .right .bloomberg, .s5 .right .cnbc, .s5 .left .date{
        width: 100%;
    }
    .s5 .right p, .s5 .right .cnbc p{
        padding: 0;
    }
    .s1 .w2 .learn_more {margin-top: 0}
}
@media (max-width:767px)
{
    .s1[data-fx*="down"] .intro_area { padding-top:197px;}
    .s1[data-fx*="down"] header {position:fixed; top:-200px; z-index:10; height:80px; background:rgba(255, 255, 255, 0.95); border-bottom:1px solid #e5e5e5;
        animation:headerScrollDown 0.5s ease-in-out forwards;
        -webkit-animation:headerScrollDown 0.5s ease-in-out forwards;
        -moz-animation:headerScrollDown 0.5s ease-in-out forwards;
        animation:headerScrollDown 0.5s ease-in-out forwards; }
    .s1[data-fx="down_timeout"] header { position:fixed; top:0;
        animation:headerScrollUp 0.5s ease-in-out forwards;
        -webkit-animation:headerScrollUp 0.5s ease-in-out forwards;
        -moz-animation:headerScrollUp 0.5s ease-in-out forwards;
        animation:headerScrollUp 0.5s ease-in-out forwards; }
	body { font-size:100%;}
    section{padding: 50px 0}
    .s1 .logo{display: block}
    .s1 .w2 .mid_logo  { display:none;width:110px; height:32px; background-size:105px 32px; background-image:url(../images/etoro_logo_small-hd.png);}
    .mobile_section { display:inherit;}
    .desktop_item { display:none;}
    .s1 { min-height:inherit; max-height:none; height:auto;padding-bottom:190px }
    .s1:before { display:block; content:""; position:absolute; bottom:0px; left:0; z-index:-1; width:100%; height:100%;  }
    .s1 .top { padding-top: 24px;}
    .s1 .navbar_mobile {
        display:block;
        float: right;
        width: 23px;
        height: 17px;
        margin-top: 10px;
        cursor: pointer;
        -webkit-user-select: none;
        -webkit-user-drag: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0)






    }
    body .s1 .logo  { width:110px; height:32px; background-image:url(../images/etoro_logo_small-hd.png);background-repeat: no-repeat}
    .wrapper { padding:0 24px;}
    .s1 .navbar_mobile .icon_bar { display:block;  width: 100%; height:3px; margin-bottom:4px; background: #fff; webkit-border-radius:2px; border-radius:2px; -moz-border-radius:2px;}
    .s1 .navigation {
        position: fixed;
        top:0;
        right: -100%;
        z-index:10;
        width: 100%;
        height: 100%;
        line-height:180%;
        margin: 0;
        background: #4c505c;
        border-left: 1px solid #626877;
        box-shadow:0 0 3px 2px rgba(0,0,0,0.2);
        -webkit-box-shadow:0 0 3px 2px rgba(0,0,0,0.2);
        -moz-box-shadow:0 0 3px 2px rgba(0,0,0,0.2);
        box-shadow:0 0 3px 2px rgba(0,0,0,0.2);
        -webkit-transition: right 0.2s ease-in-out;
        -moz-transition: right  0.2s ease-in-out;
        -o-transition: right  0.2s ease-in-out;
        transition: right  0.2s ease-in-out;
    }
    .s1 .navigation.open {right:0;}
    .s1 .navigation .sidebar_head { height: 60px;   border-bottom: solid 1px #3B3F46;
        -webkit-box-shadow:0px 1px 0px 0px #595C68;
        -moz-box-shadow:0px 1px 0px 0px #595C68;
        box-shadow: 0px 1px 0px 0px #595C68;}
    .s1 .navigation .sidebar_head .close { float:right; width:60px; height:60px; background:url(../images/close-hd.png) no-repeat center center; background-size:23px; cursor:pointer;}
    .s1 nav {  padding:25px 20px 60px 20px; overflow: auto;
        height: -webkit-calc(100% - 60px);
        height: -moz-calc(100% - 60px);
        height:calc(100% - 60px);}
    .s1 nav ul > li.dd > a:after { margin-left:7px;}
    .s1 nav ul { display:flex; flex-direction:column;}
    .s1 nav ul > li { display:block; margin:0;}
    /*.s1 nav ul > li.cont > a { display:none;}*/
    .s1 nav ul li:not(.languages) ol li { display:flex;}
    .s1 nav ul li:not(.languages) ol li a { display:inline-block;}
    .s1 nav ul li a { display:inline-block !important; margin-bottom:15px; font-size:18px;}
    .s1 nav ul li.cont ol { display:block; position:static;  min-width:auto; background-color:transparent; }
    .s1 nav ul li.cont ol li a { border:none; font-size:18px; color:#fff; line-height:inherit; padding:inherit;}
    .s1 nav ul li.cont ol li a:hover { background:none;}
    .s1 nav ul li.languages ol li a { margin-bottom:0; line-height:50px; font-size:16px;}
    .s1 nav ul li.languages.open ol { position:fixed; top:60px; bottom:0; left:0; right:0; width:100%; height:calc(100% - 60px); z-index:100; overflow: auto;}

    .s1 nav ul > li.cont { order:1;}
    .s1 nav ul > li.languages {order:2; margin-left:26px;}
    .s1 nav ul > li.languages.open{line-height: 0}
    .s1 nav ul > li.languages.open a{width: 100%}
    .s1 nav ul > li.languages > a:before { top:8px;}
    .s1 nav ul > li.login {order:3;}
    .s1 nav ul > li.signup {order:4; position:absolute; bottom:0; right:0; left:0; width:100%; height:60px; background:#4aa0e1; border-top:solid 1px rgb(65, 170, 249);
        box-shadow:0px -1px 0px 0 #3a3d45}
    .s1 nav ul > li.signup a { display:block; width:100%; height:100%; text-align:center; line-height:60px; font-size:18px; font-weight:600; text-transform:uppercase;}
    .s1 .intro_area { width:auto; padding-top: 55px; float: none;}
    .s1 .intro_area h1 { font-size:29px; font-weight: 600;}
    .s1 .intro_area p { max-width:450px; font-size:21px; margin: 10px 0 35px 0;}
    .s1 .connect_box { line-height:48px;}
    .s1 .connect_box a.join{
        display:inline-block;
        height:48px;
        padding:0 24px;
        background:#fff;
        border-bottom:solid 2px #d9d9d9;
        font-size: 18px;
        font-weight:bold;
        color:#72ac00;
        text-decoration:none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        min-width: 90px;
        text-align: center;
    }
    .s1 .connect_box .alternative { display:inline-block; margin-left:18px; font-size:16px; color:#fff;}
    .s1 .connect_box .alternative a{ color:#fff; text-decoration:underline; }
    .s1 nav ul > li .button_blue{background: none;padding: 0;border: none}

    .fl, .fr {
        float: none;
        width: 100%;
    }
    .s1 .w2 h1{
        font-size: 37px !important;
        line-height: 45px;
    }
    .s1 .w2 .desc{
       font-size: 20px;
    }
    .s1 .w2 .cta_buttons a{
        margin: 15px 17px 0;
    }
    .s1 .w2 .learn_more{
        margin-top: 0;
    }


	.s1 .tm {  padding:20px 0;  background: rgba(0,0,0,.5); color:#fff;height: auto;}
	.s1 .tm .wrapper { }
	.s1 .tm .table {}
	.s1 .tm .table .row { margin-top:0;}
	.s1 .tm .table .row .item:not(.wh) { display: inline-block; width: 32%; height: 20px; text-align:center; background-repeat:no-repeat;  background-position:center center;background-size: contain;}
	.s1 .tm .table .row .item.barclays { background-image:url(../images/m-icon2.png);}
	.s1 .tm .table .row .item.spark_capital { background-image:url(../images/m-icon3.png);  }
	.s1 .tm .table .row .item.commerzbank {background-position:left center;  background-image:url(../images/m-icon4.png);}
	.s1 .tm .table .row .item.pingan { background-image:url(../images/m-icon1.png);}
	.s1 .tm .table .row .item.rubank {background-position:right center;  background-image:url(../images/m-icon5.png);}
	.s1 .tm .table .row .item.wh { width:100%; min-height:60px;  height:auto; border-right:0;margin-bottom: 35px !important; margin-right:0;}
	.s1 .tm .table .row .item.wh:before{ display:block; content:"";position: absolute;bottom: -17px; width:100%; height:1px; background: rgba(255, 255, 255, 0.24); box-sizing:border-box;}
	.s1 .tm .table .row .item.wh .image { }
	.s1 .tm .table .row .item.wh .text { padding-left:70px;}
	.s1 .tm .table .row .item.wh .text span {}


    /* s2 */
    .s2 h2{
        padding-top:0;
        font-size: 35px;
        line-height: 40px;
    }
    .s2 p.sub{
        width: 100% !important;
        line-height: 28px;
    }
    .s2 img.calculetor{
        margin: 70px auto 20px;
    }
    .s2 .txt{
        width: 100%;
        margin: 70px auto 0;
    }
    .s2 .payments{
        background: none;
        width: 90%;
    }
    .s2 .payments img{
        display: block;
        margin: auto;
    }
    .s2 .payments p{
        padding: 25px 0;
        padding-left: 0;
        text-align: center;
    }


    /* s3 */
    .s3 p{
        width: 100%;
        font-size: 18px;
    }

    /* s4 */
    .s4 { min-height:inherit;}
    .s4 .slider .slick-track { background-color:#3a3d48;}
    .s4 .slider .item { min-height:100px;; max-height:300px; height:auto; padding:48px 0 220px 0; background-color:#3a3d48; }
    .s4 .slider .item.slick-current { max-height:inherit;}
    .s4 .slider .item:before { display:block; content:""; position:absolute; bottom:0; left:0; right:0; width:100%; height:190px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
    .s4 .slider .item:nth-child(1),
    .s4 .slider .item:nth-child(2){ background-image:none;}
    .s4 .slider .item.slick-current:nth-child(1):before { background-image:url(../images/pi-2.jpg); background-position: 100% center;}
    .s4 .slider .item.slick-current:nth-child(2):before { background-image:url(../images/pi-1.jpg); background-position: 100% center;}
    .s4 .slider .item .content { width:90% !important; margin-top:0;margin: auto }
    .s4 .slider .item .content .title { font-size:1.45em;}
    .s4 .slider .item .content .desc { font-size:1.47em; line-height:130%;}
    .s4 .slider .item .content .article_link { color:#72d3f6;}
    .s4 .slider .item .content .article_link:hover { color:#a1e6ff;}
    .s4 .slider .item .content .quote { margin-top:40px; width:auto;}
    .s4 .slider .item .content .quote .txt { font-size:1.1em;}
    .s4 .slider .item .content .quote .user_details { font-size:0.85em;}
    .s4 .slider .slick-arrow { opacity:1;}
    .s4 .slider .item .content  .desc:before{left:-45px;top: -35px}
    .s4 .slider .slick-arrow { bottom:0; top:auto; height:190px;}
    .s4 .slider .slick-arrow:after { display:none;}
    .s4 .slider .slick-arrow:before { width:25px; height:25px; border:solid 2px rgba(255, 255, 255, 0.55);  margin-top:-10px;}
    .s4 .slider .slick-dots { opacity:0;}

    /*  s5  */
    .s5{
        min-height: 100%;
    }

    .s5 .left{
        background-image: url(../images/finovate_mobile.png) !important;
        width: 100%;
        padding-top: 0;
        background-size: 40% !important;
        background-position: bottom center;
    }

    .s5 .right{
        width: 100%;
    }
    .s5 .content{
        padding: 50px 0;
    }
    .s5 .left .date{
        width: 100%;
    }
    .s5 .left .finovate{
        margin: 25px 0;
    }
    .s5 .right .bloomberg, .s5 .right .cnbc{
        width: 100%;
    }
    .s5 .right .cnbc{
        border: none;
    }

    /* s6 */
    .s6 {
        padding-bottom: 0;
    }
    .s6 h2{
        padding-top:0;
        font-size: 35px;
        line-height: 40px;
    }
    .s6 h4{
        padding-top: 10px;
        font-size: 24px;
        line-height: 29px;
    }
    .s6 .steps{
        padding-top: 50px;
    }
    .s6 .left_side_img{
        width: 100%;

    }
    .s6 .left_side_img img{
        display: block;
        margin: auto;
    }
    .s6 .right_side_content{
        width: 100%;
        margin-top: 30px;
    }


    /*  s7  */
    /* table */
    .s7 table tr th{
        font-size: 14px;
    }
    .s7 table tr td{
        font-size: 15px;
        padding: 0px 10px;
    }
    .s7 table tr:nth-child(n+11) td{
        font-size: 13px;
    }
    .s7 table tr:nth-child(11) td{
        font-size: 13px !important;
    }

    /*  s8  */
    .s8 .left{
        width: 100%;
        min-height: 100% !important;
        border: none;
        border-bottom: 1px solid rgba(0,0,0,0.13);
    }
    .s8 .right{
        width: 100%;
        min-height: 100% !important;
        border: none;
    }
    .s8 .content{
        width: 80%;
        margin: auto;
        padding: 50px 0;
    }
    .s8 .content p{
        font-size: 24px;
        line-height: 30px;
    }
    .s8 .content a{position: static}
    .s7 table tr:first-child{display: none}
    .s7 table { display:block;}
    .s7 table tbody{display: block}
    .s7 table tr { display:none; height: 100% !important;}
    .s7 table  { display:block;}
    .s7 table tr { display:block; }
    .s7 table tr td { display:block; padding:10px; width: 93%!important;text-align: left}
    .s7 table  td:first-child {background: #f6f6f6;font-weight: 600;width: 100%}
    .s7 table  td:last-child { margin-bottom:15px;}
    .s7 table  td[data-th]:before,
    .s7 table  td[data-th]:not(:first-child):before { display:inline-block; padding-right:15px;  content:attr(data-th) ": "; color:#000; font-weight:400;}
    .s7 table td:first-child { background:#E2E2E2;}

    /*  culture  */
    /*  ru-ru */
    .ru-ru .s5 .content{
        padding: 50px 0;
    }

    /* ar-ae */
    .ar-ae .s2 .payments p{
        padding: 25px 0;
        text-align: center;
    }
    .ar-ae .s7 table tr td{text-align: right}
    .ar-ae .s1 nav ul{
        direction: ltr;
    }
    .ar-ae .s1 .tm .table .row .item.wh{
        border-left: none;
    }
.ar-ae .s1 nav ul li a{
    direction: ltr;
}
    .ar-ae .s1 nav ul li.languages span.flag{
        margin-left: 30px;
        margin-right: 10px;
    }


    /*  zh-cn  */
     body.zh-cn .s1 .logo{
        background-image: url(../images/logo-etoro-white@2x.png);
    }
     .zh-cn .s8 .content{
         width: 80%;
     }




    footer { padding:50px 0 30px 0; text-align:center;}
footer .top_area { margin-bottom:50px;}
footer .top_area .sitemap .row .column:not(.general):not(.social) { display:none;}
footer .top_area .sitemap .row .column.general { width:100%; margin-right:0; margin-bottom:24px;}
footer .top_area .sitemap .row .column.general .logo { margin:0 auto; margin-bottom:25px;}
footer .top_area .sitemap .row .column.social { margin-right:0; width:100%; margin-bottom:0;}
footer .top_area .sitemap .row .column.social .links a { margin-right:20px; margin-left:0;}
footer .top_area .sitemap .row .column.social .links a:last-child { margin-right:0;}
footer .footer_bottom { padding: 50px 0 30px 0; text-align:justify;}
    footer .pre_footer {
        padding-top: 30px;
        text-align: justify;
    }
footer .mobile_links {display: none; margin:30px 0; text-align:center;  line-height: 290%; }
footer .mobile_links a:not(:empty) { display:inline-block; margin: 0px 7px; color: rgba(255,255,255,0.9); font-size: 1.2em;}
}

@media (max-width: 480px) {

    .s1 {background-image: url("../images/head_bg_mobile.jpg")}
    .s1 .w2 h1{font-size: 28px !important;line-height: 36px}

    /*  s2  */
    .s2 h2{
        font-size: 26px;
        line-height: 30px;
    }
    .s2 p.sub{
        font-size: 20px;
        line-height: 26px;
    }
    .s2 .txt p{
        font-size: 18px;
    }
    .s2 .payments{
        width: 100%;
    }
    .s2 .payments p{
        font-size: 18px;
    }

    /*  s4  */
    .s4 .slider .item .content  .desc:before, .s4 .slider .item .content  .desc:after{
        display: none;
    }

    /*  s5 */

    .s5 .left{
        min-height: 570px;
    }
    .s5 .right p, .s5 .right .cnbc p{
        padding: 0;
    }
    .s5 .left .finovate img{width: 80%}
    .s5 .left .date h4{font-size: 23px}
    .s5 .content h3{font-size: 32px}
    .s5 .left .date h4 span{display: block}
    .s5 .left .finovate{margin: 15px 0}
    .s5 .right .bloomberg, .s5 .right .cnbc{margin: 15px 0}
    .s5 .right .cnbc{margin: 25px 0 0}
    /*  s6  */
    .s6 h2{
        font-size: 26px;
        line-height: 30px;
    }
    .s6 h4{
        font-size: 20px;
        line-height: 24px;
    }
    .s6 .right_side_content p{
        font-size: 18px;
        line-height: 22px;
    }
    .s7 .note{
        width: 100%;
    }
    .s7 .note p{
        font-size: 14px;
        line-height: 20px;
    }



    /* culture */
    /* fr-fr */
    .fr-fr .s1 .w2 h1{
        font-size: 30px;
    }
    .fr-fr .s5 .content h3{
        font-size: 25px;
    }
    .fr-fr .s5 .left .date p{
        font-size: 18px;
    }
    .fr-fr .s5 .right p{
        font-size: 18px;
    }
    .fr-fr .s8 .content p{
        font-size: 18px;
    }


    /* de-de */
    .de-de .button_blue{
        font-size: 15px;
    }
    .de-de .s1 .w2 .cta_buttons a{
        width: 215px;
    }
    .de-de .s2 h2{
        font-size: 25px;
    }
    .de-de .s2 .txt p{
        font-size: 16px;
    }
    .de-de .s8 .content a{
        width: 215px;
    }
    .de-de .s7 table tr td{
        font-size: 14px;
    }


    /* it-it */
    .it-it .s7 table tr td{
        font-size: 12px;
    }

    /* es-es */
    .es-es .s1 .w2 h1{
        font-size: 30px;
    }
    .es-es .s7 table tr td{
        font-size: 14px;
    }

    /* ru-ru */
    .ru-ru .s4 .slider .item .content .desc{font-size: 1.47em}
    .ru-ru .s8 .content p{
        font-size: 22px;
    }
    .ru-ru .s5 .left{
        min-height: 650px;
        background-size: 50%;
    }


/* zh-cn */
    .zh-cn .s6 h2{
        font-size: 24px;
    }
    .zh-cn .s6 h4{
        font-size: 17px;
    }

    /* pl-pl */
    .pl-pl .s1 .w2 h1 {
        font-size: 31px !important;
        line-height: 39px;
    }

    /*  ar-ae  */

}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
     .s1 .tm .table .row .item.wh .image { background-image: url(../images/wh-hd.png)}
     .s1[data-fx*="down"] .logo { background-image: url(../images/etoro-logo-green-hd.png);}
    .s1[data-fx*="down"] .navbar_mobile .icon_bar{background: #6aac0e}

    .s1 .logo { background-image:url(../images/logo-hd.png)}
     .s1 .tm .table .item.barclays { background-image: url(../images/barclays-hd.png);}
    .s1 .tm .table .item.commerzbank { background-size:213px 28px;  background-image:url(../images/commerzbank-hd.png)}
    .s1 .tm .table .item.pingan { background-size:94px 36px; background-image:url(../images/pingan-hd.png)}
    .s1 .tm .table .item.rubank { background-size:118px 28px; background-image:url(../images/rubank-hd.png)}
  .s1 nav ul > li.languages > a:before {background-image:url(../images/flags-hd.jpg)}
  .s1 nav ul li.languages span.flag {background-image:url(../images/flags-hd.jpg)}
   
	footer .top_area .sitemap .row .column.general .logo {background-image:url(../images/etoro_logo_small-hd.png);}
	footer .top_area .sitemap .row .column.social .links a.facebook {background-image:url(../images/facebook-icn-hd.png);}
	footer .top_area .sitemap .row .column.social .links a.twitter {background-image:url(../images/twitter-icn-hd.png);}
	footer .top_area .sitemap .row .column.social .links a.instagram {background-image:url(../images/instagram-icn-hd.png);}
	footer .top_area .sitemap .row .column.social .links a.linkedin {background-image:url(../images/linkedin-icn-hd.png);}
	footer .top_area .sitemap .row .column.social .links a.google {background-image:url(../images/googleplus-icn-hd.png);}
	footer .top_area .sitemap .row .column.social .links a.youtube {background-image:url(../images/youtube-icn-hd.png);}


    /*  zh-cn */
    .zh-cn .s1[data-fx*="down"] .logo{
        background-image:  url(../images/etoro-logo-cn-red@2x.png);
    }
    .zh-cn .s1[data-fx*="down"] .navbar_mobile .icon_bar{
        background: #f13030;
    }
}