.pause {
  position: absolute;
  right: 0;
  top: 0;
  background-color: red;
  width: 100px;
  height: 100px;
}


html * {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 300;
  color: #333;
  background-color: #d1d3d4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html, body {
  height: 100%;
}

h2 {
  font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
  font-size: 60px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

p {
  margin-bottom: 5px;
}

.slab {
  font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
  font-weight: 700;
}


/* общие секции */

section {
  position: relative;
  /* временно */
  /*outline: solid lime 1px;*/
}

/* индивидуальные секции */

.section1 {
  height: 100%;
  width: 100%;
  padding: 0;
  overflow: hidden;
}


.section1 .logo {
  position: absolute;
  top: 0;
  right: 300px;
  z-index: 18;
}

.section1 .bcg_back {
  background: url(../img/back_mt.jpg) no-repeat;
  background-position: bottom center;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.section1 .num10 {
  position: absolute;
  bottom: calc(50% - 100px);
  left: calc(50% - 140px);
  z-index: 20;
  text-align: center;
  height: 50%;
}

.section1 .num10 img {
  height: 100%;
}

.section1 .bcg_front {
  background: url(../img/front_mt.png) no-repeat;
  background-position: bottom center;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 30;
}


.section2 {
  height: auto;
  padding: 60px 15px;
  text-align: center;
  background-color: #fff;
  position: relative;
}

.section2 .btn {
  max-width: 424px;
  margin: 40px 0 0;
  padding: 20px;
  font-size: 32px;
  line-height: 1.2;
  text-transform: none;
  box-shadow: none;
  background: linear-gradient(to bottom, #37AEE2 0%, #1E96C8 100%);
  border: 1px solid #37AEE2;
}

.section2 .btn:hover, .section2 .btn:focus {
  text-decoration: none;
  color: #fff;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.18);
  background-image: linear-gradient(196deg, #37AEE2 0%, #1E96C8 100%);
  border-color: transparent;
}

.telegram_icon {
  margin: 0 20px 0 10px;
}

.telegram_text {
  margin-top: 90px;
  font-size: 48px;
}

@media(max-width: 768px) {
  .section2 .btn.btn-telegram {
    margin-top: 30px;
  }
}
@media(max-width: 480px) {
  .telegram_text {
    margin-top: 70px;
    font-size: 28px;
    margin-bottom: 30px;
  }
}

.section2 .info {
  position: static;
  max-width: 945px;
  margin: 0 auto;
  margin-bottom: 40px;
}

.section2 .title {
  margin-bottom: 60px;
}

.section2 .text1 {
  margin-bottom: 40px;
} 

.pinContainer {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.slideContainer {
  position: relative;
  /*left: 0;*/
  width: 15800px;
  height: 100%;
  background-color: #d1d3d4;
}

.slideContainer .section5-1 {
  width: 800px;
}

.section5-1 .infoBottom {
  top: calc(50% + 165px);
  left: 0;
}

.slideContainer section {
  height: 100%;
  width: 1600px;
  float: left;
}

.slideContainer .section11 {
  width: 2200px;
}

.slideContainer .info {
  position: absolute;
}

/* временно */

/*.slideContainer::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  top: 50%;
  background-color: red;
}
*/

/* позиционирование текста горизонтального скролла */

.section3 .infoTop {
  bottom: calc(50% + 120px);
  left: 750px;
}
.section3 .infoBottom {
  top: calc(50% + 165px);
  left: 1040px;
}

.section4 .infoTop {
  bottom: calc(50% + 200px);
  left: 830px;
}
.section4 .infoBottom {
  top: calc(50% + 155px);
  left: 118px;
}

.section5 .ey {
  position: absolute;
  left: 950px;
  bottom: calc(50% - 50px);
}

.section5 .infoBottom2 {
  top: calc(50% + 155px);
  left: 890px;
  max-width: 600px;
  width: 100%;
}

.section5 .infoBottom1 {
  top: calc(50% + 155px);
  left: 127px;
}

.slideContainer .section6 {
   width: 1000px;
}
.section6 .infoTop {
  bottom: calc(50% + 100px);
  left: 388px;
}
.section6 .infoBottom {
  top: calc(50% + 225px);
  left: 1200px;
  max-width: 600px;
  width: 100%;
}

.section7 .infoTop {
  bottom: calc(50% + 118px);
  left: 370px;
}
.section7 .infoBottom {
  top: calc(50% + 155px);
  left: 1172px;
  max-width: 600px;
  width: 100%;
}

.section8 .infoTop {
  bottom: calc(50% + 150px);
  left: 325px;
}
.section8 .infoBottom {
  top: calc(50% + 155px);
  left: 1089px;
  max-width: 600px;
  width: 100%;
}

.section9 .infoTop {
  bottom: calc(50% + 154px);
  left: 322px;
  max-width: 570px;
  width: 100%;
}
.section9 .infoBottom {
  top: calc(50% + 155px);
  left: 1208px;
  max-width: 600px;
  width: 100%;
}

.section10 .infoTop {
  bottom: calc(50% - 95px);
  max-width: 500px;
  width: 100%;
  left: 675px;
  font-size: 60px;
}
.section10 .infoBottom {
  top: calc(50% + 155px);
  max-width: 600px;
  left: 1450px;
  width: 100%;
}

.section11 .infoTop {
  bottom: calc(50% - 170px);
  font-size: 60px;
}

/* позиционирование и анимирование предметов горизонтального скролла */

.section3 .balloonFront {
  position: absolute;
  /*top: calc(50% + 300px);*/
  top: 100%;
  left: 187px;
  /*transform: translateY(-100%);*/
}
.section3 .balloonBack1 {
  position: absolute;
  /*top: calc(50% + 100px);*/
  top: 100%;
  left: 65px;
  /*transform: translateY(-100%);*/
}
.section3 .balloonBack2 {
  position: absolute;
  top: 100%;
  left: 550px;
  /*transform: translateY(-100%);*/
}

.section3 .graphic {
  position: absolute;
  /*top: calc(50% - 200px);*/
  top: calc(50% - 750px);
  /*transform: translatey(-50%);*/
  left: 550px;
}


.section4 .infoNumbers {
  position: absolute;
  left: 90px;
  bottom: calc(50% - 70px);
}

.section4 .infoNumbers::after {
  content: '';
  /*background-image: url(../img/shadow_num.png);*/
  width: 87px;
  height: 8px;
  display: block;
}

.section4 .numbers {
  position: relative;
  color: #f58220;
  font-size: 230px;
  font-weight: 100;
  line-height: 1;
}

.section4 .numbers::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 48px;
  left: 26px;
  /*transform: translateX(-50%);*/
  background-image: url(../img/numshadoww.png);
  background-repeat: no-repeat;
  width: 463px;
  height: 12px;
}


.section4 .speedometer {
  position: absolute;
  left: 790px;
  top: calc(50% + 80px);
  width: 670px;
  height: 400px;
}

.section4 .speedometer img {
  position: absolute;
  left: 0;
  bottom: 0;
}

.section4 .speedometer .speed1 {
  left: 110px;
  bottom: 130px;
}
.section4 .speedometer .speed2 {
  left: 140px;
  bottom: 150px;
  opacity: 0
}
.section4 .speedometer .speed3 {
  left: 200px;
  bottom: 150px;
  opacity: 0
}
.section4 .speedometer .speed4 {
  left: 210px;
  bottom: 150px;
  opacity: 0
}
.section4 .speedometer .speed5 {
  left: 209px;
  bottom: 145px;
  opacity: 0
}
.section4 .speedometer .speed6 {
  left: 209px;
  bottom: 141px;
  opacity: 0
}
.section4 .speedometer .speed7 {
  left: 209px;
  bottom: 122px;
  opacity: 0
}



.section5 .infoNumbers {
  position: absolute;
  left: -40px;
  bottom: calc(50% - 70px);
}

.section5 .infoNumbers::after {
  content: '';
  /*background-image: url(../img/shadow_num.png);*/
  width: 87px;
  height: 8px;
  display: block;
}

.section5 .numbers {
  position: relative;
  color: #f58220;
  font-size: 230px;
  font-weight: 100;
  line-height: 1;
}


.section5 .numbers::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 48px;
  left: 22px;
  /*transform: translateX(-50%);*/
  background-image: url(../img/numshadow2.png);
  background-repeat: no-repeat;
  width: 721px;
  height: 12px;
}

.section5-1 .infoBottom2 {
  top: calc(50% + 155px);
  left: 150px;
  max-width: 600px;
  width: 100%;
}

.section5-1 .macbook {
  position: absolute;
  left: 0;
  bottom: 50%;
}

.section5-1 .ipad {
  position: absolute;
  left: 590px;
  bottom: calc(50% - 50px);
}

.section5-1 .watch {
  position: absolute;
  left: 535px;
  bottom: calc(50% - 75px);
}

.section6 .microphone_front {
  position: absolute;
  left: 520px;
  bottom: -180px;
}

.section6 .micro_mob {
  display: none;
}

.section6 .microphone_back {
  position: absolute;
  left: 200px;
  bottom: 0;
  opacity: 0.3;
}

.section6 .infoCity {
  position: absolute;
  left: 1440px;
  bottom: calc(50% + 35px);
  color: #f58220;
  height: 30px;
  width: 100px;
}

.section6 .infoCity p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
  /*opacity: 0;*/
}

.section6 .city1 {
  font-size: 230px;
  font-weight: 100;
}
.section6 .city2 {
  font-size: 80px;
  font-weight: 400;
  width: 720px;
}
.section6 .city3 {
  font-size: 120px;
  font-weight: 300;
}
.section6 .city4 {
  font-size: 230px;
  font-weight: 700;
}
.section6 .city5 {
  font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
  font-size: 230px;
  font-weight: 700;
}
.section6 .city6 {
  font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
  font-size: 230px;
  font-weight: 700;
}
.section6 .city7 {
  font-size: 150px;
  font-weight: 400;
}
.section6 .city8 {
  font-size: 230px;
  font-weight: 400;
}
.section6 .city9 {
  font-size: 230px;
  font-weight: 400;
}
.section6 .city10 {
  font-size: 230px;
  font-weight: 400;
}
.section6 .city11 {
  font-size: 130px;
  font-weight: 400;
}
.section6 .city12 {
  font-size: 120px;
  font-weight: 300;
}
.section6 .city13 {
  font-size: 120px;
  font-weight: 300;
}
.section6 .city14 {
  font-size: 120px;
  font-weight: 300;
}

.section7 .icons {
  position: absolute;
  left: 414px;
  top: 50%;
}

.section7 .icons img {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 60px;
}

.section7 .icon1 {
  margin-left: 20px;
}

.section7 .icon1,
.section7 .icon3 {
  margin-right: 150px;
}

.section7 .tfc {
  position: absolute;
  /*left: 1170px;*/
  right: -160px;
  bottom: 50%;
  width: 600px;
}

.section7 .tfc img {
  display: inline-block;
  vertical-align: middle;
}

.section7 .tfc .tfc_logo {
  margin-right: 20px;
}

.section7 .tfcLogoWrap {
  display: inline-block;
  vertical-align: middle;
}

.section7 .tfcLogoWrap img {
  max-width: 100%;
}


.section8 .money {
  position: absolute;
  left: 250px;
  top: calc(50% - 60px);
}

.section8 .money img {
  position: absolute;
}

.section8 .money_front2 {
  top: 127px;
  left: 12px;
}

.section8 .money_election {
  top: 74px;
  left: 260px;
}

.section8 .bag {
  position: absolute;
  left: 1110px;
  top: 0;
}

.section8 .bag_mob {
  display: none;
}

.section9 .hands {
  position: absolute;
  left: 210px;
  /*top: calc(50% + 20px);*/
  bottom: calc(0% - 20px);
}

.section9 .hands_right {
  position: absolute;
  left: 380px;
  top: 140px;
}

.section9 .icons {
  position: absolute;
  left: 1180px;
  bottom: calc(50% - 30px);
  width: 670px;
}

.section9 .icon {
  position: absolute;
  text-align: center;
  bottom: 0
}

.section9 .icon1 {
  left: 0;
}

.section9 .icon2 {
  left: 250px;
}

.section9 .icon3 {
  left: 500px;
}

.section9 .icon img {
  margin-bottom: 30px;
}

.section9 .icon p {
  color: #9B9B9B;
  font-size: 24px;
}

.section9 .icon .black {
  color: #000;
}

.section9 .ico1_orange {
  visibility: hidden;
}

.section10 .dollar {
  position: absolute;
  left: 1450px;
  top: 50%;
}

.section10 .dollar1 {
  transform-origin: left bottom;
}

.section10 .dollar img {
  position: absolute;
  transform: translateY(-50%);
}

.section11 .awardList {
  position: absolute;
  left: 2800px;
  bottom: calc(50% - 200px);
  transform: translateY(-50%);
}

.section11 .awardItem {
  position: absolute;
  text-align: center;
  bottom: 0;
  width: 300px;
  opacity: 0;
}

.section11 .awardItem img {
  margin-bottom: 30px;
}

.section11End {
  /*outline: yellow solid 1px;*/
  /*background-color: yellow;*/
}


/* футер */

.section12 {
  text-align: center;
  padding: 120px 15px 70px;
  background-image: url(../img/footer_bg.jpg);
  background-repeat: no-repeat;
  background-position: calc(50% - 730px) center;
  /*-webkit-background-size: cover;*/
  /*background-size: cover;*/
  background-color: #fff;
}

.section12 .info {
  text-align: right;
  margin: 0 auto;
  max-width: 1000px;
  position: static;
}

.section12 .text {
  font-size: 30px;
  margin-bottom: 30px;
}

.section12 .slab {
  font-size: 36px;
  text-transform: uppercase;
  margin-bottom: 115px;
}

.section13 {
  min-height: 100px;
  background-color: #eceff4;
}

.section14 {
    padding: 79px 0;
    background: #fff;
}
.section14 h2 {
    font-family: "Roboto Slab", Roboto, sans-serif;
    font-size: 36px;
    font-weight: 400;
    color: #f2994a;
    line-height: 1.3;
}
.section14 h2 .slab {
    font-family: "Roboto Slab", Roboto, sans-serif;
    font-weight: 700;
}
.section14 ul {
    margin-top: 37px;
    font-size: 0;
}
.section14 li {
    display: inline-block;
    padding: 30px 15px 0 0;
    width: 100%;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 300;
    vertical-align: top;
}
.section14 li p {
    font-size: 24px;
}
.section14 li .imgWrapper {
    min-height: 57px;
}
.section14 li .text-bold {
    font-weight: 500;
}


/* кнопка */

.btn {
  width: 100%;
  max-width: 374px;
  padding: 20px 0;
  font-size: 36px;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  background-color: #f37200;
  background-image: linear-gradient(196deg, #f98e3c 0%, #f77e3d 100%);
  border: 1px solid #f77e3d;
  border-radius: 3px;
  box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.18);
  transition: 0.3s all;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
}

.btn:hover,
.btn:focus
 {
  text-decoration: none;
  color: #fff;
  box-shadow:  0 3px 7px rgba(0, 0, 0, 0.18);
  background-image: linear-gradient(196deg, #f57d20 0%, #ff9b4e 100%);
  border-color: transparent;
}
.agree_wrap {
  margin: 20px auto;
}
#agree {
  display: inline-block; 
  width: 15px; 
  height: 15px; 
  margin-top: 3px; 
  vertical-align: top;
}
.agree_wrap label {
  display: inline-block; 
  font-weight: 300; 
  font-size: 14px; 
  text-align: left; 
  max-width: 235px; 
  color: #fff;
}
.error_message {
  color: red; 
  font-size: 14px; 
  display: none; 
  margin: -8px 0 20px;
}
.section11 .infoTop {
    left: 950px;
}
section.section1 {
    height: 1000px;
}
.wrapper-form {
    position: relative;
    z-index: 40;
    padding: 28px 20px 50px;
    width: 100%;
    margin: 400px auto 0;
    max-width: 313px;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#4f4f4f), to(#333333)), #333333;
    background: -webkit-linear-gradient(top, #4f4f4f 0%, #333333 100%), #333333;
    background: -o-linear-gradient(top, #4f4f4f 0%, #333333 100%), #333333;
    background: linear-gradient(180deg, #4f4f4f 0%, #333333 100%), #333333;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
    background: rgb(51,51,51);
    background: rgba(0,0,0,.8);
    line-height: 1.25;
    border-radius: 2px;
}
.form {
    margin: 8px auto 0;
    max-width: 244px;
    width: 100%;
}
.form input {
    width: 100%;
}
.form-title {
    font-size: 30px;
    font-weight: 100;
    color: #fff;
}
.form-title span {
    font-size: 34px;
    line-height: 1.45;
}
.form .btn {
    font-family: 'Roboto Condensed', sans-serif;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 16px 8px;
    margin: 24px auto 0;
    width: 100%;
    max-width: 260px;
    background: #2f80ed;
    border: 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    font-weight: 100;
    border: 1px solid transparent;
}
.error-message {
    display: none;
    margin: 15px auto 0;
    padding: 0 10px;
    width: 100%;
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    color: #ff0000;
}
.section1 .form .btn:hover,
.section1 .form .btn:focus {
    background: #0056C9;
    border: 1px solid transparent;
}
.form input {
    width: 100%;
    margin: 18px auto 0;
    padding: 14px 16px;
    border-radius: 3px;
    border: 0;
    outline: none;
    font-size: 18px;
    font-weight: 400;
    text-shadow: none;
}
.form input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    margin-top: 38px;
    width: 25px;
}
.form input[type="checkbox"] + label {
    position: relative;
    margin-top: 22px;
    padding-left: 47px;
    font-weight: 100;
    text-align: left;
    color: #fff;
    font-size: 12px;
    line-height: 1.2;
}
.form input[type="checkbox"] + label::before {
    position: absolute;
    top: 2px;
    left: 0;
    content: "";
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 3px;
    z-index: 2;
}
.form input[type="checkbox"]:focus + label::before {
    border: 2px solid #2d9cdb;
}
.form input[type="checkbox"]:checked + label .checked-icon {
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 5px;
    background: url('https://s3.eu-central-1.amazonaws.com/www.static-amarkets.com/multi-land.amarkets.com/amarkets.today/today/img/check-icon.svg') no-repeat center;
    width: 16px;
    height: 16px;
    font-size: 18px;
    color: #2d9cdb;
    z-index: 2;
}
.phone-wrapper input {
    margin-top: 0;
    padding: 19px 16px 9px;
}
.phone-wrapper input {
    padding: 19px 16px 9px 30px;
}
.phone-wrapper {
    display: inline-block;
    margin-top: 18px;
    position: relative;
    width: 100%;
    z-index: 2;
}
.phone-wrapper::before {
    content: "+";
    position: absolute;
    font-size: 16px;
    z-index: 2;
    color: #333;
}
.phone-wrapper::before {
    top: 17px;
    left: 19px;
}
.phone-wrapper span {
    position: absolute;
    top: 3px;
    left: 21px;
    color: #aaa;
    font-size: 11px;
}
@media(min-width: 480px) {
	section.section1 {
        height: 957px;
    }
    .wrapper-form {
        max-width: 433px;
    }
    .form {
        max-width: 357px;
    }
    .form .btn {
        max-width: 357px;
        margin: 14px auto 0;
    }
    .form input[type="checkbox"] + label {
        margin-top: 10px;
    }
    section.section1 .bcg_back {
        /*display: none;*/
    }
    section.section1 .bcg_front {
        background-position: -2053px 0;
        background-size: cover;
    }
  .agree_wrap label {
    max-width: 340px;
  }
}


/* футер взятый из Амаркетс */

.fa {
  color: #888;
  font-size: 14px;
}

footer {
    padding: 50px 0;
}

footer .aw_wrap .inbfl{
  display: inline-block;
}
footer .aw_wrap .inbfl:nth-of-type(2),
footer .aw_wrap .inbfl:nth-of-type(3),
footer .aw_wrap .inbfl:nth-of-type(4),
footer .aw_wrap .inbfl:nth-of-type(5),
footer .aw_wrap .inbfl:nth-of-type(6),
footer .aw_wrap .inbfl:nth-of-type(7),
footer .aw_wrap .inbfl:nth-of-type(8) {
  margin-left: calc((100% - 335px) / 7);
}
footer .aw_wrap {
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 0;
  zoom: 0.7;
}
footer .aw_1 {
  width: 45px;
  height: 54px;
  background: url(https://static.amarkets.trade/s2.amarkets.org/amarketsorg/img/award_1_hover_2.png) no-repeat;
}
footer .aw_2 {
  width: 43px;
  height: 48px;
  margin: 4px auto;
  background: url(https://static.amarkets.trade/s2.amarkets.org/amarketsorg/img/award_2_hover_2.png) no-repeat;
}
footer .aw_3 {
  width: 39px;
  height: 50px;
  margin: 4px auto;
  background: url(https://static.amarkets.trade/s2.amarkets.org/amarketsorg/img/award_3_hover_2.png) no-repeat;
}
footer .aw_4 {
  width: 46px;
  height: 45px;
  margin: 9px auto;
  background: url(https://static.amarkets.trade/s2.amarkets.org/amarketsorg/img/award_4_hover_2.png) no-repeat;
}
footer .aw_5 {
  width: 48px;
  height: 46px;
  margin: 9px auto;
  background: url(https://static.amarkets.trade/s2.amarkets.org/amarketsorg/img/award_5_hover_2.png) no-repeat;
}
footer .aw_6 {
  width: 36px;
  height: 52px;
  margin: 4px auto;
  background: url(https://static.amarkets.trade/s2.amarkets.org/amarketsorg/img/award_6_hover_2.png) no-repeat;
}
footer .aw {
  cursor: default;
  display: inline-block;
  background-size: cover;
}
.soc {
  padding-bottom: 30px;
  font-size: 0;
  text-align: center;
}
.soc a {
  display: block;
  width: 27px;
  height: 27px;
  padding: 8px 9px;
  border: 1px solid #888;
  border-radius: 50%
}
.soc > div:not(:first-of-type) {
  margin-left: calc((100% - 243px) / 8);
}
.soc a:hover,
.soc a:focus,
.soc a:active {
  -webkit-box-shadow: 0 0 5px #888;
          box-shadow: 0 0 5px #888;
  -webkit-transition: box-shadow .1s ease-out;
  -webkit-transition: -webkit-box-shadow .1s ease-out;
  transition: -webkit-box-shadow .1s ease-out;
  -o-transition: box-shadow .1s ease-out;
  transition: box-shadow .1s ease-out;
  transition: box-shadow .1s ease-out, -webkit-box-shadow .1s ease-out
}
.periscope {
  background: url('https://s3-eu-central-1.amazonaws.com/www.static-amarkets.com/multi-land.amarkets.com/amarkets.today/mirror/img/periscope.svg') no-repeat;
  width: 100%;
  height: 100%;
  background-size: cover;
}
.soc li:last-child a {
  margin-right: 0
}
.soc_2 a {
    padding: 8px
}
.soc_3 a {
    padding: 8px 12px;
}
.soc_6 a,
.soc_7 a {
    padding: 8px 11px;
}
.soc_8 a {
    padding: 0
}
.soc_9 a {
  padding: 9px 11px
}
.reg-wrap {
  font-size: 0;
}
.reg_1 {
  display: inline-block;
  margin-left: calc(50% - 100px / 2);
  width: 84px;
  height: 33px;
  vertical-align: top;
}
.ey-wrapper {
  display: inline-block;
  max-width: 80px;
}
.ey-wrapper img {
  width: 100%;
}
.so_footer a {
  color: #f99919;
  text-decoration: none;
  cursor: pointer;
}
.so_footer {
  /*margin-bottom: 15px;*/
  font-size: 11px;
  line-height: 15px
}
.soc a span {
  position: absolute;
  top: calc(50% - 7px);
  left: 8px;
}
.soc_1 a span {
  top: calc(50% - 7px);
  left: 6px;
}
.soc_2 a span {
  top: calc(50% - 7px);
  left: 6px;
}
.soc_3 a span {
  top: calc(50% - 7px);
  left: 9px;
}
.soc_4 a span {
  top: calc(50% - 7px);
  left: 8px;
}
.soc_5 a span {
  top: calc(50% - 7px);
  left: 6px;
}
.soc_6 a span {
  top: calc(50% - 7px);
  left: 7px;
}
.soc_7 a span {
  top: calc(50% - 8px);
}
.soc_8 a span {
  left: 3px;
  top: calc(50% - 10px);
}
.soc_9 a span {
  top: 7px;
  left: 7.5px;
}
div[class^="soc_"] {
  position: relative
}
.so_footer a:hover,
.so_footer a:focus,
.so_footer a:active {
  color: #e76029
}
.so_footer .text {
  display: inline-block;
  margin-top: 30px;
}
div[class^="soc_"] {
  display: inline-block
}
footer * {
  font-weight: 300;
  letter-spacing: 0
}
.godaddy-wrap {
    text-align: right;
}
.godaddy {
  width: 96px;
  height: 42px;
  display: inline-block;
}

@media(min-width: 480px) {

  .copyright--1 {
    width: 100%;
  }
  .safd {
    padding-left: 0;
  }
  .safd,
  .copyright {
    text-align: center;
  }
  .soc a {
      width: 35px;
      height: 35px;
  }
  .soc > div:not(:first-of-type) {
      margin-left: calc((100% - 333px) / 8);
  }
  .soc_1 a span {
      top: calc(50% - 8px);
      left: 10px;
  }
  .soc_2 a span {
      top: calc(50% - 8px);
      left: 10px;
  }
  .soc_3 a span {
      top: calc(50% - 7px);
      left: 12px;
  }
  .soc_4 a span {
      top: calc(50% - 7px);
      left: 11px;
  }
  .soc_5 a span {
      top: calc(50% - 7px);
      left: 11px;
  }
  .soc_6 a span {
      top: calc(50% - 8px);
      left: 11px;
  }
  .soc_7 a span {
      top: calc(50% - 8px);
      left: 11px;
  }
  .soc_8 a span {
      left: 3px;
      top: calc(50% - 13px);
  }
  .soc_9 a span {
      top: calc(50% - 7px);
      left: 12px;
  }
  .reg_1 {
    margin-left: 50%;
  }

}

@media(min-width: 576px) {
	section.section1 .bcg_front {
        background-position: -1550px 0;
    }
    .section14 {
        padding: 110px 0;
    }
    .section14 h2 {
        font-size: 48px;
    }
    .section14 ul {
        margin-top: 60px;
    }
    .section14 li {
        width: 50%;
        padding: 30px 15px 30px 0;
    }
}

@media(max-width: 767px) {
  .section11 .awardList {
    left: auto;
  }
    section.section1 .num10 {
        top: 136px;
	}
}

@media(min-width: 768px) {
	section.section1 {
        height: 850px;
    }
    section.section1 .bcg_front {
        background-position: -1300px 0;
    }
    section.section1 .num10 {
        bottom: calc(50% - 50px);
        left: calc(50% - 270px);
    }
    .wrapper-form {
        max-width: 712px;
        padding: 20px 23px;
    }
    .wrapper-form .form {
        max-width: 100%;
    }
    .wrapper-form .form input:not([type="checkbox"]) {
        display: inline-block;
        max-width: 315px;
    }
    .form .btn {
        max-width: 315px;
        margin: -210px 0 0;
        padding: 14px 8px;
        position: relative;
        left: 172px;
    }
    .form input[type="checkbox"] + label {
        margin: 40px 0 0 0;
        padding: 6px 0 0 47px;
    }
    .phone-wrapper {
        display: inline-block;
        max-width: 315px;
        position: relative;
        left: -170px;
    }
    .form #forms_user_name {
        margin-right: 25px;
    }
    .form {
        max-width: 357px;
    }
  .copyright--1 {
    width: 100%;
  }
  .safd {
    padding-left: 0;
  }
  .safd,
  .copyright {
    text-align: center;
  }
  .awards {
      border-left: 1px solid #b2b6b9;
      border-right: 1px solid #b2b6b9;
  }
  .soc a {
      width: 40px;
      height: 40px;
  }
  .reg_1 img {
      width: 100%;
  }
  .reg_1 {
      width: 75px;
      margin-left: 10px;
  }
  .ey-wrapper {
    max-width: 70px;
  }
  .reg-wrap {
    max-width: 100%;
  }
  footer .aw_wrap {
      padding: 0 5px;
  }
  .soc {
      padding: 6px 5px;
  }
  .soc a {
      width: 30px;
      height: 30px;
  }
  .soc a span {
      top: calc(50% - 7px);
      left: 8px;
  }
  .soc_1 a span {
      top: calc(50% - 7px);
      left: 8px;
  }
  .soc_2 a span {
      top: calc(50% - 7px);
      left: 7px;
  }
  .soc_3 a span {
      top: calc(50% - 7px);
      left: 11px;
  }
  .soc_4 a span {
      top: calc(50% - 7px);
      left: 8px;
  }
  .soc_5 a span {
      top: calc(50% - 7px);
      left: 6px;
  }
  .soc_6 a span {
      top: calc(50% - 7px);
      left: 8px;
  }
  .soc_7 a span {
      top: calc(50% - 8px);
      left: 9px;
  }
  .soc_8 a span {
      left: 3px;
      top: calc(50% - 12px);
  }
  .soc_9 a span {
      top: 8px;
      left: 9px;
  }
  .soc > div:not(:first-of-type) {
      margin-left: calc((100% - 270px) / 8);
  }
  footer .aw_wrap .inbfl {
      vertical-align: top;
  }
  footer .aw_4 {
      margin: 0;
      width: 50px;
      height: 50px;
  }
  footer .aw_5 {
      margin: 0;
      width: 54px;
      height: 52px;
  }
  footer .aw_wrap .inbfl:first-of-type,
  footer .aw_wrap .inbfl:nth-of-type(2),
  footer .aw_wrap .inbfl:nth-of-type(3),
  footer .aw_wrap .inbfl:nth-of-type(4),
  footer .aw_wrap .inbfl:nth-of-type(5),
  footer .aw_wrap .inbfl:nth-of-type(6),
  footer .aw_wrap .inbfl:nth-of-type(7),
  footer .aw_wrap .inbfl:nth-of-type(8) {
      margin-left: calc((100% - 345px) / 9);
  }
  .links,
  .godaddy-wrap {
      padding-top: 30px;
  }
  .so_footer {
      position: relative;
  }
  .godaddy-wrap {
      position: absolute;
      right: 0;
      bottom: 0;
  }
  .section14 {
      padding: 79px 0;
  }
  .section14 li {
      width: 33.3333%;
  }
  .soc {
      padding: 6px 20px;
  }
  .soc > div:not(:first-of-type) {
      margin-left: calc((100% - 100px) / 2);
  }

}

@media(min-width: 992px) {
	section.section1 .num10 {
        bottom: calc(50% - 50px);
        left: calc(50% - 336px);
    }
    .wrapper-form {
        left: calc(100% - 737px);
        bottom: 234px;
        max-width: 433px;
        padding: 30px 20px 50px;
    }
    section.section1 .bcg_front {
        background-position: -502px 87px;
    }
    .wrapper-form .form input:not([type="checkbox"]) {
        max-width: 100%;
    }
    .form .btn {
        max-width: 357px;
        margin: 18px auto 0;
        padding: 14px 8px;
        position: static;
    }
    .form input[type="checkbox"] + label {
        margin: 20px 0 0 0;
        padding: 3px 0 0 47px;
    }
    .phone-wrapper {
        display: inline-block;
        max-width: 357px;
        left: 0;
    }
    .form  #forms_user_name {
        margin-right: 25px;
    }
    .wrapper-form .form {
        max-width: 357px;
    }

.so_footer {
      font-size: 12px;
  }
  .godaddy-wrap {
      top: 0;
  }
  .soc {
      padding: 6px 15px;
  }
  .soc > div:not(:first-of-type) {
      margin-left: calc((100% - 130px) / 2);
  }
  .section14 li {
      padding: 30px 30px 30px 0;
  }
  .reg_1 {
      width: 80px;
      margin-left: 30px;
  }

}

@media(min-width: 1200px) {
	section.section1 .num10 {
        bottom: calc(50% - 50px);
        left: calc(50% - 513px);
    }
    .wrapper-form {
        right: 0;
        bottom: 190px;
        left: calc(100% - 435px);
        margin-right: 0;
        margin-left: 0;
    }
    section.section1 .num10 {
        bottom: calc(50% - 148px);
        left: calc(50% - 397px);
    }
  .section14 {
      padding: 102px 0;
  }
  .soc > div:not(:first-of-type) {
      margin-left: calc((100% - 140px) / 2);
  }

  footer .aw_wrap {
      zoom: 1;
  }
  .reg_1 {
      margin-left: 45px;
      width: 112px;
  }
  .ey-wrapper {
    max-width: 80px;
  }
  .soc {
      padding: 10px 15px;
  }
  .soc a {
      width: 40px;
      height: 40px;
  }
  .soc a span {
      font-size: 20px;
  }
  .reg-wrap {
      padding-top: 8px;
      padding-bottom: 8px;
  }
  .soc_1 a span {
      top: calc(50% - 9px);
      left: 10px;
  }
  .soc_2 a span {
      top: calc(50% - 10px);
      left: 8px;
  }
  .soc_3 a span {
      top: calc(50% - 9px);
      left: 13px;
  }
  .soc_4 a span {
      top: calc(50% - 9px);
      left: 12px;
  }
  .soc_5 a span {
      top: calc(50% - 9px);
      left: 8px;
  }
  .soc_6 a span {
      top: calc(50% - 10px);
      left: 11px;
  }
  .soc_7 a span {
      top: calc(50% - 11px);
      left: 11px;
  }
  .soc_8 a span {
      top: calc(50% - 15px);
      left: 4px;
  }
  .soc_9 a span {
      top: 10px;
      left: 12px;
  }

}

@media(min-width: 1601px) {
  section.section1 .num10 {
        left: calc(50% - 505px);
    }
    .wrapper-form {
        left: calc(100% - 300px - 435px);
    }
    section.section1 {
        height: 100%;
        width: 100%;
    }
    section.section1 .bcg_back {
        bottom: 0;
    }
    section.section1 .bcg_front {
        bottom: 0;
        background-position: 50% 87px;
    }
}
@media(min-width: 1850px) {
    section.section1 .bcg_front {
        background-position: bottom center;
    }

    section.section1 .num10 {
        bottom: calc(50% - 100px);
        left: calc(50% - 463px);
    }
}


.modal-body form button.btn {
  display: inline-block;
  background-color: #f77e3d;
  border-radius: 3px;
  padding: 1em 1.5em;
  text-transform: uppercase;
  font-size: 18px;
  color: #fff;
  font-weight: 300;
  cursor: pointer;
}
.modal-body form button.btn:hover,
.modal-body form button.btn:focus,
.modal-body form button.btn:active {
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: #f60;
    color: #fff;
    outline: none;
}
.modal-content {
    background: transparent;
    box-shadow: none;
    border: 0;
}
.modal-header {
    border: 0;
}
.modal-body form {
    text-align: center;
}
.modal-content .close {
    font-size: 24px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    border: none;
    background: 0 0;
    color: #fff;
    font-weight: 700;
}
.modal-content .close:active,
.modal-content .close:focus,
.modal-content .close:hover {
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    color: #FD9901;
    outline: none;
}
.modal-body form .call-to-action {
    text-align: center;
    margin-top: 17px;
    margin-bottom: 30px;
    font-size: 36px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 0;
}
.modal-body form input {
    height: 50px;
    width: 100%;
    max-width: 400px;
    width: 100%;
    padding: 0 20px;
    font-size: 15px;
    display: block;
    border-radius: 25px;
    background: #fff;
    border: none;
    border-bottom: 1px solid #333;
    color: #333;
    font-weight: 700;
    margin: 0 auto 25px;
    outline: 0
}
.modal-body form button {
    width: 100%;
    max-width: 340px;
}
.modal-body form input::-webkit-input-placeholder {
    font-style: italic;
    font-weight: 300
}
.modal-body form input::-moz-placeholder {
    font-style: italic;
    font-weight: 300
}
.modal-body form input:-moz-placeholder {
    font-style: italic;
    font-weight: 300
}
.modal-body form input:-ms-input-placeholder {
    font-style: italic;
    font-weight: 300
}
.modal-body form input:focus {
    border-bottom: 1px solid #FD9901
}
.modal-body form button {
    display: block;
    margin-top: 35px;
    padding: 5px 23px
}
.call-form ul {
    width: 100%
}
.modal-open .modal {
    background: rgba(0,0,0,.7);
}