/* ==================== 
1. resets & defaults
2. base styles
3. layout
4. components
5. content by pages
==================== */


/* ==================== 1. resets & defaults ==================== */
html,body,
h1,h2,h3,h4,h5,h6,
ul,ol,p,figure,
form,fieldset,input,textarea{
	margin: 0;
	padding: 0;
}

header,nav,main,article,section,aside,footer,figure{
	display: block;
}

*{box-sizing: border-box; -webkit-tap-highlight-color: transparent;}

.cl:before,
.cl:after {
  display: table;
  content: " ";
}
.cl:after{
	clear: both;
}

/* ----- */

html,body{
	width: 100%;
	height: 100%;
}

nav ul,.nav ul{list-style: none;}
a img,fieldset{border: 0;}

.logo img{display: block;}
.img-container img,
.thumb img,
figure img{
	display: block;
	max-width: 100%;
}

button,
input[type=button],
input[type=submit]{
	cursor: pointer;
	outline: none !important;
}

a,a:hover,a:focus{text-decoration: none;}
a.is-active{cursor: default;}

.disabled{opacity: 0.5; pointer-events: none;}
.disabled-click{pointer-events: none;}

/* ----- */

.no-scroll,
.no-scroll body{
	height: 100% !important;
	overflow: hidden;
}

.hidden{display: none !important;}
.item-fade{opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; z-index: -1;}
.item-fade.fade-in{opacity: 1; visibility: visible; z-index: 1;}

.no-padding{padding: 0 !important;}
.no-margin{margin: 0 !important;}

/* ----- */

.float-left{float: left !important;}
.float-right{float: right !important;}

.block-center{margin-left: auto !important;margin-right: auto !important;}

.text-l{text-align: left !important;}
.text-r{text-align: right !important;}
.text-c{text-align: center !important;}

.lowercase{text-transform: lowercase !important;}
.uppercase{text-transform: uppercase !important;}
.nocase{text-transform: none !important;}

.italic{font-style: italic;}

.thin{font-weight: 100;}
.light,.book{font-weight: 300;}
.medium{font-weight: 500;}
.bold{font-weight: 700;}

.underline{text-decoration: underline;}
.line-through{text-decoration: line-through;}

.highlight {background-color: #ffff00;}


.desktop .desktop-hidden,
.tablet .tablet-hidden,
.mobile .mobile-hidden,
html:not(.desktop) .desktop-visible,
html:not(.tablet) .tablet-visible,
html:not(.mobile) .mobile-visible{
    display: none;
}
/* ----- */

body{
	background: #fff;
    color: #1a1a1a;
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

/* is loading */
button.is-loading{
	background-image: url("../Images/icons/spinner.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 28px 28px;
	pointer-events: none;
}
button.is-loading > *{
	opacity: 0;
}

.link.is-loading{
	background-image: url("../Images/icons/spinner.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 28px 28px;
	pointer-events: none;
}
.link.is-loading > *{
	opacity: 0;
}

.icon-btn.is-loading{
	background-image: url("../Images/icons/spinner.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px 25px;
	pointer-events: none;
}
.icon-btn.is-loading > *{
	opacity: 0;
}

button.is-loading.loader-light,
.link.is-loading.loader-light,
.icon-btn.is-loading.loader-light{
	background-image: url("../Images/icons/spinner_white.svg");
}

/* ==================== 2. base styles ==================== */


/* ----------- fonts ----------- */
body,input,textarea,button{
	font-family: '63Fonts', 'Roboto', sans-serif;
}
.bebas-neue{
    font-family: 'Bebas Neue', 'Roboto', sans-serif !important;
    text-transform: uppercase;
}
.indigo-caps{
    font-family: 'Indigo Caps', 'Roboto', sans-serif !important;
    text-transform: uppercase;
}
.kirovi{
    font-family: 'GL Kirovi', 'Roboto', sans-serif !important;
    text-transform: uppercase;
}
/* ----------- /fonts ----------- */


/* ----------- container ----------- */
.container-fluid{
    padding-left: 100px;
    padding-right: 65px;
}
@media (max-width: 1140px){
    .container-fluid{
        padding-left: 71px;
    }
}
@media (max-width: 991px){
    .container-fluid{
        padding-left: 45px;
        padding-right: 45px;
    }
}
@media (max-width: 575px){
    .container-fluid{
        padding-left: 20px;
        padding-right: 20px;
    }
}
/* ----------- /container ----------- */


/* ----------- row ----------- */
.row-lg{
	margin-left: -20px;
	margin-right: -20px;
}
.row-lg .col,
.row-lg [class*=col-] {
	padding-left: 20px;
	padding-right: 20px;
}

.row-sm{
	margin-left: -10px;
	margin-right: -10px;
}
.row-sm .col,
.row-sm [class*=col-] {
	padding-left: 10px;
	padding-right: 10px;
}

.row-xs{
	margin-left: -3px;
	margin-right: -3px;
}
.row-xs .col,
.row-xs [class*=col-] {
	padding-left: 3px;
	padding-right: 3px;
}

@media (min-width: 1400px) {
    .col-xxl {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}
	.col-xxl-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.col-xxl-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	.col-xxl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-xxl-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.col-xxl-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	.col-xxl-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-xxl-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	.col-xxl-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	.col-xxl-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-xxl-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	.col-xxl-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}
	.col-xxl-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}
/* ----------- /row ----------- */


/* ----------- icons ----------- */
.icon{
	display: inline-block;
	position: relative;
}
.icon::before{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
}
.i-90::before{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.i-180::before{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.i-270::before{
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}

.i-acrobat::before{
    background-image: url("/Content/Images/icons/acrobat.svg");
}
.i-arrow-long::before{
    width: 25px;
    height: 13px;
    background-image: url("/Content/Images/icons/arrow_right_long.svg");
}
.i-arrow-long--green::before{
    width: 25px;
    height: 13px;
    background-image: url("/Content/Images/icons/arrow_right_long_green.svg");
}
.i-attachement--green::before{
    background-image: url("/Content/Images/icons/attachement_green.svg");
}
.i-dots-vertical--green::before{
    width: 4px;
    height: 14px;
    background-image: url("/Content/Images/icons/dots_vertical_green.svg");
}
.i-fullscreen--green::before{
    width: 14px;
    height: 14px;
    background-image: url("/Content/Images/icons/fullscreen_green.svg");
}
.i-play::before{
    background-image: url("/Content/Images/icons/play.svg");
}
.i-triangle::before{
    width: 7px;
    height: 10px;
    background-image: url("/Content/Images/icons/triangle_right.svg");
}
.i-triangle--white::before{
    width: 7px;
    height: 10px;
    background-image: url("/Content/Images/icons/triangle_right_white.svg");
}

figure [class*=i-fullscreen]{
    background-color: #000;
    padding: 4px 2px 2px;
    position: absolute;
    bottom: 5px;
    right: 5px;
}
/* ----------- /icons ----------- */


/* ----------- colors ----------- */
.color-white{
	color: #fff !important;
}
/* ----------- /colors ----------- */



/* ==================== 3. layout ==================== */


.app{
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: 100%;
	padding-top: 60px;
}
.app::before{
    content: "";
    width: 50%;
    height: 60px;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
}


/* ---------- header,sidebar,hamburger ---------- */
header.app-header,
nav.app-sidebar-nav{
    position: fixed;
    top: 0;
    left: 0;
    padding-left: 100px;
}
header.app-header .logo,
nav.app-sidebar-nav .logo{
    margin-left: -2px;
    overflow: hidden;
}
header.app-header .logo img,
nav.app-sidebar-nav .logo img{
    display: block;
    width: 74px;
}

header.app-header{
    display: flex;
    width: 100%;
    z-index: 300;
}
header.app-header::before,
header.app-header::after{
    content: "";
    background-color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
}
header.app-header::before{
    width: 100px;
    left: 0;
}
header.app-header::after{
    left: 171px;
    right: 0;
}

header.app-header .logo{
    flex-shrink: 0;
    background-color: rgba(0, 0, 0, 0.2);
}
header.app-header .slogan{
    display: block;
    font-size: 14px;
    font-family: 'Bebas Neue', 'Roboto', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    word-spacing: 6px;
    white-space: nowrap;
}

/* top nav */
header.app-header nav > ul > li,
header.app-header .lang-wrap{
    padding-top: 18px;
    position: relative;
}

header.app-header nav .nav-link,
header.app-header .lang-wrap a{
    display: block;
    transition: color .3s;
    
    color: #1a1a1a;
    font-family: 'GL Kirovi', 'Roboto', sans-serif;
    line-height: 24px;
    text-transform: uppercase;
}
header.app-header nav .nav-link:hover,
header.app-header .lang-wrap a:hover{
    color: #ccc;
}

header.app-header nav{
    flex-grow: 1;
    background-color: #fff;
    padding-left: 60px;
}
header.app-header nav > ul{
    display: flex;
}
/*header.app-header nav > ul > li:last-child{
    margin-left: auto;
}*/
header.app-header nav .nav-link{
    font-size: 16px;
    padding: 0 20px;
}
header.app-header nav .nav-link::before,
header.app-header .lang-wrap::before{
    content: "";
    width: 1px;
    height: 20px;
    background-color: #1a1a1a;
    opacity: 0.5;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    
    transition: all 0.5s ease;
}
/*header.app-header nav li:last-child .nav-link::before{
    display: none;
}*/

header.app-header nav .nav-link.active{
    color: #ccc;
}
header.app-header nav .nav-link.active::before{
    height: 164px;
    background-color: #ccc;
}
.scrolled header.app-header nav .nav-link.active::before{
    height: 60px;
}

header.app-header nav .sub-nav{
    display: none;
}

/* lang */
header.app-header .lang-wrap{
    flex-shrink: 0;
    width: 65px;
    margin-left: 7px;
    text-align: center;
}
header.app-header .lang-wrap a{
    font-family: 'Roboto', 'GL Kirovi', sans-serif;
    font-size: 14px;
    font-weight: bold;
}

/* hamburger */
.app-hamburger{
    display: flex;
    background-color: transparent;
    border: 0;
    padding: 33px 52px 0px 30px;
    cursor: pointer;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 350;
}
.app-hamburger span {
    width: 2px;
    height: 17px;
    background-color: #1a1a1a;
    margin-right: 6px;
    
    transition: transform .4s ease-in-out, height .4s, background .4s ease-in-out;
}
.app-hamburger span:last-child {
  margin-right: 0px;
}
.app-hamburger:hover span {
    background-color: #999;
}
.app-hamburger.is-active span{
    background-color: #fff;
}
.app-hamburger.is-active span:nth-of-type(1) {
    transform: rotate(45deg) translate(8px, -6px);
}
.app-hamburger.is-active span:nth-of-type(2) {
    height: 0;
}
.app-hamburger.is-active span:nth-of-type(3) {
    transform: rotate(-45deg) translate(-5px, -3px);
}


/* secondary nav */
.app-header .nav-secondary{
    display: flex;
    padding-top: 12px;
    margin-left: auto;
}
.app-header .nav-secondary .btn{
    height: 32px;
    min-width: 32px;
    padding: 6px 11px 3px 14px;
    color: #000 !important;
    line-height: 19px;
}

.app-header .nav-secondary .shop-btn{
    display: flex;
    align-items: center;
    gap: 8px;
}
.app-header .nav-secondary .shop-btn img{
    flex-shrink: 0;
    width: 19px;
    margin: -2px 0 0 -4px;
}
.app-header .nav-secondary > * + *{
    margin-left: 7px;
}
.app-header .nav-secondary .icon-btn{
    display: flex;
    padding: 0;
}
.app-header .nav-secondary .icon-btn img{
    display: block;
    width: 16px;
    margin: auto;
}
.app-header .basket-btn{
    position: relative;
}
.app-header .basket-btn > span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: url(/Content/Images/icons/basket_filled.svg) center no-repeat;
    background-size: 16px auto;
    padding-top: 2px;
    position: absolute;
    top: 0;
    right: 0;

    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    letter-spacing: 0;
}
.app-header .basket-btn > span:focus-visible:not(.d-none) + img{
    opacity: 0;
}

@media (max-width: 1239px){
    .app-header .nav-secondary .shop-btn{
        display: none !important;
    }
}

/* dropdown */
.app-header .dropdown-menu{
    background-color: #fff;
    border: 0;
    border-radius: 0;
    padding: 13px 22px 14px;
    margin: 0 -22px 0 0;
}
.app-header .dropdown-menu ul{
    list-style: none;
}
.app-header .dropdown-menu li{
    display: flex;
    justify-content: flex-end;
}
.app-header .dropdown-menu li > *{
    color: #1a1a1a;
    font-family: 'Bebas Neue', 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    white-space: nowrap;
}
.app-header .dropdown-menu li > *:hover,
.app-header .dropdown-menu li > *.active{
    color: #ccc;
}

.app-header .dropdown-menu button {
    background-color: transparent;
    border: 0;
    padding: 0;
}


/* secondary header */
.app-header-secondary .search-btn-wrap,
.app-header-secondary .shop-btn-wrap{
    position: absolute;
    z-index: 250;
}

.app-header-secondary .search-btn-wrap button,
.app-header-secondary .shop-btn-wrap a img,
.app-header-secondary .shop-btn-wrap a span{
    transition: opacity .4s ease-in-out;
}
.app-header-secondary .search-btn-wrap button:hover,
.app-header-secondary .shop-btn-wrap a:hover img{
    opacity: 0.4;
}

.app-header-secondary .search-btn-wrap{
    top: 60px;
    right: 25px;
}
.app-header-secondary .search-btn-wrap button {
    display: block;
    height: 17px;
    width: 15px;
    background-color: transparent;
    border: 0;
    padding: 0;
    position: relative;
    z-index: 200;
}
.app-header-secondary .search-btn-wrap .circle {
    display: block;
    height: 13px;
    width: 13px;
    background-color: #fff;
    border: 2px solid #1a1a1a;
    border-radius: 50%;
    
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    
    transition: all 0.3s;
}

.app-header-secondary .search-btn-wrap .line {
    position: absolute;
    top: 0;
    left: 0;
}
.app-header-secondary .search-btn-wrap .line::before,
.app-header-secondary .search-btn-wrap .line::after {
    content: "";
    display: block;
    height: 2px;
    width: 17px;
    background: #212121;
    
    position: absolute;
    top: 8px;
    left: 0;
    
    transform: rotate(45deg);
    transition: all 0.3s;
}
.app-header-secondary .search-btn-wrap.is-active{
    z-index: 520;
}
.app-header-secondary .search-btn-wrap.is-active .circle {
    background-color: transparent;
    transform: scale(0);
}
.app-header-secondary .search-btn-wrap.is-active .line::after {
    transform: rotate(-45deg);
}

.app-header-secondary .shop-btn-wrap{
    top: 95px;
    right: 23px;
}
.app-header-secondary .shop-btn-wrap a{
    display: block;
    position: relative;
}
.app-header-secondary .shop-btn-wrap a img{
    display: block;
    width: 19px;
}
.app-header-secondary .shop-btn-wrap a span{
    padding: 1px 5px 0 2px;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 100%;
    
    color: #1a1a1a;
    font-family: 'Indigo Caps', 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 1px;
}
.app-header-secondary .shop-btn-wrap a:hover span{
    opacity: 1;
}


@media (min-width: 1240px){
    .app-header-secondary .shop-btn-wrap{
        display: none !important;
    }
}


/* sidebar nav */
nav.app-sidebar-nav{
    display: none;
    width: 330px;
    height: 100%;
    background: rgba(0, 0, 0, 0.95);
    padding-left: 100px;
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 320;
}
nav.app-sidebar-nav .logo{
    display: inline-block;
    margin-bottom: 12px;
}

nav.app-sidebar-nav .nav-link{
    color: #fff;
    font-family: 'Bebas Neue', 'Roboto', sans-serif;
    text-transform: uppercase;
    transition: opacity .4s ease-in-out;
}
nav.app-sidebar-nav .nav-link:hover{
    opacity: 0.4;
}

nav.app-sidebar-nav > ul{
    margin: 40px 0;
}

nav.app-sidebar-nav .nav-link{
    background-color: transparent;
    border: 0;
    padding: 0;
}

nav.app-sidebar-nav .main-items li > div{
    display: flex;
}
nav.app-sidebar-nav .main-items .nav-link{
    font-family: 'Indigo Caps', 'Roboto', sans-serif;
    font-size: 26px;
    line-height: 50px;
    letter-spacing: 2px;
}
nav.app-sidebar-nav .main-items .sub-nav{
    display: none;
    padding-left: 20px;
}
nav.app-sidebar-nav .main-items .sub-nav a{
    font-size: 20px;
    line-height: 40px;
}

nav.app-sidebar-nav > .secondary-items li{
    display: flex;
}
nav.app-sidebar-nav > .secondary-items .nav-link{
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
}


@media (max-width: 1440px){
    header.app-header nav .nav-link{
        font-size: 14px;
    }
}
@media (min-width: 1141px){
    header.app-header .slogan{
        flex-shrink: 0;
        height: 0;
        padding: 31px 85px 0 0;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        transform: rotate(-90deg) translate(-100%, 0);
        transform-origin: 0 0;
        text-align: right;
    }
    header.app-header .sub-nav-toggle-btn,
    header.app-header nav .sub-nav{
        display: none !important;
    }

    .app-header .subscribe-nav-item-container,
    .app-header .auth-nav-item-container{
        padding-top: 12px !important;
        position: relative;
    }
    .app-header .subscribe-nav-item-container .nav-btn,
    .app-header .auth-nav-item-container .nav-btn{
        display: block;
        height: 32px;
        background-color: #48ff9c;
        border: 1px solid #48ff9c;
        border-radius: 0;
        outline: none;
        padding: 6px 11px 3px 14px;
        transition: color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease;

        color: #000 !important;
        font-family: 'Indigo Caps', 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: normal;
        line-height: 19px;
        letter-spacing: 3px;
        text-transform: uppercase;
    }
    .app-header .subscribe-nav-item-container .nav-btn:hover,
    .app-header .auth-nav-item-container .nav-btn:hover{
        background-color: #40e28a;
        border-color: #40e28a;
    }

    .app-header .auth-nav-item-container .nav-btn .icon {
        transform: rotate(90deg);
        margin: 0 0 0 5px;
    }
    .app-header .auth-nav-item-container:hover .nav-btn .icon {
        transform: rotate(270deg);
    }

    .app-header .auth-nav-item-container:hover .sub-nav{
        display: block !important;
    }

    .app-header .auth-nav-item-container .sub-nav{
        min-width: inherit;
        background-color: #fff;
        border: 0;
        border-radius: 0;
        padding: 13px 22px 14px;
        margin: 0 -22px 0 0;

        position: absolute;
        top: 100%;
        right: 0;
    }
    .app-header .auth-nav-item-container .sub-nav li{
        display: flex;
        justify-content: flex-end;
    }
    .app-header .auth-nav-item-container .sub-nav li > *{
        color: #1a1a1a;
        font-family: 'Bebas Neue', 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 1px;
        text-transform: uppercase;
        white-space: nowrap;
    }
    .app-header .auth-nav-item-container .sub-nav li > *:hover,
    .app-header .auth-nav-item-container .sub-nav li > *.active{
        color: #ccc;
    }

    .app-header .auth-nav-item-container .sub-nav button {
        background-color: transparent;
        border: 0;
        padding: 0;
    }
}
@media (min-width: 1141px) and (max-width: 1199px){
    header.app-header nav .nav-link{
        padding: 0 16px;
    }
}

@media (max-width: 1140px){
    .app{
        padding-top: 55px;
    }
    .app::before{
        height: 55px;
    }
    
    header.app-header,
    nav.app-sidebar-nav{
        padding-left: 71px;
    }
    header.app-header::before{
        width: 71px;
    }
    header.app-header::after{
        left: 139px;
    }
    
    header.app-header .slogan{
        flex-grow: 1;
        width: 100%;
        background-color: #fff;
        padding: 30px 0 0 20px;
        
        font-size: 11px;
        line-height: 18px;
        letter-spacing: 6px;
    }
    
    header.app-header .logo,
    nav.app-sidebar-nav .logo{
        height: 55px;
    }
    header.app-header .logo img,
    nav.app-sidebar-nav .logo img{
        width: 71px;
        margin-top: -3px;
    }
    
    header.app-header nav{
        display: none;
    }
    /*header.app-header .lang-wrap{
        margin-left: auto;
    }*/
    
    .app-hamburger{
        padding: 27px 28px 0 25px;
    }
    
    nav.app-sidebar-nav .main-items .nav-link{
        font-size: 24px;
        line-height: 44px;
        letter-spacing: 2px;
    }
    
    nav.app-sidebar-nav .sub-nav-toggle-btn{
        display: block;
        background-color: transparent;
        border: 0;
        padding: 7px;
        margin-left: 5px;
    }
    nav.app-sidebar-nav .sub-nav-toggle-btn img{
        display: block;
        width: 12px;
        transform: rotate(90deg);
        transition: transform 0.3s ease;
    }
    nav.app-sidebar-nav .sab-nav-is-open .sub-nav-toggle-btn img{
        transform: rotate(180deg);
    }

    
    nav.app-sidebar-nav > ul{
        display: flex;
        flex-direction: column;
    }
    nav.app-sidebar-nav .auth-nav-item-container{
        order: 5;
        padding-top: 15px;
    }
    nav.app-sidebar-nav .auth-nav-item-container .nav-btn .icon {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1140px){
    header.app-header .lang-wrap{
        margin-right: 60px;
    }
    header.app-header .lang-wrap::before{
        height: 100%;
        left: auto;
        right: 0;
    }
    .app-header-secondary .search-btn-wrap {
        position: fixed;
        top: 21px;
        z-index: 340;
    }
    .app-header-secondary .shop-btn-wrap {
        top: 55px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    header.app-header .lang-wrap{
        width: 50px;
        margin-left: 0;
    }
}

@media (max-width: 767px){
    header.app-header .slogan{
        display: none !important;
    }

    header.app-header .lang-wrap{
        width: 62px;
    }
    .app-header-secondary .search-btn-wrap{
        right: 20px;
    }
    .app-header-secondary .shop-btn-wrap {
        display: none;
    }
}

@media (max-width: 575px){
    .app{
        padding-top: 40px;
    }
    .app::before{
        height: 40px;
    }
    
    header.app-header,
    nav.app-sidebar-nav{
        padding-left: 53px;
    }
    header.app-header::before{
        width: 52px;
    }
    header.app-header::after{
        left: 110px;
    }
    
    header.app-header .slogan{
        padding: 23px 0 0 20px;
        line-height: 17px;
        letter-spacing: 1px;
    }
    
    header.app-header .logo,
    nav.app-sidebar-nav .logo{
        height: 40px;
    }
    header.app-header .logo img,
    nav.app-sidebar-nav .logo img{
        width: 60px;
    }
    nav.app-sidebar-nav .logo {
        margin-bottom: 0;
    }
    .app-hamburger{
        padding: 20px 15px 0 20px;
    }
    
    header.app-header .lang-wrap{
        width: 50px;
        padding-top: 14px;
    }
    .app-header-secondary .search-btn-wrap {
        top: 50px;
        right: 15px;
    }

    .app-header .nav-secondary{
        padding-top: 8px;
    }
}

@media (max-width: 374px){
    header.app-header .slogan{
        letter-spacing: 0;
        padding-left: 10px;
    }
}
/* ---------- /header,sidebar,hamburger ---------- */


/* ---------- page ---------- */
.page{
	flex-grow: 1;
	width: 100%;
    padding-top: 60px;
    padding-bottom: 40px;
	position: relative;
    overflow: hidden;
}
@media (max-width: 575px){
    .page{
        padding-bottom: 20px;
    }
}

/* page head */
.page-head{
    margin-bottom: 40px;
    margin-right: 30px;
    position: relative;
}

.page-head,
.page-head > div{
    display: flex;
    align-items: flex-end;
}
.page-head{
    justify-content: space-between;
}
.page-head > div{
    align-items: flex-end;
}
.page-head .left-col .title{
    line-height: 0.75;
}
.page-head .left-col .main-title{
    margin-right: 12px;
}
.page-head .left-col .sub-title{
    margin: 0 10px 1px 0;
}
.page-head .left-col .i-triangle{
    margin-bottom: 2px;
}

.page-head .dropdown{
    margin-bottom: -1px;
}
.page-head .sort-dropdown + *{
    margin-left: 70px;
}
.page-head .dropdown *{
    color: #1a1a1a;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.page-head .dropdown button{
    background-color: transparent;
    border: 0;
    padding: 0;
}

.page-head .dropdown-btn{
    display: flex;
    align-items: flex-end;
}
.page-head .dropdown-btn .icon{
    transform: rotate(90deg);
    margin: 0 0 1px 10px;
}
.page-head .dropdown.show .dropdown-btn .icon{
    transform: rotate(270deg);
}

.page-head .sort-btn{
    font-family: 'GL Kirovi', 'Roboto', sans-serif;
    font-size: 13px;
    line-height: 1;
}
.page-head .filter-btn{
    font-family: 'Indigo Caps', 'Roboto', sans-serif;
    font-size: 30px;
    line-height: 0.8;
}

.page-head .dropdown-menu{
    min-width: inherit;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    padding: 13px 22px 14px;
    margin: 0 0 0 -22px;
}
.page-head .dropdown-menu li{
    display: flex;
}
.page-head .dropdown-menu li > *{
    font-family: 'Bebas Neue', 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
}
.page-head .dropdown-menu li > *:hover,
.page-head .dropdown-menu li > *.active{
    color: #ccc;
}

/* mac,ios */
.mac .page-head .sub-title,
.ios .page-head .sub-title{
    margin-bottom: 3px;
}
.mac .page-head .left-col .i-triangle,
.ios .page-head .left-col .i-triangle{
    margin-bottom: 8px;
}
.mac .page-head .dropdown,
.ios .page-head .dropdown{
    margin-bottom: 2px;
}
.mac .page-head .dropdown:not(.sort-dropdown) .dropdown-btn,
.ios .page-head .dropdown:not(.sort-dropdown) .dropdown-btn{
    padding-top: 3px;
}
.mac .page-head .dropdown:not(.sort-dropdown) .dropdown-btn .icon,
.ios .page-head .dropdown:not(.sort-dropdown) .dropdown-btn .icon{
    margin-bottom: 4px;
}
.mac .page-head .dropdown.sort-dropdown,
.ios .page-head .dropdown.sort-dropdown{
    margin-bottom: 5px;
}

.mac.firefox .page-head .sub-title,
.ios.firefox .page-head .sub-title{
    margin-bottom: 2px;
}
.mac.firefox .page-head .dropdown:not(.sort-dropdown),
.ios.firefox .page-head .dropdown:not(.sort-dropdown){
    margin-bottom: 1px;
}
.mac.firefox .page-head .dropdown:not(.sort-dropdown) .dropdown-btn .icon,
.ios.firefox .page-head .dropdown:not(.sort-dropdown) .dropdown-btn .icon{
    margin-bottom: 5px;
}

@media (max-width: 1140px){
    .page-head{
        margin-right: 22px;
    }
}
@media (max-width: 991px){
    .page-head .sort-dropdown + *{
        margin-left: 30px;
    }
}
@media (max-width: 767px){
    .page-head{
        margin-right: 0;
    }
    
    .page-head .left-col .main-title{
        font-size: 38px;
    }
    .page-head .left-col .i-triangle{
        display: none;
    }
    
    .page-head .filter-btn{
        font-size: 22px;
    }
    .page-head .sort-dropdown + .filter-dropdown:not(.mobile-visible){
        display: none;
    }
}
@media (max-width: 575px){
    .page-head .left-col .title{
        letter-spacing: 1;
    }
    .page-head .left-col .main-title{
        font-size: 28px;
        margin-right: 6px;
    }
    .page-head .left-col .sub-title{
        font-size: 18px;
        margin-right: 0;
    }
    .page-head .sort-dropdown + * {
        margin-left: 18px;
    }
    .page-head .sort-btn{
        font-size: 11px;
    }
}
@media (max-width: 374px){
    .page-head .sort-btn span:not(.mobile-visible){
        display: none;
    }
    .page-head .sort-btn .icon{
        margin-bottom: 2px;
    }
}


/* main container, aside container */
.main-container{
    margin-bottom: 60px;
}

.aside-container {
    margin-bottom: 40px;
}

.aside-container .left-col,
.aside-container .right-col{
    padding-top: 20px;
    padding-bottom: 20px;
}

.aside-container .left-col .row{
    align-items: center;
}

.aside-container .aside-title {
    font-size: 30px;
    margin: 0 0 30px -15px;
}

.aside-container .articles-grid .articles-grid-item {
    margin-bottom: 0;
}

@media (max-width: 991px){
    .aside-container section > *:not(:first-child){
        display: none;
    }
    .aside-container section > .aside-title + *{
        display: block;
    }
}

@media (min-width: 576px){
    .aside-container .left-col{
        padding-right: 32px;
    }
    
    .aside-container .right-col{
        border-left: 1px solid #ccc;
        padding-left: 60px;
    }
}

@media (max-width: 575px){
    .aside-container .aside-title{
        margin-left: 0;
    }
}


/* main columns, aside column */
.main-col,
.aside-col{
    margin-bottom: 40px;
}
@media (min-width: 992px){
    .main-col,
    .no-gutters .main-col{
        padding-right: 60px;
    }
}

.aside-col,
.no-gutters .aside-col{
    border-left: 1px solid #ccc;
    /*padding-top: 60px;*/
    padding-left: 75px;
}
.aside-col > *{
    margin-bottom: 60px;
}
.aside-col .articles-grid-item:not(:last-child){
    margin-bottom: 60px;
}

.aside-col .aside-title{
    margin: 0 0 30px -40px;
}
.aside-col .aside-title .number {
    background: url(/Content/Images/icons/number.svg) 0 0 no-repeat;
    background-size: auto 21px;
    padding-left: 26px;
    margin-left: 10px;
    font-size: 24px;
    font-family: 'Bebas Neue', 'Roboto', sans-serif;
    font-weight: bold;
    letter-spacing: 0;
}

.aside-col .social-media-wrap{
    display: flex !important;
    margin-top: 25px;
}
.aside-col .social-media-wrap > *{
    margin-right: 20px;
}
.aside-col .social-media-wrap img{
    display: block;
    height: 20px;
}

@media (max-width: 1199px){
    .aside-col,
    .no-gutters .aside-col{
        padding-left: 30px;
    }
    .aside-col .aside-title {
        font-size: 30px;
        margin: 0 0 30px -15px;
    }
}

@media (max-width: 991px){
    .aside-col{
        border: 0 !important;
        padding: 0 15px;
    }
    .no-gutters .aside-col{
        padding: 0;
    }
    
    .aside-col > section > *:not(:first-child){
        display: none;
    }
    .aside-col > section > .aside-title + *{
        display: block;
    }
}
@media (min-width: 576px) and (max-width: 991px){
    .aside-col {
        display: flex;
        flex-wrap: wrap;
    }
    .aside-col > section{
        flex: 0 0 50%;
        padding-right: 60px;
    }
    .aside-col > section:nth-child(2n){
        border-left: 1px solid #ccc;
        padding-right: 0;
        padding-left: 60px;
    }
}
@media (max-width: 575px){
    .aside-col .aside-title{
        margin-left: 0;
    }
}
/* ---------- /page ---------- */


/* ---------- footer ---------- */
footer.app-footer{
	width: 100%;
    padding-bottom: 20px;
	margin-top: auto;
    
    font-family: 'Bebas Neue', 'Roboto', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}

footer.app-footer .title{
    color: inherit;
    font-family: 'GL Kirovi', 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: inherit;
    margin-bottom: 5px;
}

footer.app-footer > nav,
footer.app-footer .foo-container,
footer.app-footer .bottom-wrap{
    margin-left: 75px;
}


footer.app-footer nav > ul{
    display: flex;
}
footer.app-footer nav a,
footer.app-footer .foo-container .foo-links a{
    display: block;
    margin: 5px 0;
    font-size: 14px;
}

footer.app-footer > nav{
    padding: 5px 0;
}
footer.app-footer > nav li + li{
    margin-left: 40px;
}
footer.app-footer > nav a{
    color: #1a1a1a;
}

footer.app-footer .foo-container nav > ul{
    justify-content: space-between;
}
/*footer.app-footer .foo-container nav > ul > li{
    max-width: 130px;
}
footer.app-footer .foo-container nav li li{
    max-width: 100px;
}*/
footer.app-footer .foo-container nav a,
footer.app-footer .foo-container .foo-links a{
    color: inherit;
    line-height: 1.3;
    font-weight: 300;
}
footer.app-footer .foo-container nav .nav-link{
    font-size: 16px;
    font-family: 'GL Kirovi', 'Roboto', sans-serif;
    padding: 0;
    margin: 0;
}

footer.app-footer .foo-container .foo-links ul{
    list-style: none;
}
footer.app-footer .foo-container .foo-links li{
    display: flex;
    margin: 5px 0;
}
footer.app-footer .foo-container .foo-links a{
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    text-transform: none;
}

footer.app-footer .magazine-container{
    display: flex;
    justify-content: space-between;
    background: url(/Content/Images/pattern_bg.svg) center repeat-x;
    background-size: 30%;
    padding: 0 65px 0 100px;
}
footer.app-footer .magazine-grid-item{
    width: 15%;
}
footer.app-footer .magazine-grid-item .number{
    background-size: 15px 18px;
    padding-left: 21px;
    font-size: 16px;
}

footer.app-footer .foo-container,
footer.app-footer .bottom-wrap{
    padding-left: 20px;
    padding-right: 60px;
}

footer.app-footer .foo-container{
    background-color: #1a1a1a;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    color: #fff;
}

footer.app-footer .additional-links-col{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 300px;
}

footer.app-footer .social-media-wrap{
    display: flex;
    margin: 0 -7px;
}
footer.app-footer .social-media-wrap a{
    margin: 0 7px;
}
footer.app-footer .social-media-wrap img{
    display: block;
    height: 20px;
}


.app-footer .store-links-wrap,
.app-modal .store-links-wrap{
    width: 100%;
}
.app-footer .store-links-wrap > *{
    display: block;
    width: 112px;
    margin-left: auto;
}

.app-modal .store-links-wrap > *{
    display: block;
    width: 200px;
    margin: auto;
}

.app-footer .store-link{
    margin: 0 2px;
}
.app-footer .store-link img{
    height: 32px;
}


.app-footer .col-separator{
    display: flex;
    padding: 0 15px;
}
.app-footer .col-separator::before{
    content: "";
    width: 0;
    height: 36px;
    border-right: 1px solid #5f5f5f;
}


.app-footer .bottom-wrap{
    display: flex;
    align-items: center;
    background-color: #131314;
    padding-top: 14px;
    padding-bottom: 14px;

    color: #fff;
}
.app-footer .bottom-wrap p{
    align-self: flex-end;
    font-size: 13px;
    line-height: 0.75;
}

.app-footer .bottom-wrap .logo{
    margin-right: 15px;
}
.app-footer .bottom-wrap .logo img{
    display: block;
    height: 28px;
}

.app-footer .bottom-wrap .createdby{
	display: flex;
	align-items: center;
    margin: auto 0 auto auto;
}
.app-footer .bottom-wrap .createdby > span{
	margin-right: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    text-transform: none;
}
.app-footer .bottom-wrap .createdby img{
	display: block;
	height: 13px;
}


@media (min-width: 768px){
    footer.app-footer .magazine-container{
        margin-bottom: 15px;
    }
}


@media (max-width: 1240px){
    footer.app-footer .additional-links-col{
        width: 240px;
        margin-bottom: 20px;
    }
}

@media (min-width: 1141px){
    /*.app-footer .store-links-wrap{
        margin-top: 6px;
    }*/
    .app-footer .store-links-wrap > *{
        margin-top: 6px;
    }
    /*footer.app-footer .bottom-wrap{
        justify-content: space-between;
    }
    footer.app-footer .bottom-wrap .logo{
        position: relative;
        top: -30px;
    }*/
}

@media (max-width: 1140px){
    footer.app-footer .magazine-container{
        padding: 0 0 0 65px;
    }
    
    footer.app-footer > nav,
    footer.app-footer .foo-container,
    footer.app-footer .bottom-wrap{
        margin-left: 65px;
    }
    
    footer.app-footer > nav{
        padding: 0 25px 5px 20px;
    }
    
    footer.app-footer .foo-container,
    footer.app-footer .bottom-wrap{
        padding-right: 25px;
    }
    footer.app-footer .foo-container nav{
        margin-bottom: 20px;
    }
    footer.app-footer .foo-container nav li ul{
        display: none;
    }
    footer.app-footer .foo-container nav > ul > li {
        margin-right: 0;
    }
    
    /*footer.app-footer .social-media-col{
        width: auto;
        position: absolute;
        right: 10px;
        bottom: 12px;
    }
    footer.app-footer .social-media-col .title{
        display: none;
    }*/

    /*.app-footer .store-links-wrap{
        display: flex;
    }*/
    
    /*footer.app-footer .bottom-wrap p{
        order: 2;
        margin-left: 15px;
    }
    footer.app-footer .bottom-wrap p span{
        display: none;
    }
    footer.app-footer .bottom-wrap .logo{
        margin-bottom: 2px;
    }*/
}
@media (min-width: 768px) and (max-width: 1140px){
    /*footer.app-footer .social-media-col{
        flex-direction: row-reverse;
        align-items: center;
    }
    .app-footer .store-links-wrap > *{
        margin-left: 10px;
    }*/
}
@media (max-width: 991px){
    footer.app-footer .foo-container,
    footer.app-footer .bottom-wrap{
        padding-right: 20px;
    }

    footer.app-footer .magazine-container{
        background-size: 50%;
    }
    footer.app-footer .magazine-grid-item{
        width: 20%;
    }
}
@media (max-width: 767px){
    footer.app-footer .magazine-container{
        padding-left: 20px;
    }
    footer.app-footer .magazine-grid-item{
        margin-bottom: 20px;
    }
    
    footer.app-footer > nav,
    footer.app-footer .foo-container,
    footer.app-footer .bottom-wrap{
        margin-left: 20px;
    }
    
    footer.app-footer nav ul{
        display: block;
    }
    footer.app-footer nav li{
        display: flex;
        justify-content: center;
        text-align: center;
    }
    
    footer.app-footer > nav{
        padding-bottom: 15px;
    }
    footer.app-footer > nav li + li {
        margin-left: 0;
    }
    footer.app-footer > nav a {
        font-size: 20px;
        font-weight: 300;
        line-height: 36px;
        margin: 0;
    }
    
    footer.app-footer .foo-container nav{
        margin-bottom: 30px;
    }
    footer.app-footer .foo-container nav .nav-link{
        font-size: 18px;
        line-height: 40px;
    }
    
    footer.app-footer .additional-links-col{
        align-items: center;
        width: 100%;
        margin-bottom: 40px;
    }
    footer.app-footer .foo-container .foo-links li{
        justify-content: center;
    }

    footer.app-footer .col-separator{
        display: none;
    }


    footer.app-footer .social-media-wrap{
        justify-content: center;
        margin: 25px -12px 15px;
    }
    footer.app-footer .social-media-wrap a{
        margin: 0 12px;
    }

    footer.app-footer .bottom-wrap .createdby{
        flex-direction: column;
        align-items: flex-end;
    }
    .app-footer .bottom-wrap .createdby > span{
        margin: 0 0 4px;
    }
    /*footer.app-footer .social-media-col{
        align-items: center;
        width: 100%;
        margin-bottom: 40px;
        position: relative;
        right: 0;
        bottom: 0;
    }
    footer.app-footer .social-media-wrap a {
        margin: 0 15px;
    }

    .app-footer .store-links-wrap{
        justify-content: center;
        margin-top: 20px;
    }
    .app-footer .store-links-wrap > *{
        margin: 10px 8px 0;
    }*/
}

@media (max-width: 575px){
    footer.app-footer .magazine-container{
        flex-wrap: wrap;
        background-image: none;
    }
    footer.app-footer .magazine-grid-item{
        width: 48%;
    }
}
/* ---------- /footer ---------- */


/* ---------- top bar ---------- */
.app-bar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 50px;
    background-color: #000;
    padding: 0 15px;
    position: fixed;
    left: 0;
    z-index: 400;

    color: #fff;
    font-size: 14px;
}

.app-bar .btn{
    padding: 4px 8px 4px 10px;
    color: #000!important;
}
.app-bar .close-btn {
    flex-shrink: 0;
    display: block;
    background-color: transparent;
    border: 0;
    padding: 10px;
    outline: none;
    margin: auto -15px auto 5px;
}
.app-bar .close-btn img{
    display: block;
    width: 14px;
}

.app-bar-top{
    top: 0;
}
.app-bar-bottom{
    bottom: 0;
}

.app-bar.app-bar-bottom .app ~ .app-footer{
    padding-bottom: 60px;
}
.app-bar.app-bar-bottom ~ .msg-bar{
    bottom: 50px;
}
.app-bar.app-bar-bottom ~ .app nav.app-sidebar-nav > ul:last-child{
    margin-bottom: 80px
}
/* ---------- /top bar ---------- */



/* ==================== 4. components ==================== */


/* ---------- title,text ---------- */
.title,
.text-wrap blockquote{
	display: block;
	color: #1a1a1a;
    font-family: 'Indigo Caps', 'Roboto', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
    line-height: 1;
    letter-spacing: 2px;
}

.title-sub{
    color: inherit;
    font-family: 'Bebas Neue', 'Roboto', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
}

.title *,
.title-sub *{
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

.title a,
.title-sub a{
	color: inherit;
}

.title-xl{
	font-size: 46px;
}
.title-gl{
	font-size: 42px;
}
.title-md{
	font-size: 38px;
}
.title-sm{
	font-size: 30px;
}
.title-xs{
	font-size: 26px;
}
.title-xxs{
    color: #767676;
    font-size: 14px;
}

.text-wrap h1{
	font-size: 34px;
}
.text-wrap h2{
	font-size: 26px;
}
.text-wrap h3{
	font-size: 24px;
}
.text-wrap h4{
	font-size: 21px;
}
.text-wrap h5{
	font-size: 18px;
}
.text-wrap h6{
    font-size: 15px;
}

.text,
.text-wrap{
    color: #1a1a1a;
    font-family: '63Fonts', 'Roboto', sans-serif;
	font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.5px;
}

.text-wrap:before,
.text-wrap:after {
  display: table;
  content: " ";
}
.text-wrap:after{
	clear:both;
}

.text-wrap > *{margin-bottom:20px;}
.text-wrap > *:last-child{margin-bottom:0;}
.text-wrap ul,.text-wrap ol{padding-left:40px;}
.text-wrap li + li{margin-top:10px;}

.link,
.text-wrap a{
    color: inherit;
	text-decoration: underline;
}
.link:hover,
.text-wrap a:hover{
	text-decoration: none;
}

.text-wrap a{
    color: #48ff9b
}

button.link{
    background: none;
    border: 0;
    padding: 0;
}

.text-wrap blockquote{
    max-width: 460px;
    margin: 30px 0 30px 50px;
    
    color: #000;
    font-size: 24px;
    line-height: 1.2;
}

.text-wrap img{
    max-width: 100%;
}
.text-wrap img[style*="float:left"],
.text-wrap img[style*="float: left"]{
    margin-right: 15px;
}
.text-wrap img[style*="float:right"],
.text-wrap img[style*="float: right"]{
    margin-left: 15px;
}

.text-wrap iframe{
    max-width: 100%;
    border: 0;
    outline: none;
}

.table th,
.table td,
.text-wrap table th,
.text-wrap table td {
	border: 1px solid #dee2e6;
	padding: 0.75rem;
	vertical-align: top;
}
.table thead th,
.text-wrap table thead th {
	border-bottom: 2px solid #dee2e6;
	vertical-align: bottom;
}
.table tbody + tbody,
.text-wrap table tbody + tbody {
	border-top: 2px solid #dee2e6;
}

.table-plain,
.table-plain thead th,
.table-plain td,
.text-wrap .table-plain,
.text-wrap .table-plain thead th,
.text-wrap .table-plain td{
    border: 0;
}
.table-plain td,
.text-wrap .table-plain td {
	border-top: 1px solid #dee2e6;
}

@media (max-width: 991px){
    .text-wrap blockquote{
        margin-left: 30px;
    }
}
@media (max-width: 767px){
    .text-wrap blockquote{
        margin-left: 15px;
    }
    .text-wrap iframe{
        width: 100%;
        /*height: auto;*/
        min-height: 240px;
    }
}
/* ---------- /title,text ---------- */


/* ---------- form ---------- */
.form-group{
    margin-bottom: 10px;
}
.form-label{
    color: #898989;
    font-size: 12px
}
.form-control{
    height: 35px;
    background-color: #f4f4f4;
    border-color: #ededed;
    
    color: #1a1a1a;
    font-size: 13px;
}
textarea.form-control{
    height: auto;
    resize: none;
}

/* placeholder */
.form-control::-webkit-input-placeholder {
    color: #898989;
}
.form-control::-moz-placeholder {
    color: #898989;
}
.form-control:-ms-input-placeholder {
    color: #898989;
}
.form-control::-ms-input-placeholder {
    color: #898989;
}
.form-control::placeholder {
    color: #898989;
}


/* checkbox, radio */
.form-check{
	display: inline-flex;
    min-height: 21px;
	padding: 2px 0 2px 28px;
	margin: 0;
	overflow: hidden;
	position: relative;

	color: #1a1a1a;
	font-size: 15px;
	font-weight: normal;
	line-height: 17px;
}
.form-check input{
	position: absolute;
	top: 0;
	left: -100px;
	opacity: 0;
}
.form-check span{
	display:block;
}
.form-check input[type="checkbox"] + span::before,
.form-check input[type="radio"] + span::before{
	content: "";
	display: block;
	width: 21px;
	height: 21px;
	background-color: #efefef;
    border: 1px solid #e5e5e5;
	background-repeat: no-repeat;
	background-position: -100px center;
	background-size: 10px auto;

	position:absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.form-check input[type="checkbox"] + span::before{
	background-image: url(/Content/images/icons/tick.svg);
    border-radius: .25rem;
}
.form-check input[type="radio"] + span::before{
	background-image: url(/Content/images/icons/radio.svg);
	border-radius: 50%;
}
.form-check input[type="radio"]:checked + span::before,
.form-check input[type="checkbox"]:checked + span::before{
	background-position: center;
}

.form-check input:indeterminate + span::after{
	background-position: center;
	opacity: 1;
}

.form-group .form-check{
	margin:6px 0 0;
}


/* error */
.error-text,
.global-error-text{
	color: #ef2323;
	font-size: 11px;
}
.global-error-text,
.success-text{
	display: block;
    margin: 20px 0;
    
    font-size: 12px;
	text-align: center;
}
.success-text{
    color: #48ff9c;
}

.error-text{
	display: none;
	padding: 1px 0 0 12px;
}
.has-error .error-text{
	display: block;
}
.has-error .form-control{
	border-color: #ef2323;
}

.form .submit-btn{
    margin-top: 10px;
}
/* ---------- form ---------- */


/* ---------- buttons ---------- */
.btn,
.btn:focus{
	height: 32px;
	border: 1px solid transparent;
	border-radius: 0;
	box-shadow: none !important;
	outline: none;
	padding: 4px 14px;
	
	color: #1a1a1a !important;
    font-family: 'Indigo Caps', 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 22px;
    letter-spacing: 3px;
    text-transform: uppercase;
	
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.btn-lg,
.btn-lg:focus{
    height: 40px;
    padding: 8px 15px 7px;
    font-size: 22px;
	line-height: 25px;
}


.icon-btn,
.icon-btn:focus{
    display: inline-flex;
    width: 32px;
    padding: 0;
}
.icon-btn img{
    display: block;
    width: 16px;
    margin: auto;
}

.icon-btn.btn-lg img,
.icon-btn img.icon-lg{
    width: 24px;
}


/* white */
.btn-white{
	background-color: rgba(255,255,255,0.5);
	border-color: rgba(255,255,255,0.5);
	color: #1a1a1a !important;
}
.btn-white:hover{
	background-color: rgba(255,255,255,0.7);
}
.btn.btn-outline-white{
	border-color: #fff;
	color: #fff !important;
}
.btn.btn-outline-white:hover{
	background-color: #fff;
	border-color: #fff;
	color: #1a1a1a !important;
}

/* primary */
.btn-primary,
.btn-primary:focus{
	background-color: #48ff9c;
	border-color: #48ff9c;
	color: #fff !important;
}
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active{
	background-color: #40e28a;
	border-color: #40e28a;
}
.btn-outline-primary{
	border-color: #40e28a !important;
	color: #40e28a !important;
}
.btn-outline-primary:hover{
	background-color: #40e28a !important;
    color: #fff !important;
}

.btn-primary.text-black:hover,
.btn-primary.text-black:focus,
.btn-primary.text-black:not(:disabled):not(.disabled):active{
    color: inherit !important;
}

/* black */
.btn-black,
.btn-black:focus{
	background-color: #000;
	border-color: #000;
	color: #48ff9c !important;
}
.btn-black:hover,
.btn-black:not(:disabled):not(.disabled):active{
	background-color: rgba(0,0,0,.8);
	border-color: rgba(0,0,0,.8);
}

.page .btn-row{
	margin: 30px 0;
}
.page .btn-row:last-child{
	margin-bottom: 0;
}
.page .btn-row > div{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	margin-left: -6px;
	margin-right: -6px;
}
.page .btn-row > div .btn{
	margin: 6px;
}


/* arrow btn */
.arrow-btn,
.arrow-btn-lg{
    display: flex;
    align-items: center;
    background: none;
    border: 0;
    padding: 0;
    
    font-family: 'GL Kirovi', 'Roboto', sans-serif;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase;
}
.arrow-btn span,
.arrow-btn-lg span {
    color: #000;
    position: relative;
    left: 0;
    transition: left .3s ease-in-out, color .3s;
}
.desktop .arrow-btn:hover span,
.desktop .arrow-btn-lg:hover span {
    color: #666;
    left: -10px;
}
.desktop .arrow-btn:hover .icon + span,
.desktop .arrow-btn-lg:hover .icon + span {
    left: 10px;
}

.i-arrow-long--green + span{
    color: #48ff9b !important;
}
/*.arrow-btn:hover .i-arrow-long--green + span,
.arrow-btn-lg:hover .i-arrow-long--green + span {
    color: #75feb3;
}*/

.arrow-btn span + .icon,
.arrow-btn .icon + span{
    margin-left: 8px;
}

.arrow-btn-lg{
    align-items: flex-end;
    font-size: 13px;
    line-height: 1.1;
}
.arrow-btn-lg .icon + span{
    margin-left: 10px;
}
.arrow-btn-lg .i-arrow-long::before,
.arrow-btn-lg .i-arrow-long--green::before{
    width: 60px;
    height: 16px;
}

/* arrow links wrap */
.arrow-links-wrap,
.arrow-links-wrap div{
    display: flex;
}
.arrow-links-wrap{
    color: #000;
    font-size: 16px;
    line-height: 1.1;
}
.arrow-links-wrap .i-arrow-long--green{
    margin-right: 10px;
}
.arrow-links-wrap .i-arrow-long--green::before {
    width: 60px;
    height: 16px;
}
.arrow-links-wrap .i-arrow-long--green + span{
    color: inherit !important;
}
.arrow-links-wrap div{
    flex-wrap: wrap;
}
.arrow-links-wrap a{
    color: inherit;
}
.arrow-links-wrap a,
.arrow-links-wrap span{
    margin-right: 4px;
}

/* read more btn */
.read-more-btn{
    background: none;
    border: 0;
    padding: 0;
    
    color: #000;
    font-family: 'GL Kirovi', 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    margin-left: auto;
    transition: color .4s ease-in-out;
}
.read-more-btn .icon{
    margin-left: 4px;
}
.read-more-btn:hover{
    color: #666;
}

/* video play/pause btn */
.video-toggle-btn {
    width: 16px;
    height: 20px;
    position: relative;
    overflow: hidden;
    font-size: 0;
}
button.video-toggle-btn{
    display: block;
    background-color: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
}

.video-toggle-btn .play-icon {
    display: flex;
    position: relative;
}
.video-toggle-btn .play-icon:before,
.video-toggle-btn .play-icon:after{
    content: "";
    height: 20px;
    background: #48fc9a;
}
.video-toggle-btn .play-icon:before {
    width: 5px;
}
.video-toggle-btn .play-icon:after {
    width: 11px;
    transition: all .3s ease-in-out;
}

.video-toggle-btn .pause-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.video-toggle-btn .pause-icon:before,
.video-toggle-btn .pause-icon:after{
    content: "";
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    
    position: absolute;
    right: 0;
    
    transition: all .3s ease-in-out;
}
.video-toggle-btn .pause-icon:before {
    border-top: 10px solid #fff;
    top: 0;
}
.video-toggle-btn .pause-icon:after {
    border-bottom: 10px solid #fff;
    bottom: 0;
}
.video-toggle-btn.is-playing .play-icon:after {
    width: 5px;
    margin-left: 6px;
}
.video-toggle-btn.is-playing .pause-icon:before {
    top: -50%;
}
.video-toggle-btn.is-playing .pause-icon:after {
    bottom: -50%;
}

/* video item btn wrap*/
.video-item-btn-wrap{
    display: flex;
    align-items: flex-end;
    margin: -20px 0 0 60px;
    
    color: inherit; 
    font-family: 'GL Kirovi', 'Roboto', sans-serif;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase;
}
.video-item-btn-wrap > span,
.video-item-btn-wrap > a{
    color: inherit;
    margin-bottom: 4px;
    transition: color .4s ease-in-out;
}
.video-item-btn-wrap > i,
.video-item-btn-wrap > div{
    border-left: 1px solid #48fe9b;
    padding: 35px 15px 2px 20px;
    margin-left: 20px;
}
.video-item-btn-wrap:hover > span,
.video-item-btn-wrap > a:hover{
    color: #ccc;
}
@media (max-width: 767px){
    .video-item-btn-wrap{
        margin-left: 20px;
    }
}
@media (max-width: 575px){
    .video-item-btn-wrap{
        margin-left: 10px;
    }
    .video-item-btn-wrap > i, .video-item-btn-wrap > div {
        border-left: 1px solid #48fe9b;
        padding: 35px 5px 2px 14px;
        margin-left: 14px;
    }
}
/* ---------- /buttons ---------- */


/* ---------- img, bg-img ---------- */

.img-cover,
.img-contain{
    position: relative;
    overflow: hidden;
}
.img-cover::before,
.img-contain::before{
    content: "";
    display: block;
}
.img-cover img,
.img-contain img{
    width: 100%;
    height: 100%;
    
    position: absolute;
    top: 0;
    left: 0;
}
.img-cover img{
    object-fit: cover;
}
.img-contain img{
    object-fit: contain;
}

/* ratio */
.img-21by9 {
    padding-top: 42.857143%;
}
.img-16by9 {
    padding-top: 56.25%;
}
.img-4by3 {
    padding-top: 75%;
}
.img-1by1 {
    padding-top: 100%;
}
/* ---------- /img, bg-img ---------- */


/* ---------- video ---------- */
.video-container{
    position: relative;
}
.video-container::before{
    content: "";
    display: block;
    padding-top: 56.25%;
}
.video-container video,
.video-container iframe,
.video-container .v-vlite{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.video-container .v-vlite{
    padding-top: 0;
}
/*.video-container .v-vlite .v-bigPlayButton,
.video-container .v-vlite .v-overlayVideo,
.video-container .v-vlite .v-controlBar{
    display: none;
}
.video-container .v-vlite .v-poster{
    pointer-events: none;
}*/
/*.video-container .v-vlite.v-paused .v-poster{
    visibility: visible !important;
    opacity: 1 !important;
}*/
.video-container .v-bigPlayButton svg *,
.video-container .v-controlBarContent svg *{
    fill: #48fc9a;
}
.page:not(.page-article) .video-container .v-bigPlayButton{
    opacity: 0;
}
.video-container .v-firstStart .v-controlBar{
    display: none;
}
.video-container .v-controlBarContent{
    display: flex;
    z-index: 5;
}
.video-container .v-time{
    order: 2;
    padding-top: 3px;
    color: #48fc9a !important
}
.video-container .v-fullscreen{
    order: 3;
    margin-left: auto;
}

.video-container .v-progressBar .v-progressSeek{
    background: #48fc9a !important;
}

.video-container .v-vlite:not(.v-firstStart) ~ .video-toggle-btn-wrap{
	display: none;
}
/* ---------- /video ---------- */


/* ---------- pagination ---------- */
.pagination{
    margin: 15px 0 20px;
    position: relative;
    z-index: 5;
}
.pagination li{
    margin: 0 14px;
}
.pagination li:first-child{
    margin-left: 0;
}
.pagination a{
    color: #1a1a1a;
    font-family: 'Bebas Neue', 'Roboto', sans-serif;
    font-size: 40px;
    font-weight: bold;
}
.pagination a:hover,
.pagination a.active{
    color: #48ff99;
}

@media (max-width: 991px){
    .pagination a{
        font-size: 30px
    }
}
@media (max-width: 575px){
    .pagination a{
        font-size: 24px
    }
}
@media (max-width: 374px){
    .pagination li{
        margin: 0 10px;
    }
}
/* ---------- /pagination ---------- */


/* ---------- slick slider ---------- */
.slick-slide{
    outline: none;
}
/* ---------- /slick slider ---------- */


/* ---------- articles grid ---------- */
.articles-grid{
    align-items: center;
    margin-left: -32px;
    margin-right: -32px;
}
.articles-grid > div{
    padding-left: 32px;
    padding-right: 32px;
}

@media (max-width: 1140px){
    .articles-grid{
        align-items: center;
        margin-left: -22px;
        margin-right: -22px;
    }
    .articles-grid > div{
        padding-left: 22px;
        padding-right: 22px;
    }
}

.articles-grid .articles-grid-item{
    margin-bottom: 40px;
}

.articles-grid-item{
    font-size: 14px;
    line-height: 1.2;
}

.articles-grid-item a{
    color: inherit;
}

.articles-grid-item,
.articles-grid-item .title{
    font-family: 'Bebas Neue', 'Roboto', sans-serif;
}

.articles-grid-item figure{
    position: relative;
}
.articles-grid-item figure img{
    display: block;
    width: 100%;
}
.articles-grid-item figure .i-play{
    background-color: #000;
    padding: 4px 2px 2px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 2;
}

.articles-grid-item .title{
    font-size: 17px;
    line-height: 22px;
    letter-spacing: normal;
    margin-top: 15px;
}
.articles-grid-item .date{
    display: block;
    margin-top: 5px;
    letter-spacing: 1px;
}
.articles-grid-item .category{
    display: block;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
}
.articles-grid-item .text{
    line-height: 1.5;
    opacity: 0.8;
}

.articles-grid-item .title + .text{
    margin-top: 10px;
}

/* --- */
.articles-grid-item > .top-wrap{
    display: flex;
    align-items: flex-end;
    text-transform: uppercase;
}
.articles-grid-item > .top-wrap figure{
    flex-grow: 1;
}
.articles-grid-item > .top-wrap > div{
    flex-shrink: 0;
    width: 110px;
    padding-left: 15px;
}
.articles-grid-item > .top-wrap > div .date{
    font-weight: bold;
    word-spacing: 100px;
    margin-top: 0;
}
.articles-grid-item > .top-wrap > div .category{
    margin-top: 30px;
}
.articles-grid-item > .top-wrap ~ .title,
.articles-grid-item > .top-wrap ~ .text{
    padding-left: 15px;
}
.articles-grid-item > .top-wrap ~ .title{
    margin: 20px 0 10px 0;
}
@media (min-width: 992px){
    .articles-grid-item > .top-wrap ~ .text{
        padding-right: 40px;
    }
}

/* --- */
.articles-grid-item.d-flex{
    align-items: center;
}
.articles-grid-item.d-flex figure{
    width: 45%;
}
.articles-grid-item.d-flex .info-wrap{
    width: 55%;
    padding: 0 30px 0 15px;
}
.articles-grid-item.d-flex .info-wrap .title{
    margin: 20px 0 10px 0;
}
.articles-grid-item.d-flex .info-wrap .date{
    margin-top: 10px;
}

.articles-grid-item img,
.articles-grid-item img + .icon,
.articles-grid-item .title a,
.articles-grid-item .text a,
.articles-grid-item .link,
.articles-grid-item .name a,
.articles-grid-item .description a{
    transition: opacity 0.4s ease-in-out 0.1s;
}
.articles-grid-item.hover img,
.articles-grid-item.hover img + .icon,
.articles-grid-item.hover .title a,
.articles-grid-item.hover .text a,
.articles-grid-item.hover .link,
.articles-grid-item.hover .name a,
.articles-grid-item.hover .description a{
    opacity: 0.7;
    transition-delay: 0;
}

@media (max-width: 1440px){
    .articles-grid-item .date{
        font-size: 12px;
    }
    .articles-grid-item > .top-wrap > div .date{
        font-size: 14px;
    }
}

@media (max-width: 1140px){
    .articles-grid-item.d-flex .info-wrap{
        padding-right: 0;
    }
}

@media (min-width: 1600px) {
    .articles-grid.authors-list > div {
        padding-left: 50px;
        padding-right: 50px;
    }
}
/* ---------- /articles grid ---------- */


/* ---------- authors grid ---------- */
.authors-grid-item figure{
    width: auto;
    margin-right: 60px;
}
.authors-grid-item figure::before{
    content: "";
    display: block;
    padding-top: 97%;
}
.authors-grid-item figure img{
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.authors-grid-item .info-wrap{
    padding-top: 15px;
    position: relative;
}
.authors-grid-item .name{
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
}
.authors-grid-item .description{
    display: block;
    
    font-family: 'GL Kirovi', 'Roboto', sans-serif;
    font-size: 17px;
}

.authors-grid-item .link{
    width: 60px;
    padding-left: 10px;
    position: absolute;
    bottom: 100%;
    right: 0;
    
    color: inherit;
    font-size: 11px;
    font-family: '63Fonts', 'Roboto', sans-serif;
    line-height: 20px;
    text-decoration: none;
}

.authors-grid-item .link span{
    box-shadow: inset 0 -1px 0 0 #999;
}
/* ---------- /authors grid ---------- */


/* ---------- authors search ---------- */
.authors-search{
    position: inherit;
}
.authors-search .dropdown-menu{
    background-color: rgba(255,255,255,0.9);
    border-radius: 0;
    padding: 35px 45px 25px;
    margin: 0 -45px;
    right: 0;
    transform: translate3d(0, 34px, 0px) !important;
}

.authors-search .dropdown-menu .alphabet-letter,
.authors-search .dropdown-menu li a{
    color: #1a1a1a;
    font-weight: normal;
    text-transform: uppercase;
	
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.authors-search .dropdown-menu .alphabet-letter:hover,
.authors-search .dropdown-menu li a:hover{
    color: #ccc;
}

.authors-search .dropdown-menu .alphabet-letter{
    display: inline-block;
    margin-bottom: 10px;
    
    font-family: 'Indigo Caps', 'Roboto', sans-serif;
	font-size: 38px;
	line-height: 1;
}

.authors-search .dropdown-menu ul{
    list-style: none;
    margin-bottom: 30px;
}
.authors-search .dropdown-menu li{
    margin-bottom: 6px;
}
.authors-search .dropdown-menu li a{
    font-size: 22px;
    font-family: 'Bebas Neue', 'Roboto', sans-serif;
    line-height: 1;
}

@media (max-width: 1199px){
    .authors-search .dropdown-menu .alphabet-letter{
        font-size: 32px;
    }
    .authors-search .dropdown-menu li a{
        font-size: 16px;
    }
}
@media (max-width: 991px){
    .authors-search .dropdown-menu{
        max-height: 440px;
        box-shadow: 0 4px 8px -8px rgba(0,0,0,0.9);
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    .authors-search .dropdown-menu li{
        margin-bottom: 12px;
    }
}
@media (max-width: 575px){
    .authors-search .dropdown-menu .alphabet-letter{
        font-size: 26px;
    }
    .authors-search .dropdown-menu li a{
        font-size: 14px;
    }
}
@media (max-width: 374px){
    .authors-search .dropdown-menu .row > div{
        flex: 0 0 100%;
        max-width: 100%;
    }
}
/* ---------- /authors search ---------- */


/* ---------- main video section ---------- */
.video-main-section > .row{
    align-items: center;
}

.video-main-section .video-col{
    flex: 0 0 59%;
}
.video-main-section .video-list-col{
    flex: 0 0 41%;
    padding-left: 130px;
}

.video-main-section .articles-grid-item figure{
    position: relative;
}
.video-main-section .articles-grid-item figure::before{
    content: "";
    display: block;
    padding-top: 56.25%;
}
.video-main-section .articles-grid-item figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.video-main-section .video-main-item .info-wrap{
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}
.video-main-section .video-main-item .title{
    font-size: 24px;
    line-height: 26px;
}

.video-main-section .video-main-item .video-duration{
    position: absolute;
    top: 100%;
    right: 0;
    transform: rotate(-90deg) translate(102%, 5px);
    transform-origin: right top;
    
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 1px;
}

.video-main-section .video-list .articles-grid-item{
    margin-bottom: 40px;
}
.video-main-section .video-list .articles-grid-item .title{
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}
@media (max-width: 1440px){
    .video-main-section .video-main-item .video-duration{
        font-size: 12px;
    }
}
@media (max-width: 991px){
    .video-main-section .video-col,
    .video-main-section .video-list-col{
        flex: 0 0 100%;
    }
    .video-main-section .video-list-col{
        padding-left: 0;
    }
    .video-main-section .video-list{
        display: flex;
        margin: 40px -32px 0;
    }
    .video-main-section .video-list > *{
        width: 50%;
        padding: 0 32px;
    }
}
@media (max-width: 767px){
    .video-main-section .video-list{
        display: flex;
        margin-left: -15px;
        margin-right: -15px;
    }
    .video-main-section .video-list > *{
        padding: 0 15px;
    }
}
@media (max-width: 575px){
    .video-main-section .video-main-item .title {
        font-size: 16px;
        line-height: 20px;
    }
    .video-main-section .video-list{
        display: flex;
        margin-left: -10px;
        margin-right: -10px;
    }
    .video-main-section .video-list > *{
        padding: 0 10px;
    }
    .video-main-section .video-list .articles-grid-item .title {
        font-size: 16px;
         font-weight: 400; 
        line-height: 20px;
    }
}
/* ---------- /main video section ---------- */


/* ---------- images grid ---------- */
.images-grid > div{
    margin-bottom: 30px;
}

.images-grid-item{
    display: block;
}
.images-grid-item figure{
    position: relative;
    padding-top: 100%;
}
.images-grid-item figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.images-grid-item figure.img-rectangle{
    margin: 0 65px;
}
.images-grid-item figure.img-rectangle-wide{
    margin-left: 65px;
}

.images-grid-item .info-wrap{
    padding: 0 65px;
}
.images-grid-item .info-wrap *{
    font-family: 'Bebas Neue', 'Roboto', sans-serif;
    text-transform: uppercase;
}
.images-grid-item .title{
    display: block;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: normal;
    margin-top: 15px;
}
.images-grid-item .date{
    display: block;
    font-size: 12px;
    line-height: 1;
    margin-top: 5px;
}

.images-grid-item img,
.images-grid-item .title{
    transition: opacity 0.4s ease-in-out 0.1s;
}
.images-grid-item.hover img,
.images-grid-item.hover .title{
    opacity: 0.7;
    transition-delay: 0;
}
/* ---------- /images grid ---------- */


/* ---------- contact-info-wrap ---------- */
.contact-info-wrap{
    color: #000;
    font-family: 'Bebas Neue', 'Roboto', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
}
.contact-info-wrap a{
    color: inherit;
}
.contact-info-wrap .mail{
    display: inline-block;
    margin-bottom: 20px;
    
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
}
/* ---------- /contact-info-wrap ---------- */


/* ---------- accordion ---------- */
.accordion-item{
    margin-bottom: 20px;
}
.accordion-item .head{
    display: flex;
}
.accordion-item .head > *{
    cursor: pointer;
}
.accordion-item .head .i-triangle::before{
    transition: transform 0.3s ease;
}
.accordion-item.open .head .i-triangle::before{
    transform: rotate(90deg);
}
.accordion-item .body{
    position: relative;
}
.accordion-item .body > *{
    padding: 20px 0;
}
/* ---------- /accordion ---------- */


/* ---------- search ---------- */

.search-form,
.search-reasults-container{
    max-width: 880px;
    margin: 0 auto;
}

/* form */
.search-box {
    display: flex;
    margin-bottom: 20px;
}
.search-box input {
    flex-grow: 1;
    height: 40px;
    background-color: transparent;
    border:none;
    border-bottom: 1px solid #1a1a1a;
    padding-top: 4px;
    outline: none;
    
    color: #1a1a1a;
    font-family: 'Indigo Caps', 'Roboto', sans-serif !important;
    font-size: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.search-box button {
    flex-grow: 0;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border: 1px solid #1a1a1a;
    padding: 0;
    cursor: pointer;
    
    transition: opacity 0.3s ease;
}
.search-box button img {
    width: 18px;
}
.search-box button:hover{
    opacity: 0.6;
}

.search-form .results-count{    
    font-family: 'GL Kirovi', 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1;
    text-align: right;
    text-transform: uppercase;
}
.search-form .results-count > *{
    font-weight: normal;
}
.search-form .results-count > span{
    color: #666;
}

/* loader */
.search-loader{
    display: none;
    width: 100%;
    max-width: 360px;
    margin: 100px auto;
}
.search-loader img{
    display: block;
    width: 100%;
}

.no-results-text{
    font-size: 20px;
    font-family: 'Bebas Neue', 'Roboto', sans-serif;
    text-align: center;
}

/* results */
.search-reasults-container .articles-grid{
    counter-reset: search-item-counter;
}
.search-reasults-container .articles-grid-item{
    align-items: flex-start;
    counter-increment: search-item-counter;
}
.search-reasults-container .articles-grid-item > .wrap{
    flex-shrink: 0;
    width: 120px;
}
.search-reasults-container .articles-grid-item figure{
    width: 100%;
    position: relative;
}
.search-reasults-container .articles-grid-item figure::before{
    content: counter(search-item-counter)'.';
    margin-right: 5px;
    
    position: absolute;
    right: 100%;
    bottom: 0;
    
    font-family: 'Indigo Caps', 'Roboto', sans-serif !important;
    font-size: 20px;
    line-height: 1;
}
.search-reasults-container .articles-grid-item figure img{
    max-height: 140px;
    object-fit: cover;
}
.search-reasults-container .articles-grid-item .date{
    margin-top: 6px;
}
.search-reasults-container .articles-grid-item .category{
    margin-top: 3px;
    font-size: 14px;
}
.search-reasults-container .articles-grid-item.d-flex .info-wrap{
    flex-grow: 1;
    width: auto;
    padding-right: 0;
}
.search-reasults-container .articles-grid-item.d-flex .info-wrap .title{
    margin: 0 0 8px;
    font-size: 14px;
    line-height: 1.2;
}
.search-reasults-container .articles-grid-item.d-flex .info-wrap .text{
    margin: 0;
    font-size: 12px;
}

.search-reasults-container .pagination{
    margin: 0 0 30px;
}

/* popup */
.search-popup{
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.9);
    padding-top: 60px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 500;
}
.search-popup .search-form{
    margin-top: 200px;
    margin-bottom: 20px;
}

@media (max-height: 800px) {
    .search-popup{
        padding-top: 40px;
    }
    .search-popup .search-reasults-container .articles-grid > div{
        display: none;
    }
    .search-popup .search-reasults-container .articles-grid > div:nth-child(1),
    .search-popup .search-reasults-container .articles-grid > div:nth-child(2),
    .search-popup .search-reasults-container .articles-grid > div:nth-child(3),
    .search-popup .search-reasults-container .articles-grid > div:nth-child(4){
        display: block;
    }
}
@media (max-height: 649px) {
    .search-popup{
        padding-top: 25px;
    }
}
@media (max-height: 620px) {
    .search-popup{
        padding-top: 0;
    }
}
@media (max-width: 767px) {
    .search-popup{
        padding-top: 20px;
    }
}
@media (max-height: 590px), (max-width: 767px) {
    .search-popup{
        padding-top: 20px;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    .search-popup .container-fluid{
        padding-bottom: 40px;
    }
}
@media (max-width: 575px) {
    .search-popup .container-fluid{
        padding-right: 35px;
    }
}

/* page */
.page-search-results .search-form{
    margin-bottom: 40px;
}
.page-search-results .no-results-text{
    margin: 40px 0;
}
/* ---------- /search ---------- */


/* ---------- fancybox ---------- */
.fancybox-button{
    background-color: transparent !important;
}
.fancybox-infobar{
    font-family: 'GL Kirovi', 'Roboto', sans-serif !important;
    font-size: 20px !important;
    text-transform: uppercase !important;
}
.fancybox-progress{
    background-color: #48ff9b !important;
    height: 6px !important;
}
.fancybox-thumbs__list a:before{
    border-color: #48ff9b !important;
}

.fancybox-navigation .fancybox-button--arrow_left,
.fancybox-navigation .fancybox-button--arrow_right{
    width: auto !important;
    height: auto !important;
    padding: 15px !important;
    top: calc(50% - 25px) !important;
}
.fancybox-navigation .fancybox-button--arrow_left[disabled],
.fancybox-navigation .fancybox-button--arrow_right[disabled]{
    opacity: 0.2 !important;
}
.fancybox-navigation .fancybox-button--arrow_left div,
.fancybox-navigation .fancybox-button--arrow_right div{
    padding: 0 !important;
}
.fancybox-navigation .fancybox-button--arrow_left div svg,
.fancybox-navigation .fancybox-button--arrow_right div svg{
    display: none !important;
}
.fancybox-navigation .fancybox-button--arrow_left div::before,
.fancybox-navigation .fancybox-button--arrow_right div::before{
    content: "";
    display: block;
    width: 80px;
    height: 21px;
    background: url("/Content/Images/icons/arrow_right_long_gray.svg") 0 0 no-repeat;
    background-size: contain;
}
.fancybox-navigation .fancybox-button--arrow_left div::before{
    transform: rotate(180deg);
}
/*@media (max-height: 576px){
    .fancybox-slide--image {
        padding: 44px 0 0 !important;
    }
}*/
/* ---------- /fancybox ---------- */


/* ---------- dropdown ---------- */
/*.dropdown-menu{
	background-color: #fff;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
	border: 0;
	padding: 0 10px;
	margin-top: 6px;
}
.dropdown-menu ul{
	list-style: none;
}
.dropdown-menu li:not(:last-child){
	border-bottom: 1px solid #e6e7e8;
}
.dropdown-menu a{
	display: block;
	padding: 8px 0;

	color: #58595b;
	font-size: 13px;
	transition: color 0.3s ease;
}
.dropdown-menu a:hover,
.dropdown-menu a.active{
	color: #ca4134;
}
.dropdown-menu-right{
	text-align: right;
}*/
/* ---------- /dropdown ---------- */


/* ---------- modal ---------- */
html:not(.desktop) .modal{
	padding-left: 10px;
	padding-right: 10px;
}

.modal .modal-dialog{
	margin-left: auto;
	margin-right: auto;
}

.modal .close-popup-btn{
	background-color: transparent;
	border: 0;
	padding: 12px;
	margin: 0;
	opacity: 1;
	position: absolute;
	top: 0;
	right: 0;

	transition: opacity .2s ease;
}
.modal .close-popup-btn svg {
	display: block;
	width: 12px;
	height: 12px;
	fill: #1a1a1a;
	position: relative;
	z-index: 2;
}
.modal .close-popup-btn:hover {
	opacity: 0.85;
}

.modal-content {
	border-radius: 0;
	padding: 22px 20px;
}
.modal-header,
.modal-body,
.modal-footer{
	border: 0;
	padding: 0;
}
.modal-header{
	margin-bottom: 20px;
}
.modal-footer{
	margin-top: 20px;
}

.modal-body .form .controls{
	padding-top: 15px;
	text-align: center;
}
.modal-body .form .controls > div{
	margin-top: 8px;
}
.modal-body .form .controls .submit-btn + div{
	margin-top: 12px;
}
.modal-body .form .controls .link{
	font-size: 12px;
}
.modal-body .form .controls button.link{
	background-color: transparent;
	border: 0;
	padding: 0;
}

@media (min-width: 576px){
	.modal-sm {
		width: 100%;
		max-width: 350px;
	}
}
/* ---------- /modal ---------- */


/* ---------- auth ---------- */
.auth-modal .modal-dialog{
	width: 100%;
	max-width: 350px;
}


@media (min-width: 768px){
	.signup-modal .modal-dialog{
		max-width: 640px;
	}
}
/* ---------- /auth ---------- */


/* ---------- success-error ---------- */
.success-error-container{
    padding: 20px 0 60px;
    text-align: center;
}
.success-error-container > img{
    display: block;
    width: 104px;
    margin: 0 auto 30px;
}
.success-error-container .title{
    color: #000;
    font-size: 28px;
}

@media (min-width: 768px){
	.success-error-container > img{
        width: 122px;
    }
    .success-error-container .title{
        font-size: 32px;
    }
}

@media (min-height: 1050px){
	.success-error-container{
        padding-top: 7.5vh;
    }
}
/* ---------- /success-error ---------- */


/* ---------- message bar ---------- */
.msg-bar {
    display: none;
    width:100%;
    margin: 0;

    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.msg-bar > div{
    display:flex;
    align-items:center;
    justify-content:space-between;

    width: 100%;
    background: #00eba2;
    padding: 14px 14px 12px 25px;
    margin:0 auto;

    color: #fff;
    font-size: 14px;
    font-weight:normal;
    line-height: 18px;
}
.msg-bar .content-wrap{
    flex-grow: 1;
    padding-right: 10px;
}
.msg-bar .close-btn {
    flex-shrink: 0;
    display: block;
    min-width: 24px;
    max-width: 24px;
    height: 24px;
    background-color:transparent;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDM0NCNTZDM0RBOUQxMUUzQjczRkM4MEYyQUZGQTlFMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDM0NCNTZDNERBOUQxMUUzQjczRkM4MEYyQUZGQTlFMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMzQ0I1NkMxREE5RDExRTNCNzNGQzgwRjJBRkZBOUUwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMzQ0I1NkMyREE5RDExRTNCNzNGQzgwRjJBRkZBOUUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+xOV4+QAAAP5JREFUeNrsld0KgkAQhbUHiLAftIfU94v0VtAKoihfI7rxbpuFkcZlZn8CverAd9PMnGOts8VKqWhKLaKJNXtAAfRACSQBPmugwtl8VNFnQHirr85AYtQ5dM+FzL1o3Ww+qrFcIQn2UB1sASugMQaeQMqYp1ijatBDDJBCHkaIl7kUMIS0hsEV2ISY2wI0O+BuGJ0Qqhv2RqEB0jehaqUn9w2whTjNNT6bHOt1YT73u8QcT5DiGyRJH/z215+IWyLukK3LKJlnzKtYA0ukZpYx8w3YA51gPvRwIR3OWgN8zINCZr/sJr+uC6AHSk/zgTVQ4WxOa/H/T9+ljwADAPJXD1r7CYx6AAAAAElFTkSuQmCC');
    background-position:center;
    background-repeat:no-repeat;
    background-size:12px 12px;
    border:0;
    outline:none;
    cursor:pointer;
}
.msg-bar .close-btn::before{
    content:"";
}

.msg-bar.bottom {
    top: auto;
    bottom: 0;
}

.msg-bar.show {
    display: block;
}
/* ---------- /message bar ---------- */


/* ---------- product counter ---------- */
.product-counter{
	display: flex;
	height: 50px;
	border: 1px solid #E6E7E8;
	border-radius: 4px;
	padding: 0 5px 0 14px;

	color: #1a1a1a;
	font-size: 16px;
}
.product-counter > label{
	flex-grow: 1;
	margin: auto 0;
}
.product-counter > div{
	display: flex;
	align-items: stretch;
}
.product-counter button{
	width: 24px;
	background-color: transparent;
	border: 0;
	padding: 0;

	color: inherit;
	font-size: 20px;
	font-weight: normal;
}
.product-counter input{
	width: 28px;
	background-color: transparent;
	border: 0;
	outline: none;
	padding: 2px 0 0;

	color: inherit;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.product-counter.size-sm{
    height: 40px;
    padding: 0;
}
/* ---------- /product counter ---------- */


/* ---------- quiz ---------- */
.quiz-container {
    width: 100%;
    max-width: 600px;
    background-color: #fff;
    margin: 0 auto;
    position: relative;
}

.quiz{
    --spacing-x: 16px;
    border: 1px solid #000;
    z-index: unset !important;
}

.quiz .swiper-slide{
    padding: 20px var(--spacing-x);
}

.quiz .swiper-pagination{
    --swiper-pagination-top: 10px;
    --swiper-pagination-bottom: auto;
    --swiper-pagination-bullet-height: 3px;
    --swiper-pagination-bullet-width: auto;
    --swiper-pagination-bullet-horizontal-gap: 7px;
    --swiper-pagination-bullet-border-radius: 0;
    --swiper-pagination-color: #00EA8D;
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-inactive-color: #D9D9D9;

    display: flex;
    align-items: center;
    width: 100%;
    gap: var(--swiper-pagination-bullet-horizontal-gap);
    padding: 0 var(--spacing-x);
    z-index: 3 !important;
}
.quiz .swiper-pagination-bullet{
    flex: 0 0 1;
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
}
.quiz .swiper-pagination-bullet,
.quiz .swiper-pagination-bullet-active{
    background-color: var(--swiper-pagination-color) !important;
}
.quiz .swiper-pagination-bullet-active ~ .swiper-pagination-bullet{
    background-color: var(--swiper-pagination-bullet-inactive-color) !important;
}

.quiz .title{
    min-height: 70px;
    margin: 9px 0;

    font-size: 40px;
    line-height: 0.875;
    letter-spacing: 0;
}

.quiz .img-wrap::before{
    padding-top: 66.66666%;
}
.quiz .img-wrap img{
    object-fit: contain;
}
.quiz .img-wrap .overlay{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    padding: 10px 10px 12px;

    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;

    transition: opacity .15s ease-in-out;
}
.quiz .img-wrap .overlay:not(.show){
    opacity: 0;
    pointer-events: none;
}
.quiz .img-wrap .overlay .text{
    width: 100%;
    margin: auto 0;

    color: #fff;
    font-family: 'Indigo Caps', 'Roboto', sans-serif;
    font-size: 28px;
    line-height: 0.875;
    letter-spacing: 0;
    text-align: center;
}
.quiz .img-wrap .overlay .btn{
    color: #000 !important;
    margin: 0 auto;
}

.quiz .btn-wrap{
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 28px;
}
.quiz .btn-quiz-answer{
    display: flex;
    align-items: flex-start;
    gap: 11px;
    background-color: #555;
    border: none;
    padding: 8px 10px 6px;

    color: #fff;
    font-family: 'Indigo Caps', 'Roboto', sans-serif;
    font-size: 30px;
    line-height: 1;
    text-align: left;

    transition: background-color 0.3s ease;
}
.quiz .btn-quiz-answer::before{
    content: "";
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    background-color: #fff;
    margin-top: 10px;
}
.quiz .btn-quiz-answer:hover{
    background-color: #373737;
}
.quiz .btn-quiz-answer.is-correct{
    background-color: #00EA8D;
}
.quiz .btn-quiz-answer.is-wrong{
    background-color: #AD1818;
}


/* ------ */
.quiz-overlay-container,
.quiz-overlay-container .img-wrap,
.quiz-overlay-container .img-wrap::after,
.quiz-overlay-container .info-wrap{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.quiz-overlay-container .img-wrap img{
    object-fit: cover;
}
.quiz-overlay-container .img-wrap::after{
    content: "";
    background-color: rgba(0,0,0,.6);
    z-index: 2;
}
.quiz-overlay-container .info-wrap{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 3;
}
.quiz-overlay-container .info-wrap .text{
    width: 100%;

    color: #fff;
    text-align: center;
}
.quiz-overlay-container .info-wrap .btn{
    color: #000 !important;
    margin: 0 auto;
}


/* start */
.quiz-overlay-container.start-screen{
    z-index: 5;
}
.quiz-overlay-container.start-screen .info-wrap{
    padding: 70px 10px;
}
.quiz-overlay-container.start-screen .info-wrap .text{
    margin: auto 0;

    font-family: 'Indigo Caps', 'Roboto', sans-serif;
    font-size: 60px;
    line-height: 0.875;
    letter-spacing: 0;
}


/* end */
.quiz-overlay-container.end-screen{
    display: none;
    z-index: 2;
}
.quiz-overlay-container.end-screen .info-wrap{
    padding: 30px 10px;
}
.quiz-overlay-container.end-screen .info-wrap .text{
    max-width: 500px;
    margin: auto;
    font-size: 28px;
}
.quiz-overlay-container.end-screen .results-wrap{
    --size: 210px;

    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size);
    height: var(--size);
    background-color: rgba(34,34,34,.75);
    border: 5px solid #fff;
    border-radius: 50%;
    margin: auto auto 0;
    position: relative;

    color: #fff;
    font-size: 60px;
}
.quiz-overlay-container.end-screen .results-wrap svg{
    width: calc(var(--size) + 14px);
    height: calc(var(--size) + 14px);

    stroke-dasharray: 641;
    stroke-dashoffset: 641;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.quiz-overlay-container.end-screen .results-wrap svg.animate{
    animation: stroke 1s ease-out forwards;
}

@keyframes stroke {
    to {
        stroke-dashoffset: var(--circle-border-size, 0);
    }
}

@media (min-width: 576px){
    .quiz{
        --spacing-x: 38px;
    }
    .quiz .img-wrap .overlay{
        padding: 20px 10px;
    }
    .quiz .img-wrap .overlay .text{
        font-size: 45px;
    }

    .quiz-overlay-container.end-screen .info-wrap .text{
        font-size: 32px;
    }
}
/* ---------- /quiz ---------- */



/* ==================== 5. content by pages ==================== */


/* ---------- home ---------- */
.page-home{
    padding-top: 25px;
}
.page-home .section{
    margin-bottom: 40px;
}
.page-home .section-title{
    margin: 0 0 30px -25px;
}
.page-home .section-title.text-r{
    margin: 0 -25px 30px 0;
}
@media (max-width: 575px){
    .page-home{
        padding-top: 45px;
    }
    .page-home .section-title{
        margin-left: 0;
    }
    .page-home .section-title.text-r{
        margin-right: 0;
    }
}

/* main slider */
.main-slider{
    color: #000;
    font-family: 'Bebas Neue', 'Roboto', sans-serif;
    margin-bottom: 40px;
}
.main-slider *{
    outline: none;
}
.main-slider .slider-item a{
    color: inherit;
}

.main-slider .slick-slide{
    position: relative;
}
.main-slider .slide-count{
    position: absolute;
    top: 0;
    right: 0;
    transform: rotate(-90deg) translate(-1px, 4px);
    transform-origin: right top;
    
    font-size: 14px;
    line-height: 16px;
}

.main-slider .slider-item figure{
    position: relative;
}
.main-slider .slider-item figure::before{
    content: "";
    display: block;
}
.main-slider .slider-item figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.main-slider .slider-item figure .i-play,
.main-slider .video-container .video-toggle-btn-wrap{
    background-color: #000;
    padding: 4px 2px 2px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 2;
}

.main-slider .video-container .video-toggle-btn-wrap{
    padding: 4px 4px 2px;
}
.main-slider .video-container .video-toggle-btn-wrap .pause-icon:before {
    border-top-color: #000;
}
.main-slider .video-container .video-toggle-btn-wrap .pause-icon:after {
    border-bottom-color: #000;
}

.main-slider .slider-item .info-wrap{
    position: relative;
}
.main-slider .slider-item .title{
    padding: 10px 0 5px 0;
    
    color: #000;
    font-size: 28px;
    line-height: 1.1;
    letter-spacing: 1px;
}
.main-slider .slider-item .date{
    display: block;
    margin-top: 5px;
    
    font-size: 12px;
    line-height: 1;
    letter-spacing: 1px;
}

.main-slider .slider-item .video-duration{
    position: absolute;
    top: 100%;
    right: 0;
    transform: rotate(-90deg) translate(102%, 5px);
    transform-origin: right top;
    
    font-size: 12px;
    line-height: 10px;
    letter-spacing: 1px;
}

.main-slider .item-lg figure::before,
.main-slider .item-lg .video-container::before{
    padding-top: 80%;
}
.main-slider .item-lg .info-wrap{
    display: flex;
    justify-content: space-between;
}
.main-slider .item-lg .info-wrap .slick-btn-col{
    padding: 15px 0 0 10px;
}

.main-slider .item-sm{
    margin: 30px 15px 0 20%;
}
.main-slider .item-sm figure::before,
.main-slider .item-sm .video-container::before{
    padding-top: 67%;
}
.main-slider .item-sm .bottom-wrap{
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

.main-slider .item-sm .bottom-wrap .slick-btn-col{
    padding-top: 20px;
}

.main-slider.slider-desktop .slick-slide{
    display: flex;
}
.main-slider.slider-desktop .slick-slide > div{
    flex: 0 0 50%;
    position: relative;
}

.main-slider.slider-desktop .slider-item img,
.main-slider.slider-desktop .slider-item img + .icon,
.main-slider.slider-desktop .slider-item .title{
    transition: opacity 0.4s ease-in-out 0.1s;
}
.main-slider.slider-desktop .slider-item.hover img,
.main-slider.slider-desktop .slider-item.hover img + .icon,
.main-slider.slider-desktop .slider-item.hover .title{
    opacity: 0.7;
    transition-delay: 0;
}

.main-slider.slider-mobile{
    margin-right: -10px;
}
.main-slider.slider-mobile .slide-count{
    right: 20px;
}
.main-slider.slider-mobile .slider-item{
    padding-right: 18px;
}
.main-slider.slider-mobile .slick-btn-col .arrow-btn:first-child{
    margin-bottom: 5px;
}
.main-slider.slider-mobile .slider-item .title {
    font-size: 18px;
}
.main-slider.slider-mobile .slider-item .video-toggle-btn-wrap{
    background-color: #000;
    padding: 4px 3px 3px 3px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 2;
}
.main-slider.slider-mobile .slider-item .video-toggle-btn{
    
}
.main-slider.slider-mobile .slider-item .video-toggle-btn .pause-icon:before{
    border-top-color: #000;
}
.main-slider.slider-mobile .slider-item .video-toggle-btn .pause-icon:after{
    border-bottom-color: #000;
}

@media (max-width: 1440px){
    .main-slider .slider-item .title{
        font-size: 22px;
    }
}
@media (max-width: 991px){
    .main-slider .item-sm{
        margin-left: 40px;
    }
}

@media (min-width: 576px){
    .main-slider.slider-mobile{
        display: none;
    }
}
@media (max-width: 575px){
    .main-slider.slider-desktop{
        display: none;
    }
}
.mobile .main-slider.slider-desktop{
    display: none;
}
.mobile .main-slider.slider-mobile{
    display: block !important;
}


/* latest news */
.latest-news-grid .embed-responsive::before{
    padding-top: 100%;
}
.latest-news-grid > div:nth-child(2) .embed-responsive::before,
.latest-news-grid > div:nth-child(3) .embed-responsive::before{
    padding-top: 71%;
}
.latest-news-grid .embed-responsive img{
    object-fit: cover;
}

/* video section */
.page-home .video-main-section > .row{
    align-items: flex-start;
}

/* rituals section */
.page-home .rituals-section .wrap{
    max-width: 1400px;
}

.page-home .rituals-section .articles-grid-item figure img{
    object-fit: cover;
}
.page-home .rituals-section .articles-grid-item figure::before{
    padding-top: 80%;
}
@media (min-width: 992px){
    .page-home .rituals-section .articles-grid-item{
        max-width: 280px;
    }

    .page-home .rituals-section .articles-grid-item figure::before{
        padding-top: 120%;
    }

    .page-home .rituals-section .articles-grid > div:first-child .articles-grid-item{
        display: flex;
        align-items: center;
        max-width: 100%;
    }
    .page-home .rituals-section .articles-grid > div:first-child .articles-grid-item  figure{
        width: 100%;
        max-width: 420px;
    }
    .page-home .rituals-section .articles-grid > div:first-child .articles-grid-item .info-wrap{
        width: auto;
        width: 300px;
        padding: 0 0 0 20px;
    }
    .page-home .rituals-section .articles-grid > div:first-child .articles-grid-item .info-wrap .title{
        margin: 20px 0 15px 0;
    }
    .page-home .rituals-section .articles-grid > div:first-child .articles-grid-item .info-wrap .date{
        margin-top: 15px;
    }

    .page-home .rituals-section .articles-grid > div:last-child .articles-grid-item{
        display: block !important;
    }
    .page-home .rituals-section .articles-grid > div:last-child  .articles-grid-item figure{
        width: 100%;
    }
    .page-home .rituals-section .articles-grid > div:last-child  .articles-grid-item .info-wrap {
        width: 100%;
        padding: 0;
    }
}

/* links section */
.page-home .links-section{
    width: 100%;
    background: url(/Content/Images/home/pattern.svg) center bottom 8px repeat-x;
    background-size: auto 100px;
}
.page-home .links-section .links-container{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    max-width: 1428px;
    margin:0 auto;
}
.page-home .links-section .links-container > div{
    display: flex;
    align-items: flex-end;
    padding: 0 20px;
}
.page-home .links-section .links-container a{
    display: block;
    position: relative;
}
.page-home .links-section .links-container .read-more-btn{
    position: relative;
    z-index: 2;
    font-family: 'Indigo Caps', 'Roboto', sans-serif !important;
    font-size: 30px;
}
.page-home .links-section .links-container .img-wrap{
    display: block;
    position: relative;
}
.page-home .links-section .links-container .img-wrap::before{
    content: "";
    background-color: #fff;
    position: absolute;
    top: -50px;
    bottom: -50px;
    left: -20px;
    right: -20px;
    z-index: 1;
}
.page-home .links-section .links-container img{
    display: block;
    width: 100%;
    position: relative;
    z-index: 2;
    margin: 13px 0 17px;
}

.page-home .links-section .item-quiz .img-wrap{
    width: 100px;
}
.page-home .links-section .item-covers .img-wrap{
    width: 94px;
}
.page-home .links-section .item-shop .img-wrap{
    width: 126px;
}
.page-home .links-section .item-donation .img-wrap{
    width: 105px;
}

.page-home .links-section .item-shop .read-more-btn{
    position: absolute;
    left: 20px;
    bottom: 20px;

    color: #fff;
}
@media (max-width: 992px) {
    
    .page-home .links-section .links-container{
        overflow: hidden;
    }
    .page-home .links-section .links-container > div{
        transform: scale(0.7);
    }
}
@media (max-width: 767px) {
    .page-home .links-section{
        background: none;
    }
    .page-home .links-section .links-container{
       flex-wrap: wrap;
    }
    .page-home .links-section .links-container > div{
        flex: 0 0 50%;
    }
}
@media (max-width: 575px) {
    .page-home .links-section .links-container > div{
        padding: 0;
        transform: scale(0.7);
    }
}
@media (max-width: 374px) {
    .page-home .links-section .links-container > div{
        flex: 0 0 100%;
    }
}
/* ---------- /home ---------- */


/* ---------- video ---------- */
.page-video .section{
    margin-bottom: 60px;
    position:relative;
}
.page-video .section-title{
    margin-bottom: 30px;
}
.page-video .video-main-section .video-list .articles-grid-item:last-child{
    margin-bottom: 0;
}
.page-video .pagination{
    margin: 0;
}
@media (max-width: 1440px){
    .page-video .authors-grid-item figure {
        margin-right: 0;
    }
}
@media (max-width: 575px){
    .page-video .section{
        margin-bottom: 40px;
    }
}
/* ---------- /video ---------- */


/* ---------- photo ---------- */
.photo-gallery{
    margin-left: -65px;
    margin-right: -65px;
    margin-bottom: -80px;
}
.photo-gallery > div{
    padding-left: 65px;
    padding-right: 65px;
    margin-bottom: 150px;
}

.photo-gallery-item > a{
    display: block;
    position: relative;
    transition: opacity 0.4s ease-in-out 0.1s;
}
.photo-gallery-item > a:hover{
    opacity: 0.7;
    transition-delay: 0;
}
.photo-gallery-item figcaption{
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    margin: 15px -50px 0 0;
    text-transform: uppercase;
}
.photo-gallery-item .name{
    font-family: 'Indigo Caps', 'Roboto', sans-serif !important;
    font-size: 22px;
    line-height: 1;
    margin-right: 10px;
}
.photo-gallery-item .author{
    font-family: 'GL Kirovi', 'Roboto', sans-serif !important;
    font-size: 12px;
    white-space: nowrap;
    margin-top: 3px;
}

@media (max-width: 991px){
    .photo-gallery{
        margin-left: -45px;
        margin-right: -45px;
        margin-bottom: -50px;
    }
    .photo-gallery > div{
        padding-left: 45px;
        padding-right: 45px;
        margin-bottom: 100px;
    }
    .photo-gallery-item figcaption{
        margin-right: -40px;
    }
}
@media (max-width: 575px){
    .photo-gallery{
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: 0;
    }
    .photo-gallery > div{
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 40px;
    }
    .photo-gallery-item figcaption{
        margin-right: 0;
    }
}
/* ---------- /photo ---------- */


/* ---------- transmedia ---------- */
.transmedia-grid .transmedia-item{
    margin-bottom: 65px;
}

.transmedia-item{
    display: flex;
}

.transmedia-item figure{
    flex-grow: 1;
    position: relative;
    z-index: 1;
}
.transmedia-item figure::before{
    content: "";
    display: block;
    padding-top: 66.7%;
}
.transmedia-item figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.transmedia-item figure .icon{
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 2;
}
.transmedia-item figure .icon::before{
    width: 15px;
    margin-right: 8px;
}
.transmedia-item figure .icon::after{
    background-color: #000;
    padding: 0 1px;
    content: "www";
    color: #48fe9b;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    line-height: 0.8;
}
    .transmedia-item figure .i-link--green::before {
    display:none;
    }

.transmedia-item .info-wrap{
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    flex: 0 0 220px;
    padding: 15px 60px 0 0;
    position: relative;
    z-index: 3;
}

.transmedia-item .info-wrap .date{
    display: block;
    margin-left: 10px;
    
    font-size: 12px;
    font-family: 'Bebas Neue', 'Roboto', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.transmedia-item .info-wrap .title{
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 4px;
    margin: 10px 0 0 -90px;
}

.transmedia-item .info-wrap .arrow-btn-lg{
    margin: auto 0 50% -30px;
}

.transmedia-item .title > *{
    transition: background .4s ease-in-out;
}
.transmedia-item .title > *:hover{
    background-color: #48fe9b;
}

/* main container */
.page-transmedia .main-container{
    padding-right: 0 !important;
    position: relative;
    margin-bottom: 65px;
}
.page-transmedia .main-container .page-head{
    padding-top: 60px;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    z-index: 5;
}
.page-transmedia .main-container .page-head .title{
    background-color: #48ff9b;
}

.transmedia-item-main figure{
    max-height: 75vh;
}
.transmedia-item-main .info-wrap{
    padding-top: 80px;
}
.transmedia-item-main .info-wrap .title{
    margin: 10px 0 0 -300px;
    color: #48fe9b;
    font-size: 64px;
    line-height: 1.2;
    letter-spacing: 5px;
    word-spacing: 10px;
}
.transmedia-item-main .info-wrap .title > *{
    background-color: #000;
}
.transmedia-item-main .info-wrap .arrow-btn-lg{
    margin: 60px 0 0 -30px;
}

@media (max-width: 1199px){
    .transmedia-item .info-wrap .arrow-btn-lg{
        margin-top: 40px;
        margin-bottom: 0;
    }
}
@media (max-width: 1140px){
    .transmedia-item .info-wrap{
        flex: 0 0 180px;
    }
    .transmedia-item .info-wrap .arrow-btn-lg{
        margin-top: 30px;
        margin-bottom: 0;
    }
    
    .transmedia-item-main .info-wrap .title{
        font-size: 54px;
        letter-spacing: 4px;
        word-spacing: 5px;
    }
}
@media (max-width: 991px){
    .page-transmedia .main-container .page-head {
        padding-top: 30px;
    }
    
    .transmedia-item .info-wrap{
        flex: 0 0 130px;
        padding-right: 20px;
    }
    
    .transmedia-item-main .info-wrap .title{
        margin-left: -240px;
        font-size: 38px;
    }
}
@media (max-width: 767px){
    .transmedia-item .info-wrap{
        flex: 0 0 300px;
    }
    
    .transmedia-item-main{
        display: block;
    }
    .transmedia-item-main .info-wrap{
        padding: 15px 20px 0 0 !important;
    }
    .transmedia-item-main .info-wrap .date,
    .transmedia-item-main .info-wrap .title{
        margin-left: 0;
    }
    .transmedia-item-main .info-wrap .title{
        font-size: 30px;
    }
    .transmedia-item-main .info-wrap .arrow-btn-lg{
        display: none;
    }
}
@media (max-width: 575px){
    .page-transmedia .main-container,
    .transmedia-grid .transmedia-item{
        margin-bottom: 40px;
    }
    .transmedia-item{
        display: block;
    }
    .transmedia-item .info-wrap{
        padding: 15px 20px 0;
    }
    .transmedia-item .info-wrap .date,
    .transmedia-item .info-wrap .title{
        margin-left: 0;
    }
    .transmedia-item .info-wrap .title{
        font-size: 22px;
        letter-spacing: 2px;
    }
    .transmedia-item .info-wrap .arrow-btn-lg{
        display: none;
    }
}
/* ---------- /transmedia ---------- */


/* ---------- magazine ---------- */

/* grid */
.magazine-grid{
    margin-left: -22px;
    margin-right: -22px;
}
.magazine-grid > div{
    padding-left: 22px;
    padding-right: 22px;
}
@media (min-width: 1300px){
    .magazine-grid > div{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}
@media (min-width: 1600px){
    .magazine-grid > div{
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 1200px){
    .magazine-grid{
        margin-left: -42px;
        margin-right: -42px;
    }
    .magazine-grid > div{
        padding-left: 42px;
        padding-right: 42px;
    }
}

@media (min-width: 1200px) and (max-width: 1280px) {
    .magazine-grid {
        margin-left: 0;
        margin-right: 0;
    }
}

.magazine-grid .magazine-grid-item{
    margin-bottom: 40px;
}

.magazine-grid-item img{
    display: block;
    width: 100%;
}
.magazine-grid-item figcaption{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    
    font-family: 'Bebas Neue', 'Roboto', sans-serif;
    text-transform: uppercase;
}
.magazine-grid-item .number{
    background: url("/Content/Images/icons/number.svg") 0 0 no-repeat;
    background-size: auto 32px;
    padding-left: 32px;
    
    color: inherit;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.25;
}
.magazine-grid-item .date{
    color: inherit;
    font-size: 14px;
    line-height: 1;
}

.magazine-grid-item img,
.magazine-grid-item .number,
.magazine-grid-item .date{
    transition: opacity 0.4s ease-in-out 0.1s;
}
.magazine-grid-item.hover img,
.magazine-grid-item.hover .number,
.magazine-grid-item.hover .date{
    opacity: 0.7;
    transition-delay: 0;
}

/* details */
.page-magazine-details .page-head{
    margin-bottom: 50px;
}
.page-magazine-details .page-head .number {
    background: url(/Content/Images/icons/number.svg) 0 0 no-repeat;
    background-size: auto 31px;
    padding-left: 36px;
    margin-left: 10px;
    
    font-size: 34px;
    font-family: 'Bebas Neue', 'Roboto', sans-serif;
    font-weight: bold;
    letter-spacing: 0;
}
.page-magazine-details .page-head .read-more-btn{
    font-size: 26px;
    font-family: 'Indigo Caps', 'Roboto', sans-serif;
    letter-spacing: 2px;
    line-height: 0.75;
}

.page-magazine-details .table-of-contents{
    max-width: 800px;
    margin: 0 auto;
}
.page-magazine-details .table-of-contents .item{
    margin-bottom: 40px;
    color: #000;
}
.page-magazine-details .table-of-contents .item .title,
.page-magazine-details .table-of-contents .item .title-sub{
    display: inline;
}
.page-magazine-details .table-of-contents .item .title{
    margin-right: 12px;
}
.page-magazine-details .table-of-contents .item .title-sub{
    white-space: nowrap;
}
.page-magazine-details .table-of-contents .item .title-sub .icon{
    margin-left: 8px;
}

.page-magazine-details .table-of-contents .item a{
    color: inherit;
}
.page-magazine-details .table-of-contents .item a span{
    transition: color .4s ease-in-out;
}
.page-magazine-details .table-of-contents .item a:hover span{
    color: #666;
}

@media (max-width: 767px){
    .page-magazine-details .page-head .number{
        background-size: auto 20px;
        padding-left: 24px;
        margin-left: 5px;
        font-size: 22px;
    }
}
@media (max-width: 575px){
    .page-magazine-details .page-head .read-more-btn{
        font-size: 18px;
    }
    .page-magazine-details .table-of-contents .item{
        margin-bottom: 30px;
    }
    .page-magazine-details .table-of-contents .item .title{
        font-size: 22px;
    }
}

/* checkout */
.page-magazine-checkout .main-col > .row .magazine-grid-item{
    box-shadow: 0 5px 10px rgba(0,0,0,0.25);
    margin-bottom: 40px;
}
.page-magazine-checkout .main-col > .row .read-more-btn-col{
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    margin-bottom: 25px;
}

.page-magazine-checkout .form{
    max-width: auto; /*asanoghli 540px*/
}

.page-magazine-checkout .form .radio-group > div{
    margin-bottom: 15px
}
.page-magazine-checkout .form .radio-group p{
    margin: 5px 0 0 28px;
    font-size: 14px;
}

/*.page-magazine-checkout .form .custom-radio{
    position: relative;
    margin-bottom: 15px;
}
.page-magazine-checkout .form .custom-radio > input{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.page-magazine-checkout .form .custom-radio > span{
    display: flex;
    min-height: 26px;
    padding: 3px 0 0 34px;
    
    font-family: 'Bebas Neue', 'Roboto', sans-serif;
    font-size: 21px;
    line-height: 1;
}
.page-magazine-checkout .form .custom-radio > span b{
    font-weight: bold;
    margin-left: 5px;
}
.page-magazine-checkout .form .custom-radio > span::before{
    content: "";
    width: 25px;
    height: 25px;
    background-color: #efefef;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    
    position: absolute;
    top: 0;
    left: 0;
}
.page-magazine-checkout .form .custom-radio > span::after{
    content: "";
    width: 11px;
    height: 11px;
    background-color: #1a1a1a;
    border-radius: 50%;
    opacity: 0;
    position: absolute;
    top: 7px;
    left: 7px;
}
.page-magazine-checkout .form .custom-radio input:checked + span::after{
    opacity: 1;
}*/

@media (max-width: 767px){
    .page-magazine-checkout .main-col{
        margin-bottom: 60px;
    }
    
    .page-magazine-checkout .aside-col .contact-info-wrap .mail{
        font-size: 24px;
    }
}
/* ---------- /magazine ---------- */


/* ---------- author details ---------- */
.page-author-details .main-col .articles-grid-item{
    max-width: 700px;
    margin-bottom: 60px;
}
.page-author-details .main-col .articles-grid-item .title{
    font-family: 'GL Kirovi', 'Roboto', sans-serif;
}

.page-author-details .aside-col{
    padding-top: 0;
}
.page-author-details .aside-col .authors-grid-item{
    margin-bottom: 20px;
}
.page-author-details .aside-col .authors-grid-item figure{
    margin-right: 0;
}
.page-author-details .aside-col .text-wrap{
    margin-bottom: 0;
}

@media (min-width: 992px){
    .page-author-details .page-head{
        margin-bottom: 60px;
    }
}
@media (min-width: 768px){
    .page-author-details .main-col .articles-grid-item.d-flex figure{
        width: 35%;
    }
}
@media (max-width: 991px){
    .page-author-details .main-col .articles-grid-item{
        margin-bottom: 40px;
    }
    .page-author-details .authors-grid-item{
        width: 100%;
        max-width: 300px;
    }
}
/* ---------- /author details ---------- */


/* ---------- books ---------- */
.book-title,
.book-author{
    color: #000;
    text-transform: uppercase;
}
.book-title{
    font-family: 'GL Kirovi', 'Roboto', sans-serif;
}
.book-author{
    font-family: 'Bebas Neue', 'Roboto', sans-serif;
    font-size: 16px;
}

.book-cover{
    display: block;
    min-width: 160px;
    position: relative;
    overflow: hidden;
}
.book-cover::before{
    content: "";
    display: block;
    width: 100%;
    padding-top: 152%;
}
.book-cover img{
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

/* list */
.page-books{
    width: 100%;
    padding-right: 0;
    padding-bottom: 80px;
    overflow: hidden;
}

.books-row{
    margin-bottom: 40px;
}
.books-row > div{
    display: flex;
    flex-direction: column;
}
.books-row .books-grid-item{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    margin-bottom: 6px;
}
.books-grid-item{
    display: block;
    background-color: #d7ebdf;
    padding: 54px 0 0;
}

.books-grid-item .book-cover{
    width: 55%;
    margin: 0 auto;
}

.books-grid-item .info-wrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 115px;
    padding: 20px 38px 15px;
    margin: auto 0;
    line-height: 1.3;
    opacity: 0;
}
.books-grid-item .book-title,
.books-grid-item .book-author{
    display: inline;
}
.books-grid-item .book-title{
    font-size: 18px;
    margin-right: 8px;
}

.books-grid-item,
.books-grid-item .info-wrap{
    transition: all 0.3s ease;
}
.books-grid-item:hover{
    background-color: #fff;
}
.books-grid-item:hover .info-wrap{
    opacity: 1;
}
/* ---------- /books ---------- */


/* ---------- shop ---------- */
.products-img{
    width: 100%;
    position: relative;
}
.products-img::before{
    content: "";
    display: block;
    width: 100%;
    padding-top: 144%;
}
.products-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity .4s ease-in-out;
}

.page-shop{
    width: 100%;
    padding-right: 0;
    padding-bottom: 80px;
    overflow: hidden;
}

.products-grid .products-grid-item{
    margin-bottom: 6px;
}

.products-grid-item{
    display: block;
    position: relative;
}
.products-grid-item .info-wrap{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    padding: 20px 18px 20px 26px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.products-grid-item .info-wrap *{
    color: #000;
    font-family: 'Bebas Neue', 'Roboto', sans-serif;
    font-size: 16px;
}
.products-grid-item .info-wrap .title-col{
    padding-right: 40px;
}
.products-grid-item .info-wrap .price-col{
    display: flex;
    flex-direction: column;
    position: relative;
}
.products-grid-item .info-wrap .product-price,
.products-grid-item .info-wrap .product-price-old{
    white-space: nowrap;
}
.products-grid-item .info-wrap .product-price-old{
    color: #989898;
    position: absolute;
    bottom: 100%;
    left: 0;
}
.products-grid-item .info-wrap .product-price-old::after{
    content: "";
    width: auto;
    height: 1px;
    background-color: #48ff99;
    position: absolute;
    top: 50%;
    left: -5px;
    right: -5px;
    transform: translateY(-50%);
}

.products-grid-item:hover figure img{
    opacity: 0.6;
}
/* ---------- /shop ---------- */


/* ---------- book details, shop details ---------- */
.page-product-details .main-container > div,
.page-product-details .aside-container > div{
    padding-left: 120px;
    position: relative;
}

@media (min-width: 992px){
    .page-product-details .page-head{
        position: absolute;
        left: 0;
        z-index: 5;
    }
}

.page-product-details .article,
.page-product-details .checkout-section{
    display: flex;
    flex-wrap: wrap;
    max-width: 950px;
}

.page-product-details .article > *,
.page-product-details .checkout-section > *{
    display: flex;
    flex-direction: column;
}
.page-product-details .article .left-col,
.page-product-details .checkout-section .left-col{
    width: 43%;
	position: relative;
}
.page-product-details .article .right-col,
.page-product-details .checkout-section .right-col{
    width: 57%;
    padding-left: 60px;
}

.page-product-details .article .main-info-wrap{
    margin: auto 0 12px;
}

/* book */
.page-product-details .book-details .book-cover,
.page-product-details .book-details .left-col blockquote{
    max-width: 300px;
    margin-left: auto !important;
}

.page-product-details .book-details .book-cover{
    width: 100%;
    border-bottom: 12px solid #d8ece0;
}

.page-product-details .book-details .book-title,
.page-product-details .book-details .book-author{
    color: #000;
}
.page-product-details .book-details .book-title{
    font-size: 20px;
}
.page-product-details .book-details .book-author{
    font-size: 16px;
}

.page-product-details .book-details .text,
.page-product-details .book-details .text-wrap{
    font-size: 13px
}

.page-product-details .book-details .left-col .text-wrap{
    margin-top: 80px;
}
.page-product-details .book-details .left-col blockquote{
    margin: 0;
    font-size: 28px;
}

.page-product-details .book-details .main-info-wrap ul{
    list-style: none;
    margin: 50px 0;
}
.page-product-details .book-details .main-info-wrap li{
    margin-bottom: 5px;
}
.page-product-details .book-details .main-info-wrap li:last-child{
    margin: 15px 0 0;
}
.page-product-details .book-details .main-info-wrap li > span{
    color: #808080;
    margin-right: 8px;
}

.page-product-details .book-details .text-wrap{
    margin: 30px 0;
}

.page-product-details .book-details .more-books-wrap .title{
    margin-bottom: 15px;
}
.page-product-details .book-details .more-books-wrap ul{
    list-style: none;
}
.page-product-details .book-details .more-books-wrap li a{
    color: #000;
    font-size: 16px;
}
.page-product-details .book-details .more-books-wrap li a > strong{
    margin-right: 8px;
}

/* product */
.page-product-details .shop-item-details .product-title,
.page-product-details .shop-item-details .product-title-sub,
.page-product-details .checkout-section .product-title,
.page-product-details .checkout-section .product-title-sub{
    color: #000;
    text-transform: uppercase;
}
.page-product-details .shop-item-details .product-title,
.page-product-details .checkout-section .product-title{
    font-family: 'GL Kirovi', 'Roboto', sans-serif;
    font-size: 20px;
}
.page-product-details .shop-item-details .product-title-sub,
.page-product-details .checkout-section .product-title-sub{
    font-family: 'Bebas Neue', 'Roboto', sans-serif;
    font-size: 16px;
}

.page-product-details .shop-item-details .left-col{
    padding-left: 30px;
}
.page-product-details .shop-item-details .left-col .product-img{
    max-height: 538px;
    position: relative;
    overflow:hidden;
}
.page-product-details .shop-item-details .left-col .product-img::before{
    content: "";
    display: block;
    width: 100%;
    padding-top: 142%;
}
.page-product-details .shop-item-details .left-col .product-img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.product-slider{
    position: relative;
    z-index: 1;
}
.product-slider-coontrols{
    display: flex;
    justify-content: space-between;
}
.product-slider-coontrols .arrow-btn{
    margin: 15px 10px -28px;
}
@media (max-width: 767px){
    .product-slider-coontrols .arrow-btn{
        margin: -15px 10px 25px;
    }
}

.page-product-details .shop-item-details .main-info-wrap .text{
    margin: 80px 0;
}

/* checkout */
.page-product-details .checkout-section{
    padding-top: 60px;
    margin-top: 60px;
    position: relative;
}
.page-product-details .checkout-section::before{
    content: "";
    height: 1px;
    background-color: #d8ece0;
    position: absolute;
    top: 0;
    left: -65px;
    right: -65px;
}

.page-product-details .checkout-section a{
    color: inherit;
}

.page-product-details .checkout-section .left-col > .title{
    margin-bottom: 30px;
}

.page-product-details .checkout-section .product-info-wrap .price-wrap{
    margin-top: 10px;
}
.page-product-details .checkout-section .product-info-wrap .price-wrap > span{
    color: #808080;
}

.page-product-details .checkout-section .contact-info-wrap{
    margin-top: 58px;
}
.page-product-details .checkout-section .contact-info-wrap .mail{
    margin-bottom: 25px;
}

.page-product-details .aside-container{
    padding-right: 0;
}
.page-product-details .aside-container .aside-title{
    margin-left: 0;
    font-size: 38px;
}

@media (max-width: 1280px){
    .page-product-details .checkout-section::before {
        left: -30px;
        right: -30px;
    }
}
@media (max-width: 991px){
    .page-product-details .main-container > div,
    .page-product-details .aside-container > div {
        padding-left: 0;
    }
    .page-product-details .article .left-col,
    .page-product-details .checkout-section .left-col {
        width: 40%;
    }
    .page-product-details .article .right-col,
    .page-product-details .checkout-section .right-col {
        width: 60%;
        padding-left: 40px;
    }
    
    .page-product-details .shop-item-details .left-col {
        padding-left: 0;
    }
}
@media (max-width: 767px){
    .page-product-details .main-container > div,
    .page-product-details .aside-container > div {
        padding-left: 0;
    }
    .page-product-details .article .left-col,
    .page-product-details .checkout-section .left-col,
    .page-product-details .article .right-col,
    .page-product-details .checkout-section .right-col{
        width: 100%;
    }
    .page-product-details .article .right-col,
    .page-product-details .checkout-section .right-col {
        padding-left: 0;
    }
    
    .page-product-details .book-details .book-cover,
    .page-product-details .book-details .left-col blockquote {
        margin-left: 0 !important;
    }
    .page-product-details .book-details .book-cover,
    .page-product-details .product-img{
        margin-bottom: 30px;
    }
    .page-product-details .book-details .main-info-wrap ul,
    .page-product-details .shop-item-details .main-info-wrap .text{
        margin: 20px 0;
    }
    .page-product-details .book-details .left-col .text-wrap{
        margin: 10px 0 0 !important;
    }
    .page-product-details .book-details .right-col .text-wrap{
        margin-bottom: 40px;
    }
    
    .page-product-details .checkout-section {
        padding-top: 30px;
        margin-top: 30px;
    }
    .page-product-details .checkout-section::before {
        left: 0px;
        right: 0px;
    }
    .page-product-details .checkout-section .contact-info-wrap{
        margin-top: 35px;
    }
    .page-product-details .checkout-section .form{
        margin-top: 40px;
    }
}

/* tags & social*/
.page-product-details .additional-components-container{
    position: relative;
}
.page-product-details .additional-components-container .tags-wrap{
    display: flex;
    flex-wrap: wrap;
    color: #000;
    font-size: 14px;
}
.page-product-details .additional-components-container .tags-wrap > *{
    line-height: 1;
    margin: 0 8px 5px 0;
}
.page-product-details .additional-components-container .tags-wrap > strong{
    font-family: 'GL Kirovi', 'Roboto', sans-serif !important;
}
.page-product-details .additional-components-container .tags-wrap .tag{
    color: inherit;
}
@media (max-width: 991px){
	.page-product-details .additional-components-container{
        margin: 0 0 20px;
    }
    .page-product-details .additional-components-container .social-media-wrap{
        display: none;
    }
}
@media (min-width: 992px){
    .page-product-details .additional-components-container {
        width: 120px;
        position: absolute;
        margin: -50px 0 0 -120px;
    }
    .page-product-details .additional-components-container  .tags-wrap{
        margin-bottom: 65px;
    }
    
    .page-product-details .additional-components-container  .tags-wrap{
        bottom: 0;
    }
    .page-product-details .additional-components-container  .tags-wrap > strong{
        display: block;
        width: 100%;
        margin-bottom: 6px;
    }
    
    .page-product-details .additional-components-container  .social-media-wrap{
        top: 40px;
    }
    .page-product-details .additional-components-container  .social-media-wrap > *{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border: 1px solid #1a1a1a;
        border-radius: 50%;
        margin-bottom: 18px
    }
    .page-product-details .additional-components-container  .social-media-wrap img{
        display: block;
        height: 20px;
    }
}
@media (min-width: 1200px){
	.page-product-details .additional-components-container {
        width: 150px;
    }
}
/* ---------- /book details, shop details ---------- */


/* ---------- photo gallery ---------- */
.gallery-wrap figure,
.gallery-wrap figure > a{
    display: block;
    position: relative;
}
.gallery-wrap figure img{
    width: 100%;
}
.gallery-wrap figcaption{
    padding-top: 5px;
    font-size: 12px;
}

@media (min-width: 1200px){
    .gallery-wrap{
        margin-top: 80px;
    }
    .gallery-wrap .row{
        margin-left: -39px;
        margin-right: -39px;
    }
    .gallery-wrap .row > div{
        padding-left: 39px;
        padding-right: 39px;
    }
    .gallery-wrap figure{
        margin-bottom: 80px;
    }
}

@media (max-width: 1199px){
    .gallery-wrap {
        margin-top: 60px;
    }
    .gallery-wrap figure{
        margin-bottom: 60px;
    }
}
@media (max-width: 767px){
    .gallery-wrap {
        margin-top: 40px;
    }
    .gallery-wrap figure{
        margin-bottom: 40px;
    }
}
/* ---------- /photo gallery ---------- */


/* ---------- article ---------- */
.page-article{
    padding-top: 15px;
}

.page-article .page-head{
    margin: 30px 0;
}
.page-article .page-head-absolute{
    margin: 0;
}


.page-article .article-date,
.page-article .text-wrap .article-list-item .info-wrap > *,
.page-article .author,
.page-article .author a,
.page-article .additional-components-container{
    font-family: 'Bebas Neue', 'Roboto', sans-serif !important;
    text-transform: uppercase;
}

/* image, video */
.page-article .img-container,
.page-article .video-container{
    max-height: 75vh;
    position: relative;
    overflow: hidden;
}
.page-article .img-container::before{
    content: "";
    display: block;
    padding-top: 70.6%;
}
.page-article .img-container img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.page-article .video-controls{
    display: flex;
    align-items: center;
    width: 184px;
    height: 26px;
    background-color: #000;
    padding: 0 10px;
    position: absolute;
    bottom: 0;
    right: 75px;
    z-index: 5;
}
.page-article .video-controls button{
    background-color: transparent;
    border: 0;
    padding: 0;
}
.page-article .video-controls button .icon{
    display: block;
}

.page-article .video-controls .video-toggle-btn {
    width: 12px;
    height: 16px;
}
.page-article .video-controls .video-toggle-btn .play-icon:before,
.page-article .video-controls .video-toggle-btn .play-icon:after{
    height: 16px;
}
.page-article .video-controls .video-toggle-btn .play-icon:before {
    width: 3px;
}
.page-article .video-controls .video-toggle-btn .pause-icon:before,
.page-article .video-controls .video-toggle-btn .pause-icon:after{
    border-left-width: 12px;
}
.page-article .video-controls .video-toggle-btn .pause-icon:before{
    border-top: 8px solid #000;
}
.page-article .video-controls .video-toggle-btn .pause-icon:after{
    border-bottom: 8px solid #000;
}
.page-article .video-controls .video-toggle-btn.is-playing .play-icon:after {
    width: 3px;
    margin-left: 4px;
}
.page-article .video-controls .video-duration{
    padding: 1px 0 0 16px;
    
    color: #48ff9b;
    font-family: 'Bebas Neue', 'Roboto', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
}
.page-article .video-controls .fs-btn{
    margin-left: auto;
}
.page-article .video-controls .more-options-btn{
    margin-left: 16px;
}


/* title */
.page-article .article-title{
    padding: 55px 0 45px;
}

/* date */
.page-article .article-date{
    display: block;
    margin-bottom: 15px;
    
    font-size: 14px;
    letter-spacing: 1px;
}

/* text wrap */
.page-article .text-wrap .article-list-item{
    display: flex;
    margin: 35px 0 35px -35px;
}
.page-article .text-wrap a{
    color: #21C08A;
}
.page-article .text-wrap .article-list-item a{
    color: inherit;
    text-decoration: none;
}
.page-article .text-wrap .article-list-item .info-wrap{
    width: 235px;
    padding-right: 28px;
    margin: auto 0;
}
.page-article .text-wrap .article-list-item .info-wrap > *{
    display: block;
    text-align: right;
}
.page-article .text-wrap .article-list-item .date{
    color: #333;
    font-size: 12px;
}
.page-article .text-wrap .article-list-item .title{
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 1px;
    margin: 5px 0;
}
.page-article .text-wrap .article-list-item figure{
    flex-shrink: 0;
    width: 224px;
    position: relative;
    overflow: hidden;
}
.page-article .text-wrap .article-list-item figure::before{
    content: "";
    display: block;
    padding-top: 71.5%;
}
.page-article .text-wrap .article-list-item figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.page-article .text-wrap .article-list-item .arrow-btn-lg{
    margin: auto 0 auto -30px;
}

/* author */
.page-article .author{
    display: flex;
    margin: 20px 0 25px;
}
.page-article .author,
.page-article .author a{
    color: #000;
    font-size: 16px;
}
.page-article .author *{
    color: inherit !important;
}
.mac .page-article .author .kirovi + div{
    padding-top: 2px;
}

/* tags & social*/
.page-article .additional-components-container{
    position: relative;
}
.page-article .tags-wrap{
    display: flex;
    flex-wrap: wrap;
    color: #000;
    font-size: 14px;
}
.page-article .tags-wrap > *{
    line-height: 1;
    margin: 0 8px 5px 0;
}
.page-article .tags-wrap > strong{
    font-family: 'GL Kirovi', 'Roboto', sans-serif !important;
}
.page-article .tags-wrap .tag{
    color: inherit;
}

@media (max-width: 1140px){
    .page-article .article-title{
        font-size: 38px;
        padding: 40px 0 30px;
    }
}

@media (min-width: 768px){
    .page-article .page-head-absolute{
        padding-top: 75px;
        position: absolute;
        top: 0;
        z-index: 5;
    }
    .page-article .main-col .page-head-absolute{
        padding-top: 60px;
    }
    
    .page-article .article{
        padding-left: 150px;
    }
    
    .page-article .article > .article-date{
        position: absolute;
        z-index: 5;
        margin: 110px 0 0 -150px;
    }
    
    .page-article .additional-components-container{
        width: 150px;
        position: absolute;
        margin: -50px 0 0 -150px;
    }
    .page-article .tags-wrap{
        margin-bottom: 65px;
    }
    
    .page-article .tags-wrap{
        padding-right: 10px;
        bottom: 0;
    }
    .page-article .tags-wrap > strong{
        display: block;
        width: 100%;
        margin-bottom: 6px;
    }
    
    .page-article .article-title{
        margin-right: -30px;
    }
    
    .page-article .social-media-wrap{
        top: 40px;
    }
    .page-article .social-media-wrap > *{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border: 1px solid #1a1a1a;
        border-radius: 50%;
        margin-bottom: 18px
    }
    .page-article .social-media-wrap img{
        display: block;
        height: 20px;
    }
}
@media (max-width: 767px){
    .page-article .page-head{
        margin: 10px 0 30px;
    }
    .page-article .page-head-absolute {
        margin: 0 0 20px;
    }
    
    .page-article .article-title {
        font-size: 30px;
        padding: 15px 0 20px;
    }
    
    .page-article .article > .article-date{
        margin: -20px 0 20px;
    }
    
    .page-article .text-wrap blockquote{
        font-size: 22px;
    }
    
    .page-article .text-wrap .article-list-item{
        flex-wrap: wrap;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .page-article .text-wrap .article-list-item .info-wrap{
        order: 2;
        width: 224px;
        padding-top: 5px;
    }
    .page-article .text-wrap .article-list-item .info-wrap > *{
        text-align: left;
    }
    .page-article .text-wrap .article-list-item .info-wrap .title{
        margin-bottom: 0;
    }
    
    .page-article .additional-components-container{
        margin: 20px 0 0;
    }
    .page-article .social-media-wrap{
        display: none;
    }
}

@media (max-width: 374px){
    .page-article .text-wrap .article-list-item figure{
        width: 175px;
    }
}

/* main */
.page-article-wide-right .main-container .img-container,
.page-article-wide-right .main-container .video-container{
    max-width: none !important;
    margin-right: -65px;
}

.page-article-wide .main-container .img-container,
.page-article-wide .main-container .video-container{
    width: 100%;
    max-width: none !important;
    position: absolute;
    top: 15px;
    left: 0;
}

.page-article .main-container .article-title{
    padding: 25px 0 10px;
}

@media (min-width: 1141px){
    .page-article .main-container .article > *{
        max-width: 79%;
    }
    .page-article .main-container .article .content-container{
        padding-right: 90px;
    }
}
@media (min-width: 992px){
    .page-article .main-container .article > *{
        max-width: 85%;
    }
    .page-article .main-container .article .content-container.row{
        max-width: 100% !important;
        padding-right: 0 !important;
    }
    .page-article .main-container .article .content-container.row .aside-col{
        margin-top: 25px;
        padding-top: 400px;
    }
}
@media (max-width: 991px){
    .page-article-wide-right .main-container .img-container,
    .page-article-wide-right .main-container .video-container{
        margin-right: -45px;
    }

    .page-article .main-container .article .content-container.row .aside-col{
        margin-top: 60px;
    }
}
@media (min-width: 768px){
    .page-article-wide .main-container .additional-components-container{
        margin-top: 30px;
    }
}
@media (max-width: 767px){
    .page-article-wide .main-container .page-head {
        margin: 30px 0;
    }
    .page-article-wide .main-container .article-title{
        padding-top: 20px;
    }
}
@media (max-width: 575px){
    .page-article-wide-right .main-container .img-container,
    .page-article-wide-right .main-container .video-container{
        margin-right: -20px;
    }
}

/* aside */
.page-article .aside-container .articles-grid-item figure{
    position: relative;
}
.page-article .aside-container .articles-grid-item figure::before{
    content: "";
    display: block;
    padding-top: 75%;
}
.page-article .aside-container .articles-grid-item figure img{
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
@media (min-width: 1200px){
    .page-article .aside-col{
        padding-left: 65px;
    }
    .page-article .aside-col .aside-title {
        margin-left: -30px;
    }
}
/* ---------- /article ---------- */


/* ---------- article subscribe ---------- */
.article-subscribe-continer{
    position: relative;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.article-subscribe-continer::before{
    content: "";
    width: 100%;
    height: 200px;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    position: absolute;
    bottom: 100%;
    left: 0;
}
.article-subscribe-continer .btn-row{
    display: flex;
    justify-content: center;
    margin: 20px -5px 0;
}
.article-subscribe-continer .btn-row > *{
    margin: 0 5px;
}
.article-subscribe-continer .btn-primary{
    color: #000 !important;
}
/* ---------- /article subscribe ---------- */


/* ---------- photo story ---------- */
.page-photo-story{
    padding-top: 40px;
}
.page-photo-story .info-wrap{
    max-width: 640px;
    margin-bottom: 60px;
}
.page-photo-story .info-wrap .author{
    margin-top: 15px;
}
.page-photo-story .info-wrap .text-wrap{
    margin-top: 20px;
}

.page-photo-story .gallery-wrap{
    margin-top: 0 !important;
}

@media (max-width: 1199px){
    .page-photo-story .info-wrap{
        margin-bottom: 40px;
    }
}
@media (min-width: 768px){
    .page-photo-story .page-head-absolute {
        padding-top: 80px;
    }
    .page-photo-story .additional-components-container{
        margin-top: 200px;
    }
}
@media (max-width: 767px){
    .page-photo-story .page-head-absolute {
        margin-bottom: 30px;
    }
    .page-photo-story .additional-components-container{
        margin: 0 0 20px;
    }
    .page-photo-story .info-wrap{
        margin-bottom: 35px;
    }
}
@media (min-width: 576px) and (max-width: 991px){
    .page-photo-story .gallery-wrap.featured-photos > .row > div:last-child{
        display: none;
    }
}
/* ---------- /photo story ---------- */


/* ---------- about pages ---------- */
.page-about{
    padding-top: 15px;
}
.page-about .main-col,
.page-about .aside-col{
    padding-top: 50px;
}

/* team */
.team-item{
    display: flex;
    align-items: flex-start;
    width: 100%;
    max-width: 800px;
    margin-bottom: 60px;
}
.team-item:last-child{
    margin-bottom: 20px;
}
.team-item figure{
    flex-shrink: 0;
    width: 240px;
}
.team-item figure::before{
    padding-top: 102%;
}

.team-item .info-wrap{
    flex-grow: 1;
    padding-left: 40px;
    margin: auto 0;
}
.team-item .title{
    font-size: 28px;
    margin-bottom: 5px;
}
.team-item .title ~ .text-wrap{
    margin-top: 20px;
}

@media (max-width: 767px){
    .team-item figure{
        width: 200px;
    }
    .team-item .info-wrap{
        padding-left: 20px;
    }
}
@media (max-width: 575px){
    .team-item{
        display: block;
    }
    .team-item figure{
        width: 100%;
        max-width: 240px;
        margin-bottom: 20px;
    }
    .team-item .info-wrap{
        padding-left: 0;
    }
}

/* award */
.award-item{
    display: flex;
    align-items: flex-start;
    width: 100%;
    max-width: 800px;
    margin-bottom: 60px;
}
.award-item:last-child{
    margin-bottom: 20px;
}
.award-item figure{
    flex-shrink: 0;
    width: 300px;
}
.award-item figure::before{
    padding-top: 85%;
}
.award-item .info-wrap{
    flex-flow: 1;
    padding-left: 60px;
    margin: auto 0;
}
.award-item .title{
    font-size: 28px;
    margin-bottom: 20px;
}
.award-item .info-wrap ul{
    list-style: none;
    font-size: 16px;
}

@media (max-width: 767px){
    .award-item figure{
        width: 240px;
    }
    .award-item .info-wrap{
        padding-left: 30px;
    }
}
@media (max-width: 575px){
    .award-item{
        display: block;
    }
    .award-item figure{
        width: 100%;
        max-width: 300px;
        margin-bottom: 25px;
    }
    .award-item .info-wrap{
        padding-left: 0;
    }
    .award-item .title{
        margin-bottom: 15px;
    }
}

/* media-list-item */
.media-list-item{
    display: flex;
    align-items: flex-start;
    width: 100%;
    max-width: 800px;
    margin-bottom: 60px;
}
.media-list-item:last-child{
    margin-bottom: 20px;
}
.media-list-item figure{
    flex-shrink: 0;
    width: 300px;
}
.media-list-item figure::before{
    padding-top: 85%;
}
.media-list-item img,
.media-list-item video{
    object-fit: cover;
}
.media-list-item .info-wrap{
    flex-flow: 1;
    padding-left: 60px;
    margin: auto 0;
}
.media-list-item .title{
    font-size: 28px;
    margin-bottom: 20px;
}
.media-list-item .info-wrap ul{
    list-style: none;
    font-size: 16px;
}

@media (max-width: 767px){
    .media-list-item figure{
        width: 240px;
    }
    .media-list-item .info-wrap{
        padding-left: 30px;
    }
}
@media (max-width: 575px){
    .media-list-item{
        display: block;
    }
    .media-list-item figure{
        width: 100%;
        max-width: 300px;
        margin-bottom: 25px;
    }
    .media-list-item .info-wrap{
        padding-left: 0;
    }
    .media-list-item .title{
        margin-bottom: 15px;
    }
}

/* contact */
.contact-container .map-container{
    margin-bottom: 40px;
}
.contact-container .map-container img{
    display: block;
    max-width: 100%;
}
.contact-container .social-media-wrap{
    display: flex;
    margin-top: 25px;
}
.contact-container .social-media-wrap > *{
    margin-right: 20px;
}
.contact-container .social-media-wrap img{
    display: block;
    height: 20px;
}
@media (max-width: 767px){
    .contact-container .map-container{
        margin-bottom: 20px;
    }
    .contact-container .row > div:first-child{
        order: 2
    }
    .contact-container .row > div:last-child{
        display: flex;
        justify-content: flex-end;
        max-width: 480px;
        margin-bottom: 35px;
    }
}
/* ---------- /about pages ---------- */


/* ---------- partners ---------- */
.page-partners{
    padding-top: 15px;
    padding-bottom: 60px;
}
.page-partners .main-col,
.page-partners .aside-col{
    padding-top: 50px;
}
@media (min-width: 992px){
    .page-partners .main-col{
        padding-right: 0;
    }
}
.page-partners .aside-col{
    position: relative;
    z-index: 5;
}

.page-partners .accordion-item:last-child{
    margin-bottom: 0;
}

.logo-wrap{
    display: flex;
    position: relative;
}
.logo-wrap::after {
    background-color: #000;
    padding: 0 1px;
    
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 2;
    
    content: "www";
    color: #48fe9b;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    line-height: 0.8;
}
.logo-wrap > span{
    width: 100%;
    height: 100%;
}
.logo-wrap > span::before{
    padding-top: 94.64%;
}
.logo-wrap img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.logo-wrap > *{
    transition: opacity .4s ease-in-out;
}
.logo-wrap:hover > *{
    opacity: 0.7;
}

/* fund */
.fund-item{
    display: flex;
}
.fund-item .logo-wrap{
    flex: 0 0 230px;
    max-width: 230px;
    border: 1px solid #48ff8a;
    padding: 40px 30px;
}
.fund-item .logo-wrap .title-sub{
    padding: 16px 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    
    color: #000;
    font-size: 18px;
    line-height: 1.1;
}
.fund-item .text-wrap{
    max-width: 560px;
    padding: 15px 60px;
    margin: auto 0;
}

@media (min-width: 576px){
    .fund-container .fund-item + .fund-item{
        margin-top: -1px;
    }
}
@media (max-width: 991px){
    .fund-item .text-wrap{
        max-width: 100%;
        padding: 15px 0 15px 40px;
    }
}
@media (max-width: 575px){
    .fund-item{
        flex-direction: column;
        margin-bottom: 35px;
    }
    .fund-item .text-wrap{
        padding: 20px 0 0;
    }
}

/* clients */
.logos-container{
    padding-bottom: 0 !important;
}
.logos-container .row{
    margin-right: -1px;
}
.logos-container .row,
.logos-container .row > div{
    position: relative;
}
.logos-container .row::before,
.logos-container .row::after{
    content: "";
    background-color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.logos-container .row::before{
    width: 2px;
    top: 0;
}
.logos-container .row::after{
    height: 2px;
    left: 0;
}

.logos-container .logo-wrap{
    width: 100%;
    height: 100%;
    padding: 60px;
    border-right: 1px solid #48ff8a;
    border-bottom: 1px solid #48ff8a;
}
@media (max-width: 767px){
    .logos-container .logo-wrap{
        padding: 40px;
    }
}
@media (max-width: 374px){
    .logos-container .logo-wrap{
        padding: 30px;
    }
}
/* ---------- /partners ---------- */


/* ---------- advertise ---------- */
.page-advertise .page-head{
    display: block;
}
.page-advertise .page-head .main-title{
    margin-bottom: 5px;
}
.page-advertise .page-head .download-link{
    display: inline-block;
    color: #000;
    font-size: 12px;
    line-height: 1.5;
    text-decoration: underline;
}
.page-advertise .page-head .download-link .icon{
    margin-right: 8px;
    position: relative;
    top: 3px;
}
.page-advertise .page-head .download-link .icon::before{
    width: 16px;
    height: 16px;
    padding: 4px 5px 0 0;
}
.page-advertise .page-head .download-link:hover{
    text-decoration: none;
}

.page-advertise .main-col{
    padding-right: 0;
}
.page-advertise .aside-col > *:last-child{
    margin-bottom: 30px;
}
@media (max-width: 767px){
    .page-advertise .aside-col .contact-info-wrap .mail {
        font-size: 24px;
    }   
}
@media (max-width: 575px){
    .page-advertise .aside-col > *{
        margin-bottom: 30px;
    }  
}

.page-advertise .section-title{
    color: #000;
    font-family: 'GL Kirovi', 'Roboto', sans-serif !important;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.page-advertise .info-wrap .text{
    color: #000;
    font-family: 'Bebas Neue', 'Roboto', sans-serif !important;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: 60px;
}
.page-advertise .info-wrap .text b{
    font-weight: 400;
}

.page-advertise .content-container{
    display: flex;
}
.page-advertise .content-container .info-wrap{
    flex: 0 0 300px;
    padding-left: 60px;
    margin-top: auto;
}

@media (max-width: 991px){
    .page-advertise .content-container .info-wrap{
        flex: 0 0 260px;
        padding-left: 40px;
    }
}
@media (max-width: 767px){
    .page-advertise .content-container .info-wrap{
        flex: 0 0 auto;
    }
    .page-advertise .info-wrap .text{
        margin-bottom: 30px;
        font-size: 16px;
    }
}
@media (max-width: 575px){
    .page-advertise .content-container{
        display: block;
    }
    .page-advertise .content-container .info-wrap{
        padding: 30px 0 0 !important;
    }
}

/* magazine */
.page-advertise .magazine-section .content-container figure{
    flex-grow: 1;
    display: flex;
    max-width: 900px;
}
.page-advertise .magazine-section .content-container figure .img-wrap{
    display: block;
    max-width: 318px;
    margin-right: 10%;
    box-sizing: content-box;
    position: relative;
}
.page-advertise .magazine-section .content-container figure .img-wrap:last-child{
    margin-left: 8.9%;
}
.page-advertise .magazine-section .content-container figure img{
    width: 100%;
    box-shadow: 0 5px 10px rgba(0,0,0,0.25);
}
.page-advertise .magazine-section .content-container figure img:first-child{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.page-advertise .magazine-section .content-container figure img:last-child{
    margin: 39% 0 0 28.3%;
    position: relative;
    z-index: 2;
}

@media (max-width: 1300px){
    .page-advertise .magazine-section{
        margin-bottom: 40px;

    }
    .page-advertise .magazine-section .content-container figure{
        max-width: 360px;
    }
    .page-advertise .magazine-section .content-container figure .img-wrap{
        width: 280px;
        margin-right: 22%;
    }
    .page-advertise .magazine-section .content-container figure .img-wrap:last-child{
        display: none;
    }
}
@media (max-width: 575px){
    .page-advertise .magazine-section{
        padding-right: 16px;
    }  
}

/* social */
.page-advertise .social-advertise-section{
    margin-bottom: 80px;
}
.page-advertise .social-advertise-section .content-container figure{
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    max-width: 1040px;
}
.page-advertise .social-advertise-section .content-container figure .img-wrap{
    display: block;
    max-width: 900px;
    margin-right: 11.5%;
    box-sizing: content-box;
    position: relative;
}
.page-advertise .social-advertise-section .content-container figure img{
    width: 100%;
    box-shadow: 0 5px 10px rgba(0,0,0,0.25);
}
.page-advertise .social-advertise-section .content-container figure img:first-child{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.page-advertise .social-advertise-section .content-container figure img:last-child{
    margin: 32% 0 0 13.34%;
    position: relative;
    z-index: 2;
}
.page-advertise .social-advertise-section .content-container .info-wrap{
    padding-bottom: 120px;
}
.page-advertise .social-advertise-section .content-container figcaption{
    flex: 0 0 100%;
    padding: 40px 0 0 13%;
}
@media (min-width: 992px){
    .page-advertise .social-advertise-section .content-container figcaption .row{
        margin-left: -35px;
        margin-right: -35px;
    }
    .page-advertise .social-advertise-section .content-container figcaption .row .col,
    .page-advertise .social-advertise-section .content-container figcaption .row [class*=col-] {
        padding-left: 35px;
        padding-right: 35px;
    }
}

.page-advertise .social-advertise-section .content-container figcaption a,
.page-advertise .social-advertise-section .content-container figcaption b{
    font-family: 'Bebas Neue', 'Roboto', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}
.page-advertise .social-advertise-section .content-container figcaption a{
    color: #1a1a1a;
    font-size: 17px;
}
.page-advertise .social-advertise-section .content-container figcaption p{
    font-size: 12px;
    margin-top: 10px;
}
.page-advertise .social-advertise-section .content-container figcaption b{
    display: block;
    font-size: 18px;
}
@media (max-width: 991px){
    .page-advertise .social-advertise-section{
        margin-bottom: 45px;
    }
}
@media (max-width: 767px){
    .page-advertise .social-advertise-section .content-container figcaption{
        padding-left: 0;
    }
    .page-advertise .social-advertise-section .content-container figcaption .row{
        margin-right: -150px;
    }
}
@media (max-width: 575px){
    .page-advertise .social-advertise-section{
        margin-bottom: 60px;
    }
    .page-advertise .social-advertise-section .content-container figcaption .row{
        margin-right: 0;
    }
}

/* commercial */
.page-advertise .commercial-magazine-section{
    margin-bottom: 80px;
}
.page-advertise .commercial-magazine-section .content-container .img-wrap{
    flex-grow: 1;
    max-width: 1100px;
}
.page-advertise .commercial-magazine-section .content-container .img-wrap img{
    display: block;
    width: 100%;
}
@media (max-width: 991px){
    .page-advertise .commercial-magazine-section{
        margin-bottom: 60px;
    }
    .page-advertise .commercial-magazine-section .row-lg{
        margin-left: -10px;
        margin-right: -10px;
    }
    .page-advertise .commercial-magazine-section .row-lg .col,
    .page-advertise .commercial-magazine-section .row-lg [class*=col-] {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* video */
.page-advertise .video-section{
    margin-bottom: 80px;
}
.page-advertise .video-section .content-container .img-wrap{
    flex-grow: 1;
    max-width: 856px;
}
.page-advertise .video-section .content-container .img-wrap img{
    display: block;
    width: 100%;
}
@media (max-width: 991px){
    .page-advertise .video-section{
        margin-bottom: 60px;
    }
}

/* awards */
.page-advertise .awards-section{
    margin-bottom: 60px;
}
.page-advertise .awards-section .content-container .img-wrap{
    flex-grow: 1;
    max-width: 1100px;
}
.page-advertise .awards-section .content-container .img-wrap img{
    display: block;
    width: 100%;
    margin-bottom: 30px;
}
.page-advertise .awards-section .content-container .info-wrap{
    padding-bottom: 30px;
}
@media (max-width: 991px){
    .page-advertise .awards-section{
        margin-bottom: 0;
    }
    .page-advertise .awards-section .row .col,
    .page-advertise .awards-section .row [class*=col-] {
        padding-left: 10px;
        padding-right: 10px;
    }
    .page-advertise .awards-section .content-container .img-wrap img{
        margin-bottom: 20px;
    }
}
@media (max-width: 767px){
    .page-advertise .awards-section .info-wrap{
        margin-top: 0;
    }
}
@media (max-width: 575px){
    .page-advertise .awards-section{
        margin-bottom: 40px;
    }
    .page-advertise .awards-section .content-container .info-wrap{
        padding-top: 10px !important;
    }
}
/* ---------- /advertise ---------- */


/* ---------- account ---------- */
/*.page-account > .container-fluid{
    max-width: 1200px;
    margin-left: 0
}*/
.page-account{
    padding-bottom: 80px;
}
.page-account .nav-col{
	display: flex;
	align-items: flex-start;
}
.account-nav{
	width: 100%;
	background-color: #f1f1f2;
    border-radius: .25rem;
	padding: 20px 25px;
}
.account-nav li{
	margin-bottom: 10px;
}
.account-nav li:last-child{
	margin-bottom: 0;
}
.account-nav a{
	display:inline-flex;
	padding: 3px 0;
	color: #1a1a1a;
	font-size: 14px;
}
.account-nav a:not(.active):hover{
	text-decoration: underline;
}
.account-nav a:not(:hover):not(.active){
	opacity: 0.6;
}

.page-account .submit-btn {
	min-width: 116px;
}

.page-account .table-container{
	max-width: 100%;
	overflow: auto;
}

.page-account .table{
	color: #1a1a1a;
    font-size: 12px;
}
.page-account .table th{
	padding-top: 0;
}

.page-account .table .link{
    color: inherit;
}

.page-account .order-total-price-wrap{
	display: flex;
	justify-content: flex-end;
	margin: 0 0 30px;

	font-size: 14px;
}
.page-account .order-total-price-wrap b{
	font-weight: bold;
	margin-left: 10px;
}

@media (max-width: 1140px){
	.account-nav{
		padding: 20px;
	}
}
@media (max-width: 991px){
	.page-account{
		padding-top: 30px;
	}
	.account-nav{
		max-width: 100%;
	}
}
@media (max-width: 767px){
	.page-account .nav-col{
	    margin-bottom: 40px;
    }
}

@media (min-width: 768px) {
    .account-nav{
	    width: 250px;
    }
    .page-account .form-wrap{
        max-width: 400px;
        margin: 0 auto;
    }
    .page-account .orders-wrap{
        max-width: 900px;
        margin: 0 auto;
    }
}
/* ---------- /account ---------- */


/* ---------- checkout ---------- */
.checkout-container{
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
}

.checkout-container .card{
    margin-bottom: 20px;
}

.checkout-container .sumbit-btn{
    display: block;
    width: 100%;
    max-width: 166px;
    margin: 0 auto;
    color: #1a1a1a !important;
}

.basket-item-card .product-wrap{
    display: flex;
    align-items: center;
}
.basket-item-card .img-card{
    flex-shrink: 0;
    padding: 8px;
    margin: 0 14px 0 0;
}
.basket-item-card .products-img{
    width: 110px;
    margin: auto;
}

.basket-item-card .title{
    font-size: 22px;
}

.basket-item-card .product-price,
.basket-item-card .product-price-old{
    display: inline-block;
    min-width: 68px;
    white-space: nowrap;
    position: relative;
}
.basket-item-card .product-price-old{
    color: #989898;
}
.basket-item-card .product-price-old::after{
    content: "";
    width: auto;
    height: 1px;
    background-color: #48ff99;
    position: absolute;
    top: 50%;
    left: -5px;
    right: -5px;
    transform: translateY(-50%);
}

@media (min-width: 768px){
    .checkout-row > div:last-child .card{
        width: 260px;
    }
}
@media (min-width: 992px){
    .basket-item-card .product-counter{
        max-width: 228px;
        margin: 0 auto;
    }
}
@media (min-width: 1300px){
    .basket-item-card .img-card{
        width: 168px;
        margin-right: 30px;
    }
}
@media (min-width: 1400px){
    .checkout-row{
        margin-left: -24px;
        margin-right: -24px;
    }
    .checkout-row > div{
        padding-left: 24px;
        padding-right: 24px;
    }

    .checkout-row > div:last-child .card{
        width: 320px;
    }
}

@media (min-width: 1200px) and (max-width: 1439px){
    .basket-item-card .product-counter input{
        width: 46px;
    }
}

@media (max-width: 1439px) {
	.basket-item-card .product-counter{
		justify-content: center;
        max-width: 100px;
		padding: 0;
	}
	.basket-item-card .product-counter > label{
		display: none;
	}
}
@media (max-width: 1199px) {
	.checkout-container{
        font-size: 14px;
	}
    .checkout-container .row{
        margin-left: -10px;
        margin-right: -10px;
    }
    .checkout-container .row > div{
        padding-left: 10px;
        padding-right: 10px;
    }
    .checkout-container .card-body{
        padding: 1rem;
    }
    .basket-item-card .products-img{
        width: 100px;
    }
}
@media (max-width: 991px) {
    .basket-item-card .card-body{
        padding: 10px;
    }
    .basket-item-card .img-card{
        margin-right: 10px;
    }
    .basket-item-card .img-card + div{
        padding: 24px 0;
    }
    .basket-item-card .product-counter{
        max-width: 118px;
    }
	.basket-item-card .btn-col{
        position: absolute;
        top: 5px;
        right: -7px;
	}
}
/* ---------- /checkout ---------- */






.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible !important;
}





@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

/*page 404*/
.page-404{
    display: flex;
    flex-direction: column;
}

.page-404+.app-footer>.magazine-container{
    display: none !important;
}
.no-wrap{
text-decoration:none;
font-style:normal;
}

/*Extre Added*/
.text-black{
    color : #231F20 !important;
}