/*
Theme Name: Domfest
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** СТИЛИ ОФОРМЛЕНИЯ ЭЛЕМЕНТОВ САЙТА  ***************/
h1 {
    font-size:60px; 
    line-height:60px;
    letter-spacing:-0.03em;
    color:#fff;
}


h2 {
    font-size:60px; 
    line-height:60px;
    letter-spacing:-0.03em;
    color:#fff;
}

h4 {
    font-size:26px; 
    line-height:40px;
    letter-spacing:-0.03em;
    color:#fff;
}
.rrpg {min-height:calc(100vh - 122px);}
.dark.dark-page-wrapper {
    background: rgb(28,59,111);
background: linear-gradient(0deg, rgba(28,59,111,1) 0%, rgba(95,46,108,1) 7%, rgba(36,47,105,1) 15%, rgba(62,46,112,1) 28%, rgba(89,67,119,1) 42%, rgba(61,42,88,1) 53%, rgba(47,31,70,1) 63%, rgba(52,33,74,1) 74%, rgba(128,79,167,1) 84%, rgba(128,79,167,1) 100%);
}
.mfp-bg.mfp-ready {opacity:0.98;}
.mfp-counter {display:none;}
.gallery-col .box-text  {display:none;}
.section.dark, .absolute-footer {background-color:transparent;}
.header-nav.header-nav-main {margin-left:6%;}
.header-nav.header-nav-main li a {
    font-size:17px; 
    letter-spacing:-0.03em;
    margin-right:11px;
    transition-property:color;
    transition-duration:0.3s ease;
}
.header-nav.header-nav-main li a:hover {
    color:#d1a7f4;
    transition-property:color;
    transition-duration:0.3s ease;
}
.off-canvas-center.mfp-bg.mfp-ready {opacity:1;}
.nav-sidebar.nav-vertical > li > a {
    font-family:'Mulish'!important;
}
p.mainscreen-subtitle {
    font-size:33px;
    font-weight:700;
    color:#fff;
    letter-spacing:-0.03em;
    line-height:50px;
}
p.mainscreen-text {
    font-size:24px;
    font-weight:500;
    color:#fff;
    letter-spacing:-0.03em;
    line-height:33px;
}
.mainscreen-dates {
    position:relative;
    margin-top:0px;
}
.mainscreen-dates .data {
    position:relative;
    top:0px;
    left:0px;
    width:200px;
    font-size:70px;
    font-weight:700;
    color:#fff;
    letter-spacing:-0.03em;
    line-height:70px;
}
.mainscreen-dates .month {
    position:relative;
    top:-66px;
    left:200px;
    font-size:26px;
    font-weight:500;
    color:#fff;
    letter-spacing:-0.03em;
    line-height:26px;
}
.mainscreen-dates .location {
    position:relative;
    top:-60px;
    left:200px;
    font-size:17px;
    font-weight:500;
    color:#fff;
    letter-spacing:-0.043em;
    line-height:26px;
}
.video-btn {
    position:absolute;
    z-index:3;
    bottom:calc(50% - 64px);
    left:calc(50% - 64px);
}
.video-btn .button.open-video.icon.circle {
    width:128px;
    height:128px;
    text-shadow: 1px 1px 10px rgba(195, 154, 232, 0.39);
    box-shadow: 1px 1px 10px rgba(195, 154, 232, 0.39);
}
.video-btn .icon-play {
    font-size:4em!important;
    top: 0.051em!important;
}
.chveron-absolute {
    position:absolute;
    z-index:18;
    left:50%;
    bottom:-56px;
    
}
.chevron-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
}
.chevron {
  position: absolute;
  width: 2.1rem;
  height: 0.48rem;
  opacity: 0;
  transform: scale(0.3);
  animation: move-chevron 3s ease-out infinite;
}
.chevron:first-child {
  animation: move-chevron 3s ease-out 1s infinite;
}
.chevron:nth-child(2) {
  animation: move-chevron 3s ease-out 2s infinite;
}
.chevron:before, .chevron:after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  background: #fff;
}
.chevron:before {
  left: 0;
  transform: skewY(30deg);
}
.chevron:after {
  right: 0;
  width: 50%;
  transform: skewY(-30deg);
}
@keyframes move-chevron {
  25% {
    opacity: 1;
  }
  33.3% {
    opacity: 1;
    transform: translateY(2.28rem);
  }
  66.6% {
    opacity: 1;
    transform: translateY(3.12rem);
  }
  100% {
    opacity: 0;
    transform: translateY(4.8rem) scale(0.5);
  }
}

.ux-shape-divider .ux-shape-fill {fill: #804FA7!important;}

p.secondscreen-number {
    font-size:70px;
    font-weight:500;
    color:#fff;
    letter-spacing:-0.03em;
    line-height:70px;
    margin-bottom:7px;
}
p.secondscreen-subnumber {
    font-size:16px;
    font-weight:400;
    color:#fff;
    letter-spacing:-0.053em;
    line-height:22px;
}
.bmask01 {
    position:absolute;
    left:-50%;
    top:35%;
    z-index:-1;
    width:600px;
    height:600px;
    background-image:url('/wp-content/themes/domfest/images/bgmask-min.png');
    background-size:cover;
    background-repeat:no-repeat;
    opacity:0.6;
}
.bmask02 {
    position:absolute;
    right:-30%;
    top:35%;
    z-index:-1;
    width:500px;
    height:600px;
    background-image:url('/wp-content/themes/domfest/images/bgmask2-min.png');
    background-size:cover;
    background-repeat:no-repeat;
    opacity:0.6;
}
.slider-style-container .flickity-slider>*, .slider-style-focus .flickity-slider>*, .slider-style-shadow .flickity-slider>*
{max-width:1420px;}
.banner-container {display:flex;}
.lection-banner {
    display:flex;
    background-color:#EDEDED!important;
    padding:30px 20px;
    border-radius:40px;
    box-shadow:0px 0px 20px rgba(164,144,221,.25);
    min-height:820px;
    margin: 0px 25px;
}
.flickity-page-dots {bottom:-30px;}
.lection-content {
    color:#323232!important;
    padding:30px 30px;
}
.lection-title {
    font-family:'Nunito Sans';
    font-size:28px;
    line-height:34px;
    text-transform:uppercase;
    letter-spacing:-0.04em;
    color:#000!important;
    font-weight:bold;
}
.lection-text {
    color:#323232!important;
}
.about-lector {
    display: block;
    height: auto;
    width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 150px;
}
.about-lector-img {
    float:left;
    width:100px;
}
.about-lector-img img {
    width:80px;
    height:80px;
}
.about-lector-text {
    float:left;
    width:calc(100% - 100px);
}
.about-lector-text span.name {
    font-family:'Nunito Sans';
    font-size:24px;
    line-height:40px;
    text-transform:uppercase;
    letter-spacing:-0.05em;
    color:#000!important;
    font-weight:bold;
}
.about-lector-text span.d-date {
    font-family:'Nunito Sans';
    font-size:26px;
    line-height:30px;
    letter-spacing:-0.04em;
    color:#000!important;
    font-weight:bold;
}
.lector-button {
    position:absolute;
    margin-left: 96px;
    bottom: 17px;
}
.program-tab li.tab.has-icon {
    border-top:none!important;
    border-bottom:none!important;
    padding:16px 0px;
}
.program-tab li.tab span {
    width:100%;
    text-align:center;
    font-size:30px;
    letter-spacing:-0.04em;
    padding:10px;
    
}
.nav-vertical+.tab-panels {border-left:none!important;}
.panel.entry-content {padding-left:40px;}
.timeline td {
    padding:16px 0px;
    font-size:18px;
    line-height:26px;
}
.timeline td.ttime {
    width:100px;
    font-weight:bold;
    padding-right:30px;
}
.round-corners {border-radius:18px;}
.round-corners img {border-radius:18px;}
.qr4 {
    position:relative;
    z-index:-1;
    width:100px;
    height:100px;
    left: 104%;
    margin-top: -112px;
    margin-bottom: -60px;
} 
.qr5 {
    display:block;
    width:100px;
    height:100px;
    position:relative;
    margin-top: -116px;
    right: 61%;
}
.qr6 {
    display:block;
    width:100px;
    height:100px;
    position:relative;
    margin-top: -116px;
    right: 51%;
} 
p.footer-phone {
    font-family: "Nunito Sans", sans-serif;
    font-weight:900;
    font-size:52px;
    letter-spacing:-0.04em;
    line-height:80px;
    margin-top:-10px;
}
p.footer-phone span.telname {
    font-size:22px;
    letter-spacing:-0.04em;
    line-height:30px;
    padding-right:10px;
}
a.orange-btn {
    background-image: linear-gradient(to right top, #dba239, #e08d2b, #e37526, #e65a28, #e63830);
    padding: 3px 30px;
}
.form-button.orange-btn .wpcf7-submit {
    background-image: linear-gradient(to right top, #dba239, #e08d2b, #e37526, #e65a28, #e63830);
    padding: 3px 30px;
}
.contact-block1 {padding: 0px 50px 0px 20px;}
.contact-block2 {padding: 0px 20px 0px 50px;}


.abs-footer-1 p {
    font-size:14px;
    line-height:16px;
    letter-spacing:-0.04em;
    margin-bottom:9px;
}
.abs-footer-1 a, .abs-footer-3 a {
    text-decoration:none;
    color:#d1bfe2;
    transition-property:color;
    transition-duration:0.3s ease;
} 
.abs-footer-1 a:hover, .abs-footer-3 a:hover {
    color:#fff;
    transition-property:color;
    transition-duration:0.3s ease;
} 

.abs-footer-3 .symb-f3 {
    float: left;
    width: 34px;
    height: 34px;
    margin-right: 10px;
}
.abs-footer-3 .sym-text {
    float: left;
    margin-top:-5px;
}
.logo-cont {
    width: 100%;    
    display: block;
    overflow: hidden;
    padding: 0px 0px;
}
.logo-cont .logo-col {
    float:left;
    width: 16.65%;
    padding: 15px 15px;
}
.logo-cont .logo-col .img {
    border-radius:8px;
    cursor: pointer; 
    transform: scale(0.96);
    transition: 0.5s ease;
    
}
.logo-cont .logo-col .img:hover  {
    transform: scale(1);
    border-radius:8px;
    cursor: pointer;
    transition: 0.5s ease;
    box-shadow:0px 0px 20px rgba (255, 255, 255, 0.4);
}
.logo-cont .logo-col img {border-radius:8px;}
.logo-cont .logo-col img:hover {
    box-shadow:0px 0px 20px rgba(255, 255, 255, 0.4);
    cursor: pointer;
}
.lightbox-contentt {color:#222;}
.lightbox-contentt h3 {color:#000;margin:10px 0px;}
.lightbox-contentt p {
    font-size:14px;
    line-height:19px;
    margin-bottom:10px;
}
.lightbox-contentt ul li {margin-bottom:0px;}
 .filters {
	 width: 80%;
	 margin: 20px auto;
	 text-align: center;
	 font-size:18px;
}
 .filters li {
	 border-bottom: 1px dashed #f1f1f1;
	 padding: 0px 0px;
	 display: inline-block;
	 cursor: pointer;
	 margin:5px 20px;
}
 .filters li.active {
	 background: none;
	 color:#9D68E5;
	 border-bottom:0px;
}






/******************* ФОРМЫ  *************************/
.form-input.one-half {float:left; width:49%;}
.form-input.one-third {float:left; width:32.4%;}
.form-input.one-quarter {float:left; width:24%;}
.form-left {margin-right:1%;margin-bottom:-2px;}
.form-right {float:right;margin-bottom:7px;}
.wpcf7-validates-as-required ::placeholder ::after {content:"*";color:#db0000;}
.wpcf7-form-control-wrap .form-input input, .wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap select {background: #FFFFFF;border-radius: 5px; border-color:#fff;}
.wpcf7-form-control-wrap .form-input input[type='select']  {background: #FFFFFF;border-radius: 5px; border-color:#fff;}
.wpcf7-form-control-wrap  .form-input input[type='select']:focus,  .wpcf7-form-control-wrap .form-input input[type='email']:focus, .wpcf7-form-control-wrap .form-input input[type='search']:focus,.wpcf7-form-control-wrap .form-input input[type='number']:focus,.wpcf7-form-control-wrap .form-input input[type='tel']:focus,.wpcf7-form-control-wrap .form-input input[type='text']:focus, .wpcf7-form-control-wrap .form-input input[type='password']:focus,.wpcf7-form-control-wrap .form-input textarea:focus,.wpcf7-form-control-wrap .form-input select:focus {box-shadow:none;}
.form-divider {display:block; overflow:hidden; width:100%; height:30px; border-bottom: 1px dashed rgba(0, 0, 0, 0.2); margin-bottom:30px;}
.wpcf7-form-control-wrap.acceptance, .wpcf7 .wpcf7-form-control-wrap.acceptance-615, .wpcf7-form-control-wrap.passport-organ, .wpcf7-form-control-wrap.textarea {display:inline-block!important; width:100%;}
.wpcf7-list-item input[type='checkbox'] {margin-bottom:6px;}
.wpcf7-list-item-label {font-weight:300;}
.wpcf7 .wpcf7-form-control-wrap {display:block;}
.form-button .wpcf7-submit {margin-top:10px; text-transform:none;background: #db0000;box-shadow: none; border-radius: 99px;
font-style: normal;
font-weight: normal;
font-size: 16px;
text-align: center;
letter-spacing: -0.04em;
color: #FFFFFF;
padding: 5px 45px;
transition-property: transform;
transition-duration: 0.7s;
}
.form-button .wpcf7-submit:hover {box-shadow:none; background:#000;color:#fff;}
.wpcf7 .wpcf7-form-control-wrap {display:inline-block!important;width:100%;}

.wpcf7-form-control-wrap input[type='email'],.wpcf7-form-control-wrap input[type='date'],.wpcf7-form-control-wrap input[type='search'],.wpcf7-form-control-wrap input[type='number'],.wpcf7-form-control-wrap input[type='text'], .wpcf7-form-control-wrap input[type='tel'], .wpcf7-form-control-wrap input[type='url'], .wpcf7-form-control-wrap input[type='password'], .wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap select, .wpcf7-form-control-wrap .select-resize-ghost, .wpcf7-form-control-wrap .select2-container .select2-choice, .select2-container .select2-selection {background: #FFFFFF;
box-shadow: inset 0px 2px 3px rgba(45, 40, 59, 0.17);
border-radius: 8px;}
.wpcf7-form.init textarea {min-height:220px;}
/*********************************************************************/






/*************** АДАПТИВНЫЕ СТИЛИ  ***************/
@media only screen and (max-width: 550px) {
    .rrpg {min-height:calc(100vh - 70px);}
    h1, h2 {font-size:30px; line-height:30px;}
    h4 {font-size:22px; line-height:28px;}
    .fscreen  p.mainscreen-subtitle {
        font-size: 23px;
        line-height: 25px;
        text-align: center;
    }
    .video-btn {
        bottom: calc(60% - 32px);
        left: calc(50% - 32px);
    }
    .video-btn .button.open-video.icon.circle {
        width:60px;
        height:60px;
    }
    .video-btn .icon-play {
        font-size: 33px!important;
    }
    .fscreen p.mainscreen-text  {
        display:none;
    }
    p.mainscreen-text  {
        font-size: 22px;
        line-height: 22px;
    }
    .mainscreen-dates {
        margin-top: -21px;
        margin-left: calc(50% - 121px);
    }
    .mainscreen-dates .data {
        width: 118px;
        font-size: 40px;
        line-height: 28px;
    }
    .mainscreen-dates .month {
        top: -30px;
        left: 114px;
        font-size: 23px;
        line-height: 14px;
    }
    .mainscreen-dates .location {
        top: -33px;
        left: 114px;
        font-size: 16px;
        line-height: 26px;
    }
    p.secondscreen-number {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 4px;
    }
    p.secondscreen-subnumber {
        font-size: 15px;
        line-height: 17px;
    }
    .qr4 {
        width:70px;
        height:70px;
        left: calc(50% - 35px);
        margin-top: -7px;
        margin-bottom: -30px;
    } 
    .qr5, .qr6 {
        width:60px;
        height:60px;
        position: relative;
        left: 0;
        top: 120px;
        margin-bottom: 121px;
    }
    .lection-banner {
        padding: 20px 0px;
        border-radius: 29px;
        min-height: 820px;
        margin: 0px 5px;
    }
    .lection-title {
        font-size: 19px;
        line-height: 21px;
    }
    .lection-text {
        font-size: 15px;
        line-height: 20px;        
    }
    .about-lector {bottom:100px;}
    .about-lector-img, .about-lector-img img {
        width:50px!important;
        height:50px!important;
    }
    .about-lector-text {
        margin-left: 10px;
        font-size: 15px;
    }
    .about-lector-text span.name {
        font-size: 17px;
        line-height: 20px;
    }
    .about-lector-text span.d-date {
        font-size: 19px;
        line-height: 0px;
    }
    .lector-button {
        margin-left: 3%;
        bottom: -5px;
        font-size: 13px;
    }
    .flickity-page-dots .dot {
        height: 10px;
        margin: 0 3px;
        width: 10px;
    }
    .contact-block1 {padding: 0px 20px 0px 20px;}
    .contact-block2 {padding: 30px 20px 0px 20px;}
    p.footer-phone {font-size: 28px;line-height: 45px;}
    p.footer-phone span.telname {
        font-size:16px;
        line-height:22px;
}
    .abs-footer-1 {margin-bottom:40px;}
    .abs-footer-3 .sym-text {text-align:left!important;}
    .logo-cont .logo-col {
        float:left;
        width: 50%;
        padding: 10px 10px;
    }
    .lightbox-content.lightbox-white.has-block {padding:0px!important;}
    .lightbox-contentt .img.has-hover {
        position:relative; 
        max-width:250px;
        margin: 0 auto;
    }
    blockquote {
        font-size: 15px;
        font-style: italic;
        margin: 0 0 1.25em;
        padding: 0 0.25em 0 0.875em;
        position: relative;
        line-height: 20px;
    }
    
}

@media (min-width:551px) and (max-width:850px) {
    .rrpg {min-height:calc(100vh - 90px);}
    h1, h2 {font-size:40px; line-height:40px;}
    h4 {font-size:24px; line-height:30px;}
    .fscreen  p.mainscreen-subtitle {
        font-size: 23px;
        line-height: 25px;
        text-align: center;
    }
    .video-btn {
        bottom: calc(60% - 32px);
        left: calc(50% - 32px);
    }
    .video-btn .button.open-video.icon.circle {
        width:60px;
        height:60px;
    }
    .video-btn .icon-play {
        font-size: 33px!important;
    }
    .fscreen p.mainscreen-text  {
        display:none;
    }
    p.mainscreen-text  {
        font-size: 20px;
        line-height: 26px;
    }
    .mainscreen-dates {
        margin-top: -21px;
        margin-left: calc(50% - 121px);
    }
    .mainscreen-dates .data {
        width: 118px;
        font-size: 40px;
        line-height: 28px;
    }
    .mainscreen-dates .month {
        top: -30px;
        left: 114px;
        font-size: 23px;
        line-height: 14px;
    }
    .mainscreen-dates .location {
        top: -33px;
        left: 114px;
        font-size: 16px;
        line-height: 26px;
    }
    .qr4 {
        width:70px;
        height:70px;
        left: calc(50% - 35px);
        margin-top: -7px;
        margin-bottom: -60px;
    }
    .qr5, .qr6 {
        width:70px;
        height:70px;
        position: relative;
        left: 0;
        top: 120px;
        margin-bottom: 121px;
    }
    .biggallery .gallery-col.col:last-child {display:none;}
    .lection-content {padding: 20px 20px;}
    .lection-text {
        font-size: 17px;
        line-height: 22px;
    } 
    .about-lector {bottom:120px;}
    .about-lector-text span.name {font-size:18px;}
    .contact-block1 {padding: 0px 20px 0px 20px;}
    .contact-block2 {padding: 30px 20px 0px 20px;}
    p.footer-phone {font-size: 38px;line-height: 45px;}
    p.footer-phone span.telname {
        font-size:16px;
        line-height:22px;
    }
    .abs-footer-1 {margin-bottom:40px;}
    .abs-footer-3 .sym-text {text-align:left!important;}
    .logo-cont .logo-col {
        float:left;
        width: 25%;
        padding: 10px 10px;
    }

}

@media (min-width:850px) and (max-width:1023px) {
    h1, h2 {font-size:40px; line-height:40px;}
    .header-nav.header-nav-main.nav {margin-left:2%;padding-top:22px;}
    .menu-item.menu-item-type-custom {line-height:7px;}
    .header-nav.header-nav-main li a {
        font-size:14px; 
        margin-right:5px;
    }
    .header.has-transparent.has-sticky.sticky-jump .stuck .header-nav.header-nav-main.nav {padding-top:3px;}
    .header.has-transparent.has-sticky.sticky-jump  .stuck .header-main .nav > li > a {line-height:5px;}
    .qr4 {
        width:80px;
        height:80px;
        left: calc(50% - 40px);
        margin-top: -7px;
        margin-bottom: -30px;
    }
    .qr5, .qr6 {
        width:80px;
        height:80px;
        position: relative;
        left: 0;
        top: 120px;
        margin-bottom: 121px;
    }
    .lection-banner {
        padding: 20px 0px;
        border-radius: 30px;
        margin: 0px 7px;
    }
    .lection-title {
        font-size: 21px;
        line-height: 25px;
    }
    .lection-text {
        font-size:15px;
        margin-bottom:8px;
    }
    .about-lector {bottom:111px;}
    .about-lector-img,.about-lector-img img {
        width:60px;
        height:60px;
    } 
    .about-lector-text span.name {font-size:19px;}
    .about-lector-text {margin-left:30px;width: calc(100% - 120px);}
    .lector-button {
        margin-left:6%;
        bottom: -3px;
    }
    .html.header-social-icons.ml-0 {margin-top:-20px;}
    .contact-block1 {padding: 0px 20px 0px 20px;}
    .contact-block2 {padding: 0px 20px 0px 20px;}
    p.footer-phone {font-size: 30px;line-height: 45px;}
    p.footer-phone span.telname {
        font-size:16px;
        line-height:22px;
    }
    .logo-cont .logo-col {
        float:left;
        width: 25%;
        padding: 10px 10px;
    }
}

@media (min-width:1023px) and (max-width:1099px) {
    .header-nav.header-nav-main.nav {margin-left:4%;padding-top:22px;}
    .menu-item.menu-item-type-custom {line-height:7px;}
    .header-nav.header-nav-main li a {
        font-size:16px; 
        margin-right:15px;
    }
    .header.has-transparent.has-sticky.sticky-jump .stuck .header-nav.header-nav-main.nav {padding-top:3px;}
    .header.has-transparent.has-sticky.sticky-jump  .stuck .header-main .nav > li > a {line-height:5px;}

    .qr4 {
        width:100px;
        height:100px;
        left:90%;
        margin-top:-150px;
    }
    .qr5, .qr6 {
        width: 80px;
        height: 80px;
        position: relative;
        margin-top: -150px;
        right: 51%;
    }
    .lection-banner {
        padding: 20px 0px;
        border-radius: 30px;
        margin: 0px 7px;
    }
    .lection-title {
        font-size: 21px;
        line-height: 25px;
    }
    .lection-text {
        font-size:15px;
        margin-bottom:8px;
    }
    .about-lector {bottom:111px;}
    .about-lector-img,.about-lector-img img {
        width:60px;
        height:60px;
    } 
    .about-lector-text span.name {font-size:19px;}
    .about-lector-text {margin-left:30px;width: calc(100% - 120px);}
    .lector-button {
        margin-left:6%;
        bottom: -3px;
    }
    .contact-block1 {padding: 0px 20px 0px 20px;}
    .contact-block2 {padding: 0px 20px 0px 20px;}
    p.footer-phone {font-size: 40px;line-height: 49px;}
    p.footer-phone span.telname {
        font-size:18px;
        line-height:22px;
    }
}

@media (min-width:1100px) and (max-width:1199px) {
    .header-nav.header-nav-main {margin-left:2%;}
    .header-nav.header-nav-main li a {
        font-size:14.5px; 
        margin-right:5px;
    } 
    .qr4 {
        width:100px;
        height:100px;
        left:90%;
        margin-top:-150px;
    }
    .qr5, .qr6 {
        width: 100px;
        height: 100px;
        position: relative;
        margin-top: -150px;
        right: 51%;
    }
    .lection-title {
        font-size: 24px;
        line-height: 28px;
    }
    .lection-text {
        font-size: 17px;
        line-height: 23px;
        margin-bottom:9px;
    }
    .about-lector {bottom:120px;}
    .about-lector-text {width: 350px;}
    .lector-button {bottom:-2px;}
    .contact-block1 {padding: 0px 30px 0px 20px;}
    .contact-block2 {padding: 0px 30px 0px 20px;}
        p.footer-phone {font-size: 47px;line-height: 59px;}
    p.footer-phone span.telname {
        font-size:19px;
        line-height:26px;
    }
}


@media (min-width:1200px) and (max-width:1299px) {
    .header-nav.header-nav-main {margin-left:4%;}
    .header-nav.header-nav-main li a {
        font-size:16px; 
        margin-right:8px;
    } 
    .contact-block1 {padding: 0px 30px 0px 20px;}
    .contact-block2 {padding: 0px 20px 0px 30px;}
    .qr5, .qr6 {
        width: 100px;
        height: 100px;
        position: relative;
        margin-top: -116px;
        right: 61%;
    }
    .lection-text {
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 14px;
    }
    .about-lector {bottom:108px;}
    .about-lector-text {width: 350px;}
    .lector-button {bottom:1px;}
}