/*
Theme Name: Metal PRO.
Theme URI: http://web-mosaica.com/
Author: the Web-Mosaica team
Author URI: http://web-mosaica.com/
Version: 1.0
Text Domain: teplo
*/
body,
.wrapper {
	overflow-x: hidden !important;
}
.scrollup{
	width: 40px;
	height: 40px;
	opacity: 0.3;
	position: fixed;
	bottom: 15rem;
	right: 5rem;
	display: none;
	text-indent: -9999px;
	/*background: url('../images/icon_top.png') no-repeat;*/
}
.header__time .mango-call-site a{
    color: #e3e3e3;
    text-decoration: none;
	line-height: 20px;
}
.section.main-section .main-wrap .container .main:before,
.scr_1 .item .main:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 14rem;
	height: 14rem;
	/*background-image: url('../images/logo_lider.png');*/
    -webkit-background-size: 100% 100%;
    background-size: 100%;
}
.scr_1 .item .main {
	position: relative;
	display: block;
	min-height: 250px;
}
.scr_1 .item .main:after {
	content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 14rem;
    height: 14rem;
    /*background-image: url('../images/laureat.png');*/
    -webkit-background-size: 100% 100%;
    background-size: 100%;
}

.home_title_wrap:after {
    content: '';
    position: absolute;
    bottom: 4rem;
    right: 1rem;
    display: block;
    width: 12rem;
    height: 12rem;
    /*background-image: url(../images/logo_lider.png);*/
    -webkit-background-size: 100% 100%;
    background-size: 100%;
}
.home_title_wrap:before {
    content: '';
    position: absolute;
    bottom: 4rem;
    right: 22rem;
    display: block;
    width: 12rem;
    height: 12rem;
    /*background-image: url('../images/laureat.png');*/
    -webkit-background-size: 100% 100%;
    background-size: 100%;
}
@media (max-width: 500px) {
	.scr_1 .item .main:before,
	.section.main-section .main-wrap .container .main:before {
		top: unset;
		right: unset;
		left: 0;
		bottom: -16rem;
	}	
	.home_title_wrap:after {
	    bottom: -5rem;
	    right: 2rem;
	    width: 8rem;
	    height: 8rem;
	}
	.home_title_wrap:before {
		bottom: -5rem;
	    left: 2rem;
	    width: 8rem;
	    height: 8rem;
	}
	.slick-list {
		overflow: unset!important;
	}
}
header .logo_wrap img {
    width: 100%;
}
@media (max-width: 1366px){
	.section__title:after {
	    font-size: 3rem !important;
	}
}
@media (max-width: 768px){
	.section__title:after {
	    font-size: 3rem !important;
	}
	.o_h {
       overflow: hidden;
	}

	.scr_1 .item .main:after {
		top: 100%;
		margin-top: 2rem;
	}
	.slick-list {
		overflow: unset!important;
	}
}
@media (max-width: 1025px){
	html {
		font-size: 7px !important;
	}
}
span.js-count-plus,
span.js-count-minus{
	width: 1.9rem;
    height: 1.9rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #bfbebe;
    font-size: 1.8rem;
    font-weight: 400;
    color: #fff;
    line-height: 1.9rem;
}
span.js-count-plus:hover,
span.js-count-minus:hover {
	cursor: pointer;
}
.header .logo_wrap img, .header .logo_wrap svg {
    width: auto;
	height: 100%;
	max-width: unset !important;
    max-height: unset !important;
}
.area_content_wrap .main.stocks {
	width: 100%;
}
.main .trand_mark span{
	color: #ff0000;
}


.scr_1 .flexWrap {
    position: relative
}

.scr_1 .banner_slider {
    width: 100%
}

.scr_1 .item {
    width: 100%;
    background-size: cover;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    padding-top: 17.7rem;
    padding-bottom: 22.8rem
}

.scr_1 .item>* {
    max-width: 80%;
    text-align: center
}

.scr_1 .item .title {
    font-family: Oswald-Regular;
    font-size: 8rem;
    color: #fff;
    margin-bottom: 2.3rem
}

.scr_1 .item .sub_title {
    font-family: Gotham-Pro-Light;
    font-size: 2.9rem;
    color: #b5b5b5;
    margin-bottom: .7rem
}

.scr_1 .item .trand_mark {
    font-family: Gotham-Pro-Light;
    font-size: 7.2rem;
    line-height: 7.2rem;
    color: #809d3a;
    margin-bottom: 4.7rem;
    margin-right: -2rem
}

.scr_1 .item .trand_mark sup {
    margin-left: -1rem;
    font-size: 5rem;
    line-height: 2rem
}

.scr_1 .item .btn {
    width: 32rem
}

.scr_1 .item .btn .zmdi {
    margin-left: 0;
    -webkit-transform: translate(.7rem,.1rem);
    -ms-transform: translate(.7rem,.1rem);
    transform: translate(.7rem,.1rem)
}

.scr_1 .slick-arrow {
    width: 7.2rem;
    height: 2.5rem;
    -webkit-border-radius: 1px;
    border-radius: 1px
}

.scr_1 .slick-arrow:hover:before {
    opacity: 1;
    background-color: #d13335
}

.scr_1 .slick-arrow:hover:after {
    opacity: 1;
    border-color: #d13335
}

.scr_1 .slick-arrow:after,.scr_1 .slick-arrow:before {
    opacity: .4;
    display: block;
    position: absolute;
    content: ""
}

.scr_1 .slick-arrow:before {
    width: 100%;
    height: 2px;
    background-color: #f2f2f2;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .3s
}

.scr_1 .slick-arrow:after {
    top: -.01rem;
    left: -.6rem;
    width: 2.5rem;
    height: 2.5rem;
    border: 4px solid #f2f2f2;
    border-right: none;
    border-bottom: none;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -webkit-transform: rotate(-45deg) scale(.5,.5);
    -ms-transform: rotate(-45deg) scale(.5,.5);
    transform: rotate(-45deg) scale(.5,.5);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.scr_1 .slick-arrow.slick-next:after {
    right: -.6rem;
    left: auto;
    -webkit-transform: rotate(135deg) scale(.5,.5);
    -ms-transform: rotate(135deg) scale(.5,.5);
    transform: rotate(135deg) scale(.5,.5)
}

.scr_1 .slide_nav {
    width: 36rem;
    position: absolute;
    bottom: 11.5rem;
    left: 50%;
    transform: translateX(-50%)
}