/**
 *	@package	 Loyalé - HTML5 Template - version 1.0
 *	@copyright	 Copyright (C) 7Studio 2016 - seventhemes.com  All rights reserved.
 *	@license	 https://themeforest.net/licenses/terms/regular
**/


/**
 * Please use this file to store any custom CSS style.
 */

/* Font families */
@font-face {
    font-family: 'Verdana';
    src: url('/local/templates/orsetto/assets/fonts/Verdana-BoldItalic.eot');
    src: local('Verdana Bold Italic'), local('Verdana-BoldItalic'),
        url('/local/templates/orsetto/assets/fonts/Verdana-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/orsetto/assets/fonts/Verdana-BoldItalic.woff2') format('woff2'),
        url('/local/templates/orsetto/assets/fonts/Verdana-BoldItalic.woff') format('woff'),
        url('/local/templates/orsetto/assets/fonts/Verdana-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Verdana';
    src: url('/local/templates/orsetto/assets/fonts/Verdana-Italic.eot');
    src: local('Verdana Italic'), local('Verdana-Italic'),
        url('/local/templates/orsetto/assets/fonts/Verdana-Italic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/orsetto/assets/fonts/Verdana-Italic.woff2') format('woff2'),
        url('/local/templates/orsetto/assets/fonts/Verdana-Italic.woff') format('woff'),
        url('/local/templates/orsetto/assets/fonts/Verdana-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Verdana';
    src: url('/local/templates/orsetto/assets/fonts/Verdana.eot');
    src: local('Verdana'),
        url('/local/templates/orsetto/assets/fonts/Verdana.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/orsetto/assets/fonts/Verdana.woff2') format('woff2'),
        url('/local/templates/orsetto/assets/fonts/Verdana.woff') format('woff'),
        url('/local/templates/orsetto/assets/fonts/Verdana.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Verdana';
    src: url('/local/templates/orsetto/assets/fonts/Verdana-Bold.eot');
    src: local('Verdana Bold'), local('Verdana-Bold'),
        url('/local/templates/orsetto/assets/fonts/Verdana-Bold.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/orsetto/assets/fonts/Verdana-Bold.woff2') format('woff2'),
        url('/local/templates/orsetto/assets/fonts/Verdana-Bold.woff') format('woff'),
        url('/local/templates/orsetto/assets/fonts/Verdana-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Bebas Neue Pro';
    src: local('Bebas Neue Pro Expanded Book'), local('Bebas-Neue-Pro-Expanded-Book'),
        url('/local/templates/orsetto/assets/fonts/BebasNeuePro-ExpandedBook.woff2') format('woff2'),
        url('/local/templates/orsetto/assets/fonts/BebasNeuePro-ExpandedBook.woff') format('woff'),
        url('/local/templates/orsetto/assets/fonts/BebasNeuePro-ExpandedBook.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
@font-face {
    font-family: 'Bebas Neue Pro';
    src: local('Bebas Neue Pro Expanded Bold'), local('Bebas-Neue-Pro-Expanded-Bold'),
        url('/local/templates/orsetto/assets/fonts/BebasNeuePro-ExpandedBold.woff2') format('woff2'),
        url('/local/templates/orsetto/assets/fonts/BebasNeuePro-ExpandedBold.woff') format('woff'),
        url('/local/templates/orsetto/assets/fonts/BebasNeuePro-ExpandedBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
  }
* {
    font-family: 'Bebas Neue Pro';
}




/* Colors */
a,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
	color: #000;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.btn {
	background-color: #baae99;
}

.btn-primary {
	background-color: #333333;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: #050505;
}

.article-header .time {
	background-color: #baae99;
}

.module.color-title .module-title {
	background-color: #baae99;
}

.module.color .module-title > * {
	color: #baae99;
}

.module.box-color {
	background-color: #baae99;
	color: #ece6d9;
}

.module.border-color .module-title {
	border-bottom: 2px solid #baae99;
}

.module.border-color-top .module-title {
	border-top: 2px solid #baae99;
}
.slide-image__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(0deg, rgb(0 0 0 / 60%), transparent);
}
.carousel-inner > .item{
    position: relative;
}
.carousel-nav,.carousel-indicators {
    display: none;
}
.carousel-caption {
    right: auto;
    left: 0;
}
.carousel-caption .title-block {
    background-color: transparent;
    padding: 25px 60px 0;
}
.carousel-caption .title-block h2 {
    text-align: left;
    color: #fff;
    width: 100%;
    font-size: 48px;
    line-height: 1.1em;
    margin: 5px 0;
}
.carousel-caption .subtitle-block{
    background-color: transparent;
    padding: 15px 60px;
    float: left;
}
.carousel-caption .subtitle-block h4 {
    color: #fff;
}
.open__primary__widget, .open__menu {
    font-size: 1.3em;
    color: #fff;
    background: #7D2F2B;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 50px;
    cursor: pointer;
}
.open__primary__widget:hover, .open__menu:hover {
    opacity: 0.8;
    color: #fff;
}
.main-nav > ul {
    margin-bottom: 30px;
}
.slider-btns {
    padding: 15px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    width: 100%;
}
.carousel-caption .subtitle-block h4 {
    margin-bottom: 30px;
}
.slider-btns .open__primary__widget, a.slider-btns-item {
    font-size: 1.3em !important;
    color: #fff !important;
    display: inline-block !important;
    padding: 5px 20px !important;
    border-radius: 0;
    cursor: pointer;
    background: transparent;
    border: 1px solid #fff;
    transition: 0.3s;
    opacity: 1 !important;
    float: none !important;
}
.slider-btns .open__primary__widget:hover, a.slider-btns-item:hover {
    background: #fff !important;
    color: #000 !important;
}

.bonus-block {
    display: flex;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #463835;
}
.bonus-block__number {
    width: 7%;
    font-size: 2em;
    color: #778990;
    font-weight: 900;
}
.bonus-block__text {
    width: 93%;
    line-height: 1.3em;
}
.bonus-block__text {
    display: flex;
}
.bonus-block__btn a {
    font-size: 1.3em;
    color: #fff;
    background: #463835;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 50px;
    cursor: pointer;
    margin-left: 20px;
}
.bonus-footer {
    font-family: 'Lays-Bold';
    font-size: 2em;
    margin-top: 30px;
    text-align: center;
}
.bonus_img {
    text-align: center;
}
.main-sidebar>.logo img {
    display: none;
}
@media screen and (max-width: 979px){
.header .logo a img {
    height: 80px;
    max-width:100%;
}
.main-sidebar {
    background-color: #fff;
    box-shadow: none;
}
.background {
    padding-top: 0;
    padding-left: 0;
}
.menu-button {
    padding: 40px 30px;
}
.menu-button span, .menu-button span:before, .menu-button span:after {
    background: #000;
}
.menu-button:hover span, .menu-button:focus span:before, .menu-button:hover span:before,.menu-button:focus span:after, .menu-button:hover span:after {
    background: #ffffff;
}
.carousel-inner .mask {
    padding: 90px 30px 30px;
}
.carousel-progress {
    background: transparent;
}
.main-sidebar>.logo img {
    display: block;
    height: 50px;
    margin-top: 20px;
}
}
@media screen and (max-width: 767px){
.carousel-caption {
    bottom: 60px;
    top: 80px;
}
.carousel-caption .title-block,.carousel-caption .subtitle-block {
    padding: 25px 40px;
}
.carousel-caption .title-block h2 {
    font-size: 24px;
}
.slider-btns {
    padding: 0 0 0;
    gap: 10px;
    justify-content: space-around;
}
.slider-btns .open__primary__widget, a.slider-btns-item {
    padding: 5px 13px !important;
}
.carousel-caption .subtitle-block h4 {
    margin-bottom: 10px;
    margin-right: 0;
}
.masonry-item {
    display: flex;
    align-items: center;
}
.masonry .masonry-item .article-image {
    width: 40%;
}
.masonry .masonry-item .article-content {
    padding: 10px;
    width: 60%;
    margin: 0;
}
.masonry .masonry-item .article-content .article-meta ul {
    margin: 0;
}
.masonry .col-3-12 .masonry-item h2, .masonry .col-4-12 .masonry-item h2 {
    font-size: 18px;
    line-height: 20px;
}
.masonry .masonry-item .article-content>p{margin-bottom: 0;}
.masonry article.col-4-12 {
    padding: 0;
}

}