/* typography */

h1, h2, h3, h4, h5 {font-family: 'RF Dewi Extended';}

/* btn, links */

.btn {border-radius: 2rem; font-family: 'RF Dewi Extended'; padding: .5rem .75rem;}
.btn-ut {background-color: #ff5a1a; color: #fff; font-size: .675rem; text-transform: uppercase; font-weight: 700;}
.btn-ut > .svg-inline--fa {margin-left: 2rem;}

.btn-green {background-color: #83CA00; color: #fff; font-size: .675rem; text-transform: uppercase; font-weight: 700;}
.btn-green > .svg-inline--fa {margin-left: 2rem;}

/* forms */

.form-control {border-radius: 3rem; padding: 0.75rem 1rem;}
.form-control::placeholder {color: #241021;}

/* main */

header {height: 90px; position: relative; display: flex; align-items: center; z-index: 1;}

.ut-logo {margin-right: 3rem;}
.ut-logo img {max-width: 100%;}

.ut-m-header {margin-top: -90px; padding-top: calc(90px + 4rem); padding-bottom: 8rem;}

.ut-menu {display: flex; align-items: center; justify-content: flex-end;}

.ut-menu-inner {background-color: #fff; border-radius: 2rem; padding: .45rem 1.75rem;}

.ut-menu-link {font-size: .675rem; font-weight: 700; color: #000; text-transform: uppercase; text-decoration: none; font-family: 'RF Dewi Extended'; position: relative; top: -1px;}
.ut-menu-link:hover {color: #ff5a1a;}
.ut-menu-link + .ut-menu-link {margin-left: 2rem;}

.ut-m-header {margin-top: -90px; padding-top: calc(90px + 4rem); padding-bottom: 6rem;}

.ut-hello {position: relative; height: 100vh; display: flex; flex-direction: column; justify-content: flex-end; background-size: cover; background-position: center; color: #fff;}
.ut-hello h1 {font-size: 2.25rem; line-height: 2.75rem; font-weight: 700;}
.ut-hello:after {content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.ut-hello:after {
	background: rgb(107,158,157);
	    background: linear-gradient(180deg, rgba(107,158,157,0) 0%, rgb(0 0 0 / 40%) 50%, rgb(0 0 0 / 50%) 100%);
}
.ut-hello > * {z-index: 1;}

.ut-hello .ut-sticker {position: absolute; top: 50%; right: 30%;}

.ut-first-descriptor {font-size: 1.125rem; font-weight: 600; font-family: 'RF Dewi Extended';}

.ut-social {display: flex; align-items: center; margin-bottom: 1rem;}

.ut-social-link {color: #fff; text-decoration: none; font-size: 1.75rem; display: flex; align-items: center;}
.ut-social-link img {max-width: 100%; height: 1.6rem;}
.ut-social-link + .ut-social-link {margin-left: 1rem;}
.ut-social-link:hover {color: #fff; opcity: .8;}

.ut-projects {padding: 4rem 0;}
.ut-projects h2 {font-weight: 700; font-size: 3rem; line-height: 3rem;}

.ut-projects-description {}

.ut-projects-slider {padding: 2rem;}

.ut-projects-project {background-color: #fff; box-shadow: 0 0 2rem rgb(0 0 0 / 10%); border-radius: 2rem; overflow: hidden;}

.ut-projects-title {font-family: 'RF Dewi Extended'; font-weight: 800; margin-bottom: .5rem;}

.ut-projects-param {font-size: .875rem;}
.ut-projects-param > span {font-weight: bold; margin-left: .5rem;}

.ut-projects-image img {max-width: 100%;}

.ut-projects-flex {padding: 1rem 2rem; display: flex; flex-flow: row nowrap; justify-content: space-between;}

.ut-projects-left {flex: 4;}

.ut-projects-rigth {flex: 1;}
.ut-projects-rigth img {max-width: 100%;}

.ut-controls {display: flex; align-items: center;}
.ut-controls > span + span {margin-left: .5rem;}
.ut-controls > span.tns-nav-active {background-color: #004ba0;}

.ut-next, .ut-prev {width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; background-color: #0077FF; border-radius: 3rem; color: #fff; cursor: pointer;}

.ut-release {padding: 4rem 0;}
.ut-release h2 {font-weight: 700; font-size: 3rem; line-height: 3rem; text-align: center; margin-bottom: 3rem;}

.ut-release-main {margin-bottom: 1rem; height: 357px; border-radius: 2.5rem; overflow: hidden;}
.ut-release-main img {max-width: 100%;}

.ut-release-mtitle {font-family: 'RF Dewi Extended'; font-weight: 700; margin-bottom: 2rem;}

.ut-video-item {margin-bottom: 2rem;}

.ut-release-video {margin-bottom: 1rem; border-radius: 2rem; overflow: hidden;}
.ut-release-video img {max-width: 100%;}

.ut-release-title {padding: 0 1rem; font-size: .875rem; font-family: 'RF Dewi Extended'; font-weight: 700; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: clip; display: -webkit-box;}

.ut-followers {padding: 8rem 0; color: #fff; background-position: center bottom 45%; background-size: cover; /* temp */ position: relative; z-index: 2; /* temp */}
.ut-followers h2 {font-weight: 700; font-size: 3rem; line-height: 3rem; text-transform: inherit; margin-bottom: 3rem; text-align: center;}
.ut-followers:before 
{
	content: '';
    display: block;
    background-color: transparent;
    border-top: 60px solid #ffffff;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
    position: absolute;
    top: 0;
}
.ut-followers:after 
{
	content: '';
    display: block;
    background-color: transparent;
    border-bottom: 60px solid #ffffff;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
    position: absolute;
    bottom: 0;
}

.ut-followers .ut-sticker {position: absolute; top: -5%; right: 10%;}

.ut-followers-users {font-weight: 900; font-size: 6.75rem; text-align: center;}

.ut-followers-caption {font-size: 1rem; font-weight: bold;}

.ut-followers-value {font-size: 2.25rem; font-weight: 900;}

.ut-digital {padding-bottom: 12rem;}
.ut-digital h2 {text-align: center; font-weight: 700; font-size: 3rem; line-height: 3rem; margin-bottom: 4rem;}

.ut-native {padding-bottom: 6rem; background-color: #f5f5f5; position: relative;}
.ut-native:before
{
	content: '';
    display: block;
    width: 100%;
    height: 9rem;
    background-color: #f5f5f5;
    transform-origin: 0 0;
    transform: skew(0deg, -3deg);
    position: absolute;
    top: -4rem;
    z-index: 0;
}
.ut-native:after
{
	content: '';
    display: block;
    background-color: transparent;
    border-top: 60px solid #f5f5f5;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
    position: absolute;
    bottom: -60px;
}
.ut-native h2 {text-align: center; font-weight: 700; font-size: 3rem; line-height: 3rem; margin-bottom: 4rem; position: relative;}
.ut-native h2 > green {color: #83CA00; display: block;}

.ut-tariff {background-color: #fff; border: 1px solid #241021; border-radius: 2rem; padding: 2rem;}
.ut-tariff .btn {padding: 0.65rem 3.75rem;}
.ut-tariff.ut-black {background-color: #241021; color: #fff;}
.ut-native .ut-sticker {position: absolute; bottom: 1%; left: 15%;}

.ut-digital .row > div:first-child, .ut-digital .row > div:last-child {margin-top: 4rem;}

.ut-native .row > div {margin-top: 4rem;}
.ut-native .row > div:first-child, .ut-native .row > div:last-child {margin-top: 0;}

.ut-tariff-flex {display: flex; flex-flow: row nowrap; align-items: baseline; justify-content: space-between;}

.ut-tariff-title {font-size: 1.5rem; line-height: 1.75rem; font-weight: 800; font-family: 'RF Dewi Extended'; margin-bottom: 1.5rem; flex: 5;}

.ut-tariff-logo {flex: 1;}
.ut-tariff-logo img {max-width: 100%;}

.ut-tariff-price {font-size: 2.875rem; font-family: 'RF Dewi Extended'; font-weight: 900; padding-bottom: 1.25rem; margin-bottom: 3rem; border-bottom: 1px solid #d9d9d9;}
.ut-tariff-price > span {font-size: 2.25rem; font-weight: 700;}
.ut-tariff-price > span:first-child {margin-right: .5rem;}
.ut-tariff-price > span:last-child {margin-left: .5rem;}

.ut-black .ut-tariff-price {border-bottom: 1px solid #3b2738;}

.ut-tariff-services {margin-bottom: 2rem;}
.ut-tariff-service {font-size: 1.5rem; display: flex; align-items: baseline; position: relative;}
.ut-tariff-service > sm {font-size: 1rem;}

.ut-native .ut-tariff-service {font-size: 1rem; line-height: 1.25rem; margin-bottom: 1rem;}

.ut-tariff-service .svg-inline--fa {padding: 0.45rem; border-radius: 1rem; margin-right: 0.5rem; position: relative; top: 4px;}

.ut-digital .svg-inline--fa {background-color: #ff5a1a;}
.ut-native .svg-inline--fa {font-size: 1.5rem; background-color: #83CA00; top: 7px;}

.ut-tariff-description {font-weight: bold; margin-bottom: 1rem; line-height: 1.25rem;}

.ut-tariff-image {margin-bottom: 1rem;}
.ut-tariff-image img {max-width: 55%;}

.ut-tariff-addition {margin-bottom: 2rem; line-height: 1.25rem;}
.ut-tariff-addition > label {font-weight: bold;}

.ut-tariff-asterisk {color: #7B92AC; font-size: .875rem; margin-bottom: 1rem; display: flex; flex-flow: row nowrap;}
.ut-tariff-asterisk:before {content: '*'; display: block; margin-right: 0.25rem;}

.ut-partners {padding-top: 6rem; position: relative; z-index: 2;}
.ut-partners h2 {font-weight: 700; font-size: 3rem; line-height: 3rem; margin-bottom: 1rem;}

.ut-partners-description {margin-bottom: 3rem;}

.ut-partners-logos {display: flex; flex-flow: row wrap; align-items: center; justify-content: center;}

.ut-partners-logo {flex: 0 0 16.6666666667%; padding: 1rem 3rem; text-align: center;}
.ut-partners-logo img {max-width: 100%;}

.ut-contacts {padding-top: 8rem; background-size: cover; background-position: center; color: #fff; position: relative;}
.ut-contacts:after {content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgb(0 0 0 / 65%);}
.ut-contacts:before {content: ''; display: block; width: 100%; height: 9rem; background-color: #fff; transform-origin: 0 0; transform: skew(0deg, 3deg); position: absolute; top: -7rem; z-index: 1;}
.ut-contacts > .container {position: relative; z-index: 1;}
.ut-contacts h2 {font-weight: 700; font-size: 3rem; line-height: 3rem; margin-bottom: 1rem;}
.ut-contacts .ut-sticker {position: absolute; right: 5%; top: -12%;}

.ut-contacts-description {margin-bottom: 3rem; font-weight: 400; line-height: 1.35rem;}

.ut-contacts-form .row {margin-left: -.25rem; margin-right: -.25rem;}
.ut-contacts-form .row > [class^="col-"] {padding-left: .25rem; padding-right: .25rem;}
.ut-contacts-form label {font-size: 1rem; font-weight: 400;}
.ut-contacts-form button {text-align: left; font-size: .85rem; padding: 0.75rem 1rem;}

.btn-check:active + .btn-primary, 
.btn-check:checked + .btn-primary, 
.btn-primary.active, 
.btn-primary:active, 
.show > .btn-primary.dropdown-toggle {background-color: #ea5555; border-color: #ea5555; color: #fff;}

.ut-contacts-tags {display: flex; flex-flow: row wrap; margin-left: -.25rem; margin-right: -.25rem; margin-bottom: 2rem;}
.ut-contacts-tag {padding-left: .25rem; padding-right: .25rem; margin-bottom: .5rem;}
.ut-contacts-tag .btn {font-size: .575rem; font-weight: 700; text-transform: uppercase;}

.ut-contacts-terms {font-weight: 400; font-size: .875rem; line-height: 1.25rem; margin-bottom: 1.5rem;}

.ut-contacts-contacts {margin-bottom: 3rem;}

.ut-contacts-name {font-weight: 400;}

.ut-contacts-position {font-size: .875rem; color: #645C99; font-weight: 400;}

.ut-contacts-item > a {font-weight: 400; color: #fff; text-decoration: none;}

.ut-contacts-title {margin-bottom: 1rem;}

.ut-hs-link {font-size: 1.5rem; color: #fff; text-decoration: none; display: flex;}
.ut-hs-link:hover {color: #fff; opacity: .6}
.ut-hs-link img {max-width: 100%; height: 1.3rem;}
.ut-hs-link + .ut-hs-link {margin-left: 1rem;}

.ut-contacts-flex {display: flex; align-items: center;}

.ut-contacts-requisites {margin-top: 3rem; font-size: .875rem;}

.ut-contacts-title {font-family: 'RF Dewi Extended'; font-weight: 600;}

.ut-contacts-phone {margin-bottom: 3rem;}
.ut-contacts-email > a, .ut-contacts-phone > a {color: #fff; text-decoration: none;}
.ut-contacts-email > a:hover, .ut-contacts-phone > a:hover {opacity: .8;}

.ut-footer {margin-top: 5rem; padding: 1rem 0;}
.ut-footer img {max-width: 100%;}

.ut-footer-flex {display: flex; align-items: center;}

.ut-footer-logo {flex: 1;}

.ut-footer-copyright {flex: 30; margin-left: 1rem; font-size: .875rem;}

.moskvin-fly-social {position: fixed; bottom: 2rem; z-index: 1000;}

@media (min-width: 576px)
{
    .moskvin-fly-social {right: calc((100% - 540px) / 2);}
}
@media (min-width: 768px) 
{
    .moskvin-fly-social {right: calc((100% - 720px) / 2);}
}
@media (min-width: 992px) 
{
    .moskvin-fly-social {right: calc((100% - 960px) / 2);}
}
@media (min-width: 1200px)
{
    .moskvin-fly-social {right: calc((100% - 1140px) / 2);}
}
@media (min-width: 1400px)
{
    .moskvin-fly-social {right: calc((100% - 1320px) / 2);}
}

.moskvin-fly-list {display: none;}
.moskvin-fly-list > a {width: 50px; height: 50px; border-radius: 50px; font-size: 1.5rem; display: flex; align-items: center; justify-content: center; text-decoration: none; color: #fff; margin-bottom: 1rem;}

.fly-fa-instagram {
    background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
}

.fly-fa-whatsapp {background: #00e676;}
.fly-fa-vk {background: rgb(39, 135, 245);}
.fly-fa-telegram-plane {background: #24a3e0;}
.fly-fa-odnoklassniki {background: #ee8209;}

.moskvin-fly-toggler {display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; font-size: 1.5rem; border-radius: 50px; background-color: #ea5555; color: #fff; text-decoration: none; animation: pulse 2s infinite;}
.moskvin-fly-toggler:hover {color: #fff;}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(234, 85, 85, 0.8);
  }
  70% {
      -webkit-box-shadow: 0 0 0 .75rem rgba(234, 85, 85, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(234, 85, 85, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(234, 85, 85, 0.8);
    box-shadow: 0 0 0 0 rgba(234, 85, 85, 0.8);
  }
  70% {
      -moz-box-shadow: 0 0 0 .75rem rgba(234, 85, 85, 0);
      box-shadow: 0 0 0 .75rem rgba(234, 85, 85, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(234, 85, 85, 0);
      box-shadow: 0 0 0 0 rgba(234, 85, 85, 0);
  }
}

#utPlayer {
    position: relative;
    z-index: -100;
}

.ut-modal .btn-close {
	position: absolute; 
	top: -2rem; 
	right: -2rem;     
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

.modal-backdrop.show {opacity: .8;}

.alert-success {color: #fff; background-color: #ff5a1a; border-color: #d2440d; border-radius: 2rem;}