.cases-content__descr,.types-content__descr
{
	webkit-box-direction: normal;
	webkit-box-orient: vertical;
}
.about-item-title,.about-title,.cases-content__name,.contacts-title,.custom-btn,.custom-link,.custom-modal-title,.detail-btn,.form-hint a,.how-item-title,.main-nav ul li a,.portfolio-title,.prices-bottom-title,.prices-item-title,.prices-item-title span,.reviews-item-company,.reviews-item-name,.services-item-title,.small-btn,.thanks-title,.title,.title-main,.title-middle,.title-thin,.types-link,.work-item-title,.work-link-item a,.yourself-item-title
{
	text-transform: uppercase;
}
*,body,html
{
	margin: 0;
	padding: 0;
}
.clear,.clearfix:after
{
	clear: both;
}
*,.container,body,html
{
	padding: 0;
}
.promo,.wrapper
{
	position: relative;
}
.title-main,.title-middle,.title-thin
{
	letter-spacing: .025em;
}
.how-item,.logo
{
	float: left;
}
.how,.wrapper
{
	overflow: hidden;
}
body,html
{
	color: #333;
	min-height: 100%;
	moz-osx-font-smoothing: grayscale;
	ms-text-size-adjust: 100%;
	webkit-font-smoothing: antialiased;
	webkit-text-size-adjust: 100%;
}
*
{
	box-sizing: border-box;
	outline: 0!important;
	text-decoration: none!important;
}
.container,.wrapper
{
	margin: 0 auto;
	min-width: 320px;
		padding-bottom: 40px;
}
div
{
	cursor: default;
}
a *
{
	cursor: pointer!important;
}
#go-top,.bar,.nav-bars,button
{
	cursor: pointer;
}
.clearfix:after,.clearfix:before
{
	content: " ";
	display: table;
}
.blog-grid .image-bg:before,.cases-link.active:after,.contacts:after,.custom-icon:after,.custom-icon:before,.portfolio-info:before,.prices-item:not(:last-child):after,.promo .container:before,.promo:after,.review:before,.services-item .services-item-descr:before,.services-item:nth-child(3n) .services-item-descr:after,.thanks-wrap .container:before,.work-link-item:not(:last-of-type):after,.yourself-item-img:before
{
	content: "";
}
.justify-wrap
{
	font-size: 0;
	text-align: justify;
	text-justify: newspaper;
}
.empty-span
{
	display: inline-block;
	height: 0;
	vertical-align: top;
	width: 100%;
}
[placeholder]:focus::-webkit-input-placeholder
{
	color: transparent!important;
}
[placeholder]:focus:-moz-placeholder
{
	color: transparent!important;
}
[placeholder]:focus::-moz-placeholder
{
	color: transparent!important;
}
[placeholder]:focus:-ms-input-placeholder
{
	color: transparent!important;
}
.wrapper
{
	max-width: 1920px;
}
.logo img
{
	display: block;
}
.custom-btn,.detail-btn,.promo .container:before,.promo-content
{
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
.header-right
{
	font-size: 0;
}
.promo
{
	background: url(../images/bg/promo-bg.jpg) center no-repeat;
	height: 838px;
}
.promo:after
{
	background: url(../images/bg/promo-bg-decor.png) center no-repeat;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3;
}
.promo .container
{
	font-size: 0;
	height: 100%;
	position: relative;
	z-index: 5;
}
.promo .container:before
{
	height: 100%;
	margin-right: -.35em;
}
.promo-content
{
	width: 100%;
}
.title-main
{
	color: #fff;
	font: 700 100px/100px "Proxima Nova";
}
.small-title-main
{
	font: 700 70px/97px "Proxima Nova";
}
.promo-title-slider
{
	margin-left: -3px;
}
.title-middle
{
	color: #fff;
	font: 700 30px "Proxima Nova";
}
.title-thin
{
	color: #fff;
	font: 300 30px "Proxima Nova";
}
.promo-subtitle
{
	color: #fff;
	font: 300 22px "Proxima Nova";
	margin-top: 30px;
}
.custom-btn
{
	background: #ffd861;
	border-radius: 112px;
	box-shadow: 0 15px 60px 0 rgba(164,134,38,0);
	color: #44311e!important;
	font: 700 20px/74px "Proxima Nova";
	moz-box-shadow: 0 15px 60px 0 rgba(164,134,38,0);
	padding: 0 37px;
	webkit-box-shadow: 0 15px 60px 0 rgba(164,134,38,0);
}
.custom-btn:hover
{
	background: #ffc000;
	box-shadow: 0 15px 60px 0 rgba(164,134,38,.75);
	moz-box-shadow: 0 15px 60px 0 rgba(164,134,38,.75);
	webkit-box-shadow: 0 15px 60px 0 rgba(164,134,38,.75);
}
.promo .actions-wrap
{
	margin-top: 35px;
}
.detail-btn
{
	color: #fff!important;
	font: 700 13px "Proxima Nova";
	letter-spacing: .05em;
	position: relative;
}
.about-item-text,.about-text,.how-item-text,.subtitle,.title
{
	letter-spacing: .025em;
}
.detail-btn:hover
{
	color: #ffc000!important;
}
.arrow-icon
{
	background: url(../images/elements/arrow-down.png) no-repeat;
	display: block;
	height: 11px;
	margin: 10px auto 0;
	width: 18px;
}
.about-img img,.custom-icon
{
	display: inline-block;
	vertical-align: middle;
}
.promo .detail-btn
{
	margin-left: 30px;
	margin-top: 5px;
}
.about .container
{
	padding-bottom: 90px;
	padding-top: 90px;
}
.about-title
{
	font: 700 65px "Proxima Nova";
}
.about-text
{
	color: #666;
	font: 300 17px/26px "Proxima Nova";
	margin-top: 11px;
	padding-right: 22px;
	text-align: justify;
}
.about-img
{
	font-size: 0;
	height: 65px;
	line-height: 65px;
}
.about-item-text
{
	font: 300 16px/24px "Proxima Nova";
	margin-top: 10px;
}
.about-item-title
{
	font: 700 19px "Proxima Nova";
	margin-top: 27px;
}
.about-item:last-child .about-item-block
{
	padding-left: 15px;
}
.how
{
	background: url(../images/bg/how-bg.jpg) center top no-repeat;
	height: 724px;
}
.how .container
{
	padding-top: 105px;
}
.title
{
	font: 700 45px "Proxima Nova";
}
.how .title
{
	color: #fff;
}
.subtitle
{
	font: 300 18px/28px "Proxima Nova";
}
.how .subtitle
{
	color: #94a0a8;
	margin-top: 12px;
	text-align: left;
}
.how-content
{
	margin-top: 100px;
	position: relative;
}
.how-item-icon
{
	border: 1px solid rgba(255,192,0,.5);
	border-radius: 3px;
	height: 58px;
	left: 0;
	line-height: 56px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 58px;
}
.how-item:hover .how-item-icon
{
	border: 1px solid rgba(255,192,0,1);
}
.how-item-title
{
	color: #fff;
	font: 700 19px/24px "Proxima Nova";
}
.how-item:hover .how-item-title
{
	color: #ffc000!important;
}
.custom-icon
{
	position: relative;
}
.custom-icon:after,.custom-icon:before
{
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.custom-icon:after
{
	opacity: 0;
	z-index: 3;
}
.how-item:hover .custom-icon:after
{
	opacity: 1;
}
.how-icon-1
{
	height: 20px;
	width: 23px;
}
.how-icon-1:before
{
	background: url(../images/elements/h-1.png) no-repeat;
}
.how-icon-1:after
{
	background: url(../images/elements/h-1-hover.png) no-repeat;
}
.how-icon-2
{
	height: 19px;
	width: 25px;
}
.how-icon-2:before
{
	background: url(../images/elements/h-2.png) no-repeat;
}
.how-icon-2:after
{
	background: url(../images/elements/h-2-hover.png) no-repeat;
}
.how-icon-3
{
	height: 23px;
	width: 15px;
}
.how-icon-3:before
{
	background: url(../images/elements/h-3.png) no-repeat;
}
.how-icon-3:after
{
	background: url(../images/elements/h-3-hover.png) no-repeat;
}
.how-icon-4
{
	height: 23px;
	width: 20px;
}
.how-icon-4:before
{
	background: url(../images/elements/h-4.png) no-repeat;
}
.how-icon-4:after
{
	background: url(../images/elements/h-4-hover.png) no-repeat;
}
.how-list
{
	font-size: 0;
}
.how-list:not(:last-of-type)
{
	margin-bottom: 55px;
}
.how-item
{
	padding-left: 85px;
	position: relative;
	width: 345px;
}
.how-item:nth-child(2n)
{
	margin-left: 30px;
}
.how-img
{
	display: block;
	height: 974px;
	left: 50%;
	margin-left: 135px;
	position: absolute;
	top: 110px;
	width: 1335px;
}
.how
{
	position: relative;
}
.work .slick-list,.yourself .slick-list,.yourself .slick-track
{
	overflow: visible!important;
}
.how-img img
{
	display: block;
	height: auto;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.custom-link,.small-btn,.work-link-item
{
	display: inline-block;
}
.how-img img:nth-child(2)
{
	z-index: 3;
}
.how-img img:nth-child(3)
{
	z-index: 5;
}
.how-item-text
{
	color: #fff;
	font: 300 16px/24px "Proxima Nova";
	margin-top: 5px;
}
.services
{
	background: #fff;
	border-bottom: 1px solid #eee;
	position: relative;
	z-index: 4;
}
.services .container
{
	padding-bottom: 70px;
	padding-top: 105px;
}
.services .title
{
	color: #333;
	letter-spacing: 0;
}
.custom-link
{
	background: url(../images/elements/arrow-right.png) right top no-repeat;
	color: #333!important;
	font: 700 14px "Proxima Nova";
	letter-spacing: .05em;
	padding-right: 15px;
	vertical-align: top;
}
.services .custom-link
{
	margin-top: 10px;
}
.custom-link:hover
{
	color: #ffc000!important;
}
.services-item
{
	position: relative;
	text-align: center;
}
.services-item .services-item-descr:before,.services-item:nth-child(3n) .services-item-descr:after
{
	background: #eee;
	height: 85px;
	position: absolute;
	top: 5px;
	width: 1px;
}
.services-item .services-item-descr:before
{
	left: 0;
}
.services-item:nth-child(3n) .services-item-descr:after
{
	right: 0;
}
.services-item-img
{
	font-size: 0;
	height: 70px;
	line-height: 70px;
	text-align: center;
}
.services-item-img img
{
	display: inline-block;
	vertical-align: middle;
}
.clients-item,.small-btn,.work-item img,.work-link-item
{
	vertical-align: top;
}
.services-list
{
	margin-top: 45px;
}
.services-item-title
{
	font: 700 19px "Proxima Nova";
	margin-top: 26px;
}
.services-item-descr
{
	color: #666;
	font: 300 16px/24px "Proxima Nova";
	letter-spacing: .025em;
	margin-top: 14px;
	position: relative;
}
.services-item .actions-wrap
{
	padding-bottom: 25px;
	padding-top: 22px;
}
.small-btn
{
	background: #ffc000;
	border-radius: 112px;
	box-shadow: 0 10px 30px 0 rgba(221,221,221,1);
	color: #44311e!important;
	font: 700 15px/50px "Proxima Nova";
	height: 50px;
	moz-box-shadow: 0 10px 30px 0 rgba(221,221,221,1);
	padding: 0 27px;
	webkit-box-shadow: 0 10px 30px 0 rgba(221,221,221,1);
}
.small-btn:hover
{
	background: #ffd861;
	box-shadow: 0 10px 30px 0 rgba(255,192,0,.35);
	moz-box-shadow: 0 10px 30px 0 rgba(255,192,0,.35);
	webkit-box-shadow: 0 10px 30px 0 rgba(255,192,0,.35);
}
.portfolio .container
{
	padding-bottom: 0px;
	padding-top: 0px;
}
.portfolio .subtitle
{
	color: #888;
	font: 300 20px/28px "Proxima Nova";
	letter-spacing: normal;
}
.portfolio-header
{
	margin-top: 10px;
}
.prices
{
	background: url(../images/bg/prices-bg.jpg) center top no-repeat;
	height: 1180px;
}
.prices .container
{
	padding-top: 105px;
}
.prices .title
{
	color: #fff;
}
.prices .subtitle
{
	color: #bec5cc;
	margin-top: 11px;
	text-align: left;
}
.prices .subtitle span
{
	color: #d9e6ee;
}
.prices-item-title
{
	border-bottom: 1px solid rgba(255,255,255,.15);
	color: #ffc000;
	font: 700 36px/36px "Proxima Nova";
	letter-spacing: .075em;
	padding-bottom: 10px;
}
.prices-item-title span,.work-link-item a
{
	letter-spacing: .05em;
}
.prices-item-title span
{
	color: #94a0a8;
	font: italic 12px "Proxima Nova";
	margin-top: 10px;
}
.startup-item .prices-item-title
{
	color: rgba(255,192,0,.15);
}
.standart-item .prices-item-title
{
	color: rgba(255,192,0,.3);
}
.premium-item .prices-item-title
{
	color: rgba(255,192,0,.5);
}
.prices-list
{
	margin-top: 65px;
}
.price-item-value
{
	color: #fff;
	font: 16px/26px "Proxima Nova";
}
.prices-item-content
{
	padding-top: 10px;
}
.disabled-item,.disabled-item span
{
	color: #51595f!important;
}
.price-item-value span
{
	color: #ffc000;
	font-weight: 700;
}
.prices-item .actions-wrap
{
	padding-top: 20px;
	text-align: left;
}
.prices-item .small-btn
{
	box-shadow: 0 10px 50px 0 rgba(112,87,10,.75);
	moz-box-shadow: 0 10px 50px 0 rgba(112,87,10,.75);
	webkit-box-shadow: 0 10px 50px 0 rgba(112,87,10,.75);
}
.prices-item .small-btn:hover
{
	box-shadow: 0 10px 50px 0 rgba(112,87,10,.55);
	moz-box-shadow: 0 10px 50px 0 rgba(112,87,10,.55);
	webkit-box-shadow: 0 10px 50px 0 rgba(112,87,10,.55);
}
.prices-item:not(:last-child)
{
	position: relative;
}
.prices-item:not(:last-child):after
{
	background: rgba(255,255,255,.15);
	height: 100%;
	position: absolute;
	right: 25px;
	top: 0;
	width: 1px;
}
.prices-list .row
{
	margin: 0 -30px 0 0;
}
.prices-item
{
	padding: 0;
}
.prices-item:last-child
{
	padding-right: 30px;
}
.work .container
{
	padding-bottom: 40px;
	padding-top: 100px;
}
.work .title
{
	color: #333;
}
.work .small-btn
{
	margin-top: 12px;
}
.work .subtitle
{
	color: #888;
	font: 300 20px/28px "Proxima Nova";
	margin-top: 7px;
}
.work-link-item
{
	margin-left: 40px;
	position: relative;
}
.work-links
{
	margin-top: 45px;
}
.work-link-item a
{
	border-bottom: 1px solid rgba(51,51,51,.5);
	color: #333!important;
	display: block;
	font: 700 18px "Proxima Nova";
}
.work-link-item:not(:last-of-type):after
{
	background: url(../images/elements/work-after.png) no-repeat;
	height: 23px;
	left: 100%;
	margin-left: 10px;
	margin-top: -11.5px;
	position: absolute;
	top: 50%;
	width: 22px;
}
.work-item-text,.work-slider
{
	margin-top: 25px;
}
.work-link-item a:hover,.work-link-item.active a
{
	border-bottom: 1px solid transparent;
	color: #ffc000!important;
}
.work-item img
{
	display: inline-block;
	margin-right: -54px;
	max-width: 100%;
}
.work-item-title
{
	font: 300 28px "Proxima Nova";
	letter-spacing: .025em;
}
.work-item-text
{
	color: #666;
	font: 300 16px/22px "Proxima Nova";
	letter-spacing: .025em;
}
.work-item-text p
{
	margin: 0 0 16px;
}
.work-item-text p span
{
	color: #333;
	font: 700 20px/22px "Proxima Nova";
	padding-right: 5px;
}
.work-item-content
{
	padding-top: 40px;
}
.work .small-btn.disabled
{
	opacity: 0;
	visibility: hidden;
}
.work
{
	border-bottom: 1px solid #eee;
}
.clients .container
{
	padding-bottom: 100px;
	padding-top: 110px;
}
.clients-list
{
	font-size: 0;
	margin: 50px -15px -45px;
	text-align: center;
}
.clients-item
{
	display: inline-block;
	float: none;
	height: 85px;
	line-height: 85px;
	margin-bottom: 45px;
	padding: 0 15px;
	text-align: center;
	width: 20%;
}
.clients-item:nth-child(1),.clients-item:nth-child(11),.clients-item:nth-child(16),.clients-item:nth-child(6)
{
	text-align: left;
}
.clients-item:nth-child(5n)
{
	text-align: right;
}
.clients-item img
{
	display: inline-block;
	vertical-align: middle;
}
.review .custom-link
{
	margin-top: 8px;
}
.reviews-item
{
	background: #fff;
	font-size: 0;
	min-height: 96px;
	padding-left: 125px;
	padding-right: 40px;
	position: relative;
}
.reviews-item.slick-active
{
	position: relative;
	z-index: 4;
}
.review-item-img
{
	box-shadow: 6px 12px 30px 0 rgba(207,207,207,.75);
	left: 0;
	moz-box-shadow: 6px 12px 30px 0 rgba(207,207,207,.75);
	position: absolute;
	top: 0;
	webkit-box-shadow: 6px 12px 30px 0 rgba(207,207,207,.75);
	width: 95px;
}
.reviews-list
{
	margin-top: 70px;
}
.review-item-img img
{
	display: block;
	width: 100%;
}
.denial-wrap a,.filter-links li,.footer-link,.reviews-item-company,.reviews-item-name
{
	display: inline-block;
	vertical-align: top;
}
.reviews-item-name
{
	font: 700 19px "Proxima Nova";
}
.reviews-item-company
{
	color: #ccc;
	font: 300 14px "Proxima Nova";
	margin-left: 16px;
	margin-top: 3px;
}
.reviews-item-text
{
	color: #666;
	font: 300 16px/24px "Proxima Nova";
	letter-spacing: .025em;
	margin-top: 15px;
}
.contacts-subtitle,.contacts-title
{
	color: #fff;
	letter-spacing: .025em;
	text-align: center;
}
.review .container
{
	padding-bottom: 90px;
	padding-top: 105px;
	position: relative;
	z-index: 4;
}
.review:before
{
	background: url(../images/elements/reviews-decor.jpg) no-repeat;
	height: 465px;
	margin-right: 425px;
	position: absolute;
	right: 50%;
	top: 0;
	width: 535px;
}
.contacts,.review
{
	position: relative;
}
.contacts
{
	background: url(../images/bg/contacts-bg.jpg) center top no-repeat;
	height: 636px;
	z-index: 5;
}
.contacts .container
{
	padding-top: 100px;
	position: relative;
	z-index: 5;
}
.contacts-title
{
	font: 300 70px "Proxima Nova";
}
.contacts-title span
{
	font-weight: 800;
}
.contacts-subtitle
{
	font: 300 24px "Proxima Nova";
	margin-top: 10px;
}
.footer-link,.yourself-link
{
	letter-spacing: .05em;
	text-transform: uppercase;
}
.contacts .actions-wrap
{
	margin-top: 40px;
	text-align: center;
}
.contacts .custom-btn
{
	background: #ffc000;
	box-shadow: 0 15px 60px 0 rgba(164,134,38,.75);
	moz-box-shadow: 0 15px 60px 0 rgba(164,134,38,.75);
	webkit-box-shadow: 0 15px 60px 0 rgba(164,134,38,.75);
}
.contacts .custom-btn:hover
{
	background: #ffd861;
	box-shadow: 0 15px 50px 0 rgba(164,134,38,.5);
	moz-box-shadow: 0 15px 50px 0 rgba(164,134,38,.5);
	webkit-box-shadow: 0 15px 50px 0 rgba(164,134,38,.5);
}
.footer-link
{
	color: #fff!important;
	font: 300 24px/24px "Proxima Nova";
}
.footer-link:hover
{
	color: #ffc000!important;
}
.footer-link span
{
	font-weight: 700;
}
.footer
{
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%;
}
.filter-links ul
{
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
#order-modal,.bubblingG,.button-center,.cases .title,.cases-link__name,.form-field input,.form-hint,.form-wrap,.portfolio-content,.rights,.subscribe-form,.types-link
{
	text-align: center;
}
.filter-links li a
{
	border-bottom: 1px solid rgba(51,51,51,.5);
	color: #444;
	font: 16px "Proxima Nova";
}
.page-blog .footer-link
{
	color: #000!important;
}
.page-blog .rights
{
	color: rgba(0,0,0,.75);
}
.page-blog .denial-wrap a
{
	border-color: rgba(0,0,0,.75);
	color: rgba(0,0,0,.75)!important;
}
.portfolio .actions-wrap
{
	margin-top: 35px;
}
.filter-links li a.active,.filter-links li a:hover
{
	border-bottom: 1px solid transparent;
	color: #ffc000!important;
}
.portfolio-list
{
	font-size: 0;
	margin-top: 55px;
}
.denial-wrap a,.rights
{
	font: 12px "Proxima Nova";
	letter-spacing: .025em;
}
.portfolio-list .row
{
	margin: 0 -5px;
}
.footer .container
{
	padding-bottom: 15px;
	padding-top: 15px;
}
.portfolio-item
{
	margin-bottom: 10px;
	padding: 0 5px;
}
.rights
{
	color: rgba(255,255,255,.5);
	margin-top: 2px;
}
.denial-wrap
{
	margin-top: 12px;
}
.denial-wrap a
{
	border-bottom: 1px solid rgba(255,255,255,.75);
	color: rgba(255,255,255,.75)!important;
}
.denial-wrap a:hover
{
	border-bottom: 1px solid rgba(255,255,255,0);
	color: rgba(255,255,255,1)!important;
}
.page-blog .denial-wrap a:hover
{
	border-bottom: 1px solid transparent;
	color: rgba(0,0,0,1)!important;
}
.portfolio-item-block
{
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 100%;
	position: relative;
}
.portfolio-link
{
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.bubblingG span,.portfolio-content,.portfolio-info:before
{
	display: inline-block;
	vertical-align: middle;
}
.portfolio-link:hover .portfolio-info
{
	moz-transform: translateY(0) translateX(0);
	ms-transform: translateY(0) translateX(0);
	opacity: 1;
	o-transform: translateY(0) translateX(0);
	transform: translateY(0) translateX(0);
	webkit-transform: translateY(0) translateX(0);
}
.portfolio-info
{
	background: rgba(0, 0, 0, 0.79);
	bottom: 68px;
	cursor: pointer;
	font-size: 0;
	left: 10px;
	moz-transform: translateY(-10px) translateX(-10px);
	ms-transform: translateY(-10px) translateX(-10px);
	opacity: 0;
	o-transform: translateY(-10px) translateX(-10px);
	position: absolute;
	right: 10px;
	top: 50px;
	transform: translateY(-10px) translateX(-10px);
	webkit-transform: translateY(-10px) translateX(-10px);
}
.contacts-video,.promo-video,.video-bg
{
	position: absolute;
	top: 0;
}
.portfolio-info:before
{
	height: 100%;
	margin-right: -.35em;
}
.portfolio-content
{
	padding: 15px;
	width: 100%;
}
.portfolio-title
{
	color: #fff;
	font: 600 20px "Proxima Nova";
}
.sep
{
	background: #fff;
	height: 2px;
	margin: 12px auto;
	width: 32px;
}
.portfolio-descr
{
	color: #fff;
	font: 16px "Proxima Nova";
}
.video-bg
{
	bottom: 0;
	left: 0;
	overflow: hidden;
	right: 0;
}
.promo-video
{
	left: -10%;
	object-fit: contain;
	width: 120%;
}
.contacts-video
{
	height: 200%;
	left: -50%;
	object-fit: contain;
	width: 200%;
}
.bubblingG
{
	height: 47px;
	margin: auto;
	width: 76px;
}
.bubblingG span
{
	animation: bubblingG 775ms infinite alternate;
	background: #000;
	border-radius: 47px;
	height: 9px;
	margin: 24px auto;
	moz-animation: bubblingG 775ms infinite alternate;
	moz-border-radius: 47px;
	ms-animation: bubblingG 775ms infinite alternate;
	ms-border-radius: 47px;
	o-animation: bubblingG 775ms infinite alternate;
	o-border-radius: 47px;
	webkit-animation: bubblingG 775ms infinite alternate;
	webkit-border-radius: 47px;
	width: 9px;
}
#bubblingG_1
{
	animation-delay: 0s;
	moz-animation-delay: 0s;
	ms-animation-delay: 0s;
	o-animation-delay: 0s;
	webkit-animation-delay: 0s;
}
#bubblingG_2
{
	animation-delay: .2295s;
	moz-animation-delay: .2295s;
	ms-animation-delay: .2295s;
	o-animation-delay: .2295s;
	webkit-animation-delay: .2295s;
}
#bubblingG_3
{
	animation-delay: 469ms;
	moz-animation-delay: 469ms;
	ms-animation-delay: 469ms;
	o-animation-delay: 469ms;
	webkit-animation-delay: 469ms;
}
@keyframes bubblingG
{
	0%
	{
		background-color: #000;
		height: 9px;
		transform: translateY(0);
		width: 9px;
	}
	100%
	{
		background-color: #ffbf00;
		height: 23px;
		transform: translateY(-20px);
		width: 23px;
	}
}
@-o-keyframes bubblingG
{
	0%
	{
		background-color: #000;
		height: 9px;
		o-transform: translateY(0);
		width: 9px;
	}
	100%
	{
		background-color: #ffbf00;
		height: 23px;
		o-transform: translateY(-20px);
		width: 23px;
	}
}
@-ms-keyframes bubblingG
{
	0%
	{
		background-color: #000;
		height: 9px;
		ms-transform: translateY(0);
		width: 9px;
	}
	100%
	{
		background-color: #ffbf00;
		height: 23px;
		ms-transform: translateY(-20px);
		width: 23px;
	}
}
@-webkit-keyframes bubblingG
{
	0%
	{
		background-color: #000;
		height: 9px;
		webkit-transform: translateY(0);
		width: 9px;
	}
	100%
	{
		background-color: #ffbf00;
		height: 23px;
		webkit-transform: translateY(-20px);
		width: 23px;
	}
}
@-moz-keyframes bubblingG
{
	0%
	{
		background-color: #000;
		height: 9px;
		moz-transform: translateY(0);
		width: 9px;
	}
	100%
	{
		background-color: #ffbf00;
		height: 23px;
		moz-transform: translateY(-20px);
		width: 23px;
	}
}
#order-modal
{
	background: #fff;
	border-radius: 3px;
	padding: 50px 15px 40px;
	width: 440px;
}
.custom-modal-title
{
	color: #333;
	font: 800 34px "Proxima Nova";
	text-align: center;
}
.custom-modal-subtitle
{
	color: #666;
	font: 300 16px "Proxima Nova";
	margin-top: 7px;
}
.custom-form
{
	margin-top: 15px;
	padding: 0 50px;
}
.form-field input
{
	background: 0;
	border: 0;
	border-bottom: 2px solid #eee;
	display: block;
	font: 300 18px "Proxima Nova";
	height: 50px;
	padding: 0 15px;
	width: 100%;
}
.form-field input:focus
{
	border-color: #ffc000;
}
.incorrect
{
	border-color: red!important;
}
.form-field:not(:last-child)
{
	margin-bottom: 10px;
}
.form-field .custom-btn
{
	background: #ffc000;
	box-shadow: 0 10px 30px 0 rgba(221,221,221,1);
	display: block;
	margin-top: 30px;
	moz-box-shadow: 0 10px 30px 0 rgba(221,221,221,1);
	webkit-box-shadow: 0 10px 30px 0 rgba(221,221,221,1);
	width: 100%;
}
.form-field .custom-btn:hover
{
	background: #ffd861;
	box-shadow: 0 10px 30px 0 rgba(255,192,0,.35);
	moz-box-shadow: 0 10px 30px 0 rgba(255,192,0,.35);
	webkit-box-shadow: 0 10px 30px 0 rgba(255,192,0,.35);
}
.form-hint
{
	color: #aaa;
	font: 300 13px/18px "Proxima Nova";
	margin-top: 20px;
}
.form-hint a
{
	border-bottom: 1px solid #aaa;
	color: #aaa!important;
	display: inline-block;
	vertical-align: top;
}
.form-hint a:hover
{
	border-bottom: 1px solid #ffc000;
	color: #ffc000!important;
}
.close-modal
{
	background: url(../images/elements/close.png) no-repeat;
	height: 16px;
	position: absolute;
	right: -24px;
	top: -24px;
	width: 16px;
}
.main-nav,.thanks-wrap
{
	left: 0;
	top: 0;
	width: 100%;
}
.close-modal:hover
{
	opacity: .75;
}
.fancybox-overlay
{
	background: rgba(0,0,0,.85);
}
.modals
{
	display: none;
}
.thanks-content,.thanks-wrap .container:before
{
	display: inline-block;
	vertical-align: middle;
}
.thanks-wrap
{
	background: url(../images/bg/thanks-bg.jpg) center no-repeat;
	background-size: cover;
	font-size: 0;
	height: 100%;
	position: fixed;
}
.thanks-wrap .container
{
	height: 100%;
	position: relative;
	z-index: 4;
}
.thanks-wrap .container:before
{
	height: 100%;
	margin-right: -.35em;
}
.thanks-title
{
	color: #fff;
	font: 700 110px/110px "Proxima Nova";
	letter-spacing: .025em;
}
.thanks-subtitle
{
	color: #ddd;
	font: 55px "Proxima Nova";
	margin-top: 20px;
}
.thanks-wrap .actions-wrap
{
	margin-top: 40px;
}
.thanks-wrap .actions-wrap .custom-btn
{
	padding: 0 75px;
}
.contacts .actions-wrap br
{
	display: none;
}
.main-nav
{
	background: rgba(255,255,255,.9);
	box-shadow: 0 1px 4px rgba(0,0,0,.1);
	moz-transform: translateY(-100%);
	ms-transform: translateY(-100%);
	opacity: 0;
	o-transform: translateY(-100%);
	padding: 0 60px;
	position: fixed;
	transform: translateY(-100%);
	visibility: hidden;
	webkit-transform: translateY(-100%);
	z-index: 100;
}
.logo
{
	margin-top: 11px;
}
.logo img
{
	width: 250px;
}
.main-nav ul
{
	float: right;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}
.main-nav ul li
{
	display: inline-block;
	vertical-align: top;
}
.main-nav ul li a
{
	color: #333!important;
	display: block;
	font: 700 15px/75px "Roboto Condensed";
	height: 75px;
	padding: 0 14px;
}
.main-nav ul li a:hover
{
	background: rgba(255,255,255,.25);
	color: #ffc000!important;
}
.nav-bars
{
	float: right;
	width: 32px;
}
.bar
{
	background: #333;
	height: 5px;
}
.nav-bars:hover .bar
{
	background: #ffc000;
}
.bar:not(:last-child)
{
	margin-bottom: 6px;
}
.main-nav.active
{
	moz-transform: translateY(0);
	ms-transform: translateY(0);
	opacity: 1;
	o-transform: translateY(0);
	transform: translateY(0);
	visibility: visible;
	webkit-transform: translateY(0);
}
.yourself .container
{
	padding-bottom: 55px;
	padding-top: 55px;
}
.yourself-left
{
	padding-top: 115px;
}
.yourself-links
{
	margin-top: 32px;
	padding-right: 25px;
}
.yourself-link
{
	border: 1px solid #e9e9e9;
	color: #333!important;
	display: block;
	font: 700 18px/24px "Proxima Nova";
	margin-bottom: -1px;
	padding: 16px 30px;
}
.yourself-link.active,.yourself-link:hover
{
	color: #ffc000!important;
}
.yourself-link.active
{
	border-color: #ffc000!important;
	position: relative;
	z-index: 3;
}
.yourself-item-img
{
	position: relative;
}
.yourself-item-img img
{
	display: block;
	position: relative;
	width: 100%;
	z-index: 3;
}
.yourself-item-img:before
{
	border: 4px solid #ffc000;
	height: 100%;
	left: 30px;
	position: absolute;
	top: 30px;
	width: 100%;
}
.yourself-item-text
{
	color: #666;
	font: 300 18px/28px "Proxima Nova";
	letter-spacing: .025em;
	margin-top: 25px;
}
.yourself-item-text p
{
	margin: 0 0 26px;
}
.yourself
{
	border-bottom: 1px solid #e8e8e8;
}
.yourself-item-title
{
	color: #333;
	font: 700 36px "Proxima Nova";
	margin-top: 75px;
}
.new-year
{
	background: url(../images/bg/ny-bg.jpg) center no-repeat;
	background-size: cover;
}
.price-list
{
	background: url(../images/bg/price-list-bg-new.jpg) center no-repeat;
	background-size: cover;
}
.new-year .container,.price-list .container
{
	padding-bottom: 105px;
	padding-top: 105px;
}
.form-wrap
{
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 5px 62px 0 rgba(40,34,26,.14);
	float: right;
	max-width: 100%;
	moz-box-shadow: 0 5px 62px 0 rgba(40,34,26,.14);
	padding: 50px 15px 40px;
	webkit-box-shadow: 0 5px 62px 0 rgba(40,34,26,.14);
	width: 440px;
}
.new-year .form-field .custom-btn,.price-list .form-field .custom-btn
{
	background: #f13838;
	color: #fff!important;
}
.new-year .form-field .custom-btn:hover,.price-list .form-field .custom-btn:hover
{
	background: #f14c50;
	box-shadow: 0 10px 30px 0 rgba(241,56,56,.35);
	moz-box-shadow: 0 10px 30px 0 rgba(241,56,56,.35);
	webkit-box-shadow: 0 10px 30px 0 rgba(241,56,56,.35);
}
.new-year .form-field input:focus,.price-list .form-field input:focus
{
	border-color: #f14c50;
}
.portfolio .small-btn
{
	padding: 0 55px;
	position: relative;
	z-index: 10;
}
.prices-bottom
{
	margin-top: 140px;
}
.prices-bottom .justify-wrap>*
{
	display: inline-block;
	vertical-align: middle;
}
.prices-bottom .order-link
{
	color: #000!important;
	padding: 0 50px;
}
.prices-bottom-title
{
	color: #fff;
	font: 900 30px "Proxima Nova";
	letter-spacing: .025em;
}
.prices-bottom-subtitle
{
	color: #959ba0;
	font: 300 18px "Proxima Nova";
	letter-spacing: .025em;
	margin-top: 15px;
}
.bar,.custom-icon:after,.how-item-icon,.how-item-title,a,button,input
{
	moz-transition: all .35s ease-in-out;
	ms-transition: all .35s ease-in-out;
	o-transition: all .35s ease-in-out;
	webkit-transition: all .35s ease-in-out;
}
.loader,.main-nav,.main-nav ul,.portfolio-info
{
	moz-transition: all .4s ease-in-out;
	ms-transition: all .4s ease-in-out;
	o-transition: all .4s ease-in-out;
	webkit-transition: all .4s ease-in-out;
}
.page-blog .main-nav
{
	position: relative;
}
.blog-grid
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	ms-flex-pack: justify;
	ms-flex-wrap: wrap;
	padding-top: 20px;
	webkit-box-pack: justify;
	webkit-justify-content: space-between;
}
.blog-grid .col
{
	border: 1px solid #ddd;
	margin-bottom: 15px;
	width: calc(33.3% - 10px);
}
.blog-grid .col-full
{
	width: 100%!important;
}
.blog-grid .image-bg
{
	background-position: center center;
	background-size: cover;
	display: block;
	height: 400px;
	position: relative;
}
.blog-grid .image-bg:before
{
	background: rgba(255,192,0,.7);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.image-bg .bottom-line
{
	bottom: 0;
	color: #fff;
	left: 0;
	padding: 3px 25px;
	position: absolute;
	width: 100%;
}
.image-bg .viewed
{
	background: url(../images/ico-eye.png) 0 50% no-repeat;
	padding-left: 25px;
}
.article-content
{
	padding: 15px 25px 25px;
}
.article-content h2
{
	font-size: 28px;
	line-height: 32px;
}
.article-content h2 a
{
	color: #000;
}
.article-content .item-text
{
	font-size: 16px;
}
.button-center
{
	margin-bottom: 20px;
}
.page-blog .footer
{
	background: #ffc000;
	position: relative;
}
.container-full
{
	margin: 0 auto;
	max-width: 1170px;
	position: relative;
	width: 100%;
}
.single-article .container
{
	max-width: 960px;
	position: relative;
	width: 100%;
}
.single-bg
{
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: cover;
	height: 350px;
	position: relative;
}
.single-info
{
	background: #ffc000;
	padding: 20px 0;
}
.single-bg .container
{
	height: 100%;
}
.single-info h1
{
	color: #000;
	font-size: 52px;
	font-weight: 600;
	line-height: 60px;
	margin: 0;
}
.single-content
{
	font-size: 16px;
	line-height: 20px;
	padding: 20px 0;
}
.single-content a
{
	color: #ffc000;
}
.single-content img
{
	height: auto;
	max-width: 100%;
}
.article-random .item
{
	float: left;
	padding: 0 5px;
	width: 50%;
}
.article-random .item a
{
	background-position: 50% 50%;
	background-size: cover;
	display: block;
	height: 340px;
}
.article-random .article-title
{
	background: #ffc000;
	color: #000;
	display: block;
	font-size: 24px;
	font-weight: 600;
	padding: 5px 10px;
}
.subscribe-form
{
	background: #ffc000;
	margin: 30px auto;
	max-width: 960px;
	padding: 20px;
	width: 100%;
}
.subscribe-form input[type=text]
{
	border: 0;
	border-bottom: 3px solid #eee;
	height: 50px;
	margin-right: 15px;
	padding-left: 15px;
	transition: .2s;
	width: 400px;
}
.subscribe-form input[type=text]:focus
{
	border-color: #f13838;
}
.subscribe-form .small-btn
{
	background: #f13838;
	color: #fff!important;
}
.article-random
{
	margin-bottom: 30px;
}
.none
{
	display: none;
}
.types
{
	background: #fafafa;
}
.types .container
{
	padding-bottom: 100px;
	padding-top: 110px;
}
.types .title
{
	color: #333;
	letter-spacing: 0;
}
.types-tabs
{
	padding-top: 9px;
}
.types-links
{
	background: #fff;
	border: 1px solid #eee;
	border-radius: 2px;
	display: flex;
	display: -moz-box;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	float: right;
	moz-border-radius: 2px;
	webkit-border-radius: 2px;
}
.types-link
{
	border-radius: 2px;
	color: #888;
	font: 700 15px "Proxima Nova";
	moz-border-radius: 2px;
	moz-transition: .3s;
	padding: 16px 19px;
	transition: .3s;
	webkit-border-radius: 2px;
	webkit-transition: .3s;
}
.types-link.active,.types-link:active,.types-link:hover
{
	background: #ffc000;
	box-shadow: 0 10px 30px 0 rgba(221,221,221,1);
	color: #333;
	moz-box-shadow: 0 10px 30px 0 rgba(221,221,221,1);
	webkit-box-shadow: 0 10px 30px 0 rgba(221,221,221,1);
}
.types-content
{
	margin-top: 35px;
}
.types-content__inner
{
	align-items: flex-start;
	display: flex;
	justify-content: space-between;
	moz-box-align: start;
	moz-box-pack: justify;
	ms-align-items: flex-start;
	ms-flex-align: start;
	ms-flex-pack: justify;
	webkit-align-items: flex-start;
	webkit-box-align: start;
	webkit-box-pack: justify;
	webkit-justify-content: space-between;
	width: 100%;
}
.types-content__title
{
	color: #333;
	font: 300 28px "Proxima Nova";
	letter-spacing: .025em;
	margin-bottom: 12px;
}
.types-content__descr
{
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	moz-box-align: start;
	moz-box-pack: start;
	moz-flex-direction: column;
	ms-align-items: flex-start;
	ms-flex-align: start;
	ms-flex-direction: column;
	ms-flex-pack: start;
	o-flex-direction: column;
	webkit-align-items: flex-start;
	webkit-box-align: start;
	webkit-box-pack: start;
	webkit-flex-direction: column;
	webkit-justify-content: flex-start;
	width: 410px;
}
.types-content__descr p
{
	color: #333;
	font: 300 16px/22px "Proxima Nova";
	letter-spacing: .025em;
	margin-top: 12px;
	padding-left: 3px;
}
.types-content__btn
{
	margin-left: 2px;
	margin-top: 35px;
}
.types-content__image
{
	border-radius: 7px;
	margin-top: 17px;
	moz-border-radius: 7px;
	overflow: hidden;
	webkit-border-radius: 7px;
	width: 710px;
}
.cases
{
	background: #fafafa;
}
.cases .container
{
	padding-bottom: 90px;
	padding-top: 97px;
}
.cases .title
{
	color: #333;
	letter-spacing: 0;
}
.cases-tabs
{
	display: flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	justify-content: space-between;
	margin-top: 68px;
	moz-box-pack: justify;
	ms-flex-pack: justify;
	webkit-box-pack: justify;
	webkit-justify-content: space-between;
	width: 100%;
}
.cases-link
{
	border-radius: 4px;
	height: 120px;
	moz-border-radius: 4px;
	position: relative;
	webkit-border-radius: 4px;
	width: 190px;
}
.cases-link.active
{
	box-shadow: 0 10px 40px 0 rgba(0,0,0,.3);
	moz-box-shadow: 0 10px 40px 0 rgba(0,0,0,.3);
	webkit-box-shadow: 0 10px 40px 0 rgba(0,0,0,.3);
}
.cases-link.active:after
{
	background: url(../images/elements/grey-arrow.png) no-repeat;
	bottom: -19px;
	display: block;
	height: 9px;
	left: calc(50% - 6px);
	left: -moz-calc(50% - 6px);
	left: -webkit-calc(50% - 6px);
	position: absolute;
	width: 13px;
}
.active .cases-link__overlay,.cases-link:hover .cases-link__overlay
{
	opacity: 1;
}
.cases-link__overlay
{
	align-items: center;
	background: rgba(51,51,51,.8);
	border-radius: 4px;
	bottom: 0;
	display: flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	justify-content: center;
	left: 0;
	moz-border-radius: 4px;
	moz-box-align: center;
	moz-box-pack: center;
	moz-transition: .3s;
	ms-align-items: center;
	ms-flex-align: center;
	ms-flex-pack: center;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: .3s;
	webkit-align-items: center;
	webkit-border-radius: 4px;
	webkit-box-align: center;
	webkit-box-pack: center;
	webkit-justify-content: center;
	webkit-transition: .3s;
}
.cases-link__name
{
	color: #fff!important;
	font: 700 18px "Proxima Nova";
}
.cases-contents
{
	margin-top: 59px;
}
.cases-content__inner
{
	display: flex;
	justify-content: space-between;
	moz-box-pack: justify;
	ms-flex-pack: justify;
	webkit-box-pack: justify;
	webkit-justify-content: space-between;
	width: 100%;
}
.cases-content__descr
{
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	moz-box-align: start;
	moz-box-pack: start;
	moz-flex-direction: column;
	ms-align-items: flex-start;
	ms-flex-align: start;
	ms-flex-direction: column;
	ms-flex-pack: start;
	o-flex-direction: column;
	webkit-align-items: flex-start;
	webkit-box-align: start;
	webkit-box-pack: start;
	webkit-flex-direction: column;
	webkit-justify-content: flex-start;
	width: 410px;
}
.cases-content__title
{
	align-items: flex-start;
	display: flex;
	display: -moz-box;
	display: -moz-flex;
	display: -ms-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: flex-start;
	margin-bottom: 5px;
	moz-box-align: start;
	moz-box-pack: start;
	ms-align-items: flex-start;
	ms-flex-align: start;
	ms-flex-pack: start;
	webkit-align-items: flex-start;
	webkit-box-align: start;
	webkit-box-pack: start;
	webkit-justify-content: flex-start;
}
.cases-content__name
{
	color: #333;
	font: 700 30px "Proxima Nova";
	padding-top: 2px;
	position: relative;
}
.cases-content__btn
{
	background: url(../images/elements/clip.png) center center no-repeat;
	border-radius: 50%;
	box-shadow: 0 5px 15px 0 rgba(221,221,221,1);
	display: block;
	height: 40px;
	margin-left: 20px;
	moz-border-radius: 50%;
	moz-box-shadow: 0 5px 15px 0 rgba(221,221,221,1);
	webkit-border-radius: 50%;
	webkit-box-shadow: 0 5px 15px 0 rgba(221,221,221,1);
	width: 40px;
}
.cases-content__subtitle
{
	color: #aaa;
	font: 300 18px "Proxima Nova";
}
.cases-content__task
{
	margin-top: 18px;
}
.cases-content__task h6
{
	color: #333;
	font: 300 28px "Proxima Nova";
	letter-spacing: .025em;
	margin-bottom: 17px;
}
.cases-content__task p
{
	color: #333;
	font: 300 16px/22px "Proxima Nova";
	letter-spacing: .025em;
}
.cases-content__decision
{
	margin-top: 38px;
}
.cases-content__decision h6
{
	color: #333;
	font: 300 28px "Proxima Nova";
	letter-spacing: .025em;
	margin-bottom: 17px;
}
.cases-content__decision p
{
	color: #333;
	font: 300 16px/22px "Proxima Nova";
	letter-spacing: .025em;
}
.cases-content__pictures
{
	padding-left: 2px;
	padding-top: 8px;
	position: relative;
	width: 705px;
}
.cases-content__adaptive
{
	left: 57px;
	position: absolute;
	top: 39px;
	z-index: 1;
}
.cases-content__adaptive p
{
	color: #aaa;
	font: 400 14px "Proxima Nova";
	margin-top: 17px;
}
#go-top
{
	background: url(../images/elements/scroll-up.png) center center no-repeat;
	bottom: 70px;
	display: none;
	height: 50px;
	opacity: .8;
	position: fixed;
	right: 15px;
	transition: .3s;
	width: 50px;
	z-index: 9999;
}
#go-top:hover
{
	opacity: 1;
}
@media screen and (max-width:1440px)
{
	.main-nav ul li a
	{
		font: 700 14px/75px "Roboto Condensed";
		padding: 0 11px;
	}
	.logo img
	{
		display: block;
		width: 230px;
	}
	.logo
	{
		margin-top: 13px;
	}
}
@media screen and (max-width:1250px)
{
	.container-full
	{
		max-width: none;
		padding: 0 30px;
	}
	.promo
	{
		height: 700px;
	}
	.main-nav ul li a
	{
		padding: 0 10px;
	}
	.main-nav
	{
		padding-left: 30px;
		padding-right: 30px;
	}
	.title-main
	{
		font: 700 77px/77px "Proxima Nova";
	}
	.small-title-main
	{
		font: 700 50px/77px "Proxima Nova";
	}
	.title-middle
	{
		font: 700 50px "Proxima Nova";
	}
	.title-thin
	{
		font: 300 50px "Proxima Nova";
	}
}
@media screen and (max-width:1199px)
{
	.how .subtitle,.prices .subtitle
	{
		margin-top: 0;
	}
	.prices .subtitle br,.services-item-descr br
	{
		display: none;
	}
	.container,.single-info
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.main-nav ul li a
	{
		padding: 0 8px;
	}
	.about-title
	{
		font: 700 42px "Proxima Nova";
	}
	.about-item:last-child .about-item-block
	{
		padding-left: 0;
	}
	.title
	{
		font: 700 37px "Proxima Nova";
	}
	.services-item-descr
	{
		padding: 0 37px;
	}
	.how-img
	{
		margin-left: 170px;
		top: 70px;
	}
	.prices-bottom .justify-wrap img
	{
		width: 70px;
	}
	.prices-bottom .order-link
	{
		font-size: 18px;
		height: 68px;
		line-height: 68px;
		padding: 0 30px;
	}
	.prices-bottom-title
	{
		font: 900 26px "Proxima Nova";
	}
	.yourself-link
	{
		font: 700 15px/22px "Proxima Nova";
		padding: 14px 25px;
	}
	.cases .container,.types .container
	{
		padding-bottom: 80px;
		padding-top: 80px;
	}
	.subtitle
	{
		font: 300 17px/28px "Proxima Nova";
	}
	.price-item-value
	{
		font: 13px/26px "Proxima Nova";
	}
	.prices-item:not(:last-child):after
	{
		right: 17px;
	}
	.prices-item-title
	{
		font: 700 32px/32px "Proxima Nova";
	}
	.work-link-item:not(:last-of-type):after
	{
		margin-left: 28px;
	}
	.clients-item img
	{
		max-width: 100%;
	}
	.work-item img
	{
		margin-right: -42px;
		max-width: 475px;
	}
	.contacts-subtitle
	{
		font: 300 21px "Proxima Nova";
	}
	.footer-link
	{
		font: 300 20px/20px "Proxima Nova";
		letter-spacing: .025em;
	}
	.contacts
	{
		height: 590px;
	}
	.contacts-title
	{
		font: 300 55px "Proxima Nova";
	}
	.types-content__descr
	{
		padding-right: 25px;
		width: 50%;
	}
	.types-content__image
	{
		width: 50%;
	}
	.cases-link
	{
		height: auto;
		width: 150px;
	}
	.cases-link>img
	{
		height: auto;
		max-width: 100%;
	}
	.cases-content__descr
	{
		width: 45%;
	}
	.cases-content__pictures
	{
		width: 55%;
	}
	.cases-content__pictures>img
	{
		max-width: 100%;
	}
	.cases-content__task
	{
		margin-top: 5px;
	}
	.cases-content__decision,.cases-content__task h6
	{
		margin-top: 0;
	}
	.cases-content__decision h6
	{
		margin-bottom: 10px;
	}
	.cases-content__adaptive
	{
		left: 35px;
		top: 20px;
	}
}
@media screen and (max-width:1120px)
{
	.main-nav ul li a
	{
		font: 700 13px/75px "Roboto Condensed";
		padding: 0 5px;
	}
	.logo img
	{
		width: 200px;
	}
	.main-nav
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.logo
	{
		margin-top: 16px;
	}
}
@media screen and (max-width:1024px)
{
	.blog-grid .col
	{
		width: 49%;
	}
	.article-content h2
	{
		font-size: 26px;
		line-height: 30px;
	}
	.single-bg
	{
		height: 300px;
	}
}
@media screen and (max-width:991px)
{
	.google-partners
	{
		display: none;
	}
	.clients-item:nth-child(11),.clients-item:nth-child(5n),.main-nav ul li a,.prices-bottom .justify-wrap,.yourself .actions-wrap,.yourself-item-title,.yourself-link
	{
		text-align: center;
	}
	.video-bg
	{
		display: none!important;
	}
	.new-year .container
	{
		padding-bottom: 70px;
		padding-top: 70px;
	}
	.new-year .form-wrap
	{
		float: none;
		margin: 0 auto;
		max-width: 440px;
		width: 100%;
	}
	.prices-bottom .justify-wrap>img
	{
		display: block;
		margin: 0 auto 20px;
	}
	.prices-bottom-content
	{
		display: block;
		margin-bottom: 20px;
		text-align: center;
	}
	.prices-item-title span
	{
		float: none;
		margin-top: 0;
		right: 0;
		top: 7px;
	}
	.prices-bottom
	{
		margin-top: 50px;
		padding-bottom: 20px;
	}
	.yourself-item-title
	{
		font: 700 30px "Proxima Nova";
	}
	.yourself-links
	{
		margin-bottom: 40px;
		padding-right: 0;
	}
	.yourself-left
	{
		padding-top: 0;
	}
	.how-img
	{
		margin-left: 0;
		top: 30px;
	}
	.main-nav ul
	{
		background: rgba(255,255,255,.95);
		left: 0;
		opacity: 0;
		padding-bottom: 15px;
		position: fixed;
		top: 55px;
		visibility: hidden;
		width: 100%;
	}
	.main-nav ul.active
	{
		opacity: 1;
		visibility: visible;
	}
	.main-nav ul li
	{
		display: block;
		margin: 0!important;
	}
	.about-item-text span,.subtitle br
	{
		display: none;
	}
	.main-nav ul li:not(:last-child)
	{
		border-bottom: 1px solid rgba(0,0,0,.1);
	}
	.main-nav ul li a
	{
		color: #333!important;
		font: 700 16px/45px "Roboto Condensed";
		height: 45px;
	}
	.contacts,.prices
	{
		background-size: cover;
		height: auto;
	}
	.nav-bars
	{
		margin: 12px 0 0;
	}
	.logo
	{
		margin-bottom: 6px;
		margin-top: 6px;
	}
	.custom-btn
	{
		font: 700 18px/60px "Proxima Nova";
		padding: 0 30px;
	}
	.about-text
	{
		margin-bottom: 30px;
	}
	.clients-item
	{
		width: 33.33333333%;
	}
	.clients-item:nth-child(1),.clients-item:nth-child(10),.clients-item:nth-child(13),.clients-item:nth-child(16),.clients-item:nth-child(4),.clients-item:nth-child(7)
	{
		text-align: left;
	}
	.clients-item:nth-child(12),.clients-item:nth-child(15),.clients-item:nth-child(20),.clients-item:nth-child(3),.clients-item:nth-child(6),.clients-item:nth-child(9)
	{
		text-align: right;
	}
	.section-header .text-right,.subtitle,.title
	{
		text-align: center!important;
	}
	.how-content
	{
		margin-top: 50px;
	}
	.subtitle
	{
		margin-top: 20px!important;
	}
	.how-img
	{
		opacity: .25;
	}
	.section-header .text-right
	{
		padding-top: 20px;
	}
	.prices-item,.prices-item .actions-wrap,.work .text-right
	{
		text-align: center;
	}
	.services-item-descr:after,.services-item-descr:before
	{
		display: none!important;
	}
	.prices .container
	{
		padding-bottom: 35px;
		padding-top: 85px;
	}
	.price-item-value
	{
		font: 15px/26px "Proxima Nova";
	}
	.prices-item
	{
		margin-bottom: 50px;
	}
	.prices-item:not(:last-child):after
	{
		right: 0;
	}
	.prices-item:nth-child(2):after
	{
		display: none;
	}
	.prices-list .row
	{
		margin: 0;
	}
	.work-link-item:not(:last-of-type):after
	{
		margin-left: 15px;
	}
	.work-item-content
	{
		padding-top: 10px;
	}
	.work-item-title
	{
		font: 300 24px "Proxima Nova";
	}
	.prices-item:last-child
	{
		padding-right: 0;
	}
	.work .slick-list
	{
		overflow: hidden!important;
	}
	.work-item img
	{
		margin-right: 0;
		max-width: 350px;
	}
	.work-link-item a
	{
		font: 700 15px "Proxima Nova";
		letter-spacing: .025em;
	}
	.clients
	{
		border-bottom: 1px solid rgba(238,238,238,1);
	}
	.contacts-title
	{
		font: 300 44px "Proxima Nova";
	}
	.footer .col-sm-12
	{
		text-align: center!important;
	}
	.thanks-subtitle,.thanks-title,.thanks-wrap .actions-wrap
	{
		text-align: center;
	}
	.footer .col-sm-12:not(:last-child)
	{
		margin-bottom: 15px;
	}
	.footer
	{
		margin-top: 40px;
		position: relative;
	}
	.footer .container
	{
		padding-bottom: 50px;
	}
	.contacts
	{
		background-position: center;
	}
	.contacts>.container
	{
		padding-top: 80px;
	}
	.thanks-content
	{
		width: 100%;
	}
	.thanks-subtitle
	{
		font: 35px "Proxima Nova";
	}
	.thanks-title
	{
		font: 700 70px/70px "Proxima Nova";
	}
	.single-info h1
	{
		font-size: 46px;
		line-height: 54px;
	}
	.types .container
	{
		padding-bottom: 70px;
		padding-top: 70px;
	}
	.types-tabs
	{
		display: flex;
		display: -moz-box;
		display: -moz-flex;
		display: -ms-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: -webkit-box;
		display: -webkit-flex;
		justify-content: center;
		moz-box-pack: center;
		ms-flex-pack: center;
		webkit-box-pack: center;
		webkit-justify-content: center;
		width: 100%;
	}
	.types-links
	{
		float: none;
		margin: auto;
	}
	.cases .container
	{
		padding-bottom: 60px;
		padding-top: 70px;
	}
	.cases-tabs
	{
		margin-top: 30px;
	}
	.cases-link
	{
		width: 16%;
	}
	.cases-content__decision p
	{
		font-size: 16px;
		line-height: 20px;
	}
	.cases-content__adaptive
	{
		left: 15px;
		top: 0;
	}
}
@media screen and (max-width:767px)
{
	.cases-content__inner,.types-content__inner,.types-links
	{
		webkit-box-direction: normal;
		webkit-box-orient: vertical;
	}
	.about-item-block,.about-text,.about-title,.promo-content
	{
		text-align: center;
	}
	.promo
	{
		height: auto;
	}
	.how-item:nth-child(2n)
	{
		margin-left: 0;
	}
	.promo .container
	{
		padding-bottom: 80px;
		padding-top: 80px;
	}
	.promo-content
	{
		display: block;
	}
	.title-main
	{
		font: 700 50px/50px "Proxima Nova";
	}
	.small-title-main
	{
		font: 700 36px/50px "Proxima Nova";
	}
	.title-middle
	{
		font: 700 36px "Proxima Nova";
	}
	.title-thin
	{
		font: 300 30px "Proxima Nova";
	}
	.promo-subtitle
	{
		font: 300 19px "Proxima Nova";
	}
	.promo-subtitle br
	{
		display: none;
	}
	.promo .detail-btn
	{
		margin-left: 0;
		margin-top: 25px;
	}
	.custom-btn
	{
		font: 700 16px/1 "Proxima Nova";
		padding: 17px 25px;
	}
	.about .container,.portfolio .container,.services .container
	{
		padding-bottom: 60px;
		padding-top: 60px;
	}
	.about-text
	{
		font: 300 16px/24px "Proxima Nova";
		margin-bottom: 0;
		padding-right: 0;
	}
	.about-item
	{
		margin-top: 30px;
	}
	.about-title
	{
		font: 700 30px "Proxima Nova";
	}
	.how-item-icon
	{
		height: 48px;
		line-height: 46px;
		margin: 0 auto 10px;
		position: relative;
		width: 48px;
	}
	.subtitle
	{
		margin-top: 10px!important;
	}
	.how-item
	{
		float: none!important;
		padding-left: 0!important;
		padding-right: 0!important;
		text-align: center!important;
		width: 100%;
	}
	.work-item-content,.work-link-item
	{
		margin-left: 0;
		text-align: center;
	}
	.price-item-value
	{
		font: 18px/26px "Proxima Nova";
	}
	.how-img
	{
		height: 584px;
		margin-left: -400px;
		margin-top: -290px;
		opacity: .2;
		top: 50%;
		width: 800px;
	}
	.work-link-item
	{
		display: block;
		padding: 5px 0;
	}
	.clients .container
	{
		padding-bottom: 60px;
		padding-top: 60px;
	}
	.reviews-item-company
	{
		display: block;
		margin-left: 0;
	}
	.contacts-title
	{
		font: 300 34px "Proxima Nova";
	}
	.custom-modal-title
	{
		font: 800 26px "Proxima Nova";
	}
	.custom-form
	{
		margin-top: 15px;
		padding: 0 20px;
	}
	.contacts-subtitle
	{
		font: 300 18px "Proxima Nova";
	}
	#order-modal
	{
		padding: 40px 15px 30px;
		width: 350px;
	}
	.review .container
	{
		padding-bottom: 60px;
		padding-top: 60px;
	}
	.work-link-item a
	{
		display: inline-block;
		vertical-align: top;
	}
	.work-item-title
	{
		font: 300 22px "Proxima Nova";
	}
	.how-item:not(:last-child)
	{
		margin-bottom: 40px;
	}
	.work .container
	{
		padding-bottom: 30px;
		padding-top: 60px;
	}
	.prices-item:after
	{
		display: none!important;
	}
	.title
	{
		font: 700 30px "Proxima Nova";
	}
	.how .container
	{
		padding-bottom: 60px;
		padding-top: 60px;
	}
	.how
	{
		background-size: cover;
		height: auto;
	}
	.blog-grid .col
	{
		width: 100%;
	}
	.single-bg
	{
		height: 250px;
	}
	.single-info h1
	{
		font-size: 42px;
		line-height: 50px;
	}
	.blog-grid .image-bg
	{
		height: 350px;
	}
	.types .container
	{
		padding-bottom: 50px;
		padding-top: 50px;
	}
	.types-content__inner
	{
		flex-direction: column;
		moz-flex-direction: column;
		ms-flex-direction: column;
		o-flex-direction: column;
		webkit-flex-direction: column;
	}
	.types-links
	{
		align-items: center;
		background: 0 0;
		border: 0;
		display: flex;
		display: -moz-box;
		display: -moz-flex;
		display: -ms-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: -webkit-box;
		display: -webkit-flex;
		flex-direction: column;
		moz-box-align: center;
		moz-flex-direction: column;
		ms-align-items: center;
		ms-flex-align: center;
		ms-flex-direction: column;
		o-flex-direction: column;
		webkit-align-items: center;
		webkit-box-align: center;
		webkit-flex-direction: column;
	}
	.types-link
	{
		float: none;
		margin-bottom: 5px;
	}
	.types-content
	{
		margin-top: 5px;
	}
	.types-content__title
	{
		font-size: 26px;
	}
	.types-content__descr
	{
		padding-right: 0;
		width: 100%;
	}
	.types-content__image
	{
		display: none;
		margin-top: 30px;
		width: 100%;
	}
	.types-content__image>img
	{
		max-width: 100%;
	}
	.cases-tabs
	{
		flex-wrap: wrap;
		ms-flex-wrap: wrap;
		webkit-flex-wrap: wrap;
	}
	.cases-link
	{
		margin-bottom: 20px;
		max-width: 32%;
		width: auto;
	}
	.cases-link.active:after
	{
		display: none;
	}
	.cases-content__inner
	{
		align-items: center;
		flex-direction: column;
		moz-box-align: center;
		moz-flex-direction: column;
		ms-align-items: center;
		ms-flex-align: center;
		ms-flex-direction: column;
		o-flex-direction: column;
		webkit-align-items: center;
		webkit-box-align: center;
		webkit-flex-direction: column;
	}
	.cases-content__descr
	{
		width: 100%;
	}
	.cases-content__pictures
	{
		margin-top: 20px;
		width: 100%;
	}
	.cases-contents
	{
		margin-top: 30px;
	}
}
@media screen and (max-width:480px)
{
	.title-main
	{
		font: 700 40px/40px "Proxima Nova";
	}
	.custom-modal-subtitle br,.custom-modal-title br
	{
		display: none;
	}
	.yourself-item-text
	{
		font: 300 16px/24px "Proxima Nova";
	}
	.yourself-item-title
	{
		font: 700 24px "Proxima Nova";
		margin-top: 45px;
	}
	.yourself-item-img:before
	{
		border: 2px solid #ffc000;
		left: 10px;
		top: 10px;
	}
	.contacts-title
	{
		font: 300 28px "Proxima Nova";
	}
	.thanks-wrap .actions-wrap .custom-btn
	{
		padding: 0 25px;
	}
	.thanks-subtitle
	{
		font: 25px "Proxima Nova";
		text-align: center;
	}
	.thanks-title
	{
		font: 700 50px/50px "Proxima Nova";
	}
	.reviews-list
	{
		margin-top: 50px;
	}
	.portfolio-item
	{
		width: 100%!important;
	}
	.reviews-item
	{
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}
	.review-item-img
	{
		margin: 0 auto 10px;
		position: relative;
	}
	.title-thin
	{
		font: 300 26px "Proxima Nova";
	}
	.title-middle
	{
		font: 700 28px "Proxima Nova";
	}
	.small-title-main
	{
		font: 700 26px/40px "Proxima Nova";
	}
	.clients-item
	{
		margin-bottom: 10px;
	}
	.form-field:not(:last-child)
	{
		margin-bottom: 5px;
	}
	.clients-list
	{
		font-size: 0;
		margin: 30px -15px -15px;
	}
	.work-item img
	{
		margin-right: 0;
		max-width: 100%;
	}
	.work .small-btn
	{
		display: inline-block;
		height: auto;
		line-height: normal;
		padding: 15px 20px;
		vertical-align: top;
	}
	.close-modal
	{
		right: 0;
	}
	.contacts .actions-wrap br
	{
		display: block;
	}
	.custom-form
	{
		margin-top: 15px;
		padding: 0 10px;
	}
	.form-field input
	{
		font: 300 16px "Proxima Nova";
		height: 40px;
		padding: 0 10px;
	}
	.form-hint br
	{
		display: none;
	}
	.contacts .actions-wrap .custom-btn
	{
		line-height: normal;
		padding: 12px 35px;
	}
	#order-modal
	{
		padding: 40px 10px 30px;
		width: 270px;
	}
	.article-content
	{
		padding: 10px 15px 15px;
	}
	.article-content h2
	{
		font-size: 24px;
		line-height: 26px;
	}
	.image-bg .bottom-line
	{
		padding: 3px 15px;
	}
	.container-full
	{
		padding: 0 15px;
	}
	.single-info h1
	{
		font-size: 32px;
		line-height: 40px;
	}
	.blog-grid .image-bg
	{
		height: 270px;
	}
	.cases-content__adaptive
	{
		align-items: center;
		display: flex;
		display: -moz-box;
		display: -moz-flex;
		display: -ms-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: -webkit-box;
		display: -webkit-flex;
		left: 0;
		moz-box-align: center;
		ms-align-items: center;
		ms-flex-align: center;
		position: relative;
		webkit-align-items: center;
		webkit-box-align: center;
	}
	.cases-content__adaptive p
	{
		margin-bottom: 0;
		margin-left: 20px;
		margin-top: 0;
	}
	.cases-link
	{
		max-width: 48%;
	}
	.cases-contents
	{
		margin-top: 20px;
	}
}
.nav-tel-first
{
	height: 15px;
	margin: -10px 0 0;
}
.nav-tel-second
{
	height: 0;
	margin: 5px 0 0;
}
.contacts:after
{
	background: url(../images/bg/promo-bg-decor.png) center no-repeat;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3;
}
.google-partners
{
	bottom: 0;
	line-height: 0;
	opacity: .8;
	position: absolute;
	right: 0;
	transition: .2s;
}
.google-partners:hover
{
	opacity: 1;
}
.slick-dots
{
	text-align: center;
}
.slick-dots li
{
	display: inline-block;
	list-style: none;
	margin: 0 2px;
}
.slick-dots li button
{
	background: transparent;
	border: 2px solid #ffc000;
	border-radius: 50%;
	font-size: 0;
	height: 10px;
	width: 10px;
}
.slick-dots li.slick-active button
{
	background: #ffc000;
}