@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,300,700,500,400italic&subset=latin,cyrillic');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

@font-face {
	font-family: 'PFSquareSansPro';
	src: url('fonts/PFSquareSansPro-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'PFSquareSansPro';
	src: url('fonts/PFSquareSansPro-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'PFSquareSansPro';
	src: url('fonts/PFSquareSansPro-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'PFSquareSansPro';
	src: url('fonts/PFSquareSansPro-Bold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'PFSquareSansPro';
	src: url('fonts/PFSquareSansPro-XBlack.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

html {margin-top: 0px !important}
body, .form-control, .btn, .dropdown-menu { font-size: 15px; font-family: 'PFSquareSansPro', tahoma, arial, sans; }

img {display: block; max-width: 100%; height: auto}
@media (max-width: 1399px) {
	.br-lg-visible {display: inline;}
	.br-lg-hidden {display: block;}
}
@media (min-width: 1400px) {
	.container {max-width: 1400px}
	.br-lg-visible {display: block;}
	.br-lg-hidden {display: inline;}
}

.error404 #header, .error404 #footer {display: none;}
.error404 {background: transparent;}
.error404 h1 {font-size: 15em; font-weight: 200; line-height: .75em;}
.error404 h2 {font-size: 1.75em}
.error404 #logo {margin: 40px auto}
.error404 form {max-width: 400px; margin: 15px auto}
.error404 small {font-size: 1.5em; opacity: .5; margin-bottom: 33px; display: block}
/* .container {max-width: none !important; width: 1170px;} */

.head_row-1 {background: #00aaff}
.head_row-1 .btn.btn-light {text-transform: uppercase; border-radius: 33rem; font-size: 24px; padding: .5rem 1rem; line-height: 1em}
.navbar-brand {padding: .5rem 1rem; background: #fff;}
.head_navbar .nav-link:before {content: '●'; font-size: .5rem; padding-right:.5rem; line-height: 28px; vertical-align: middle}
.contacts {list-style: none; margin: 0px; padding: 0px}
.contacts li {font-size: 30px; padding-left: 3rem; font-weight: 300; display: inline-block}
.contacts li > a {color: #fff}
.contacts .phone {background: url(img/icon-phone.png) left center no-repeat}
.contacts .email {background: url(img/icon-email.png) left center no-repeat}
#header {position: fixed; z-index: 100; top: 0px; left: 0px; right: 0px}

@media (max-width: 1399px) {
	.navbar-brand img {height: 3rem}
	.head_row-1 .navbar {padding: 0px}
	.navbar-dark .head_navbar .nav-link {font-size: 24px; color: #fff; padding: .5rem .5rem .5rem 2rem; line-height: 1em}
	.head_row-1 .btn.btn-light {display: block; margin: 1rem auto}
	.head_row-1 .contacts {margin-bottom: 1rem}
	.contacts li {font-size: 20px; background-size: contain !important; padding-left: 2.25rem}
	#header {border-bottom: 1px #00aaff solid;}
	#header .contacts li a {font-weight: 500}
}
@media (min-width: 1400px) {
	.navbar-brand {border-radius: 0px 0px 1rem 1rem; position: absolute; top: 0px; left: 0px; padding: 1rem 2rem}
	.head_navbar {margin-left: 13rem}
	.navbar .head_navbar .nav-link {font-size: 28px; color: #fff; padding-left: 2rem}
	.head_navbar .nav-link:hover {opacity: .75}
	.head_row-1 .btn.btn-light {position: absolute; top: 3.35rem; right: 0px}

}


#footer {background: #003496; color: #fff}
.foo_menu-area {background: #00aaff;}
.foo_row-2 {padding-top: 3rem; padding-bottom: 1rem; font-size: .85rem}

.section-title {font-size: 3rem; text-transform: uppercase; font-weight: 800; text-align: center}
.section-with_borders {border-top: 10px #fff solid; border-bottom: 10px #fff solid;}
@media (max-width: 1399px) {
	h1, .h1 {font-size: 2rem}
	.section-title, h2, .h2 {font-size: 1.75rem}
	h3, .h3 {font-size: 1.5rem}
	h4, .h4 {font-size: 1.33rem}
	h5, .h5 {font-size: 1.25rem}
	h6, .h6 {font-size: 1.1rem}
	.navbar-dark .navbar-toggler {color: #fff; border-color: #fff}
	.foo_row-2 {text-align: center}
}
@media (min-width: 1400px) {
	#footer .navbar-brand {border-radius: 1rem; position: absolute; top: 2rem; left: 0px; padding: 1rem 2rem}
	.foo_row-2 .container {padding-left: 15rem}
	#footer .contacts {margin-top: -.75rem;}
	#footer .contacts li {font-size: 20px; background-size: contain; padding-left: 2.25rem}
	#footer .contacts li + li {margin-left: 2rem;}
}


#menu-services {background: #fff; position: absolute; top: 9rem; left: 0px; right: 0px; z-index: 10; height: 0; overflow: hidden;}
#menu-services .nav-link {border-radius: 0px; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #00aaff; height: 3.125rem; line-height: 2rem; vertical-align: middle}
#menu-services .nav-link:hover {background-color: #00aaff; color: #fff}
#menu-services .nav-link.active {background: #00aaff; color: #fff}
@media (max-width: 1399px) {
	#menu-services {display: none}
}
@media (min-width: 1400px) {
	#menu-services.affix {position: fixed; top: 127px; height: 3.125rem; overflow: visible}
	#menu-services .nav-link {position: relative; padding-left: 3rem; padding-right: .5rem; text-align: left}
	#menu-services .nav-link:before {position: absolute; top: calc(50% - 1rem); left: .5rem; width: 2rem; height: 2rem; content: ''; background-size: contain; background-position: center center; background-repeat: no-repeat}
	#menu-services .nav-razrab:before {background-image: url(img/icon-intro-razrab.png)}
	#menu-services .nav-design:before {background-image: url(img/icon-intro-design.png)}
	#menu-services .nav-analytics:before {background-image: url(img/icon-intro-analytics.png)}
	#menu-services .nav-seo:before {background-image: url(img/icon-intro-seo.png)}
	#menu-services .nav-context:before {background-image: url(img/icon-intro-context.png)}
	#menu-services .nav-support:before {background-image: url(img/icon-intro-support.png)}
	#menu-services .nav-firm_style:before {background-image: url(img/icon-intro-firm_style.png)}
	#menu-services .nav-polygraph:before {background-image: url(img/icon-intro-polygraph.png)}

	#menu-services .nav-razrab:hover:before {background-image: url(img/icon-intro-razrab-hover.png)}
	#menu-services .nav-design:hover:before {background-image: url(img/icon-intro-design-hover.png)}
	#menu-services .nav-analytics:hover:before {background-image: url(img/icon-intro-analytics-hover.png)}
	#menu-services .nav-seo:hover:before {background-image: url(img/icon-intro-seo-hover.png)}
	#menu-services .nav-context:hover:before {background-image: url(img/icon-intro-context-hover.png)}
	#menu-services .nav-support:hover:before {background-image: url(img/icon-intro-support-hover.png)}
	#menu-services .nav-firm_style:hover:before {background-image: url(img/icon-intro-firm_style-hover.png)}
	#menu-services .nav-polygraph:hover:before {background-image: url(img/icon-intro-polygraph-hover.png)}
}



#intro-info-hover {position: absolute; z-index: 1; height: 12rem; width: auto; background: #fff; transition: .5s opacity; box-shadow: 0px 0px 2rem rgba(255,255,255,.5); opacity: 1}
#intro-info-hover.hidden {width: 0px; top: auto; left: auto; right: auto; bottom: auto; opacity: 0; border-radius: 0;}
#intro-info-hover.left  {border-radius: 0 33rem 33rem 0}
#intro-info-hover.right  {border-radius: 33rem 0 0 33rem}


#menu-contacts {top: 4.5rem; left: 0px; right: 0px; background: #0a1944; position: fixed; min-height: 3.5rem; z-index: 10}
#menu-contacts  .contacts {position: absolute; top: 5px; left:  calc(50% - 22rem);  z-index: 1}
#menu-contacts  .contacts li + li {margin-left: 7rem}

.section-intro {background: #0a1944 url(img/bg-intro.jpg) center center no-repeat; background-size: cover; color: #fff}
.intro-title {text-transform: uppercase; font-weight: bold; color: #18b0e7; font-size: 1.5rem; line-height: 1em}
.intro-descr {font-size: .85rem; margin-top: .25rem}
.intro-icon {border-radius:33rem; background: #fff; flex-shrink: 0}
.intro-info-text_area {display: flex; align-items: center}
.intro-icon {display: flex}
.intro-icon > img  {margin: auto; display: block; max-width: 100%; height: auto; display: none; transition: .5s all}
.intro-icon > .icon-normal  {display: block}

.breadcrumb {background: transparent; padding-left: 0px; padding-right: 0px;}
.breadcrumb a {color: #00aaff;}
.breadcrumb li:nth-child(1) > a {font-weight: bold;}


@media (max-width: 1399px) {
	.intro-info {text-align: center; padding: 1rem 1rem; display: inline-block; width: 48%; }
	.intro-text {width: 100%; text-align: left}
	#intro-logo {margin: 0 auto}
	.intro-title {font-size: 1.25rem}
	.intro-descr {line-height: 1.2em}
	#intro-logo {padding: 0rem 2rem 2rem}
	.section-intro {padding: 6rem 0 2rem;} /* из-за маргина .head_row-1 */
	.first-screen {padding: 10rem 0 2rem;}
	.breadcrumb {display: none;}
	.section-intro {background: #0a1944 url(img/bg-intro.jpg) center 10% no-repeat; background-size: contain;}
	.intro-icon {padding: 1rem; box-sizing: border-box; flex-shrink: 0; margin-right: 1rem; width: 7rem; height: 7rem}
	.intro-icon > img {max-width: 4rem; max-height: 7rem}
}
@media (max-width: 999px) {
	.section-title {margin-bottom: 1rem; width: 100%; display: block;}
	.intro-info {text-align: center; padding: 1rem 0rem; width: 100%;}
	.intro-text {width: 100%; text-align: left}
	#intro-logo {margin: 0 auto}
	.intro-descr {line-height: 1.2em}
	#intro-logo {padding: 0rem 2rem 2rem}
	.section-intro {padding: 6rem 0 2rem;} /* из-за маргина .head_row-1 */
	.first-screen {padding: 10rem 0 2rem;} /* из-за маргина .head_row-1 */
	.section-intro {background: #0a1944 url(img/bg-intro.jpg) center 10% no-repeat; background-size: contain;}
	.intro-icon {padding: 1rem; box-sizing: border-box; flex-shrink: 0; margin-right: 1rem; width: 7rem; height: 7rem}
	.intro-icon > img {max-width: 4rem; max-height: 7rem}
}
@media (min-width: 1400px) {
	.section-intro {padding-top: 8rem;} /* из-за маргина .head_row-1 */
	.first-screen {padding-top: 12rem;} /* из-за маргина .head_row-1 */
	.section-intro > .container {width: 100%; max-width: 100%}

	.section-intro > .container {position: relative; min-height: 1020px; z-index: 3}
	#intro-logo {position: absolute; top: 50%; left: 50%; z-index: 3; width: 465px; height: 540px; margin: -270px 0 0  -232px}
	.intro-left .intro-info-text_area {flex-direction: row-reverse; margin-left: auto}
	.intro-left .intro-text {text-align: right; }
	.intro-text {position: relative; z-index: 3}
	.intro-info-text_area {width: 440px; }
	.intro-info { position: absolute; z-index: 2;}
	.intro-icon {width: 12rem; height: 12rem; border: 10px #18b0e7 solid; box-sizing: border-box; position: relative; z-index: 3; }
	.intro-info:before {width: 17rem; height: 17rem; background: url(img/intro-shadow_small.png) center center no-repeat; background-size: cover; content: ''; position: absolute; z-index: -1; opacity: .75}
	.intro-info.intro-left:before {top: 1.1rem; right: 1.1rem}
	.intro-info.intro-right:before {top: 1.1rem; left: -6.1rem}
	.intro-info:hover .intro-icon {background: #17afe7; border: 10px #fff solid; box-sizing: border-box}
	.intro-left .intro-icon {margin-left: 1rem}
	.intro-right .intro-icon {margin-right: 1rem}
	.intro-left {left: 0px}
	.intro-right {right: 0px}
	.intro-left1, .intro-right1 {top: 3rem}
	.intro-left2, .intro-right2 {top: 17rem}
	.intro-left3, .intro-right3 {top: 33rem}
	.intro-left4, .intro-right4 {top: 48rem}
	.intro-left1, .intro-left4 {left: 0; right:  calc(50% + 6rem); }
	.intro-left2, .intro-left3 {left: 0; right:  calc(50% + 16rem);}
	.intro-right1, .intro-right4 {right: 0; left:  calc(50% + 6rem);}
	.intro-right2, .intro-right3 {right: 0; left:  calc(50% + 16rem);}
	.intro-info .intro-descr {transition: .5s all}
	.intro-info:hover .intro-descr {color: #003496}

	.intro-info-hover {position: absolute; z-index: 0; top:0; bottom: 0; left: 0; right: 0; background: #fff; transition: .5s opacity; box-shadow: 0px 0px 2rem rgba(255,255,255,.5); opacity: 0}
	.intro-info:hover .intro-info-hover {opacity: 1; }
	.intro-info.intro-left .intro-info-hover {border-radius: 0 33rem 33rem 0}
	.intro-info.intro-right .intro-info-hover  {border-radius: 33rem 0 0 33rem}


	.intro-info:hover .icon-normal  {display: none}
	.intro-info:hover .icon-hover  {display: block}
}



.section-achievements {background: #66ccff url(img/bg-achievements.jpg) center center no-repeat; background-size: cover; border-top: 10px #fff solid; border-bottom: 10px #fff solid; box-sizing: border-box; padding: 5rem 0}
.achiev-list {list-style: none; margin: 0px; padding: 0px; vertical-align: top}
.achiev-list > li {display: inline-block; text-align: center; padding: 3rem 3rem; background: url(img/achiev-list-bg.png) center top no-repeat; vertical-align: top}
.achiev-area {display: flex}
.achiev-text {font-size: 1.5rem; line-height: 1.2em}
.achiev-title {font-size: 3rem; font-weight: bold; color: #18b0e7; text-transform: uppercase; line-height: 1em}
.achiev-title_small {font-size: 2.25rem}
@media (max-width: 1399px) {
	.section-achievements {background: #66ccff url(img/bg-achievements.jpg) center top no-repeat; background-size: contain; padding: 2rem 0}
	.achiev-list > li {display: inline-block; width: 48%; text-align: center; padding: 1.5rem 1.5rem; background: #fff; box-sizing: border-box; border: 10px #fff solid; position: relative; vertical-align: top; margin-bottom: 1rem;}
	.achiev-list > li:before {content: " ";position: absolute;z-index: 1;top: 5px;left: 5px;right: 5px;bottom: 5px;
		border: 2px solid #00aaff;}
	.achiev-title {font-size: 1.15rem; margin-bottom: .5rem}
	.achiev-text {font-size: 1rem;}
	.achiev-list > li br {display: none;} 
}
@media (max-width: 999px) {
	.section-achievements {background: #66ccff url(img/bg-achievements.jpg) center top no-repeat; background-size: contain; padding: 2rem 0; }
	.achiev-list > li {display: block; text-align: center; padding: 1.5rem 1.5rem; background: #fff; box-sizing: border-box; border: 10px #fff solid; position: relative; width: 100%;}
	.achiev-list > li:before {content: " ";position: absolute;z-index: 1;top: 5px;left: 5px;right: 5px;bottom: 5px;
		border: 2px solid #00aaff;}
	.achiev-list > li + li {margin-top: 1rem;}
	.achiev-title {font-size: 1.5rem; margin-bottom: .5rem}
	.achiev-text {font-size: 1rem;}
}
@media (min-width: 1400px) {
	.section-achievements  {min-height: 1080px}
	.achiev-list > li {width: 373px; height: 314px; margin-top: 2rem; margin-bottom: 2rem;}
	.achiev-list > li + li {margin-left: 7rem}
	.achiev-list > li:nth-child(4) {margin-left: 0rem} /* новая строка */
	.achiev_list-area {flex-direction: column; justify-content: space-between; height: 200px}
	.achiev-title {font-size: 2rem;}

	.achiev-list > li .achiev-text {line-height: 1.1em; margin-top: .5rem;}
	.achiev-list > li br {display: block;} 
	.achiev-list > li:nth-child(1) .achiev-title {font-size: 50px; margin: 1rem auto 2rem;} 
	.achiev-list > li:nth-child(2) .achiev-title {font-size: 50px; margin: 3rem auto 2.75rem;} 
	.achiev-list > li:nth-child(4) .achiev-title {margin: 1rem auto 2rem;} 
}



.section-adv {background: #0b214b url(img/bg-adv.jpg) center center no-repeat; color: #fff; background-size: cover; box-sizing: border-box; padding: 5rem 0}
.adv-info {display: flex}
.adv-number {color: #010f3c; font-size: 6rem; text-align: center; width: 4rem; flex-shrink: 0; font-weight: bold; line-height: 1em}
.adv-descr {color: #fff; font-size: 2.25rem; line-height: 1.2em}
@media (max-width: 1399px) {
	.section-adv {background: #0b214b url(img/bg-adv.jpg) center top no-repeat; color: #fff; background-size: cover;  padding: 2rem 0}
	.adv-number {font-size: 2rem; color: rgba(255,255,255,.65); text-align: center; width: 3rem;}
	.adv-descr {color: #fff; font-size: 1rem; text-align: left;}
	.adv-info + .adv-info {margin-top: 2rem}
	.adv-info {text-align: center}
}
@media (min-width: 1400px) {
	.section-adv > .container {position: relative}
	.adv-info {width: 42rem; position: relative;}
	.adv-right {text-align: right; margin-left: auto; flex-direction: row-reverse;}
	.adv-right .adv-number {margin-left: 2rem}
	.adv-left .adv-number {margin-right: 2rem}
}



.section-prices {background: #43a9ff url(img/bg-prices.jpg) center center no-repeat; background-size: cover; box-sizing: border-box; padding: 5rem 0}
#prices-slider .swiper-pagination {background: #fff; border-radius: 33rem; border: 3px #00aaff solid; padding: .5rem; display: flex; justify-content: space-between}
#prices-slider .swiper-pagination .swiper-pagination-bullet {color: #00aaff; font-size: 1.1rem; font-weight: 500; width: auto; height: auto; border-radius: 1rem; flex: 1 1 auto;     padding: .5rem 1rem; background: transparent; opacity: 1; border: 1px transparent solid}
#prices-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {color: #fff; background: #00aaff; border-radius: 33rem}
#prices-slider .swiper-pagination .swiper-pagination-bullet:focus, #prices-slider .swiper-pagination .swiper-pagination-bullet:hover {border: 1px transparent solid}
@media (max-width: 1399px) {
	#prices-slider .swiper-pagination {background: #fff; border-radius: .1rem; display: block}
	#prices-slider .swiper-slide {overflow: hidden;/* height: 0px */}
	#prices-slider .swiper-slide.swiper-slide-active{height: auto}
	#prices-slider .price-img_area img {max-width: 16rem; max-height: 16rem; margin: auto}
}




.section-order1 {background: #071e40 url(img/bg-order1.jpg) center center no-repeat; background-size: cover; box-sizing: border-box; padding: 5rem 0}
body.page-inner .section-order1 {background: #001686 url(img/bg-order2.jpg) center center repeat-x; background-size: cover; box-sizing: border-box; padding: 5rem 0}
.section-order1 .section-title {color: #fff;}
.section-order1 hr {height: 1px; border: 0px}
.section-order1 hr.hr-left {background: url(img/hr-left.png) left center no-repeat;}
.section-order1 hr.hr-right {background: url(img/hr-right.png) right center no-repeat;}
.section-order1 .container {position: relative}
.mta-style .btn.btn-primary {background: #00aaff; color: #fff; border-radius: 33rem; text-transform: uppercase; font-size: 1.9rem}
form.mta-style .form-control::-webkit-input-placeholder, form.mta-style .form-control::-moz-placeholder,form.mta-style .form-control:-moz-placeholder, form.mta-style .form-control:-ms-input-placeholder {color:#fff !important;}
form.mta-style .form-control {background: rgba(255,255,255,.65); color: #fff; box-sizing: border-box; font-size: 1.9rem;border-radius: 0px; border: 3px #fff solid;}
	.section-order1 {position: relative}
@media (max-width: 1399px) {
	.section-order1 {padding: 2rem 0}
	.section-order1 hr {display: none}
	.mta-style .btn.btn-primary {display: block; width: 100%; font-size: 1.5rem}
	form.mta-style .form-control::-webkit-input-placeholder, form.mta-style .form-control::-moz-placeholder,form.mta-style .form-control:-moz-placeholder, form.mta-style .form-control:-ms-input-placeholder {color:#fff !important;}
	form.mta-style .form-control {font-size: 1.25rem;}
		#order_here {position: absolute; top: -4rem}
}
@media (min-width: 1400px) {
	.section-order1 {min-height: 1080px}
	#price1-girl {position: absolute; right: 0px; top: -6rem; z-index: 3}
	.section-order1 .form-group + .form-group {margin-top: 2rem}
	.section-order1 .btn.btn-primary {margin-top: 5rem; padding: 0rem 7rem; float: right}
	body.page-inner .section-order1 .btn.btn-primary {margin-top: 1rem;}
	body.page-inner .section-order1 {min-height: 1px; overflow: hidden;}
	body.page-inner .section-order1 .hr-right {display: none}
	.section-order1 .hr-left {margin-bottom: 3rem}
	.section-order1 .hr-right {margin-top: 11rem}
	#order_here {position: absolute; top: -10rem}
}


.section-economy { padding: 5rem 0 0 0; background: #fff url(img/bg-economy.jpg) center top no-repeat; background-size: cover; position: relative}
.section-economy .section-title {color: #003496}
.economy_bottom-area {background: #00aaff; color: #fff; padding: 3rem 0}
.economy-title {font-size: 1.5rem; font-weight: bold; text-transform: uppercase; text-align: center; line-height: 1.1em; margin-bottom: .5rem}
.economy-text {font-size: 1.25rem; line-height: 1.2em}
#economy-pig {margin: 1rem auto; display: block}
.section-economy img[class^="economy-line-"] {display:none; position: absolute; z-index: 0; bottom: 21rem; left: 50%;}
.economy_bottom-area .row > div {position: relative}
.economy_bottom-area .row > div:before {content: ''; position: absolute;background: url(img/icon-economy.png) center center no-repeat; background-size: contain}
#economy_hr {border-top: 3px #00aaff solid; position: absolute; top: -.5rem; left: 0px; right: 0px;}
@media (max-width: 1399px) {
	.economy_bottom-area {padding: 6rem 0 2rem}
	.economy_bottom-area .row > div + div {margin-top: 2rem;}
	.economy-text {font-size: 1rem; text-align: center}
	.economy_bottom-area .row > div {padding-top: .5rem; margin-bottom: 4rem}
	.economy_bottom-area .row > div:before {top: -3rem; left: 50%; margin-left: -9rem; width: 18rem; height: 3rem;}
	.economy_bottom-area .row > div:nth-child(4) {margin-bottom: 2rem}
	.section-economy {background: #fff; background-size: auto; }
	.economy_bottom-area .row > div:before {content: ''; position: absolute;background: url(img/icon-economy_mobile.png) center center no-repeat; background-size: contain}
	.economy_bottom-area {}
}
@media (min-width: 1400px) {
	.section-economy .section-title {padding-bottom: 1rem !important}
	#economy-pig {margin: 0rem auto 7rem}
	.economy_bottom-area .row > div {padding-top: 2rem; }
	.economy_bottom-area .row > div:before {top: -7rem; left: 50%; margin-left: -4rem; width: 8rem; height: 8rem;}
	.section-economy img[class^="economy-line-"] {display:block}
	.section-economy .economy-line-1 {margin-left: -33rem}
	.section-economy .economy-line-2 {margin-left: -11rem}
	.section-economy .economy-line-3 {margin-left: 7rem}
	.section-economy .economy-line-4 {margin-left: 10rem}
}


.section-works {background: #2663b0 url(img/bg-works.jpg) center center no-repeat; background-size: cover; box-sizing: border-box; padding: 5rem 0; color: #fff}
#works-slider .swiper-slide {color: #252525; background: #fff; padding: 1rem 5rem}
.work-slide {display: flex;}
.work-title {color: #00aaff; font-weight: bold; text-transform: uppercase; font-size: 2.3rem; line-height: 1.1em}
.work-icon_type {display: flex; flex-wrap: wrap; margin-bottom: 2rem; background: #00aaff; color: #fff; position: relative;}
.work-type_title {text-align: right; font-size: 1.5rem; text-transform: uppercase; position: absolute; bottom: .5rem; right: 1rem; font-weight: 500;}
.work-icon {width: 6rem; height: 6rem; flex-shrink: 0; padding: 1rem; margin-left: 1rem;}
.work-link {margin: 1rem 0; font-size: 2.5rem; line-height: 1.1em}
.work-link > a {color: #00aaff; text-decoration: none !important; border-bottom: 1px #00aaff solid;}
.work-descr {color: #808182; padding-top: 1rem}
.work_image-area {border: 2px #00aaff solid; overflow-y: scroll ; }
.work_image-area > img {margin:  auto}
.work_image-area::-webkit-scrollbar-track {border-radius: 3px;}
.work_image-area::-webkit-scrollbar {width: .33rem}
.work_image-area::-webkit-scrollbar-thumb {background-color: rgba(40,100,180,.0); transition: .5s all; cursor: default !important}
.work_image-area:hover::-webkit-scrollbar-thumb {background-color: rgba(0,100,180,1)}
.section-works .btn.btn-primary {background: #00aaff; color: #fff; border-radius: 33rem; text-transform: uppercase; font-size: 1.25rem; margin: 0 auto; padding: .5rem 1.5rem; margin-top: 2rem}
@media (max-width: 1399px) {
	.section-works {padding: 2rem 0}
	.work-slide {flex-direction:column}
	#works-slider .swiper-slide {padding: 1rem}
	.work-title {font-size: 2rem}
	.work-link {font-size: 1.5rem}
	.work_image-area {margin-top: 1rem; border: 0px; overflow: hidden; background: #f1f3f5}
	.work-descr {font-size: .85rem; display: none}
	.work_image-area.work_image-full {max-height: 25rem}
	.work_image-full {display: none}
	.work_image-mobile {display: flex; width: 100%}
	.work_image-mobile > img {margin: auto}
	#works-slider .swiper-button-next, #works-slider .swiper-button-prev {top: auto;}
}
@media (min-width: 1400px) {
	.work-slide {height: 640px; overflow: hidden;}
	.work_image-area {width: 48rem; padding: 0 2rem; height: 580px; flex-shrink: 0; margin-left: 2rem;display: flex }
	.work_image-full {display: block}
	.work_image-mobile {display: none}

}



.section-order2 {background: #001686 url(img/bg-order2.jpg) center center repeat-x; background-size: 100% 100%; box-sizing: border-box; padding: 5rem 0}
.section-order2 .section-title {color: #fff;}
.section-order2 {position: relative}

@media (min-width: 1400px) {
	.section-order2 {min-height: 1080px}
	#price2-girl {position: absolute; left: 50%; bottom: 0rem; z-index: 3; margin-left: -10rem}
	.section-order2 form .row + .row {margin-top: 2rem}
	.section-order2 .btn.btn-primary {margin-top: 5rem;  padding: 0rem 7rem}
}

#prices-slider .swiper-pagination {position: relative; bottom: auto; top: 0rem}
.price-block {background: #fff; text-align: center;}
.price-block.price-complex {padding-top: 1.5rem}
.price-img_area {display: flex; }
.price-complex .price-img_area {border: 4px solid #00aaff; margin: 0 1.5rem 1.5rem}
.price-img_area > img {margin: auto}
.price-complex .price-name_area {background: #00aaff; color: #fff; font-weight: 600; padding: .5rem;  text-transform: uppercase;}
.price-complex-1 .price-name_area {background: #99ddff;}
.price-complex-2 .price-name_area {background: #4cc3ff;}
.price-complex-3 .price-name_area {background: #00aaff;}
.price-complex .price-title_label {font-size: 24px; line-height: 1.1em}
.price-complex .price-title_name {font-size: 50px;  line-height: 1.1em}
.price-complex .price-value_area {padding: 2rem 1rem;}
.price-value {font-size: 42px;  line-height: 1.1em; color: #000; text-shadow: 0px 2px 0px #00aaff; font-weight: 600}
@media (max-width: 1399px) {

	#prices-slider .swiper-pagination .swiper-pagination-bullet {display: block; width: 100%}
	#prices-slider .swiper-wrapper {margin-top: 2rem}
	#prices-slider .swiper-slide > .row > div + div {margin-top: 2rem}
	.price-complex .price-title_name {font-size: 36px}
}
@media (min-width: 1400px) {
	.price-complex .price-img_area {height: 18rem}
	#prices-slider .swiper-wrapper {margin-top: 4rem}
	.price-block {height: 36rem}
	#prices-slider .swiper-slide {min-height: 40rem}
}


.price-seo {padding-top: 3rem}
.price-seo .price-name_area { font-weight: 600; padding: .5rem; text-transform: uppercase;}
.price-seo .price-title_label {font-size: 24px; line-height: 1.1em}
.price-seo .price-title_name {font-size: 24px;  line-height: 1.1em}
.price-seo .price-value_area {padding: 2rem 1rem;}
.price-seo .price-value {font-size: 42px;  line-height: 1.1em; color: #000; text-shadow: 0px 2px 0px #00aaff; font-weight: 600}
@media (max-width: 1399px) {
}
@media (min-width: 1400px) {
	.price-seo {padding-top: 3rem}
	.price-seo .price-name_area {padding: 2rem 1rem 3rem}
	.price-seo .price-value {padding-bottom: 3rem}
}


.price-context {padding-top: 3rem}
.price-context .price-img_area {margin: 0 1.5rem 1.5rem}
.price-context .price-name_area { font-weight: 600; padding: .5rem; text-transform: uppercase; background: #00aaff; color: #fff}
.price-context .price-title_label {font-size: 24px; line-height: 1.1em}
.price-context .price-title_name {font-size: 50px;  line-height: 1.1em}
.price-context .price-value_area {padding: 2rem 1rem; text-shadow: 0px 2px 0px #00aaff; font-weight: 600}
.price-context .price-value {font-size: 42px;  line-height: 1.1em; color: #000; }
.price-context .price-date {font-size: 30px;}
@media (max-width: 1399px) {
	.price-context .price-title_name {font-size: 36px}
	.price-context .price-date {font-size: 24px;}
}
@media (min-width: 1400px) {
	.price-context {padding-top: 3rem}
	.price-context .price-name_area {padding: 1rem; margin-top: 3rem}
	.price-context .price-value_area {margin-top: 2rem}
}



.price-sites {padding-top: 3rem}
.price-sites .price-img_area {margin: 0 1.5rem 1.5rem}
.price-sites .price-name_area { font-weight: 600; padding: .5rem; text-transform: uppercase;}
.price-sites .price-title_name {font-size: 24px;  line-height: 1.1em}
.price-sites .price-value_area {padding: 2rem 1rem; text-shadow: 0px 2px 0px #00aaff; font-weight: 600}
.price-sites .price-value {font-size: 36px;  line-height: 1.1em; color: #000; }
.price-sites .price-date {font-size: 30px;}
@media (max-width: 1399px) {
}
@media (min-width: 1400px) {
	.price-sites {padding-top: 3rem}
	.price-sites .price-name_area {padding: 1rem; margin-top: 3rem}
	.price-sites .price-value_area {margin-top: 2rem}
}




.tab-support {background: #fff}
.tab-support > .row {padding: 2rem}
.price-support {padding-top: 2rem; border: 4px #00aaff solid}
.price-support .price-img_area {margin: 0 1.5rem 1.5rem}
.price-support .price-name_area { font-weight: 600; padding: .5rem; text-transform: uppercase;background: #00aaff; color: #fff}
.price-support .price-title_label {font-size: 24px; line-height: 1.1em}
.price-support .price-title_name {font-size: 50px;  line-height: 1.1em}
.price-support .price-value_area {padding: 2rem 1rem; text-shadow: 0px 2px 0px #00aaff; font-weight: 600}
.price-support .price-value {font-size: 36px;  line-height: 1.1em; color: #000; }
.price-support .price-facts {font-size: 18px; text-align: left; margin: 0 0 0 2rem; padding: 0 1rem}
.price-support .price-facts li {line-height: 1.2em; font-weight: 500}
.tab-support .price-value_area {text-align: center}
@media (max-width: 1399px) {
	.price-support .price-title_name {font-size: 26px}
	.price-support .price-name_area {margin-bottom: 1rem}
}
@media (min-width: 1400px) {
	.tab-support {height: 36rem}
	.price-support {padding-top: 2rem}
	.price-support .price-name_area {padding: 1rem; margin-bottom: 1rem}
	.price-support .price-value_area {margin-top: 2rem}
	.price-block.price-support {height: 28rem}
	.tab-support .price-value_area {margin-top: 1rem}
}






.tab-analytics {position: relative}
.price-analytics {position: relative}
.price-analytics .price-img_area {margin: 0; display: block}
.price-analytics .price-img_area > img {margin: 1rem}
.price-analytics .price-name_area { font-weight: 600; padding: .5rem; text-transform: uppercase;background: #00aaff; color: #fff; text-align: left; position: absolute; right: 0px; top: 1rem; width: 14.5rem; height: 7.5rem; margin: 0px}
.price-analytics .price-title_name {font-size: 28px;  line-height: 1.1em}
.price-analytics .price-value_area {position: absolute; bottom: 1rem; right: 1rem; text-align: right; text-shadow: 0px 2px 0px #00aaff; font-weight: 600; margin: 0px}
.price-analytics .price-value {font-size: 36px;  line-height: 1.1em; color: #000; }
@media (max-width: 1399px) {
	.price-analytics .price-img_area > img {padding: 1rem; margin: 0px}
	.price-analytics + .price-analytics {margin-top: 2rem}
}
@media (min-width: 1400px) {
	#price-tabs_content .tab-analytics {height: 39rem; margin-top: 1rem; position: relative}
	.price-analytics {height: 16rem; width: 27.5rem; position: absolute; z-index: 1}
	.price-analytics-2 {top: 0rem; height: 22rem;}
	.price-analytics-2 .price-name_area  {top: 0rem; left: 0px; width: auto; right: 0px; height: auto; text-align: center}
	.price-analytics-2 .price-value_area  {text-align: center}
	.price-analytics-2 .price-value  {font-size: 50px}
	.price-analytics-2 .price-img_area > img {margin: 3rem auto .5rem}
	.price-analytics-5 {bottom: 0rem;}
	.price-analytics-2, .price-analytics-5 {left: 29rem;}
	.price-analytics-1, .price-analytics-3 {top: 3rem;}
	.price-analytics-4, .price-analytics-6 {bottom: 3rem;}
	.price-analytics-1, .price-analytics-4 {left: 0rem;}
	.price-analytics-3, .price-analytics-6 {right: 0rem;}
	.price-analytics .price-name_area {padding: 1rem;}
	.price-block.price-support {height: 28rem}
}




.tab-design {position: relative}
.price-design {position: relative}
.price-design .price-img_area {margin: 0; display: block}
.price-design .price-img_area > img {display: block; width: 100%; height: auto}
.price-design .price-name_area { font-weight: 600; text-transform: uppercase; text-align: left; position: absolute; left: 0px; right: 0px; top: 1rem; width: 100%; margin: 0px; text-align: center}
.price-design .price-title_name {font-size: 24px;  line-height: 1.1em}
.price-design .price-value_area {position: absolute; bottom: 1rem; right: 0rem; left: 0rem; text-align: right; text-shadow: 0px 2px 0px #00aaff; font-weight: 600; margin: 0px; text-align: center}
.price-design .price-value {font-size: 36px;  line-height: 1.1em; color: #000; }
@media (max-width: 1399px) {
	.price-design .price-img_area > img {padding: 1rem; margin: 0px}
	.price-design + .price-design {margin-top: 2rem}
}
@media (min-width: 1400px) {
	#price-tabs_content .tab-design {height: 39rem; margin-top: 1rem; position: relative}
	.price-design {height: 19rem; width: 19rem; position: absolute; z-index: 1}
	.price-design-1 {left: 0px;}
	.price-design-2 {left: 32rem;}
	.price-design-3 {right: 0rem;}
	.price-design-4 {left: 5rem;}
	.price-design-5 {right: 5rem;}
	.price-design-1, .price-design-3 {top: 0rem}
	.price-design-2 {top: 5rem}
	.price-design-4, .price-design-5 {bottom: 0rem}
	.price-block.price-support {height: 28rem}
}


#price-accordion {display: none;}
#price-accordion .card, #price-accordion .card-header  {border-radius: 0px; text-align: center; border: 1px #fff solid}
#price-accordion .card-header h5 {color: #003496; font-size: 1.4rem;}
#price-accordion .card-header .toggler {position: absolute; top: 0%; right: .25rem; transition: .5s all; opacity: .25; display: flex; width: 1.5rem; height: 1.5rem; margin-top: .75rem;}
#price-accordion .card-header .toggler i {font-size: 1.5rem !important; line-height: 1em !important;}
#price-accordion .card-header:not(.collapsed) .toggler {transform: rotate(180deg); opacity: 1; color: #18b7e0;}
#price-accordion .card + .card {border-top: 1px #dedede solid;}
#price-accordion .tab_close {font-weight: 600; text-transform: uppercase; padding: .5rem 1rem 1rem; text-align: center; margin: 0 auto; color: #18b7e0; text-decoration: underline; display: block;}


#works-slider .swiper-slide {border: 3px #00a8ff solid;}
.work-slide .work_text-area {position: relative;}
.work-slide .work-icon_type { margin-top: -1rem;}

#menu-services.affix {border-bottom: 1px #00aaff solid;}


@media (max-width: 1399px) {
	#prices-slider {display: none;}
	#price-accordion {display: block;}
	#price-accordion .collapse .col-12 + .col-12 {margin-top: 2rem;}
	#accordion .card {position: relative;}
	.collapse-anchor {top: -4rem; position: absolute;}
}
@media (min-width: 1400px) {
	#works-slider .swiper-slide {padding: 0rem 5rem;}
	#works-slider .swiper-slide .work_text-area {margin: 1rem 0rem; padding-right: 2rem; }
	#works-slider .swiper-slide .work_text-area .work-descr {max-height: 17.5rem; overflow: hidden; }
	#works-slider .swiper-slide .work_image-area {margin: 2rem 0rem;}
}



.section-map_clients {background: #01aaff url(img/bg-map_clients.jpg) center center no-repeat; background-size: cover; box-sizing: border-box; padding: 5rem 0; color: #003496}
.section-map_clients .section-title {color: #003496}
#map_clients-slider  {margin: 3rem 4rem}
#map_clients-slider .swiper-button-next {right: 0rem}
#map_clients-slider .swiper-button-prev {left: 0rem}
#map_clients-slider .swiper-slide { border-radius: .5rem}
#map_clients-slider .swiper-slide img {opacity: .25; border: 2px #fff solid; margin: auto; transition: .5s all; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
#map_clients-slider .swiper-slide.swiper-slide-active img {opacity: 1;  -webkit-filter: grayscale(0%); filter: grayscale(0%);}
#map_clients {position: relative;}
#map_clients .map_target {position: absolute; z-index: 1; display: flex; text-align: center; padding-bottom: 1rem; transition: .5s all; opacity: .75;}
#map_clients .map_target.active, #map_clients .map_target:hover {opacity: 1; z-index: 3}
#map_clients .map_target .target-title {width: 0px; height: 0px; overflow: hidden; font-size: 1rem; font-weight: 600; text-shadow: 0px 0px 2px #003496, 0px 0px 2px #003496, 0px 0px 2px #003496, 0px 0px 2px #003496, 0px 0px 2px #003496; color: #fff; line-height: 1em;}
#map_clients .map_target.active .target-title, #map_clients .map_target:hover .target-title { overflow: visible; width: auto; height: auto}
#map_clients .map_target .target {width: .5rem; height: .5rem; border-radius: 33rem; background: #00aaff; margin: .25rem .5rem .25rem .25rem; border: 2px #003496 solid}
#map_clients .map_target.active .target, #map_clients .map_target:hover .target {width: 1rem; height: 1rem; background: #f00;  margin: 0rem .25rem 0rem 0rem; }
#map_clients > img {margin: auto}
.map_clients-slide {background: #8ca7d9; padding: 0; text-align: center; border: .5rem #86bee9 solid}
.map_clients-slide:hover {border-color: #5582CE}
.map_clients-slide.swiper-slide-active {border-color: #2446b2}
#map_clients-nav {position: relative; top: -7.5rem; left: 0; right: 0; bottom: }
#map_clients-nav .btn-nav {}
.map_clients-slide .map_client-city {display: none;}

#novo {left: 70%; top: 30%}
#mosk {left: 57%; top: 27%}
#madr {left: 47%; top: 38%}
#toro {left: 26.25%; top: 33%}
#tula {left: 57%; top: 28%}
#nino {left: 60.5%; top: 26%}
#rndo {left: 58.5%; top: 34%}
#voro {left: 58%; top: 30%}
#spbg {left: 56%; top: 24.5%}


@media (max-width: 1399px) {
	.map_clients-slide .map_client-city {display: block; text-align: center; font-size: 1rem; font-weight: 600; color: #fff; background: #2446b2;}
	#map_clients {display: none;}
	.section-map_clients {padding: 5rem 0 2rem;}
	.section-map_clients {position: relative;}
	#map_clients-nav {position: absolute; top: 55%; bottom: auto;}
}

@media (min-width: 1400px) {
	.section-map_clients {min-height: 1080px}
}


body.page-inner .page-title {font-weight: bold; color: #00aaff;}
body.page-inner h1, body.page-inner h2, body.page-inner h3, body.page-inner h4, body.page-inner h5, body.page-inner h6 {text-align: center; font-weight: bold;} 
body.page-inner h1 { color: #00aaff;}
body.page-inner h2 {color: #0379c1; } 
body.page-inner h3, body.page-inner h4, body.page-inner h5, body.page-inner h6 {color: #074279; font-weight: 500;} 
@media (min-width: 1400px) {
	body.page-inner h1 {font-size: 42px;}
	body.page-inner h3 {font-size: 24px;}
}
.checkbox.checkform6 a, .checkbox.checkform6 a:hover {
  color:#FFF;
}