/*!
Theme Name: gitarus2
Theme URI: http://underscores.me/
Author: Lyubkin Sergey
Author URI: http://nextunity.ru
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gitarus2
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

gitarus2 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/

/* cyrillic-ext *//*
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}*/
/* cyrillic *//*
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}*/
/* latin-ext *//*
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}*/
/* latin *//*
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}*/
/* cyrillic-ext *//*
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}*/
/* cyrillic *//*
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}*/
/* latin-ext *//*
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}*/
/* latin *//*
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}*/
/* cyrillic-ext *//*
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}*/
/* cyrillic *//*
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}*/
/* latin-ext *//*
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}*/
/* latin *//*
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}*/

input:focus::placeholder { visibility: hidden; }
input:focus::-webkit-input-placeholder { visibility: hidden; }
input:focus:-moz-placeholder { visibility: hidden; } /* FF 4-18 */
input:focus::-moz-placeholder { visibility: hidden; } /* FF 19+ */
input:focus:-ms-input-placeholder { visibility: hidden; } /* IE 10+ */

.lh-1 {
    line-height: 1;
}

.btn-danger,
.btn-danger:focus:not(:hover),
.btn-danger.focus:not(:hover),
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus {
    background-color: #e31e24;
    -webkit-box-shadow: 0px 10px 18px 0px rgba(38,29,109,0.21);
    -moz-box-shadow: 0px 10px 18px 0px rgba(38,29,109,0.21);
    box-shadow: 0px 10px 18px 0px rgba(38,29,109,0.21);
}

.btn-danger:hover,
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:focus:hover,
.btn-danger.focus:hover,
.btn-danger:not(:disabled):not(.disabled):active:focus:hover, 
.btn-danger:not(:disabled):not(.disabled).active:focus:hover {
    background-color: #c3181e;
    -webkit-box-shadow: 0px 10px 18px 0px rgba(38,29,109,0.21);
    -moz-box-shadow: 0px 10px 18px 0px rgba(38,29,109,0.21);
    box-shadow: 0px 10px 18px 0px rgba(38,29,109,0.21);
}

.btn-dark,
.btn-dark:focus:not(:hover),
.btn-dark.focus:not(:hover),
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus {
    background-color: #3e3b55;
    -webkit-box-shadow: 0px 10px 18px 0px rgba(38,29,109,0.21);
    -moz-box-shadow: 0px 10px 18px 0px rgba(38,29,109,0.21);
    box-shadow: 0px 10px 18px 0px rgba(38,29,109,0.21);
}

.btn-dark:hover,
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:focus:hover,
.btn-dark.focus:hover,
.btn-dark:not(:disabled):not(.disabled):active:focus:hover, 
.btn-dark:not(:disabled):not(.disabled).active:focus:hover {
    background-color: #2e2c3f;
    -webkit-box-shadow: 0px 10px 18px 0px rgba(38,29,109,0.21);
    -moz-box-shadow: 0px 10px 18px 0px rgba(38,29,109,0.21);
    box-shadow: 0px 10px 18px 0px rgba(38,29,109,0.21);
}

.btn a,
.btn span {
    vertical-align: middle;
}

.btn {
    font-size: 20px;
    border-radius: 50px;
    padding: 14px 43px 18px 25px;
    transition: transform .1s cubic-bezier(1,.5,.8,1),color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn:active {
    transform: scale(.93);
}

.btn span {
    margin-left: 25px;
}

.text-red,
a.text-red {
    color: #e31e24;
}

a.text-red:hover {
    color: #9f1418;
}

.shadow {
    -webkit-box-shadow: 0px 27px 43px 0px rgba(32,94,171,0.1) !important;
    -moz-box-shadow: 0px 27px 43px 0px rgba(32,94,171,0.1) !important;
    box-shadow: 0px 27px 43px 0px rgba(32,94,171,0.1) !important;
}

.b-end {
    width: 100%;
    height: 1px;
    position: relative;
    background-color: #eff1f6;
}

.b-end:after {
    content: '';
    display: block;
    position: absolute;
    width: 92px;
    height: 3px;
    left: 50%;
    margin-left: -46px;
    top: 0;
    background-color: #e31e24;
}

h4 {
    text-align: center;
    font-size: 48px;
    font-weight: bold;
    margin-top: 92px;
    margin-bottom: 92px;
}

.c-text-light {
    color: #2c3366;
}

#fancybox-overlay {
    background-color: rgba(28,32,86,0.5) !important;
}

.modal-backdrop {
    background-color: rgb(28,32,86);
}

#fancybox-close {
    top: 40px;
    right: 34px;
    width: 22px;
    height: 22px;
    background-image: url(./img/close.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

#fancybox-outer {
    border-radius: 20px;
    overflow: hidden;
    transform: scale(0.75);
    margin-top: -125px;
    display: table;
    width: auto;
}

.custom-fancybox .fancybox-bg {
    display: none;
}

.custom-fancybox #fancybox-outer {
    overflow: auto;
    margin-top: 0;
    background-color: transparent;
}

.custom-fancybox #fancybox-content {
    border-radius: 20px;
    overflow: hidden;
}

.custom-fancybox #fancybox-close {
    top: -20px;
    right: -20px;
}

body.ie #fancybox-outer {
    transform: scale(0.65);
    margin-top: -150px;
}

body.ie .custom-fancybox #fancybox-outer,
.custom-fancybox #fancybox-outer {
    transform: scale(1);
}

#fancybox-content {
    margin-top: 0 !important;
    border-width: 0 !important;
}

.quform-theme-simple .quform-form-title {
    color: #1c2056;
    font-weight: bold;
    font-size: 48px;
    line-height: 1.04;
    margin-bottom: 60px;
}

.quform-form-inner {
    padding: 111px 162px 90px 162px !important;
}

.quform-theme-simple .quform-field-text {
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #dfe5f2;
    background-color: transparent;
    box-shadow: none;
    color: #1c2056 !important;
    font-size: 24px;
    font-weight: 600;
    padding: 16px 0;
    height: auto;
}

.quform-theme-simple .quform-field-text::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #1c2056;
    opacity: 1; /* Firefox */
}

.quform-theme-simple .quform-field-text:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #1c2056;
}

.quform-theme-simple .quform-field-text::-ms-input-placeholder { /* Microsoft Edge */
    color: #1c2056;
}

.quform-theme-simple .quform-field-text:hover,
.quform-theme-simple .quform-field-text:focus {
    box-shadow: none;
    border-bottom: 2px solid #dfe5f2;
    background-color: transparent;
}

.quform-theme-simple .quform-has-error input {
    box-shadow: none !important;
}

.quform-spacer {
    padding-bottom: 0;
    margin-bottom: 50px;
}

.quform-theme-simple .quform-element-submit.quform-button-style-theme>.quform-button-submit-default>button {
    -webkit-box-shadow: 0px 27px 43px 0px rgba(32,94,171,0.1);
    -moz-box-shadow: 0px 27px 43px 0px rgba(32,94,171,0.1);
    box-shadow: 0px 27px 43px 0px rgba(32,94,171,0.1);
    background-color: #e31e24;
    border-radius: 50px;
    padding: 30px 40px 30px 30px;
    position: relative;
    margin-top: 36px;
    margin-left: auto;
    margin-right: auto;
}

.quform-theme-simple .quform-element-submit.quform-button-style-theme>.quform-button-submit-default>button:hover {
    background-color: #c3181e;
}

.quform-theme-simple .quform-element-submit.quform-button-style-theme>.quform-button-submit-default>button span {
    margin-left: 66px;
}

.quform-theme-simple .quform-element-submit.quform-button-style-theme>.quform-button-submit-default>button:before {
    content: '';
    display: block;
    position: absolute;
    top: 35px;
    left: 30px;
    width: 41px;
    height: 19px;
    background-image: url(./img/send.png);
}

.quform-edit-form-link {
    display: none;
}

.modal h5,
.registration-modal .form-check,
.registration-modal .form-check small {
    font-weight: 600;
}

.registration-modal .form-check {
	padding-left: 0.5rem;
}

.registration-modal .modal-dialog {
    max-width: 550px;
}

.registration-modal  .col-6:last-child {
    border-left: 1px solid #e8e8e8;
}

.registration-modal .wp-social-login-provider-list {
    margin-top: 103px;
    margin-left: 10px;
    display: flex;
    flex-direction: column;
}

.registration-modal a.wp-social-login-provider {
    width: 12rem;
    max-width: 110%;
    position: relative;
    color: #fff;
    border-radius: 100px;
    height: 32px;
    line-height: 32px;
    margin-bottom: 26px;
    padding-left: 3.75rem;
    font-weight: 400;
    font-size: 14px;
}

.registration-modal a.wp-social-login-provider:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 2.5rem;
    height: 100%;
    border-radius: 100px 0 0 100px;
    background-position: center;
    background-size: 38px;
}

.registration-modal a.wp-social-login-provider-vkontakte {
    order: 1;
    background-color: #1498db;
}

.registration-modal a.wp-social-login-provider-vkontakte:before {
    background-color: #1291d2;
    background-image: url("/wp-content/plugins/guitarpuzzle/public/img/vk.png");
}

.registration-modal a.wp-social-login-provider-facebook {
    order: 2;
    background-color: #2d4bc1;
}

.registration-modal a.wp-social-login-provider-facebook:before {
    background-color: #2946b5;
    background-image: url("/wp-content/plugins/guitarpuzzle/public/img/fb.png");
}

.registration-modal a.wp-social-login-provider-instagram {
    order: 3;
    background-color: #da0b51;
	display: none;
}

.registration-modal a.wp-social-login-provider-instagram:before {
    background-color: #c50747;
    background-image: url("/wp-content/plugins/guitarpuzzle/public/img/inst.png");
}

.registration-modal .btn {
    border-radius: 1.5rem;
    min-width: 200px;
}

.registration-modal .btn.btn-sm {
    min-width: 150px;
    padding: 0.25rem 0.5rem;
    font-size: 14px;
    line-height: 1.5;
}

.registration-modal .btn-outline-primary {
    color: #ff0000;
    border-color: #ff0000;
    border-width: 2px;
    font-weight: 600;
}

.registration-modal  .btn-outline-primary:hover {
    background-color: #ff0000;
    border-color: #ff0000;
    color: #fff;
}

.registration-modal .btn-outline-primary:not(:disabled):not(.disabled):active, 
.registration-modal .btn-outline-primary:not(:disabled):not(.disabled).active {
    background-color: #ff0000;
    border-color: #ff0000;
}

.registration-modal .btn-outline-primary:not(:disabled):not(.disabled):hover, 
.registration-modal .btn-outline-primary:not(:disabled):not(.disabled):focus, 
.registration-modal .btn-outline-primary:not(:disabled):not(.disabled).focus,
.registration-modal .btn-outline-primary:not(:disabled):not(.disabled):active:focus, 
.registration-modal .btn-outline-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0px 0px 7px 0px rgba(255,0,0,0.75);
}

.registration-modal .btn-outline-primary.disabled, 
.registration-modal .btn-outline-primary:disabled {
    color: #ff0000;
    border-color: #ff0000;
    background-color: transparent;
}

.registration-modal .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.registration-modal .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #ff0000;
}

.registration-modal .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

.registration-modal .was-validated .custom-control-input:invalid ~ .custom-control-label, 
.registration-modal .custom-control-input.is-invalid ~ .custom-control-label {
    color: #222157;
}

.registration-modal .form-group.agreed-with-terms .invalid-feedback {
    display: block;
}

.modal {
    z-index: 10050;
}

.modal-backdrop {
    z-index: 10040;
}

.modal .form-control {
    border-radius: 100px;
}

.modal .form-control-sm {
    padding-left: 1rem;
    padding-right: 1rem;
}

.modal .form-control::-webkit-input-placeholder {
    color: #ced4da;
    opacity: 1;
}

.modal .form-control::-moz-placeholder {
    color: #ced4da;
    opacity: 1;
}

.modal .form-control:-ms-input-placeholder {
    color: #ced4da;
    opacity: 1;
}

.modal .form-control::-ms-input-placeholder {
    color: #ced4da;
    opacity: 1;
}

.modal .form-control::placeholder {
    color: #ced4da;
    opacity: 1;
}

.modal .modal-dialog {
    margin-top: 100px;
    max-width: 550px;
}

.modal .modal-content {
    border-radius: 0.75rem;
}

.registration-modal .form-check .radio {
    position: relative;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    text-align: center;
}

.registration-modal .form-check .radio input {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
}

.registration-modal .form-check .radio span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: 2.5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/wp-content/plugins/guitarpuzzle/public/img/empty_checkbox.png");
}

.registration-modal .form-check .radio input:checked + span {
    background-image: url("/wp-content/plugins/guitarpuzzle/public/img/checkbox.png");
}

.registration-modal .form-check.is-invalid  ~ .invalid-feedback {
    display: block;
}

#kladr_autocomplete .autocomplete {
    min-width: 350px;
    font-size: 80%;
}

#kladr_autocomplete .autocomplete li:first-child {
    display: none;
}

.video-iframe-wrap {
    position: relative;
    width: 50%;
    height: 0;
    padding-bottom: 30%;
    margin: 0 auto;
}

.video-iframe-wrap iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.video-mfp .mfp-close {
    position: absolute;
    right: -20px;
    top: -30px;
    color: #fff;
    font-size: 20px;
    width: 20px;
    height: 20px;
}

.video-mfp .mfp-close:active {
    top: -30px;
}

html,
body {
    font-family: 'Open Sans';
    font-size: 18px;
    line-height: 1.5;
    color: #1c2056;
}

.l-main {
    width: 100%;
    margin: 0 auto;
    background-image: url(./img/bg.gif);
    background-position: center 10px;
    background-repeat: no-repeat;
    background-color: #fbfcfc;
}

@media(min-width: 992px) {
	.l-main {
		min-width: 1280px;
		max-width: 1920px;
	}
}

.content-width-1 {
    max-width: 1404px;
    min-width: 1280px;/*need for sticky menu*/
}

.content-width-2 {
    max-width: 1172px;
}

.content-width-3 {
    max-width: 939px;
}

.l-header {
    font-size: 16px;
    border-bottom: 1px solid #eff1f6;
}

.l-header,
.l-header .navbar {
    background-color: #fbfcfc;
}

.l-header .nav-link {
    letter-spacing: 1.4px;
    font-weight: bold;
    text-transform: uppercase;
}

.l-header .navbar-light .navbar-nav .nav-item {
    padding: 0.65rem 2.9rem 0.65rem 0;
}

.l-header .navbar-light .navbar-nav .nav-item .nav-link {
    color: inherit;
    padding: 0;
}

.l-header .navbar-light .navbar-nav .nav-item .nav-link {
    position: relative;
}


.l-header .navbar-light .navbar-nav .nav-item.active .nav-link {
    color: #e31e24;
}

.l-header .navbar-light .navbar-nav .nav-item.active .nav-link:after,
.l-header .navbar-light .navbar-nav .nav-item .nav-link:hover:after {
    content: '';
    display: block;
    position: absolute;
    top: 2.6rem;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #e31e24;
}

.l-header .navbar-light .navbar-nav .nav-item:not(.active) .nav-link:hover:after {
    background-color: #2c3366;
}

.l-header2-mobile .place,
.l-header .place {
    position: relative;
    cursor: pointer;
}

.l-header2-mobile .place .text,
.l-header .place .text {
    float: left;
    padding: 0 0.3rem;
    font-size: 20px;
    position: relative;
    transition: color 0.2s;
}

.l-header2-mobile .place .text:hover,
.l-header .place .text:hover {
    color: #464ec3;
}

.l-header2-mobile .place .text:after,
.l-header .place .text:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-image: url(./img/dotted.png);
    background-repeat: repeat-x;
}

.l-header2-mobile .place .icon,
.l-header .place .icon {
    float: left;
    width: 27px;
    height: 35px;
    margin-left: 10px;
    background-image: url(./img/placeholder.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.l-header .m-menu-button {
    top: 21px;
    min-width: 30px;
    cursor: pointer;
}

.l-header .m-menu-button span {
	display: block;
    width: 100%;
    height: 4px;
    margin-bottom: 4px;
    background-color: #e31e24;
}

.l-header .m-menu-button span:last-child {
	margin-bottom: 0;
}

.l-header .m-menu {
    position: fixed;
    margin-bottom: 0;
    height: 100%;
    width: 100%;
    padding: 50px 0 0 10px;
    top: 0;
    left: -100%;
    z-index: 10001;
    overflow-y: auto;
    transition: left 0.3s ease-out;
    background-color: #fbfcfc;
}

.l-header .m-menu.visible {
    left: 0;
}

.l-header .m-menu .close {
    display: block;
    position: absolute;
    top: 6px;
    right: 12px;
    width: 22px;
    height: 22px;
    background-image: url(/wp-content/themes/gitarus2/img/close.png);
    cursor: pointer;
}

.l-header .m-menu ul {
    padding-left: 10px;
    list-style-type: none;
}

.l-header .m-menu ul a {
    color: inherit;
}

.l-header .m-menu ul li.active a {
    color: #e31e24;
} 

.l-header .m-menu .hr {
    border-bottom: 0.83px solid #eff1f6;
    margin-bottom: 15px;
}

.l-header .logo {
    margin-left: 50px;
}

.l-header.static-header > div.d-lg-none {
	display: flex;
	justify-content: space-between;
}

.l-header.static-header .logo {
	margin-left: 0;
}

.l-header.static-header .m-menu-callback-btn {
	position: static;
}

@media(max-width: 991px) {
    .l-main .fixed-header .l-header .logo {
        margin-right: 0;
    }
}

.l-header .logo img {
    width:40px;
    height: 40px;
}

.l-header .m-menu-callback-btn {
	display: block;
    position: absolute;
    top: 7.5px;
    right: 0;
    width: 40px;
    height: 40px;
    background-color: #e31e24;
    background-image: url(/wp-content/themes/gitarus2/img/m-header-phone.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    border-radius: 50px;
}

.l-header .m-text {
    width: 100%;
    text-align: center;
    padding-right: 40px;
}

.fixed-header .l-header {
    z-index: 10000;
}

.fixed-header .l-header .logo {
    margin-right: 37px;
}

.fixed-header .l-header .logo img {
    width: 49px;
    height: 49px;
}
/*
.fixed-header .l-header .navbar-light .navbar-nav .nav-item.active .nav-link:after {
        top: 2.5rem;
}*/

.fixed-header .l-header .phone {
    font-size: 30px;
    line-height: 1;
    font-weight: 600;
}

.l-header2 {
    background-color: #fbfcfc;
    padding: 1.4rem 0 1.7rem 0;
}

.l-header2 .content-width-1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.l-header2 .logo {
    padding-right: 20px;
}

.l-header2-mobile .phone,
.l-header2 .phone {
    padding-left: 25px;
    text-align: right;
}

.l-header2 .phone .number {
    font-size: 30px;
    font-weight: bold;
}

.l-header2-mobile .phone .callback a,
.l-header2 .phone .callback a {
    color: #d2d1e8;
    font-size: 22px;
    text-decoration: underline;
    transition: color 0.2s;
}

.l-header2 .phone .callback a:hover {
    color: #bab8db;
}

.l-header2-mobile .phone .callback a {
    color: inherit;
}

.l-top {
    width: 100%;
    height: 632px;
    padding-top: 126px;
    background-image: url(./img/gitarus_landing_2_3.jpg);
    background-size: cover;
    background-position: top center;
}

.l-top h1 {
    color: #1c2056;
    font-size: 54px;
    font-weight: bold;
    margin-bottom: 50px;
}

.l-top h1 span {
    font-size: 76px;
}

.l-top h3 {
    color: #1c2056;
    font-size: 21px;
    margin-bottom: 60px;
    line-height: 1.71;
}

.l-top .btn-danger {
    padding: 24px 58px 26px 42px;
}

.l-top .btn-danger,
.l-top .btn-danger:focus:not(:hover),
.l-top .btn-danger.focus:not(:hover),
.l-top .btn-danger:hover,
.l-top .btn-danger:not(:disabled):not(.disabled):active,
.l-top .btn-danger:not(:disabled):not(.disabled).active,
.l-top .btn-danger:focus:hover,
.l-top .btn-danger.focus:hover,
.l-top .btn-danger:not(:disabled):not(.disabled):active:focus:hover, 
.l-top .btn-danger:not(:disabled):not(.disabled).active:focus:hover {
    -webkit-box-shadow: 0px 10px 18px 0px rgba(38,29,109,0.21);
    -moz-box-shadow: 0px 10px 18px 0px rgba(38,29,109,0.21);
    box-shadow: 0px 10px 18px 0px rgba(38,29,109,0.21);
}

.l-adv {
    background-color: #fbfcfc;
}

.l-adv > div {
    height: 300px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.l-adv .adv {
    text-align: center;
}

.l-adv .adv span {
    font-weight: 600;
}

.l-courses .items {
    padding: 0 12px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.l-courses .item {
    width: 495px;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 75px;
}

.l-courses .item > img {
    margin-bottom: 44px;
}

.l-courses .item p {
    padding: 0 65px;
}

.l-courses .item p.name {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 44px;
}

.l-courses .item p.desc {
    margin-bottom: 61px;
}

.l-courses .item .b-end:after {
    width: 69px;
}

.l-courses .item .button {
    padding: 30px 0px 30px 65px;
    cursor: pointer;
    background-color: #fff;
    transition: background-color 0.4s;
}

.l-courses .item .button:hover {
    background-color: #f5f6f9;
}

.l-courses .item .button > * {
    vertical-align: middle;
}

.l-courses .item .button span {
    margin-left: 14px;
    font-weight: 600;
    font-size: 20px;
}

.l-courses .button-wrap {
    margin-top: 15px;
    margin-bottom: 105px;
}

.l-courses .btn-danger {
    padding: 23px 43px 23px 37px;
}

.l-skills {
    padding-bottom: 85px;
}

.l-skills h4 {
    margin-top: 105px;
    margin-bottom: 100px;
}

.l-skills ul {
    margin-left: 48px;
}

.l-skills ul li {
    list-style-image: url(./img/star.png);
    font-size: 22px;
    font-weight: 600;
    position: relative;
    padding-left: 30px;
    margin-bottom: 35px;
    height: 35px;
}

.l-skills ul li > span {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    position: absolute;
    top: 0;
}

.l-teachers {
    padding-bottom: 120px;
}

.l-teachers .carousel-control-prev,
.l-teachers .carousel-control-next,
.l-teachers .carousel-control-prev:hover,
.l-teachers .carousel-control-next:hover {
    opacity: 1;
}

.l-teachers .carousel-control-prev,
.l-teachers .carousel-control-next {
    width: 77px;
}

.l-teachers .carousel-control-prev {
    left: 15px;
}

.l-teachers .carousel-control-next {
    right: 15px;
}

.l-teachers .carousel-control-prev-icon,
.l-teachers .carousel-control-next-icon,
.l-students .carousel-control-prev-icon,
.l-students .carousel-control-next-icon {
    width: 77px;
    height: 77px;
    border-radius: 77px;
    background-color: #fff;
    background-size: auto;
    transition: transform 0.4s;
}

.l-teachers .carousel-control-prev-icon,
.l-students .carousel-control-prev-icon {
    background-image: url(./img/arrow-gray-left.png);
    background-position: 22px center;
}

.l-teachers .carousel-control-next-icon,
.l-students .carousel-control-next-icon{
    background-image: url(./img/arrow-gray-right.png);
    background-position: 28px center;
}

.l-teachers .carousel-control-prev:hover .carousel-control-prev-icon,
.l-teachers .carousel-control-next:hover .carousel-control-next-icon,
.l-students .carousel-control-prev:hover .carousel-control-prev-icon,
.l-students .carousel-control-next:hover .carousel-control-next-icon {
    transform: scale(1.2);
}


.l-teachers .carousel-item .c-card-wrap {
    width: 1172px;
    /*height: 768px;*/
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    padding: 20px 50px 50px 50px;
    margin-top: -20px;

}

.l-teachers .carousel-item .c-card {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 90px 120px;
    border-radius: 20px;
    background-color: #fff;
}

.l-teachers .carousel-item .c-card > div.item {
    color: #263238;
}

.l-teachers .carousel-item .c-card > div.item .top {
	margin-bottom: 20px;
}

.l-teachers .carousel-item .c-card > div.item .top h6 {
	font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
}

.l-teachers .carousel-item .c-card > div.item > .bottom {
    display: flex;
    align-items: flex-start;
}

.l-teachers .carousel-item .c-card > div.item > .bottom .left {
	max-width: 45%;
}

.l-teachers .carousel-item .c-card > div.item > .bottom .left img {
	width: 100%;
	border-radius: 10px;
}


.l-teachers .carousel-item .c-card > div.item > .bottom .right {
	padding-left: 40px;
}

/*
.l-teachers .c-card p {
    margin-top: 36px;
    margin-bottom: 0;
}
*/
.l-students {
    padding-bottom: 92px;
}

.l-students .carousel-item {
    padding: 50px;
}

.l-students .row+.row {
    margin-top: 2rem;
}

.l-students .photo {
    border-radius: 20px;
    width: 480px;
    height: 345px;
    background-position: center top;
    background-size: cover;
    background-color: #fff;
}

.l-students .carousel-control-prev {
    left: -90px;
}

.l-students .carousel-control-next {
    right: -90px;
}

.l-location {
/*    padding-bottom: 135px;*/
}

.l-location .map {
    margin-top: -170px;
}

.l-location .content-width-3 {
    position: relative;
    z-index: 1;
}

.l-location .cards {
    display: flex;
    justify-content: space-around;
}

.l-location .card {
    width: 370px;
    padding: 0;
    border: none;
    border-radius: 20px;
}

.l-location .card-img-top {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.l-location .card-title {
    font-size: 24px;
    font-weight: bold;
    color: #263238;
    line-height: 1.25;
    margin-bottom: 0;
}

.l-location .card-body {
    padding: 40px 33px 45px 33px;
}

.l-location .card-text {
    font-size: 18px;
    line-height: 1.66;
    margin-top: 45px;
    margin-bottom: 0;
}

.l-location .card-link {
    margin-left: 10px;
}

.b-bg {
    background-image: url(./img/b-bg.gif);
    background-position: bottom center;
    background-repeat: no-repeat;
}

.l-contacts {
    padding-bottom: 125px;
}

.l-contacts .sub-header {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 55px;
}

.l-contacts .phone {
    font-size: 60px;
    font-weight: bold;
    position: relative;
    display: table;
    margin: 0 auto 65px auto;
    padding-left: 93px;
    left: -46.5px;
    padding-bottom: 10px;
}

.l-contacts .phone:before,
.l-contacts .phone:after {
    content: '';
    display: block;
    position: absolute;
}

.l-contacts .phone:before {
    top: 20px;
    left: 0;
    width: 58px;
    height: 58px;
    background-image: url(./img/phone-call-2.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.l-contacts .phone:after {
    right: 0;
    bottom: 0;
    width: 520px;
    height: 3px;
    background-image: url(./img/dotted-2.png);
    background-repeat: repeat-x;
}

.l-contacts .email {
    margin-bottom: 85px;
    font-size: 36px;
    font-weight: 600;
    color: #b1b2c3;
}

.l-contacts .email span {
    font-size: 48px;
}

.l-contacts .form-wrap {
    background-color: #f4f8fb;
    border-radius: 20px;
    padding: 105px 0px 100px 0px;
}

.l-contacts .form-title {
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 60px;
}

.l-contacts .quform-form-inner {
    padding: 0 280px !important;
}

.l-contacts .form-group {
    padding: 0 280px;
    margin-bottom: 50px;
}

.l-contacts .form-control {
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #dfe5f2;
    background-color: transparent;
    color: #1c2056;
    font-size: 24px;
    font-weight: 600;
    padding: 16px 0;
    height: auto;
}

.l-contacts .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #1c2056;
    opacity: 1; /* Firefox */
}

.l-contacts .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #1c2056;
}

.l-contacts .form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #1c2056;
}

.l-contacts .form-control.is-invalid {
    border-color: #dc3545;
}

.l-contacts .form-control:focus {
    box-shadow: none;
}

.l-contacts .form-wrap .btn-danger {
    margin-top: 35px;
    padding: 25px 40px 25px 30px;
}

.l-contacts .form-wrap .btn-danger,
.l-contacts .form-wrap .btn-danger:focus:not(:hover),
.l-contacts .form-wrap .btn-danger.focus:not(:hover) {
    -webkit-box-shadow: 0px 27px 43px 0px rgba(32,94,171,0.1);
    -moz-box-shadow: 0px 27px 43px 0px rgba(32,94,171,0.1);
    box-shadow: 0px 27px 43px 0px rgba(32,94,171,0.1);
}

.l-contacts .form-wrap .btn-danger:hover,
.l-contacts .form-wrap .btn-danger:not(:disabled):not(.disabled):active,
.l-contacts .form-wrap .btn-danger:not(:disabled):not(.disabled).active,
.l-contacts .form-wrap .btn-danger:focus:hover,
.l-contacts .form-wrap .btn-danger.focus:hover,
.l-contacts .form-wrap .btn-danger:not(:disabled):not(.disabled):active:focus:hover, 
.l-contacts .form-wrap .btn-danger:not(:disabled):not(.disabled).active:focus:hover {
    -webkit-box-shadow: 0px 27px 43px 0px rgba(32,94,171,0.1);
    -moz-box-shadow: 0px 27px 43px 0px rgba(32,94,171,0.1);
    box-shadow: 0px 27px 43px 0px rgba(32,94,171,0.1);
}

.l-bmenu {
    padding-bottom: 50px;
    border-bottom: 1px solid #e4e4f0;
}

.l-bmenu .nav {
    text-transform: uppercase;
    font-weight: bold;
}

.l-bmenu .nav-link {
    letter-spacing: 1.4px;
    color: #b1b2c3;
    transition: color 0.2s;
    padding: 0px 21px;
    text-decoration: underline;
}

.l-bmenu .nav-link:hover {
    color: #9d9eb4;
}

.l-bmenu .nav-link.active,
.l-bmenu .nav-link.active:hover {
    color: #2c3366;
    text-decoration: none;
}

.l-footer .f-nav {
    display: flex;
    justify-content: space-between;
    padding: 60px 0px 80px 0px;
}

.l-footer .f-nav,
.l-footer .f-nav a {
    color: #b1b2c3;
}

.l-footer .f-nav a {
    transition: color 0.2s;
    text-decoration: underline;
}

.l-footer .f-nav a:hover {
    color: #9d9eb4;
}

.l-footer .f-nav .title {
    text-transform: uppercase;
    margin-bottom: 60px;
}

.l-footer .f-nav .text {
    font-size: 16px;
    line-height: 1.875;
}

.l-footer .phone {
    margin-left: 28px;
} 

.l-socnets {
    padding-bottom: 100px;
}

.l-socnets a {
    margin-right: 10px;
}

.l-socnets a img {
    transition: transform 0.35s;
}

.l-socnets a:hover img {
    transform: scale(1.2);
}
/*
#fancybox-wrap {
        margin-left: 0.7%;
}*/

#fancybox-wrap {
    width: 100% !important;
    left: 0 !important;
    padding: 0 !important;
}

#fancybox-wrap #fancybox-outer {
    max-width: 932px;
    margin-left: auto;
    margin-right: auto;
}

@media(max-width: 1440px) {

    /*	body:not(.has-zoom-support) {
                    overflow-x: hidden;
                    transform: scale(0.8333);
                    margin: -711px -155px;
            }
                    
            body:not(.has-zoom-support) .mfp-wrap {
                    position: absolute;
            }
            
            body:not(.has-zoom-support) .mfp-content {
                    position: absolute;
                    top: 100px;
                    left: 0;
            }
            
            body.has-zoom-support {
                    zoom: 0.8333;
            }
            
            body.has-zoom-support.ie {
                    overflow-x: hidden;
                    width: 120%;
            }
            
            body.has-zoom-support.ie .fixed-header .l-header {
                    zoom: 0.8333;
                    width: 120% !important;
            }
            
            body.has-zoom-support.zoom-1 {
                    zoom: 1;
            }
            
            body.has-zoom-support.zoom-1.ie {
                    width: 100%;
            }
            
            body.has-zoom-support:not(.edge):not(.ie) .l-header .navbar-light .navbar-nav .nav-item.active .nav-link:after, 
            body.has-zoom-support:not(.edge):not(.ie) .l-header .navbar-light .navbar-nav .nav-item .nav-link:hover:after{
                    top:2.4rem;
            }
            
            body.edge #kladr_autocomplete {
                    zoom: 1.2;
            }
            
            body.edge #kladr_autocomplete .autocomplete {
                    max-width: 319px;
                    min-width: 319px;
            } 
            
            body:not(.has-zoom-support) #kladr_autocomplete .autocomplete {
                    left: 50% !important;
                    margin-left: -195px;
                    margin-top: 33px;
                    min-width: 319px;
            }*/
    .btn-danger,
    .btn-danger:focus:not(:hover),
    .btn-danger.focus:not(:hover),
    .btn-danger:not(:disabled):not(.disabled):active:focus,
    .btn-danger:not(:disabled):not(.disabled).active:focus {
        -webkit-box-shadow: 0px 8.33px 15px 0px rgba(38,29,109,0.21);
        -moz-box-shadow: 0px 8.33px 15px 0px rgba(38,29,109,0.21);
        box-shadow: 0px 8.33px 15px 0px rgba(38,29,109,0.21);
    }

    .btn-danger:hover,
    .btn-danger:not(:disabled):not(.disabled):active,
    .btn-danger:not(:disabled):not(.disabled).active,
    .btn-danger:focus:hover,
    .btn-danger.focus:hover,
    .btn-danger:not(:disabled):not(.disabled):active:focus:hover, 
    .btn-danger:not(:disabled):not(.disabled).active:focus:hover {
        -webkit-box-shadow: 0px 8.33px 15px 0px rgba(38,29,109,0.21);
        -moz-box-shadow: 0px 8.33px 15px 0px rgba(38,29,109,0.21);
        box-shadow: 0px 8.33px 15px 0px rgba(38,29,109,0.21);
    }

    .btn-dark,
    .btn-dark:focus:not(:hover),
    .btn-dark.focus:not(:hover),
    .btn-dark:not(:disabled):not(.disabled):active:focus,
    .btn-dark:not(:disabled):not(.disabled).active:focus {
        -webkit-box-shadow: 0px 8.33px 15px 0px rgba(38,29,109,0.21);
        -moz-box-shadow: 0px 8.33px 15px 0px rgba(38,29,109,0.21);
        box-shadow: 0px 8.33px 15px 0px rgba(38,29,109,0.21);
    }

    .btn-dark:hover,
    .btn-dark:not(:disabled):not(.disabled):active,
    .btn-dark:not(:disabled):not(.disabled).active,
    .btn-dark:focus:hover,
    .btn-dark.focus:hover,
    .btn-dark:not(:disabled):not(.disabled):active:focus:hover, 
    .btn-dark:not(:disabled):not(.disabled).active:focus:hover {
        -webkit-box-shadow: 0px 8.33px 15px 0px rgba(38,29,109,0.21);
        -moz-box-shadow: 0px 8.33px 15px 0px rgba(38,29,109,0.21);
        box-shadow: 0px 8.33px 15px 0px rgba(38,29,109,0.21);
    }

    .btn {
        font-size: 16.67px;
        border-radius: 41.66px;
        padding: 11.67px 35.83px 15px 20.83px;
    }

    .btn span {
        margin-left: 20.83px;
    }

    .shadow {
        -webkit-box-shadow: 0px 22.50px 35.83px 0px rgba(32,94,171,0.1) !important;
        -moz-box-shadow: 0px 22.50px 35.83px 0px rgba(32,94,171,0.1) !important;
        box-shadow: 0px 22.50px 35.83px 0px rgba(32,94,171,0.1) !important;
    }

    .b-end {
        height: 0.83px;
    }

    .b-end:after {
        width: 76.66px;
        height: 2.50px;
        margin-left: -28.75px;
    }

    h4 {
        font-size: 40px;
        margin-top: 76.66px;
        margin-bottom: 76.66px;
    }

    #fancybox-close {
        top: 33.33px;
        right: 28.33px;
        width: 18.33px;
        height: 18.33px;
    }

    #fancybox-outer {
        border-radius: 16.67px;
        margin-top: -104.16px;
    }

    body.ie #fancybox-outer {
        margin-top: -125px;
    }

    .quform-theme-simple .quform-form-title {
        font-size: 40px;
        margin-bottom: 50px;
    }

    .quform-form-inner {
        padding: 92.50px 134.99px 75px 134.99px !important;
    }

    .quform-theme-simple .quform-field-text {
        border-bottom: 1.67px solid #dfe5f2;
        font-size: 20px;
        padding: 13.33px 0;
    }

    .quform-theme-simple .quform-field-text:hover,
    .quform-theme-simple .quform-field-text:focus {
        border-bottom: 1.67px solid #dfe5f2;
    }

    .quform-spacer {
        margin-bottom: 41.66px;
    }

    .quform-theme-simple .quform-element-submit.quform-button-style-theme>.quform-button-submit-default>button {
        -webkit-box-shadow: 0px 22.50px 35.83px 0px rgba(32,94,171,0.1);
        -moz-box-shadow: 0px 22.50px 35.83px 0px rgba(32,94,171,0.1);
        box-shadow: 0px 22.50px 35.83px 0px rgba(32,94,171,0.1);
        border-radius: 41.66px;
        padding: 25px 33.33px 25px 25px;
        margin-top: 30px;
    }

    .quform-theme-simple .quform-element-submit.quform-button-style-theme>.quform-button-submit-default>button span {
        margin-left: 55px;
    }

    .quform-theme-simple .quform-element-submit.quform-button-style-theme>.quform-button-submit-default>button:before {
        top: 29.17px;
        left: 25px;
        /*        width: 34.17px;
                height: 15.83px;*/
    }

    .registration-modal .modal-dialog {
        max-width: 458.31px;
    }

    .registration-modal  .col-6:last-child {
        border-left: 0.83px solid #e8e8e8;
    }

    .registration-modal .wp-social-login-provider-list {
        margin-top: 86px;
        margin-left: 8.33px;
    }

    .registration-modal a.wp-social-login-provider {
        border-radius: 83.33px;
        height: 26.67px;
        line-height: 26.67px;
        margin-bottom: 21.67px;
        font-size: 11.67px;
    }

    .registration-modal a.wp-social-login-provider:before {
        border-radius: 83.33px 0 0 83.33px;
        background-size: 31.67px;
    }

    .registration-modal .btn {
        min-width: 166.66px;
    }

    .registration-modal .btn.btn-sm {
        min-width: 125px;
        font-size: 11.67px;
    }

    .registration-modal .btn-outline-primary {
        border-width: 1.67px;
    }

    .registration-modal .btn-outline-primary:not(:disabled):not(.disabled):hover, 
    .registration-modal .btn-outline-primary:not(:disabled):not(.disabled):focus, 
    .registration-modal .btn-outline-primary:not(:disabled):not(.disabled).focus,
    .registration-modal .btn-outline-primary:not(:disabled):not(.disabled):active:focus, 
    .registration-modal .btn-outline-primary:not(:disabled):not(.disabled).active:focus {
        box-shadow: 0px 0px 5.83px 0px rgba(255,0,0,0.75);
    }

    .modal .form-control {
        border-radius: 83.33px;
    }

    .modal .modal-dialog {
        margin-top: 83.33px;
        max-width: 458.31px;
    }

    #kladr_autocomplete .autocomplete {
        min-width: 291.66px;
    }

    .video-mfp .mfp-close {
        right: -16.67px;
        top: -25px;
        font-size: 16.67px;
        width: 16.67px;
        height: 16.67px;
    }

    .video-mfp .mfp-close:active {
        top: -25px;
    }

    html,
    body {
        font-size: 15px;
    }

    .l-main {
        background-position: center 8.33px;
        background-size: 1650px;
    }

    .content-width-1 {
        max-width: 1169.95px;
        min-width: 1066.62px;/*need for sticky menu*/
    }

    .content-width-2 {
        max-width: 976.63px;
    }

    .content-width-3 {
        max-width: 782.47px;
    }

    .l-header {
        font-size: 13.3328px;
        border-bottom: 0.83px solid #eff1f6;
    }

    .l-header .nav-link {
        letter-spacing: 1.17px;
    }

    .l-header .navbar-light .navbar-nav .nav-item.active .nav-link:after,
    .l-header .navbar-light .navbar-nav .nav-item .nav-link:hover:after {
        height: 2.50px;
    }

    .l-header .place .text {
        font-size: 16.67px;
    }

    .l-header .place .text:after {
        height: 1.67px;
    }

    .l-header .place .icon {
        width: 22.50px;
        height: 29.17px;
        margin-left: 8.33px;
    }

    .fixed-header .l-header .logo {
        margin-right: 30.83px;
    }

    .fixed-header .l-header .logo img {
        width: 40.83px;
        height: 40.83px;
    }

    .fixed-header .l-header .phone {
        font-size: 25px;
    }

    .l-header2 .logo {
        padding-right: 16.67px;
    }

    .l-header2 .phone {
        padding-left: 20.83px;
    }

    .l-header2 .phone .number {
        font-size: 25px;
    }

    .l-header2 .phone .callback a {
        font-size: 18.33px;
    }

    .l-top {
        height: 526.65px;
        padding-top: 105px;
    }

    .l-top h1 {
        font-size: 45px;
        margin-bottom: 41.66px;
    }

    .l-top h1 span {
        font-size: 63.33px;
    }

    .l-top h3 {
        font-size: 17.50px;
        margin-bottom: 50px;
    }

    .l-top .btn-danger {
        padding: 20px 48.33px 21.67px 35px;
    }

    .l-top .btn-danger,
    .l-top .btn-danger:focus:not(:hover),
    .l-top .btn-danger.focus:not(:hover),
    .l-top .btn-danger:hover,
    .l-top .btn-danger:not(:disabled):not(.disabled):active,
    .l-top .btn-danger:not(:disabled):not(.disabled).active,
    .l-top .btn-danger:focus:hover,
    .l-top .btn-danger.focus:hover,
    .l-top .btn-danger:not(:disabled):not(.disabled):active:focus:hover, 
    .l-top .btn-danger:not(:disabled):not(.disabled).active:focus:hover {
        -webkit-box-shadow: 0px 8.33px 15px 0px rgba(38,29,109,0.21);
        -moz-box-shadow: 0px 8.33px 15px 0px rgba(38,29,109,0.21);
        box-shadow: 0px 8.33px 15px 0px rgba(38,29,109,0.21);
    }

    .l-adv > div {
        height: 249.99px;
    }

    .l-courses .items {
        padding: 0 10px;
    }

    .l-courses .item {
        width: 412.48px;
        border-radius: 16.67px;
        margin-bottom: 62.50px;
    }

    .l-courses .item > img {
        margin-bottom: 36.67px;
    }

    .l-courses .item p {
        padding: 0 54.16px;
    }

    .l-courses .item p.name {
        font-size: 20px;
        margin-bottom: 36.67px;
    }

    .l-courses .item p.desc {
        margin-bottom: 50.83px;
    }

    .l-courses .item .b-end:after {
        width: 57.50px;
    }

    .l-courses .item .button {
        padding: 25px 0px 25px 54.16px;
    }

    .l-courses .item .button span {
        margin-left: 11.67px;
        font-size: 16.67px;
    }

    .l-courses .button-wrap {
        margin-top: 12.50px;
        margin-bottom: 87.50px;
    }

    .l-courses .btn-danger {
        padding: 19.17px 35.83px 19.17px 30.83px;
    }

    .l-skills {
        padding-bottom: 70.83px;
    }

    .l-skills h4 {
        margin-top: 87.50px;
        margin-bottom: 83.33px;
    }

    .l-skills ul {
        margin-left: 40px;
    }

    .l-skills ul li {
        font-size: 18.33px;
        padding-left: 25px;
        margin-bottom: 29.17px;
        height: 29.17px;
    }

    .l-skills ul li > span {
        height: 29.17px;
        line-height: 29.17px;
    }

    .l-teachers {
        padding-bottom: 100px;
    }

    .l-teachers .carousel-control-prev,
    .l-teachers .carousel-control-next,
    .l-students .carousel-control-prev,
    .l-students .carousel-control-next {
        width: 64.16px;
    }

    .l-teachers .carousel-control-prev {
        left: 12.50px;
    }

    .l-teachers .carousel-control-next {
        right: 12.50px;
    }

    .l-teachers .carousel-control-prev-icon,
    .l-teachers .carousel-control-next-icon,
    .l-students .carousel-control-prev-icon,
    .l-students .carousel-control-next-icon {
        width: 64.16px;
        height: 64.16px;
        border-radius: 64.16px;
    }

    .l-teachers .carousel-control-prev-icon,
    .l-students .carousel-control-prev-icon {
        background-position: 18.33px center;
    }

    .l-teachers .carousel-control-next-icon,
    .l-students .carousel-control-next-icon {
        background-position: 23.33px center;
    }
	
    .l-teachers .carousel-item .c-card-wrap {
        width: 976.63px;
        height: auto;
        min-height: 639.97px;
        padding: 16.67px 41.66px 41.66px 41.66px;
        margin-top: -16.67px;

    }

    .l-teachers .carousel-item .c-card {
        padding: 75px 100px;
        border-radius: 16.67px;
    }
/*
    .l-teachers .c-card img {
        margin-right: 33.33px;
        border-radius: 8.33px;
    }

    .l-teachers .c-card h6 {
        color: #263238;
        font-size: 20px;
    }

    .l-teachers .c-card p {
        margin-top: 30px;
    }
	*/
    .l-students {
        padding-bottom: 76.66px;
    }

    .l-students .carousel-item {
        padding: 41.66px;
    }

    .l-students .photo {
        border-radius: 16.66px;
        width: 399.98px;
        height: 287.48px;
    }

    .l-students .carousel-control-prev {
        left: -74.99px;
    }

    .l-students .carousel-control-next {
        right: -74.99px;
    }

    .l-location {
        /*padding-bottom: 135px;*/
    }

    .l-location .map {
        /*padding-bottom: 400px;*/
    }

    .l-location .card {
        width: 308.32px;
        border-radius: 16.67px;
    }

    .l-location .card-img-top {
        border-top-left-radius: 16.67px;
        border-top-right-radius: 16.67px;
    }

    .l-location .card-title {
        font-size: 20px;
    }

    .l-location .card-body {
        padding: 33.33px 27.50px 37.50px 27.50px;
    }

    .l-location .card-text {
        font-size: 15px;
        margin-top: 37.50px;
    }

    .l-location .card-link {
        margin-left: 8.33px;
    }

    .l-contacts {
        padding-bottom: 104.16px;
    }

    .l-contacts .sub-header {
        font-size: 21.67px;
        margin-bottom: 45.83px;
    }

    .l-contacts .phone {
        font-size: 50px;
        margin: 0 auto 54.16px auto;
        padding-left: 77.50px;
        left: -38.75px;
        padding-bottom: 8.33px;
    }

    .l-contacts .phone:before {
        top: 16.67px;
        width: 48.33px;
        height: 48.33px;
    }

    .l-contacts .phone:after {
        width: 433.32px;
        height: 2.50px;
    }

    .l-contacts .email {
        margin-bottom: 70.83px;
        font-size: 30px;
    }

    .l-contacts .email span {
        font-size: 40px;
    }

    .l-contacts .form-wrap {
        border-radius: 16.67px;
        padding: 87.50px 0px 83.33px 0px;
    }

    .l-contacts .form-title {
        font-size: 30px;
        margin-bottom: 50px;
    }

    .l-contacts .quform-form-inner {
        padding: 0 233.32px !important;
    }

    .l-contacts .form-group {
        padding: 0 233.32px;
        margin-bottom: 41.66px;
    }

    .l-contacts .form-control {
        border-bottom: 1.67px solid #dfe5f2;
        color: #1c2056;
        font-size: 20px;
        padding: 13.33px 0;
    }

    .l-contacts .form-wrap .btn-danger {
        margin-top: 29.17px;
        padding: 20.83px 33.33px 20.83px 25px;
    }

    .l-contacts .form-wrap .btn-danger,
    .l-contacts .form-wrap .btn-danger:focus:not(:hover),
    .l-contacts .form-wrap .btn-danger.focus:not(:hover) {
        -webkit-box-shadow: 0px 22.50px 35.83px 0px rgba(32,94,171,0.1);
        -moz-box-shadow: 0px 22.50px 35.83px 0px rgba(32,94,171,0.1);
        box-shadow: 0px 22.50px 35.83px 0px rgba(32,94,171,0.1);
    }

    .l-contacts .form-wrap .btn-danger:hover,
    .l-contacts .form-wrap .btn-danger:not(:disabled):not(.disabled):active,
    .l-contacts .form-wrap .btn-danger:not(:disabled):not(.disabled).active,
    .l-contacts .form-wrap .btn-danger:focus:hover,
    .l-contacts .form-wrap .btn-danger.focus:hover,
    .l-contacts .form-wrap .btn-danger:not(:disabled):not(.disabled):active:focus:hover, 
    .l-contacts .form-wrap .btn-danger:not(:disabled):not(.disabled).active:focus:hover {
        -webkit-box-shadow: 0px 22.50px 35.83px 0px rgba(32,94,171,0.1);
        -moz-box-shadow: 0px 22.50px 35.83px 0px rgba(32,94,171,0.1);
        box-shadow: 0px 22.50px 35.83px 0px rgba(32,94,171,0.1);
    }

    .l-bmenu {
        padding-bottom: 41.66px;
        border-bottom: 0.83px solid #e4e4f0;
    }

    .l-bmenu .nav-link {
        letter-spacing: 1.17px;
        padding: 0px 17.50px;
    }

    .l-footer .f-nav {
        padding: 50px 0px 66.66px 0px;
    }

    .l-footer .f-nav .title {
        margin-bottom: 50px;
    }

    .l-footer .f-nav .text {
        font-size: 13.33px;
    }

    .l-socnets {
        padding-bottom: 83.33px;
    }

    .l-socnets a {
        margin-right: 8.33px;
    }

    #fancybox-wrap #fancybox-outer {
        max-width: 776.64px;
    }

    .b-bg {
        background-size: 1650px;
    }
}

/*p-about*/

.p-about.l-main {
    background-image: url(./img/bg-about.gif);
}

.p-about .l-top {
    background-image: url(./img/top-image-about.jpg);
}

.p-about .l-top h3.n1 {
    margin-bottom: 0;
}

.p-about .l-skills {
    margin-top: 100px;
}

.p-about .l-skills ul li {
    height: auto;
}

.p-about .l-skills ul li,
.p-about .l-skills ul li > span {
    height: 78px;
    line-height: 1.8;
}

.p-about .l-skills ul.n1,
.p-about .l-skills ul.n1 li {
    margin-bottom: 0;
}

.p-about .l-skills ul.n1 li,
.p-about .l-skills ul.n1 li > span {
    height: 39px;
}

.p-about .l-skills .videos {
    margin-left: -90px;
    margin-right: -90px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.p-about .l-skills .video {
    border-radius: 20px;
    overflow: hidden;
    margin: 32px;
    background-color: #fff;
    position: relative;
}

.p-about .l-skills .video img {
    width: 494px;
}

.p-about .play-btn {
    width: 102px;
    height: 72px;
    background-image: url(./img/youtube-btn.png);
    background-size: cover;
    position: absolute;
    top: 80px;
    left: 50%;
    margin-left: -51px;
    cursor: pointer;
}

.p-about .l-skills .play-btn {
    top: 99px;
}

.p-about .play-btn:hover {
    background-image: url(./img/youtube-btn-hover.png);
}

.p-about .l-skills .video .name {
    text-align: center;
    padding: 50px 0;
}

.p-about .l-ruslan {
    margin-top: 100px;
}

.p-about .l-ruslan .pane {
    border-radius: 20px;
    padding: 80px 90px;
}

.p-about .l-ruslan .column {
    margin: 0 38px;
}

.p-about .l-ruslan .photo img {
    width: 431px;
}

.p-about .l-ruslan .text h6 {
    color: #263238;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 0;
}

.p-about .l-ruslan .text span {
    color: #464ec3;
}

.p-about .l-collage {
    margin-top: 120px;
    margin-bottom: 120px;
}

.p-about .l-collage .collage {
    width: 100%;
    height: 1127px;
    position: relative;
}

.p-about .l-collage .item {
    border-radius: 20px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -10000px;
}

.p-about .l-collage .item-1 {
    top: 38px;
    left: 0;
}

.p-about .l-collage .item-1 img {
    width: 315px;
}

.p-about .l-collage .item-2 {
    top: 295px;
    left: 0;
}

.p-about .l-collage .item-2 img {
    width: 315px;
}

.p-about .l-collage .item-3 {
    top: 552px;
    left: 0;
}

.p-about .l-collage .item-3 img {
    width: 315px;
}

.p-about .l-collage .item-4 {
    top: 0;
    left: 348px;
}

.p-about .l-collage .item-4 img {
    width: 393px;
}

.p-about .l-collage .item-5 {
    top: 242px;
    left: 774px;
}

.p-about .l-collage .item-5 .play-btn {
    top: 150.5px;
}

.p-about .l-collage .item-5 img {
    width: 636px;
}

.p-about .l-collage .item-6 {
    top: 633px;
    left: 348px;
}

.p-about .l-collage .item-6 img {
    width: 714px;
}

.p-about .l-collage .item-7 {
    top: 633px;
    left: 1095px;
}

.p-about .l-collage .item-7 img {
    width: 315px;
}

.p-about .l-reviews {
    padding-bottom: 60px;
    position: relative;
    z-index: 1;
}

.p-about .l-reviews h4 {
    margin-bottom: 10px;
}

.p-about .l-reviews .reviews-group {
    padding-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.p-about .l-reviews .review-wrap {
    width: 50%;
    padding: 35px;
}

.p-about .l-reviews .review {
    height: 100%;
    line-height: 1.8;
    font-size: 18px;
    font-weight: normal;
    background-color: #fff;
    border-radius: 15px;
}

.p-about .l-reviews .photo {
    border-radius: 120px;
    overflow: hidden;
    margin: 0 25px;
}

.p-about .l-reviews .name,
.p-about .l-reviews .age {
    font-weight: 800;
    color: #263238;
    text-align: center;
}

.p-about .l-reviews .text {
    padding: 40px 40px 40px 0;
}

.p-about .l-reviews .carousel-indicators {
    position: static;
}

.p-about .l-reviews .carousel-indicators li {
    background-color: #fff;
    width: 45px;
    height: 45px;
    border-radius: 45px;
    margin-left: 15px;
    margin-right: 15px;
}

.p-about .l-reviews .carousel-indicators li.active {
    background-color: #b1b2c3;
}

.p-about .l-students-video {
    margin-bottom: 80px;
}

.p-about .l-students-video .item-wrap {
    padding: 38px;
}

.p-about .l-students-video .item {
    border-radius: 20px;
    overflow: hidden;
    background-color: #fff;
}

.p-about .l-students-video .image {
    position: relative;
}

.p-about .l-students-video .image img {
    width: 100%;
}

.p-about .l-students-video .hashtag {
    font-size: 18px;
    color: #d2d1e8;
    font-weight: 800;
    text-transform: uppercase;
    padding: 20px 30px;
    border-bottom: 1px solid #eff1f6;
}

.p-about .l-students-video .name {
    font-weight: 400;
    font-size: 16px;
    padding: 30px 30px 40px 30px;
}

@media(max-width: 1440px) {

    .p-about .l-skills {
        margin-top: 83.33px;
    }

    .p-about .l-skills ul li,
    .p-about .l-skills ul li > span {
        height: 65px;
    }

    .p-about .l-skills ul.n1 li,
    .p-about .l-skills ul.n1 li > span {
        height: 32.50px;
    }

    .p-about .l-skills .videos {
        margin-left: -75px;
        margin-right: -75px;
        margin-bottom: 12.50px;
    flex-wrap: wrap !important;
    }

    .p-about .l-skills .video {
        border-radius: 16.67px;
        margin: 26.67px;
    }
    
    .p-about .l-skills .video img {
        width: 411.65px;
    }

    .p-about .play-btn {
        width: 85px;
        height: 60px;
        top: 66.66px;
        margin-left: -42.50px;
    }

    .p-about .l-skills .video .name {
        padding: 30.66px 0;
    }

    .p-about .l-ruslan {
        margin-top: 83.33px;
    }

    .p-about .l-ruslan .pane {
        border-radius: 16.67px;
        padding: 66.66px 75px;
    }

    .p-about .l-ruslan .column {
        margin: 0 31.67px;
    }
    
    .p-about .l-ruslan .photo img {
        width: 359.15px;
    }

    .p-about .l-ruslan .text h6 {
        font-size: 20px;
    }

    .p-about .l-collage {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .p-about .l-collage .collage {
        height: 939.13px;
    }

    .p-about .l-collage .item {
        border-radius: 16.67px;
        left: -8333px;
    }

    .p-about .l-collage .item-1 {
        top: 31.67px;
        left: 0;
    }

    .p-about .l-collage .item-1 img {
        width: 264.49px;
    }
    
    .p-about .l-collage .item-2 {
        top: 245.82px;
        left: 0;
    }
    
    .p-about .l-collage .item-2 img {
        width: 264.49px;
    }

    .p-about .l-collage .item-3 {
        top: 459.98px;
        left: 0;
    }
    
    .p-about .l-collage .item-3 img {
        width: 264.49px;
    }

    .p-about .l-collage .item-4 {
        left: 289.99px;
    }
    
    .p-about .l-collage .item-4 img {
        width: 327.48px;
    }

    .p-about .l-collage .item-5 {
		top: 201px;
        left: 644.97px;   
    }
    
    .p-about .l-collage .item-5 .play-btn {
        top: 126.57px;
    }

    
    .p-about .l-collage .item-5 img {
        width: 532.31px;
    }

    .p-about .l-collage .item-6 {
        top: 527.48px;
        left: 289.99px;
    }
    
    .p-about .l-collage .item-6 img {
        width: 594.97px;
    }

    .p-about .l-collage .item-7 {
        top: 527.48px;
        left: 912.46px;
    }
    
    .p-about .l-collage .item-7 img {
        width: 264.49px;
    }

    .p-about .l-reviews .review-wrap {
        padding: 25px;
    }

    .p-about .l-reviews .review {
        font-size: 14px;
    }

    .p-about .l-reviews .photo img {
        width: 125px;
    }

    .p-about .l-reviews .carousel-indicators li {
        width: 30px;
        height: 30px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .p-about .l-students-video {
        margin-bottom: 66.66px;
    }

    .p-about .l-students-video .item-wrap {
        padding: 31.67px;
    }

    .p-about .l-students-video .item {
        border-radius: 16.67px;
    }

    .p-about .l-students-video .hashtag {
        font-size: 15px;
        padding: 16.67px 25px;
        border-bottom: 0.83px solid #eff1f6;
    }

    .p-about .l-students-video .name {
        font-size: 13.33px;
        padding: 25px 25px 33.33px 25px;
    }
}

.temrs-modal .modal-dialog {
    max-width: 800px;
}

.l-payments {
margin-top: -45px;
margin-right: 3.3%;
float: right
}

.l-payments .icons {
    margin-top: 2px;
}

.l-payments .icons img {
    margin: 0 10px;
}

.l-payments .icons .tinkoff {
    margin-top: -2px;
}

.note {
    color: #b1b2c3;;
    font-size: 14px;
    margin-top: 5px;
padding: 0px 17.50px;
}

@media(max-width: 991px) { 
    .content-width-1 {
        max-width: 100%;
        min-width: initial;
    }
    
    .l-top {
        position: relative;
        background-position: top left;
        padding: 50px 15px 0 15px;
    }
    
    .home .l-top:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255,255,255,0.7);
    }
    
    .p-about .l-top {
        background-image: none;
        position: relative;
        overflow: hidden;
    }
    
    .p-about .l-top:before {
        content: '';
        display: block;
        width: 200%;
        height: 100%;
        position: absolute;
        top: 0;
        left: -280px;
        background-image: url(./img/top-image-about.jpg);
        background-position: top left;
    }
    
    .p-about .l-top:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.5);
    }
    
    .p-about .l-top h1 {
        font-size: 16px;
    }
    
    .home .l-top h1 span {
        font-size: 55px;
    }
	
    .l-top > div {
        position: relative;
        z-index: 1;
    }
    
    .l-adv > div {
        height: auto;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .l-adv .adv {
        padding: 15px;
    }
    
    h4 {
        font-size: 30px;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    
    .l-courses .item p {
        padding: 0 20px;
    }
    
    .l-courses .item .button {
        padding: 25px 0px 25px 16px;
    }
    
    .l-courses .item .button img {
        width: 20px;
    }
    
    .l-courses .item .button span {
        margin-left: 4px;
        font-size: 14px;
    }
    
    .l-courses .btn-danger {
        padding: 13.17px 20.83px 13.17px 17.83px;
    }
    
    .btn span {
        margin-left: 13.83px;
    }
    
    .l-skills h4 {
        margin-top: 47.50px;
        margin-bottom: 43.33px;
    }
    
    .l-skills ul {
        margin-left: 0;
        padding-left: 15px;
        padding-right: 10px;
    }
    
    .l-skills ul li {
        position: relative;
        list-style-type: none;
        list-style-image: none;
        height: auto;
        padding-left: 45px;
    }
    
    .l-skills ul li:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 36px;
        height: 36px;
        background-image: url(./img/star.png);
        background-size: contain;
        background-position: center;
    }
    
    .l-skills ul li > span {
        height: auto;
        line-height: 1.5;
        position: static;
    }
    
    .l-teachers .carousel-item .c-card-wrap {
        width: auto;
        height: auto;
        min-height: auto;
    }
    
    .l-teachers .carousel-item .c-card {
        width: 100%;
        height: 100%;
        padding: 20px 20px;
    }
    
    .l-teachers .carousel-item .c-card > div.item {
    	max-width: 430px;
    }
    
    .l-teachers .carousel-item .c-card > div.item > .bottom {
    	display: block;
    }
    
    .l-teachers .carousel-item .c-card > div.item > .bottom .left {
    	margin-bottom: 25px;
    	max-width: 100%;
    }
    
    .l-teachers .carousel-item .c-card > div.item > .bottom .right {
    	padding-left: 0;
    }
    
    /*
    .l-teachers .carousel-item .c-card > div.item > div {
        display: none;
    }
    
    .l-teachers .carousel-item .c-card > div.item > div.visible {
        display: block;
    }
    
    .l-teachers .c-card img {
        width: 100%;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    
    .l-teachers .carousel-item .c-card > div.btn-group .btn {
        border-radius: 8.33px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding: .375rem .75rem;
        flex-grow: 1;
    }
    
    .l-teachers .carousel-item .c-card > div.btn-group .btn:first-child {
        border-top-right-radius: 0;
    }
    
    .l-teachers .carousel-item .c-card > div.btn-group .btn:last-child {
        border-top-left-radius: 0;
    }*/
    
    .l-teachers .carousel-control-prev, .l-teachers .carousel-control-next {
        opacity: 0.5;
    }
    
    .l-teachers {
        padding-bottom: 50px;
    }
    
    /*hide photo/info switch*/
    .l-teachers .btn-group {
        display: none !important;
    }
    /*
    .l-teachers .carousel-item .c-card > div.item {
        display: block !important;
    }
    
    .l-teachers .carousel-item .c-card > div.item > div {
        display: block;
    }
    
    .l-teachers .carousel-item .c-card > div.item > div:first-child {
        margin-bottom: 20px;
    }*/
    
    .l-teachers .carousel-control-prev, 
    .l-teachers .carousel-control-next {
        align-items: flex-start;
    }
    
    .l-teachers .carousel-control-prev-icon, 
    .l-teachers .carousel-control-next-icon {
        margin-top: 150px;
    }
    /*end of photo/info switch hiding*/
    
    .l-students .photo-wrap {
        position: relative;
        width: 100%;
        padding-bottom: 72%;
    }
    
    .l-students .photo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .l-students .carousel-control-prev {
        left: 0;
    }
    
    .l-students .carousel-control-next {
        right: 0;
    }
    
    .l-location .map {
        margin-top: 0;
    }
    
    .l-location .map ymaps {
        max-height: 400px;
    }
    
    .l-contacts h4 {
        font-size: 5.26vw;
        margin-bottom: 5.43vw;
    }
    
    .l-contacts .form-wrap {
        border-radius: 16.67px;
        padding: 9.51vw 0px 9.06vw 0px;
    }
    
    .l-contacts .quform-form-inner {
        padding: 0 21.05vw !important;
    }
    
    .l-contacts .sub-header {
        font-size: 2.36vw;
        margin-bottom: 4.98vw;
    }
    
    .l-contacts .phone:before {
        top: 1.81vw;
        width: 5.25vw;
        height: 5.25vw;
    }
    
    .l-contacts .phone {
        font-size: 5.04vw;
        margin: 0 auto 5.89vw auto;
        padding-left: 8.42vw;
        left: -3.9vw;
        padding-bottom: 0.91vw;
    }
    
    .l-contacts .phone:after {
        width: 47.1vw;
    }
    
    .l-contacts .email {
        margin-bottom: 7.7vw;
        font-size: 3.26vw;
    }
    
    .l-contacts .email span {
        font-size: 4.35vw;
    }
    
    .l-contacts .form-title {
        font-size: /*3.26vw*/ 16px;
        margin-bottom: 5.43vw;
    }
    
    .l-contacts .quform-theme-simple .quform-field-text {
        font-size: /*2.17vw;*/ 14px;
        padding: 1.45vw 0;
    }
    
    .l-contacts .quform-spacer {
        margin-bottom: 4.53vw;
    }
    
    /*
    .l-contacts .quform-theme-simple .quform-element-submit.quform-button-style-theme>.quform-button-submit-default>button {
        font-size: 3.17vw;
        padding: 2.18vw 3.62vw 2.18vw 2.18vw;
        width: 100%;
    }
    
    .l-contacts .quform-theme-simple .quform-element-submit.quform-button-style-theme>.quform-button-submit-default>button:before {
        top: 3.57vw;
        left: 2.58vw;
        width: 5.46vw;
        height: 2.53vw;
        background-size: contain;
    }
    
    .l-contacts .quform-theme-simple .quform-element-submit.quform-button-style-theme>.quform-button-submit-default>button span {
        margin-left: 5.98vw;
    }*/
    
    .l-contacts .quform-theme-simple .quform-element-submit.quform-button-style-theme>.quform-button-submit-default {
        margin-left: -28px;
        margin-right: -28px;
    }
    
    .l-contacts .quform-theme-simple .quform-element-submit.quform-button-style-theme>.quform-button-submit-default>button:before {
        top: 17.5px;
    }
    
    .l-footer .f-nav {
        display: block;
        padding: 50px 20px 66.66px 50px;
    }
    
    .l-footer .f-nav .title {
        margin-bottom: 10px;
    }
    
    .l-footer .f-nav .text {
        margin-bottom: 30px;
    }
    
    .l-socnets {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }
    
    .p-about .l-skills ul.n1 li:before {
        display: none;
    }
    
    .p-about .l-skills ul.n1 li {
        text-align: center;
        font-weight: bold;
        height: auto;
        padding-left: 0;
    }
    
    .p-about .l-skills ul.n1 li span {
        height: auto;
    }
    
    .p-about .l-skills .videos {
        margin-left: 0;
        margin-right: 0;
    }
    
    .p-about .l-skills .videos .video {
        display: table;
        margin-left: auto;
        margin-right: auto;
        
    }
    
    .p-about .l-skills .play-btn {
        top: 60px;
    }
    
    .p-about .l-ruslan .pane {
        padding: 10px;
        display: table !important;
        margin-left: auto;
        margin-right: auto;
    }
    
    .p-about .l-ruslan .text h6 {
        margin-bottom: 20px;
    }
    
    .p-about .l-ruslan .column p {
        max-width: 600px;
    }
    
    .p-about .l-ruslan .column .photo {
        margin-bottom: 20px;
    }
    
    .p-about .l-collage .collage {
        height: auto;
    }
    
    .p-about .l-collage .item-5 {
        position: relative;
        display: table;
        top: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto;
    }
    
    .p-about .l-students-video .item-wrap {
        padding: 2.2vw;
    }
    
    .p-about .l-students-video .play-btn {
        width: 5.9vw;
        height: 4.17vw;
        top: 6.5vw;
        margin-left: -2.95vw;
    }
    
    .p-about .l-students-video .image img {
        width: 20.91vw;
    }
    
    .p-about .l-students-video .hashtag {
        font-size: 1.04vw;
        padding: 1.16vw 1.74vw;
    }
    
    .p-about .l-students-video .name {
        font-size: 1.2vw;
        padding: 1.74vw 1.74vw 2.32vw 1.74vw;
    }
    
    .p-about .students-wrap {
        margin-bottom: -75px;
    }
    
    #kladr_autocomplete .autocomplete {
        z-index: 10500;
    }
	
	.video-iframe-wrap {
		width: 75%;
		padding-bottom: 45%;
	}
        
    .l-location .card.shadow {
        box-shadow: none !important;
    }
    
    .l-location .card {
        overflow: hidden;
        width: 33.33333%;
    }
    
    .l-location .card-body {
        border-right: 1px solid #e5e5e5;
        padding-left: 2vw;
        padding-right: 3vw;
    }
    
    .l-location .card-title {
        font-size: 2.87vw;
    }
    
    .l-location .card-text {
        font-size: 2.05vw;
        margin-top: 2.05vw;
    }
    
    .l-location .card-body img {
        width: 3.2vw;
        position: relative;
        top: -0.2vw;
    }
}

@media(max-width: 800px) {
    #fancybox-outer {
        transform: none;
        margin-top: 20px;
    }
    
    #fancybox-content .quform-form-inner {
        width: 240px;
        padding: 65px 35px 55px 35px !important;
    } 
    
    #fancybox-content .quform-theme-simple .quform-form-title {
        font-size: 18px;
        margin-bottom: 30px;
    }
    
    #fancybox-content .quform-theme-simple .quform-field-text {
        font-size: 14px;
    }
    
    #fancybox-content .quform-spacer {
        margin-bottom: 20px;
    }
    
    #fancybox-content .quform-theme-simple .quform-element-submit.quform-button-style-theme>.quform-button-submit-default>button:before {
        top: 20.17px;
        left: 35px;
        width: 35px;
        height: 16px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    
    .quform-theme-simple .quform-element-submit.quform-button-style-theme>.quform-button-submit-default>button {
        padding: 15px 23.33px 15px 15px;
        font-size: 16px;
    }
    
    .quform-theme-simple .quform-element-submit.quform-button-style-theme>.quform-button-submit-default>button span {
        margin-left: 15px;
    }
}

@media(max-width: 767px) {
    
    .p-about .l-ruslan .photo img {
        width: 230px;
    }
    
    .p-about .l-collage .item-5 img {
        width: 300px;
    }
    
    .p-about .l-collage .item-5 .play-btn {
        top: 60px;
    }
    
    .p-about .l-students-video .item-wrap.w-25 {
        width: 50% !important;
    }
    
    .p-about .l-students-video .image img {
        width: 45vw;
    }
    
    .p-about .l-students-video .play-btn {
        width: 11vw;
        height: 7.8vw;
        top: 14vw;
        margin-left: -5.5vw;
    }
    
    .p-about .l-students-video .hashtag {
        font-size: 2.5vw;
        padding: 2.16vw 2.74vw;
    }
    
    .p-about .l-students-video .name {
        font-size: 2.8vw;
        padding: 2.74vw 2.74vw 3.32vw 2.74vw;
    }
}

@media(max-width: 620px) {
    .p-about .l-skills .video,
    .p-about .l-skills .video img {
        width: 300px;
    }
    
    .p-about .l-skills .video .name {
        height: 44px;
        padding: 19.66px 10px;
        box-sizing: content-box;
    }
}

@media(max-width: 576px) {
    .registration-modal {
        padding-right: 0 !important;
    }
    
    .registration-modal .modal-dialog {
        margin-left: auto;
        margin-right: auto;
        max-width: 300px;
        margin-top: 30px;
    }
    
    .registration-modal .wp-social-login-provider-list {
        margin-top: 0;
        align-items: center;
    }
    
    #fancybox-content .quform-form-inner {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
	
	.l-top h1 {
		font-size: 24px;
	}
	
	.home .l-top h1 span {
		font-size: 42px;
	}
	
	.l-top h3 {
		font-size: 16px;
	}
	
	.l-adv > div {
		flex-direction: column;
	}
}

.p-page .entry-title {
    margin-bottom: 2rem;
}

.nav-item-education {
    font-size: 14px;
}