body{margin: 0 auto; padding: 0; color: #555a64!important; font-family: Roboto!important;}

.frontpage {font-family: Roboto; font-weight: 500; font-size: 16px;line-height: 22px;margin: 0; padding: 0; color: #666666;}

#slider_new{width: 100%; overflow: hidden;}
#slider_new .inner .item{position: relative; float: left;}
#slider_new .inner .item .data{position: absolute;}
#slider_new .fires{position: absolute; top: 90%; left: 43%;}
#slider_new .fires .dots{}
#slider_new .fires .dots .point{width: 15px; height: 15px; border: 2px solid #c8a47c; border-radius: 50%; margin: 5px; display: inline-flex; background: #dbbc9a; cursor: pointer;}
#slider_new .fires .dots .point:hover, #slider_new .fires .dots .active{background: #c8a47c;}

.frontpage .clearfix{width: 100%; clear: both; height: 1px;}
.frontpage h1, .frontpage  h2, .frontpage h3, .frontpage h4, .frontpage h5, .frontpage h6{font-family: Roboto; font-weight: 500; font-size: 16px; line-height: 22px; margin: 0; padding: 0;}
.frontpage img{width: 100%}
.frontpage a{height: 16px; border-radius: 50%}
.frontpage .space20{height: 20px;}
.frontpage .item{position: relative;}
.frontpage .item div{position: absolute; left: 5%; width: 20%; top: 30%;}
.frontpage .item span{font-family: Roboto; font-weight: 500; font-size: 16px;line-height: 26px;margin: 0; padding: 0; color: #666666}
.frontpage .font_standard{color: #555a64; border-color: #555a64;}
.frontpage .font_green_normal{color: #008444; border-color: #008444;}
.frontpage .font_green_light{color: #95C11e; border-color: #95C11e;}
.frontpage .font_black{color: #000000; border-color: #000000;}
.frontpage .font_light_gray{color: #b2b2b2; border-color: #bfbfbf;}
.frontpage .font_orange_normal{color: #f18700; border-color: #f18700;}
.frontpage .font_blue_pure{color: #009ee3; border-color: #009ee3; font-size: 16px; line-height: 22px;}
.frontpage .font_blue_normal{color: #0A6faf; border-color: #0A6faf;}
.frontpage .font_blue_light{color: #81bbe3; border-color: #81bbe3;}
.frontpage .font_blue_darkgray{color: #82868f; border-color: #82868f;}
.frontpage .font_magenta_dark{color: #834e8b; border-color: #834e8b;}
.frontpage .font_cyan_lightgray{color: #834e8b; border-color: #834e8b;}
.frontpage .font_yellow_lightgray{color: #eff4de; border-color: #eff4de;}

.frontpage .background_standard{background: #ffffff;}
.frontpage .background_green_normal{background: #008444;}
.frontpage .background_green_light{background: #95C11e;}
.frontpage .background_black{background: #000000;}
.frontpage .background_orange_normal{background: #f18700;}
.frontpage .background_blue_pure{background: #009ee3;}
.frontpage .background_blue_normal{background: #0A6faf;}
.frontpage .background_blue_light{background: #81bbe3;}
.frontpage .background_blue_darkgray{background: #82868f;}
.frontpage .background_magenta_dark{background: #834e8b;}
.frontpage .background_mystic{background: #e4efef;}
.frontpage .background_cyan_lightgray{background: #834e8b;}
.frontpage .background_yellow_lightgray{background: #eff4de;}

.frontpage .background_mystic{padding-top: 40px; padding-bottom: 40px;}
.frontpage #product{-webkit-overflow-scrolling: touch;}
.frontpage #product span{font-family: Roboto; font-weight: 500; font-size: 16px;line-height: 26px;margin: 0; padding: 0; color: #666666}
.frontpage #product .category{width: 31.8333%; float: left; margin-top: 20px; position: relative}
.frontpage #product .category img{width: 100%}
.frontpage #product .category .label{position: absolute; background: rgba(255, 255, 255, 0.80); width: 100%; padding: 10px;  text-align: unset; bottom: 0; height: auto; border-radius: 0; cursor: pointer;}
.frontpage #product .category .label h4{text-align: left;}
.frontpage #product .category .label span{font-family: Roboto; font-weight: 400; font-size: 16px;line-height: 22px;margin: 0; padding: 0; color: #666666; white-space: normal; text-align: left}
.frontpage #product .category .label p{font-family: Roboto; font-weight: 500; font-size: 16px;line-height: 26px;margin: 0; padding: 0; color: #666666; white-space: normal; text-align: left}
.frontpage #product .category .label a{height: 24px; width: 24px; font-weight: 500; border-radius: 50%; background: rgba(255, 255, 255, 1.0); display: block; text-align: center; padding: 5px;}
.frontpage #product .category_space{width: 1.50%; float: left; height: 30px;}

.frontpage #rss {padding-top: 35px; padding-bottom: 35px; display: none;}
.frontpage #rss .container .news{float: left; position: relative; opacity: 0;}
.frontpage #rss .container .news .details{top: 25px; left: 0px; padding: 10px; padding-left: 15px; position: absolute; width: 60%; background: rgba(255, 255, 255, 0.90); opacity: 0; cursor: pointer;}
.frontpage #rss .container .news .details .title{text-transform: uppercase}
.frontpage #rss .container .megabox{width: 50%; padding: 10px; padding-right: 5px;}
.frontpage #rss .container .megabox .size{width: 100%; overflow: hidden}
.frontpage #rss .container .mediumbox{width: 50%;  padding: 10px 10px 5px 5px;}
.frontpage #rss .container .minibox{width: 25%; height: 204px; overflow: hidden; position: relative;}
.frontpage #rss .container .minibox .details{width: 75%;}
.frontpage #rss .container .miniboxLeft{padding: 5px 5px 10px 5px;}
.frontpage #rss .container .miniboxRight{padding: 5px 10px 10px 5px;}

#mystic h2{text-align: center}
#mystic span {font-weight: 400; font-size: 16px; line-height: 22px;}

.deletebottomspace_mobile{margin-bottom: 0!important;}


.news a, .news a:hover {
	color: #666;
	font-weight: 500;
    font-size: 16px;
    line-height: 26px;
}
.news a i{font-weight: 400; font-size: 13px; color: #666!important}
.news a .font_green_normal{font-weight: 600;}

#product > .container {
    -webkit-overflow-scrolling: touch;
}


@media (max-width: 1050px) {
    .frontpage #rss .container, .frontpage #mystic .container, .frontpage #product .container{width: 98%!important; padding-left: 1%; padding-right: 1%; margin: 0!important;}
    .frontpage .item div {position: absolute; left: 5%; width: 50%;}
    .frontpage #rss {padding-top: 25px; padding-bottom: 25px;}
    .frontpage #rss .container .minibox .details{width: 85%;}
    .frontpage #rss .container .news .details{top: 15px;}
    }
@media (max-width: 750px) {
    .frontpage #rss .container, .frontpage #mystic .container, .frontpage #product .container{width: 98%!important; padding-left: 1%; padding-right: 1%;}
    .frontpage .item div {position: absolute; left: 5%; width: 50%;}
    .frontpage #rss .container .news{width: 100%; padding-left: 0;}
    .frontpage #product .category{width: 98%; margin-left: 1%; margin-right: 1%;}
}
@media (max-width: 650px) {
    .frontpage #rss{padding-bottom: 10px;}
}
@media (max-width: 450px) {

    #slider_new{height: 385px; background: #f7e1c6}
    #slider_new .inner .item .data{padding: 10px; width: 85%; top: 75%;}
    #slider_new .fires{top: 90%; left: 40%;}

    .frontpage #rss .container, .frontpage #mystic .container, .frontpage #product .container{width: 100%!important; padding:0; margin: 0;}
    .frontpage #mystic .container {padding-left: 20px; padding-right: 20px;}
    .frontpage #rss .container .news{width: 100%; padding: 0; padding: 0; padding-top: 10px;}
    .frontpage .item div {left: 0%; padding-left: 5%; width: 45%; background: rgba(255, 255, 255, 0.70);}
    .frontpage #rss{margin: 0; padding: 0;}
    .frontpage #rss .container .news .details {padding: 10px; width: 40%; top: 30px; background: rgba(255, 255, 255, 0.90);}
    .frontpage .background_mystic {padding-top: 10px; padding-bottom: 10px; margin-top: 10px;}
    .frontpage #product{overflow: hidden; overflow-x: scroll; margin-top: 10px; margin-bottom: 10px;}
    .frontpage #product .category{width: 75%; margin: 0; margin-right: 10px;}
    .frontpage #product h3{display: none;}
}