#circle {
	position: absolute;
	width: 200%;
	height: 110vh;
	right: 0px;
	margin-top: -9rem;
	z-index: 1;
	-webkit-transition: -webkit-transform 0.5s ease-out;
	-moz-transition: -moz-transform 0.5s ease-out;
	-o-transition: -o-transform 0.5s ease-out;
	transition: transform 0.5s ease-out;

	-moz-transform:rotate(-270deg);
    -webkit-transform:rotate(-270deg);
    -o-transform:rotate(-270deg);
    -ms-transform:rotate(-270deg);
    transform:rotate(-270deg);
}

#circle > img {width: 100%; height: 100%;}

div.home-content {
    position: absolute;
    z-index: 2;
    top: 14rem;
}

@media (max-width: 575.98px) {

	div.home-content {top: 0;}

}


@font-face {
font-family: 'Avenir Next Cyr Regular';
src: url('../fonts/AvenirNextCyr-Regular.eot');
src: url('../fonts/AvenirNextCyr-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/AvenirNextCyr-Regular.woff') format('woff'),
url('../fonts/AvenirNextCyr-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Avenir Next Cyr Bold';
src: url('../fonts/AvenirNextCyr-Bold.eot');
src: url('../fonts/AvenirNextCyr-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/AvenirNextCyr-Bold.woff') format('woff'),
url('../fonts/AvenirNextCyr-Bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Avenir Next Cyr Demi';
src: url('../fonts/AvenirNextCyr-Demi.eot');
src: url('../fonts/AvenirNextCyr-Demi.eot?#iefix') format('embedded-opentype'),
url('../fonts/AvenirNextCyr-Demi.woff') format('woff'),
url('../fonts/AvenirNextCyr-Demi.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
html, body {height: 100%;}
body {font-family: 'Avenir Next Cyr Regular', sans-serif;font-size: 15px;color: #191919; overflow: hidden;}
a {color:#191919;outline: none;}
a:hover, a:focus {color:#808080;outline: none;text-decoration: none;}
img { max-width:100%;border: none;}
strong {font-weight: normal;font-family: 'Avenir Next Cyr Bold', sans-serif;}
h1, .h1 {font-family: 'Avenir Next Cyr Bold', sans-serif;text-transform: uppercase;font-size: 8.125rem;line-height: 1;margin-bottom: 2rem;}
h2, .h2 {font-family: 'Avenir Next Cyr Bold', sans-serif;font-size: 3.75rem;text-transform: uppercase;}
h3, .h3 {font-family: 'Avenir Next Cyr Bold', sans-serif;font-size: 2.5rem;text-transform: uppercase;}
h4, h4 {font-family: 'Avenir Next Cyr Bold', sans-serif;font-size: 2rem;text-transform: uppercase;} 
h5, h5 {font-family: 'Avenir Next Cyr Bold', sans-serif;font-size:1.875rem} 
h6, h6 {font-family: 'Avenir Next Cyr Bold', sans-serif;font-size:1.75rem} 
@media (max-width: 575.98px) {
h1, .h1 {font-size: 3rem;}
h2, .h2 {font-size: 2rem;}
h3, .h3 {font-size: 1.5rem;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
h1, .h1 {font-size: 3.75rem;}
h2, .h2 {font-size: 3rem;}
h3, .h3 {font-size: 2.5rem;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
h1, .h1 {font-size: 4.125rem;}
h2, .h2 {font-size: 3rem;}
h3, .h3 {font-size: 2.5rem;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
h1, .h1 {font-size: 6.125rem;}
h2, .h2 {font-size: 3.75rem;}
h3, .h3 {font-size: 2.5rem;}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
h1, .h1 {font-size: 7rem;}
}
@media (min-width: 1400px) {
h1, .h1 {font-size: 8.125rem;}
}

h6.newstitle {font-size: 1.25rem;}
/* ---------- скелет сетки ---------- */
.wrap {z-index: 1;}
.wrap > .row {min-height: 100vh}
.content {background: #f0f0f0;padding-top: 100px;padding-bottom:2rem;}
.home-content {background: none;}
.home-aside {background:url(/images/circle.png) 100% -121px no-repeat;}
.aside {padding-top: 100px;}
/* модальные окна */
.modal-content {border:none;border-radius:0;}
.modal-header {border:none;border-radius:0;}
.modal-title {text-transform: uppercase;font-size: 60px;font-family: 'Avenir Next Cyr Bold', sans-serif;}
@media (max-width: 575.98px) {
.modal-title{font-size:30px;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.modal-title {font-size:40px;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.modal-lg {max-width: 660px;}
.modal-title {font-size:44px;}
}
@media (min-width:1200px) {
.modal-lg {max-width: 1100px;}
}
@media (min-width:1400px) {
.modal-lg {max-width: 1200px;}
}
@media (min-width:1600px) {
.modal-lg {max-width: 1472px;}
}
#contactModal .form-row > .contact-form__button {padding-top: 2rem;width:22.7%;}
#contactModal .form-row > .contact-form__col {}
#contactModal .btn {padding: .5rem 4.75rem;border-radius:22px;font-size: 1rem;}
#contactModal .input-group>.input-group-prepend>.input-group-text {border-bottom-right-radius: 22px;border-top-right-radius: 22px;width: 42px;text-align: center;font-size: 2rem;}
#contactModal .input-group>.input-group-prepend {margin-right: -22px;z-index: 3;}
#contactModal .custom-file-label {border-bottom-right-radius: 22px;border-top-right-radius: 22px;padding-left:1.5rem;}
#contactModal .custom-file-label:after {display: none;}
#contactModal .custom-file {margin-right: 1.25rem;}
.file-input__text {color:#a9a9a9;font-size: 1rem;line-height: 1.2;}
.file-input__text span {text-transform: uppercase;}
#contactModal .form-check-label {text-transform: none;color: #191919;}
#contactModal .file-block {margin-top: 3rem;}
#contactModal .custom-file-label:focus {-webkit-box-shadow: none;box-shadow: none;border-color:#191919;}
.contacts {text-transform: uppercase;font-size: 1rem;line-height: 1.2;margin: 2rem 0;}
.contacts-address {position: relative;padding:0 0 1rem 2.375rem}
.contacts-address:before {display: block;position:absolute;content:'';width: 21px;height: 33px;background:url(/images/sprite.png) 0 0 no-repeat;top: 0;left: 0;}
.contacts-phone {position: relative;padding:0 0 1rem 2.375rem}
.contacts-phone:before {display: block;position:absolute;content:'';width: 24px;height: 24px;background:url(/images/sprite.png) 0 -72px no-repeat;top: 0;left: 0;}
.contacts-mail {position: relative;padding:0 0 1rem 2.375rem}
.contacts-mail:before {display: block;position:absolute;content:'';width: 26px;height: 18px;background:url(/images/sprite.png) 0 -36px no-repeat;top: 0;left: 0;}
@media (max-width: 575.98px) {
#contactModal .form-row > .contact-form__col {width:100%;}
#contactModal .form-row > .contact-form__button {padding-top: 2rem;width:100%;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
#contactModal .form-row > .contact-form__col {width:100%;}
#contactModal .form-row > .contact-form__button {padding-top: 2rem;width:100%;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.modal-header {padding:2.6875rem 1rem 2rem 4.875rem;}
.modal-body {padding:0 4.875rem 1rem;}
#contactModal .form-row > .contact-form__col {width:100%;}
#contactModal .form-row > .contact-form__button {padding-top: 2rem;width:100%;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.modal-header {padding:2.6875rem 1rem 2rem 4.875rem;}
.modal-body {padding:0 4.875rem 1rem;}
#contactModal .form-row > .contact-form__col {width:100%;}
#contactModal .form-row > .contact-form__button {padding-top: 2rem;width:100%;}
}
@media (min-width:1200px) {
.modal-header {padding:2.6875rem 1rem 2rem 4.875rem;}
.modal-body {padding:0 4.875rem 1rem;}
#contactModal .form-row > .contact-form__col {width:38.65%;padding-right: 2rem;}
#contactModal .form-row > .contact-form__button {padding-top: 2rem;width:22.7%;}
}
@media (min-width:1400px) {
.modal-header {padding:2.6875rem 1rem 2rem 4.875rem;}
.modal-body {padding:0 4.875rem 1rem;}
#contactModal .form-row > .contact-form__col {width:38.65%;padding-right: 4.0625rem;}
#contactModal .form-row > .contact-form__button {padding-top: 2rem;width:22.7%;}
}
/* врезки */
.jumbotron {border-radius: 0;background: none;/*text-transform: uppercase;*/color: #989898;font-size: 1.5625rem;line-height: 1.5;font-family: 'Avenir Next Cyr Demi', sans-serif;padding: 0 0 8.625rem;}
/* кнопки */
.btn {margin-bottom:1.25rem;padding: .1875rem 1.5rem;border-radius:14px;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {outline: 0 !important;outline-offset: 0  !important;background-image: none  !important;-webkit-box-shadow: none !important;box-shadow: none  !important;}
.btn:focus, .btn:focus:active, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {outline:none;}
.btn-primary {background: #191919;border-color:#191919;color: #fff;font-family: 'Avenir Next Cyr Regular', sans-serif;font-size: 13px;text-transform: uppercase;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:focus:active, .btn-primary.active:focus, .btn-primary.focus, .btn-primary.focus:active, .btn-primary.active.focus {background: #808080;border-color:#808080;}
.btn-secondary {background: #aaa;border-color:#aaa;color: #fff;font-family: 'Avenir Next Cyr Regular', sans-serif;font-size: 13px;text-transform: uppercase;}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:focus:active, .btn-secondary.active:focus, .btn-secondary.focus, .btn-secondary.focus:active, .btn-secondary.active.focus {background: #191919;border-color:#191919;color: #fff;}
.btn-light {background: #fff;color: #303030;text-transform: uppercase;}
.btn-light:hover, .btn-light:focus, .btn-light:focus:active, .btn-light.active:focus, .btn-light.focus, .btn-light.focus:active, .btn-light.active.focus {}
.btn-info {background: #13a3ab;color: #fff;text-transform: uppercase;}
.btn-info:hover, .btn-info:focus, .btn-info:focus:active, .btn-info.active:focus, .btn-info.focus, .btn-info.focus:active, .btn-info.active.focus {}
.btn-link {}
.btn-lg {font-size:2.0625rem;border-radius:31px;padding:.375rem 1.5625rem .3125rem;/*font-family: 'Avenir Next Cyr Demi', sans-serif;*/}

.case-content .card .readmore, .case-content .card .btn {
	border-radius: 0 !important;
	border: 0 !important;
	border-color: none;
	margin-bottom: 0 !important;
	color: rgba(0,0,0,0) !important;
	background-color: none;

}

.case-content .card .page-header {
	padding: 1.5rem 3.5rem 1.5rem 1.625rem !important;
	display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;

    -webkit-transition: all ease .5s;
	-o-transition: all ease .5s;
	transition: all ease .5s;text-transform: uppercase;

}

.case-content .card .page-header h2 {
	font-size: 1.5625rem !important;
	color: #fff !important;
	
}

.case-content .card:hover .page-header {opacity: 1; background:rgba(244,156,30,.75);} 
/* формы */
.form-control {height: calc(2.25rem + 6px);padding: .4375rem .75rem;border-radius:22px;border: 3px solid #9e9e9e;margin-bottom: 1.25rem;}
.form-row label {font-size: 1rem;text-transform: uppercase;}
.form-control:focus {outline: none;border-color:#191919;-webkit-box-shadow: none;box-shadow: none;}
.custom-file-input:focus {outline: none;border-color:#191919;-webkit-box-shadow: none;box-shadow: none;}
.input-group-text {background-color: #9e9e9e;border-radius:22px;border: 3px solid #9e9e9e;height: calc(2.25rem + 6px);padding: .4375rem;color: #fff;}
.input-group-text:focus {outline: none;border-color:#191919;-webkit-box-shadow: none;box-shadow: none;}
.custom-file-label {height: calc(2.25rem + 6px);padding: .4375rem .75rem;border-radius:22px;border: 3px solid #9e9e9e;background: none;}
.custom-file-label:focus {outline: none;border-color:#191919;-webkit-box-shadow: none;box-shadow: none;}

/* ---------- шапка ---------- */
header {width: 100%;position: fixed;background: #fff;padding:0;z-index: 3;box-shadow: 0 4px 22px -8px rgba(0, 0, 0, 0.25);}
header .navbar {padding-top:.375rem;padding-bottom:.375rem;background: none;min-height: 100px;}
.head-logo {padding-bottom: .5rem;}
.navbar-brand img {max-width:217px;}
header .navbar .navbar-nav {font-family: 'Avenir Next Cyr Bold', sans-serif;text-transform: uppercase;line-height: 1.2;}
header .navbar-light .navbar-nav .nav-link {color:#808080;font-size:1.125rem;cursor:pointer;}
.navbar-nav .active>.nav-link {text-decoration: underline;}
header .navbar-light .navbar-nav .nav-link:hover, header .navbar-light .navbar-nav .nav-link:focus, header .navbar-light .navbar-nav .nav-link.active {color:#191919; text-decoration: underline;}
.navbar-light .navbar-toggler {color: #f0f0f0;border-color: #f0f0f0;background: #eaf1f8;border-radius:0;}
.navbar-light .navbar-toggler .navbar-toggler-icon {color: #191919;}
.navbar-light .navbar-toggler:hover, .navbar-light .navbar-toggler:focus {color: #fff;border-color: #808080;background: #808080;border-radius:0;}
.navbar-light .navbar-toggler:hover .navbar-toggler-icon, .navbar-light .navbar-toggler:focus .navbar-toggler-icon {color: #fff;}
.head-slogan {text-transform: uppercase;font-family: 'Avenir Next Cyr Bold', sans-serif;font-size: 18px;margin-left: auto;flex-basis:180px;line-height: 1.2;}

@media (max-width: 767.98px) {
.navbar-light .navbar-toggler {display: block;float: right;}
}
@media (min-width: 768px) {
header .navbar .navbar-nav {display: block;columns: 2;}
header .navbar-light .navbar-nav .nav-link {padding:0 102px 0 0;display: inline-block;}
}

@media (max-width: 575.98px) {
.head-logo img {max-width: 163px;}
}
@media (min-width: 576px) and (max-width: 767.98px) {

}
@media (min-width: 768px) and (max-width: 991.98px) {
header .navbar-expand-md .navbar-collapse {padding-bottom:.875rem;padding-left: 0;}
header .navbar .navbar-nav {display: block;columns: 2;}
header .navbar-light .navbar-nav .nav-link {padding:0 52px 0 0;display: inline-block;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.head-logo {padding-left:0;}
header .navbar-expand-md .navbar-collapse {padding-right: 4.75rem;padding-bottom:.875rem;padding-left: 0;}
header .navbar .navbar-nav {display: block;columns: 2;}
header .navbar-light .navbar-nav .nav-link {padding:0 102px 0 0;display: inline-block;}
}

@media (min-width: 1200px) {
.head-logo {padding-left: 3.1875rem;}
header .navbar-expand-md .navbar-collapse {padding-right: 4.75rem;padding-bottom:.875rem;padding-left: 0;}
header .navbar .navbar-nav {display: block;columns: 2;}
header .navbar-light .navbar-nav .nav-link {padding:0 102px 0 0;display: inline-block;}
}
/* ---------- Aside ---------- */
.aside {padding-top:8.5rem/*12.5rem*/;position: relative;}
.content {padding-top: 7.875rem/*11.875rem*/} 
@media (max-width: 767.98px) {
.aside {padding-top:7.5rem;}
.content {padding-top:2rem} 
}
@media (min-width: 1200px) {
.aside {padding-left: 4.125rem;position: relative;}
.aside .navbar-nav {padding-top: 2.25rem;}
.aside .navbar-nav.creative {max-width: 50%;}
}

.aside .navbar-nav.creative.list {max-width: 100%;}

.smaller {font-size: 1.2rem !important;	}

.aside .nav-item {font-size:1.875rem;}
.aside .nav-item .nav-link {font-size:1.75rem;padding-top: 0;padding-bottom: 0;line-height: 1.33;position: relative;}
.aside .creative .nav-item .nav-link {font-family: 'Avenir Next Cyr Bold', sans-serif;text-transform: uppercase;color: #909090;line-height: 1.2;padding-top: .5rem;padding-bottom: .5rem;}
.aside .creative .nav-item:nth-child(4n+1) .nav-link:hover, .aside .creative .nav-item:nth-child(4n+1) .nav-link.active {color: #13a3aa;}
.aside .creative .nav-item:nth-child(4n+2) .nav-link:hover, .aside .creative .nav-item:nth-child(4n+2) .nav-link.active {color: #7eba32;}
.aside .creative .nav-item:nth-child(4n+3) .nav-link:hover, .aside .creative .nav-item:nth-child(4n+3) .nav-link.active {color: #f49c1e;}
.aside .creative .nav-item:nth-child(4n+4) .nav-link:hover, .aside .creative .nav-item:nth-child(4n+4) .nav-link.active {color: #852b7c;}
.aside .creative .nav-item:nth-child(4n+1) .nav-link.active:before {display: block;content:'';width: 106px;height: 55px;background:url(/images/circle.png) 0 0 no-repeat; -webkit-background-size: cover;background-size: cover;position: absolute;left:-15px;top: 50%;margin-top: -27px;transform:rotate(-270deg)}
.aside .creative .nav-item:nth-child(4n+2) .nav-link.active:before {display: block;content:'';width: 55px;height: 106px;background:url(/images/circle.png) 100% 0 no-repeat; -webkit-background-size: cover;background-size: cover;position: absolute;left:-15px;top: 50%;margin-top: -52px;}
.aside .creative .nav-item:nth-child(4n+3) .nav-link.active:before {display: block;content:'';width: 106px;height: 55px;background:url(/images/circle.png) 0 100% no-repeat; -webkit-background-size: cover;background-size: cover;position: absolute;left:-15px;top: 50%;margin-top: -27px;transform:rotate(270deg)}
.aside .creative .nav-item:nth-child(4n+4) .nav-link.active:before {display: block;content:'';width: 55px;height: 106px;background:url(/images/circle.png) 0 100% no-repeat; -webkit-background-size: cover;background-size: cover;position: absolute;left:-15px;top: 50%;margin-top: -52px;transform:rotate(180deg)}

.aside .agency .nav-item .nav-link {font-family: 'Avenir Next Cyr Bold', sans-serif;text-transform: uppercase;color: #909090;line-height: 1.2;padding-top: .5rem;padding-bottom: .5rem;}
.aside .agency .nav-item:nth-child(4n+1) .nav-link:hover, .aside .agency .nav-item:nth-child(4n+1) .nav-link.active {color: #191919/*#f49c1e*/;}
.aside .agency .nav-item:nth-child(4n+2) .nav-link:hover, .aside .agency .nav-item:nth-child(4n+2) .nav-link.active {color: #191919/*#7eba32*/;}
.aside .agency .nav-item:nth-child(4n+3) .nav-link:hover, .aside .agency .nav-item:nth-child(4n+3) .nav-link.active {color: #191919/*#852b7c*/;}
.aside .agency .nav-item .nav-link.active:before {display: block;content:'';width: 55px;height: 106px;background:url(/images/circle-grey.png) 100% 0 no-repeat; -webkit-background-size: cover;background-size: cover;position: absolute;left:-15px;top: 50%;margin-top: -52px;}
.aside .agency .nav-item:nth-child(4n+1) .nav-link.active:before {background-image:url(/images/circle-grey.png);}
.aside .agency .nav-item:nth-child(4n+3) .nav-link.active:before {background-image:url(/images/circle-grey.png);}
@media (min-width: 768px) and (max-width: 991.98px) {
.aside-menu {position: fixed;max-width:230px;}
.aside .nav-item .nav-link {font-size:1.25rem;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.aside-menu {position: fixed;max-width:300px;}
}
@media (min-width: 1200px) {
.aside-menu {position: fixed;max-width:320px;}
.aside {padding-left: 5.125rem;}
.aside .creative .nav-item:nth-child(4n+1) .nav-link.active:before {left:-6.75rem;}
.aside .creative .nav-item:nth-child(4n+2) .nav-link.active:before {left:-5.125rem;}
.aside .creative .nav-item:nth-child(4n+3) .nav-link.active:before {left:-6.75rem;}
.aside .creative .nav-item:nth-child(4n+4) .nav-link.active:before {left:-5.125rem;}
.aside .agency .nav-item .nav-link.active:before {left:-4.125rem;}
}

@media (min-width: 1400px) {
.aside-menu {max-width:380px;}
.aside .nav-item .nav-link {font-size:1.475rem;}
}
/* подменю */
.asideMenu {display: block;padding: 0 0 1rem;}
.asideMenu .navbar-nav {flex-direction: column;}
.asideMenu .navbar-nav .nav-link {padding-left: 0;padding-right: 0;}
.asideMenu .navbar-nav .nav-link {color: #808080;}
.asideMenu .navbar-nav .nav-link:hover {color: #191919;}

@media (max-width: 575.98px) {
.asideMenu {padding: 0 1rem 1rem;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.asideMenu {padding: 0 1rem 1rem;}
.asideMenu .navbar-toggler {margin-top: 1.125rem;}
}
@media (max-width: 1199.98px) {
.aside .creative .nav-item:nth-child(4n+1) .nav-link.active:before {width: 58px;height: 28px;left:-46px;margin-top: -15px;}
.aside .creative .nav-item:nth-child(4n+2) .nav-link.active:before {width: 28px;height: 58px;left:-32px;margin-top: -29px;}
.aside .creative .nav-item:nth-child(4n+3) .nav-link.active:before {width: 58px;height: 28px;left:-46px;margin-top: -15px;}
.aside .creative .nav-item:nth-child(4n+4) .nav-link.active:before {width: 28px;height: 58px;left:-32px;margin-top: -29px;}
.aside .agency .nav-item .nav-link.active:before {width: 28px;height: 58px;left:-32px;margin-top: -29px;}
}
/* ---------- home ---------- */
.home-content {/*padding-top:6.25rem;*/ margin-top: -6.25rem;}
.home-links {padding:.25rem 0 0;margin: 0;}
.home-links__item {display: block;text-transform: uppercase;padding:.25rem 0 0;margin:0;}
.home-links__item a {display: inline-block;color: #aaa;text-decoration: none;font-size:7vh;font-family: 'Avenir Next Cyr Bold', sans-serif;-webkit-transition: all ease .5s;-o-transition: all ease .5s;transition: all ease .5s;line-height: 1;padding: 10px;}
.home-links__item a:hover {color: #191919;transform:scale(1.2); padding: 2rem 0;}
@media (max-width: 575.98px) {
.home-links__item a {font-size:32px;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.home-links__item a {font-size:44px;}
}

/*@media (min-width: 1366px) and (max-width: 1919.80px){
.home-links__item > a {font-size: 3.0875rem !important; }
}*/

/*@media (min-width: 1920px) {
.home-links__item > a {font-size: 7vh !important; }
}*/

@media (max-width: 575.98px) { ... }

@media (min-width: 576px) and (max-width: 767.98px) { ... }

@media (min-width: 768px) and (max-width: 991.98px) { ... }

@media (min-width: 992px) and (max-width: 1199.98px) { ... }

@media (min-device-width: 1366.1px) { .home-links {margin-top: 10%;} }

/* ---------- Services ---------- */
.service-content {}
.service-content h1, .service-content h6 {color: #7eba32;}
.service-content.tech h1, .service-content.tech h6 {color: #13a3aa;}
.service-content.crazy h1, .service-content.crazy h6 {color: #f49c1e;}
.service-content.events h1, .service-content.events h6 {color: #852b7c;}
.service-item {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;justify-content: space-between;align-items: stretch;margin-bottom: 5.75rem;}
.service-item__title {}
.service-item__desc {font-size: 1.5625rem;}
.service-item__count {font-family: 'Avenir Next Cyr Bold', sans-serif;color:#7eba32;font-size:280px;line-height: 280px;margin-top: -34px;text-align: left;order: -1}
.tech .service-item__count {color:#13a3aa;}
.crazy .service-item__count {color:#f49c1e;}
.events .service-item__count {color:#852b7c;}
.service-item:nth-child(2n+2) .service-item__count  {order:1;text-align: right;}
.parallax-1 {background:url(/images/bg-service-2.png) 0 0 no-repeat;width: 489px;height: 752px;position: fixed;top: 480px;right: 0;z-index: 1;}
.parallax-2 {background:url(/images/bg-service-1.png) 0 0 no-repeat;width: 423px;height: 668px;position: fixed;top: 460px;right: 0;z-index: 1;}
.tech .parallax-1 {background-image:url(/images/bg-service-5.png);}
.tech .parallax-2 {background-image:url(/images/bg-service-11.png);}
.crazy .parallax-1 {background-image:url(/images/bg-service-3.png);}
.crazy .parallax-2 {background-image:url(/images/bg-service-12.png);}
.events .parallax-1 {background-image:url(/images/bg-service-4.png);}
.events .parallax-2 {background-image:url(/images/bg-service-14.png);}
.crezy_a {display: inline-block;transform:rotate(180deg);}

.aside {overflow: hidden;}

@media (max-width: 575.98px) {
.service-item__count {font-size:120px;line-height: 120px;margin-top: -14px;}
.service-item__desc {font-size: 1.25rem;}
}
@media (max-width: 991.98px) {
.parallax-1, .parallax-2 {display: none;}
}
@media (min-width: 992px) and (max-width: 1399.98px) {
.service-content .content-text {z-index: 2;position: relative;}
.parallax-1 {width: 326px;}
.parallax-2 {width: 282px;}
}
@media (min-width: 1200px) {
.aside {padding-left: 5.125rem; }
.service-content {position: relative;}
.service-content .content-text {padding-left: 5rem;z-index: 2;position: relative;}
.service-item__title {}
}
/* ---------- Cases ---------- */
.case-content {}
.case-content .page-header h2 {text-transform: uppercase;}
.content-cases {
	margin-left: -15px;
    margin-right: -15px;
    margin-top: -1.6rem;
}
.content-case {font-size: 1.25rem;}
.content-cases .card {border-radius:0;border:none;background-size:cover;background-position:50% 50%; background-repeat:no-repeat;flex-basis:99.9999%;height: 300px;overflow: hidden;}
.content-cases .card a {
	display: block;
	position: absolute;
	left: 0;right: 0;top: 0;bottom: 0;
	opacity: 0;
	/*-webkit-transition: all ease .5s;
	-o-transition: all ease .5s;
	transition: all ease .5s;text-transform: uppercase;*/
	color: #fff;
	font-size: 1.5625rem;
	padding:1.5rem 3.5rem 1.5rem 1.625rem;
	font-family: 'Avenir Next Cyr Bold', sans-serif;}
.content-cases .card:hover a {
	/*background:rgba(244,156,30,.75);*/
	/*opacity: 1;*/}
.case-caption {font-size: 1.25rem;padding-top: 1.25rem;}
.case-title {padding-top: 2.25rem;font-family: 'Avenir Next Cyr Bold', sans-serif;font-size:1.875rem}
.content-case p {margin-bottom: 1.25rem;}

.content-case h1 {font-size: 4.125rem;}
.content-case h2 {font-size: 2.75rem;}
.content-case h3 {font-size: 2.25rem;}
.content-case h4 {font-size: 1.75rem;}

@media (max-width: 575.98px) {
}
@media (min-width: 576px) and (max-width: 767.98px) {
.content-cases .card {height: 300px;flex-basis:99.9999%;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.content-cases .card {height: 300px;flex-basis: 49.9999%;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.content-cases .card {height: 242px;flex-basis: 33.3333%;}
}
@media (min-width: 1200px) {
.content-cases, .content-case {/*padding-right: 4.75rem;padding-left: 5rem;*/}
.content-cases .card {height: 245px;flex-basis: 33.3333%;}
}
@media (min-width: 1400px) {
.content-cases .card {height: 300px;flex-basis: 33.3333%;}
}
/* ---------- Agency ---------- */
/*.agency-aside {background: #202020;color: #fff;}
.agency-aside h2 {color: #fff;}
.agency-content {background: #303030;color: #fff;}*/
#we, #you, #together {position: relative;}
.agency-content .we-title {color: #f49c1e;}
.agency-content .you-title {color: #7eba32;}
.agency-content .together-title {color: #852b7c;}
.content-agency .card {border-radius:0;border:none;background: none;position: relative;}
.content-agency .card .card-body {/*padding: 0 0 3.75rem 3.625rem;*/font-size: 1.2rem/*1.5625rem*/;}
/*.we-row .card .card-body:before {display: block;content:'';height: 23px;width: 23px;border-radius:50%;background: #f49c1e;position: absolute;left: 0;top:5px;}
.you-row .card .card-body:before {display: block;content:'';height: 23px;width: 23px;border-radius:50%;background: #7eba32;position: absolute;left: 0;top:5px;}
.together-row .card .card-body:before {display: block;content:'';height: 43px;width: 43px;background:url(/images/bullet_together.png) 0 0 no-repeat;position: absolute;left: 0;top:5px;}*/

/*.you-row > div {border-left: solid 2px #7eba32; margin-bottom: 5rem;}
.we-row > div {border-left: solid 2px #f49c1e; margin-bottom: 5rem;}
.together-row > div {border-left: solid 2px #852b7c; margin-bottom: 5rem;}*/

div.agency-content {
    background-image: url(/images/circle-50.png);
    background-position: center;
    background-repeat: no-repeat;

	margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: -25px;
    margin-bottom: -30px;
    padding-top: 25px;
    padding-bottom: 30px;
}

@media (max-width: 575.98px) {

/*.you-row > div {border-left: solid 5px #7eba32; margin-bottom: 5rem;}
.we-row > div {border-left: solid 5px #f49c1e; margin-bottom: 5rem;}
.together-row > div {border-left: solid 5px #852b7c; margin-bottom: 5rem;}*/

div.ui > div.column {min-width: 360px;}

}

@media (min-width: 576px) and (max-width: 768px) { 

div.ui > div.column {min-width: 250px;}

}

@media (min-width: 1200px) {
.content-agency {padding-right: 4.75rem;padding-left: 5rem;}
}
.agency {}
/* ---------- Blog ---------- */
.content-blog {position: relative;}
.content-blog .card {border-radius:0;border:none;background:#fff;margin-bottom: 2rem;width:100%;max-width:100%;min-width:100%;}
.content-blog .card .card-img {border-radius:0;background-size:cover;background-position:50% 50%; background-repeat:no-repeat;height: 290px;overflow: hidden;}
.content-blog .card .card-title, .content-blog .card .page-header h2 {font-family: 'Avenir Next Cyr Bold', sans-serif;font-size: 1.3125rem;margin-bottom: 1.25rem;}
.content-blog .card .card-body {line-height: 1.2;padding: 1.875rem;}
.content-blog .card .card-footer {background: none;border-radius:0;border:none;padding:0 1.875rem .75rem;}
.blog-title {font-size: 1.875rem;margin-bottom: .25rem;}
.blog-date {font-size: 1.25rem;color: #909090;}
.blog-text {font-size: 1.25rem;padding-top: 2rem;}
.blog-list__title {font-family: 'Avenir Next Cyr Bold', sans-serif;font-size:1.875rem;margin-bottom: 2.75rem;}  
.blog-list {margin-bottom: 2.5rem;}
.blog-link {font-size: 1.25rem;margin-bottom: .5rem;font-family: 'Avenir Next Cyr Bold', sans-serif;}

/*.blog .page-header h2 {text-transform: none !important;}*/
@media (min-width: 576px) and (max-width: 767.98px) {
.content-blog .card .card-img {height: 250px;}
.content-blog .card {width:calc(49.9999% - 30px);max-width: calc(49.9999% - 30px);min-width: calc(49.9999% - 30px);}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.content-blog .card .card-img {height: 224px;}
.content-blog .card {width:calc(49.9999% - 30px);max-width: calc(49.9999% - 30px);min-width: calc(49.9999% - 30px);}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.content-blog .card .card-img {height: 188px;}
.content-blog .card {width:calc(33.3333% - 30px);max-width: calc(33.3333% - 30px);min-width: calc(33.3333% - 30px);}
}
@media (min-width: 1200px) {
.content-blog {padding-right: 4.75rem;padding-left: 5rem;position: relative;}
.content-blog .card .card-img {height: 225px;}
.content-blog .card {width:calc(33.3333% - 30px);max-width: calc(33.3333% - 30px);min-width: calc(33.3333% - 30px);}
}
@media (min-width: 1400px) {
.content-blog .card .card-img {height: 380px;}
.blog-item {padding-right: 4.6875rem;}
}
/* _________________________________ */

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 1.25rem !important;
    border-bottom-left-radius: 1.25rem !important;
}

.page-item:last-child .page-link {
    border-top-right-radius: 1.25rem !important;
    border-bottom-right-radius: 1.25rem !important;
}

.page-item.active .page-link {
	background-color: #191919;
	border-color: #191919; 
	color:#fff !important;
}

.page-link {color: #191919 !important;}

/*+++++++++++++++++++++++++++++++++++++++++++*/
input, textarea {
	border-radius: 30px !important;
	border: 3px solid;
}

#button7 {
	border-radius: 30px !important;
	padding: .5rem 1.5rem;
}

#file25 {border: none !important;}
/*+++++++++++++++++++++++++++++++++++++++++++*/


@media (min-width: 768px) and (max-width: 1081px) {
	.home-links__item a {font-size: 3.2rem;}
}

/* _________________________________ */
@media (max-width: 575.98px) {
}
@media (min-width: 576px) and (max-width: 767.98px) {
}
@media (min-width: 768px) and (max-width: 991.98px) {
}
@media (min-width: 992px) and (max-width: 1199.98px) {
}
@media (min-width: 1200px) {
}

.ui.form .required.field>.checkbox:after, .ui.form .required.field>label:after, .ui.form .required.fields.grouped>label:after, .ui.form .required.fields:not(.grouped)>.field>.checkbox:after, .ui.form .required.fields:not(.grouped)>.field>label:after {
    margin: -.2em 0 0 .2em;
    content: '*';
    color: #191919;
}

.case-item {
    padding-right: 4.75rem;
    padding-left: 5rem;
}
h1.case-title {
	font-size: 1.875rem;
    margin-bottom: .25rem;
}