.page div.sections, body{background: #fbfbfb !important;}

.gettingstarted p:first-child{margin-top: 0px !important;}
.gettingstarted p:last-child{margin-bottom: 0px !important;}
.banner{background-image: url(/i/img/headers/getting_started_261018.png);}
.banner__getting__video{position: absolute; right: 380px; top: 60px; width: 250px; cursor: pointer;}
.banner__getting__video__ico{width: 50px; height: 50px; margin-right: 10px;}
.banner__getting__video__ico__svg{fill: #ae0000;}
.banner__getting__video:hover .banner__getting__video__ico__svg{fill: #000;}
.banner__getting__video__text1{font-weight: bold;}
.banner__getting__capt{position: absolute; right: 0px; top: 45px; text-align: left; width: 250px; line-height: 23px;}
.banner__getting__capt__text1{color: #ae0000; font-weight: bold;}
.banner__getting__capt__text2{font-weight: bold;}
.banner__getting__capt__text3{font-size: 13px;}
.gettingstarted__line{margin-bottom: 40px;}
.gettingstarted__line:last-child{margin-bottom: 0px;}
.gettingstarted__flex1{max-width: 1240px; margin: 0 auto; padding: 20px; box-sizing: border-box;}
.gettingstarted__flex1__one{}
.gettingstarted__flex1__one img{display: block; margin: 0 auto;}
.gettingstarted__flex1__two{color: #747474; margin: 0 20px; font-size: 18px;}
.gettingstarted__flex1__three{}
.gettingstarted__flex1__three btn{}
.gettingstarted__icotext{}
.gettingstarted__icotext__left{float: left; margin-right: 20px;}

/* menu */
.navigationico__flex{}
.navigationico__flex__one{max-width: 300px; width: 100%; margin: 20px 10px; cursor: pointer; transition-duration: .3s;}
.navigationico__flex__one:hover .navigationico__flex__one__flex__one{opacity: 1;}
.navigationico__flex__one:hover .navigationico__flex__one__flex__two{text-shadow: 1px 1px #dbdbdb;}
.navigationico__flex__one__flex{}
.navigationico__flex__one__flex__one{background: url(/i/img/getting_started/getting_started__261018_2.png) no-repeat; margin-right: 15px; width: 45px; height: 45px;}
.navigationico__flex__one__flex__one_navigation1{background-position: -5px -5px;}
.navigationico__flex__one__flex__one_navigation2{background-position: -60px -5px;}
.navigationico__flex__one__flex__one_navigation3{background-position: -115px -5px;}
.navigationico__flex__one__flex__one_navigation4{background-position: -170px -5px;}
.navigationico__flex__one__flex__one_navigation5{background-position: -225px -5px;}
.navigationico__flex__one__flex__one_navigation6{background-position: -275px -5px;}
.navigationico__flex__one__flex__two{text-align: left;}
.gettingstarted__flex2{}
.gettingstarted__flex2__one{margin-right: 20px;}
.gettingstarted__flex2__two{}
.gettingstarted__red{color: #c03e3e}

/* ico list */
.gettingstarted__ico{background: url(/i/img/getting_started/getting_started__261018_1.png) no-repeat;}
.gettingstarted__ico.what{width: 46px; height: 43px; background-position: -18px -819px;}
.gettingstarted__ico.begin{width: 46px; height: 41px; background-position: -19px -901px;}
.gettingstarted__ico.waiting{width: 46px; height: 41px; background-position: -19px -979px;}
.gettingstarted__ico.possible{width: 46px; height: 44px; background-position: -19px -1060px;}
.gettingstarted__ico.accounts{width: 46px; height: 43px; background-position: -17px -1140px;}
.gettingstarted__ico.education{width: 46px; height: 43px; background-position: -18px -1218px;}
.gettingstarted__ico.socialtrading{width: 57px; height: 57px; background-position: -12px -1293px;}
.gettingstarted__ico.beginanalytics{width: 67px; height: 67px; background-position: -7px -1368px;}
.gettingstarted__ico.fresh{width: 43px; height: 42px; background-position: -20px -499px;}
.gettingstarted__ico.forecast{width: 43px; height: 42px; background-position: -22px -579px;}
.gettingstarted__ico.economy{width: 43px; height: 42px; background-position: -22px -658px;}
.gettingstarted__ico.plan{width: 43px; height: 42px; background-position: -20px -740px;}
.gettingstarted__ico.forum{width: 60px; height: 56px; background-position: -12px -1773px;}
.gettingstarted__ico.glossary{width: 52px; height: 58px; background-position: -15px -1692px;}
.gettingstarted__ico.chat{width: 46px; min-width: 46px; height: 38px; background-position: -18px -1463px;}
.gettingstarted__ico.contact{width: 46px; min-width: 46px; height: 41px; background-position: -23px -1540px;}
.gettingstarted__ico.callback{width: 40px; min-width: 40px; height: 38px; background-position: -20px -1623px; margin: 0px;}

/* steps */
.gettingstarted__flex3{width: 100%; overflow: hidden; margin: 30px 0 20px 0;}
.gettingstarted__flex3__one{position: relative; width: 100%; cursor: pointer;}
.gettingstarted__flex3__one:after{content: ''; border: 45px solid transparent; border-left: 34px solid #fff; position: absolute; right: -44px; top: -19px; z-index: 1;}
.gettingstarted__flex3__one:before{content: ''; border: 45px solid transparent; border-left: 34px solid #eaeaea; position: absolute; right: -36px; top: -19px; z-index: 2;}
.gettingstarted__flex3__one.last:after, .gettingstarted__flex3__one.last:before{display: none;}
.gettingstarted__flex3__one.active .gettingstarted__flex3__one__content{background: #850000; color: #fff;}
.gettingstarted__flex3__one.active .gettingstarted__flex3__one__svg{fill: #fff;}
.gettingstarted__flex3__one.active:before{border-left: 34px solid #850000;}
.gettingstarted__flex3__one.active:after{border: 45px solid #eaeaea; border-left: 34px solid #fff;}
.gettingstarted__flex3__one__content{background: #eaeaea; font-size: 14px; padding: 10px;}
.gettingstarted__flex3__one_next.active .gettingstarted__flex3__one__content:after{content: ''; border: 45px solid transparent; border-left: 47px solid #850000; position: absolute; left: -20px; top: -19px; z-index: 0;}
.gettingstarted__flex3__one__text1, .gettingstarted__flex3__one__text2, .gettingstarted__flex3__one__text3{position: relative; z-index: 5;}
.gettingstarted__flex3__one__text1, .gettingstarted__flex3__one__text2{padding-right: 50px;}
.gettingstarted__flex3__one__text1{font-weight: bold;}
.gettingstarted__flex3__one__text2{}
.gettingstarted__flex3__one__text3{display: none;}
.gettingstarted__flex3__one__text3.active{display: block;}
.gettingstarted__flex3__one__ico{width: 43px; position: absolute; right: 10px; top: 5px; z-index: 2;}
.gettingstarted__flex3__one.last .gettingstarted__flex3__one__ico{right: 7px;}
.gettingstarted__flex3__one__svg{fill: #cecece;}

/* education video */
.gettingstarted__line__h2{color: #747474; font-size: 21px; text-align: center; border-bottom: 1px solid #dcdcdc; padding-bottom: 5px;  margin-bottom: 20px;}
.gettingstarted__flex4{}
.gettingstarted__flex4__one{margin: 5px;}
.gettingstarted__flex4__one:hover{}
.gettingstarted__flex4__one__img{max-width: 250px; width: 100%; margin: 0 auto; position: relative;}
.gettingstarted__flex4__one__img:after{content: ''; position: absolute; top: 0px; z-index: 1; background: rgba(4, 30, 60, 0.5); width: 100%; height: 100%; left: 0px;}
.gettingstarted__flex4__one__img:hover:after{background: rgba(4, 30, 60, 0.2);}
.gettingstarted__flex4__one__img img{display: block; margin: 0 auto;}
.gettingstarted__flex4__one__text{position: absolute; bottom: 0px; left: 0px; box-sizing: border-box; width: 100%; color: #fff; background: rgba(0, 0, 0, 0.7); text-align: center; padding: 7px 3px; z-index: 2;}
.gettingstarted__flex4__one__play{position: absolute; top: calc(50% - 25px); left: calc(50% - 25px); background: rgba(0, 0, 0, 0.7); border-radius: 100%; display: block; width: 50px; height: 50px; z-index: 2;}
.gettingstarted__flex4__one__play svg{width: 20px; position: absolute; margin: auto; top: 14px; left: 16px;}
.gettingstarted__flex4__one__play .play{fill: #fff;}
.gettingstarted__education_text{text-align: center !important;}
.gettingstarted__flex4__one__link{display: block; width: 100%; text-align: center; box-sizing: border-box; text-decoration: none; padding: 7px 3px; border-top: 1px solid #fff; font-size: 13px; max-width: 250px; margin: 0 auto; background: #7f0c0c; color: #fff;}
.gettingstarted__flex4__one__link:hover{background: #800;}

/* education application */
.gettingstarted__application{background: url(/i/img/getting_started/application.png) no-repeat; background-position: bottom right; background-size: cover; padding: 0 40px; box-sizing: border-box; display: table-cell; height: 290px; vertical-align: middle; padding-right: 320px; border: 1px solid #f0eef6;}
.gettingstarted__application__head{font-size: 25px; margin-bottom: 20px;}
.gettingstarted__application__text{margin-bottom: 20px; height: 96px; overflow: hidden;}
.gettingstarted__application__link{}
.gettingstarted__application__link img{max-width: 135px; margin: 0 auto;}
.gettingstarted__application__link a{text-decoration: none}

/* social trading infograph */
.gettingstarted__infograph__one__conteiner{width: 794px; height: 297px; margin: 60px auto; position: relative;}
.gettingstarted__infograph__one__conteiner span{display: table-cell; vertical-align: middle;}
.gettingstarted__infograph__one{background: url('/i/img/getting_started/infograph_1.png') no-repeat; width: 794px; height: 297px;}
.gettingstarted__infograph__one__text1, .gettingstarted__infograph__one__text2, .gettingstarted__infograph__one__text3, .gettingstarted__infograph__one__text4, .gettingstarted__infograph__one__text5, .gettingstarted__infograph__one__text6, .gettingstarted__infograph__one__text8, .gettingstarted__infograph__one__text9{line-height: 15px; text-align: center; font-size: 15px; display: table;}
.gettingstarted__infograph__one__text1{color: #7f749f; position: absolute; left: 204px; bottom: 217px; width: 90px;}
.gettingstarted__infograph__one__text2{position: absolute; left: 0px; top: 186px; width: 180px; text-align: center; line-height: 15px; min-height: 31px; background: #fbfbfb;}
.gettingstarted__infograph__one__text3{position: absolute; left: 330px; bottom: 136px; width: 136px; text-align: center; line-height: 15px; min-height: 136px; color: #fff;}
.gettingstarted__infograph__one__text4{color: #7f749f; position: absolute; left: 509px; bottom: 217px; width: 90px;}
.gettingstarted__infograph__one__text5{position: absolute; right: 0px; top: 186px; width: 180px; text-align: center; line-height: 15px; min-height: 31px; background: #fbfbfb;}
.gettingstarted__infograph__one__text6{position: absolute; left: 308px; top: 193px; width: 180px; text-align: center; line-height: 15px; min-height: 31px; background: #fbfbfb;}
.gettingstarted__infograph__one__text8{position: absolute; left: 93px; bottom: 30px; width: 614px; text-align: center; line-height: 15px; text-transform: uppercase;}
.gettingstarted__infograph__one__text9{color: #747474; position: absolute; left: 93px; top: 280px; width: 614px; text-align: center; line-height: 15px; text-transform: uppercase;}

/* investment infograph 2 */
.gettingstarted__infograph__two__conteiner{width: 423px; height: 359px; margin: 60px auto; position: relative;}
.gettingstarted__infograph__two__conteiner span{display: table-cell; vertical-align: middle;}
.gettingstarted__infograph__two{background: url('/i/img/getting_started/infograph_2.png') no-repeat; width: 423px; height: 359px; background-position: 8px 0;}
.gettingstarted__infograph__two__text1, .gettingstarted__infograph__two__text2, .gettingstarted__infograph__two__text3{line-height: 15px; text-align: center; font-size: 15px; display: table;}
.gettingstarted__infograph__two__text1{position: absolute; top: 335px; width: 130px; left: -7px;}
.gettingstarted__infograph__two__text2{position: absolute; top: 335px; width: 130px; left: 143px;}
.gettingstarted__infograph__two__text3{position: absolute; top: 335px; width: 130px; right: -7px;}

/* investment infograph 3 */
.gettingstarted__infograph__three__conteiner{width: 889px; height: 402px; margin: 60px auto; position: relative;}
.gettingstarted__infograph__three__conteiner span{display: table-cell; vertical-align: middle;}
.gettingstarted__infograph__three{background: url('/i/img/getting_started/infograph_3.png') no-repeat; width: 889px; height: 402px;}
.gettingstarted__infograph__three__text1, .gettingstarted__infograph__three__text2, .gettingstarted__infograph__three__text3, .gettingstarted__infograph__three__text4, .gettingstarted__infograph__three__text5, .gettingstarted__infograph__three__text6, .gettingstarted__infograph__three__text7{line-height: 15px; text-align: center; font-size: 15px; display: table;}
.gettingstarted__infograph__three__text1{color: #747474; position: absolute; bottom: 388px; text-transform: uppercase; left: 87px; width: 707px;}
.gettingstarted__infograph__three__text2{color: #747474; position: absolute; bottom: 222px; left: 186px; width: 132px;}
.gettingstarted__infograph__three__text3{position: absolute; left: 1px; top: 283px; width: 180px; text-align: center; line-height: 15px; min-height: 31px; background: #fbfbfb;}
.gettingstarted__infograph__three__text4{color: #747474; position: absolute; bottom: 222px; left: 568px; width: 121px;}
.gettingstarted__infograph__three__text5{position: absolute; left: 337px; top: 319px; width: 224px; text-align: center; line-height: 15px; min-height: 31px;}
.gettingstarted__infograph__three__text6{color: #747474; position: absolute; top: 388px; text-transform: uppercase; left: 87px; width: 707px;}
.gettingstarted__infograph__three__text7{position: absolute; right: 1px; top: 283px; width: 180px; text-align: center; line-height: 15px; min-height: 31px; background: #fbfbfb;}

/* useful information */
.gettingstarted__useful{}
.gettingstarted__useful a{text-decoration: none;}
.gettingstarted__useful__one{background: url(/i/img/getting_started/useful_3.png) no-repeat; background-size: cover; box-sizing: border-box; padding: 20px; padding-left: 10px; min-height: 370px;}
.gettingstarted__useful__two{min-width: 280px; max-width: 280px;}
.gettingstarted__useful2{}
.gettingstarted__useful2__one{}
.gettingstarted__useful2__two{max-width: 300px; min-width: 300px;}
.gettingstarted__useful__head{padding-left: 10px; margin-bottom: 20px; font-size: 1.7em; color: #444;}
.gettingstarted__useful__head__one{margin-right: 20px;}
.gettingstarted__useful__head__two{text-align: left;}
.gettingstarted__useful3{width: 100%;}
.gettingstarted__useful3__one{margin: 10px;}
.gettingstarted__useful6{background: rgba(255, 255, 255, 0.5); padding: 10px; width: 240px; box-sizing: border-box; border-radius: 7px; text-transform: uppercase; min-height: 90px;}
.gettingstarted__useful6__one{margin-right: 15px;}
.gettingstarted__useful6__two{text-align: left;}
.gettingstarted__useful4{}
.gettingstarted__useful4__one{margin: 7px 0;}
.gettingstarted__useful4__hide{display: none;}
.gettingstarted__useful7{}
.gettingstarted__useful7__one{margin-right: 20px; border: 1px solid transparent;}
.gettingstarted__useful7__one img{display: block; margin: 0 auto; height: 50px;}
.gettingstarted__useful7__two{color: #747474; font-size: 0.9em; text-align: left; max-height: 51px; overflow: hidden;}
.gettingstarted__useful5{}
.gettingstarted__useful5__one.forumback{background: url(/i/img/getting_started/useful_1.png) no-repeat;}
.gettingstarted__useful5__one.glossaryback{background: url(/i/img/getting_started/useful_2.png) no-repeat;}
.gettingstarted__useful5__one{background-size: cover !important; box-sizing: border-box; padding: 20px; width: 100%; height: 175px; margin-bottom: 20px; display: table; position: relative;}
.gettingstarted__useful5__one:last-child{margin-bottom: 0px;}
.gettingstarted__useful5__one__img{margin: 0 auto; margin-bottom: 20px;}
.gettingstarted__useful5__one__table{display: table-cell; vertical-align: middle; position: relative; z-index: 2;}
.gettingstarted__useful5__one__text{text-align: center; font-size: 1.35em;}
.gettingstarted__useful6:hover .gettingstarted__ico.fresh{background-position: -98px -499px;}
.gettingstarted__useful6:hover .gettingstarted__ico.forecast{background-position: -100px -579px;}
.gettingstarted__useful6:hover .gettingstarted__ico.economy{background-position: -100px -658px;}
.gettingstarted__useful6:hover .gettingstarted__ico.plan{background-position: -98px -740px;}
.gettingstarted__useful6:hover{color: #b1393a; background: #fff;}
.gettingstarted__useful4__one:hover .gettingstarted__useful7__two{color: #000;}
.gettingstarted__useful5__one:hover:after{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); z-index: 1;}

/* technical support */
.gettingstarted__tech{}
.gettingstarted__tech__flex{}
.gettingstarted__tech__flex__one__block{margin-bottom: 20px; text-decoration: none;}
.gettingstarted__tech__flex__one__block:hover{opacity: 0.8;}
.gettingstarted__tech__flex__one__block:last-child{margin-bottom: 0px;}
.gettingstarted__tech__flex__two{}
.gettingstarted__tech__flex__one{background: url(/i/img/getting_started/back_callbak.png) no-repeat; box-sizing: border-box; background-size: cover; border-radius: 7px; margin-left: 20px; padding: 20px;}
.gettingstarted__tech__flex__one__block.chat{width: 100%; min-width: 385px; max-width: 385px; height: 122px; background: url(/i/img/getting_started/chat.png) no-repeat; box-sizing: border-box; padding: 20px; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; background-position: left center; border-radius: 7px;}
.gettingstarted__tech__flex__one__block.contact{width: 100%; min-width: 385px; max-width: 385px; height: 122px; background: url(/i/img/getting_started/contact.png) no-repeat; box-sizing: border-box; padding: 20px; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; background-position: left center; border-radius: 7px;}
.gettingstarted__tech__flex2{max-width: 205px; text-align: left; font-weight: bold; font-size: 15px;}
.gettingstarted__tech__flex2.callback{max-width: inherit; margin-bottom: 20px;}
.gettingstarted__tech__flex2__one:nth-child(1){margin-right: 10px;}
.gettingstarted__tech__flex2__one:nth-child(2){}
.gettingstarted__tech__flex__one__back{position: relative; z-index: 1;}
.gettingstarted__tech__flex__one__back__head{}
.gettingstarted__tech__flex__one__back__text{margin-bottom: 20px;}
.gettingstarted__tech__flex__one__back__button{}
.gettingstarted__tech__flex3{display: block !important;}

@media screen and (max-width: 1700px) {
    .gettingstarted__useful{display: block !important;}
    .gettingstarted__useful__one{margin-bottom: 20px;}
    .gettingstarted__useful__two{min-width: inherit; max-width: 100%;}
    .gettingstarted__useful5__one{width: calc(50% - 10px)}
}

@media screen and (max-width: 1600px) {
    .gettingstarted__flex3{display: block !important; width: 100%;}
    .gettingstarted__flex3__one__text1, .gettingstarted__flex3__one__text2{padding-right: 25px;}
    .gettingstarted__flex3__one__ico{width: 20px; top: 50%; margin-top: -13px;-moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
    .gettingstarted__flex3__one__ico .check{-moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg);}
    .gettingstarted__flex3__one:after, .gettingstarted__flex3__one:before{display: none;}
    .gettingstarted__flex3__one__content{font-size: inherit;}
    .gettingstarted__flex3__one{border-bottom: 1px solid #cecece;}
    .gettingstarted__flex3__one.active{border-bottom: 1px solid #561c1c;}
    .gettingstarted__application{background: #f9f7fc; background: -moz-linear-gradient(left, #f9f7fc 0%, #f0eef6 100%); background: -webkit-linear-gradient(left, #f9f7fc 0%,#f0eef6 100%); background: linear-gradient(to right, #f9f7fc 0%,#f0eef6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f7fc', endColorstr='#f0eef6',GradientType=1 ); padding: 20px; text-align: center; height: inherit;}
}

@media screen and (max-width: 1500px) {
    .gettingstarted__infograph__three__conteiner{width: 280px; height: 732px;}
    .gettingstarted__infograph__three{background: url(/i/img/getting_started/infograph_3_mob.png) no-repeat; width: 280px; height: 732px; background-size: 100%;}
    .gettingstarted__infograph__three__text2 bg, .gettingstarted__infograph__three__text4 bg{background: #fbfbfb; padding: 13px 5px; box-sizing: border-box; border: 2px solid #8475a2; display: block;}
    .gettingstarted__infograph__three__text1 bg, .gettingstarted__infograph__three__text6 bg{background: #fbfbfb; padding: 5px 10px;}
    .gettingstarted__infograph__three__text1, .gettingstarted__infograph__three__text2, .gettingstarted__infograph__three__text3, .gettingstarted__infograph__three__text4, .gettingstarted__infograph__three__text5, .gettingstarted__infograph__three__text6, .gettingstarted__infograph__three__text7{line-height: 14px; font-size: 14px;}
    .gettingstarted__infograph__three__text1{-moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); left: -20px; top: 370px; width: 584px;}
    .gettingstarted__infograph__three__text2{bottom: 493px; left: 20px; width: 240px; height: 61px;}
    .gettingstarted__infograph__three__text3{bottom: 735px; top: inherit; width: 278px;}
    .gettingstarted__infograph__three__text4{bottom: 185px; left: 20px; width: 240px; height: 61px;}
    .gettingstarted__infograph__three__text5{display: none;}
    .gettingstarted__infograph__three__text6{-moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); left: -291px; top: 370px; width: 584px;}
    .gettingstarted__infograph__three__text7{top: 735px; width: 278px;}
    .gettingstarted__useful__one{display: block !important; background: none; padding: 0px;}
    .gettingstarted__useful2{display: block !important;}
    .gettingstarted__useful2__one{background: url(/i/img/getting_started/useful_3.png) no-repeat; background-size: cover; box-sizing: border-box; padding: 20px;}
    .gettingstarted__useful__head{padding: 0px; -webkit-box-pack: center !important; -moz-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important;}
    .gettingstarted__useful3{-webkit-box-pack: center !important; -moz-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: space-between !important;}
    .gettingstarted__useful4__hide{display: block;}
    .gettingstarted__useful2__two{min-width: inherit; max-width: 100%; box-sizing: border-box; background: #f4f5f6; padding: 10px; margin-top: 20px;}
    .gettingstarted__useful4__one{margin: 5px; width: calc(50% - 10px);}
}

@media screen and (max-width: 1200px) {
    .banner__getting__capt{display: none;}
}

@media screen and (max-width: 1100px) {
    .gettingstarted__infograph__one__conteiner{width: 249px; height: 798px;}
    .gettingstarted__infograph__one{background: url('/i/img/getting_started/infograph_1_mob.png') no-repeat; width: 249px; height: 798px;}
    .gettingstarted__infograph__one__text1{width: 180px; height: 90px; bottom: 499px; left: 0px;}
    .gettingstarted__infograph__one__text2{top: inherit; bottom: 800px;}
    .gettingstarted__infograph__one__text3{left: 23px; bottom: 330px;}
    .gettingstarted__infograph__one__text4{width: 180px; height: 90px; bottom: 191px; left: 0px;}
    .gettingstarted__infograph__one__text5{top: 800px; left: 0px;}
    .gettingstarted__infograph__one__text6{display: none;}
    .gettingstarted__infograph__one__text8{-moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); left: -72px; top: 397px; width: 614px; bottom: inherit;}
    .gettingstarted__infograph__one__text9{-moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); left: -46px; top: 397px; width: 614px;}
    .gettingstarted__infograph__one__text1 bg, .gettingstarted__infograph__one__text4 bg{background: #fbfbfb; padding: 5px;}
    .banner__getting__video{margin: 0px 0px 0px 480px; position: static; left: inherit; right: inherit; top: inherit; bottom: inherit; -webkit-box-pack: center !important; -moz-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important;  justify-content: center !important;}
}


@media screen and (max-width: 990px) {
    .banner__getting__video{position: static; width: 100%; margin: 25px auto 0 auto; left: inherit; right: inherit; top: inherit; bottom: inherit; -webkit-box-pack: center !important; -moz-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important;  justify-content: center !important;}
    .banner__getting__video__text1{-webkit-box-flex: 0 !important; -moz-box-flex: 0 !important; -webkit-flex: 0 1 auto !important; -ms-flex: 0 1 auto !important; flex: 0 1 auto !important;}
    .banner__getting__video__ico__svg, .banner__getting__video:hover .banner__getting__video__ico__svg{fill: #fff;}
    .gettingstarted__tech__flex{display: block !important;}
    .gettingstarted__tech__flex__one{margin-left: 0px; margin-bottom: 20px;}
    .gettingstarted__tech__flex3{display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; width: 100%;}
    .gettingstarted__tech__flex__one__block{margin-bottom: 0px; margin-right: 20px; min-width: inherit !important;}
    .gettingstarted__tech__flex__one__block:last-child{margin-bottom: 0px; margin-right: 0px;}
    .banner{background-image: url(/i/img/headers/getting_started_mobile.png);}
}

@media screen and (max-width: 700px) {
    .gettingstarted__flex1{display: block !important;}
    .gettingstarted__flex1__two{margin: 20px 0; text-align: center;}
    .gettingstarted__flex1__three {text-align: center;}
    .navigationico__flex__one__flex__one{-webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7);}
    .navigationico__flex__one{max-width: 100%; border: 1px solid #898989; border-radius: 5px; padding: 2px; margin: 0px; margin-bottom: 5px;}
    .navigationico__flex__one:hover{border: 1px solid #000;}
    .gettingstarted__useful4__one{width: 100%;}
    .banner{background-image: url(/i/img/headers/getting_started_mobile.png);}
}

@media screen and (max-width: 600px) {
    .gettingstarted__flex2{display: block !important;}
    .gettingstarted__flex2__one{margin-right: 0px; margin-bottom: 10px;}
    .gettingstarted__ico{position: static; margin: 0 auto;}
    .gettingstarted__red:not(.line){display: block; width: 100%; text-align: center;}
    .gettingstarted__infograph__two__conteiner{width: 280px; height: 218px;}
    .gettingstarted__infograph__two{width: 280px; height: 218px; background-size: 100%; background-position: 5px 0px;}
    .gettingstarted__infograph__two__text1, .gettingstarted__infograph__two__text2, .gettingstarted__infograph__two__text3{font-size: 12px;}
    .gettingstarted__infograph__two__text1{top: 221px; width: 100px; left: -11px;}
    .gettingstarted__infograph__two__text2{top: 221px; width: 100px; left: 87px;}
    .gettingstarted__infograph__two__text3{top: 221px; width: 100px; right: -11px;}
    .gettingstarted__useful6{width: 100%;}
    .gettingstarted__useful3__one{-webkit-box-flex: 1 !important; -moz-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; margin: 0px 0px 20px 0px; width: 100%;}
    .gettingstarted__useful3__one:last-child{margin-bottom: 0px;}
    .gettingstarted__useful5__one{width: 100%;}
    .gettingstarted__useful__head{font-size: 1.2em;}
    .gettingstarted__useful5__one__text{margin-top: 10px;}
    .gettingstarted__tech__flex3{display: block !important;}
    .gettingstarted__tech__flex__one__block{margin: 0px auto 20px auto;}
    .gettingstarted__tech__flex__one__block:last-child{margin: 0px auto;}
    .gettingstarted__icotext__left{float: inherit; margin: 0 auto; margin-bottom: 10px;}
    .gettingstarted__flex3{ margin: 10px 0px 20px 0px;}
    .banner{background-image: url(/i/img/headers/getting_started_mobile.png);}
}

@media (min-width: 1001px) and (max-width: 1049px){
    .gettingstarted__tech__flex{display: block !important;}
    .gettingstarted__tech__flex__one{margin-left: 0px;margin-bottom: 20px;}
    .gettingstarted__tech__flex3{ display: -webkit-box !important;display: -moz-box !important;display: -ms-flexbox !important;display: -webkit-flex !important;display: flex !important;width: 100%;}
    .gettingstarted__tech__flex__one__block {
        margin-bottom: 0px;
        margin-right: 20px;
        min-width: inherit !important;
    }
    .gettingstarted__tech__flex__one__block:last-child {
        margin-bottom: 0px;
        margin-right: 0px;
    }
    .gettingstarted__tech__flex__one__block {
        min-width: inherit !important;
    }
}

@media (min-width: 1050px) and (max-width: 1233px){
    .gettingstarted__tech__flex__one{
        padding: 10px ;
    }
    .gettingstarted__tech__flex__one__back__text{
        margin-bottom: 10px;
    }
    .gettingstarted__tech__flex2.callback{
        margin-bottom: 10px;
    }
}
@media (min-width: 1361px) and (max-width: 1496px){
    .gettingstarted__tech__flex__one{
        padding: 10px ;
    }
    .gettingstarted__tech__flex__one__back__text{
        margin-bottom: 10px;
    }
    .gettingstarted__tech__flex2.callback{
        margin-bottom: 10px;
    }
}

.how_to_install {
    position: absolute;
    width: 20px;
    height: 20px;
    right: -14px;
    top: -16px;
    padding: 4px;
    background: seagreen;
    border: 2px solid darkgreen;
    border-radius: 100%;
    color: yellow;
    text-align: center;
    font-weight: bold;
    font-size: 19px;
    cursor: pointer;
    transition: .4s;
}
.how_to_install:hover {
    border: 2px solid seagreen;
    background: yellow ;
    color: darkgreen;
}
.how_to_install:active {
    font-size: 17px;
}

.example_brandbook {
    position: relative;
    margin-top: 20px;
}
.alternate_syntax, .method_call {
    font-family: monospace;
}
.alternate_syntax {
    color: #0000BB;
}
.method_call {
    color: #007700;
}
.highlighting {
    color: #944A30;
}