body {
 margin: 0;
 background: #bb2424;
 font-family: 'Montserrat', sans-serif;
 font-size: 14px;
 line-height: 1.6;
 color: #000;
}

*,
*:before,
*:after {
 box-sizing: border-box;
 overlow:hidden; 
}

h1, h2, h3, h4, h5, h6 {
 margin: 0;
}

a {
 color: #bb2424;
 text-decoration: none;
}


a:hover {
 color: #000;
 transition: color .2s linear;
}







/*container*/

.container {
 width: 100%;
 max-width: 1200px;
 margin: 0 auto;
}

/*header*/

.header {
 margin-top:50px;
 }

.h_inner {
 display: flex;
 justify-content: space-between;
 align-items: center;
 height: 50px;
 background-color: #f4f4f4;
 padding: 0 20px;
}

.h_prof {
 margin-bottom: 10px;
 margin-right: 20px;
 text-align: right;
 color: #fff;
}

.prof_link {
 text-decoration: none;
 color: #fff;
 margin-left: 10px;
 transition: color .2s linear;
}

.prof_link:hover {
 color: #000;
}

.logo {
 font-size: 25px;
 font-weight: 700;
 text-decoration: none;
 text-transform: uppercase;
 color: #000;
 transition: color .2s linear;
}

.logo:hover {
 color: #bb2424;
}

/*nav*/

.nav {
 display: flex;
 font-size: 14px;
 text-transform: uppercase;
 font-weight: 700; 
}

.nav_link {
 display: inline-block;
 margin-left: 15px;
 text-decoration: none;
 color: #000;
 transition: color .2s linear;
}

.nav_link:first-child {
 margin-left: 0px;
}

.nav_link:hover {
 color: #bb2424;
}

/*intro*/

.intro {
 width: 100%;
 max-width: 1200px;
 margin: 0px auto;
 background-color: #000;
 padding: 20px;
 color: #fff;
}

.intro_inner {
 display: flex;
 justify-content: space-between;
}

.inew {
 display: flex;
 flex-direction: column;
 justify-content: center;
 text-align: center;
 width: 20%;
 height:220px;
 position: relative;
 border-right: 2px #000 solid;
 margin-bottom: 2px;
}

.inew:hover .inew_img img {
 opacity: .2;
}

.inew:hover .inew_title {
 opacity: 1;
}

.inew_img {
 width: 100%;
 height:220px;
 background:#000;
}

.inew_img img {
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover;
 display: block;
 transition: opacity .2s linear;
}

.inew_title {
 color: #fff;
 text-decoration: none;
 text-transform: uppercase;
 font-weight: 700;
 text-align: center;
 position: absolute;
 width: 100%;
 opacity: 0;
 transition: opacity .2s linear;
}

.inew_title:hover { 
 color: #fff;
}

/*main*/

.main_wide {
 margin: 0px auto;
 display: flex;
 flex-wrap: wrap;
 width: 100%;
 max-width: 1200px;
 background-color: #fff;
 
}

.main {
 width: 70%;
 padding: 20px;
}

.main1 {
 width: 100%;
 padding: 20px;
}

.h_title {
 font-size: 14px;
 text-transform: uppercase;
 margin-bottom: 20px;
}

.info_block {
 width: 100%;
 background-color: #f4f4f4;
 padding: 20px;
 margin-bottom: 20px;
}

/*sidebar
===============*/

.sidebar {
 width: 30%;
 padding: 20px;
 background-color: #f4f4f4;
}

.s_box {
 margin-bottom: 20px;
}

.s_title {
 font-size: 14px;
 text-transform: uppercase;
 font-weight: 700;
}

.s_content {
 width: 100%;
}

/*popular*/

.pop_mat_t {
 display: flex;
 justify-content: space-between;
}

.pop_link {
 text-decoration: none;
 text-transform: uppercase;
 font-weight: 700;
 color: #bb2424;
}

.pop_mat {
 display: flex;
 justify-content: space-between;
 margin-bottom: 20px;
}

.pop_item {
 width: 25%;
 height: 220px; 
 position: relative;
 overflow: hidden;
 border-right: 2px #fff solid;
}

.pop_item:hover .pop_desc {
 opacity: 1;
}

.pop_img {
 position: absolute;
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover;
 z-index: 1;
}

.pop_desc {
 display: flex;
 flex-direction: column;
 justify-content: center;
 text-align: center;
 width: 100%;
 height: 100%;
 background-color: rgba(0,0,0,.8);
 padding:10px;
 opacity: 0;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 2;
 transition: opacity .2s linear;
}


.pop_title {
 color: #fff;
 text-transform: uppercase;
 font-weight: 700;
 
}

.pop_title:hover {
 color: #fff; 
}

.pop_info {
 color: #999999;
}



/*materials
===============*/

.material {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 width: 100%;
}

.mat_item {
 width: 100%; 
 height: 300px;
 position: relative;
 overflow: hidden;
 transition: opacity .2s linear;
 border-right: 2px #fff solid;
 border-bottom: 2px #fff solid;
}

.mat_item:hover .mat_desc {
 opacity: 1;
}

.mat_img {
 position: absolute;
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover;
 z-index: 1;
}

.mat_desc {
 display: flex;
 flex-direction: column;
 justify-content: center;
 text-align: center;
 width: 100%;
 height: 100%;
 background-color: rgba(0,0,0,.8);
 opacity: 0;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 2;
 transition: opacity .2s linear;
}

.mat_cat {
 color: #999999;
}

.mat_info {
 color: #fff;
}

/*mat and com
===============*/

.mposter {float:left;width: 30%;margin-bottom: 10px; margin-right: 20px;}
.mposter img {width: 100%;}


/*btn
===============*/

.btn {
 display: inline-block;
 vertical-align: top;
 padding: 10px 20px;
 border: 0;
 cursor: pointer;
 color: #fff;
 font-weight: 700;
 font-family: 'Montserrat', sans-serif;
 font-size: 14px;
 text-transform: uppercase;
 text-decoration: none;
 transition: background .2s linear;
 margin: 10px;
}

.btn--red {
 background: #bb2424;
}

.btn--red:hover {
 background: #f4f4f4;
}

/*footer
===============*/

.footer {
 width: 100%;
 max-width: 1200px;
 margin: 0px auto;
 margin-bottom:50px;
 background-color: #000;
 color: #fff;
}

.f_inner {
 padding: 15px 20px;
}


/*burger
===============*/

.burger {
 display: none;
 border: 0;
 background: 0;
 cursor: pointer;
}

.burger_item {
 display: block;
 width: 30px;
 height: 3px;
 background-color: #000;
 font-size: 0;
 color: transparent; 
 position: relative;
 
}

.burger_item:before,
.burger_item:after {
 content: "";
 width: 100%;
 height: 100%;
 background-color: #000;
 position: absolute;
 left: 0;
 z-index: 1;
}

.burger_item:before {
 top: -8px;
}

.burger_item:after {
 bottom: -8px;
}


/*slider
===============*/

.slider2 a{color: transparent;}
.slider2 .title a{text-transform:uppercase;font-weight: 700; text-align: center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;width:100%;padding:10px;vertical-align:middle;-webkit-transition:all .2s;transition:all .2s}
.slider2 .title a:hover{background:rgba(0,0,0,.8)}

.slider2 .bx-wrapper{margin:0 auto;}
.slider2 .slide-c{position:relative}
.slider2 .slide-c .title{height:100%;width:100%;position:absolute;z-index:1;bottom:0}
.slider2 .title a:hover{color:#fff;}
.slider2 .bx-pager.bx-default-pager{bottom:-25px}

.slider2 .img-wrapp{width:196px;height:285px;position:relative}
.slider2 .img-wrapp::before{position:absolute;pointer-events:none;display:block;top:0;right:0;bottom:0;left:0;content:"";z-index:1;-webkit-transition:all .3s;transition:all .3s}
.slider2 .img-wrapp img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}

.slider2 .bx-controls-direction{top:390px}

.bx-controls-direction{position:absolute;max-width: 1200px;width:100%}
.bx-controls-direction a{position:absolute;font-family:'Material Icons';font-size:30px;padding:0px;color:#fff;background-color:rgba(0,0,0,.5);z-index:2;-webkit-transition:all .3s;transition:all .3s;text-rendering:optimizeLegibility;-webkit-font-feature-settings:'liga';font-feature-settings:'liga';ms-font-feature-settings:'liga'}
.bx-controls-direction a:hover{background:#bb2424;opacity:1;text-decoration:none}
a.bx-prev{left:0}
a.bx-next{right:40px;}

/*media
===============*/

@media only screen and (max-width:1090px) {
 
 /*inew*/
 
 .inew:nth-child(6) {
 display: none;
 
 }
 
 .inew:nth-child(7) {
 display: none;
 
 }
}



@media only screen and (max-width:768px) {
 
 /*nav*/
 .nav {
 display: none;
 width: 100%;
 background-color: #f4f4f4;
 text-align: right;
 flex-direction: column;
 position: absolute;
 top: 132px;
 right: 0;
 z-index: 2;
 }
 
 .nav.show {
 display: flex;
 } 
 
 .nav_link {
 padding: 10px 15px;
 }
 
 /*burger*/
 .burger {
 display: block;
 }

 .pop_item:nth-child(5) {
 display: none;
 
 }
 
 /*inew*/
 
 .intro_inner {
 flex-wrap: wrap;
 }
 
 .inew {
 width: 25%;
 }
 
 .inew:nth-child(5) {
 display: none;
 
 }
 
 /*pop_mat*/
 
 .pop_item {
 width: 25%;
 height: 200px;
 }
 
 .pop_mat {
 flex-wrap: wrap;
 }
 
 /*mat_item*/
 
 
 
 .main {
 width: 100%;
 }
 
 .sidebar {
 width: 100%;
 }
 
 
 .slider2 a.bx-next{right:-15px}
.slider2 a.bx-prev{left:-15px} 
 
}




@media only screen and (max-width:414px) {
 
 /*inew*/
 
 .intro_inner {
 flex-wrap: wrap;
 }
 
 .inew {
 width: 50%;
 }
 
 .inew:nth-child(5) {
 display: none;
 
 }
 
 
 /*pop_mat*/
 
 .pop_item {
 width: 50%;
 border-bottom: 2px #fff solid;
 }
 
 .pop_mat {
 flex-wrap: wrap;
 }
 
 
 /*mat_item*/
 
 .mat_item {
 width: 100%;
 }
 
.slider2 .slide-c{width:140px!important;margin-right:10px!important}
.slider2 .img-wrapp{width:142px;height:210px}
.slider2 .bx-controls-direction{top:80px}
.slider2 .bx-pager.bx-default-pager{bottom:-19px} 
 
 
}