/*
	Theme Name: Опционы
	Technical specialist: Joja (Сергей Денисов) | https://fl.ru/users/joja/
	Version: 1.0
*/
@charset "UTF-8";
@font-face { font-family: 'Ubuntu-Bold'; src: url('webfonts/Ubuntu-Bold.eot?#iefix') format('embedded-opentype'), url('webfonts/Ubuntu-Bold.woff') format('woff'), url('webfonts/Ubuntu-Bold.ttf') format('truetype'), url('webfonts/Ubuntu-Bold.svg#Ubuntu-Bold') format('svg'); font-weight: normal; font-style: normal; }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption{margin:0;padding:0;border:0;outline:0;font-size:100.01%;vertical-align:baseline;background:transparent}
html,body{height:100%;width:100%;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}
html *{max-height:1000000px}
body{line-height:1.2;width:100%;overflow-x:hidden!important;background:#fff;padding:0;margin:0;color:#000;font-family: 'Ubuntu', sans-serif;width:100%;font-weight:400;}
img{border: none;}
::-webkit-file-upload-button {cursor:pointer;}
.clear {clear:both;height:0px;}
.inp-error {
-webkit-box-shadow: 0 0 0 2px #bb5a58 !important;
-moz-box-shadow:    0 0 0 2px #bb5a58 !important;
box-shadow:         0 0 0 2px #bb5a58 !important;
}
#main-wrapper {overflow:hidden!important;}
.w-center {width: 1080px; position: relative; margin: 0 auto; padding: 0px 0px 0px 0px; z-index: 2;}
.w-center:after {content: ""; display: block; clear: both;}
b, strong, .bold {font-weight: 700;}
b.medium, strong.medium, .medium {font-weight: 500;}
.button-white {
width: 540px;
height: 63px;
margin: 0 auto; 
margin-top: 30px; 
padding: 0px 0px 3px 0px; 
display: block; 
vertical-align: top;
color: #ff7500; 
font-weight: 400;
font-family: 'Ubuntu-Bold';
text-decoration: none; 
background: #fff;
font-size: 36px; 
line-height: 36px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: none;
outline: none;
cursor: pointer;
-webkit-box-shadow: inset 0px -5px 0px 0px rgba(0,0,0,0.18);
-moz-box-shadow:    inset 0px -5px 0px 0px rgba(0,0,0,0.18);
box-shadow:         inset 0px -5px 0px 0px rgba(0,0,0,0.18);
-webkit-appearance: none;
}
.button-white:hover, .button-white:active {
text-decoration: none;
opacity: 0.85;
}
.button-border {
width: 466px;
height: 60px;
margin: 0 auto; 
margin-top: 0px; 
padding: 0px 0px 4px 0px; 
display: block; 
vertical-align: top;
color: #fff; 
font-weight: 400;
font-family: 'Ubuntu-Bold';
text-decoration: none; 
background: none;
font-size: 36px; 
line-height: 36px;
border: 3px solid #fff;
outline: none;
-webkit-appearance: none;
cursor: default;
}
.button-border span {
color: #ff7500;
}
/*
.button-border:hover, .button-border:active {
text-decoration: none;
background: #fff;
color: #000;
}
*/
#header {
width: 100%; max-width: 1920px; height: 500px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 100;
background: url(images/bg-header.jpg) top center no-repeat;
}
#header:after {
content: "";
display: block;
position: absolute;
bottom: -93px;
right: 0px;
background: url(images/header-after.png) top center no-repeat;
width: 953px;
height: 93px;
}
#header .txt {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: absolute;
top: 169px;
left: 0px;
font-size: 32px;
line-height: 38px;
color: #fff;
}
#header .txt .row-1, #header .txt .row-2, #header .txt .row-3 {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: relative;
}
#header .txt .row-1 {
margin-left: -2px;
}
#header .txt .row-3 {
font-size: 24px; margin-top: -5px;
}
#header .txt .black {
color: #000;
}
#header .txt .fs-52 {
font-size: 52px;
}
#header .txt .bold {
font-weight: 700;
}
#header .button-border {
position: absolute;
top: 342px;
left: 0px;
}
#video-bl {
width: 100%; max-width: 1920px; height: 539px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99;
}
#video-bl .w-center {
height: inherit;
}
#video-bl .notebook {
display: block;
padding: 0px;
margin: 0 auto;
text-align: center;
width: 1080px;
height: 608px;
position: absolute;
bottom: -161px;
left: 0px;
background: url(images/notebook.jpg) top center no-repeat;
}
#video-bl .notebook > div, #video-bl .notebook .preview, #video-bl .notebook .video {
display: block;
padding: 0px;
margin: 0 auto;
text-align: center;
width: 735px;
height: 462px;
position: absolute;
top: 50px;
left: 171px;
}
#video-bl .notebook .preview, #video-bl .notebook .video {
top: 0px;
left: 0px;
z-index: 2;
}
#video-bl .notebook .preview {
cursor: pointer;
}
#video-bl .notebook .video {
z-index: 1;
}
#video-bl .notebook .preview span {
display: block;
padding: 0px 0px 0px 0px;
margin: 359px 0px 0px 0px;
font-size: 36px;
line-height: 36px;	
text-align: center;
color: #000;
font-weight: 700;
position: relative;
}
#video-bl .notebook .preview span:before {
content: "";
display: block;
padding: 0px;
margin: 0 auto;
width: 116px;
height: 116px;
position: absolute;
top: -124px;
left: 50%;
margin-left: -58px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #ff7500 url(images/icon-video.png) center center no-repeat;
}
.orange-form {
width: 100%; max-width: 1920px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 98;
background: #ff7500;
}
#first-form.orange-form {
padding-top: 170px;
padding-bottom: 44px;
}
#first-form .wrapper-form .zag {
padding-bottom: 0px;
margin-bottom: -12px;
}
#footer-form.orange-form {
padding-top: 51px;
padding-bottom: 125px;
}
.wrapper-form {
display: block;
padding: 30px 30px 30px 30px;
margin: 0 auto;
text-align: center;
width: 540px;
position: relative;
}
.wrapper-form .zag {
display: block;
padding: 0px 0px 19px 0px;
margin: 0px 0px 0px 0px;
color: #fff;
font-size: 36px;
line-height: 42px;
font-weight: 700;
text-align: center;
}
.wrapper-form .inps {
width: 500px;
height: 28px;
border: none;
border-bottom: 1px solid #fff;
background: #ff9133;
color: #fff;
font-size: 16px;
display: block;
vertical-align: top;
margin: 0 auto;
margin-top: 27px;
padding: 24px 20px 0px 20px;
outline: none;
position: relative;
z-index: 1;
text-align: left;
font-weight: 400;
}
.wrapper-form input[type='text']::-webkit-input-placeholder {
color: #fff !important;
font-size: 16px !important;
font-weight: 400 !important;
}
.wrapper-form input[type='text']::-moz-placeholder {
color: #fff !important;
font-size: 16px !important;
font-weight: 400 !important;
}
.wrapper-form input[type='text']:-moz-placeholder {
color: #fff !important;
font-size: 16px !important;
font-weight: 400 !important;
}
.wrapper-form input[type='text']:-ms-input-placeholder {
color: #fff !important;
font-size: 16px !important;
font-weight: 400 !important;
}
.wrapper-form input[type='text']:focus::-webkit-input-placeholder {
color: transparent !important;
}
.wrapper-form input[type='text']:focus::-moz-placeholder {
color: transparent !important;
}
.wrapper-form input[type='text']:focus:-moz-placeholder {
color: transparent !important;
}
.wrapper-form input[type='text']:focus:-ms-input-placeholder {
color: transparent !important;
}
#chart {
width: 100%; max-width: 1920px; height: 361px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99;
background: url(images/bg-chart.jpg) top center no-repeat;
}
#about {
width: 100%; max-width: 1920px; padding: 0px 0px 51px 0px; margin: 0 auto; position: relative; z-index: 99;
}
#about .left {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 79px 25px 0px 0px;
width: 540px;
float: left;
color: #86878b;
font-size: 16px;
line-height: 20px;
}
#about .left .title {
display: block;
padding: 0px 0px 26px 0px;
margin: 0px 0px 0px 0px;
font-size: 37px;
line-height: 38px;
font-weight: 700;
}
#about .left .title:after {
content: "";
display: block;
width: 64px;
height: 2px;
background: #ff8c2d;
margin-top: 24px;
}
#about .left p {
display: block;
padding: 0px 0px 20px 0px;
margin: 0px 0px 0px 0px;
}
#about .right {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 174px 0px 0px 0px;
width: 502px;
float: right;
}
#about .right img {
max-width: 100%;
}
.reviews-bl {
width: 100%; max-width: 1920px; padding: 50px 0px 50px 0px; margin: 0 auto; position: relative; z-index: 99;
}
#reviews-bl-1.reviews-bl {
padding-top: 79px;
padding-bottom: 68px;
}
#reviews-bl-2.reviews-bl {
padding-top: 23px;
padding-bottom: 40px;
}
.reviews-bl .review-item {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 30px 25px 0px 0px;
width: 515px;
float: left;
}
.reviews-bl .review-item:nth-child(2n) {
margin-right: -20px;
}
.reviews-bl .review-item:after {
content: "";
display: block;
clear: both;
}
.reviews-bl .review-item .img {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 95px;
float: left;
}
.reviews-bl .review-item .img img {
width: 111px;
height: 111px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 2px solid #ff7500;
}
.reviews-bl .review-item .text {
display: inline-block;
vertical-align: top;
padding: 24px 0px 0px 0px;
margin: 0px 0px 0px 25px;
width: 385px;
float: left;
}
.reviews-bl .review-item .text .name {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-weight: 500;
font-size: 20px;
line-height: 20px;
color: #000;
}
.reviews-bl .review-item .text .income {
display: block;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #86878b;
font-size: 20px;
line-height: 20px;
font-weight: 400;
}
.reviews-bl .review-item .text .income .orange {
color: #ff7500; font-weight: 500;
}
.reviews-bl .review-item .text .desc {
display: block;
padding: 14px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 16px;
line-height: 20px;
color: #86878b
}
.reviews-bl .review-item .text .desc p {
display: block;
padding: 0px 0px 20px 0px;
margin: 0px 0px 0px 0px;
}
#questions {
width: 100%; max-width: 1920px; padding: 0px 0px 82px 0px; margin: 0 auto; position: relative; z-index: 99;
}
#questions .title {
display: block;
padding: 40px 0px 26px 0px;
margin: 0px 0px 0px 0px;
font-size: 37px;
line-height: 38px;
font-weight: 700;
}
#questions .title:after {
content: "";
display: block;
width: 64px;
height: 2px;
background: #ff8c2d;
margin-top: 24px;
}
#questions .asked-items {
display: block;
padding: 0px 0px 0px 0px;
margin: -2px 0px 0px 0px;
}
#questions .asked-item {
display: block;
padding: 9px 0px 10px 0px;
margin: 0px 0px 0px 0px;
position: relative;
font-size: 16px;
line-height: 20px;
color: #86878b;
border-bottom: 1px solid #ff7500;
cursor: pointer;
}
#questions .asked-item:hover {
background: #ffe6d1;
}
#questions .asked-item.active:hover {
background: none;
}
#questions .asked-item:last-child {
border-bottom: none;
}
#questions .asked-item:before {
content: "";
display: block;
width: 26px;
height: 26px;
background-color: #ff7500;
background-repeat: no-repeat;
background-position: center center;
background-image: url(images/icon-arrow-asked.png);
position: absolute;
top: 12px;
left: 17px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#questions .asked-item.active:before {
background-image: url(images/icon-arrow-asked-active.png);
}
#questions .asked-item .desc-mini {
display: block;
padding: 0px 40px 0px 77px;
margin: 0px 0px 0px 0px;
}
#questions .asked-item .desc-full {
display: none;
padding: 18px 40px 12px 117px;
margin: 0px 0px 0px 0px;
}






















.arcticmodal-overlay,
.arcticmodal-container {position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000;}
.arcticmodal-container {overflow:auto;margin:0;padding:0;border:0;border-collapse:collapse;}
*:first-child+html .arcticmodal-container {height:100%}
.arcticmodal-container_i {height:100%;margin: 0 auto;}
.arcticmodal-container_i2 {padding:24px;margin:0;border:0;vertical-align:middle;}
.arcticmodal-error {padding:20px;border-radius:10px;background:#000;color:#fff;}
.arcticmodal-loading {width: 80px;height:80px;border-radius:10px;}
.arcticmodal-overlay {background-color:#000!important;opacity:0.7!important;}
.box-modal {position:relative;width:380px;padding:0px 0px 0px 0px;margin-top:15px;}
.box-modal_close {
width: 17px;
height: 17px;
background-repeat: no-repeat;
background-position: 0px 0px;
background-image: url(images/icon-close.png);
cursor: pointer;
z-index: 999;
}
.box-modal_close:hover {
background-image: url(images/icon-close-hover.png);
}
.arcticmodal-close {position:absolute;top: 10px;right: 10px;}
.box-modal .wrapper-form {
padding-top: 30px;
padding-bottom: 32px;
background: #fff;
}
.box-modal .wrapper-form .zag {
padding-bottom: 13px;
}
.box-modal#Modal-success, .wrapper-form.success {
width: 710px;
}
.wrapper-form.success {
width: 650px; padding-top: 50px; padding-bottom: 48px;
}
#Modal-success .wrapper-form .zag {
padding-top: 18px;
font-size: 22px;
line-height: 26px;
font-weight: 700;
color: #000;
}

.hidden{opacity:0}
.visible{opacity:1;}

/*--- Animate.css ---*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animatedFast{-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes fadeInLeft {
0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft {
0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInRight {
0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight {
0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInUp {
0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes rotateIn {
0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateIn {
0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}
@-webkit-keyframes zoomIn {
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
@keyframes zoomIn {
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes zoomInUp {
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
@keyframes zoomInUp {
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}
@-webkit-keyframes slideInUp {
0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes slideInUp {
0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}