/*
font-family: 'Lobster', cursive;
font-family: 'Gabriela', serif;
font-family: 'Kurale', serif;*/
body {
   font-family: 'Lobster', cursive;
    background-color: #e3cfb2;
    background-image: url(/images/system/background-light.jpg);
    background-position: center top;
    background-repeat: repeat repeat;
    min-width: 375px;
}
strong, h4, legend {
    color: #550055;
    font-size: 24px;
    font-family: 'Lobster', 'Comic Sans MS', 'Times New Roman', 'Georgia', cursive;
    font-weight: normal !important;
    font-style: normal !important;
}
h1, h2, h3, h4, h5, h6, legend {
    color: #550055;
}
img {display: inline-block;}

/*Typography and common styles*/
#sp-main-body {
    padding: 40px 0;
}
a, a:focus  {
    color: #631363;
}
.sppb-btn.focus, .sppb-btn:focus, .sppb-btn-info.focus, .sppb-btn-info:focus, .btn-primary.focus, .btn-primary:focus, .btn-secondary.focus, .btn-secondary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

/* Header */
#sp-header {
/*    background: url(/images/system/flag.png) right top no-repeat no-repeat, url(/images/system/background-light.jpg) center center repeat repeat;*/
    background: url(/images/system/flag.png) right top no-repeat no-repeat;
    background-size: contain;
    box-shadow: inset 0px 40px 59px -30px rgba(59,18,0,0.6), inset 0px -40px 59px -30px rgba(59,18,0,0.6), 0 5px 5px 0 rgba(59,18,0,0.2);
/*    transition: all 1s ease;*/
    
}
.logo-image {
    padding: 14px 6px 6px;
    background: url(/images/system/logo-bg.png) center bottom no-repeat no-repeat;
    background-size: contain;
}
#mov_x2F_object {
    animation: 12s infinite rotatemill linear;
    transform-origin: 49% 47%;
    
}
@keyframes rotatemill {
    100% {
        transform: rotate(360deg);
    }
}
.section_yarmarok::after, .section_yarmarok::before, .section_gallery::after, .section_gallery::before, .section_classes::before, .section_classes::after, .section_infopartners::after, .section_infopartners::before, .article-full-image::after, .article-full-image::before, .app__item::before, .app__item::after {
    position: absolute;
    content: "";
    height: 12px;
    width: 100%;
    left: 0;
    background: url(/images/system/background-red-black.jpg) left top repeat repeat;
}
#sp-header::before, #sp-header::after {
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
}

#sp-header::before {
    top: 0;
    height: 6px;
    background: url(/images/system/background-red-black.jpg) left top repeat repeat;
}
#sp-header::after {
    bottom: -37px;
    height: 43px;
    background: url(/images/system/background-red-black.jpg) left top repeat no-repeat, url(/images/system/slider_decor.png) left bottom repeat no-repeat;
}
#sp-header.header-sticky::after {
    display: none;
}
.main__page #sp-header::after {
    bottom: 0;
    height: 6px;
    background: url(/images/system/background-red-black.jpg) left top repeat repeat;
    
}
#sp-header>.container>.container-inner> .row>div {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
}
#sp-header .logo a {
    display: block;
    position: relative;
}
#sp-header .logo {
    display: block;
}
#sp-header .logo a::after {
    position: absolute;
    content: "";
    width: 100%;
    max-width: 754px;
    height: 100%;
    top: 11px;
    left: 135px;
    background: url(/images/system/logo-words.png) left center no-repeat no-repeat;
}
.logo-image {
    margin-top: -6px;
}
.row {
    position: relative !important;
}
#sp-top1 {
    max-width: 945px;
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 225px) !important;
}

#sp-top1>.sp-column {
    max-width: 945px;
    display: flex;
    justify-content: space-between;
}
#sp-top1 .lang-inline {
    display: flex;
}
#sp-top1 .lang-inline a, #sp-top1 .menu a , #sp-top2 .order-wrap a{
    display: block;
    box-shadow: -3.214px 3.83px 13px 0px rgba(0, 0, 0, 0.28), inset 0 0 15px rgba(0,0,0,.15) ;
    font-size: 18px;
    color: #fff5b4;
    background: #1079bb;
    padding: 4px 16px 5px;
    font-family: lobster, cursive;
    text-shadow: 0 0 5px rgba(0,0,0,.4);
    border-radius: 0 0 3px 3px;
    transition: background .3s ease-in-out, text-shadow .3s ease-in-out, box-shadow .3s ease-in-out, transform .3s ease-in-out;
}
#sp-top2 .order-wrap a {
    border-radius: 3px;
     max-height: 55px;
    min-height: 40px;
}
#sp-top1 .lang-inline a:hover, #sp-top1 .menu a:hover {
    background: #146e19;
    transform: translateY(-3px);
}
#sp-top2 .order-wrap a:hover {
    background: #FF9800;
    box-shadow: -3.214px 3.83px 13px 0px rgba(0, 0, 0, 0.28);
    text-shadow: none;
    transform: translateY(-3px);
}

#sp-top1 .search input {
    width: 312px;
    text-align: center;
    font-family: 'Kurale', serif;
    font-size: 18px;
    border-radius: 0 0 12px 12px;
    box-shadow: inset 0px -3px 15px 0px rgba(0, 0, 0, 0.08);
    transform: translateY(-5px);
    border: none;
    transition: all .3s ease-in-out;
}
#sp-top1 .search input:focus, #sp-top1 .search input[name="searchword"]:hover {
    transform: translateY(0);
}
#sp-top1 .search input:focus::placeholder {
    color: #631363;
}
#sp-top1 .menu{
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: row;
    z-index: 10;
}
#sp-top1 .menu li {
    margin: 0 5px;
}
#sp-top1 .menu li:last-child {
    margin-right: 0;;
}
#sp-top2 .order-wrap {
    display: flex;
    flex-direction: column;
    width: 210px;
    position: absolute;
    right: 0;
    top: -77px;
    text-align: center;
}
#sp-top2 .order-wrap a {
    line-height: 1.2;
}
#sp-top2 .order-wrap p {
    font-family: Kurale, serif;
    font-size: 16px;
    color: #813328;
}
.form-control:focus {
    box-shadow: none;
}
.sp-megamenu-parent, #sp-footer1 ul.menu {
   padding: 0;
    margin: -12px 0 0;
    width: 100%;
    display: flex !important;
    justify-content:space-around;
}
#sp-footer1 ul.menu {
    justify-content: center;
    flex-wrap: wrap;
}
.sp-megamenu-parent > li {
    display: inline-block;
    position: relative;
    padding: 0px .5rem 0px .5rem;
}

.sp-megamenu-parent li a,.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, #sp-footer1 .menu li a, .pagination .page-item a, .app__module a {
    border-radius: 10px;
    background: rgba(255,255,255, .3) !important;
    box-shadow: 0px 1px 5px 0px rgba(42, 33, 25, 0.75);
    color: #631363;
    font-size: 18px !important;
    padding: 4px 8px 6px;
    white-space: nowrap !important;
/*    max-height: 38px;*/
}
.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a,
#sp-footer1 .menu li:hover a,
#sp-footer1 .menu li.active a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    color: #009900;
    text-shadow: 0px 0px 3px rgba(255, 255, 255, .8);
    transition: all .3s ease-in-out;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a > span {
    display: inline-block;
    height: auto;
    max-width: 275px;
}

.header-sticky .sp-megamenu-parent > li > a {
    font-size: 18px;
}
.sp-megamenu-parent li:first-child a img, .sp-megamenu-parent li:first-child a svg  {
    height: 0;
    position: absolute;
    top: -2px;
    left: -53px;
    transform: translateY(-80px);
    opacity: 0;
    transition: none;
    
}
.sp-dropdown {
    width: auto !important;
    min-width: 260px;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner {
    border-radius: 10px;
    box-shadow: inset 0px 0px 15px rgba(136, 85, 34, .7), 0px 0px 5px rgba(0, 0, 0, .7);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    margin: 5px 0;
    text-align: center;
}
#sp-header.header-sticky {
    position: relative !important;
    transition: all 1s ease;
}


.sp-megamenu-wrapper {
    display: flex;
    justify-content: center;
}

#sp-header .menu--sticky .sp-megamenu-wrapper {
    opacity: 0;
    transform: translateY(-50px);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: url(/images/system/background-light.jpg) center center repeat repeat;
    transition: padding .5s ease-in-out, box-shadow .2s ease-in-out;
     box-shadow: inset 0px -40px 40px -30px rgba(59,18,0,0.5), 0 5px 5px 0 rgba(59,18,0,0.2);
    transition: transform .4s ease, opacity .2s linear;
}
#sp-header.header-sticky .menu--sticky .sp-megamenu-wrapper {
    opacity: 1;
    transform: translateY(0);
}
#sp-header.header-sticky .sp-megamenu-parent {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 10px 10px 60px;
}
#sp-header.header-sticky .sp-megamenu-parent li:first-child a img, #sp-header.header-sticky .sp-megamenu-parent li:first-child a svg {
    height: 46px;
    position: absolute;
    transform: translateY(-3px) translateX(0px);
    opacity: 1;
    transition: transform .5s ease .3s, opaciy .2s linear;
    
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right{
     padding: 10px
     
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    position: relative;
    padding: 10px;
    background: url(/images/system/background-light.jpg) center center repeat repeat;
    border-radius: 10px;
    box-shadow: inset 0px 0px 15px rgba(136, 85, 34, .7), 0px 0px 5px rgba(0, 0, 0, .7);
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner::before {
    position: absolute;
    content: "";
    background: rgba(96, 72, 52, 0.2);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.logo__link {
    display: none;
}

body.ltr .sp-megamenu-parent > li.sp-has-child > a,
body.ltr .sp-megamenu-parent > li.sp-has-child > span {
    word-wrap: normal;
    white-space: nowrap;
}

body.ltr .sp-megamenu-parent > li.sp-has-child > a:after,
body.ltr .sp-megamenu-parent > li.sp-has-child > span:after,
body.ltr .sp-megamenu-parent > li.sp-has-child > a:before,
body.ltr .sp-megamenu-parent > li.sp-has-child > span:before {
    float: none !important;
    display: inline !important;
}



/*  Slider  */
.section__slider {
    padding: 37px 0;
}

.slider__col {
    width: calc(50% - 20px) !important;
}
.slider__row {
    max-width: 1200px !important;
    margin: 0 auto !important;
}
.slider__col--content>.n2-ss-layer-col.n2-ss-layer-content{
    border-top: 35px solid #fff;
    border-right: 35px solid #fff;
    border-bottom: 35px solid #fff;
    border-left: 35px solid transparent;
    width: 85%;
    position: relative;
}

.slider__col--content>.n2-ss-layer-col.n2-ss-layer-content::before, .slider__col--content>.n2-ss-layer-col.n2-ss-layer-content::after {
    position: absolute;
    content: "";
    width: 35px;
    left: -35px;
    background: #fff;
}
.slider__col--content>.n2-ss-layer-col.n2-ss-layer-content::before{
    top: -35px;
    height: 80%;
}
.slider__col--content>.n2-ss-layer-col.n2-ss-layer-content::after {
    bottom: -35px;
    height: 19%
}
 .slider__col--content>.n2-ss-layer-col.n2-ss-layer-content p    {
    text-shadow: -3px -3px 0px #fff !important;
     }
.section__slider::before, .section__slider::after {
    position: absolute;
    height: 37px;
    width: 100%;
    left: 0;
    content: "";
    background: url(/images/system/slider_decor.png) center center repeat no-repeat;
    background-size: contain;
    z-index: 2;
}
.section__slider::before {
    top: 0;
}
.section__slider::after {
    bottom: 0;
}
.n2-style-0dfcc93d26ded644e92fb1d300cbbfe1-simple   {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: transparent !important;
}
.n2-style-0dfcc93d26ded644e92fb1d300cbbfe1-simple>span {
    font-size: 0 !important;
    padding-bottom: 30px;
}
.n2-style-0dfcc93d26ded644e92fb1d300cbbfe1-simple>span>div {
    font-family: Lobster, cursive;
    color: #fff;
    font-style: normal;
    text-shadow: -2.828px -2.828px 0px rgba(125, 54, 54, 0.9);
    
}
.n2-style-0dfcc93d26ded644e92fb1d300cbbfe1-simple>span:first-child>div {
    font-size: 2.85vw;
}
.n2-style-0dfcc93d26ded644e92fb1d300cbbfe1-simple>span:last-child>div {
    font-size: 2.65vw;
}
div#n2-ss-1 .n2-style-0dfcc93d26ded644e92fb1d300cbbfe1-simple {
    justify-content: center;
}
.n2-section-smartslider      {
    min-height: 350px;
}
/*  Yarmarok section (fllipped cards)  */
.section_yarmarok {
    box-shadow: inset 0 0 177px 0 rgba(176, 147, 70, 0.75);
}
.section_yarmarok::before {
    top: 0;
    height: 12px;            
}
.section_yarmarok::after {
    bottom: 0;
    height: 12px;
}
.section_yarmarok .sppb-section-title {
    margin-bottom: 60px !important;
}
.yarmarok__card {
    margin: 0 7px 40px;
}
.yarmarok__card .sppb-flipbox-front .flip-box-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}
.yarmarok__card .sppb-flipbox-front {
    padding: 10px 40px 0;
    background: #f7f2eb;
    border: 5px solid #8d2c1c;
    border-radius: 4px;
    box-shadow: -3.214px 3.83px 13px 0px rgba(0, 0, 0, 0.28);
}
.yarmarok__card .sppb-flipbox-back {
    padding: 0;
    border: 5px solid #f7f2eb;
    border-radius: 4px;
    background-color: #8d2c1c;
    box-shadow: -3.214px 3.83px 13px 0px rgba(0, 0, 0, 0.2);
}
.yarmarok__card .sppb-flipbox-back .flip-box-inner {
    padding: 20px;
}
.yarmarok__card .sppb-flipbox-back .flip-box-inner p{
    font-size: 19px;
    color: #f7f2eb;
    font-family: 'Lobster', cursive; 

}
.yarmarok__card .sppb-flipbox-front h3, .yarmarok__card .sppb-flipbox-front p {
    color: #8d2c1c;
    font-size: 24px;
    line-height: 1.1;
    font-family: 'Lobster', cursive; 
}
.img__mill {
    width: 62px;
    transform: translateY(6px);
}

/*  News  */
.section_news .owl-stage {
    display: flex;
}
.news__item .owl-item {
    padding-top: 20px;
    padding-bottom: 20px;
}
.section_news, .section_classes, .section_infopartners {
    padding-right: 40px !important;
    padding-left: 40px !important;
}
.section_classes, .section_infopartners {
    padding-right: 15px !important;
    padding-left: 15px !important;
}
.section_news .sppb-col-md-12, .section_news .sppb-row {
    padding-right: 0;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
}
.section_news .sppb-container-inner, .section_classes .sppb-container-inner, .section_infopartners .sppb-container-inner {
    max-width: 1680px;
    margin: 0 auto;
}
.section_news .sppb-addon-articles {
    margin-bottom: 40px;
}
.news__item .sppb-article-info-wrap {
    padding: 10px 15px 15px;
    box-shadow: inset 0 25px 50px -40px rgba(215, 198, 173, .7);
    height: calc(100% - 40px);

}

.news__item .sppb-article-info-wrap * {
    text-shadow: 1px 1px 2px #fff;
}
.news__item .sppb-article-img-wrap {
    display: block;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}
.news__item .sppb-addon-article .sppb-article-img-wrap img {
    transition: transform .4s ease-in-out;
    backface-visibility: hidden;
}
.news__item .sppb-addon-article:hover .sppb-article-img-wrap img {
    transform: scale(1.05);
}
.news__item .sppb-article-info-wrap h3 a {
    display: block;
    margin: 5px 0;
    color: #3fad56;
    font-size: 24px;
}

.news__item .sppb-article-info-wrap h3 a:hover {
     color: #550055;
}
.news__item .sppb-article-info-wrap .sppb-article-meta a {
    color: #550055;
    text-decoration: underline;
}
.news__item .sppb-article-info-wrap .sppb-article-meta a:hover {
    text-decoration: none;
}
.news__item .sppb-article-introtext, .news__item .sppb-readmore {
    font-family: 'Kurale', serif;
}
.news__item .sppb-article-introtext {
    font-size: 18px;
    margin-bottom: 30px;
}
.news__item .sppb-article-introtext img {
    display: none;
}
.news__item .sppb-article-meta {
    display: flex;
    justify-content: center;
}
.news__item .sppb-article-meta>span {
    color: #252525;
}
.news__item .sppb-article-meta .sppb-meta-date {
    position: relative;
    padding-right: 8px;
}
.news__item .sppb-article-meta .sppb-meta-date::before {
    position: absolute;
    content: "/";
    top: 0;
    right: -4px;
}
.news__item .sppb-readmore {
    color: #570256;
    position: absolute;
    font-size: 18px;
    bottom: 0;
    left: 30px;
    padding-bottom: 15px;
    transition: all .3s ease-in-out;
}
.news__item .sppb-readmore:hover {
    transform: translateY(-10px);
}
.news__item .sppb-readmore::after {
    position: absolute;
    content: "\f178";
    left: 100%;
    bottom: -2px;
    height: 100%;
    font-family: FontAwesome;
    font-size: 20px;
    padding-left: 5px;
    transition: all .3s ease-in-out;
}
.news__item .sppb-readmore:hover::after {
    padding-left: 20px;
}
.news__links, .news__links strong {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 40px;
    width: 100%;
}
.section_news .socials {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}
.section_news .socials ul,  #sp-footer .socials ul {
    list-style: none;
    display: flex;
    padding: 0;
}
.section_news .socials li,  #sp-footer .socials li {
    margin: 0 8px;
}
.section_news .socials img,  #sp-footer .socials img {
    border-radius: 3px;
    transition: transform .3s ease-in-out;
}
.section_news .socials img:hover,  #sp-footer .socials img:hover {
    transform: translateY(-8px);
}
.section_news .news__links p{
    color: #550055;
    font-size: 19px;
    font-family: Lobster, cursive;
}
.section_news .news__links a {
    text-decoration: underline;
    color: #550055;
}
.section_news .news__links a:hover{
    color: #009900;
}
.news__item .sppb-col-sm-3 {
    height: 100%;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
.news__item .sppb-addon-article {
    height: 100%;
     border-radius: 10px;
     box-shadow:  0 0 15px -2px rgba(57, 25, 2, .18), inset 0 0 50px rgba(215, 198, 173, .7);
    background: rgba(255,255,255, .8);
}
.news__item .owl-stage-outer {
    max-height: 575px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    outline: none;
    transition: all .3s ease;
}
.owl-carousel .owl-nav button.owl-prev {
    left: -30px;
}
.owl-carousel .owl-nav button.owl-next {
    right: -30px;
}
.owl-carousel .owl-nav button.owl-next::after, .owl-carousel .owl-nav button.owl-prev::after {
    font-family: fontAwesome;
    font-size: 40px;
    color: #7b1074;
    transition: color .3s ease-in-out;
}
.owl-carousel .owl-nav button:hover::after {
    color: #3fad56;
}
.owl-carousel .owl-nav button.owl-prev:hover {
    left: -35px;
}
.owl-carousel .owl-nav button.owl-next:hover {
    right: -35px;
    
}
.owl-carousel .owl-nav button.owl-next::after {
    content: "\f061";
}
.owl-carousel .owl-nav button.owl-prev::after {
    content: "\f060";
}
/*  Gallery  */
.section_gallery::before {
    top: 0;
}
.section_gallery::after{
    bottom: 0;
}
.section_gallery .scrollplus-thumb {
    background: #6b006b;
}
.scrollplus-horizontal .scrollplus-dock:before {
    background: none;
}

.section_gallery .sigplus-image {
    overflow: visible;
}
.section_gallery .sppb-section-title {
    margin-bottom: 20px !important;
}
.section_gallery .sigplus-image {
    padding-top: 30px;
}
.section_gallery .sigplus-image img {
    transition: transform .3s ease-in-out, box-shadow .3s ease-in-out;
}
.section_gallery .sigplus-image img:hover {
    transform: translateY(-20px) scale(1.1);
    box-shadow:  0 20px 20px -15px rgba(69, 39, 0, .45);
}

#fancybox-content, #fancybox-wrap, #lightbox-content, #lightbox-wrap {
    box-sizing: content-box;
}
 #fancybox-wrap {
    padding: 50px 20px;
}
#fancybox-content, #lightbox-content {
    border-color: transparent;
}
#fancybox-outer, #lightbox-outer {
     background: transparent;
}
#lightbox-outer {
    box-shadow: none;
}
#fancybox-outer>div {
    background: none;
}
#fancybox-overlay, #lightbox-overlay {
    background: rgba(0,0,0, .9) !important;
    opacity: 1 !important;
}
#fancybox-close, #lightbox-close {
    width: 25px;
    height: 25px;
    right: 15px;
    top: 15px;
    background: rgba(35, 35, 35, 1);
    border-radius: 50%;
    box-shadow: 0 0 5px 0 rgba(255, 255, 255, .5);
    transition: box-shadow .3s ease-in-out;
}
#fancybox-close:hover, #lightbox-close:hover {
    box-shadow: 0 0 8px 0 rgba(255, 255, 255, .8);
}

#fancybox-left-ico, #fancybox-right-ico, #lightbox-left-ico, #lightbox-right-ico {
    background-image: none;
    background-color: rgba(35, 35, 35, 1);
    width: 56px;
    height: 56px;
    border-radius: 50%;
}
#fancybox-left-ico::before, #fancybox-right-ico::before, #fancybox-close::before, #lightbox-left-ico::before, #lightbox-right-ico::before, #lightbox-close::before {
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    font-family: fontAwesome;
    font-size: 36px;
    color: rgba(255, 255, 255, 1);
}
#fancybox-close::before, #lightbox-close::before {
    content:"\f00d";
    font-size: 15px;
    top: 2px;
}
#fancybox-left-ico::before, #lightbox-left-ico::before{
    content: "\f104";
    left: 45%;
}
#fancybox-right-ico::before, #lightbox-right-ico::before{
    content: "\f105";
    left: 50%;
    transform: translateX(-50%);
}
.article-details.photo__page {
    padding: 20px 0 1px;
    background: rgba(255,255,255,.25);
    margin-top: 40px;
    border-radius: 12px;
    box-shadow: 0 0 20px 0 rgba(103, 56, 24, 0.14);
    width: calc(100% - 3px);
}

.article-details.photo__page .article-header {
    background: rgba(255,255,255, 0.4);
}
.photo__page [itemprop="articleBody"]{
    padding: 0;
    background: transparent;
    box-shadow: none;
}
.article-details.photo__page .article-info {
    display: none;
}
.ba-gallery .ba-goback {
    justify-content: center;
}
.ba-gallery .ba-goback h2 {
    display: inline !important;
    width: auto !important;
}

/*  Partners  */
.partner_item img {
    transition: all .4s ease-in-out;
}
.partner_item img:hover {
    transform: scale(1.07);
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.12);
}

/*  Master classes  */
.section_classes::before {
    top: 0;
}
.section_classes::after {
    bottom: 0;
}
.master_class {
    margin-bottom: 30px;
    box-shadow: 5px -5px 45px 0 rgba(69, 39, 0, .4);
}

.master_class .sppb-addon-image-layout-image {
    position: relative;
}
.master_class .sppb-addon-image-layout-image::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(75, 18, 71, 0.7);
    opacity: 0;
    transition: opacity .4s ease-in-out;
}
.master_class .sppb-addon-image-layout-content {
    position: absolute;
    top: calc(100% - 75px);
    height: 76px;
    transition: all .4s ease-in-out .1s;
    padding: 0;
    background: transparent;
    color: #74866c;
}
.master_class .sppb-addon-image-layout-content h3{
    height: 75px;
    padding: 20px 0 23px !important;
    background: #f0ebcc;
    text-decoration: underline;
    text-align: center;
    font-size: 22px;
    line-height: 1.1;
    font-family: Kurale, serif;
    position: relative;
}
.master_class .sppb-addon-image-layout-content h3::before {
    content: "";
    position: absolute;
    bottom: calc(100% - 1px);
    left: 0;
    width: 100%;
    height: 20px;
    background: url(/images/system/triangle.svg) 0 0 no-repeat no-repeat;
    background-size: cover
    
}
.master_class .sppb-addon-image-layout-text, .master_class .sppb-addon-image-layout-text strong {
    text-align: center;
    transform: scale(0);
    transition: all .2s ease-in-out;
    color: #fff;
    text-shadow: 0 0 3px rgba(0,0,0,.8);
    padding: 10px;
}


.master_class:hover .sppb-addon-image-layout-content {
    top: 0;
    transition: all .5s ease-in-out;
}
.master_class:hover .sppb-addon-image-layout-text {
    transform: scale(1);
    transition: all .3s ease-in-out .2s;
}
.master_class:hover .sppb-addon-image-layout-image::before {
    opacity: 1;
    
}
/*  Info partners  */
.section_infopartners::before {
    top: 0;
    height: 6px;
}
.section_infopartners::after {
    bottom: 0;
    height: 6px;
}
.section_infopartners .bannergroup.row  {
    display: flex;
    justify-content: space-around;
}

.section_infopartners .banneritem  {
    margin-bottom: 30px;
}
.section_infopartners .banneritem img {
    transition: transform .3s ease-in-out, box-shadow .3s ease-in-out;
    transform-origin: 50% 50%;
}
.section_infopartners .banneritem:hover img {
    transform: scale(1.12);
    box-shadow: 0 0 20px 0 rgba(0,0,0, .15);
}
/*singers*/
.section_singers .sppb-col-md-4 .singer img {
    box-shadow: 0 0 40px rgba(69, 39, 0, .32);
    transition: transform .3s ease-in-out;
}
.section_singers .sppb-col-md-4:first-child .singer img {
    transform-origin: 100% 100%;
}
.section_singers .sppb-col-md-4:last-child .singer img {
    transform-origin: 0 100%;
}
.section_singers:hover .sppb-col-md-4:first-child .singer img {
    transform: rotate(-5deg) translateX(10px);
}
.section_singers:hover .sppb-col-md-4:nth-child(2) .singer img {
    transform: scale(1.07);
}
.section_singers:hover .sppb-col-md-4:last-child .singer img {
    transform: rotate(5deg) translateX(-10px);
}
.section_singers:hover .sppb-col-md-4:first-child .singer img:hover {
    transform: rotate(-5deg) translateX(10px) scale(1.1);
}
.section_singers:hover .sppb-col-md-4:nth-child(2) .singer img:hover {
    transform: scale(1.12);
}
.section_singers:hover .sppb-col-md-4:last-child .singer img:hover {
    transform: rotate(5deg) translateX(-10px) scale(1.1);
}
.app__links .sppb-section-title{
    background: rgba(255,255,255, .65);
    padding: 10px 0 3px;
    border-radius: 12px 12px 0 0;
    margin-bottom: 0 !important;
    z-index: 2 !important;
    box-shadow: 0 0 20px 0 rgba(103, 56, 24, 0.14);
}

.app__module .sppb-addon-content {
    border-radius: 0 0 12px 12px;
    background: rgba(255,255,255, 0.15);
    box-shadow: 0 0 20px 0 rgba(103, 56, 24, 0.14);
}
.app__links .menu {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px;
    max-width: 600px;
    margin: 0 auto;
}
.app__links .menu a {
    text-decoration: underline;
    width: 200px;
    display: block;
    text-align: center;
    margin: 20px;
}


.zayavky-rows .sppb-row .sppb-col-md-4::before,
.zayavky-rows .sppb-row .sppb-col-md-4::after {
    display: block;
    position: relative;
    top: -12px;
    content: "";
    height: 12px;
    width: 100%;
    background: url(/images/system/triangle/triangle-small.png) 50% 100% repeat-x;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    opacity: 0.5;
}
.zayavky-rows .sppb-row .sppb-col-md-4::before {
    top: 12px;
    background: url(/images/system/triangle/triangle-small.png) 50% 100% repeat-x;
    transform: rotateX(3.142rad);
}
.zayavky-rows .sppb-row .sppb-col-md-4 .sppb-column > div {padding: 10% 5% 0%;}
.zayavky-rows .sppb-row .sppb-col-md-4:hover .sppb-column {background-color: rgba(255, 255, 255, 0.35) !important;}
.zayavky-rows .sppb-col-md-4 {
    margin: 20px 0;
}

 .zayavky-rows .sppb-btn-info {
    border-color: rgba(255, 255, 255, .6);
    background: rgba(255, 255, 255, .35);
     box-shadow: 0 18px 20px -17px rgba(81, 45, 10, 0.45);
    margin-top: 20px !important;
    text-shadow: 0 0 5px #fff;
}
.zayavky-rows .sppb-btn-info.sppb-btn-outline:hover {
    background: rgba(255, 255, 255, .75);
    border-color: rgba(255, 255, 255, .65);
    box-shadow: 0 18px 20px -17px rgba(81, 45, 10, 0.65);
}
.zayavky-rows .sppb-btn-link {
    text-decoration: underline !important;
     font-size: 18px;
}
.zayavky-rows .sppb-btn-link:hover {
    color: #009900 !important;
}
.app__item  .animated-text {
    position: relative;
    transition: all .3s ease-in-out;
}
.app__item  .animated-text::after {
    content: "";
    position: absolute;
    height: 3px;
    width: 100%;
    background: #550055;
    left: 0;
    bottom: -2px;
    z-index: -1;
    border-radius: 1px;
    transition: all .3s ease-in-out;
}

.app__item {
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 15px 40px -10px rgba(39,17,0, .2), 0 0 15px 0 rgba(39, 17, 0, 0.10)!important;
    transition: all .3s ease-in-out;
}
.app__item .sppb-addon-single-image-container {
    width: 95px;
    height: 95px;
    padding-top: 10px;
    background: #f7f2eb;
    border-radius: 50%;
    box-shadow: 0 0 25px rgba(39, 17, 0, 0.10);
}
.app__item::before {
    height: 6px;
    top: 0;
    filter: brightness(1.5) sepia(.2);
    filter: brightness(1.9) sepia(.8) opacity(0.4);

}
.app__item::after {
    bottom: 0;
    height: 6px;
    filter: brightness(1.5) sepia(.2);
    filter: brightness(1.9) sepia(.8) opacity(0.4);
/*    filter: brightness(1.9) sepia(.8) opacity(0.4);*/
    box-shadow: 0 -10px 20px 0 rgba(39,17,0, .3);
}
.app__item:hover {
    transform: translateY(-15px);
    box-shadow: inset 0 15px 40px -10px rgba(39,17,0, .2), 0 0 15px 0 rgba(39, 17, 0, 0.2)!important;
}
.app__item:hover .animated-text {
    color: #740b74;
}
.app__item:hover .animated-text::after {
    background: #009900;
}

/*  Map  */

.section_map .sppb-section-title {
    margin-bottom: 0 !important;
}
.section_map h2.sppb-title-heading {
    display: inline;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    background: #fff;
    padding: 20px 50px 25px;
    white-space: nowrap;
}
.map__text {
    width: 635px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: calc(50% - 318px);
    z-index: 10;
    text-align: center;
    background: #fff;
    padding: 15px 35px;
    color: #6f316f;
    font-size: 16px;
    line-height: 28px;
    font-family: 'Kurale', serif;
}
.map__text p {
    margin: 0;
}
.map__text a {
    color: #6f316f;
}
.map__text a[href*=mailto] {
    text-decoration: underline;
}
/* Articles */

.text--center {
    text-align: center;
}
.article-list .article {
    border: none;
    border-radius: 12px;
}
.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img, .article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
    border-radius: 12px 12px 0 0;
}
.article-list.articles-leading .article .article-intro-image img {
    border-radius: 0;
}
.article-list .article .article-intro-image {
    border: none;
    margin-bottom: 5px;
}
.article-list .article .article-header a, .article-info > span a, .related-article-list-container ul.related-article-list li .article-header h2 a, .article-list .article .article-header h1 a, .article-list .article .article-header h2 a {
    color: #631363;
}

a:focus, a:active, a:hover, .article-list .article .article-header h1 a:hover, .article-list .article .article-header h2 a:hover, .article-list .article .article-header h1 a:active, .article-list .article .article-header h2 a:active, .article-list .article .article-header h1 a:focus, .article-list .article .article-header h2 a:focus, .related-article-list-container ul.related-article-list li .article-header h2 a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus  {
    color: #009900;
}
.main__page section h2 {
    font-size: 47px !important;
    color: #6b006b;
    text-shadow: 0px 3px 0px rgba(255, 245, 180, 1);
}
.article-header h2 a {
    margin-bottom: 2px;
}

.article-header h2, .article-list .article .article-header h1, .article-list .article .article-header h2 {
    color: #550055;
    font-size: 24px;
}
.article .article-header h2 {
    min-height: 68px;
    padding: 5px 0;
    display: flex;
    align-items: center;
}
.article .article-header{
    margin: 15px -20px 0;
    background: rgba(255,255,255, 0.25);
    padding: 0 20px;
}
.article-body h3, .article-details h3 {
    font-size: 21px;
     color: #550055;
}
.article-details .page-header h1, .related-article-title, .page-header h1{
    text-shadow: 0px 1px 3px #ffe;
    color: #006000;
    margin-top: 8px;
}
.article-details .article-info, .related-article-list-item .published, .blog .article-info {
    font-size: 15px;
    display: inline-block;
    background: #F7F7D3;
    padding: 1px 12px 2px;
    border-radius: 7px;
    box-shadow: inset 0px 0px 2px #DECEB5;
    margin-right: 15px;
}
.article-details .article-info span, .article-info>span, .sppb-addon-articles .sppb-article-meta>span {
    font-size: 17px;
}
.article-details .article-info a, .related-article-list-container ul.related-article-list li .article-header h2 a:hover, .blog .article-info a{
    text-decoration: underline;
}
.article-details .article-info span a:hover, .article-details .pagenav a:hover, .article-info > span a:hover, .blog .article-list .article .readmore a:hover  {
    color: #009900 !important;
}
.blog .readmore a {
    position: relative;
}
.blog .readmore a::after {
    position: absolute;
    content: "\f178";
    left: 100%;
    height: 100%;
    font-family: FontAwesome;
    font-size: 20px;
    padding-left: 5px;
    color: #550055;
    transition: all .3s ease-in-out;
}
.blog .readmore a:hover::after {
    transform: translateX(5px);
    color: #009900;
}
.article-details .pager {
    box-shadow: 0 0 20px 0 rgba(103, 56, 24, 0.14);
    background: rgba(255,255,255, 0.15);
    border-radius: 12px;
    margin: -20px 0;
    padding: 25px 5px 20px;
}
.article-details .pagenav .previous>a, .article-details .pagenav .next>a {
    font-size: 18px;
    color: #7b1074;
    padding: 0;
    border: none;
    position: relative;
}
.article-details .pagenav .previous>a {
    padding-left: 45px;
}
.article-details .pagenav .next>a {
    padding-right: 45px;
}
.article-details .pagenav .previous>a::after, .article-details .pagenav .next>a::after {
    position: absolute;
    top: -10px;
    font-family: fontAwesome;
    font-size: 30px;
    color: #7b1074;
    transition: color .3s ease-in-out, transform .3s ease-in-out;
}
.article-details .pagenav .previous>a::after {
    content: "\f060";
    left: 10px;
}
.article-details .pagenav .next>a::after {
    content: "\f061";
    right: 10px;
}
.article-details .pagenav .next>a:hover::after {
    transform: translateX(7px);
    color: #009900;
}
.article-details .pagenav .previous>a:hover::after {
    transform: translateX(-7px);
    color: #009900;
}
.article-full-image::before {
    top: 0;
    height: 6px;
    border-radius: 12px 12px 0 0;
}
.article-full-image {
    position: relative;
    margin-bottom: 5px !important;
    border-radius: 12px 12px 0 0;
}
.article-full-image::after {
    bottom: 0;
    height: 6px
}
.related-article-list-container {
    margin: 55px 0 40px
}
.related-article-list-container .related-article-title {
    text-align: center;
}
.related-article-list-item {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.related-article-list-item h2 {
    margin-bottom: 0;
}
.pager, .related-article-list-container .related-article-title {
    border: none;
}

.article-details .article-full-image, .blog .article-intro-image {
    background: rgba(114, 88, 68, 0.4);
}
.article-details a[data-lightbox]  {
    position: relative;
    transform: translateX(-50%);
    left: 50%;
    overflow: hidden;
    box-shadow: 0 0 35px 0 rgba(10, 7, 5, 0.4);
    transition: all .3s ease-in-out;
}
.article .article-introtext a {
    display: inline-block;
}
a[data-lightbox]:hover {
    box-shadow: 0 0 35px 0 rgba(10, 7, 5, 0.6);
}
a[data-lightbox] img {
    margin: 0 auto;
}
.article-details a, .article .article-introtext a {
    overflow: hidden;
}
.article-details a img, .article .article-introtext a img, .blog .article-intro-image img {
    transition: transform .3s ease-in-out;
}
.article-details a img:hover, .article .article-introtext a img:hover, .blog .article-intro-image img:hover {
    transform: scale(1.08);
}
.article-details .article-header {
    background: rgba(255,255,255, 0.65);
    padding: 5px 5px 6px;
    text-align: center;
    margin-top: 15px;
}  
[itemprop="articleBody"]{
    box-shadow: 0 0 20px 0 rgba(103, 56, 24, 0.14);
    background: rgba(255,255,255, 0.15);
    border-radius: 0 0 12px 12px;
    padding: 20px 20px 45px;
}
[itemprop="articleBody"]+.article-info{
    transform: translateY(-45px);
    margin-left: 20px;
}
.blog .article-intro-image img, .blog .multithumb_blog {
    display: block;
    margin: 0 auto;
}
.blog .article {
    box-shadow: 0 0 20px 0 rgba(103, 56, 24, 0.14);
    background: rgba(255,255,255, 0.15);
    transition: background .3s ease-in-out, box-shadow .3s ease-in-out;
}
.blog .article:hover {
    background: rgba(255,255,255, 0.25);
    box-shadow: 0 0 20px 0 rgba(103, 56, 24, 0.44);
}
.blog .article:hover .article-header a {
    color: #009900;
}
.blog .article-list .article .readmore a {  
    color: #631363;
    text-decoration: underline;
    font-size: 18px;
}

/*  Pagination  */
.pagination-wrapper {
    margin: 30px 0 15px;
    justify-content: center;
}
.pagination-wrapper .mr-auto {
    margin: 0 !important;
}
.pagination .page-item a, .page-item:first-child .page-link, .page-item:last-child .page-link {
    margin: 0px 3px;
    border: none;
    box-shadow: 0px 1px 5px 0px rgba(42, 33, 25, 0.35);
    height: 36px;
    min-width: 36px;
    border-radius: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 7px 2px;
}
.page-item.active .page-link {
    background-color: rgba(25, 25, 15, 0.1);
    color: #006000;
}


.pagination > .page-item > a:hover, .pagination > .page-item > span:hover, .pagination > .page-item > a:focus, .pagination > .page-item > span:focus, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background-color: rgba(25, 25, 15, 0.1);
    color: #006000;
    box-shadow: 0px 1px 5px 0px rgba(42, 33, 25, 0.65);
}
.pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    box-shadow: 0px 1px 5px 0px rgba(42, 33, 25, 0.65);
}
.pagination-counter {
    display: none;
}
/*  Registration  */
#member-registration label {
    display: inline-flex !important;
    flex-wrap: wrap;
    align-items: center;
}
.form-check-inline input[type="radio"] {
     display: block; 
}
#member-registration fieldset, .login .form-wrapper {
    padding: 90px 20px 20px;
    background: rgba(255,255,255, 0.15);
    margin: 30px 0;
    border-radius: 12px;
    box-shadow: 0 0 20px 0 rgba(103, 56, 24, 0.14);
    position: relative;
}

#member-registration legend {
    background: rgba(255,255,255, 0.25);
    position: absolute;
    top: 20px;
    left: 0;
    text-align: center;
    padding: 10px 20px;
}
#member-registration .form-control:focus,  .login .form-control:focus, .form-control:focus, #baform-1 input:focus {
    border-color: transparent;
    box-shadow: 0 0 20px 0 rgba(103, 56, 24, 0.2);
}
#member-registration .modal {
    display: block;
    position: relative;
}
#member-registration .buttons{
    display: flex;
    justify-content: space-between;
}
#member-registration .btn, .login .btn-primary{
    font-size: 18px;
}
#member-registration .btn, .login .btn-primary, .btn-primary, .btn-secondary {
    letter-spacing: 1px;
    padding: 6px 12px 8px;
    border: none;
    box-shadow: 0 10px 15px -10px rgba(103, 56, 24, 0.7);
}
#member-registration .btn-primary, .login .btn-primary, .btn-primary {
    background-color: #146e19;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
}
#member-registration .btn-primary:hover, .login .btn-primary:hover, .btn-primary:hover {
    background-color: #651564;
    box-shadow: 0 10px 15px -10px rgba(103, 56, 24, 0.9);
}
#member-registration .btn-secondary, .btn-secondary{
    background-color: #b3ae61;
    text-shadow: 0 0 3px #605d2e;
}
#member-registration .btn-secondary:hover, .btn-secondary:hover{
    background-color: #999451;
    box-shadow: 0 10px 15px -10px rgba(103, 56, 24, 0.9);
}
#jform_privacyconsent_privacy-lbl .modal, #jform_terms_terms-lbl .modal, #jform_profile_tos-lbl .modal{
    border: 1px dotted #631363;
    padding: 2px 12px 4px;
    position: relative;
}
#jform_terms_terms-lbl::before, #jform_privacyconsent_privacy-lbl::before, #jform_profile_tos-lbl::before {
    content: "Я згоден, та поністю приймаю положення:";
    display: flex;
    align-items: center;
    position: relative;
    margin-right: 15px;
    
}
.form-validate .ba-btn-submit {
    font-size: 18px !important;
    background-color: #146e19 !important;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
    letter-spacing: 1px;
    padding: 6px 12px 8px;
    border: none;
    box-shadow: 0 10px 15px -10px rgba(103, 56, 24, 0.7);
}
.form-validate .ba-btn-submit:hover {
    background-color: #651564 !important;
    opacity: 1;
    box-shadow: 0 10px 15px -10px rgba(103, 56, 24, 0.9);
}
.ba-form>input+p {
    display: none;
}
.form-validate .ba-form {
    padding: 0 20px 20px
}
/*  Login  */
.login .form-wrapper {
    padding-top: 20px;
}
.login .btn-primary {
    font-size: 20px;
}
.login .list-group-item {
    background-color: rgba(255, 255, 255, 0.75);
    border: none;
    margin-bottom: 3px;
    border-radius: 5px;
}

/*  Footer  */
#sp-footer1, #sp-footer2 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
}
#sp-footer {
    border-top: 9px solid #0b440e;
    background: url(/images/system/background-light.jpg) center center repeat repeat;
    box-shadow: inset 0px 40px 59px -30px rgba(59,18,0,0.6), inset 0px -40px 59px -30px rgba(59,18,0,0.6); 
    padding-bottom: 20px;
    font-size: 20px;
    text-align: center;
}
#sp-footer .container-inner {
    border-top: none;
}
#sp-footer ul.menu li {
    margin: 0 2px 5px;
    font-family: Lobster, cursive;
}
#sp-footer ul.menu li img {
    display: none;
}
#sp-footer #sp-footer1 {
    margin: 10px 0 30px;
}
#sp-footer #sp-footer2 {
    text-align: center;
}
#sp-footer a {color: #550055;}
#sp-footer img {display: inline-block; margin: 0px 15px;}
#sp-footer .socials {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 30px;
}
.copiright {
    display: block;
    text-align: center;
    font-family: 'Kurale', serif;
    font-size: 22px;
    color: #550055 !important;
}
.copiright:hover {
    color: #009900 !important;
}
.developer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: absolute;
    font-size: 18px;
    color: #51634b !important;
    font-family: 'Kurale', serif;
    top: 3px;
    transition: opacity .3s ease-in-out; 
    white-space: nowrap;
}
.developer:hover {
    opacity: .6;
}
.developer img{
    margin-left: 10px;
}
.sp-scroll-up {
    border-radius: 50%;
    background: #009900;
    opacity: .8;
    transition: all .3s ease-in-out;
}
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
    background: #009900;
    transform: scale(1.3);
    opacity: 1;
}

@media (min-width: 0) and (max-width: 991.8px){
#sp-header .container {
        max-width: 100%;
    }
    #sp-header .row {
        margin: 0;
    }
}

@media (min-width: 991.8px) {
.section_classes .sppb-col-md-2 {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    }
}

@media (min-width: 1200px) {
.section_classes .sppb-col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
    }
   body .section_classes .sppb-row-container {
       max-width: 1680px; 
       width: 100%;
    }
    #sp-header .container {
    max-width: 1170px;
    }
    .yarmarok__card .sppb-flipbox-panel {
        height: 290px;
    }
}
@media (min-width: 1600px) {
    .developer {
        right: -210px;
    }
}
@media (min-width: 2500px) {
    .n2-style-0dfcc93d26ded644e92fb1d300cbbfe1-simple>span:first-child>div {
    font-size: 71px;
}
.n2-style-0dfcc93d26ded644e92fb1d300cbbfe1-simple>span:last-child>div {
    font-size: 66px;
}
}
 @media (max-width: 1680px){
   .master_class .sppb-addon-image-layout-text {
        font-size: 1.2vw;
        line-height: 1.25;
    }        
}
@media (max-width: 1600px)  {
    #sp-footer {
        padding-bottom: 60px;
    }
    .developer {
        top: 85px;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        
    }
}
@media (max-width: 1199.98px) {
    #sp-header .logo a::after {
        width: 62%;
        background-size: contain;
    }
    .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, #sp-footer1 .menu li a {
        font-size: 15px !important;
    }
    #sp-header.header-sticky .sp-megamenu-parent li:first-child a img, #sp-header.header-sticky .sp-megamenu-parent li:first-child a svg {
        transform: translateY(-5px) translateX(0px);
    }
    .yarmarok__card {
        margin: 0 0 40px;
    }
    .yarmarok__card .sppb-flipbox-front {
        padding-left: 10px;
        padding-right: 10px;
    }
    .yarmarok__card .sppb-flipbox-back .flip-box-inner {
        padding: 10px;
}
    .yarmarok__card .sppb-flipbox-back .flip-box-inner p {
        font-size: 17px;
    }
    .master_class .sppb-addon-image-layout-text, .master_class .sppb-addon-image-layout-text strong {
        font-size:  2.2vw;
    }
    div#n2-ss-1 .n2-style-0dfcc93d26ded644e92fb1d300cbbfe1-simple {
        padding: 10px !important;
    }
    #sp-footer1 ul.menu {
        padding-bottom: 0;
    }
}
@media (max-width: 991.98px) {
    
    #sp-top1 {
        top: 0;
        left: auto;
        right: 0;
        width: calc(100% - 125px) !important;
    }
    #sp-top1 .search input[name="searchword"] {
        width: auto;
    }
    #sp-header .logo a::after {
        width: calc(100% - 370px);
        left: 90px;   
    }
    .logo-image {
        width: 9.2%;
        min-width: 80px;
        height: auto !important;
        margin-bottom: 30px;
    }
    #sp-top2 .order-wrap {
        margin-right: 60px;
    }
    #sp-top2 .order-wrap a {
         padding: 4px 4px 5px;
         line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

     .logo__link {
         position: fixed;
         transform: translateX(-15px);
         top: 0;
         z-index: 5;
         transition: transform .3s ease-in-out;
     }
   .header-sticky .sp-megamenu-wrapper::after {
        position: absolute;
        content: "";
        width: calc(100% - 200px);
        max-width: 620px;
        height: calc(100% - 8px);
        top: 4px;
        left: 65px;
        background: url(/images/system/logo-words.png) left center no-repeat no-repeat;
       background-size: contain;
}
     .header-sticky .logo__link {
        display: block;
        transform: translateX(0) translateY(2px);
     }
    .header-sticky .logo__link img, .header-sticky .logo__link svg {
        width: 46px;
    }
     .sp-megamenu-wrapper {
         position: absolute;
         height: 50px;
         bottom: 27px;
         right: 0;
     }
    #sp-header.header-sticky .sp-megamenu-wrapper {
        position: fixed;
        top: 0;
        width: 100%;
        background: url(/images/system/background-light.jpg) center center repeat repeat;
        justify-content: flex-end;
        padding: 4px 15px;
        transition: padding 0s ease;
        box-shadow: inset 0px -40px 40px -30px rgba(59,18,0,0.5), 0 5px 5px 0 rgba(59,18,0,0.2);
    }
    #offcanvas-toggler > .fa, #offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active {
        font-size: 40px;
        padding: 3px 8px 2px;
        color: #fcfa1a;
        text-shadow: 0 0 3px rgba(0, 0, 0, 0.46);
        background: #146e19;
        border-radius: 3px;
         box-shadow: -3.214px 3.83px 13px 0px rgba(0, 0, 0, 0.28), inset 0 0 15px rgba(0,0,0,.15);
        transition: background .3s ease;
     }
    .header-sticky #offcanvas-toggler > .fa {
        font-size: 32px;
        padding: 2px 6px 1px;
        transform: translateY(4px);
        background: #6e486e;
        color: #f1ef51;
    }
    .header-sticky #offcanvas-toggler > .fa:hover, .header-sticky #offcanvas-toggler > .fa:active, .header-sticky #offcanvas-toggler > .fa:active {
        background: #146e19;
        color: #fcfa1a;
    }
    .menu--sticky {
        display: none;
    }
    
    .sp-megamenu-parent {
        display: none !important;
    }
    body.ltr .offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
        margin-left: 0;
    }
    #sp-menu {
        height: 0;
    }
    .slider__col--content>.n2-ss-layer-col.n2-ss-layer-content {
        width: 100%;
    }
    .section_yarmarok>.sppb-row-container>.sppb-row {
        justify-content: center;
    }
    .master_class .sppb-addon-image-layout-text, .master_class .sppb-addon-image-layout-text strong  {
        font-size: 1.9vw;
    }
    .section_map .sppb-addon-openstreetmap {
        height: 350px !important;
    }
    .section_map .clearfix {
        margin-bottom: 0 !important;
        }
    .offcanvas-menu {
        background: url(/images/system/background-light.jpg) center center repeat repeat;
    }
    .offcanvas-menu .offcanvas-inner {
        padding: 90px 15px 30px;
        font-family: Lobster, cursive;
        font-size: 23px;
    }
   
    .offcanvas-inner .menu li:first-child img {
        display: none;
    }
    .offcanvas-inner .sp-module-title {
        position: relative;
        color: #8d2c0b;
        text-align: center;
        font-size: 23px !important;
        font-weight: 400 !important;
        font-family: Kurale, serif;
        text-transform: uppercase;
    }
    .offcanvas-inner .sp-module:first-child::before {
        position: absolute;
        content: "";
        width: 75px;
        height: 75px;
        background: url(/images/system/sorochinfair.svg) center center no-repeat no-repeat;
        top: 10px;
        left: 50%;
       transform: translateX(-50%);
    }
   
    .offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
        color: #6b006b;
        font-size: 23px;
    }
    .offcanvas-menu .offcanvas-inner .sp-module .menu > li > a, .offcanvas-menu .offcanvas-inner .lang-inline a {
        padding: 2px 15px 4px;
        border: 1px solid #550055;
        margin: 5px 0;
        border-radius: 5px;
        background: rgba(255,255,255, .1);
        transition: all .3s ease-in-out;
    }
    .offcanvas-menu .offcanvas-inner .sp-module .menu > li > a {
        border-color: rgba(85, 0, 85, .2);
    }
    .offcanvas-menu .offcanvas-inner .sp-module .menu > li > a:hover {
        border-color: rgba(85, 0, 85, .4);
        background: rgba(255,255,255, .4);
    }
    .offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
        font-size: 21px;
        font-family: Kurale;
        line-height: 1.2;
        padding: 12px 0;
        position: relative;
        color: #6b006b;
    }
    .offcanvas-menu .offcanvas-inner .sp-module ul > li>ul>li a {
        margin: 0 38px 0 18px;
    }
    .offcanvas-menu .offcanvas-inner .sp-module ul > li>ul>li>ul a{
        margin-left: 25px;
    }
    .offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a::before {
        position: absolute;
        content: "~";
        left: -15px;
        top 12px: ;
    }
    .offcanvas-menu .offcanvas-inner .lang-inline {
        display: flex;
        justify-content: space-between;
    }
    .offcanvas-menu .offcanvas-inner .lang-inline li {
        width: 48%;
    }
    .offcanvas-menu .offcanvas-inner .lang-inline a {
        width: 100%;
        display: block;
        text-align: center;
        text-transform: uppercase;
        font-size: 19px;
        padding-top: 4px;
    }
    .offcanvas-menu .offcanvas-inner .lang-inline a:hover {
        border-color: #009900;
    }
    .offcanvas-menu .offcanvas-inner .lang-inline .lang-active a {
         background: rgba(255,255,255, .5);
    }
    .offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a::after {
        position: absolute;
        top: 2px;
        left: 0;
        width: 100%;
        height: 1px;
        content: "";
        border-bottom: 1.2px dotted rgba(160, 80, 49, 0.6);
    }
    .offcanvas-menu .offcanvas-inner .search .form-control {
        border-color: #550055;
        background: rgba(255, 255, 255, .7);
        font-family: Kurale, serif;
        font-size: 19px;
        border-radius: 5px;
    }
    .offcanvas-menu .offcanvas-inner .search .form-control:focus {
        border-color: #009900;
    }

    .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
        color: rgba(20, 110, 25, 0.89);
        right: 15px !important;
    }
    .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent>ul>li.menu-deeper.menu-parent a .menu-toggler {
        right: -22px !important;
    }
    .offcanvas-menu .offcanvas-inner .sp-module ul > li ul li:first-child a::after {
        display: none;
    }
    .close-offcanvas {
        background: #550055;
    }
    div#n2-ss-1 .n2-style-0dfcc93d26ded644e92fb1d300cbbfe1-simple {
        padding: 0 !important;
    }
    .n2-style-0dfcc93d26ded644e92fb1d300cbbfe1-simple>span:first-child>div {
        font-size: 3.7vw;
    }  
    .n2-style-0dfcc93d26ded644e92fb1d300cbbfe1-simple>span:last-child>div {
        font-size: 3.2vw;
    }
 
}

 @media (max-width: 950px) {
     .nextend-bar-horizontal span {font-size: 30px !important;}
     div#n2-ss-1 .n2-style-0dfcc93d26ded644e92fb1d300cbbfe1-simple {
        height: 100px;
    }
    .n2-style-0dfcc93d26ded644e92fb1d300cbbfe1-simple>span>div {
         text-shadow: -1.5px -1.5px 0px rgba(125, 54, 54, 0.9);
     }
}

 @media (max-width: 767.98px)   {
     #sp-top1 {
        width: calc(100% - 90px) !important;
     }
     #sp-top1 .lang-inline a {
         padding: 0 5px 3px;
     }
     #sp-top1 .search {
         display: none;
     }
     #sp-top1 .menu {
         margin-top: 8px;
     }
     #sp-top1 .menu a {
        color: #6b006b;
        padding: 0;
         background: none;
         box-shadow: none;
         text-decoration: underline;
         text-shadow: 0 0 5px rgba(255, 255, 255, 0.4); 
         line-height: 1.1;
     }
    [lang="en-gb"] #sp-top1 .menu a {
         font-size: 15px;
     }
     #sp-top1 .menu a:hover {
         background: none;
         transform: none;
         color: #146e19;
     }
     #sp-top2 .order-wrap {
         flex-direction: column-reverse;
         left: 95px;
         width: auto;
         top: -85px;
     }
     
     #sp-top2 .order-wrap p{
         margin-bottom: 12px;
         transform: translateY(8px);
     } 
    
    #sp-header .logo a::after {
         display: none;
     }
     .logo-image {
        margin-bottom: 2px;
    }
     .sp-megamenu-wrapper {
         bottom: 4px;
     }
     .main__page section h2, .sppb-addon-animated-heading .sppb-addon-title, #sp-page-builder .sppb-section-title .sppb-title-heading {
    font-size: 30px !important;
     }
     
     .slider__col--content>.n2-ss-layer-col.n2-ss-layer-content{
        border-width: 10px;
}

.slider__col--content>.n2-ss-layer-col.n2-ss-layer-content::before, .slider__col--content>.n2-ss-layer-col.n2-ss-layer-content::after {
    width: 10px;
    left: -10px;
}
.slider__col--content>.n2-ss-layer-col.n2-ss-layer-content::before{
    top: -10px;
    height: 75%;
}
.slider__col--content>.n2-ss-layer-col.n2-ss-layer-content::after {
    bottom: -10px;
    height: 10%
}
     .n2-style-0dfcc93d26ded644e92fb1d300cbbfe1-simple>span:last-child>div {
        font-size: 4.2vw;
    }
     .n2-style-0dfcc93d26ded644e92fb1d300cbbfe1-simple>span:first-child>div {
        font-size: 5vw;
    }
     div#n2-ss-1 .n2-ss-control-bullet, div#n2-ss-2 .nextend-bullet-bar {
         display: none !important;
     }

 
    .section_partners .sppb-column-addons .clearfix, .singer .sppb-column-addons .clearfix {
        margin-bottom: 30px !important;
    }
      .master_class .sppb-addon-image-layout-text, .master_class .sppb-addon-image-layout-text strong  {
        font-size: 3vw;
    }
     .section_map .sppb-addon-openstreetmap {
        height: 250px !important;
    }
     .map__text {
         position: relative;
         width: 100%;
         left: 0;
         padding: 10px;
     }
     .main__page .section_map h2 {
        font-size: 24px !important;
         width: 100%;
        padding: 0 5px 8px;
    }
     .news__links, .news__links strong {
        flex-direction: column;
         padding: 30px 0 0;
     }
     .section_news .socials {
        justify-content: center;
     }
     .section_classes {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
     .app__links .menu {
         justify-content: center;
     }
     .copiright {
         display: flex;
         flex-direction: column;
     }
     .copiright br {
         display: none;
     }
   
     .developer {
        top: 120px;
     }
   
    
}
 @media (max-width: 560px) {
    .master_class .sppb-addon-image-layout-text, .master_class .sppb-addon-image-layout-text strong {
        padding-top: 0;
        font-size: 3.7vw;
    }
     #sp-top2 .order-wrap p {
         display: none;
     }
     #sp-top2 .order-wrap {
         top: -52px;
     }
     .header-sticky .logo__link {
        transform: translateX(-2px) translateY(2px);
     }
     .header-sticky .sp-megamenu-wrapper::after {
         content: "Сорочинський ярмарок";
         text-shadow: 1px 1px 6px rgba(255, 255, 255, 0.43);
         left: 70px;
         top: 5px;
         background: none;
         display: flex;
         align-items: center;
         color: #5a135a;
         width: calc(100% - 130px);
         font-family: lobster;
         font-size: 18.5px;
         text-transform: uppercase;
     }
   [lang="en-gb"]  .header-sticky .sp-megamenu-wrapper::after {
         content: "Sorochinskiy Fair";
     }
     .slider__col--content>.n2-ss-layer-col.n2-ss-layer-content p {
    text-shadow: -1px -3px 0px #fff !important;
    }
     .section_yarmarok, .section_partners, .section_classes, .section_infopartners .bannergroup {
         padding-left: 7px !important;
         padding-right: 7px !important;
     }
     .section_yarmarok .sppb-row>div, .section_partners .sppb-row>div, .section_classes .sppb-row>div, .section_infopartners .banneritem {
         padding-left: 7px !important;
         padding-right: 7px !important;
     }
}
 @media (max-width: 480px) {
     .slider__col--content .slider__text1 p, .slider__col--content .slider__text3 p {
         font-size: 16px !important;
         line-height: 1.3 !important;
     }
     .slider__col--content .slider__text2 p {
         font-size: 22px !important;
     }
     .n2-style-0dfcc93d26ded644e92fb1d300cbbfe1-simple>span:first-child>div {
        font-size: 6.8vw;
    }
     .n2-style-0dfcc93d26ded644e92fb1d300cbbfe1-simple>span:last-child>div {
        font-size: 5.2vw;
    }
     .slider__col--content>div {
         padding: 5px !important;
     }
     .slider__text>div {
         padding: 0 !important;
     }
    .yarmarok__card .sppb-flipbox-panel, .threeD-item {
        height: 230px;
     }
     .yarmarok__card .sppb-flipbox-front h3, .yarmarok__card .sppb-flipbox-front p {
         font-size: 17px;
     }
     .yarmarok__card .sppb-flipbox-back .flip-box-inner {
         padding: 5px;
     }
     .yarmarok__card .sppb-flipbox-back .flip-box-inner p {
        font-size: 14px;
         line-height: 1.4;
         margin-bottom: 0;
     }
     .master_class .sppb-addon-image-layout-content h3 {
         font-size: 18px;
     }
     .master_class .sppb-addon-image-layout-text, .master_class .sppb-addon-image-layout-text strong {
        line-height: 1.2;
    }
     .section_news {
        padding-right: 20px !important;
        padding-left: 20px !important;
}
     .owl-carousel .owl-nav button.owl-next::after, .owl-carousel .owl-nav button.owl-prev::after {
         font-size: 30px;
     }
     .owl-carousel .owl-nav button.owl-next {
        right: -15px;
}
     .owl-carousel .owl-nav button.owl-prev {
        left: -15px;
}
          .owl-carousel .owl-nav button.owl-next:hover {
        right: -18px;
}
     .owl-carousel .owl-nav button.owl-prev:hover {
        left: -18px;
}

     .developer {
        top: auto;
        bottom: -50px;
     }

}
 
}