/* srollbar */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #868686;
    border-left: 1px solid #000;
}
::-webkit-scrollbar-thumb {
    background-color: #FF9D00;
    border-left: 1px solid #FF9D00;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #fff;
}
::-webkit-scrollbar-corner,
::-webkit-resizer {
	display: none;
}
/* fonts */
@font-face {
	font-family: 'Rubik';
	src: url('../fonts/Rubik-Regular.eot');
	src: url('../fonts/Rubik-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Rubik-Regular.woff') format('woff'),
		url('../fonts/Rubik-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/SegoeUI.eot');
	src: url('../fonts/SegoeUI.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SegoeUI.woff') format('woff'),
		url('../fonts/SegoeUI.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/* selection */
*::selection {
    background-color: #868686;
}
::selection {
    color: #FF9D00;
}
/* reset */
* {
	font-family: 'Rubik';
	padding: 0;
	margin: 0;
	outline: 0;
	list-style: none;
    text-decoration: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
img {
	max-width: 100%;
}
/* main */
html,body {
	position: relative;
	overflow-x: hidden;
	width: 100%;
	margin: 0;
}
/*header*/
header {
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding-top: 60px; 
	height: 200px;
	background: url(../img/h-bg.png) top center;
	opacity: 1;
	z-index: 2;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}
header.opacity {
	height: 0;
	opacity: 0;
}
header.start {
	top: -200px;
}
header:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	width: 100%;
	margin: 0 auto;
	background: #FF9D00;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition-delay: 0.4s;
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-ms-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
}
header.start:before {
	width: 0;
}
header.calc {
	text-align: right;
	background: none;
}
header.calc a {
	margin-right: 140px;
}
header.calc a .box {
	display: none;
}
header img {
	width: 122px;
	display: inline-block;
	vertical-align: middle;
}
header .box {
	color: #fff;
	font-size: 12px;
	text-align: center;
	margin-left: 20px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 9px;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
header a .box span {
	line-height: 37px;
	width: 152px;
	display: block;
	background: url(../img/h-box.png);
	background-size: 100% 100%;
}
header a:hover .box {
	background: #fff;
	color: #222;
}
/*menu*/
.menu {
	font-size: 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	max-width: 100%;
	z-index: 3;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.menu.active {
	position: fixed;
}
.menu.inner {
	max-width: 50%;
}
/*menu brgr*/
.menu .brgr {
	position: fixed;
	top: 0;
	left: 0;
	display: inline-block;
	vertical-align: middle;
	padding: 10px;
	margin: 90px 0 0 90px;
	width: 60px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 2;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.menu.start .brgr {
	top: -200px;
}
.menu .brgr:hover {
	opacity: 1;
}
.menu .brgr .line {
    position: relative;
	height: 4px;
	width: 100%;
	margin: 10px auto;
	background: #fff;
	border-radius: 15px;
    transition: 0.25s;
	-webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -ms-transition: 0.25s;
    -o-transition: 0.25s;
}
.menu .brgr .line:first-child {
	top: 0;
	margin: 0;
	transform: rotateZ(0deg);
}
.menu .brgr .line:last-child {
	bottom: 0;
	margin: 0;
	transform: rotateZ(0deg);
}
.menu.active .brgr .line {
	width: 0;
}
.menu.active .brgr .line:first-child {
	width: 100%;
	top: 14px;
	transform: rotateZ(-45deg);
}
.menu.inner .brgr .line:first-child {
    width: 100%;
    top: 2px;
    transform: rotateZ(-40deg);
}
.menu.active .brgr .line:last-child {
	width: 100%;
	bottom: 14px;
	transform: rotateZ(45deg);
}
.menu.inner .brgr .line:last-child {
    width: 100%;
    bottom: 2px;
    transform: rotateZ(40deg);
}
/*menu nav*/
.menu .nav {
	height: 100%;
	max-width: 100%;
	width: 0;
	padding-bottom: 40px;
	padding-left: 0;
	background: rgba(29,29,29,0.95);
	overflow-x: hidden;
    overflow-y: auto;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.menu.active .nav {
	width: 540px;
	padding-left: 80px;
}
.menu .nav:before {
	content: "";
	display: block;
	height: 35%;
}
.menu ul {
	text-align: left;
	display: inline-block;
	opacity: 0;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.menu.active ul {
	opacity: 1;
}
.menu a {
	color: #868686;
	font-size: 24px;
	padding: 20px;
	display: block;
	cursor: pointer;
}
.menu a:hover {
	color: #fff;
}
.menu.active a.inner_js:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 10px;
    border-right: 6px solid #fff;
    border-bottom: 6px solid #fff;
    opacity: 0.5;
    transform: rotateZ(-45deg);
    transition: 0.15s;
    -webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -ms-transition: 0.15s;
    -o-transition: 0.15s;
}
.menu.active.inner a.inner_js {
	color: #fff;
}
.menu.active.inner a.inner_js:after {
    margin-left: 15px;
	opacity: 1;
}
/*menu inner*/
.menu .inner {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100%;
	width: 0;
	max-width: 100%;
    padding-bottom: 40px;
	background: rgba(29,29,29,0.9);
    overflow-x: hidden;
    overflow-y: auto;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
	transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
}
.menu.inner .inner {
	width: 540px;
    padding-left: 80px;
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
}
.menu .inner:before {
	content: "";
	display: block;
	height: 35%;
}
.menu .inner ul {
	opacity: 0;
}
.menu.inner .inner ul {
	opacity: 1;
}
.menu .inner a {
	font-size: 18px;
}
/*menu bottom*/
.menu .contact {
	padding: 140px 0 80px;
}
.menu .contact a {
	color: #fff;
	font-size: 18px;
	padding: 5px 20px;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.menu .contact a:hover {
	color: #FF9D00;
}
.menu .soc a {
	display: inline-block;
	vertical-align: middle;
	padding: 20px;
	opacity: 0.5;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.menu .soc a:hover {
	opacity: 0.9;
}
.menu .soc img {
	height: 16px;
}
.menu p {
	color: #fff;
	font-size: 10px;
	padding: 20px 20px 0;
	opacity: 0.8;
}
/*sctn-1*/
.sctn-1 {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 500px;
	background: url(../img/s1-bg.jpg) no-repeat center center #282828;
	background-size: cover;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}
.sctn-1.start {
	height: 200px;
	transition: 0s;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-ms-transition: 0s;
	-o-transition: 0s;
}
.sctn-1 .clients {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 320px;
	background: url(../img/cl-bg.png) bottom center;
	background-size: auto 100%;
	overflow: hidden;
	z-index: 1;
}
.sctn-1 .clients-block {
	font-size: 0;
	text-align: center;
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
	opacity: 0.7;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}
.sctn-1 .clients-block.start {
	bottom: -100%;
	opacity: 0;
}
.sctn-1 .client-box {
	display: inline-block;
	vertical-align: middle;
	padding: 0 10px;
	margin: 10px 0;
	width: 10%;
}
.partn-slider {
	position: relative;
	padding-left: 220px;
	padding-right: 50px;
	width: 100%;
}
.partn-slider:before {
	content: "НАШИ КЛИЕНТЫ";
	color: #fff;
	font-size: 18px;
	line-height: 17px;
	text-align: right;
	opacity: 0.7;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto 0;
	width: 120px;
	height: 34px;
	padding: 10px 50px 10px 0;
	border-right: 2px solid #aaa;
}
.partn-slider .slick-slide {
	display: inline-block;
	vertical-align: middle;
	float: none;
}
.slick-dots {
	left: 0;
}
.slick-dots li button:before {
	color: #fff;
}
.slick-dots li.slick-active button:before {
	color: #FF9D00;
}
.slick-slide img {
	margin: 0 auto
}
.slick-prev {
	left: 190px;
	z-index: 1;
}
.slick-next {
	right: 20px;
	z-index: 1;
}
/*sctn-2*/
.sctn-2 {
	font-size: 0;
	text-align: center;
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 500px;
	background: #282828;
	z-index: 0;
}
.sctn-2:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/s2-bg.jpg) no-repeat center center;
	background-size: cover;
	opacity: 1;
	z-index: -1;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}
.sctn-2.start:before {
	opacity: 0.2;
}
.sctn-2:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.sctn-2 .text-block {
	text-align: left;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 675px;
	padding: 50px;
	margin: 50px 20px;
	opacity: 1;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}
.sctn-2.start .text-block {
	opacity: 0;
}
.sctn-2 .text-block:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 35px;
	width: 35px;
	border-top: 10px solid #FF9D00;
	border-left: 10px solid #FF9D00;
}
.sctn-2 .text-block:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	height: 35px;
	width: 35px;
	border-right: 10px solid #FF9D00;
	border-bottom: 10px solid #FF9D00;
}
.sctn-2 .text-block p {
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	opacity: 0.8;
	transition: linear 0.5s;
	-webkit-transition: linear 0.5s;
	-moz-transition: linear 0.5s;
	-ms-transition: linear 0.5s;
	-o-transition: linear 0.5s;
}
.sctn-2.start p {
	transform: scale(0);
	opacity: 0;
}
/*sctn-3*/
.sctn-3 {
	font-size: 0;
	text-align: center;
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 800px;
	background: url(../img/s3-bg.jpg) no-repeat center center #2D2D23;
	background-size: cover;
}
.sctn-3 .inner-box {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 35%;
	height: 50%;
	border: 0 solid transparent;
	opacity: 0.5;
	overflow: hidden;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.sctn-3 .inner-box:first-child,
.sctn-3 .inner-box:last-child {
	width: 30%;
}
.sctn-3 .inner-box.inb-1 {
	background: rgba(0,0,0,0.4);
}
.sctn-3 .inner-box.inb-2 {
	background: rgba(0,0,0,0.55);
}
.sctn-3 .inner-box.inb-3 {
	background: rgba(0,0,0,0.35);
}
.sctn-3 .inner-box.inb-4 {
	width: 50%;
	background: rgba(0,0,0,0.25);
}
.sctn-3 .inner-box.inb-5 {
	width: 50%;
	background: rgba(0,0,0,0.1);
}
.sctn-3.start .inner-box {
	background: rgba(0,0,0,0)!important;
}
.sctn-3 .inner-box:hover {
	background: rgba(50,50,50,0.5);
	border: 10px solid #FF9D00;
	opacity: 1;
	transition: linear 0.35s;
	-webkit-transition: linear 0.35s;
	-moz-transition: linear 0.35s;
	-ms-transition: linear 0.35s;
	-o-transition: linear 0.35s;
}
.sctn-3 .inner-box:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.sctn-3 .inner {
	display: inline-block;
	vertical-align: middle;
	max-width: 430px;
	padding: 10px;
	transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
}
.sctn-3.start .inner {
	filter: blur(15px);
	-webkit-filter: blur(15px);
	-moz-filter: blur(15px);
	-ms-filter: blur(15px);
	-o-filter: blur(15px);
}
.sctn-3 .inner-box .title {
	color: #fff;
	font-size: 24px;
	font-family: 'Segoe UI';
	position: relative;
}
.sctn-3 .inner-box .line {
	display: block;
	width: 0;
	height: 0;
	margin: 0 auto;
	background: #FF9D00;
	transition: linear 0.15s;
	-webkit-transition: linear 0.15s;
	-moz-transition: linear 0.15s;
	-ms-transition: linear 0.15s;
	-o-transition: linear 0.15s;
}
.sctn-3 .inner-box:hover .line {
	height: 6px;
	width: 40px;
	margin: 50px auto;
}
.sctn-3 .inner-box p {
	color: #fff;
	font-size: 14px;
	height: 0;
	opacity: 0;
	transform: scale(0);
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
	transition-delay: 0.15s;
	-webkit-transition-delay: 0.15s;
	-moz-transition-delay: 0.15s;
	-ms-transition-delay: 0.15s;
	-o-transition-delay: 0.15s;
}
.sctn-3 .inner-box:hover p {
	height: auto;
	opacity: 1;
	transform: scale(1);
	transition-delay: 0.35s;
	-webkit-transition-delay: 0.35s;
	-moz-transition-delay: 0.35s;
	-ms-transition-delay: 0.35s;
	-o-transition-delay: 0.35s;
}
/*sctn-2.about */
.sctn-2.about {
	padding-top: 200px;
	min-height: 650px;
}
.sctn-2.about:before {
	background-image: url(../img/about.jpg);
}
.sctn-2.about .text-block:before,
.sctn-2.about .text-block:after {
	content: none;
}
/*sctn-4*/
.sctn-4 {
	font-size: 0;
	text-align: center;
	position: relative;
	width: 100%;
	min-height: 100vh;
	padding: 230px 0 130px;
	background: #282828;
	z-index: 0;
}
.sctn-4 .tab-name {
	position: relative;
	top: 0;
	opacity: 1;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}
.sctn-4.start .tab-name {
	top: -200px;
	opacity: 0;
}
.sctn-4 li {
	color: #868686;
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	padding: 30px;
	cursor: pointer;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.sctn-4 li.active,
.sctn-4 li:hover {
	color: #fff;
}
.sctn-4 li:active {
	color: #FF9D00;
}
.sctn-4 .tabs {
	text-align: left;
	max-width: 1420px;
	margin: 0 auto;
}
.sctn-4 .tab {
	display: inline-block;
	vertical-align: top;
	width: 0;
	opacity: 0;
	overflow: hidden;
	transition: 0.35s;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-ms-transition: 0.35s;
	-o-transition: 0.35s;
}
.sctn-4 .tab.active {
	width: 100%;
	opacity: 1;
}
.sctn-4 .inner {
	color: #fff;
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	padding: 50px 30px;
	cursor: pointer;
}
.sctn-4 .inner img {
	width: 100%;
	border-radius: 10%;
	opacity: 0.7;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.sctn-4 .inner:hover img {
	opacity: 1;
}
.sctn-4 .inner p {
	text-align: left;
	position: relative;
	border-left: 1px solid #FF9D00;
	opacity: 0;
	z-index: 0;
	transition: 0.35s;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-ms-transition: 0.35s;
	-o-transition: 0.35s;
}
.sctn-4 .tab.active .inner p {
	color: #fff;
	font-size: 16px;
	margin-top: 50px;
	padding: 10px 10px 10px 40px;
	opacity: 1;
}
.sctn-4 .inner p:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 0;
	background: #FF9D00;
	opacity: 0.5;
	z-index: -1;
	transition: 0.35s;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-ms-transition: 0.35s;
	-o-transition: 0.35s;
}
.sctn-4 .inner:hover p:before {
	width: 100%;
}
.sctn-4 .inner p:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 1px;
	background: #FF9D00;
	z-index: -1;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
	transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
}
.sctn-4 .inner:hover p:after {
	width: 20px;
}
/*sctn-calc*/
.sctn-calc {
	position: relative;
	background: #232323;
}
.sctn-calc .preview {
	font-size: 0;
	height: 100vh;
	min-height: 900px;
	display: none;
}
.sctn-calc .preview.active {
	display: block;
}
.sctn-calc .preview:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.sctn-calc .preview .inner {
	padding-left: 200px;
    width: 100%;
	display: inline-block;
	vertical-align: middle;
}
.sctn-calc .preview .title {
	position: relative;
	top: 0;
	color: #4F4F4F;
	font-size: 72px;
	padding-left: 70px;
	opacity: 1;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}
.sctn-calc.start .preview .title {
	top: -500px;
	opacity: 0;
}
.sctn-calc .preview p {
	position: relative;
	left: 0;
	color: #fff;
	font-size: 24px;
	padding: 60px 0 60px 70px;
	opacity: 1;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}
.sctn-calc.start .preview p {
	left: -500px;
	opacity: 0;
}
.sctn-calc .preview .choice {
	position: relative;
	left: 0;
	border-left: 3px solid #FF9D00;
	opacity: 1;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
}
.sctn-calc.start .preview .choice {
	left: -500px;
	opacity: 0;
}
.sctn-calc .preview .choice p {
	color: #898989;
	font-size: 16px;
	text-align: left;
	padding-top: 0;
	padding-bottom: 0;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition-delay: 0.15s;
	-webkit-transition-delay: 0.15s;
	-moz-transition-delay: 0.15s;
	-ms-transition-delay: 0.15s;
	-o-transition-delay: 0.15s;
}
.sctn-calc .preview .choice p:last-child {
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
}
.sctn-calc.start .preview .choice p {
	left: 500px;
}
.sctn-calc .preview .choice p span {
	display: inline-block;
	padding: 15px 0;
	cursor: pointer;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.sctn-calc .preview .choice p span:hover {
	color: #fff;
}
.sctn-calc .calc {
	font-size: 0;
	min-height: 100vh;
	position: relative;
	display: none;
}
.sctn-calc .calc.active {
	display: block;
}
.sctn-calc .calc:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	right: 0;
	bottom: 0;
	background: #3A3A3A;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}
.sctn-calc.start .calc:before {
	left: 100%;
}
.sctn-calc .calc .side {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding-top: 190px;
	padding-left: 100px;
	padding-right: 50px;
	position: relative;
	left: 0;
	opacity: 1;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}
.sctn-calc.start .calc .side:first-child {
	left: -500px;
	opacity: 0;
}
.sctn-calc.start .calc .side:last-child {
	left: 500px;
	opacity: 0;
}
.sctn-calc .calc .side:first-child {
	padding-left: 230px;
}
.sctn-calc .calc .big-title {
	color: #FF9D00;
	font-size: 48px;
	padding-bottom: 100px;
}
.sctn-calc .calc .inner {
	padding-bottom: 60px;
}
.sctn-calc .calc .inner.half {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}
.sctn-calc .calc .title {
	color: #fff;
	font-size: 24px;
	min-height: 58px;
	padding: 0 30px 30px;
	border-left: 3px solid #FF9D00;
}
.sctn-calc .calc .inner.error .title {
    border-left: 10px solid red;
    position: relative;
    left: -7px;
}
/*ul*/
.sctn-calc .calc ul {
	font-size: 0;
}
.sctn-calc .calc li {
	color: #868686;
	padding: 0 20px 0 30px;
}
.sctn-calc .calc .half li {
	display: inline-block;
	vertical-align: top;
	width: 300px;
}
.sctn-calc .calc ul > li > ul > li {
	padding: 0 0 0 30px;
}
.sctn-calc .calc .li-d {
	color: #fff;
	font-size: 0;
    padding: 0;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.sctn-calc .calc li.active .li-d {
	font-size: 16px;
    padding: 10px 0;
}
.sctn-calc .calc li .li-t {
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
    padding: 10px 10px 10px 0;
	cursor: pointer;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.sctn-calc .calc li.active > .li-t,
.sctn-calc .calc li .li-t:hover {
	color: #fff;
}
.sctn-calc .calc .inner > ul > li  ul > li > .li-t {
	font-size: 0;
	padding: 0;
}
.sctn-calc .calc .li-box {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
.sctn-calc .calc .inner > ul > li.active > ul > li > .li-t,
.sctn-calc .calc li.active .li-box > ul > li > .li-t,
.sctn-calc .calc li.active .li-box > ul > li.active > ul > li > .li-t {
	font-size: 16px;
    padding: 10px 0;
}
.sctn-calc .calc li > .list:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-left: 10px;
	border-right: 6px solid #fff;
	border-bottom: 6px solid #fff;
	opacity: 0.5;
	transform: rotateZ(-45deg);
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.sctn-calc .calc li.active > .list:after {
	opacity: 1;
	transform: rotateZ(45deg);
}
.sctn-calc .calc .li-box .list:after {
	width: 0;
    height: 0;
    border-right: 0 solid #fff;
    border-bottom: 0 solid #fff;
}
.sctn-calc .calc li.active .li-box > ul > li > .li-t:after {
	width: 6px;
	height: 6px;
	border-right: 6px solid #fff;
	border-bottom: 6px solid #fff;
}
.sctn-calc .calc li span {
	color: #FF9D00;
}
.sctn-calc .calc li .smena {
	display: inline-block;
}
/*count*/
.sctn-calc .calc li .before_count {
	font-size: 0;
	display: inline-block;
	vertical-align: middle;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.sctn-calc .calc li .count {
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
}
.sctn-calc .calc li .count-box *::selection {
    background: none;
}
.sctn-calc .calc li .count b {
	color: #707070;
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	cursor: pointer;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.sctn-calc .calc li .count b:hover {
	color: #fff;
}
.sctn-calc .calc li .count b::selection {
    color: #707070;
}
.sctn-calc .calc li .count b:hover::selection {
	color: #fff;
}
.sctn-calc .calc li .count-box .before_count::selection {
	color: #868686;
}
.sctn-calc .calc li .count span {
	display: inline-block;
	vertical-align: middle;
     transition: 0.15s;
    -webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -ms-transition: 0.15s;
    -o-transition: 0.15s;
}
.sctn-calc .calc .inner > ul > li.active > .count-box b,
.sctn-calc .calc li.active li.active > .count-box b {
	font-size: 24px;
    padding: 8px 8px 10px;
}
.sctn-calc .calc .inner > ul > li.active > .count-box span,
.sctn-calc .calc .inner > ul > li.active > .count-box .before_count,
.sctn-calc .calc li.active li.active > .count-box span,
.sctn-calc .calc li.active li.active > .count-box .before_count {
	font-size: 16px;
}
.sctn-calc .calc li.active .count-box.big b {
	font-size: 40px;
    padding: 8px 25px 10px;
}
.sctn-calc .calc li.active .count-box.big span {
	font-size: 27px;
}
.sctn-calc .calc li.active .count-box.big .t2 {
	color: #fff;
	font-size: 21px;
	padding: 20px 0 20px 30px;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.sctn-calc .calc li.active .count-box.big p {
	color: #fff;
	font-size: 14px;
	padding: 30px;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
/*input*/
.sctn-calc .calc .input-box {
	position: relative;
	display: block;
	max-width: 420px;
	margin-left: 30px;
	margin-top: 10px;
}
.sctn-calc .calc li .input-box {
	margin: 0;
	width: 0;
    opacity: 0;
    overflow: hidden;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.sctn-calc .calc li.active .input-box {
	margin-top: 10px;
	width: 100%;
    opacity: 1;
}
.sctn-calc .calc input {
	color: #fff;
	line-height: 58px;
	height: 58px;
	width: 100%;
	padding: 0 20px;
	border: 3px solid #424242;
	border-radius: 10px;
	background: #424242;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.sctn-calc .calc input.error {
	border: 3px solid #B46023;
	color: #B46023;
}
.sctn-calc .calc input:focus,
.sctn-calc .calc input:hover {
	background: #555;
}
.sctn-calc .calc textarea {
	color: #fff;
	padding: 20px;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	min-height: 150px;
	border: 3px solid #2B2B2B;
	border-radius: 10px;
	background: #2B2B2B;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.sctn-calc .calc textarea:focus,
.sctn-calc .calc textarea:hover {
	background: #444;
}
.sctn-calc .calc .side:last-child textarea {
	border: 3px solid #424242;
	background: #424242;
}
.sctn-calc .calc .side:last-child textarea:focus,
.sctn-calc .calc .side:last-child textarea:hover {
	background: #555;
}
.sctn-calc .calc textarea.error,
.sctn-calc .calc .side:last-child textarea.error {
    border: 3px solid #B46023;
    color: #B46023;
}
.sctn-calc .calc li .input-box textarea,
.sctn-calc .calc .side:last-child li .input-box textarea {
	max-height: 0;
    min-height: 0;
    padding: 0;
    border: 0;
}
.sctn-calc .calc li .input-box textarea.error,
.sctn-calc .calc .side:last-child li .input-box textarea.error {
    border: 3px solid #B46023;
}
.sctn-calc .calc li.active .input-box textarea,
.sctn-calc .calc .side:last-child li.active .input-box textarea {
	min-height: 150px;
	padding: 20px;
}
.sctn-calc .calc .input-box p {
	color: #fff;
	font-size: 14px;
	position: absolute;
	top: 22px;
	left: 23px;
	right: 20px;
	opacity: 0.5;
	cursor: text;
}
.sctn-calc .calc .input-btns {
	max-width: 450px;
	padding-bottom: 20px;
}
.sctn-calc .calc .add-link {
	color: #fff;
	font-size: 14px;
    display: inline-block;
    margin-left: 30px;
    padding: 10px 0;
    cursor: pointer;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.sctn-calc .calc .add-link:hover {
	color: #FF9D00;
}
.sctn-calc .calc .file {
	float: right;
}
.sctn-calc .calc .file input {
	display: none;
}
.sctn-calc .calc .file .add-img {
	color: #fff;
	font-size: 14px;
	padding: 10px 0;
	cursor: pointer;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.sctn-calc .calc .file .add-img:hover {
	color: #FF9D00;
}
.sctn-calc .calc .input-block .input-box {
    margin-bottom: 20px;
}
.sctn-calc .calc .input-block .input-box input {
    padding: 0 50px 0 20px;
}
.sctn-calc .calc .input-block .input-box.disable input {
	color: #aaa;
	cursor: default;
}
.sctn-calc .calc .input-block .input-box.disable input:focus,
.sctn-calc .calc .input-block .input-box.disable input:hover {
	background: #424242;
}
.sctn-calc .calc .input-block .input-box.disable input.error {
	color: #B46023;
}
.sctn-calc .calc .input-block .remove {
	color: #FF9D00;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto 0;
	padding: 15px;
	opacity: 0.5;
	cursor: pointer;
	z-index: 1;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.sctn-calc .calc .input-block .remove:hover {
	opacity: 1;
}
.sctn-calc .calc .input-block .input-box input[type="file"] {
	display: none;
}
/*form*/
.sctn-calc .calc .form {
	max-width: 420px;
	position: relative;
}
.sctn-calc .calc .form .input-box {
	margin: 15px 0;
}
.sctn-calc .calc .form-title {
	color: #fff;
	font-size: 24px;
	padding-bottom: 20px;
}
.sctn-calc .calc .form p {
	color: #fff;
	font-size: 16px;
	padding-bottom: 40px;
}
.sctn-calc .calc .form .remove-all {
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 72px;
	margin-bottom: 20px;
	border-radius: 10px;
	background: #434343;
	cursor: pointer;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.sctn-calc .calc .form .remove-all:hover {
	background: #9A9A9A;
}
.sctn-calc .calc .form .send {
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 0;
	border-radius: 10px;
	background: #FF9D00;
	cursor: pointer;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.sctn-calc .calc .form .send:hover {
	color: #FF9D00;
	background: #fff;
}
/*done*/
.sctn-calc .calc .form .done {
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #3A3A3A;
}
.sctn-calc .calc .form .done:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 0;
}
.sctn-calc .calc .form .done .load {
	display: inline-block;
	vertical-align: middle;
    height: 100px;
}
.sctn-calc .calc .form .done .load span {
    display: block;
    background: rgba(0,0,0,0);
    width: 7px;
    height: 10%;
    border-radius: 14px;
    margin-right: 5px;
    float: left;
    margin-top: 25%;
}
.sctn-calc .calc .form .done .load span:last-child {
  margin-right: 0px;
}
.sctn-calc .calc .form .done .load span:nth-child(1) {
  animation: load 2.5s 1.4s infinite linear;
}
.sctn-calc .calc .form .done .load span:nth-child(2) {
  animation: load 2.5s 1.2s infinite linear;
}
.sctn-calc .calc .form .done .load span:nth-child(3) {
  animation: load 2.5s 1s infinite linear;
}
.sctn-calc .calc .form .done .load span:nth-child(4) {
  animation: load 2.5s 0.8s infinite linear;
}
.sctn-calc .calc .form .done .load span:nth-child(5) {
  animation: load 2.5s 0.6s infinite linear;
}
.sctn-calc .calc .form .done .load span:nth-child(6) {
  animation: load 2.5s 0.4s infinite linear;
}
.sctn-calc .calc .form .done .load span:nth-child(7) {
  animation: load 2.5s 0.2s infinite linear;
}
.sctn-calc .calc .form .done .load span:nth-child(8) {
  animation: load 2.5s 0s infinite linear;
}
.sctn-calc .calc .form .done .load span:nth-child(9) {
  animation: load 2.5s 0.2s infinite linear;
}
.sctn-calc .calc .form .done .load span:nth-child(10) {
  animation: load 2.5s 0.4s infinite linear;
}
.sctn-calc .calc .form .done .load span:nth-child(11) {
  animation: load 2.5s 0.6s infinite linear;
}
.sctn-calc .calc .form .done .load span:nth-child(12) {
  animation: load 2.5s 0.8s infinite linear;
}
.sctn-calc .calc .form .done .load span:nth-child(13) {
  animation: load 2.5s 1s infinite linear;
}
.sctn-calc .calc .form .done .load span:nth-child(14) {
  animation: load 2.5s 1.2s infinite linear;
}
.sctn-calc .calc .form .done .load span:nth-child(15) {
  animation: load 2.5s 1.4s infinite linear;
}
@keyframes load {
  0% {
    background: #FF9D00;
    margin-top: 25%;
    height: 10%;
  }
  50% {
    background: #444;
    height: 100%;
    margin-top: 0%;
  }
  100% {
    background: #FF9D00;
    height: 10%;
    margin-top: 25%;
  }
}
.sctn-calc .calc .form .done p {
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
}
.sctn-calc .calc .form .done p span {
	color: #FF9D00;
	font-size: 28px;
    display: block;
}
/*info*/
.sctn-calc .calc .before_info {
	display: inline-block;
	vertical-align: middle;
}
.sctn-calc .calc .info {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border-radius: 100%;
    border: 2px solid transparent;
	cursor: pointer;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.sctn-calc .calc .info:hover {
    background: #B46023;
    border: 2px solid #FF9D00;
}
.sctn-calc .calc .info:before {
	content: "";
	display: block;
	height: 28px;
	width: 28px;
	background: url(../img/info.png);
	z-index: 1;
}
.sctn-calc .calc .hover-box {
	font-size: 12px;
    position: absolute;
    top: 35px;
    right: -126px;
    padding: 10px;
    border-radius: 10px;
    width: 280px;
    background: rgba(85,85,85,0.8);
    box-shadow: 0 0 35px rgba(0,0,0,0.1);
    opacity: 0;
    visibility: hidden;
    z-index: 1;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.sctn-calc .calc .side:last-child .hover-box {
	right: 0;
}
.sctn-calc .calc .info:hover .hover-box {
    visibility: visible;
    opacity: 1;
}
/*shkala*/
.sctn-calc .calc .shkala {
    position: relative;
    max-width: 420px;
    margin-left: 30px;
    margin-top: 40px;
    padding: 10px 0;
    z-index: 0;
}
.sctn-calc .calc li .shkala {
    padding: 0;
	margin: 0;
    visibility: hidden;
    opacity: 0;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.sctn-calc .calc li.active .shkala {
    padding: 10px 0;
    margin-top: 40px;
    visibility: visible;
    opacity: 1;
}
.sctn-calc .calc .shkala:before {
	content: "";
	position: absolute;
	top: 7px;
	left: -5px;
	width: 10px;
	height: 10px;
	background: #525252;
	border-radius: 100%;
}
.sctn-calc .calc .shkala:after {
	content: "";
	position: absolute;
	top: 7px;
	right: -5px;
	width: 10px;
	height: 10px;
	background: #525252;
	border-radius: 100%;
}
.sctn-calc .calc .shkala .line {
	position: relative;
	background: #525252;
	height: 4px;
}
.sctn-calc .calc li .shkala .line {
	height: 0;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.sctn-calc .calc li.active .shkala .line {
	height: 4px;
}
.sctn-calc .calc .shkala .range {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: #FF9D00;
}
.sctn-calc .calc .shkala .point {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background: #FF9D00;
    border-radius: 100%;
    z-index: 1;
    cursor: pointer;
}
.sctn-calc .calc .shkala .point:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    border-radius: 100%;
	background: rgba(255,157,0,0.2);
	z-index: -1;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
.sctn-calc .calc .shkala .point:hover:before {
	top: -10px;
	left: -10px;
	right: -10px;
	bottom: -10px;
}
.sctn-calc .calc .shkala .point p {
	color: #FF9D00;
	font-size: 16px;
	position: absolute;
	left: -65px;
	bottom: 30px;
	width: 150px;
	text-align: center;
}
.sctn-calc .calc .shkala.double .point p {
	font-size: 0;
}
.sctn-calc .calc .shkala .text {
	color: #FF9D00;
	font-size: 16px;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
    bottom: 30px;
}
.sctn-calc .calc .shkala .text span {
	padding-left: 5px;
}
/*footer*/
footer {
	position: relative;
	padding: 60px 0 80px;
	background: #1F1F1F;
}
footer:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	width: 100%;
	margin: 0 auto;
	background: #FF9D00;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition-delay: 0.4s;
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-ms-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
}
footer.start:before {
	width: 0;
}
footer .inner-block {
	font-size: 0;
	max-width: 1650px;
	margin: 0 auto;
}
footer .inner-box {
	display: inline-block;
	vertical-align: top;
	width: 25%;
}
footer .inner-box.last {
	text-align: right;
}
footer .inner-box.last li {
	padding: 10px 20px;
}
footer .center-box {
	width: 50%;
	display: inline-block;
	vertical-align: middle;
}
footer .center-box .box {
	text-align: center;
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
footer .logo {
	display: inline-block;
	width: 105px;
	padding: 20px;
	opacity: 0.5;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
footer .soc {
	padding-top: 60px;
}
footer .soc a {
	display: inline-block;
	vertical-align: middle;
	padding: 20px;
	opacity: 0.5;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
footer .soc a:hover {
	opacity: 0.9;
}
footer .soc img {
	height: 16px;
}
footer ul {
	padding: 20px 0 10px;
}
footer li {
	color: #777;
	font-size: 14px;
	padding: 10px 0;
}
footer li a {
	color: #777;
	transition: 0.15s;
	-webkit-transition: 0.15s;
	-moz-transition: 0.15s;
	-ms-transition: 0.15s;
	-o-transition: 0.15s;
}
footer li a:hover {
	color: #eee;
}
footer p {
	color: #ccc;
	font-size: 10px;
	padding: 70px 20px 0;
}
/*fix*/
.fix {
	font-size: 0;
	text-align: center;
	position: fixed;
	left: 60px;
	top: 0;
	bottom: 0;
}
.fix .mob-box {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 0;
	background: #FF9D00;
	z-index: -1;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}
.fix .inner {
	position: absolute;
	left: 0;
	bottom: 30%;
	margin: auto 0;
	opacity: 1;
    z-index: 0;
	transition: cubic-bezier(0.42, 0, 0.07, 1.52) 0.5s;
	-webkit-transition: cubic-bezier(0.42, 0, 0.07, 1.52) 0.5s;
	-moz-transition: cubic-bezier(0.42, 0, 0.07, 1.52) 0.5s;
	-ms-transition: cubic-bezier(0.42, 0, 0.07, 1.52) 0.5s;
	-o-transition: cubic-bezier(0.42, 0, 0.07, 1.52) 0.5s;
	transition-delay: 0.35s;
	-webkit-transition-delay: 0.35s;
	-moz-transition-delay: 0.35s;
	-ms-transition-delay: 0.35s;
	-o-transition-delay: 0.35s;
}
.fix.start .inner {
	bottom: -100%;
	opacity: 0;
}
.fix .title {
	font-size: 12px;
	color: #fff;
}
.fix p {
	color: #868686;
	font-size: 16px;
}
.fix .price-box p {
	font-size: 12px;
}
.fix .price-box .price {
	color: #FF9D00;
	font-size: 16px;
}
.fix .percent-box {
    position: relative;
	height: 120px;
	width: 120px;
	margin: 25px 0;
	border-radius: 100%;
	background: #FF9D00; /* Old Browsers */
	background: -webkit-linear-gradient(top left,#FF9D00,#6E4400); /*Safari 5.1-6*/
	background: -o-linear-gradient(top left,#FF9D00,#6E4400); /*Opera 11.1-12*/
	background: -moz-linear-gradient(top left,#FF9D00,#6E4400); /*Fx 3.6-15*/
	background: linear-gradient(top left, #FF9D00, #6E4400); /*Standard*/
}
.fix .percent-box .svg {
	width: 100%;
	height: 100%;
    transform: rotateZ(90deg);
}
.fix .percent-box circle {
    fill: none;
    stroke-width: 80;
    stroke: #232323;
    stroke-dasharray: 1800;
    stroke-dashoffset: -1;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}
.fix .percent-box span {
	color: #fff;
    font-size: 24px;
    line-height: 70px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 70px;
    height: 70px;
    margin: auto auto;
    border-radius: 100%;
    background: #232323;
}
/*preloader*/
.preloader {
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #282828;
	z-index: 10;
}
.preloader:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.preloader .img {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	max-width: 300px;
}
.preloader .cls-1 {
	opacity: 1;
	stroke: #fff;
	fill: none;
	stroke-dasharray: 650;
	animation: logo 2.7s linear infinite;
	-webkit-animation: logo 2.7s linear infinite;
	-moz-animation: logo 2.7s linear infinite;
	-ms-animation: logo 2.7s linear infinite;
	-o-animation: logo 2.7s linear infinite;
}
@keyframes logo {
	0% {
		opacity: 0;
		stroke-dashoffset: 650;
		stroke: #FF9D00;
	}
	5% {
		opacity: 0.1;
		stroke-dashoffset: 650;
		stroke: #FF9D00;
	}
	25% {
		opacity: 1;
		stroke: #FF9D00;
	}
	50% {
		stroke-dashoffset: 200;
		stroke: #fff;
	}
	70% {
		fill: rgba(255,255,255,0);
		stroke-dashoffset: 50;
	}
	75% {
		fill: rgba(255,255,255,1);
		stroke-dashoffset: 0;
		opacity: 1;
	}
	90% {
		/*fill: rgba(255,255,255,1);*/
		fill: rgba(255,255,255,0);
		stroke-dashoffset: 0;
		opacity: 1;
	}
	100% {
		opacity: 0;
		stroke-dashoffset: -300;
	}
}