/************ TABLE OF CONTENTS ***************
  * General
  * Typography
  * Elements
    * Popups
    * Buttons
  * Layout
**********************************************/

@font-face{
	font-family: 'Bookman Old Style';
	font-weight: bold;
	font-style: normal;

	src: url('../fonts/BookmanOldStyle-Bold.woff2') format('woff2'), url('../fonts/BookmanOldStyle-Bold.woff') format('woff');
}

/***********************************************
* General
***********************************************/

html{
	font-size: 14px;
}

body{
	font-family: 'Rubik', Helvetica, Arial, serif;

	color: #333;
}

.clearfix{
	display: inline-block;
	display: block;
	zoom: 1;
}

.clearfix:after{
	display: block;
	visibility: hidden;
	clear: both;

	height: 0;

	content: '.';
}

svg:not(:root),
symbol,
image,
marker,
pattern,
foreignobject{
	overflow: visible !important;
}

/***********************************************
* Typography
***********************************************/

p,
a,
span,
input,
textarea,
label,
h1,
h2,
h3,
h4,
h5,
li,
td,
div{
	word-wrap: break-word;
}

p span,
p a,
a span,
a a,
span span,
span a,
label span,
label a,
h1 span,
h1 a,
h2 span,
h2 a,
h3 span,
h3 a,
h4 span,
h4 a,
h5 span,
h5 a,
li span,
li a,
td span,
td a,
div span,
div a{
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

a{
	-webkit-transition: all .2s ease;
	     -o-transition: all .2s ease;
	        transition: all .2s ease;
}

a:hover{
	color: #547dab;
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5{
	font-family: 'Bookman Old Style';
}

h1,
.h1{
	font-size: 2.55rem;
}

h2,
.h2{
	font-size: 2.2rem;
}

h3,
.h3{
	font-size: 1.7rem;
}

h4,
.h4{
	font-size: 1.25rem;
}

h5,
.h5{
	font-size: 1rem;
}

/***********************************************
* Elements
***********************************************/

/***********************************************
* Popups
***********************************************/

.popup{
	position: relative;

	display: none;

	width: 90%;
	max-width: 350px;
	margin: auto;
	padding: 20px;

	text-align: center;

	border-radius: 5px;
	background-color: #fff;
}

.popup__title{
	font-size: 22px;
}

.popup p{
	margin-bottom: 0;
}

.popup_qr{
	max-width: 292px;
}

.popup .mfp-close{
	font-size: 0;
	line-height: 0;

	top: -30px;
	right: 0;

	width: 20px;
	height: 20px;

	opacity: 1;

	fill: #fff;
}

.popup .qr{
	margin: 0;
	padding: 0;
}

.popup .qr__code{
	width: 100%;
	height: auto;
	margin: auto;
	padding: 0;
}

.popup .qr__code img{
	max-width: 100%;
}

.mfp-content .popup{
	display: block;
}

/* magnific popups settings for fade effect */

.mfp-fade.mfp-bg{
	-webkit-transition: all .3s ease-out;
	     -o-transition: all .3s ease-out;
	        transition: all .3s ease-out;

	opacity: 0;
}

.mfp-fade.mfp-bg.mfp-ready{
	opacity: .8;
}

.mfp-fade.mfp-bg.mfp-removing{
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content{
	-webkit-transition: all .3s ease-out;
	     -o-transition: all .3s ease-out;
	        transition: all .3s ease-out;

	opacity: 0;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content{
	opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content{
	opacity: 0;
}

/***********************************************
* Buttons
***********************************************/

.btn{
	-webkit-box-shadow: none;
	        box-shadow: none;
	text-shadow: none;
}

.btn-default{
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;

	max-width: 100%;
	padding: 13px 48px;

	white-space: normal;
	letter-spacing: 1px;
	text-transform: uppercase;

	color: #96790d;
	border-radius: 24px;
	background: -webkit-gradient(linear, left top, right top, color-stop(3.45%, #feeb80), to(#fcd349));
	background: -o-linear-gradient(left, #feeb80 3.45%, #fcd349 100%);
	background:    linear-gradient(90deg, #feeb80 3.45%, #fcd349 100%);
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
	        box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
}

.btn-default:hover{
	color: #c88200;
	background: -webkit-gradient(linear, left top, right top, color-stop(3.45%, #feeb80), color-stop(188.83%, #fcd349));
	background: -o-linear-gradient(left, #feeb80 3.45%, #fcd349 188.83%);
	background:    linear-gradient(90deg, #feeb80 3.45%, #fcd349 188.83%);
}

.btn-default:hover:active{
	color: #94600d;
	background: -webkit-gradient(linear, left top, right top, color-stop(3.45%, #fadf45), color-stop(61.61%, #fecc25));
	background: -o-linear-gradient(left, #fadf45 3.45%, #fecc25 61.61%);
	background:    linear-gradient(90deg, #fadf45 3.45%, #fecc25 61.61%);
}

.btn-default:disabled{
	color: #a1a1a1;
	background: #f2f2f2;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.btn-default.white{
	text-transform: uppercase;

	color: #fff;
	border: 1px solid #fff;
	background: none;
}

.btn-default.white:hover{
	color: #96790d;
	border-color: transparent;
	background: -webkit-gradient(linear, left top, right top, color-stop(3.45%, #feeb80), to(#fcd349));
	background: -o-linear-gradient(left, #feeb80 3.45%, #fcd349 100%);
	background:    linear-gradient(90deg, #feeb80 3.45%, #fcd349 100%);
}

.btn-default.white:hover:active{
	color: #94600d;
	border-color: transparent;
	background: -webkit-gradient(linear, left top, right top, color-stop(3.45%, #fadf45), color-stop(61.61%, #fecc25));
	background: -o-linear-gradient(left, #fadf45 3.45%, #fecc25 61.61%);
	background:    linear-gradient(90deg, #fadf45 3.45%, #fecc25 61.61%);
}

.btn-default.white:disabled{
	color: #656565;
	border: 1px solid #656565;
	background: none;
}

.btn-default.full-white{
	text-transform: uppercase;

	color: #96790d;
	border: none;
	background: #fff;
}

.btn-default.full-white:hover{
	color: #c88200;
	background: -webkit-gradient(linear, left top, right top, color-stop(3.45%, #feeb80), color-stop(188.83%, #fcd349));
	background: -o-linear-gradient(left, #feeb80 3.45%, #fcd349 188.83%);
	background:    linear-gradient(90deg, #feeb80 3.45%, #fcd349 188.83%);
}

.btn-default.full-white:hover:active{
	color: #94600d;
	background: -webkit-gradient(linear, left top, right top, color-stop(3.45%, #fadf45), color-stop(61.61%, #fecc25));
	background: -o-linear-gradient(left, #fadf45 3.45%, #fecc25 61.61%);
	background:    linear-gradient(90deg, #fadf45 3.45%, #fecc25 61.61%);
}

.btn-default.full-white:disabled{
	color: #a1a1a1;
	background: #f2f2f2;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

/***********************************************
* Svg icons
***********************************************/

.svg-icon{
	font-size: 0;

	width: 100%;
	height: 100%;
}

.svg-icon svg{
	width: 100%;
	height: 100%;
}

.mobile-state{
	display: none;
}

/***********************************************
* Layout
***********************************************/

.header{
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;

	width: 100%;
	padding-top: 28px;
	padding-bottom: 28px;

	color: #fff;
}

.header .container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.header__lang{
	margin: 0;
	padding: 0;

	list-style: none;
}

.header__lang li{
	display: inline-block;

	margin-right: 20px;
}

.header__lang li.active a{
	cursor: default;

	color: #a1a1a1;
}

.header__lang a{
	-webkit-transition: all .2s ease;
	     -o-transition: all .2s ease;
	        transition: all .2s ease;

	color: #fff;
}

.header__lang a:hover{
	text-decoration: none;

	color: #fcd349;
}

.header__contact .btn{
	font-size: 14px;

	padding: 12px 46px;

	letter-spacing: 3px;
}

.main{
	position: relative;

	padding-top: 185px;
	padding-bottom: 69px;

	text-align: center;

	color: #fff;
	background: url('../img/bg-main.jpg') no-repeat;
	background-position: center center;
	background-size: cover;
}

.main:before{
	position: absolute;
	top: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 100%;

	content: '';

	opacity: .65;
	background-color: #000;
}

.main .container{
	position: relative;
}

.main__title{
	font-size: 58px;
	font-weight: bold;
	line-height: 68px;

	margin: 0;
	margin-bottom: 21px;

	letter-spacing: 8.28571px;
	text-transform: uppercase;
}

.main__subtitle{
	font-family: 'Rubik';
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;

	margin-bottom: 57px;
}

.bullets{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	margin: 0;
	margin-bottom: 2px;
	padding: 0;

	list-style: none;

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.bullets__item{
	width: 200px;
	margin: 0 50px;
	margin-bottom: 50px;
}

.bullets__icon{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	height: 85px;
	margin-bottom: 10px;

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.bullets__desc{
	font-family: 'Bookman Old Style';
	font-size: 18px;
	font-weight: bold;
	line-height: 21px;
}

.bullets__desc p{
	font-size: inherit;
}

.section{
	position: relative;

	padding-top: 75px;
}

.section__title{
	font-size: 40px;
	font-weight: bold;
	line-height: 47px;

	margin: 0;
	margin-bottom: 30px;

	text-align: center;
	letter-spacing: 5.71428px;
	text-transform: uppercase;
}

.section_first{
	z-index: 1;
}

.section_second{
	padding-bottom: 245px;
}

.section_second .container{
	position: relative;
}

.section__parallax{
	position: absolute;
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;
}

.section__parallax:after{
	position: absolute;
	top: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 100%;

	content: '';

	opacity: .65;
	background-color: #000;
}

.section__table{
	position: absolute;
	bottom: 0;
	left: 0;

	width: 100%;
	height: 413px;

	background: url('../img/bg-table.png') no-repeat;
	background-position: top center;
	background-size: cover;
}

.section_contacts{
	padding-top: 60px;

	color: #fff;
	background-color: #333;
}

.steps{
	position: relative;

	height: 460px;
	margin-top: 29px;
}

.steps__list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.steps__item{
	position: absolute;

	width: 300px;
}

.steps__item:before{
	position: absolute;
	z-index: 0;
	top: 13px;
	left: -25px;

	display: block;

	width: 139px;
	height: 139px;

	content: '';

	opacity: .13;
	border-radius: 50%;
	background: #fcd349;
}

.steps__item:nth-child(1){
	top: 20px;
}

.steps__item:nth-child(2){
	top: 240px;
	left: 205px;
}

.steps__item:nth-child(3){
	top: 20px;
	left: 400px;
}

.steps__item:nth-child(4){
	top: 240px;
	left: 590px;

	width: 250px;
}

.steps__item:nth-child(5){
	top: 20px;
	left: 780px;

	width: 250px;
}

.steps__num{
	font-family: 'Bookman Old Style';
	font-size: 92px;
	font-weight: bold;
	line-height: 108px;

	position: relative;
	left: -4px;

	text-shadow: 4px 4px 0 #fcd349;
}

.steps__line{
	position: absolute;
	top: 186px;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	width: 798px;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.steps__desc{
	position: relative;
	left: -12px;
}

.steps__dot{
	position: relative;
	z-index: 1;

	width: 25px;
	height: 25px;

	border: 4px solid #fcd349;
	border-radius: 50%;
	background: #fff;
}

.steps__dot-line{
	position: absolute;
	top: 10px;

	width: 100%;
	height: 6px;

	background-color: #fcd349;
}

.steps__dot-line-round{
	position: absolute;
	top: 10px;
	right: 20px;

	-webkit-transform: translateX(100%);
	    -ms-transform: translateX(100%);
	        transform: translateX(100%);
}

.steps__final{
	position: absolute;
	top: 290px;
	right: 0;

	width: 271px;
	padding: 20px;

	text-align: center;

	border-radius: 8px;
	background: #fcd349;
	-webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, .07);
	        box-shadow: 0 5px 7px rgba(0, 0, 0, .07);
}

.steps__final .icon{
	margin-bottom: 8px;
}

.steps__final p{
	margin-bottom: 10px;
}

.qr{
	position: relative;

	margin-top: 32px;
	margin-bottom: 0;
}

.qr__top{
	width: 559px;
	margin: auto;
	padding: 10px;

	border-radius: 4px 4px 0 0;
	background: rgba(255, 255, 255, .5);
	-webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, .5);
	        box-shadow: inset 0 2px 0 rgba(255, 255, 255, .5);
}

.qr__wrap{
	position: relative;

	overflow: hidden;

	padding-top: 54px;
	padding-bottom: 48px;

	text-align: center;

	border-radius: 4px;
	background: -o-radial-gradient(100% .65%, 549.64px, #ffd639 0%, #ffba53 100%);
	background:    radial-gradient(549.64px at 100% .65%, #ffd639 0%, #ffba53 100%);
	-webkit-box-shadow: inset -1px 1px 2px #fff, inset 1px -1px 1px rgba(185, 85, 11, .294667);
	        box-shadow: inset -1px 1px 2px #fff, inset 1px -1px 1px rgba(185, 85, 11, .294667);
}

.qr__title{
	font-size: 38px;
	font-weight: bold;
	line-height: 45px;

	position: relative;
	z-index: 1;

	margin-bottom: 15px;

	letter-spacing: 5.42857px;
	text-transform: uppercase;
}

.qr__desc{
	font-size: 18px;
	line-height: 21px;

	position: relative;
	z-index: 1;

	max-width: 300px;
	margin: auto;
	margin-bottom: 23px;
}

.qr__code{
	position: relative;
	z-index: 1;

	display: inline-block;

	width: 272px;
	height: 272px;
	margin-bottom: 38px;
	padding: 10px;

	border-radius: 10px;
	background: #fff;
}

.qr__code img{
	max-width: 100%;
	max-height: 100%;
}

.qr__remind{
	font-size: 18px;
	line-height: 21px;

	position: relative;
	z-index: 1;

	max-width: 300px;
	margin: auto;

	color: #96590d;
}

.qr__flowers{
	position: absolute;
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;
}

.qr__flower{
	position: absolute;
}

.qr__flower img{
	max-width: 100%;
	max-height: 100%;
}

.qr__flower:nth-child(1){
	bottom: -100px;
	left: -100px;

	width: 393px;
	height: 373.5px;
}

.qr__flower:nth-child(2){
	top: -85px;
	right: -110px;

	width: 292.5px;
	height: 277.5px;

	-webkit-transform: rotate(70deg);
	    -ms-transform: rotate(70deg);
	        transform: rotate(70deg);
}

.qr__flower:nth-child(3){
	right: 42px;
	bottom: 105px;

	width: 169.65px;
	height: 160.95px;

	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.qr__bottom{
	width: 598px;
	height: 104px;
	margin: auto;

	text-align: center;
}

.qr__bottom img{
	max-width: 100%;
	max-height: 100%;
}

.qr__tips{
	position: absolute;
}

.qr__tips p{
	font-size: 16px;
	line-height: 1.4;

	color: #fff;
}

.qr__tips-line{
	margin-top: -5px;
	margin-right: 3px;
}

.qr__tips_left{
	top: -5px;
	left: 20px;

	max-width: 250px;

	text-align: right;
}

.qr__tips_right{
	top: 123px;
	right: 20px;

	max-width: 250px;

	text-align: left;
}

.qr__tips_right .qr__tips-line{
	display: inline-block;

	margin-top: -32px;
	margin-right: 0;
	margin-left: -3px;

	-webkit-transform: scale(-1, 1);
	    -ms-transform: scale(-1, 1);
	        transform: scale(-1, 1);
}

.qr__link{
	font-size: 14px;

	position: relative;
	z-index: 1;

	margin-top: 8px;
}

.qr__link a{
	color: #333;
}

.qr .btn{
	position: relative;
	z-index: 1;

	width: 100%;
	max-width: 265px;
	padding: 16px;
}

.work{
	margin-top: -283px;
	margin-bottom: 64px;
	padding: 0 15px;
	padding-top: 54px;
	padding-bottom: 40px;

	text-align: center;

	border-radius: 8px;
	background: #fff;
	-webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, .07);
	        box-shadow: 0 5px 7px rgba(0, 0, 0, .07);
}

.work__title{
	font-size: 28px;
	font-weight: bold;
	line-height: 33px;

	margin: 0;
	margin-bottom: 29px;

	letter-spacing: 4px;
	text-transform: uppercase;
}

.work p{
	font-size: 16px;
	line-height: 22px;

	max-width: 700px;
	margin: auto;
	margin-bottom: 38px;
}

.work__icon{
	margin-bottom: 15px;
}

.work__icon	+ p{
	max-width: 800px;
	margin-bottom: 36px;
}

.work__subtitle{
	font-size: 18px;
	font-weight: bold;
	line-height: 21px;

	margin-bottom: 15px;

	letter-spacing: 2.57143px;
	text-transform: uppercase;
}

.work__btn .btn{
	width: 100%;
	max-width: 300px;
}

.contacts{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.contacts__left{
	width: 367px;
	margin-right: 115px;

	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.contacts__icon{
	margin-bottom: 65px;

	text-align: center;
}

.contacts__icon img{
	max-width: 100%;
}

.contacts__right{
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.contacts__block{
	position: relative;

	margin-bottom: -21px;
	padding: 53px 25px;

	text-align: center;

	color: #333;
	border-radius: 8px;
	background: #fcd349;
	-webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, .07);
	        box-shadow: 0 5px 7px rgba(0, 0, 0, .07);
}

.contacts__block:before{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;

	display: block;

	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 85%;
	height: 17px;
	margin: auto;

	content: '';
	-webkit-transform: translateY(-100%);
	    -ms-transform: translateY(-100%);
	        transform: translateY(-100%);

	border: 1px solid #fff;
	border-bottom: none;
	border-radius: 8px 8px 0 0;
}

.contacts__block-title{
	font-size: 18px;
	font-weight: bold;
	line-height: 21px;

	margin-bottom: 18px;
	padding-left: 30px;

	letter-spacing: 2.57143px;
	text-transform: uppercase;
}

.contacts__info{
	position: relative;

	margin-bottom: 3px;
	padding-left: 59px;

	text-align: left;
}

.contacts__info-icon{
	position: absolute;
	top: 3px;
	left: 0;

	width: 36px;
	height: 36px;
}

.contacts__info-title{
	font-size: 12px;
}

.contacts__info-desc{
	font-size: 20px;
	font-weight: 500;
}

.contacts__info-desc a{
	color: inherit;
}

.contacts__title{
	font-size: 28px;
	line-height: 33px;

	margin: 0;
	margin-top: 7px;
	margin-bottom: 26px;

	letter-spacing: 4px;
	text-transform: uppercase;
}

.contacts__form p{
	font-size: 16px;
	line-height: 22px;

	margin-bottom: 34px;
}

.contacts__form .form-group{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.contacts__form .form-group p{
	width: 193px;
	margin-top: 13px;
	margin-bottom: 0;

	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.contacts__form .form-group.btn-inside{
	padding-left: 193px;
}

.contacts__form .form-group.btn-inside .btn{
	width: 100%;
}

.contacts__form .form-control{
	height: 46px;
	padding: 0 23px;

	-webkit-transition: all .2s ease;
	     -o-transition: all .2s ease;
	        transition: all .2s ease;

	color: #fff;
	border: 1px solid #979797;
	border-radius: 23px;
	background: none;
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
	        box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
}

.contacts__form .form-control:focus{
	border-color: #fcd349;
}

.contacts__form .form-control.error{
	color: #fa6363;
	border-color: #fa6363;
}

.contacts__form .form-control:disabled{
	color: #656565;
	border-color: #656565;
}

.contacts__form textarea.form-control{
	height: 159px;
	padding: 13px 23px;

	resize: none;
}

.footer{
	padding-top: 21px;
	padding-bottom: 21px;
}

.footer__copy{
	font-size: 16px;
	line-height: 22px;

	text-align: center;

	color: #a1a1a1;
}