body{margin: 0; padding: 0; font-size: 14px; font-family: Tahoma, Verdana, Segoe, sans-serif;}
a{color: #FF5E00; text-decoration: none;}
a:hover{color: #DF0005;}
*{box-sizing: border-box;}
table img{max-width: 500px;}
input{outline: none;}
input:-webkit-autofill {background: #fff;}

/*-------------------*/
.heder_line{
    width: 100%;
    height: 60px;
    background: #000;
    position: relative;
    line-height: 60px;
}
.title{position: absolute; color: #fff; z-index: 2; left: 30px; top: 17px; font-size: 18px;}
.heder_line_cent{
    width: 400px;
    height: inherit;
    margin: 0 auto;
    background: rgba(255,255,255,.1);
    overflow: hidden;
}
.heder_line_cent ul{list-style-type: none; width: 252px; margin: 0 auto; padding: 0;}
.heder_line_cent ul li{float: left; margin: 15px 10px 0;}
.heder_line_cent ul li a{
    display: block;
    width: 30px;
    height: 30px;
    background-size: cover;
    background-position: center;
    opacity: 0.5;
    transition: all 0.2s;
}
.heder_line_cent ul li a:hover{opacity: 1; background-position: center 30px;}
.heder_line_cent ul li:nth-child(1) a{background-image: url("../images/s_f.png");}
.heder_line_cent ul li:nth-child(2) a{background-image: url("../images/s_i.png");}
.heder_line_cent ul li:nth-child(3) a{background-image: url("../images/s_vk.png");}
.heder_line_cent ul li:nth-child(4) a{background-image: url("../images/s_u.png");}
.heder_line_cent ul li:nth-child(5) a{background-image: url("../images/s_g.png");}


#acc{height: inherit; position: absolute; right: 50px; top: 0; color: #fff; opacity: 0.6; cursor: pointer;}
#acc:after{font-family: 'entypo'; content: "\e740"; padding: 5px;}
#acc:hover{opacity: 1;}

.heder_logo{height: 140px; position: relative; z-index: 1;}
.heder_logo_line{
    width: 100%;
    height: 1px;
    position: absolute;
    background: #888;
    top: 140px;
}
.logo{
    width: 100px;
    height: 85px;
    display: block;
    margin: 20px 0 0 30px;
    float: left;
    background: url("../images/bigsti.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
/*-----------------*/
.menu{float: left; margin-top: 35px;}
.menu .but{display: none;}
.menu ul{list-style-type: none; position: relative;}
.menu > ul > li{float: left; padding: 25px 20px 50px 25px; text-transform: uppercase; position: relative;}
.menu > ul > li:hover{color: #cba146; cursor: pointer;}
.menu > ul .multi:after{content: '\e75c'; font-family: entypo; width: 10px; height: 10px; position: absolute; right: 0px; top: 27px;}/*.menu > ul > li:after*/

.menu > ul > li:hover > ul{top: 92px; opacity: 1; transform: translateY(0);}
.menu > ul > li > ul{
    min-width: 200px;
    padding: 10px 25px;
    box-shadow: 0 0 5px #ccc;
    position: absolute;
    background: #fff;
    transition: top 0.3s ,opacity 0.3s;
    transition-timing-function: ease-out;
    top: 120px;
    opacity: 0;
    border-top: 1px solid #cba146;
    transform: translateY(-1000px);
}

.menu > ul > li > ul:after{content: ''; width: 10px; height: 10px; background: #cba146; position: absolute; top: -5px; left: 25px; border-radius: 50%;}
.menu > ul > li > ul > li{padding: 10px 0 0 0; text-transform: capitalize;}
.menu > ul > li > ul > li a{color: #888;}
.menu > ul > li > ul > li a:hover{color: #000;}
.menu a{color: #888;}
.menu a:hover{color: #000;}
/*---------------------------*/
.slider{
    width: 100%;
    overflow: hidden;
}
.slider span{
    width: 100%;
    height: 400px;
    background-size: contain;
    background-repeat: no-repeat;
}
/*---------------------------------------*/
.login,.login_menu{
    width: 300px;
    background: #fff;
    line-height: normal;
    padding: 20px 0 ;
    position: absolute;
    right: 50px;
    top: -500px;
    z-index: 2;
    box-shadow: 0px 0px 5px #ccc;
}
.login > span{position: absolute; top: 15px; right: 15px; font-size: 20px; color: #888; cursor: pointer;}
.login > span:hover{color: #000;}
.login > div, .login {overflow: hidden; transition: all .5s;}
.login #reg{height: 0px;}
.login #vhod{height: 220px;}

.login > div > span{
    display: block;
    text-align: center;
    padding-top: 10px;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #ccc;
    font-family: Arial, sans-serif;
}
.login div b{
    display: block;
    color: #888;
    font-weight: normal;
    padding: 20px 0;
    text-align: center;
    cursor: pointer;
}
.login input[type=text],.login input[type=password],.login input[type=email]{
    display: block;
    width: 90%;
    height: 35px;
    margin: 10px auto 0;
    padding-left: 10px;
    text-shadow: 1px 1px 1px #ccc;
    border: 1px solid #E5E5E5;
}
.login input::placeholder{color: #E5E5E5; text-shadow: none;}
.login input[type=submit]{
    display: block;
    width: 90%;
    height: 35px;
    outline: none;
    border: none;
    margin: 10px auto 0;
    background: #F44D51;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.login_menu{padding: 20px; top:60px;}
.login_menu ul{padding: 0; list-style-type: none;}
/*-------------------------*/
.korzina{
    display: block;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50px;
    text-align: center;
    line-height: 40px;
    position: fixed;
    bottom: 30px;
    left: 30px;
    box-shadow: 3px 3px 5px #808080;
    padding-left: 5px;
    color: #000;
    z-index: 10;
}
.korzina:hover{color: #cba146;}
.korzina .korzina_text{
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    position: absolute;
    top: -5px;
    right: -5px;
    text-align: center;
    line-height: 20px;
    background: #222222;
    color: #fff;
    font-size: 0.8em;
}
/*-------------------------*/
.korzine{width: 90%; margin: 50px auto; display: flex;}
.korzine_list{width: 70%; border: 1px solid #ccc; border-radius: 2px;}
.korzine_list > span{display: block; font-size: 25px; padding: 10px 15px; border-bottom: 1px solid #ccc;}

/**/
.korzine_post{margin: 10px 0px;}
.korzine_post td{width: 20%; padding: 0% 20px;}
.korzine_post img{width: 100px;}
.korzine_post a{color: #414141; font-size: 20px;}
.korzine_post .sum, .korzine_post .cena{color: #414141; font-weight: bold; font-family: "Montserrat",sans-serif;}
/**/


.korzine_post .num{width: 60px; height: 40px; position: relative; box-shadow: 2px 2px 5px #ccc; z-index: 1;}
.korzine_post input[type=number]{width: 100%; height: 100%; padding-left: 5px;}
.korzine_post .num .pp, .korzine_post .num .mm{
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0px;
    line-height: 20px;
    border-left: 1px solid #ccc;
    cursor: pointer;
    z-index: 2;
}
.korzine_post .num .pp{top: 0; border-bottom: 1px solid #ccc;}
.korzine_post .num .mm{bottom: 0;}
.korzine_post .num .pp:hover,.korzine_post .num .mm:hover{background: #2a363b; color: #fff;}

.korzine_check{
    width: calc(30% - 20px);
    margin-left: 20px;
    border: 1px solid #ccc;
    border-radius: 2px;
}
.korzine_check input{
    width: calc(100% - 40px);
    margin: 10px 20px;
    height: 35px;
    padding: 0 10px;
    outline: none;
}

.korzine_check span{float: left; clear: both; padding: 20px 0 0 20px;}
.korzine_check i{font-style: normal;}
.korzine_check b{float: right; padding: 20px 20px 0 0; color: #414141; font-family: "Montserrat",sans-serif;}
.korzine_check_line{width: 100%; clear: both; padding-top: 20px; border-bottom: 1px solid #ccc;}
.korzine_check a, .korzine_check input[type=submit]{
    display: block;
    width: 60%;
    height: 35px;
    line-height: 35px;
    margin: 20px auto;
    border: none;
    border-radius: 5px;
    text-align: center;
    background: #333B48;
    color: #fff;
    cursor: pointer;
}
.korzine_check a:hover, .korzine_check input[type=submit]:hover{background: #CBA146;}

/*-------------------------*/
.cont{width: 100%; overflow: hidden; z-index: 1;}
.cont > h1{
    margin: 30px auto;
    width: 80%;
    font-size: 20px;
}

.post{
    width: calc(25% - 20px);
    height: 440px;
    float: left;
    margin: 20px 10px 0;
    padding: 20px;
    border: 1px solid transparent;
}
.post:hover{border: 1px solid #ccc;}
.post .images{display: block; width: 100%; height: 280px; position: relative;}

.post .images span{
    display: block;
    width: 100%;
    height: 100%;
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    transition: all 0.5s;
}
.post .images #one{opacity: 1;}/*For one image*/
.post .images span:nth-child(1){opacity: 0;}
.post .images span:nth-child(2){opacity: 1; transform: scale(1);}
.post .images:hover span:nth-child(1){opacity: 1;}
.post .images:hover span:nth-child(2){opacity: 0; transform: scale(0.9);}
.post p{text-align: center;}
.post .addcorz, .post .incorz, .post .nocorz{
    display: block;
    width: 50%;
    margin: 0 auto;
    padding: 7px;
    text-align: center;
    background: #cba146;
    color: #fff;
    border-radius: 5px;
}
.post .addcorz:hover{background: #111;}
.post .incorz{background: green;}
.post .nocorz{background: #111;}
/*-------------------ONE POST----------------*/
.onepost{width: 90%; margin: 25px auto 0;}
.onepost .wr{float: left; width: 35%;}
.main_post{float: left; width: calc(65% - 20px); margin-left: 20px; color: #111;}
.main_post h2{margin: 0; font-size: 16px; font-weight: normal;}

.onepost .images{
    width: 90px;
    float: left;
    margin-top: 23px;
    position: relative;
}
.onepost .oneimage{
    float: left;
    width: calc(100% - 110px);
    height: 400px;
    margin-left: 20px;
    background-position: center top;
    background-repeat: no-repeat;
    transition: all 0.3s;
}
.onepost .images img{width: 100%; /*height: 130px;*/ cursor: pointer;}

.im_hov{border: 1px solid #000;}
.onepost .images .bv,.onepost .images .bn{
    width: 100%;
    height: 20px;
    background: #888;
    position: absolute;
    left: 0;
    text-align: center;
    color: #fff;
    line-height: 20px;
    font-size: 25px;
    cursor: pointer;
    z-index: 2;
}
.onepost .images .bv{top: -23px;}
.onepost .images .bn{bottom: 0;}

/*.main_post{float: left; width: 500px; margin-left: 1%; color: #111;}*/
.main_post h1{color: #000;}
.main_post .cena{font-size: 20px;}
.main_post .text{}
.main_post .addcorz, .main_post .incorz, .main_post .nocorz{
    display: block;
    width: 245px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #2a363b;
    color: #fff;
    margin-top: 30px;
    text-transform: uppercase;
}
.main_post .addcorz:hover{background: #cba146;}
.main_post .incorz{background: green;}

/*-------POST LIKE--------*/
.postlike{clear: both; width: 80%; margin: 0px auto; padding-top: 50px; position: relative;}
.postlike div a{
    width: 100%;
    height: 300px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: background 0.3s;
    outline: none;
}
.postlike .next, .postlike .prev{
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 45%;
    background: #ddd;
    border-radius: 50%;
    font-size: 25px;
    text-align: center;
    line-height: 25px;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s;
}
.postlike .next:hover, .postlike .prev:hover{color: #000; background: #888;}
.postlike .next{left: -30px; text-indent: -3px;}
.postlike .prev{right: -30px; text-indent: 3px;}
.postlike div span{display: block; text-align: center; padding: 10px 0;}

/*-------USER EDIT--------*/
.tab{width: 80%; margin: 50px 10%; color: #fff;}
.tab tr{height: 20px;}
.tab tr:nth-child(odd){background: #525252;}
.tab tr:nth-child(even){background: #414141;}
.tab tr:nth-child(1){background: #313131;}
.tab td{padding: 10px 20px;}
/*-------USER EDIT--------*/

.footer{width: 100%; color: #555;}

.footer_text{width: 80%; margin: 0 auto; padding: 50px 0; overflow: hidden;}
.footer_text table{width: 50%; float: left;}
.footer_text table td:nth-child(odd){color: #333; font-weight: bold;}
.footer_text table td:nth-child(even){color: #555;}

.footer_menu{height: 70px; overflow: hidden; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.footer_menu ul{display: flex; justify-content: center; margin: 0 auto; padding:0; list-style-type: none;}
.footer_menu li{text-align: center; padding: 0 10px;}
.footer_menu a{display: block; color: #333; font-weight: bold; line-height: 70px; text-transform: uppercase;}
.footer_menu a:hover{color: #cba146;}

.footer_niz{height: 70px; display: flex; justify-content: center;}
.footer_niz span{line-height: 70px;}

.cl{clear: both;}


/*----------TEST FOR INDEX----------*/
.forindex{width: 90%; margin: 50px auto; overflow: hidden;}
.forindex span{
    display: block;
    font-size: 40px;
    position: relative;
    margin: 0 0 20px;
    font-family: sans-serif;
    font-weight: bold;
}
.forindex #forindex2{margin-left: 10px;}

.forindex2{
    width: 90%;
    height: 400px;
    margin: 0 auto;
    padding: 40px;
    margin-top: 100px;
    background: linear-gradient(#ebf4f6,#ebf4f6);
}
.forindex2 div span{display: block; font-size: 24px;}
.forindex2 div:nth-child(1){width: 33%; float: left;}
.forindex2 div:nth-child(2){
    width: 33%;
    height: 444px;
    background-image: url("../images/main.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    float: left;
    position: relative;
    top: -100px;
}
.forindex2 div:nth-child(3){width: 33%; float: left;}