/* FONTS */

/* open-sans-300 - cyrillic_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('/local/templates/rios/fonts/open-sans-v15-cyrillic_latin-300.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Light'), local('OpenSans-Light'),
    url('/local/templates/rios/fonts/open-sans-v15-cyrillic_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/local/templates/rios/fonts/open-sans-v15-cyrillic_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('/local/templates/rios/fonts/open-sans-v15-cyrillic_latin-300.woff') format('woff'), /* Modern Browsers */
    url('/local/templates/rios/fonts/open-sans-v15-cyrillic_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/local/templates/rios/fonts/open-sans-v15-cyrillic_latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - cyrillic_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('/local/templates/rios/fonts/open-sans-v15-cyrillic_latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
    url('/local/templates/rios/fonts/open-sans-v15-cyrillic_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/local/templates/rios/fonts/open-sans-v15-cyrillic_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/local/templates/rios/fonts/open-sans-v15-cyrillic_latin-regular.woff') format('woff'), /* Modern Browsers */
    url('/local/templates/rios/fonts/open-sans-v15-cyrillic_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/local/templates/rios/fonts/open-sans-v15-cyrillic_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - cyrillic_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('/local/templates/rios/fonts/open-sans-v15-cyrillic_latin-600.eot'); /* IE9 Compat Modes */
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
    url('/local/templates/rios/fonts/open-sans-v15-cyrillic_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/local/templates/rios/fonts/open-sans-v15-cyrillic_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('/local/templates/rios/fonts/open-sans-v15-cyrillic_latin-600.woff') format('woff'), /* Modern Browsers */
    url('/local/templates/rios/fonts/open-sans-v15-cyrillic_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/local/templates/rios/fonts/open-sans-v15-cyrillic_latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - cyrillic_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('/local/templates/rios/fonts/open-sans-v15-cyrillic_latin-700.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Bold'), local('OpenSans-Bold'),
    url('/local/templates/rios/fonts/open-sans-v15-cyrillic_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/local/templates/rios/fonts/open-sans-v15-cyrillic_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('/local/templates/rios/fonts/open-sans-v15-cyrillic_latin-700.woff') format('woff'), /* Modern Browsers */
    url('/local/templates/rios/fonts/open-sans-v15-cyrillic_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/local/templates/rios/fonts/open-sans-v15-cyrillic_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Century Gothic';
    src: url('/local/templates/rios/fonts/subset-CenturyGothic.eot');
    src: url('/local/templates/rios/fonts/subset-CenturyGothic.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/rios/fonts/subset-CenturyGothic.woff2') format('woff2'),
    url('/local/templates/rios/fonts/subset-CenturyGothic.woff') format('woff'),
    url('/local/templates/rios/fonts/subset-CenturyGothic.ttf') format('truetype'),
    url('/local/templates/rios/fonts/subset-CenturyGothic.svg#CenturyGothic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic Bold';
    src: url('/local/templates/rios/fonts/subset-CenturyGothic-Bold.eot');
    src: url('/local/templates/rios/fonts/subset-CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/rios/fonts/subset-CenturyGothic-Bold.woff2') format('woff2'),
    url('/local/templates/rios/fonts/subset-CenturyGothic-Bold.woff') format('woff'),
    url('/local/templates/rios/fonts/subset-CenturyGothic-Bold.ttf') format('truetype'),
    url('/local/templates/rios/fonts/subset-CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

body {
    font-family: 'Open Sans';
}

/* FONTS */



/* HEADERS */

h1, .bigTitile {
    font-family: 'Century Gothic Bold';
    font-weight: normal;
    font-style: normal;
    font-size: 40px;
    margin: 0;
}

h4 {
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 1.35vmax;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 22px;
}

h5 {
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 1.2vmax;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 22px;
}

h6 {
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 0.9vmax;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0px;
}

.seoFoundation {
    font-weight: 700;
    font-size: 20px;
    margin-top: 30px;
    line-height: 28px;
}

.seoInfo {
    font-size: 18px;
    line-height: 24px;
    margin-top: 3px;
}

.section .contactPhone {
    font-size: 20px;
    font-weight: 700;
}

.section .contactEmail {
    font-size: 18px;
    margin-top: 7px;
}

.thin {
    font-weight: 300;
}

footer {
    font-size: 15px;
    line-height: 1.7;
}

.underlined {
    text-decoration: underline;
}


@media (max-width: 768px) {

    h1{
        font-size: 5vmax;
    }

}

/* HEADERS */



/* PADDINGS & MARGINS */

.p-lr-15{
    padding-left: 15px;
    padding-right: 15px;
}

.m-lr-15{
    margin-left: 15px;
    margin-right: 15px;
}

.m-l-15{
    margin-left: 15px;
}

.m-r-25 {
    margin-right: 25px;
}

.m-0 {
    margin: 0;
}

.p-0 {
    padding: 0;
}

.p-b-20 {
    padding-bottom: 20px;
}

.p-tb-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-t-5 {
    margin-top: 5px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-t-40 {
    margin-top: 40px;
}

.m-b-50 {
    margin-bottom: 50px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-b-25 {
    margin-bottom: 25px;
}

.m-t-75 {
    margin-top: 75px;
}

.m-0-auto {
    margin: 0 auto;
}

.header ul .nav-item:first-child a {
    padding-left: 0;
}

.header ul .nav-item:last-child a {
    padding-right: 0;
}

/* PADDINGS & MARGINS */



/* SERVICE */

a {
    text-decoration: none;
}

.bx-no-touch a.underlined:hover {
    text-decoration: none !important;
}

.backgroundCover{
    background-position: center;
    background-size: cover;
    width: 100%;
    background-color: #ffffff;
    position: relative;
}

.blackout {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000000;
    opacity: 0.4;
}

.bw {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%); /* Чёрно-белое изображение */
}

.max100vw {
    max-width: 100vw !important;
}

#bx-panel {
    position: relative !important;
    z-index: 1040 !important;
}

.z-i-2 {
    z-index: 2;
    position: relative;
}

.slick-slide {
    margin: 0 15px;
}

#fullpage {
    width: 100%;
}

.h-110px {
    height: 110px;
}

.blackOverlay {
    background-color: #313131;
    opacity: 0.3;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.slick-slide {
    height: auto !important;
}

.nav-item {
    display: inline-block;
}

.semiTransparent {
    opacity: 0.5;
}

.fixed-bottom {
    z-index: 2 !important;
}

.p-t-section {
    padding-top: 200px;
}

.p-b-section {
    padding-bottom: 70px;
}

@media (max-width: 767px) {

    .p-t-section {
        padding-top: 80px;
    }

    .p-b-section {
        padding-bottom: 30px;
    }

    .h-md-100 {
        height: 100%;
    }

}

.pb-200 {
    padding-bottom: 200px;
}

.bx-no-touch .pointer:hover {
    cursor: pointer;
}

.pointerEventsNone {
    pointer-events: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.feedbackSection .fp-tableCell {
    vertical-align: bottom !important;
}

#mainAboutDownload {
    padding-top: 80px;
}

#mainFeedbackDownload {
    padding-top: 5px;
}

a:focus {
    outline: none;
}

/* SERVICE */


/* COLORS */

a {
    color: inherit;
}

.lightGrayBg {
    background-color: #f0f0f0;
}

.semiGrayBg {
    background-color: #777777;
}

.grayBg {
    background-color: #444444;
}

.greenBg {
    background-color: #7fc343;
}

.whiteBg {
    background-color: #ffffff;
}

.whiteText {
    color: #ffffff;
}

.bx-no-touch .grayBgHover:hover {
    background-color: #444444;
}

.blackText, .blackTextFooter, .blackTextFooter a {
    color: #000000;
}

nav.inverse .nav-item a, nav.inverse .whiteText {
    color: #000000;
}

nav.inverseGray .nav-item a, nav.inverseGray .whiteText {
    color: #777777;
}

.yellowText, .bx-no-touch .yellowTextHover:hover {
    color: #f7ef2e !important;
}

.hvr-sweep-to-left-darkGray:before {
    background-color: #444444 !important;
}

.bx-no-touch .greenTextHover:hover, .greenText {
    color: #7ec244;
}

.grayText {
    color: #969696;
}

.darkGrayText {
    color: #464646;
}

footer, footer a {
    color: #e1e0e0;
}

.redFile::before {
    color: #f00a0a;
}

/* COLORS */


/* ELEMENTS */

button {
    background-color: #777777;
    color: #ffffff;
    border: none !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    padding: 15px !important;
    z-index: 3;
}

button:hover {
    cursor: pointer;
}

#headerLogo {
    background-image: url("/local/templates/rios/images/logo-white.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

nav.inverse #headerLogo, nav.inverseGray #headerLogo {
    background-image: url("/local/templates/rios/images/logo-green.png");
}


#headerLogo {
    width: 189px !important;
    height: 77px !important;
}


@media (max-width: 991px) {

    #headerLogo {
        width: 159px !important;
        height: 77px !important;
    }

}

.header {
    height: 110px;
}

.nav-link {
    font-size: 18px;
    font-weight: 600;
}

nav .nav-item.active a, .bx-no-touch nav .nav-item:hover a {
    color: #f7ef2e;
}

nav.inverse .nav-item.active a, .bx-no-touch nav.inverse .nav-item:hover a,  nav.inverseGray .nav-item.active a, .bx-no-touch nav.inverseGray .nav-item:hover a {
    color: #7ec244;
}

.subMenu {
    margin-top: -25px;
}

@media (max-width: 991px) {
    .nav-link {
        font-size: 16px;
        padding: 0.5rem 10px !important;
    }
}

.changeLanguage {
    font-size: 16px;
}

.burgerMenu {
    font-size: 30px;
}

@media (max-width: 767px) {

    .burgerMenu {
        font-size: 40px;
    }

    .changeLanguage {
        font-size: 24px;
    }

}

.index #studioLogo {
    background-image: url("/local/templates/rios/images/studio-logo.png");
}

#studioLogo, .index #studioLogo:hover, .index .blackTextFooter #studioLogo {
    width: 70px;
    height: 40px;
    background-image: url("/local/templates/rios/images/studio-logo-color.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: auto;
}

#devSign {
    font-size: 9.3px;
    text-transform: lowercase;
}

.sliderArrows {
    font-size: 32px;
    color: #ffffff;
    width: 95px;
    margin-left: auto;
    height: 32px;
}

.darkArrows {
    color: #525252;
}

.paginationArrows {
    font-size: 32px;
    color: #ffffff;
    width: 95px;
    margin: 0 auto;
    height: 32px;
}

.bx-no-touch .sliderArrows i:hover, .bx-no-touch .paginationArrows i:hover {
    cursor: pointer;
}

.bx-no-touch .paginationArrows i.disabled:hover {
    cursor: not-allowed;
}

.sliderArrows .left, .paginationArrows .left {
    float: left;
}

.sliderArrows .right, .paginationArrows .right {
    text-align: unset;
    float: right;
}

@media (max-width: 1199px) {

    .sliderArrows, .paginationArrows {
        width: 75px;
    }

}

ymaps[class$=balloon__layout] {
    height: 85px;
    width: 250px;
}

ymaps[class$=balloon__tail]:after {
    background-color: #595959;
    width: 40px;
    height: 40px;
    bottom: -5px;
    left: -5px;
}

ymaps[class$=balloon-overlay] ymaps ymaps {
    box-shadow: none !important;
}


ymaps[class$=balloon__content] {
    background-color: #595959;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Open Sans';
    padding-top: 20px;
}

ymaps[class$=balloon__layout] {
    background-color: #595959;
}

@media (max-width: 711px) {

    .index ymaps[class$=balloon__content] {
        padding-bottom: 20px;
    }

}

footer.relativeFooter {
    position: relative;
    opacity: 1;
}

.downloadLink div {
    max-width: 110px;
    float: left;
    text-decoration: underline;
    margin-top: 22px;
    margin-left: 10px;
    font-size: 18px;
}

.bx-no-touch .downloadLink:hover div {
    text-decoration: none;
}

.downloadLink::before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f1c1";
    font-size: 30px;
    float: left;
}

.envelope {
    font-size: 30px;
    padding-top: 10px;
}

#fullScreenMenu {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    background-color: #ffffff;
    z-index: 1031;
    overflow-y: scroll;
}

#fullScreenMenu .topSection, .siteMap .topSection {
    text-transform: uppercase;
    font-family: 'Century Gothic';
    font-size: 32px;
    margin-bottom: 10px;
}

#fullScreenMenu .topSection.topMenu, .siteMap .topSection.topMenu {
    margin-bottom: 70px;
}

#fullScreenMenu .serviceParent, .siteMap .serviceParent {
    font-family: 'Century Gothic';
    font-size: 24px;
    margin-bottom: 10px;
}

#fullScreenMenu .subService, .siteMap .subService {
    font-size: 16px;
    color: #434343;
    margin-bottom: 18px;
}

.siteMap .subService {
    color: #ffffff;
}

#fullScreenMenu .serviceWrapper, .siteMap .serviceWrapper {
    margin-bottom: 45px;
}

#fullScreenMenu .changeLanguage {
    text-align: right;
}

.bx-no-touch .subService a:hover {
    color: #000000;
}

.bx-no-touch .siteMap .subService a:hover {
    color: #7ec244;
}

#fullScreenMenu .contactPhone, .siteMap .contactPhone {
    font-size: 20px;
    margin-top: -45px;
    margin-bottom: 25px;
}

#fullScreenMenu .contactEmail, .siteMap .contactEmail {
    margin-bottom: 60px;
}

@media (max-width: 767px) {

    #fullScreenMenu .topSection, .siteMap .topSection {
        margin-bottom: 20px;
    }

    #fullScreenMenu .serviceParent, #fullScreenMenu .serviceWrapper, .siteMap .serviceParent, .siteMap .serviceWrapper {
        padding-bottom: 15px;
        margin-bottom: 0;
    }

    #fullScreenMenu .contactPhone, .siteMap .contactPhone {
        margin-top: -10px;
    }

    #fullScreenMenu .downloadLink, .siteMap .downloadLink {
        display: none;
    }

    #fullScreenMenu .changeLanguage {
        text-align: left;
    }

    #fullScreenMenu .h-110px, .header {
        height: 90px;
    }

}

.fancybox-is-open .fancybox-bg {
    opacity: 0.6 !important;
}

.fancybox-inner .fa-window-close {
    font-size: 30px !important;
    color: #ffffff;
}

.fancybox-content .closeBg {
    position: absolute;
    right: -35px;
    top: -35px;
    opacity: 0;
    z-index: 1;
    transition: opacity .25s;
}

.fancybox-show-nav .fancybox-slide--complete .fancybox-content .closeBg {
    opacity: 1;
    transition: opacity .25s;
}

.fancybox-navigation {
    position: fixed;
    left: -70px;
    right: -35px;
    top: 50%;
    z-index: 999999;
    color: #ffffff;
    font-size: 40px;
}

.fancybox-navigation .leftArrow {
    left: 0;
}

.bx-no-touch .fancybox-navigation .fa:hover {
    cursor: pointer !important;
}

.bx-no-touch .fancybox-navigation .fa.disabled:hover {
    cursor: not-allowed !important;
}

@media (max-width: 767px) {

    .fancybox-content .closeBg {
        right: 0;
        top: 0;
        background-color: #525252;
        height: 54px;
        width: 54px;
        padding-top: 11px;
    }

    .fancybox-navigation .closeBg {
        padding-top: 4px;
        text-align: center;
    }

    .fancybox-show-nav .fancybox-slide--complete .fancybox-content .closeBg, .fancybox-show-nav .fancybox-content .closeBg .fa {
        opacity: 0.8;
        transition: opacity .25s;
    }

    .fancybox-navigation {
        left: 0;
        right: 0;
    }

}

.dropdown {
    background-color: #FFFFFF;
    height: 50px;
}

.dropdown a {
    height: 50px;
    display: block;
    line-height: 50px;
    padding: 0 35px 0 10px;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dropdown-toggle::after {
    border: none !important;
    display: inline-block !important;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f107" !important;
    position: absolute;
    right: 10px;
    font-size: 24px;
    height: auto !important;
    width: auto !important;
    line-height: 50px;
    transform: rotate(0);
    transition: transform .65s cubic-bezier(.62,.02,.34,1),-webkit-transform .65s cubic-bezier(.62,.02,.34,1);
}

.dropdown.show .dropdown-toggle::after {
    transform: rotate(180deg);
    transition: transform .65s cubic-bezier(.62,.02,.34,1),-webkit-transform .65s cubic-bezier(.62,.02,.34,1);
}

.dropdown-menu.show {
    width: 66.666667vw !important;
    border: none !important;
    border-radius: 0 !important;
    margin-top: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.dropdown-menu.show a {
    white-space: normal !important;
    height: auto;
    line-height: normal;
    padding-top: 10px;
    padding-bottom: 10px;
}

.dropdown-menu.show a {
    padding-right: 10px;
}

@media (max-width: 767px) {

    .dropdown-menu.show {
        width: calc(100vw - 30px)!important;
        transform: translate3d(0px, 0px, 0px) !important;
        top: 50px !important;
    }

}

.fancy-checkbox input[type="checkbox"] {
    display: none;
}

.fancy-checkbox {
    margin-right: 15px;
}

.fancy-checkbox span:before {
    font-family: "FontAwesome";
    font-style: normal;
    font-size: 23px;
    content: "\f096";
    display: inline-block;
    color: #9c9c9c;
    position: relative;
    vertical-align: middle;
    width: 25px;
    height: 27px;
}

.fancy-checkbox input[type="checkbox"]:checked ~ span:before {
    content: "\f14a";
    font-size: 22px;
}

.fancy-checkbox.green input[type="checkbox"]:checked ~ span:before {
    color: #7ec244;
}

.fancy-checkbox.gray input[type="checkbox"]:checked ~ span:before {
    color: #525252;
}

#scrollDown {
    font-size: 32px;
    left: 50%;
    position: absolute;
    opacity: 0.5;
    bottom: 40px;
    z-index: 3;
}

/* ELEMENTS */


/* ВРЕМЕННО */

font {
    display: none;
}

/* ANIMATION */

.animationWrapper {
    overflow: hidden;
}

.animationContent {
    transform: translateY(120%);
    transition: transform .65s cubic-bezier(.62,.02,.34,1),-webkit-transform .65s cubic-bezier(.62,.02,.34,1);
}

.animationActive .animationContent {
    transform: translateY(0);
    transition: transform .65s cubic-bezier(.62,.02,.34,1),-webkit-transform .65s cubic-bezier(.62,.02,.34,1);
}

.animationOpacity, ul#multilevel-menu li, #fullScreenMenu .contactPhone, #fullScreenMenu .contactEmail, #fullScreenMenu .downloadLink::before, #fullScreenMenu .downloadLink div {
    opacity: 0;
    transition: opacity .65s cubic-bezier(.62,.02,.34,1),-webkit-opacity .65s cubic-bezier(.62,.02,.34,1);
}

.animationActive .animationOpacity, .animationActive ul#multilevel-menu li, #fullScreenMenu.animationActive .contactPhone, #fullScreenMenu.animationActive .contactEmail, #fullScreenMenu.animationActive .downloadLink::before, #fullScreenMenu.animationActive .downloadLink div {
    opacity: 1;
    transition: opacity .65s cubic-bezier(.62,.02,.34,1),-webkit-opacity .65s cubic-bezier(.62,.02,.34,1);
}

.figureNumber span {
    opacity: 0;
    transition: opacity .65s cubic-bezier(.62,.02,.34,1),-webkit-opacity .65s cubic-bezier(.62,.02,.34,1);
}

.animationActive .figureNumber span {
    opacity: 1;
    transition: opacity .65s cubic-bezier(.62,.02,.34,1),-webkit-opacity .65s cubic-bezier(.62,.02,.34,1);
}

.dropdown.show {

    z-index: 10000;
}
.projectCardsWrapper .projectCard 
{
margin-bottom: 30px;
}
.projectCard a .projectCardInner
{
max-height: 255px;
}