/* */
/*=================================================== Control 50/50 ================================================== */
.frd-introductory-text {
  padding: 23px 0 36px;
  overflow: hidden; }

.frd-important-text {
  background-color: #749bd0;
  color: #fff;
  padding: 14px 15px 18px;
  margin-bottom: 19px;
  overflow: hidden; }

.frd-text-cont h3 {
  padding: 19px 0; }

.frd-bl-participate {
  background-color: #d8e6f1;
  padding: 0 4.1%;
  margin-top: 13px; }

.frd-bl-check .jq-checkbox {
  float: left;
  margin-right: 14px;
  top: 4px; }

.frd-btn-participate {
  min-width: 205px; }
  .frd-btn-participate .bnt-dark-blue {
    font-size: 18px;
    display: inline-block; }
    .frd-btn-participate .bnt-dark-blue span {
      height: 50px;
      width: 203px; }

/*===================================================== end 50/50 ==================================================== */
/* */
/*===================================================== Rub Forex ==================================================== */
.trf-photo-tuxedo {
  float: right;
  text-align: center;
  width: 36%; }

.trf-instruction {
  overflow: hidden;
  padding-top: 20px; }

.trf-title-way {
  padding: 17px 0 22px; }

.trf-one-position-step {
  margin-bottom: 8px; }

.trf-calc-step {
  color: #0099cc;
  font-size: 24px;
  padding-left: 28px;
  position: relative;
  float: left;
  width: 200px; }
  .trf-calc-step:before {
    content: "";
    position: absolute;
    left: 131px;
    top: 0;
    height: 54px;
    width: 35px; }

.trf-content-step .trf-stp01:before {
  background: url(../i/svg/icon-step-01.svg) center center no-repeat; }
.trf-content-step:hover .trf-stp01:before {
  background: url(../i/svg/icon-step-white-01.svg) center center no-repeat; }
.trf-content-step .trf-stp02:before {
  background: url(../i/svg/icon-step-02.svg) center center no-repeat; }
.trf-content-step:hover .trf-stp02:before {
  background: url(../i/svg/icon-step-white-02.svg) center center no-repeat; }
.trf-content-step .trf-stp03:before {
  background: url(../i/svg/icon-step-03.svg) center center no-repeat; }
.trf-content-step:hover .trf-stp03:before {
  background: url(../i/svg/icon-step-white-03.svg) center center no-repeat; }
.trf-content-step .trf-stp04:before {
  background: url(../i/svg/icon-step-04.svg) center center no-repeat; }
.trf-content-step:hover .trf-stp04:before {
  background: url(../i/svg/icon-step-white-04.svg) center center no-repeat; }

doesnotexist:-o-prefocus, .trf-content-step .trf-stp01:before {
  background-image: url(../i/icon-png/icon-step-01.png); }

doesnotexist:-o-prefocus, .trf-content-step:hover .trf-stp01:before {
  background-image: url(../i/icon-png/icon-step-white-01.png); }

doesnotexist:-o-prefocus, .trf-content-step .trf-stp02:before {
  background-image: url(../i/icon-png/icon-step-02.png); }

doesnotexist:-o-prefocus, .trf-content-step:hover .trf-stp02:before {
  background-image: url(../i/icon-png/icon-step-white-02.png); }

doesnotexist:-o-prefocus, .trf-content-step .trf-stp03:before {
  background-image: url(../i/icon-png/icon-step-03.png); }

doesnotexist:-o-prefocus, .trf-content-step:hover .trf-stp03:before {
  background-image: url(../i/icon-png/icon-step-white-03.png); }

doesnotexist:-o-prefocus, .trf-content-step .trf-stp04:before {
  background-image: url(../i/icon-png/icon-step-04.png); }

doesnotexist:-o-prefocus, .trf-content-step:hover .trf-stp04:before {
  background-image: url(../i/icon-png/icon-step-white-04.png); }

.trf-one-position-step.active .trf-stp01:before {
  background: url(../i/svg/icon-step-white-01.svg) center center no-repeat; }
.trf-one-position-step.active .trf-stp02:before {
  background: url(../i/svg/icon-step-white-02.svg) center center no-repeat; }
.trf-one-position-step.active .trf-stp03:before {
  background: url(../i/svg/icon-step-white-03.svg) center center no-repeat; }
.trf-one-position-step.active .trf-stp04:before {
  background: url(../i/svg/icon-step-white-04.svg) center center no-repeat; }

doesnotexist:-o-prefocus, .trf-one-position-step.active .trf-stp01:before {
  background-image: url(../i/icon-png/icon-step-white-01.png); }

doesnotexist:-o-prefocus, .trf-one-position-step.active .trf-stp02:before {
  background-image: url(../i/icon-png/icon-step-white-02.png); }

doesnotexist:-o-prefocus, .trf-one-position-step.active .trf-stp03:before {
  background-image: url(../i/icon-png/icon-step-white-03.png); }

doesnotexist:-o-prefocus, .trf-one-position-step.active .trf-stp04:before {
  background-image: url(../i/icon-png/icon-step-white-04.png); }

.trf-title-step {
  background: url(../i/svg/blue-arrow-right.svg) right center no-repeat;
  color: #003399;
  font-size: 18px;
  overflow: hidden;
  padding-right: 45px; }
  .trf-title-step span {
    text-align: left; }

.trf-content-step {
  cursor: pointer;
  border: 1px solid #c3d1e1;
  clear: both;
  overflow: hidden;
  padding-right: 23px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  text-align: left; }
  .trf-content-step:hover {
    background-color: #3cb2dc;
    border-color: #3cb2dc; }
    .trf-content-step:hover .trf-calc-step, .trf-content-step:hover .trf-title-step {
      color: #fff; }
    .trf-content-step:hover .trf-title-step {
      background-image: url(../i/svg/white-arrow-right.svg); }
  .trf-content-step span {
    height: 54px; }

doesnotexist:-o-prefocus, .trf-title-step {
  background-image: url(../i/icon-png/blue-arrow-right.png); }

.trf-open-win-step {
  background: url(../i/arrow-down-steps.jpg) 0 0 no-repeat;
  -webkit-background-size: 64px 341px;
  background-size: 64px 341px;
  display: none;
  min-height: 340px;
  padding: 23px 70px 0 64px; }

.trf-wrapper-ws {
  border: 2px solid #3cb2dc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  min-height: 297px;
  padding: 24px 0 19px 28px;
  position: relative; }
  .trf-wrapper-ws:before, .trf-wrapper-ws:after {
    content: "";
    position: absolute;
    border-width: 0 12.5px 15px 12.5px;
    left: 18px;
    width: 0;
    height: 0;
    border-style: solid; }
  .trf-wrapper-ws:before {
    top: -15px;
    border-color: transparent transparent #3cb1dc transparent; }
  .trf-wrapper-ws:after {
    top: -12px;
    border-color: transparent transparent #ffffff transparent; }
  .trf-wrapper-ws h3 {
    display: block;
    font-size: 18px;
    padding-bottom: 17px; }
  .trf-wrapper-ws .itext {
    overflow: hidden; }

.trf-photo-product {
  float: right;
  /*text-align: right;*/
  text-align: left;
  padding: 37px 15px 0 0;
  width: 225px; }

.trf-one-position-step.active .trf-content-step {
  background-color: #3cb2dc;
  background: linear-gradient(to right, #5398df, #56caf4);
  border: 0;
  padding: 1px 24px 1px 1px; }
.trf-one-position-step.active .trf-calc-step, .trf-one-position-step.active .trf-title-step {
  color: #fff; }
.trf-one-position-step.active .trf-title-step {
  background-image: url(../i/svg/arrow-menu-mb-white.svg); }

doesnotexist:-o-prefocus, .trf-one-position-step.active .trf-title-step {
  background-image: url(../i/icon-png/arrow-menu-mb-white.png); }

.trf-link-download-prod {
  padding: 0; }
  .trf-link-download-prod a {
    display: inline-block;
    padding: 3px 0 6px 33px; }
  .trf-link-download-prod span {
    display: block;
    padding-bottom: 7px; }
    .trf-link-download-prod span:last-child {
      padding-bottom: 0; }

.trf-icon-prod-01 {
  background: url(../i/svg/trf-icon-prod-01.svg) 0 0 no-repeat; }

doesnotexist:-o-prefocus, .trf-icon-prod-01 {
  background-image: url(../i/icon-png/trf-icon-prod-01.png); }

.trf-icon-prod-02 {
  background: url(../i/svg/trf-icon-prod-02.svg) 3px 0 no-repeat; }

doesnotexist:-o-prefocus, .trf-icon-prod-02 {
  background-image: url(../i/icon-png/trf-icon-prod-02.png); }

.trf-icon-prod-03 {
  background: url(../i/svg/trf-icon-prod-03.svg) 0 0 no-repeat; }

doesnotexist:-o-prefocus, .trf-icon-prod-03 {
  background-image: url(../i/icon-png/trf-icon-prod-03.png); }

.trf-two-cplum-left {
  position: relative;
  margin-top: 26px; }

.trf-name-tabl {
  padding-bottom: 16px; }
  .trf-name-tabl span {
    display: block;
    padding-bottom: 15px; }

.trf-table-iform {
  background-color: #e6dfcc;
  border: 4px solid #e6dfcc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  .trf-table-iform .itable tr td:first-child {
    color: #766253; }

.trf-two-cplum-right {
  color: #62708c; }
  .trf-two-cplum-right .itext p:last-child {
    padding-bottom: 0; }

.trf-note-cr {
  font-size: 18px;
  padding-bottom: 15px; }

.trf-instructions {
  padding-top: 27px; }

.trf-link-tem {
  background-color: #d3e4f2;
  font-size: 14px;
  padding: 10px 14px 13px;
  margin-top: 9px;
  float: left;
  min-width: 270px; }
  .trf-link-tem p {
    padding: 7px 0; }

/*=================================================== end Rub Forex ================================================== */
/* */
/*=================================================== Start Trading ================================================== */
.ts-bl-start-trading {
  padding-top: 19px; }

.ts-title-fss {
  padding: 32px 0 24px;
  text-align: center; }

.ts-one-bl-start-step {
  background: url(../i/slanting-stripe.jpg) center bottom no-repeat;
  -webkit-background-size: 528px 21px;
  background-size: 528px 21px;
  text-align: center;
  min-height: 101px;
  position: relative; }

.ts-bl-four-start-step .ts-one-bl-start-step:last-child {
  background: none; }

.ts-one-strip {
  color: #fff;
  display: inline-block;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
  padding-right: 21px;
  height: 80px;
  max-width: 530px;
  width: 100%; }
  .ts-one-strip span {
    height: 80px; }

.icon-ss01 {
  background: url(../i/bg-start-trading-01.png) 0 center no-repeat;
  -webkit-background-size: 530px 80px;
  background-size: 530px 80px; }

.icon-ss02 {
  background: url(../i/bg-start-trading-02.png) 0 center no-repeat;
  -webkit-background-size: 530px 80px;
  background-size: 530px 80px; }

.icon-ss03 {
  background: url(../i/bg-start-trading-03.png) 0 center no-repeat;
  -webkit-background-size: 530px 80px;
  background-size: 530px 80px; }

.icon-ss04 {
  background: url(../i/bg-start-trading-04.png) 0 center no-repeat;
  -webkit-background-size: 530px 80px;
  background-size: 530px 80px; }

.ts-ss-number {
  float: left;
  font-size: 36px; }
  .ts-ss-number span {
    width: 60px; }

.ts-ss-name {
  font-size: 18px;
  padding-right: 50px; }
  .ts-ss-name span {
    text-align: left; }

.icon-ss01 .ts-ss-name {
  background: url(../i/svg/start-trading-icon-01.svg) right center no-repeat;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px; }

doesnotexist:-o-prefocus, .icon-ss01 .ts-ss-name {
  background-image: url(../i/icon-png/start-trading-icon-01.png); }

.icon-ss02 .ts-ss-name {
  background: url(../i/svg/start-trading-icon-02.svg) right center no-repeat; }

doesnotexist:-o-prefocus, .icon-ss02 .ts-ss-name {
  background-image: url(../i/icon-png/start-trading-icon-02.png); }

.icon-ss03 .ts-ss-name {
  background: url(../i/svg/start-trading-icon-03.svg) right center no-repeat; }

doesnotexist:-o-prefocus, .icon-ss03 .ts-ss-name {
  background-image: url(../i/icon-png/start-trading-icon-03.png); }

.icon-ss04 .ts-ss-name {
  background: url(../i/svg/start-trading-icon-04.svg) right center no-repeat; }

doesnotexist:-o-prefocus, .icon-ss04 .ts-ss-name {
  background-image: url(../i/icon-png/start-trading-icon-04.png); }

.ts-btn-what-next {
  border-bottom: 1px solid #e6dfcc;
  padding: 25px 0 37px;
  text-align: center; }
  .ts-btn-what-next a {
    color: #fff;
    display: inline-block;
    background-color: #3a539b;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    font-size: 18px;
    position: relative; }
    .ts-btn-what-next a:before {
      content: "";
      position: absolute;
      background: url(../i/svg/brown-arrow-bottom.svg) 0 0 no-repeat;
      -webkit-background-size: 38px 38px;
      background-size: 38px 38px;
      left: 50%;
      top: -28px;
      margin-left: -18px;
      height: 38px;
      width: 38px; }
    .ts-btn-what-next a:hover {
      background-color: #3399cc; }
      .ts-btn-what-next a:hover:before {
        top: -15px;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear; }
  .ts-btn-what-next span {
    height: 67px;
    width: 290px; }

doesnotexist:-o-prefocus, .ts-btn-what-next a:before {
  background-image: url(../i/brown-arrow-bottom.png); }

.ts-wrapper-video-list {
  border-bottom: 1px solid #e6dfcc;
  padding: 25px 0 18px; }

.ts-bl-video-list {
  float: left; }

.ts-video-item {
  display: none; }
  .ts-video-item.active {
    display: block; }

.ts-wrapper-video {
  width: 100%;
  position: relative;
  padding-top: 53.25%; }

.ts-wrapper-video iframe, .ts-wrapper-video object, .ts-wrapper-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

doesnotexist:-o-prefocus, .ts-wrapper-video {
  padding-top: 0; }

.ts-inform-video-item {
  font-size: 14px;
  padding-top: 20px; }
  .ts-inform-video-item h3 {
    display: block;
    font-size: 18px;
    padding-bottom: 15px; }

.ts-duration-author {
  color: #62708c;
  font-size: 14px;
  padding-top: 19px; }

.ts-link-video-list {
  overflow: hidden; }

.ts-title-lvl-mob {
  display: none; }

.ts-title-lvl {
  font-size: 18px;
  padding-bottom: 13px; }
  .ts-title-lvl span {
    float: left;
    padding: 0 25px 0 16px;
    background: url(../i/svg/icon-video.svg) right center no-repeat; }

.ts-link-video-item-nclc li, .ts-link-video-item li {
  cursor: pointer; }
.ts-link-video-item-nclc span, .ts-link-video-item span {
  cursor: pointer;
  color: #003399;
  text-decoration: underline; }
  .ts-link-video-item-nclc span:hover, .ts-link-video-item span:hover {
    color: #0099cc;
    text-decoration: underline; }
.ts-link-video-item-nclc li.active, .ts-link-video-item li.active {
  background-color: #e6dfcc;
  cursor: default;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  .ts-link-video-item-nclc li.active span, .ts-link-video-item li.active span {
    color: #000;
    cursor: default;
    text-decoration: none; }

/*================================================= end Start Trading ================================================ */
/* */
/*==================================================== Media Style =================================================== */
/* */
/*---------- Before 1240 --------------------------------------------------------------------------------------------- */
@media screen and (min-width: 1241px) {
  .trf-name-tabl {
    float: left;
    width: 54%; }

  .trf-two-cplum-right {
    position: absolute;
    right: 0;
    top: 0; }

  .ts-bl-pros-profession:before {
    left: -5px;
    top: 56px; }

  .ts-title-bpp span {
    font-size: 20px;
    padding: 21px 33px 17px; }

  .ts-text-plus {
    padding: 13px 12px; }

  .ts-bl-one-plus.ts-pp01 {
    left: 1.3%;
    top: 180px;
    width: 233px; }
  .ts-bl-one-plus.ts-pp02 {
    left: 30.5%;
    top: 140px;
    width: 178px; }
  .ts-bl-one-plus.ts-pp03 {
    left: 53.6%;
    top: 208px;
    width: 176px; }
  .ts-bl-one-plus.ts-pp04 {
    left: 75%;
    top: 133px;
    width: 199px; }

  .ts-pp01 .ts-text-plus span:before {
    background: url(../i/svg/map-profession-01.svg) center 0 no-repeat;
    bottom: 83px; }

  .ts-pp02 .ts-text-plus span:before {
    background: url(../i/svg/map-profession-02.svg) 0 0 no-repeat;
    top: 8px; }

  .ts-pp03 .ts-text-plus span:before {
    background: url(../i/svg/map-profession-03.svg) center 0 no-repeat;
    left: 14px; }

  .ts-pp04 .ts-text-plus span:before {
    background: url(../i/svg/map-profession-04.svg) center 0 no-repeat;
    left: 4px; }

  .ts-bl-video-list {
    padding-right: 30px;
    width: 500px; } 
	
  .ts-bl-video-list.cols3 {
    padding-right: 30px;
    width: 800px; } 
	
	}
/*---------- end Before 1240 ----------------------------------------------------------------------------------------- */
/* */
/*---------- 1240 - 980 ---------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1240px) and (min-width: 981px) {
  .ts-bl-pros-profession:before {
    left: 6px;
    top: 52px; }

  .ts-text-plus {
    padding: 12px 12px; }

  .ts-bl-one-plus.ts-pp01 {
    left: 16px;
    top: 180px;
    width: 212px; }
  .ts-bl-one-plus.ts-pp02 {
    left: 34.7%;
    top: 130px;
    width: 139px; }
  .ts-bl-one-plus.ts-pp03 {
    left: 56.6%;
    top: 217px;
    width: 176px; }
  .ts-bl-one-plus.ts-pp04 {
    right: -24px;
    top: 133px;
    width: 199px; }
    .ts-bl-one-plus.ts-pp04 .ts-text-plus {
      left: -20%; }

  .ts-title-bpp span {
    font-size: 18px;
    padding: 24px 31px 17px; }

  .ts-pp01 .ts-text-plus span:before {
    background: url(../i/svg/map-profession-01.svg) center 0 no-repeat;
    bottom: 72px; }

  .ts-pp02 .ts-text-plus span:before {
    background: url(../i/svg/map-profession-02.svg) 0 0 no-repeat;
    top: 20px; }

  .ts-pp03 .ts-text-plus span:before {
    background: url(../i/svg/map-profession-03.svg) center 0 no-repeat;
    left: -39px; }

  .ts-pp04 .ts-text-plus span:before {
    background: url(../i/svg/map-profession-04.svg) center 0 no-repeat;
    left: 60px; }

  .ts-bl-video-list {
    padding-right: 20px;
    width: 480px; } 
	
  .ts-bl-video-list.cols3 {
    padding-right: 20px;
    width: 710px; } 
	
	}
/*---------- end 1240 - 980 ------------------------------------------------------------------------------------------ */
/* */
/*---------- Before 980 ---------------------------------------------------------------------------------------------- */
@media screen and (min-width: 981px) {
  .frd-photo-scheme-trade {
    float: right;
    padding-left: 48px; }
    .frd-photo-scheme-trade img {
      float: left; }

  .frd-introductory-text {
    font-size: 18px; }

  .frd-important-text {
    font-size: 14px; }

  .frd-text-cont h3 {
    font-size: 18px; }

  .frd-bl-participate figure {
    display: table-cell;
    vertical-align: middle;
    height: 120px; }

  .frd-bl-check {
    float: left;
    font-size: 14px;
    line-height: 18px;
    width: 65%; }

  .frd-btn-participate {
    float: right;
    min-width: 205px;
    width: 29%; }

  .trf-two-cplum-left {
    font-size: 14px; }

  .trf-title-way, .trf-name-tabl span {
    font-size: 18px; }

  .trf-two-cplum-right {
    float: right;
    width: 41%; }

  .trf-table-iform {
    float: left;
    width: 53.5%; }

  .ts-title-fss {
    font-size: 22px; }

  .ts-one-bl-start-step:before {
    border: 1px solid #86cce6;
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    height: 50px;
    width: 99.5%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background-color: #86cce6;
    background: linear-gradient(to top, #d4edf6, #ffffff);
    z-index: -1; }
  .ts-one-bl-start-step:hover:before {
    border: 1px solid #3a539b;
    background: #3a539b; }

  .ts-bl-pros-profession {
    border-top: 4px solid #c8bd9d;
    background: #e4ddc8 url(../i/bg-pros-profession.jpg) center bottom no-repeat;
    -webkit-background-size: 930px 265px;
    background-size: 930px 265px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    min-height: 265px;
    margin-top: 10px;
    position: relative; }
    .ts-bl-pros-profession:before {
      content: "";
      position: absolute;
      background: url(../i/map-profession-05.png) center 0 no-repeat;
      -webkit-background-size: 92px 97px;
      background-size: 92px 97px;
      height: 97px;
      width: 100%; }

  .ts-title-bpp {
    text-align: center;
    position: relative;
    z-index: 4;
    top: -4px; }
    .ts-title-bpp span {
      background-color: #e8e2d0;
      -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.32);
      -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.32);
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.32);
      display: inline-table;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px;
      position: relative;
      top: -10px; }

  .ts-bl-one-plus {
    position: absolute;
    text-align: center; }
    .ts-bl-one-plus .cl {
      position: relative; }

  .ts-plus-item {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: 29px;
    position: relative;
    height: 35px;
    text-align: left;
    width: 25px;
    z-index: 1; }
    .ts-plus-item i {
      font-style: normal; }
    .ts-plus-item:before {
      content: "";
      position: absolute;
      left: -1px;
      top: 5px;
      height: 22px;
      width: 22px;
      background-color: #3399cc;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px;
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      z-index: -1; }
    .ts-plus-item:after {
      background-color: #fff;
      content: "";
      position: absolute;
      left: -6px;
      top: 0;
      height: 32px;
      width: 32px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px;
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      z-index: -2; }

  .ts-cl {
    display: inline-block; }

  .ts-text-plus {
    background-color: #fff;
    font-size: 14px;
    position: absolute;
    text-align: left;
    width: 100%;
    z-index: 3; }
    .ts-text-plus span {
      display: block;
      position: relative; }
      .ts-text-plus span:before {
        content: "";
        position: absolute; }

  .ts-pp01 .ts-text-plus,
  .ts-pp03 .ts-text-plus,
  .ts-pp04 .ts-text-plus {
    bottom: 33px; }

  .ts-pp02 .ts-text-plus {
    top: 31px; }

  .ts-pp01 .ts-text-plus span:before {
    background: url(../i/svg/map-profession-01.svg) center 0 no-repeat;
    left: -11px;
    height: 53px;
    width: 100%; }

  .ts-pp02 .ts-text-plus span:before {
    background: url(../i/svg/map-profession-02.svg) 0 0 no-repeat;
    left: -58px;
    height: 51px;
    width: 100%; }

  .ts-pp03 .ts-text-plus span:before {
    background: url(../i/svg/map-profession-03.svg) center 0 no-repeat;
    bottom: 53px;
    height: 51px;
    width: 100%; }

  .ts-pp04 .ts-text-plus span:before {
    background: url(../i/svg/map-profession-04.svg) center 0 no-repeat;
    bottom: 60px;
    height: 51px;
    width: 100%; }

  .ts-inform-video-item {
    padding-left: 15px; }

  .ts-link-video-item-nclc li, .ts-link-video-item li {
    padding: 7px 16px; }
  .ts-link-video-item-nclc span, .ts-link-video-item span {
    font-size: 14px; } }
/*---------- end Before 980 ------------------------------------------------------------------------------------------ */
/* */
/*---------- After 980 ----------------------------------------------------------------------------------------------- */
@media screen and (max-width: 980px) {
  .frd-introductory-text {
    font-size: 20px; }

  .frd-important-text {
    font-size: 16px; }

  .frd-text-cont h3 {
    font-size: 20px;
    line-height: 24px; }

  .frd-photo-scheme-trade {
    clear: both;
    padding-top: 30px;
    text-align: center;
    width: 100%; }

  .frd-bl-participate {
    padding: 28px 4.2% 29px; }

  .frd-bl-check {
    clear: both;
    font-size: 16px;
    line-height: 19px;
    width: 100%; }
    .frd-bl-check .jq-checkbox {
      margin-bottom: 20px; }

  .trf-two-cplum-left {
    font-size: 16px; }

  .frd-btn-participate {
    clear: both;
    padding-top: 24px;
    width: 100%; }

  .trf-title-way {
    padding-bottom: 27px; }

  .trf-title-way, .trf-name-tabl span {
    font-size: 20px; }

  .trf-photo-tuxedo {
    display: none; }

  .trf-two-cplum-right {
    clear: both;
    overflow: hidden;
    padding: 24px 0 8px 15px; }

  .trf-link-tem {
    font-size: 16px;
    width: 100%; }

  .trf-open-win-step {
    padding-top: 12px;
    padding-right: 42px; }

  .trf-wrapper-ws {
    padding-left: 19px;
    padding-right: 19px; }
    .trf-wrapper-ws h3 {
      font-size: 20px; }

  .trf-photo-product {
    display: none; }

  .trf-link-download-prod span {
    padding: 7px 0 9px; }

  .trf-content-step {
    padding-right: 18px; }
    .trf-content-step span {
      height: 68px; }

  .trf-calc-step {
    padding-left: 14px;
    width: 164px; }
    .trf-calc-step:before {
      height: 68px;
      left: 111px; }

  .ts-wrapper-video-list {
    padding: 15px 0; }

  .ts-title-fss {
    font-size: 20px; }

  .ts-bl-video-list {
    float: inherit;
    border-bottom: 1px solid #e6dfcc;
    padding-bottom: 16px; }

  .ts-bl-pros-profession {
    background: #e4ddc8 url(../i/bg-pros-profession.jpg) 57px 12px no-repeat;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-top: 15px;
    padding: 0 0 8px 0;
    position: relative;
    overflow: hidden;
    z-index: 5; }

  .ts-title-bpp {
    background-color: #e8e2d0;
    font-size: 20px;
    padding: 18px 0 26px;
    position: relative;
    margin-bottom: 14px;
    text-align: center;
    width: 100%;
    z-index: 1; }
    .ts-title-bpp:before {
      content: "";
      -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.32);
      -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.32);
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.32);
      position: absolute;
      left: 0;
      top: -5px;
      height: 100%;
      width: 100%;
      z-index: -1; }

  .ts-bl-one-plus {
    clear: both;
    position: relative;
    margin: 0 4px; }

  .ts-text-plus {
    font-size: 16px;
    background-color: #ffffff;
    padding: 0 20% 0 81px; }
    .ts-text-plus span {
      display: table-cell;
      vertical-align: middle;
      padding: 12px 0 15px;
      height: 65px; }

  .ts-pp01 .ts-text-plus {
    background: #fff url(../i/svg/map-profession-01.svg) 12px center no-repeat; }

  doesnotexist:-o-prefocus, .ts-pp01 .ts-text-plus {
    background-image: url(../i/icon-png/map-profession-01.png); }

  .ts-pp02 .ts-text-plus {
    background: #fff url(../i/svg/map-profession-02.svg) 23px center no-repeat; }

  doesnotexist:-o-prefocus, .ts-pp02 .ts-text-plus {
    background-image: url(../i/icon-png/map-profession-02.png); }

  .ts-pp03 .ts-text-plus {
    background: #fff url(../i/svg/map-profession-03.svg) 26px center no-repeat; }

  doesnotexist:-o-prefocus, .ts-pp03 .ts-text-plus {
    background-image: url(../i/icon-png/map-profession-03.png); }

  .ts-pp04 .ts-text-plus {
    background: #fff url(../i/svg/map-profession-04.svg) 18px center no-repeat; }

  doesnotexist:-o-prefocus, .ts-pp04 .ts-text-plus {
    background-image: url(../i/icon-png/map-profession-04.png); }

  .ts-cl {
    text-align: center; }

  .ts-plus-item {
    color: #fff;
    display: inline-block;
    font-size: 24px;
    line-height: 0;
    padding-top: 2px;
    position: relative;
    height: 29px;
    text-align: center;
    width: 25px;
    z-index: 1; }
    .ts-plus-item i {
      font-style: normal;
      display: table-cell;
      height: 27px;
      text-align: center;
      vertical-align: middle;
      width: 25px; }
    .ts-plus-item:before {
      content: "";
      position: absolute;
      left: 1px;
      top: 5px;
      height: 22px;
      width: 22px;
      background-color: #3399cc;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px;
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      z-index: -1; }
    .ts-plus-item:after {
      background-color: #fff;
      content: "";
      position: absolute;
      left: -4px;
      top: 0;
      height: 32px;
      width: 32px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px;
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      z-index: -2; }

  .ts-title-lvl {
    display: none; }

  .ts-link-video-list {
    padding-top: 18px; }

  .ts-link-video-item-nclc li, .ts-link-video-item li {
    padding: 11px 11px 13px;
    margin-bottom: 8px;
    cursor: pointer; }
    .ts-link-video-item-nclc li:last-child, .ts-link-video-item li:last-child {
      margin-bottom: 0; }
  .ts-link-video-item-nclc span, .ts-link-video-item span {
    font-size: 16px; }

  .ts-btn-what-next {
    padding-bottom: 29px; }

  .ts-title-lvl-mob {
    display: block;
    font-size: 20px;
    padding: 0 0 20px 20px; }
    .ts-title-lvl-mob span {
      float: left;
      padding: 0 0 0 27px;
      background: url(../i/svg/icon-video.svg) 0 center no-repeat; }

  doesnotexist:-o-prefocus, .ts-title-lvl-mob span {
    background-image: url(../i/icon-png/icon-video.jpg); } }
/*---------- After 980 ----------------------------------------------------------------------------------------------- */
/* */
/*---------- end Before 768 ------------------------------------------------------------------------------------------ */
@media screen and (max-width: 768px) {
  .frd-bl-participate {
    padding: 28px 3% 29px; }

  .trf-two-cplum-right {
    padding-left: 0; }

  .trf-content-step {
    padding-right: 12px; }

  .trf-title-step {
    padding-right: 20px; }

  .trf-open-win-step {
    padding-right: 24px; }

  .ts-btn-what-next {
    padding-bottom: 24px; }

  .ts-ss-name {
    padding-right: 80px; } }
/*---------- end Before 768 ------------------------------------------------------------------------------------------ */
/* */
/*---------- Before 640 ---------------------------------------------------------------------------------------------- */
@media screen and (max-width: 640px) {
  .ts-text-plus {
    padding-right: 5%; } }
/*---------- Before 640 ---------------------------------------------------------------------------------------------- */
/* */
/*---------- Retina -------------------------------------------------------------------------------------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .trf-open-win-step {
    background-image: url(../i/arrow-down-steps@2x.jpg); }

  .ts-bl-pros-profession {
    background-image: url(../i/bg-pros-profession@2x.jpg); }

  .ts-one-bl-start-step {
    background-image: url(../i/slanting-stripe@2x.jpg); }

  .ts-bl-pros-profession:before {
    background-image: url(../i/map-profession-05@2x.png); }

  .icon-ss01 {
    background-image: url(../i/bg-start-trading-01@2x.png); }

  .icon-ss02 {
    background-image: url(../i/bg-start-trading-02@2x.png); }

  .icon-ss03 {
    background-image: url(../i/bg-start-trading-02@2x.png); }

  .icon-ss04 {
    background-image: url(../i/bg-start-trading-02@2x.png); }

  .ts-btn-what-next a:before {
    background-image: url(../i/brown-arrow-bottom@2x.png); } }
/*---------- end Retina ---------------------------------------------------------------------------------------------- */
/* */
/*================================================== end Media Style ================================================= */

/*# sourceMappingURL=trade.css.map */