@import '../libs/pure/pure-min.css';
@import '../libs/pure/grids-responsive-min.css';
@import '../css/pure-extend.css';
@import '../css/extra.css';
@import '../js/johndyer-mediaelement/build/mediaelementplayer.min.css';
@import '../libs/swiper/dist/css/swiper.min.css';
@import '../libs/fontawesome-pro-5.7.2-web/css/all.min.css';
@import '../libs/TurnWheel/jReject/css/jquery.reject.css';
@import '../libs/fancybox/dist/jquery.fancybox.min.css';
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

html {

    height: 100%;

}


body {

    min-height: 100vh;

    color: #323232;

    font-weight: normal;

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    line-height: 1.5;

    display: flex;

    flex-direction: column;

}


a {

    text-decoration: none;

    outline: none;

    color: #1a5ba9;

    -webkit-transition: all ease 0.3s;

    -moz-transition: all ease 0.3s;

    -ms-transition: all ease 0.3s;

    -o-transition: all ease 0.3s;

    transition: all ease 0.3s;

}


a:hover {

    text-decoration: none;

    color: #000;

}


#page {
    min-height: 100vh;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: auto;
}

#page:before{
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url("../images/Screenshot_2020-09-07 Sweets.jpg") center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    z-index: -1;
    opacity: .1;
}


div.container.fluid {
    width: 100%;
    padding: 0 30px;
}


footer {

    height: 48px;

    clear: both;

    position: relative;

    z-index: 3;

    background: #e7e7e7;

    display: flex;

    align-items: center;

}


div.footer-content {

    display: flex;

    align-items: center;

    justify-content: space-between;

}


header {

    height: 100px;

    position: relative;

    z-index: 222;

    background: #e7e7e7;

}


header > .container {

    position: relative;

    height: 100%;

}


main {

    flex: auto;

    flex-grow: 1;

}


div.header-content {

    position: relative;

    height: 100%;

}


a.logo {

    display: flex;

    width: 114px;

    position: absolute;

    left: 15px;

    top: 0;

    bottom: 0;

    background: url(../images/logo.png) left center no-repeat;

    z-index: 15;

    background-size: contain;

}


section {

    padding: 70px 0;

}


div.index-swiper-container {

    position: relative;

}


div.index-swiper-container .swiper-pagination {

    left: 0;

    right: 0;

    bottom: 30px;

}


div.index-swiper .swiper-slide .photo {

    width: 100%;

    height: auto;

    display: block;

}


div.index-swiper div.swiper-slide-content {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    display: flex;

    align-items: center;

}


div.index-swiper-container .swiper-button-prev,
div.index-swiper-container .swiper-button-next {

    display: flex;

    align-items: center;

    justify-content: center;

    background: none;

    font-size: 28px;

}


div.swiper-carusel-container {

    position: relative;

    padding: 0 84px;

}


div.swiper-carusel .swiper-slide {

    width: auto;

}


div.swiper-carusel .swiper-slide a {

    display: block;

    border: 1px solid #212121;

}


div.swiper-carusel .swiper-slide a img {

    display: block;

    width: 100%;

    height: auto;

}


div.swiper-carusel-container .swiper-button-prev,
div.swiper-carusel-container .swiper-button-next {

    display: flex;

    align-items: center;

    justify-content: center;

    background: none;

}


div.content-colls {

    display: flex;

    margin: 0 -30px;

}


div.content-colls > * {

    padding: 0 30px;

}


aside {

    min-width: 300px;

    flex-basis: 300px;

}


div.mainbar {

    min-width: 1px;

    flex: auto;

}


div.themes-list {

    display: flex;

    flex-wrap: wrap;

}


div.themes-list > div {
    display: flex;
    min-width: 25%;
    flex-basis: 25%;
    position: relative;
    color: #fff;
}

.fa-heart {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 30px;
    z-index: 2;
    cursor: pointer;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    color: red;
}

.fa-heart:hover {

}

.fa-heart:hover:before,
.fa-heart.selected:before {
    font-weight: 700;
}

div.themes-list > div > a {
    display: flex;
    position: relative;
    flex: auto;
}

div.themes-list > div > a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .2);
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    opacity: 0;
}

div.themes-list > div > a:hover:before {
    opacity: 1;
}


div.themes-list > div > a img {
    display: flex;
    flex: auto;
    width: 100%;
    height: auto;
    object-fit: cover;
}


div.page-module img {

    display: block;

    max-width: 100%;

    height: auto;

}

div.pagination-container {
    display: flex;
    justify-content: space-between;
    padding: 30px;
    align-items: center;
    flex-wrap: wrap;
}

ul.pagination{
    flex-wrap: wrap;
}

ul.pagination > li {
    margin: 0 !important;
}

ul.pagination > li > a {
    height: 50px;
    width: 50px;
    font-weight: 600;
    color: #000;
    font-size: 17px;
    border: 0;
    transition: all ease 0.1s;
}

ul.pagination > li:hover > a,
ul.pagination > li.selected > a {
    font-size: 21px;
    font-weight: 700;
    background: none;
    color: red;
}

a.my-vvgr {
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 18px;
    color: #000;
    font-weight: 700;
}

a.my-vvgr:hover {
    color: red;
}

section.category-select-section{
    display: flex;
    height: 100vh;
    align-items: center;
    justify-content: center;
}

section.category-select-section input{
    padding: 25px;
    border: 1px solid rgba(0, 0, 0, .1);
    font-size: 30px;
    flex: auto;
    width: 10px;
}

div.category-select{
    display: flex;
}

button[type="submit"]{
    border: 0;
    background: green;
    color: #fff;
    padding: 30px;
    font-size: 30px;
}

iframe{
    max-height: calc(100vh - 88px);
}

section.login-section{
    display: flex;
    flex: auto;
    align-items: center;
}

div.login-form-container{
    width: 380px;
    margin: 0 auto;
    background: #fff;
    padding: 30px;
}

#loginform{
    display: flex;
    flex-direction: column;
}

#loginform p{
    margin: 15px 0 0;
}

.login-username{
    display: flex;
    flex-direction: column;
}

.login-password{
    display: flex;
    flex-direction: column;
}

.wp-error{
    color: red;
}

#loginform label{
    font-size: 16px;
    margin-bottom: .5em;
    line-height: 1.2;
}

#loginform input{
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 15px;
}

#wp-submit{
    border: 0;
    background: #0e920e;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.1;
}

/*LISTS*/


div.categories-list-container {
}


ul.categories-list {

    list-style: none;

    padding: 0;

    margin: 0;

}


ul.categories-list > li > a {

    display: block;

}


ul.categories-list > li.selected > a {

    color: darkred;

}


nav.main-menu-container {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

}


ul.main-menu {

    display: flex;

    list-style: none;

    padding: 0;

    margin: 0;

    background: #cfcfcf;

}


ul.main-menu > li {

    position: relative;

}


ul.main-menu > li > a {

    display: flex;

    border: 1px solid rgba(0, 0, 0, 0.2);

    padding: 10px;

    line-height: 1.1;

}


ul.main-menu > li > ul {

    list-style: none;

    padding: 0;

    margin: 0;

    position: absolute;

    left: 0;

    top: 100%;

    background: #cfcfcf;

    -webkit-transition: all ease 0.3s;

    -moz-transition: all ease 0.3s;

    -ms-transition: all ease 0.3s;

    -o-transition: all ease 0.3s;

    transition: all ease 0.3s;

    opacity: 0;

    visibility: hidden;

}


ul.main-menu > li:hover > ul {

    opacity: 1;

    visibility: visible;

}


ul.main-menu > li > ul > li > a {

    display: block;

    padding: 10px;

    border: 1px solid rgba(0, 0, 0, 0.2);

}


div.content-menu-container {

}


ul.content-menu {

    list-style: none;

    padding: 0;

    margin: 0;

}


ul.content-menu > li > a {

    display: block;

    border: 1px solid rgba(0, 0, 0, 0.1);

    padding: 15px;

}


/*INPUTS*/


/*HEADERS*/


/*BUTTONS*/


/*SPECIAL*/


/*MISC*/

/* XS */

@media (max-width: 767px) {


    body {
    }


    a.smart_menu_caller {

        display: flex;

        cursor: pointer;

    }


    table.special {

        width: 100%;

        display: block;

        margin: 10px 0;

    }


    table.special thead {

        display: none;

    }


    table.special tbody {

        width: 100%;

        display: block;

    }


    table.special tbody tr {

        width: 100%;

        display: block;

    }


    table.special tbody td:before {

        display: block;

        /*background: #7F7F7F;*/

        padding: 10px;

        content: attr(data-label);

        margin: -10px;

        margin-bottom: 10px;

        /*color: #fff;*/

        font-weight: bold;

    }


    table.special tbody td {

        width: 100%;

        display: block;

        /*background: #e7e7e7;*/

        padding: 10px;

        margin-bottom: 10px;

    }


    .container {

        width: auto;

    }


    div.mob_nav_container div.mob-nav-top-line {

        background: #79b215;

        display: flex;

        justify-content: space-between;

        color: #fff;

    }


    div.mob-nav-top-line > div {

        flex: 1 1 100%;

        border-left: 1px solid rgba(193, 217, 184, 0.3);

    }


    div.mob-nav-top-line a {

        display: block;

        text-align: center;

        color: #fff;

        padding: 15px;

    }


    div.mob_header_extention {

        position: absolute;

        left: 160px;

        top: 0;

        right: 70px;

        height: 100%;

        display: flex;

        align-items: center;

        justify-content: flex-end;

    }


    div.mob_header_extention > div {

        height: 70px;

    }


    div.mob-header-items {

        display: flex;

    }


    div.mob-header-items > div {

        border-right: 1px solid rgba(193, 217, 184, 0.3);

    }


    div.mob-search-container {

        display: block;

        height: 0;

        overflow: hidden;

        -webkit-transition: all ease 0.3s;

        -moz-transition: all ease 0.3s;

        -ms-transition: all ease 0.3s;

        -o-transition: all ease 0.3s;

        transition: all ease 0.3s;

    }


    div.mob-search-container.opened {

        height: 40px;

    }


    div.mob-search-container.mob-position-fixed {

        position: fixed;

        left: 0;

        top: 0;

        right: 0;

        z-index: 221;

    }


    div.mob-search-container.mob-position-fixed.opened + header.mob-position-fixed {

        top: 40px;

    }


    /* style sample */
    div.langs-select select {

        border: 0;

        height: 70px;

        text-align: center;

        font-size: 16px;

        padding: 0 15px;

        -webkit-appearance: none;

        border-radius: 0;

        background: none;

    }


    div.langs-select select option {


    }


    /* style sample */
    div.mob_search a {

        display: flex;

        height: 70px;

        width: 60px;

        align-items: center;

        justify-content: center;

        font-size: 16px;

        text-decoration: none;

    }


    /*-----*/
    header {

        height: 70px;

        -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);

        -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);

        box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);

        position: fixed;

        left: 0;

        top: 0;

        right: 0;

    }


    header.mob-position-fixed + div,
    header.mob-position-fixed + main {

        margin-top: 70px;

    }


    div.header-content {

        display: none;

    }


    ul.main-menu {

        display: block;

    }


    ul.main-menu > li > a {

        display: block;

        position: relative;

        padding: 15px;

    }


    ul.main-menu > li > a .fa {

        position: absolute;

        right: 0;

        top: 10px;

        bottom: 10px;

        width: 30px;

        background: #ccc;

        display: flex;

        align-items: center;

        justify-content: center;

        -webkit-transition: all ease 0.3s;

        -moz-transition: all ease 0.3s;

        -ms-transition: all ease 0.3s;

        -o-transition: all ease 0.3s;

        transition: all ease 0.3s;

        border-left: 1px solid rgba(0, 0, 0, 0.1);

    }


    ul.main-menu > li.selected > a .fa:before {

        content: '\f068';

    }


    ul.main-menu > li.selected > ul {

        max-height: 600px;

    }


    ul.main-menu > li > ul {

        position: static;

        opacity: 1;

        visibility: visible;

        background: #fff;

        overflow: hidden;

        max-height: 0;

    }


    ul.main-menu > li > ul > li > a {

    }


    section {

        padding: 30px 0;

    }


    div.index-swiper {

        height: 100vw;

    }


    div.index-swiper .swiper-slide .photo {

        height: 100vw;

        object-fit: cover;

    }


    div.index-swiper div.swiper-slide-content {
    }


    .mobile-menu-toggler {

        display: flex !important;

        padding: 15px;

        border: 1px solid #f1f1f1;

        position: relative;

        justify-content: space-between;

        align-items: center;

    }


    .mobile-menu-toggler .fa {

        font-size: 18px;

        -webkit-transition: all ease 0.3s;

        -moz-transition: all ease 0.3s;

        -ms-transition: all ease 0.3s;

        -o-transition: all ease 0.3s;

        transition: all ease 0.3s;

        position: absolute;

        right: 0;

        top: 10px;

        bottom: 10px;

        width: 40px;

        display: flex;

        align-items: center;

        justify-content: center;

        border-left: 1px solid rgba(0, 0, 0, 0.1);


    }


    .mobile-menu-toggler.opened .fa:before {

        content: '\f068';

    }


    div.content-menu-container {

        margin: -30px -15px 15px;

    }


    ul.content-menu {

        max-height: 0;

        overflow: hidden;

        -webkit-transition: all ease 0.3s;

        -moz-transition: all ease 0.3s;

        -ms-transition: all ease 0.3s;

        -o-transition: all ease 0.3s;

        transition: all ease 0.3s;

    }


    ul.content-menu.opened {

        max-height: 500px;

    }


    footer {

        margin: 0;

        height: auto;

        padding: 15px;

    }


    div.footer-content {

        display: block;

        text-align: center;

    }


}


/* SM */

@media /*(min-width: 568px) and */
(max-width: 767px) {

    div.category-select{
        flex-direction: column;
        margin: 0 -15px;
    }

    section.category-select-section input{
        min-width: 100vw;
        text-align: center;
    }

    div.themes-list > div{
        min-width: 100%;
        flex-basis: 100%;
    }

}


/* */

@media (min-width: 768px) {


}


/* MD */

@media (min-width: 768px) and (max-width: 1023px) {

    div.themes-list > div{
        min-width: 50%;
        flex-basis: 50%;
    }

}


/* LG */

@media (min-width: 1024px) and (max-width: 1279px) {

    div.themes-list > div{
        min-width: 33.33%;
        flex-basis: 33.33%;
    }

}


/* XL */

@media (min-width: 1280px) {


}


/* PORTRAIT ORIENTATION*/

@media all and (orientation: portrait) {

}


/* LANDSCAPE ORIENTATION*/

@media all and (orientation: landscape) {

}