@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jura:wght@100;300;400;500;600;700;800;900&display=swap');



body{
    margin: 0px; padding: 0px;
    font-family: 'Montserrat', sans-serif;
    color:#555555;
    font-weight: 400;
    font-size:14px;
    --main-bg-color: #F5F5F5;
    background: var(--main-bg-color);

}


.indent{
    width: 100%;
    height: 100px;
}


section{
    width:100%;
}

.conteiner{
    width:1200px;
    margin: auto;
    box-sizing: border-box;
    background: #FFFFFF;
    padding: 10px 30px;
}

h1,h2,h3,h4,p{
    margin: 0px;
    padding: 0px;
}

p, li{
    line-height:1.4em;
    letter-spacing: 0.4px;
}

a{
    text-decoration: none!important;
    color:#444444;
}



h2{
    font-size:22px;
    font-weight: 400;
}

h3{
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
}


.line{
    width: 100%;
    height: 1px;
    background: #FF8F00;
}

.header{
    height: 60px;
    background: #515151;

    display: flex;
    align-items: center;
    justify-content:space-between;

}

.header .header-left{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.header div{
    margin: 0px 10px;
}



.header .logo{
    width: 190px;

    font-family: 'Jura';
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 33px;
    margin-left: 10px;
    color: #80E48A!important;

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
.header .logo:hover{
    color: #80E48A!important;
}

.header .logo span{
    color:#FFFFFF;
}

.header a{
    color: #FFFFFF !important;
}
.header a:hover{
    color: #888888 !important;
}

.header .but_insert_goods{
    margin-left: 10px;
    width: 218px;
    height: 34px;
    background: #F8C821;
    border:1px #F8C821 solid;
    border-radius: 6px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;

    color: #FFFFFF;
    display: flex;
    align-items: center;
}

.header .but_insert_goods:before{
    content:'';
    background: url('../img/ico/ico_insert_goods.png');
    width: 22px;
    height: 23px;

    margin: 0px 6px;
}


.header .but_insert_goods:hover{
    border:1px #e5e0ce solid;
    background: #f1bf12;
    color:#FFFFFF !important;
}

.header .verticalLine{
    height: 25px;
    width: 1px;
    background: #999999;
}

.header .menu{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.header .menu div{
    display: flex;
    align-items: center;
    justify-content:flex-start;
}

.poisk{
    background: var(--main-bg-color);
    padding: 20px 0px !important;
}


.poisk div{
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.poisk input[type="text"]{

    height: 30px;
    font-size:20px;
    background: #FFFFFF;
    border: 1px solid #E6F4E8;
    border-radius: 6px;
}

.poisk input[type="text"]:focus{
    border: 1px solid #CCCCCC;
}


.poisk input[type="submit"]{
    width: 115px;
    height: 48px;
    left: 1125px;
    border:0px;
    top: 107px;
    color: #FFFFFF;
    background: #74E67F;
    border-radius: 6px;
    cursor:pointer;
}

.poisk input[type="submit"]:hover{
    background: #3ee54e;
}

.content{
    min-height: 84vh;
}

.block-cat{
    width: 300px;
    border:1px solid #f1f1f1;
    padding: 10px;
    margin: 20px;
    float:left;
}
.block-cat h4{
    display:inline;
}

.block-cat-open{
    color: #A5DCAA;
    display: inline !important;
    margin-left: 6px;
}
.block-cat-open:before{
    content:'' !important;
}
.block-cat a{
    margin: 10px 0px;
    display: block;
}
.block-cat a:before{
    content:'•';
    padding-right: 6px;
}
.block-cat a:hover{
    color:#9f9f9f;
}



.block-login{
    width: 270px;
    position: relative;
    background: #FFFFFF;
    top:100px;
    margin: auto;
    padding: 20px;
    border-radius:3px;
    border:1px solid #DEDEDE;
}

.block-login input{
    margin-top: 4px;
    box-sizing: border-box;
}

.block-login input[type="text"], .block-login input[type="password"]{
    width: 100%;
}

.block-login p{
    font-size:11px;
    color:#A5DCAA;
    position: relative;
    top:-10px;
}

.block-login-error{
    color:red;
    margin-bottom: 40px;
}

.block-login-line{
    height: 330px;
    width: 1px !important;
    background: #cfefd2;
}

.block-login input[type="text"], .block-login input[type="password"], .block-login input[type="tel"], .block-login input[type="email"], .block-login input[type="checkbox"]
{
    background: #FFFFFF;
    border: 1px solid #A5DCAA;
    border-radius: 6px;
}

.block-login div{
    width: 270px;
}



























.breadcrumbs{
    margin-bottom: 20px;
    color: #B0AFAF;
}

.breadcrumbs a{
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #B0AFAF;
}

.breadcrumbs .breadcrumbs_gl{
    font-weight: 500;
    color: #515151;
}

.breadcrumbs a:hover{
    text-decoration: underline !important;
    color: #CCCCCC;
}

.block_cat_select{
    width: 100%;
    border-bottom:1px solid #f1f1f1;
    box-sizing: border-box;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.block_cat_select h4{
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    color: #000000;
    margin-bottom: 10px;
}

.block_cat_select h4 span{
    color: #B0AFAF;
    margin-left: 20px;
}


.block_cat_select div{
    display: flex;
    align-items:top;
    flex-wrap: wrap;
}

.block_cat_select a{
    margin-right: 40px;
    margin-bottom: 5px;
}




.select_sort{
    border:0px;
    width: auto;
    color: #6993FE;
    cursor: pointer;
    position: relative;
    top:3px;
}

.select_sort option{
    color: #6993FE;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}




.goods_select{
    display: flex;
    justify-content: space-between;
    margin-top: 45px;
    padding-bottom: 20px;
    border-bottom: 1px solid #EFEFEF;
    cursor: pointer;
}

.goods_select:nth-last-child(1){
    border-bottom: 0px;
}

.goods_select_img{
    width: 245px;
    height: 184px;
    margin-right: 15px;
    margin-bottom: 10px
}

.goods_select .goods_cena{
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 10px;
    display: block;
}

.goods_select .goods_cena span{
    color: #76B57C;
    font-weight: 700;
}

.goods_select .goods_title{
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px;
    display: block;
    color: #000000;
}

.goods_select .goods_date{
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #515151;
}

.goods_select_seller{
    width: 220px
}








.forma input, .forma select{
    margin-bottom: 5px;
}

.forma input[type="submit"]{
    margin-bottom: 0px;
}

.forma p{
    display: block;
    width: 190px;
    padding-right: 10px;
}

.forma .input{
    width: 300px;
}














.forma_product{

}

.forma_product div{

    margin: 20px 0px;

}

.forma_product textarea{
    width: 98%;
}
.forma_product select{
    width: 100%;
}

.forma_product_block{
    background: #f9f9f9;
    padding: 20px;
    box-sizing: border-box;
}

.forma_edit_product_block img, .forma_product_block img {
    margin-right: 10px;
}

.forma_product p{
    display: block;
    width: 170px;
}

.forma_product .input{
    width: 300px;
}



.forma_product .album_product{
    display: flex;
}

.forma_product .img_album_product{
    width: 190px;
    height: 140px;
    display: block;
    margin-right: 20px;
}

.forma_product .album_product .dell{
    color:red;
    display: block;
    margin-top: 6px;
}

.forma_product .album_product a{
    color:#03a9f4;
}

.forma_product .album_product a:hover{
    opacity: 0.5;
}

.forma_edit_product_block{
    background: #fdffed;
    padding: 20px;
    box-sizing: border-box;
}











.block-goods{
    display: flex;
    justify-content: flex-start;
}

.goods_title{
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    color: #000000;
    margin-bottom: 10px
}

.goods_create_date{
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #515151;
}


.goods_img{
    height: 480px;
    width: 480px;
    margin-bottom: 10px;
    margin-right: 20px;
}

.goods_album{
    display: flex;
    width: 480px;
}

.goods_album img{
    width: 107px;
    height: 80px;
    margin-right: 8px;
}

.goods_album img:hover,.goods_img:hover{
    opacity: 0.8;
    cursor: pointer;
}



.goods_price{
    font-weight: 700;
    font-size: 37px;
    line-height: 45px;
    color: #000000;
    margin-bottom: 60px
}


.goods_but_tel{
    padding: 25px 70px;
    background: #74E67F;
    border-radius: 6px;

    color:#FFFFFF;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}

.goods_but_tel:hover{
        background: #A9E2AF;
}



.goods_description{
    margin-top: 60px;
    margin-bottom: 70px;
}

.goods_description span{
    padding-top: 20px;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
}

.goods_seller{
    margin-top: 40px;
}

.goods_seller span{
    font-size: 18px;
    line-height: 20px;
    color: #6993FE;
    display: block;
    margin-bottom: 20px;
}


































.footer{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px;

    border-top: 0.5px solid #EFEFEF;
}

.footer a{
    padding: 0px 4px;
    color: #515151;
}
.footer a:hover{
    color: #999999;
}

.footer_logo{
    color:#A5DCAA !important;
    margin: 0px 6px;
}
.footer_logo:hover{
    color:#A5DCAA !important;
}

.footer_green{
    color:#A5DCAA!important;
}
.footer_green:hover{
    color:green !important;
}


















/*--------PROFILE----------------------------*/
.sidebar{
    width: 220px;
    padding-top: 10px;
    padding-right: 20px;
    border-right:1px solid #CCCCCC;
}

.sidebar h4{
    display: block;
    margin-bottom: 10px;
}

.sidebar a{
    display: block;
    margin-bottom: 3px;
}

.sidebar-blue a{
    color: #6993FE;
}

.sidebar-blue a:hover{
    color: #8DACFE;
}

.sidebar span{
    font-weight: 400;
    font-size: 18px;
    line-height: 17px;
    color: #76B57C;
    display: block;
    margin-bottom: 10px;
}

.sidebar .block-balance{
    border: 1px solid #DEDEDE;
    padding: 10px;
    box-sizing: border-box;
}

.block-balance h1{
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
    text-align: center;
    color: #515151;
    margin: 20px;
}


.profile_filter{
    background: #F3F3F3;
    padding: 20px;
    box-sizing: border-box;
}

.profile_filter span{
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color:#000000;
}

.profile_goods .goods_select {
    justify-content:flex-start !important;
}


.line_green{
    background: #74E57F;
    width: 100%;
    height: 1px;
}



.title_page{
  display: flex;
  align-items:center;
  margin-top: 20px;
  padding-bottom: 4px;
  border-bottom: solid 2px;
  border-image: linear-gradient(90deg, #80e48a, #ffffff) 1;
}

.title_page span{
  font-size: 20px;
}
.title_page a{
  background: #e9e9e9;
  font-size: 24px;
  border-radius: 30px;
  padding: 4px 6px;
  display: block;
  margin-right: 10px;
}
.title_page a::before{
  content: "\2190";
  position: relative;
  top:-3px;
}