@import url(//fonts.googleapis.com/css?family=Alfa+Slab+One);

:root {
	--font-family: 'Roboto', sans-serif;
    --body-background-color: #ffffff;
    --body-font-size: 12px;
	--button-font-size: 12px;
	--input-font-size: 12px;
	--button-padding: 6px 18px;
	--input-padding: 12px;
	
	--popup-background-color: #ffffff;
	--white-background-color: #ffffff;
    --main-text-color: #292929;
    --hard-light-color: #f7f7f7;
	--light-color: #c7c7c7;
	--medium-color: #989898;
	--light-dark-color: #5a5a5a;
	--hard-dark-color: #292929;
	
	--light-fail-color: #fff3f3;
	--dark-fail-color: #ff8888;
}

html {
    font-size: 100%;
    line-height: 1.5;
}

body {
	font-size: var(--body-font-size);
    font-family: var(--font-family);
    color: var(--main-text-color);
    margin: 0;
    background: #fff8ff;
}

/* СТИЛИ ДЛЯ ОБЩИХ ЭЛЕМЕНТОВ */

div.fon {
    display: none;
    background: var(--hard-dark-color);
    width: 200%;
    height: 200%;
    position: fixed;
    z-index: 400;
    opacity: 0.8;
    top: -20px;
}

input { outline:none; width: 100%; }
select { outline:none; width: 100%; }
textarea { outline:none; width: 100%; }

/* input[type="button"] {
	width: unset;
    font-size: var(--button-font-size);
    font-family: var(--font-family);
    padding: var(--button-padding);
    background: var(--white-background-color);
    color: var(--hard-dark-color);
    border: 1px solid var(--hard-dark-color);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
    cursor: hand;
    border-radius: 3px;
}

input[type="button"]:hover {
    width: unset;
    font-size: var(--button-font-size);
    font-family: var(--font-family);
    padding: var(--button-padding);
    background: var(--hard-dark-color);
    color: var(--hard-light-color);
    border: 1px solid var(--hard-dark-color);
    cursor: pointer;
    cursor: hand;
    border-radius: 3px;
} */

input[type="text"] {
	font-size: var(--input-font-size);
    font-family: var(--font-family);
    padding: var(--input-padding);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: var(--hard-dark-color);
    border: 1px solid var(--medium-color);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

input[type="text"]:focus { border: 1px solid var(--hard-dark-color); }

input[type="password"] {
    font-size: var(--input-font-size);
    font-family: var(--font-family);
    padding: var(--input-padding);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: var(--hard-dark-color);
    border: 1px solid var(--medium-color);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

input[type="password"]:focus { border: 1px solid var(--hard-dark-color); }

input.fail {
    background: var(--light-fail-color);
    border: 1px solid var(--dark-fail-color);
}

textarea {
    font-size: var(--input-font-size);
    font-family: var(--font-family);
    padding: var(--input-padding);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: var(--hard-dark-color);
    border: 1px solid var(--medium-color);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

textarea:focus { border: 1px solid var(--hard-dark-color); }

textarea.fail {
	background: var(--light-fail-color);
    border: 1px solid var(--dark-fail-color);
}

select {
	font-size: var(--input-font-size);
    font-family: var(--font-family);
    padding: var(--input-padding);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: var(--hard-dark-color);
    border: 1px solid var(--medium-color);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

select:focus { border: 1px solid var(--hard-dark-color); }

select.fail {
    background: var(--light-fail-color);
    border: 1px solid var(--dark-fail-color);
}

a {
    text-decoration: none;
    color: var(--light-dark-color);
}

a:hover {
    text-decoration: none;
    color: var(--hard-dark-color);
}

div.relative { position: relative; }

div.deliver {

}

div.deliver-wrapper {
    background-image: url('/themes/fragolino/cart-main.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

div.deliver-message {
    text-align: center;
    text-transform: uppercase;
    color: #b6045c;
    font-size: 24px;
    background-color: #fff;
    padding: 20px 0;
}

div.delivercent {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 100%;
}

div.incenter {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

div.nothingfound {
    color: var(--dark-fail-color);
    font-size: 90%;
    text-align: center;
    margin: 20px auto;
}

div.textfail {
    color: var(--dark-fail-color);
    font-size: 90%;
    padding: 2px;
}

span.star {
    color: var(--dark-fail-color);
}

/*-- ВСПЛЫВАЮЩЕЕ ОКНО ОТВЕТА --*/

div.answerform {
    position: fixed;
    background: var(--popup-background-color);
    box-shadow: 0px 0px 0px 20px var(--hard-dark-color);
    padding: 20px;
	box-sizing:border-box;
    display: none;
    z-index: 500;
    width: 500px;
    max-width: 96%;
}

div.answer_main {
    width: 100%;
}

div.answer_mainin {}

div.answer_closeline {
    height: 40px;
}

div.answer_close {
    float: right;
}

div.answer_title {
    text-align: center;
    padding: 20px;
}

/* СТИЛИ РАЗМЕТКИ */

div.body {}

div.allheader {
    width: 100%;
	display: flex;
    flex-direction: column;
    display: none;
}

div.overhead {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

div.overheadinfo {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

div.overheadleft {}

div.overheadright {}

div.head {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

div.headinfo {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media all and (max-width: 380px) {
    div.headinfo {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: column;
    }
}

div.headcolumnlogo {
    display: flex;
    flex-direction: column;
    padding: 5px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 1%;
}

@media all and (max-width: 790px) {
    div.headcolumnlogo {
        flex-basis: 100%;
        text-align: center;
    }
}

div.headcolumn1 {
    display: flex;
    flex-direction: column;
    padding: 5px;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 1%;
}

div.headcolumn2 {
    display: flex;
    flex-direction: column;
    padding: 5px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 15%;
}

div.headcolumn2row1 {}

div.headcolumn2row2 {}

div.headcolumn3 {
    display: flex;
    flex-direction: column;
    padding: 5px;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 1%;
    min-width: 180px;
}

@media all and (min-width: 599px) and (max-width: 790px) {
    div.headcolumn3 {
        min-width: 250px;
    }
}

div.headcolumn3row1 {
    text-align: right;
}

div.headcolumn3row2 {
    text-align: right;
}

@media all and (max-width: 699px) {
    div.headcolumnlogo {}
    div.headcolumn1 {}
    div.headcolumn2 {}
    div.headcolumn3 {}
    div.headcolumn3row2 {
        text-align: center;
    }
}

div.underhead {
    width: 100%;
    margin: 0 auto;
    background: var(--hard-dark-color);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /*display: none;*/
}

div.underheadinfo {
    margin: 0 auto;
    max-width: 1600px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

div.underheadleft {
   
}

div.underheadright {
    text-align: right;
}

div.allcentermain {
    width: 100%;
}

div.logo {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
	text-align:center;
}

div.logo img{
    max-height:100px;
}

div.allcenterblock {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
}

div.leftmain {
    padding: 5px 10px 5px 5px;
	margin: 5px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 200px;
}

@media all and (max-width: 800px) {
    div.leftmain {
        display: none;
    }
}

div.leftcolumn {}

div.centermain {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 70%;
}

div.centercolumn {}

div.rightmain {
    padding: 5px 5px 5px 10px;
    margin: 5px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 200px;
}

@media all and (max-width: 800px) {
    div.rightmain {
        display: none;
    }
}

div.rightcolumn {}

div.centerunderslider {}

div.leftunderslider {}

div.rightunderslider {}

div.allfooter {
    /* background: var(--hard-dark-color); */
    background-image: url('/themes/fragolino/futer-wood.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	color:#fff;
}

@media all and (max-width: 892px) {
    div.allfooter {
    }
}

div.allfooterinfo {
    padding: 10px;
    max-width: 1200px;
    margin: 0 auto;
}

div.overfooter {
    display:flex;
  /*  align-items: center;*/
    flex-direction: column;
	flex-wrap:wrap;
}

div.footer_container {
    display: flex;
    flex-direction: row;
    align-items: center;
}

div.developer a {
    color: #fff;
    transition: .3s ease;
}

div.developer a:hover {
    color: #b6045c;
}

div.footer_wrapper {
    display: flex;
    flex-basis: 75%; flex-grow:1;
}

@media all and (max-width: 600px) {
	div.overfooter {
		display:flex;
		flex-wrap:wrap;
		flex-direction:column;
	}
}

div.footer_1, div.footer_2, div.footer_3, div.footer_4 {
	flex-basis:25%;
	
	padding:5px;
	box-sizing:border-box;
}	

div.footer_1 a, div.footer_2 a, div.footer_3 a, div.footer_4 a {
	color:#fff;
}	

div.footer_1 ul, div.footer_2 ul, div.footer_3 ul, div.footer_4 ul {
    list-style: none;
    padding: 0;
}

div.footer_1 {
    margin-right: 50px;
}

@media all and (max-width: 892px) {
    div.footer_1 {
        display: none;
    }

    div.footer_wrapper {
        flex-basis: 100%;
    }
}

@media all and (max-width: 600px) {
    div.footer_wrapper {
        font-size: 10px;
        flex-direction: column;
    }
}

div.footer_4 a {
    display: inline-block;
    cursor: pointer;
}

div.footer_4 a:not(:first-of-type) {
    margin-left: 15px;
}

div.footer_title {
	font-size:18px;
    margin:5px 0 15px 0;
    font-family: 'Roboto';
    color:#fff;
    text-transform: uppercase;
}

div.underfooter {}

div.underfooterleft {}

div.underfooterright {}

/* МОДУЛИ РАЗДЕЛОВ */

/* Разделы на шапке */

div.topchapters {
	display: flex;
    flex-direction: row;	
}

div.topchapters_separator {
    display: none;
}

div.topchapter {
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    cursor: hand;
	padding: 4px 10px 4px 0;
}

a.topchapter_link {
    text-decoration: none;
    color: var(--light-dark-color);
    font-size: 90%;
	min-height: 10px;
	align-items: center;
    display: flex;
    justify-content: center;
}

a.topactivechapter_link {
    text-decoration: none;
	color: var(--hard-dark-color);
    font-size: 90%;
	min-height: 10px;
	align-items: center;
    display: flex;
    justify-content: center;
}

a.topchapter_link:hover {
	text-decoration: none;
    color: var(--hard-dark-color);
}

div.topchapter:hover {
    position: relative;
}

div.topactivechapter {
    position: relative;
    cursor: pointer;
    cursor: hand;
	padding: 4px 10px 4px 0;
}

div.topchapter:hover div.topchapters_submenu {
    display: block;
}

div.topactivechapter:hover div.topchapters_submenu {
    display: block;
}

div.topchapters_submenu {
    display: none;
    position: absolute;
    top: 100%;
    background: var(--popup-background-color);
    z-index: 100;
	left:0;
    border: 1px solid var(--medium-color);
	box-shadow:0 0 5px 0 var(--light-color);
}

div.topchapter_submenu {
    min-width: 150px;
    padding: 5px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

div.topchapter_submenu:nth-child(odd) {
	background:var(--hard-light-color);
}

div.topchapter_submenu:hover {
    min-width: 150px;
    padding: 5px;
	background:var(--light-color);
}

div.topchapter_submenu a {
    color: var(--light-dark-color);
    font-size: 90%;
    white-space: nowrap;
}

div.topchapter_submenu:hover a {
    color: var(--hard-dark-color);
    font-size: 90%;
    white-space: nowrap;
}

/* Адаптивное меню разделов */

div.mobiletopchapters {
    display: none;
}

@media all and (max-width: 699px) {
    div.topchapters {
        display: none;
    }
    div.mobiletopchapters {
        position: relative;
        display: block;
        width: 32px;
        height: 32px;
        margin-left: 0px;
        margin-top: 4px;
        margin-bottom: 4px;
    }
}

div.mobiletopchapters #seeChapters {
    width: 32px;
    height: 32px;
    cursor: pointer;
    cursor: hand;
    font-size: 0;
    background: url("/themes/images/menu.png") no-repeat center;
}

div.menuchapters_name {
    color: var(--hard-dark-color);
}

div.menuchapters {
    display: none;
    position: fixed;
    height: 100%;
    width: 0px;
    top: 0px;
    left: 0;
    z-index: 1000;
    max-height: 100%;
    overflow-y: auto;
    background: var(--popup-background-color);
    border-right: 1px solid var(--hard-dark-color);
}

div.menuchapters_block {
    padding: 5px;
    text-align: left;
    border-bottom: 1px solid var(--light-color);
}

div.menuchapters_block a {
    text-decoration: none;
}

div.menuchapters_block:hover a {
    text-decoration: none;
}

/* Разделы в колонке */

div.columnchapters_main {
    margin-bottom: 10px;
}

div.columnchapters_title {
    font-size: 110%;
    color: var(--hard-dark-color);
    padding: 5px;
    margin-bottom: 10px;
    border-bottom: solid 1px var(--medium-color);
}

div.columnchapters {}

div.columnchapter0 {
    padding: 5px;
    cursor: pointer;
    cursor: hand;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

div.columnchapter0 a {
    text-decoration: none;
    color: var(--light-dark-color);
}

div.columnchapter0:hover {
    text-decoration: none;
    padding: 5px;
	background:var(--hard-light-color);
}

div.columnchapter0:hover a {
    text-decoration: none;
    color: var(--hard-dark-color);
}

div.columnchapteractive0 {
    padding: 5px;
    cursor: pointer;
    cursor: hand;
	background:var(--hard-light-color);
}

div.columnchapteractive0 a {
    text-decoration: none;
    color: var(--hard-dark-color);
}

div.columnchapter1 {
    padding: 4px 0px 4px 15px;
    cursor: pointer;
    cursor: hand;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

div.columnchapter1 a {
    text-decoration: none;
    color: var(--light-dark-color);
    font-size: 90%;
}

div.columnchapter1:hover {
    padding: 4px 0px 4px 15px;
	background:var(--hard-light-color);
}

div.columnchapter1:hover a {
    text-decoration: none;
    color: var(--hard-dark-color);
}

div.columnchapteractive1 {
    padding: 4px 0px 4px 15px;
    cursor: pointer;
    cursor: hand;
	background:var(--hard-light-color);
}

div.columnchapteractive1 a {
    text-decoration: none;
    color: var(--hard-dark-color);
    font-size: 90%;
}

div.columnchapter2 {
    padding: 4px 0px 4px 30px;
    cursor: pointer;
    cursor: hand;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

div.columnchapter2 a {
    text-decoration: none;
    font-size: 90%;
    color: var(--light-dark-color);
}

div.columnchapter2:hover {
    padding: 4px 0px 4px 30px;
	background:var(--hard-light-color);
}

div.columnchapter2:hover a {
    text-decoration: none;
    color: var(--hard-dark-color);
}

div.columnchapteractive2 {
    padding: 4px 0px 4px 30px;
    cursor: pointer;
    cursor: hand;
	background:var(--hard-light-color);
}

div.columnchapteractive2 a {
    text-decoration: none;
    color: var(--hard-dark-color);
    font-size: 90%;
}


/* Разделы в центре */

div.centerchapters {
    margin: 10px 0;
    text-align: center;
}

div.centerchapters_in {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

div.centerchapter {
    display: flex;
    flex-direction: column;
    margin: 5px;
    flex-grow: 0;
    flex-shrink: 1;
	flex-basis: calc(25% - 10px);
}

@media all and (min-width: 600px) and (max-width: 1199px) {
    div.centerchapter {
        flex-basis: calc(33% - 10px);
    }
}

@media all and (max-width: 599px) {
    div.centerchapter {
        flex-basis: calc(100% - 10px);
    }
}

div.centerchapter_topname {
    display: none;
}

div.centerchapter_img {
    width: 100%;
    height: 200px;
    overflow: hidden;
	align-items: center;
	justify-content: center;
    text-align: center;
    display: flex;
}

div.centerchapter_imgin {
    width: 100%;
}

div.centerchapter_imgin img {
    max-width: 100%;
    max-height: 200px;
    border: 0;
}

@media all and (max-width: 599px) {
    div.centerchapter_img {
        height: auto;
    }
    div.centerchapter_imgin img {
        max-height: 100%;
    }
}

div.centerchapter_infoblock {
    vertical-align: top;
    text-align: center;
}

div.centerchapter_bottomname {
    padding: 10px 0px 10px 0;
}

div.centerchapter_bottomname a {
    font-size: 110%;
    color: var(--hard-dark-color);
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

div.centerchapter_bottomname a:hover {
    font-size: 110%;
    color: var(--hard-dark-color);
}

div.centerchapter_info {
    margin: 5px 0px;
    font-size: 90%;
    color: var(--light-dark-color);
}

div.centerchapter_button {
    text-align: center;
}

/* МОДУЛИ ПОИСК */

div.search {
    position: relative;
    max-width: 500px;
    margin: 0 auto;
}

div.search form{
	display: flex;
    flex-direction: row;
	position: relative;
    align-items: center;
}

div.search_input {
    position: relative;
    max-width: 100%;
    width: 100%;
}

div.search_input input {
    width: 100%;
    max-width: 500px;
    border-radius: 3px;
    padding: 10px 20px;
    font-size: 110%;
}

div.search_button {
    position: absolute;
    right:5px;
}

div.search_button input {
    padding: 0;
    background: url("/themes/images/icon_search.png") no-repeat center;
    width: 24px;
    height: 24px;
    font-size: 0;
    border: 0;
}

div.search_button input:hover {
    padding: 0;
    background: url("/themes/images/icon_search_hover.png") no-repeat center;
    width: 24px;
    height: 24px;
    font-size: 0;
    border: 0;
}

div.dropdownsearch {
    position: absolute;
    z-index: 500;
    width: 100%;
}

div.dropdownsearchfon {
    position: relative;
    border: 1px solid var(--medium-color);
	box-shadow:0 0 5px 0 var(--light-color);
    left: 0px;
    background: var(--popup-background-color);
}

div.searchrow {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    cursor: hand;
	align-items: center;
}

div.searchrow:nth-child(even) {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    cursor: hand;
	background:var(--hard-light-color);
	align-items: center;
}

div.searchrow:hover {
	background:var(--light-color);
}

div.dropdownimage {
    text-align: center;
    padding: 3px;
    flex-basis:50px;
}

div.dropdownimage img {
	max-width:50px;
	max-height:50px;
}

div.dropdownname {
    text-align: left;
    color: var(--light-dark-color);
    padding: 3px;
    font-size: 90%;
	flex-basis:70%;
}

div.dropdownprice {
    text-align: right;
    color: var(--dark-fail-color);
    font-size: 90%;
    padding: 3px;
	flex-grow:1;
}

/* НОВОСТНАЯ ЛЕНТА */

/* Новостная лента в колонке */

div.columnarticles_main {}

div.columnarticles_title {
    font-size: 110%;
    color: var(--hard-dark-color);
    padding: 5px;
    margin-bottom: 10px;
    border-bottom: solid 1px var(--medium-color);
}

div.columnarticles {}

div.columnarticle_separator {
    display: none;
}

div.columnarticle {
    text-align: left;
    border-bottom: 1px solid var(--light-color);
    padding: 10px 0;
	display: flex;
    flex-direction: column;
}

div.columnarticle_imgleft img{
    max-width: 100%;
}

div.columnarticle_imgright mg{
    max-width: 100%;
}

div.columnarticle_info {
    vertical-align: top;
}

div.columnarticle_name {
    padding: 3px 0;
}

div.columnarticle_name a {
    color: var(--hard-dark-color);
}

div.columnarticle_date {
    color: var(--light-dark-color);
    font-size: 90%;
    text-align: left;
}

div.columnarticle_seeall {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

/* Новостная лента в центре */

div.centerarticles_main {
    margin: 10px 0;
}

div.centerarticles_title {
    font-size: 110%;
    color: var(--hard-dark-color);
    padding: 5px;
    margin-bottom: 10px;
    border-bottom: solid 1px var(--medium-color);
}

div.centerarticle_wrap {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

div.centerarticle {
    margin: 5px 5px;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: calc(33% - 10px);
}

@media all and (min-width: 500px) and (max-width: 890px) {
    div.centerarticle {
		flex-basis: calc(50% - 10px);
    }
}

@media all and (max-width: 499px) {
    div.centerarticle {
        flex-basis: calc(100% - 10px);
    }
}

div.centerarticle_img {
    width: 100%;
    height: 200px;
    overflow: hidden;
	margin-bottom:10px;
	align-items: center;
	justify-content: center;
    text-align: center;
    display: flex;
}

div.centerarticle_imgin {
    width: 100%;
}

div.centerarticle_img img {
    max-width: 100%;
    max-height: 200px;
    border: 0;
}

@media all and (max-width: 599px) {
    div.centerarticle_img {
        height: auto;
    }
	div.centerarticle_imgin img {
        max-height: 100%;
    }
}

div.centerarticle_info {
    text-align: center;
    margin-top: 20px;
}

div.centerarticle_topname {
    display: none;
}

div.centerarticle_name {
    text-align: left;
    margin: 8px 0;
}

div.centerarticle_name a {
    text-decoration: none;
    color: var(--light-dark-color);
}

div.centerarticle_name a:hover {
    text-decoration: none;
    color: var(--hard-dark-color);
}

div.centerarticle_short {
    margin: 5px 0px;
    text-align: left;
    color: var(--light-dark-color);
    font-size: 90%;
}

div.centerarticle_date {
    padding: 5px;
}

div.centerarticle_seeall {
    text-align: center;
}

/* Новостная лента страница */

div.pagearticles {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

div.pagearticle {
    margin: 5px 0;
    justify-content: left;
    display: flex;
    flex-direction: row;
    text-align: center;
	flex-basis: 100%;
}

@media (max-width: 500px) {
    div.pagearticle {
		flex-direction: column;
	}
}

div.pagearticle_img {
    min-width: 180px;
}

@media (max-width: 500px) {
    div.pagearticle_img {
        width: 98%;
		margin: 0 auto;
    }
}

div.pagearticle_imgin {
	width:100%;
}

div.pagearticle_imgin img {
    max-width: 180px;
    max-height: 150px;
}

@media (max-width: 500px) {
    div.pagearticle_imgin img {
        max-width: 100%;
		max-height: 100%;
    }
}

div.pagearticle_info {
    text-align: left;
    padding-left: 15px;
    flex-grow: 1;
    flex-shrink: 1;
}

div.pagearticle_info {}

div.pagearticle_topname {
    display: none;
}

div.pagearticle_name {
    margin-bottom: 3px;
}

div.pagearticle_name a {
    text-decoration: none;
    color: var(--light-dark-color);
}

div.pagearticle_name a:hover {
    text-decoration: none;
    color: var(--hard-dark-color);
}

div.pagearticle_short {
    margin: 3px 0;
    font-size: 90%;
    color: var(--light-dark-color);
}

div.pagearticle_date {}


/* Страница элемента ленты */

div.articleback {
    margin: 10px 0;
}

div.articlename {
    margin-bottom: 20px;
}

h1 {
    font-weight: normal;
    padding: 4px 10px;
}

div.articletext {}

div.articledate {
    padding: 8px 0;
}

div.article_commall {}

div.articlecomments {}

div.commenthorseparator {}

div.commentquote {}

div.oneartcomm {}


/* ХЛЕБНЫЕ КРОШКИ */

div.breads {
    margin: 0 auto;
    padding: 10px 0px;
    font-size: 90%;
    display: none;
}

div.linkicon {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
}

div.link {
    display: inline-block;
    vertical-align: middle;
}

div.link a {
    text-decoration: none;
    font-size: 90%;
}

div.link a:hover {
    font-size: 90%;
    text-decoration: underline;
}

div.linkactive {
    display: inline-block;
    vertical-align: middle;
}

div.linkactive a {
    font-size: 90%;
}

div.linkactive a:hover {
    text-decoration: underline;
    font-size: 90%;
}

/* ПАГИНАЦИЯ */

div.paging {
    align-items: center;
    margin: 0 auto;
	margin-top:10px;
	margin-bottom:10px;
	display: flex;
    flex-direction: row;
	justify-content:center;
}

div.pagingbutton {
    vertical-align: middle;
}

div.pagingleft {}

div.pagingright {}

div.pagingall {
    background: var(--hard-dark-color);
    border: 1px solid var(--hard-dark-color);
    color: var(--light-color);
    text-align: center;
    cursor: pointer;
    cursor: hand;
    margin: 0 2px;
	-webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
	border-radius:3px;
	padding: 6px 10px;
}

div.pagingall a {
    color: var(--light-color);
}

div.pagingall:hover {
	border: 1px solid var(--hard-dark-color);
    color: var(--hard-dark-color);
	background:var(--hard-light-color);
}

div.pagingall:hover a {
    color: var(--hard-dark-color);
}

div.pagingnow {
    border: 1px solid var(--hard-dark-color);
    color: var(--hard-dark-color);
	background:var(--hard-light-color);
	text-align: center;
    cursor: pointer;
    cursor: hand;
    margin: 0 2px;
	border-radius:3px;
	padding: 6px 10px;
}


/* ЗАКАЗАТЬ ЗВОНОК */

div.callme {}

div.callmeform {
    position: fixed;
    background: var(--popup-background-color);
    box-shadow: 0px 0px 0px 20px var(--hard-dark-color);
    padding: 30px;
	box-sizing:border-box;
    display: none;
    z-index: 500;
    width: 500px;
    max-width: 96%;
}

div.callme_main {
    width: 100%;
}

div.callme_mainin {}

div.callme_closeline {
    height: 40px;
}

div.callme_close {
    float: right;
}

div.callme_title {
    text-align: center;
    font-size: 110%;
	margin-bottom:10px;
}

div.callme_line {
    margin: 3px 0;
}

div.callme_block {}

div.callme_button {}


/* СЛАЙДЕР */

div.sliderback {}

div.slider {}

div.slidertext {
    position: absolute;
    top: 2%;
    left: 2%;
}

div.slidertext img {
    max-width: 300px;
}

@media all and (max-width: 1526px) {
    div.slidertext img {
        max-width: 200px;
    }
}

@media all and (max-width: 910px) {
    div.slidertext img {
        max-width: 140px;
    }
}

div.sliderimg {
    margin: 0 auto;
}

div.advbanner {
    position: absolute;
}

div.sliderarrows {
    margin: 0 auto;
    position: relative;
}

div.sliderleft,
div.sliderright {
    display: none;
}

div.sliderleft {
    position: absolute;
    z-index: 100;
    margin-top: 10%;
    left: 15px;
}

div.sliderleft input {
    background: url("/themes/images/arrow_left.png") no-repeat center;
    width: 36px;
    height: 36px;
    font-size: 0;
    padding: 0;
    border: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

div.sliderleft input:hover {
    background: url("/themes/images/arrow_left_hover.png") no-repeat center;
    width: 36px;
    height: 36px;
    font-size: 0;
    padding: 0;
    border: 0;
}

div.sliderright {
    position: absolute;
    z-index: 100;
    right: 15px;
    margin-top: 10%;
}

div.sliderright input {
    background: url("/themes/images/arrow_right.png") no-repeat center;
    width: 36px;
    height: 36px;
    font-size: 0;
    padding: 0;
    border: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

div.sliderright input:hover {
    background: url("/themes/images/arrow_right_hover.png") no-repeat center;
    width: 36px;
    height: 36px;
    font-size: 0;
    padding: 0;
    border: 0;
}

div.sliderbuttons {
    position: relative;
    top: -30px;
    height: 0;
    z-index: 100;
    text-align: center;
}

div.sliderbuttonsin {
    display: none;
}

div.sliderbutton {
    display: inline-block;
}

div.slidernext {
    background: var(--hard-light-color);
    border: 1px solid var(--light-dark-color);
    width: 15px;
    height: 15px;
    margin: 3px;
    font-size: 0;
    cursor: pointer;
    cursor: hand;
    border-radius: 20px;
}

div.slidernextact {
    background: var(--light-dark-color);
    border: 1px solid var(--light-dark-color);
    width: 15px;
    height: 15px;
    margin: 3px;
    font-size: 0;
    cursor: pointer;
    cursor: hand;
    border-radius: 20px;
}

/* ГАЛЕРЕЯ */

/* Страница галереи */

div.pagegallery {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

div.gallery {
    display: flex;
    flex-direction: column;
    margin: 5px;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: calc(25% - 10px);
}

@media all and (min-width: 600px) and (max-width: 1199px) {
    div.gallery {
        flex-basis: calc(33% - 10px);
    }
}

@media all and (max-width: 599px) {
    div.gallery {
        flex-basis: calc(100% - 10px);
    }
}

div.gallery_img {
	width: 100%;
    height: 120px;
    overflow: hidden;
	margin-bottom:10px;
	align-items: center;
	justify-content: center;
    text-align: center;
    display: flex;
}

div.gallery_imgin {
    width: 100%;
}

div.gallery_imgin img {
    max-width: 100%;
    max-height: 120px;
    border: 0;
}

@media all and (max-width: 599px) {
    div.gallery_img {
        height: auto;
    }
	div.gallery_imgin img {
        max-height: 100%;
    }
}

div.gallery_text {
    text-align: center;
    padding-top: 10px;
}


/* Слайдер галереи */

div.slidergallerys {
    position: relative;
    padding-bottom: 10px;
    margin-top: 20px;
}

div.slidergallery_title {
    font-size: 110%;
    color: var(--hard-dark-color);
    padding: 5px;
    margin-bottom: 10px;
    border-bottom: solid 1px var(--medium-color);
}

div.slidergallery_info {
    display: flex;
    flex-direction: row;
	align-items: center;
}

div.slidergallery_left {
    padding-right: 5px;
	box-sizing:border-box;
}

div.slidergallery_right {
     padding-left: 5px;
	box-sizing:border-box;
}

div.slidergallery_center {
     width: 100%;
}

div.slidergallery_cont {}

div.slidergallery_contin {
   display: flex;
    flex-direction: row;
}

div.slidergallery_main {
    vertical-align: top;
}

div.slidergallery {
    margin: 5px;
    width: 278px;
}

@media all and (min-width: 1400px) and (max-width: 1500px) {
    div.slidergallery { width: 306px; }
}
@media all and (min-width: 1300px) and (max-width: 1399px) {
    div.slidergallery { width: 288px; }
}
@media all and (min-width: 1200px) and (max-width: 1299px) {
    div.slidergallery { width: 266px; }
}
@media all and (min-width: 1000px) and (max-width: 1199px) {
    div.slidergallery { width: 274px; }
}
@media all and (min-width: 900px) and (max-width: 999px) {
    div.slidergallery { width: 252px; }
}
@media all and (min-width: 799px) and (max-width: 899px) {
    div.slidergallery { width: 302px; }
}
@media all and (min-width: 650px) and (max-width: 798px) {
    div.slidergallery { width: 288px; }
}
@media all and (max-width: 649px) {
    div.slidergallery { width: 228px; }
}

div.slidergallery_topname {
    display: none;
}

div.slidergallery_bottomname {
    text-align: center;
}

div.slidergallery_bottomname a {}

div.slidergallery_bottomname a:hover {
    color: var(--hard-dark-color);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-decoration: none;
}

div.slidergallery_img {
	width: 100%;
    height: 200px;
    overflow: hidden;
	margin-bottom:10px;
	align-items: center;
	justify-content: center;
    text-align: center;
    display: flex;
}

div.slidergallery_imgin {
    width: 100%;
}

div.slidergallery_imgin img {
    max-width: 100%;
    max-height: 200px;
    border: 0;
}

@media all and (max-width: 599px) {
    div.slidergallery_img {
        height: auto;
    }
	div.slidergallery_imgin img {
        max-height: 100%;
    }
}

div.slidergallery_seeall {
    text-align: center;
    margin: 15px 0;
}

/* Колонка галереи */

div.columngallerys_main {}

div.columngallery_title {
    font-size: 110%;
    color: var(--hard-dark-color);
    padding: 5px;
    margin-bottom: 10px;
    border-bottom: solid 1px var(--medium-color);
}

div.columngallerys {}

div.columngallery {
	border-bottom: 1px solid var(--light-color);
	padding: 10px 0;
}

div.columngallery_topname {}

div.columngallery_bottomname {}

div.columngallery_imgleft {
    width: 100%;
}

div.columngallery_imgleft img {
    max-width: 100%;
}

div.columngallery_imgright {
    width: 100%;
}

div.columngallery_imgright img {
    max-width: 100%;
}

div.columngallery_separator {}

div.columngallery_seeall {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

/* ОТЗЫВЫ */


/* Форма добавления */

div.addcomment {
    min-width: 50%;
    max-width: 500px;
    margin: 0 auto;
    margin-top: 30px;
}

div.addcomment_title {
    text-align: center;
    color: var(--hard-dark-color);
}

div.addcommenttitle {
    padding: 10px 0px 10px;
    font-size: 110%;
    text-align: center;
    margin: 0px auto 10px;
}

div.addcomment_line {
    margin: 10px 0;
}

div.addcomment_block {}

div.addcomment_button {
    text-align: center;
}

div.addcomment_info {}

div.addcomment_vote {
    margin-top: 10px;
	display: flex;
    align-items: center;
}

div.addcomment_votename {
    padding-right: 20px;
    vertical-align: middle;
}

div.addcomment_voterate {
    vertical-align: middle;
}

div.itemactvote {
    background: url('/themes/images/star1.png');
    width: 30px;
    height: 30px;
    cursor: pointer;
    cursor: hand;
}

div.itemvote {
    background: url('/themes/images/star.png');
    width: 30px;
    height: 30px;
    cursor: pointer;
    cursor: hand;
}


/* Страница отзывов */

div.pagecomments {}

div.pagecomment {
    padding: 10px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 10px;
	border-left:1px solid var(--medium-color);
}

div.pagecomment_info {
    display: flex;
    flex-direction: row;
	justify-content: space-between;
}

@media all and (max-width: 500px) {
	
	div.pagecomment_info {
		display: flex;
		flex-direction: column;
		justify-content: baseline;
	}
	
}

div.pagecomment_name {
	color: var(--light-dark-color);
	margin-bottom:4px;
}

div.pagecomment_vote {
	display: flex;
    flex-direction: row;
	margin:3px 0;
}

div.pagecomment_text {}

div.pagecomment_date {
    
}

div.pagecomment_separator {}


/* Отзывы в колонке */

div.columncomments {}

div.columncomments_title {
    font-size: 110%;
    color: var(--hard-dark-color);
    padding: 5px;
    border-bottom: solid 1px var(--medium-color);
}

div.columncomment {
	text-align: left;
    border-bottom: 1px solid var(--light-color);
    padding: 10px 0;
}

div.columncomment_name { margin:2px 0;}

div.columncomment_item { margin:2px 0; }

div.columncomment_vote {
	display: flex;
    flex-direction: row;
	margin:3px 0;
}

div.columncomment_text { margin:2px 0;}

div.columncomment_date { margin:2px 0;}

div.columncomment_separator {}

div.columncomment_seeall { margin-top:10px; text-align:center; }

/* Отзывы в центре */

div.centercomments {
    vertical-align: top;
	display: flex;
    flex-wrap: wrap;
}

div.centercomments_title {
    font-size: 110%;
    color: var(--hard-dark-color);
    padding: 5px;
    margin-bottom: 10px;
	width:100%;
    border-bottom: solid 1px var(--medium-color);
}

div.centercomment {
    display: flex;
    flex-direction: column;
    margin: 5px;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: calc(50% - 10px);
}

@media all and (max-width: 599px) {
    div.centercomment {
        flex-basis: calc(100% - 10px);
    }
}

div.centercomment_info {
    
}

@media all and (max-width: 500px) {
	
	div.centercomment_info {
		
	}
	
}

div.centercomment_name {
 
}

div.centercomment_item {
 
}

div.centercomment_vote {
	display: flex;
    flex-direction: row;
	margin:3px 0;
}

div.centercomment_text {
    font-size: 110%;
    margin: 5px 0;
}

div.centercomment_date {
   
}

div.centercomment_seeall {
	width:100%;
}

/* Отзывы в слайдере */

div.slidercomments {
    vertical-align: top;
}

div.slidercomments_title {
    font-size: 110%;
    color: var(--hard-dark-color);
    padding: 5px;
    margin-bottom: 10px;
    border-bottom: solid 1px var(--medium-color);
}

div.slidercomment {
	opacity: 1;
    padding: 20px;
    box-sizing: border-box;
}

div.slidercomment_left {
    padding-right: 5px;
	box-sizing:border-box;
}

div.slidercomment_right {
     padding-left: 5px;
	box-sizing:border-box;
}

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

@media all and (max-width: 500px) {
	
	div.slidercomments_info {
		display: flex;
		flex-direction: column;
		justify-content: baseline;
	}
	
}

div.slidercomment_name {
 
}

div.slidercomment_item {
 
}

div.slidercomment_vote {
	display: flex;
    flex-direction: row;
	margin:3px 0;
}

div.slidercomment_text {
    font-size: 110%;
    margin: 5px 0;
}

div.slidercomment_date {
   
}

div.slidercomment_seeall { text-align:center; margin-top:10px; }


/* FAQ */


/* Форма добавления */

div.addfaq {
    min-width: 50%;
    max-width: 500px;
    margin: 0 auto;
    margin-top: 30px;
}

div.addfaqtitle {
    padding: 10px 0px 10px;
    font-size: 110%;
    text-align: center;
    margin: 0px auto 10px;
}

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

div.addfaq_block {}

div.addfaq_button {
    text-align: center;
}

div.addfaq_info {}


/* Страница отзывов */

div.pagefaqs {}

div.page_faq {
    padding: 10px;
    margin: 10px auto;
}

div.pagefaq_info {
    display: flex;
    flex-direction: row;
	justify-content: space-between;
}

div.pagefaq_name {
    
}

div.pagefaq_text {
    font-size: 110%;
	margin:8px 0;
}

div.pagefaq_date {
    
}

div.pagefaq_textseparator {}

div.pagefaq_answerinfo {
    display: flex;
    flex-direction: row;
	justify-content: space-between;
}

@media all and (max-width: 500px) {
	
	div.pagefaq_answerinfo {
		display: flex;
		flex-direction: column;
		justify-content: baseline;
	}
	
}

div.pagefaq_answername {
    padding-top: 20px;
}

div.pagefaq_answertext {
	margin:5px 0;
    background: var(--hard-light-color);
    padding: 10px 10px 10px 30px;
    font-size: 110%;
	border-radius:3px;
}

div.pagefaq_answerdate {
    
}

div.pagefaq_separator {}


/* ФОРМА СВЯЗИ */

div.feedback_main {
    vertical-align: top;
    padding: 10px;
    box-sizing:border-box;
}

div.feedback_in {}

div.feedback_title {
    font-size: 110%;
    color: var(--hard-dark-color);
    padding: 5px;
    margin-bottom: 10px;
    border-bottom: solid 1px var(--medium-color);
}

div.feedback_titlein {
    text-align: left;
}

div.feedback_info {}

div.feedback_line {
    margin: 10px 0;
}

div.feedback_blockname {
    vertical-align: top;
}

div.feedback_blockparam {
    vertical-align: top;
}

div.feedback_button {
    text-align: center;
}

div.feedback_button input {}


/* ГОЛОСОВАНИЯ */

div.columnpolls {
    margin-top: 20px;
    padding: 5px;
}

div.columnpolls_title {
    font-size: 110%;
    color: var(--hard-dark-color);
    padding: 5px;
    margin-bottom: 10px;
    border-bottom: solid 1px var(--medium-color);
}

div.columnpoll {}

div.columnpoll_info {}

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

div.columnpoll_radio {
    flex-basis:25px;
    vertical-align: middle;
}

div.columnpoll_radio input { width:unset; }

div.columnpoll_name {
	flex-basis:99%;
    vertical-align: middle;
    padding: 5px 0;
}

div.columnpoll_votes {
    flex-basis:1px;
    vertical-align: middle;
  
}

div.columnpoll_line {
    background: var(--light-color);
	border-radius:3px;
}

div.columnpoll_linein {
    background: var(--hard-dark-color);
    height: 20px;
}


/* РЕГИСТРАЦИЯ */

div.registration_main {
    max-width: 800px;
    min-width: 50%;
    margin: 0 auto;
    margin-top: 20px;
}

div.registration_title {
    padding: 10px 0px;
    text-align: right;
    margin: 0px auto 10px;
}

div.registration_blockin {}

div.registration_line {
    display: table;
    width: 100%;
}

div.registration_blockname {
    display: table-cell;
    width: 25%;
    padding: 4px;
    vertical-align: middle;
}

div.registration_blockparam {
    display: table-cell;
    padding: 4px;
    vertical-align: middle;
}

@media all and (max-width: 899px) {
    div.registration_blockname {
        display: none;
    }
    div.registration_blockparam {
        display: block;
        padding: 4px;
        margin: 3px;
        vertical-align: middle;
    }
}

div.registration_button {
    text-align: center;
    margin: 20px;
}

div.registration_maincomp {}


/* ОКНО ВХОДА */

div.loginform {
    position: fixed;
    background: var(--popup-background-color);
    box-shadow: 0px 0px 0px 20px var(--hard-dark-color);
    padding: 30px;
	box-sizing:border-box;
    display: none;
    z-index: 500;
    width: 500px;
    max-width: 96%;
}

div.login_main {
    width: 100%;
}

div.login_mainin {}

div.login_closeline {
    height: 40px;
}

div.login_close {
    float: right;
}

div.login_title {
    text-align: center;
    font-size: 110%;
    padding: 10px;
}

div.login_line {}

div.login_block {
    margin-bottom: 10px;
}

div.login_button {}

div.login_info {}

div.login_forget {
    margin-top: 3px;
    float: right;
    cursor: pointer;
    cursor: hand;
}

div.login_maininsocial {}

div.login_titlesocial {
    text-align: center;
    font-size: 110%;
    text-transform: uppercase;
    padding: 10px;
}

div.login_titlesocialin {
    text-align: center;
}

div.login_socialfb {
    display: inline-block;
    padding: 5px;
}

div.login_socialfb input {
    width: 50px;
    height: 50px;
    background: url('/themes/images/f.png') no-repeat;
    border: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
}

div.login_socialfb input:hover {
    width: 50px;
    height: 50px;
    background: url('/themes/images/f.png') no-repeat;
    border: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
}

div.login_socialod {
    display: inline-block;
    padding: 5px;
}

div.login_socialod input {
    width: 50px;
    height: 50px;
    background: url('/themes/images/od.png') no-repeat;
    border: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
}

div.login_socialod input:hover {
    width: 50px;
    height: 50px;
    background: url('/themes/images/od.png') no-repeat;
    border: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
}

div.login_socialgg {
    display: inline-block;
    padding: 5px;
}

div.login_socialgg input {
    width: 50px;
    height: 50px;
    background: url('/themes/images/g.png') no-repeat;
    border: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
}

div.login_socialgg input:hover {
    width: 50px;
    height: 50px;
    background: url('/themes/images/g.png') no-repeat;
    border: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
}

div.login_socialvk {
    display: inline-block;
    padding: 5px;
}

div.login_socialvk input {
    width: 50px;
    height: 50px;
    background: url('/themes/images/vk.png') no-repeat;
    border: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
}

div.login_socialvk input:hover {
    width: 50px;
    height: 50px;
    background: url('/themes/images/vk.png') no-repeat;
    border: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
}


/* АВТОРИЗАЦИЯ */


/* Кнопки */

div.buttonsusers {
    margin-top: 5px;
}

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

div.buttonsusers_button1 {
    
}

div.buttonsusers_button2 {
    margin-left:5px;
}

div.buttonsusers_button3 {
   
}

div.buttonsusers_button4 {
	margin-left:5px;
}


/* Поля */

div.polesusers {}

div.polesusers_main {}

div.polesusers_enter {}

div.polesusers_enter1 {
    margin: 3px 0;
}

div.polesusers_enter2 {
    margin: 3px 0;
}

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

div.polesusers_button1 {
    
}

div.polesusers_button2 {
    margin-left:5px;
}

div.polesusers_titlesoc {}

div.polesusers_social {}

div.polesusers_fb {}

div.polesusers_gg {}

div.polesusers_vk {}

div.polesusers_od {}

div.polesusers_forget span {
    cursor: pointer;
    cursor: hand;
}

div.polesusers_mainin {}

div.polesusers_enterin {}

div.polesusers_buttonsin {}

div.polesusers_buttonsin1 {}

div.polesusers_buttonsin2 {}

div.polesusers_buttonsin3 {}

div.polesusers_buttonsin4 {}


/* АККАУНТ */

div.accountinfo {}

div.userwelcome {
    padding: 10px 0px;
    font-size: 120%;
    text-align: center;
    margin: 0px auto 10px;
    border-bottom: 1px solid var(--medium-color);
}

div.accounttabs {
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid var(--light-dark-color);
    position: relative;
    top: 0px;
	display: flex;
    flex-direction: row;
}

@media all and (max-width: 700px) {
	
	div.accounttabs { 
		flex-direction: column;
	}
	
}

div.accounttabposition {
    vertical-align: bottom;
    position: relative;
    top: 1px;
	margin:0 2px;
    line-height: 56px;
}

div.accounttab {
    padding: 10px 20px;
    border: 1px solid var(--light-dark-color);
    height: 16px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    cursor: hand;
    background: var(--hard-light-color);
    color: var(--light-dark-color);
    display: inline-block;
    vertical-align: bottom;
    line-height: initial;
}

div.accounttab:hover {
    padding: 10px 20px;
    border: 1px solid var(--light-dark-color);
    height: 24px;
    color: var(--hard-light-color);
    background: var(--light-dark-color);
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    line-height: initial;
}

div.accountactivetab {
    padding: 10px 20px;
    border: 1px solid var(--light-dark-color);
    height: 24px;
    color: var(--hard-light-color);
    background: var(--light-dark-color);
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    line-height: initial;
}

@media all and (max-width: 899px) {
    div.accounttabposition {
        display: block;
        top: 0px;
        line-height: initial;
    }
    div.accounttab {
        text-align: center;
        height: auto;
        padding: 10px;
        display: block;
        vertical-align: middle;
    }
    div.accounttab:hover {
        text-align: center;
        height: auto;
        padding: 10px;
        display: block;
        vertical-align: middle;
    }
    div.accountactivetab {
        text-align: center;
        height: auto;
        padding: 10px;
        display: block;
        vertical-align: middle;
    }
}

div.accounttabinfo {
    padding: 20px;
}

div.account_userdata {
    display: flex;
    flex-direction: row;
	justify-content: space-between;
}

div.account_userdatacolumn1 {
    flex-basis: 50%;
    padding: 10px;
	flex-grow:1;
}

div.account_userdatacolumn2 {
    flex-basis: 50%;
    padding: 10px;
	flex-grow:1;
}

@media all and (max-width: 899px) {
	
	div.account_userdata {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
    div.account_userdatacolumn1 {
        flex-basis:100%;
        padding: 10px 0;
    }
    div.account_userdatacolumn2 {
        flex-basis:100%;
        padding: 10px 0;
    }
}

div.account_button {
    text-align: center;
    margin-top: 20px;
}

div.account_blockname {
    color: #888;
    font-size: 110%;
    padding: 10px 0px 0px 0px;
}

div.account_title {
    font-size: 110%;
    color: var(--hard-dark-color);
    padding: 5px;
    margin-bottom: 10px;
    border-bottom: solid 1px var(--medium-color);
}

div.account_orders table {
    width: 100%;
}

div.account_orders table td {
    padding: 6px;
    text-align: center;
}

div.account_orders {
    margin: 0 auto;
    margin-top: 20px;
}

div.account_order {
    border: 1px solid var(--medium-color);
    padding: 10px;
}

div.account_ordertitle {}

div.account_ordertitlein {}

div.ordernumber {
    display: inline-block;
}

div.orderinfo {
    padding: 5px;
    text-align: right;
    float: right;
    margin-bottom: 10px;
    display: inline-block;
}

div.account_orderinfo {}

div.account_ordertable {}

div.account_ordertable table {
    width: 100%;
}

span.seemoreorder {
    cursor: hand;
    cursor: pointer;
    margin: 10px 0;
    color: var(--light-dark-color);
}

div.product_favordel {
	margin:5px 0;
}

/* ПОИСК */

div.searchtextpage {}

div.searchtextname {}

div.searchtext {}

div.searchtexthorseparator {}

div.searchtextfail {}


/* МАТЕРИАЛЫ */

div.notemenu {
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid var(--light-dark-color);
    position: relative;
    top: 0px;
	display: flex;
    flex-direction: row;
}

div.notetabposition {
    vertical-align: bottom;
    position: relative;
    top: 1px;
	margin:0 2px;
    line-height: 56px;
}

div.notetab {
    padding: 10px 20px;
    border: 1px solid var(--light-dark-color);
    height: 16px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    cursor: hand;
    background: var(--hard-light-color);
    color: var(--light-dark-color);
    display: inline-block;
    vertical-align: bottom;
    line-height: initial;
}

div.notetab:hover {
    padding: 10px 20px;
    border: 1px solid var(--light-dark-color);
    height: 24px;
    color: var(--hard-light-color);
    background: var(--light-dark-color);
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    line-height: initial;
}

div.notetabact {
    padding: 10px 20px;
    border: 1px solid var(--light-dark-color);
    height: 24px;
    color: var(--hard-light-color);
    background: var(--light-dark-color);
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    line-height: initial;
}

@media all and (max-width: 899px) {
    div.notetabposition {
        display: block;
        top: 0px;
        line-height: initial;
    }
    div.notetab {
        text-align: center;
        height: auto;
        padding: 10px;
        display: block;
        vertical-align: middle;
    }
    div.notetab:hover {
        text-align: center;
        height: auto;
        padding: 10px;
        display: block;
        vertical-align: middle;
    }
    div.notetabact {
        text-align: center;
        height: auto;
        padding: 10px;
        display: block;
        vertical-align: middle;
    }
}

div.notetab:hover a {
	color: var(--hard-light-color);
}

div.notetabact a {
	color: var(--hard-light-color);
}

div.notetabinfo {
    padding: 20px;
}

div.notetext {}


/* ЯЗЫКИ */

div.languages {
	display: flex;
    flex-direction: row;
}

div.languageact {
    padding: 3px;
    margin: 3px;
    border: 1px solid #888;
}

div.language {
    padding: 3px;
    margin: 3px;
}


/* МОДУЛИ КАТЕГОРИЙ */


/* категории на шапке */

div.topcategorys {
	display: flex;
    flex-direction: row;	
}

@media all and (max-width: 650px) {
    div.topcategorys {
        display: none;
    }
}

div.topcategorys_separator {
    display: none;
}

div.topcategory {
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    cursor: hand;
	padding: 6px 10px 6px 10px;
}

a.topcategory_link {
    text-decoration: none;
    color: var(--hard-light-color);
	min-height: 30px;
	align-items: center;
    display: flex;
    justify-content: center;
}

a.topcategory_link:hover {
	text-decoration: none;
    color: var(--hard-dark-color);
}

a.topactivecategory_link {
    text-decoration: none;
	color: var(--hard-dark-color);
    min-height: 30px;
	align-items: center;
    display: flex;
    justify-content: center;
}

div.topcategory:hover {
    position: relative;
	background:var(--hard-light-color);
}

div.topcategory:hover a {
	color: var(--hard-dark-color);
}

div.topactivecategory {
    position: relative;
    cursor: pointer;
    cursor: hand;
	padding: 6px 10px 6px 10px;
	background:var(--hard-light-color);
}

div.topcategory:hover div.topcategorys_submenu {
    display: block;
}

div.topactivecategory:hover div.topcategorys_submenu {
    display: block;
}

div.topcategorys_submenu {
    display: none;
    position: absolute;
    top: 100%;
    background:var(--hard-light-color);
    z-index: 100;
	left:0;
    border: 1px solid var(--medium-color);
	box-shadow:0 0 5px 0 var(--light-color);
}

div.topcategory_submenu {
    min-width: 150px;
    padding: 5px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

div.topcategory_submenu:nth-child(odd) {
	background:var(--hard-light-color);
}

div.topcategory_submenu:hover {
    min-width: 150px;
    padding: 5px;
	background:var(--light-color);
}


div.topcategory_submenu:hover {
    min-width: 150px;
    padding: 5px;
}

div.topcategory_submenu a {
    color: var(--light-dark-color);
    white-space: nowrap;
}

div.topcategory_submenu:hover a {
    color: var(--hard-dark-color);
    white-space: nowrap;
}

div.topcategorys_adapt {
   flex-direction: column;
   display: none;
}

@media all and (max-width: 650px) {
    div.topcategorys_adapt {
        display: flex;
    }
}

.topcategory_adapt {
	text-align: center;
	transition: all 0.3s ease;
    cursor: pointer;
    cursor: hand;
    padding: 10px 5px;
	border-bottom:1px solid var(--hard-light-color);
}

.topcategory_adapt a {
    text-decoration: none;
    color: var(--hard-light-color);
	font-size:130%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* Категории в колонке */

div.columncategorys_main {
    margin-bottom: 10px;
}

div.columncategorys_title {
    font-size: 110%;
    color: var(--hard-dark-color);
    padding: 5px;
    margin-bottom: 10px;
    border-bottom: solid 1px var(--medium-color);
}

div.columncategorys {}

div.columncategory0 {
    padding: 5px;
    cursor: pointer;
    cursor: hand;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

div.columncategory0 a {
    text-decoration: none;
    color: var(--light-dark-color);
}

div.columncategory0:hover {
    text-decoration: none;
    padding: 5px;
	background:var(--hard-light-color);
}

div.columncategory0:hover a {
    text-decoration: none;
    color: var(--hard-dark-color);
}

div.columncategoryactive0 {
    padding: 5px;
    cursor: pointer;
    cursor: hand;
	background:var(--hard-light-color);
}

div.columncategoryactive0 a {
    text-decoration: none;
    color: var(--hard-dark-color);
}

div.columncategory1 {
    padding: 4px 0px 4px 15px;
    cursor: pointer;
    cursor: hand;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

div.columncategory1 a {
    text-decoration: none;
    color: var(--light-dark-color);
    font-size: 90%;
}

div.columncategory1:hover {
    padding: 4px 0px 4px 15px;
	background:var(--hard-light-color);
}

div.columncategory1:hover a {
    text-decoration: none;
    color: var(--hard-dark-color);
}

div.columncategoryactive1 {
    padding: 4px 0px 4px 15px;
    cursor: pointer;
    cursor: hand;
	background:var(--hard-light-color);
}

div.columncategoryactive1 a {
    text-decoration: none;
    color: var(--hard-dark-color);
    font-size: 90%;
}

div.columncategory2 {
    padding: 4px 0px 4px 30px;
    cursor: pointer;
    cursor: hand;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

div.columncategory2 a {
    text-decoration: none;
    font-size: 90%;
    color: var(--light-dark-color);
}

div.columncategory2:hover {
    padding: 4px 0px 4px 30px;
	background:var(--hard-light-color);
}

div.columncategory2:hover a {
    text-decoration: none;
    color: var(--hard-dark-color);
}

div.columncategoryactive2 {
    padding: 4px 0px 4px 30px;
    cursor: pointer;
    cursor: hand;
	background:var(--hard-light-color);
}

div.columncategoryactive2 a {
    text-decoration: none;
    color: var(--hard-dark-color);
    font-size: 90%;
}


/* Разделы в центре */

div.centercategorys {
    margin: 20px 0;
    text-align: center;
}

div.centercategorys_in {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

div.centercategory {
    display: flex;
    flex-direction: column;
    margin: 10px 5px;
	padding:4px;
	box-sizing:border-box;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: calc(25% - 12px);
	border:1px solid transparent;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

div.centercategory:hover {
	border:1px solid var(--light-color);
	box-shadow:0 0 3px 0 var(--hard-light-color);
}

@media all and (min-width: 600px) and (max-width: 1199px) {
    div.centercategory {
        flex-basis: calc(33% - 12px);
    }
}

@media all and (max-width: 599px) {
    div.centercategory {
        flex-basis: calc(100% - 12px);
    }
}

div.centercategory_topname {
    display: none;
}

div.centercategory_img {
	width: 100%;
    height: 200px;
    overflow: hidden;
	margin-bottom:10px;
	align-items: center;
	justify-content: center;
    text-align: center;
    display: flex;
}

div.centercategory_imgin {
    width: 100%;
}

div.centercategory_imgin img {
    max-width: 100%;
    max-height: 200px;
    border: 0;
}

@media all and (max-width: 599px) {
    div.centercategory_img {
        height: auto;
    }
	div.centercategory_imgin img {
        max-height: 100%;
    }
}

div.centercategory_infoblock {
    vertical-align: top;
    text-align: center;
}

div.centercategory_bottomname {
    text-align: center;
    margin: 8px 0;
}

div.centercategory_bottomname a {
    font-size: 110%;
    text-decoration: none;
    color: var(--hard-dark-color);
}

div.centercategory_bottomname a:hover {
    font-size: 110%;
    text-decoration: none;
    color: var(--hard-dark-color);
}

div.centercategory_info {
    margin: 5px 0;
}

div.centercategory_button {
    text-align: center;
    display: none;
}

div.centersubcategory_main {
    text-align: center;
}

div.centersubcategory_info {
    padding-bottom: 8px;
}

div.centersubcategory_info a {
    color:var(--light-dark-color);
    font-size: 90%;
}

div.centersubcategory_info a:hover {
    color:var(--light-dark-color);
    font-size: 90%;
}


/* ПРОИЗВОДИТЕЛИ */


/* Производители в колонке */

div.columnbrands_main {}

div.columnbrands_title {
    font-size: 110%;
    color: var(--hard-dark-color);
    padding: 5px;
    margin-bottom: 10px;
    border-bottom: solid 1px var(--medium-color);
}

div.columnbrands {}

div.columnbrand_separator {
    height: 1px;
    background: white;
    width: 100%;
}

div.columnbrand {
    text-align: center;
    margin: 20px 0;
}

div.columnbrand_imgleft {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

div.columnbrand_imgleft img {
    max-width: 100%;
}

div.columnbrand_imgright {
    display: inline-block;
    vertical-align: top;
}

div.columnbrand_imgright img {
    max-width: 100%;
}

div.columnbrand_info {
    display: inline-block;
    vertical-align: top;
}

div.columnbrand_name {
    display: none;
}

div.columnbrand_seeall {
    text-align: center;
}


/* Производители в слайдере */

div.sliderbrands {
    position: relative;
}

div.sliderbrand_title {
    font-size: 110%;
    color: var(--hard-dark-color);
    padding: 5px;
    margin-bottom: 10px;
    border-bottom: solid 1px var(--medium-color);
}

div.sliderbrand_info {
	display: flex;
    flex-direction: row;
	align-items: center;
}

div.sliderbrand_left {
    padding-right: 5px;
	box-sizing:border-box;
}

div.sliderbrand_right {
    padding-left: 5px;
	box-sizing:border-box;
}

div.sliderbrand_center {
    width: 100%;
}

div.sliderbrands_cont {}

div.sliderbrand_contin {
    display: flex;
    flex-direction: row;
}

div.sliderbrand_main {
     vertical-align: top;
}


div.sliderbrand {
    margin: 5px;
    width: 260px;
	display: flex;
    flex-direction: column;
}


@media all and (min-width: 1400px) and (max-width: 1500px) {
    div.sliderbrand { width: 260px; }
}
@media all and (min-width: 1300px) and (max-width: 1399px) {
    div.sliderbrand { width: 260px; }
}
@media all and (min-width: 1200px) and (max-width: 1299px) {
    div.sliderbrand { width: 260px; }
}
@media all and (min-width: 1000px) and (max-width: 1199px) {
    div.sliderbrand { width: 274px; }
}
@media all and (min-width: 900px) and (max-width: 999px) {
    div.sliderbrand { width: 252px; }
}
@media all and (min-width: 770px) and (max-width: 899px) {
    div.sliderbrand { width: 306px; }
}
@media all and (min-width: 700px) and (max-width: 769px) {
    div.sliderbrand { width: 290px; }
}
@media all and (min-width: 630px) and (max-width: 699px) {
    div.sliderbrand { width: 226px; }
}
@media all and (max-width: 629px) {
    div.sliderbrand { 
	width: 240px; 
	
	}
}

div.sliderbrand_topname {
    min-height: 40px;
    align-items: baseline;
    display: none;
	justify-content: center;
    text-align: center;
}

div.sliderbrand_bottomname {
	min-height: 40px;
    align-items: baseline;
    display: none;
	justify-content: center;
    text-align: center;
}

div.sliderbrand_img {
    width: 100%;
    height: 120px;
    overflow: hidden;
	margin-bottom:10px;
	align-items: center;
	justify-content: center;
    text-align: center;
    display: flex;
}

div.sliderbrand_imgin {
	width: 100%;
}

div.sliderbrand_imgin img {
    max-width: 100%;
    max-height: 200px;
    border: 0;
}

div.sliderbrand_seeall {
    text-align: center;
    margin: 15px 0;
}


/* Производители страница */

div.pagebrands {
    margin: 20px 0px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media all and (max-width: 400px) {
    div.pagebrands {
        flex-direction: column;
    }
}

div.pagebrand {
    margin: 10px 5px;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: calc(25% - 10px);
}

@media all and (min-width: 600px) and (max-width: 1199px) {
    div.pagebrand {
        flex-basis: calc(33% - 10px);
    }
}

@media all and (max-width: 599px) {
    div.pagebrand {
        flex-basis: calc(100% - 10px);
    }
}

div.pagebrand_img {
	width: 100%;
    height: 120px;
    overflow: hidden;
	margin-bottom:10px;
	align-items: center;
	justify-content: center;
    text-align: center;
    display: flex;
}

div.pagebrand_imgin {
    width: 100%;
}

div.pagebrand_imgin img {
    max-width: 100%;
    max-height: 120px;
    border: 0;
}

@media all and (max-width: 599px) {
    div.pagebrand_img {
        height: auto;
    }
	div.pagebrand_imgin img {
        max-height: 100%;
    }
}

div.pagebrand_info {
    text-align: left;
    margin-top: 20px;
}

div.pagebrand_topname {
    display: none;
}

div.pagebrand_name {
    display: none;
}

div.pagebrand_short {
    display: none;
}


/* Страница производитель */

div.brandback {}

div.brandname {}

div.brandname h1 {
    padding: 5px 0px 10px;
    text-align: center;
    margin: 0px auto 10px;
}

div.brandtext {
    margin-bottom: 20px;
}

div.brandcat {
    margin: 10px 0;
    max-width: 400px;
}


/* СОРТИРОВКА ТОВАРОВ */

div.sortviewblock {
    border-bottom: 1px solid var(--hard-light-color);
    border-top: 1px solid var(--hard-light-color);
	margin-bottom:5px;
}

div.sortviewblockin {
    display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items:center;
    padding: 5px 0px;
}

@media all and (max-width: 500px) {
	
	div.sortviewblockin {
		flex-direction: unset;
		flex-wrap: wrap;
	}
	
}

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

@media all and (max-width: 500px) {
	
	div.sorting {
		margin-bottom:6px;
	}
	
}

div.sorting_title {
    
}

div.sorting_sortingcell {
    
}

div.sorting_sortingcellin {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items:center;
	margin:0 5px;
}

div.sortby {
    cursor: pointer;
    cursor: hand;
}

div.sortbyact {
    cursor: pointer;
    cursor: hand;
}

div.sortarrow {}

div.sortarrowact {
    display: inline-block;
}

div.sortup {}

div.sortdown {}


/* Товаров на странице */

div.perpage_main {
    position: relative;
    padding-left: 20px;
    padding-right: 5px;
    vertical-align: middle;
}

@media all and (max-width: 500px) {
	
	div.perpage_main {
		padding-left: 0px;
	}
	
}

#perPageChange {
	padding:3px;
}

/* Тип показа товаров */

div.viewblock_main {
    flex-grow: 1;
    text-align: right;
    position: relative;
    padding-left: 20px;
    vertical-align: middle;
}

@media all and (max-width: 500px) {
	
	div.viewblock_main {
		padding-left: 0px;
		text-align: left;
	}
	
}

div.viewblock_table input {
    background: url("/themes/images/table.jpg") no-repeat center right;
    font-size: 0;
    border: 0;
    text-transform: none;
    width: 30px;
    height: 30px;
    padding: 0;
}

div.viewblock_table input:hover {
    background: url("/themes/images/table_act.jpg") no-repeat center right;
    font-size: 0;
    border: 0;
    text-transform: none;
    width: 30px;
    height: 30px;
    padding: 0;
}

div.viewblock_table {
    display: inline-block;
}

div.viewblock_tableact {
    display: inline-block;
}

div.viewblock_tableact input {
    background: url("/themes/images/table_act.jpg") no-repeat center right;
    font-size: 0;
    border: 0;
    text-transform: none;
    width: 30px;
    height: 30px;
    padding: 0;
}

div.viewblock_tableact input:hover {
    background: url("/themes/images/table_act.jpg") no-repeat center right;
    font-size: 0;
    border: 0;
    text-transform: none;
    width: 30px;
    height: 30px;
    padding: 0;
}

div.viewblock_list {
    display: inline-block;
}

div.viewblock_list input {
    background: url("/themes/images/list.jpg") no-repeat center right;
    font-size: 0;
    border: 0;
    text-transform: none;
    width: 30px;
    height: 30px;
    padding: 0;
}

div.viewblock_list input:hover {
    background: url("/themes/images/list_act.jpg") no-repeat center right;
    font-size: 0;
    border: 0;
    text-transform: none;
    width: 30px;
    height: 30px;
    padding: 0;
}

div.viewblock_listact {
    display: inline-block;
}

div.viewblock_listact input {
    background: url("/themes/images/list_act.jpg") no-repeat center right;
    font-size: 0;
    border: 0;
    text-transform: none;
    width: 30px;
    height: 30px;
    padding: 0;
}

div.viewblock_listact input:hover {
    background: url("/themes/images/list_act.jpg") no-repeat center right;
    font-size: 0;
    border: 0;
    text-transform: none;
    width: 30px;
    height: 30px;
    padding: 0;
}


/* КАТАЛОГ ТОВАРОВ */


/* Вывод в таблицу */

div.products {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

div.product_topicon {
    position: relative;
    display: none;
}

div.product_topitem {
    position: absolute;
    left: -6px;
    top: -6px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4bd30+0,5e5a32+100 */
	background: #f4bd30; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #f4bd30 0%, #5e5a32 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #f4bd30 0%,#5e5a32 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #f4bd30 0%,#5e5a32 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4bd30', endColorstr='#5e5a32',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    width: 50px;
    height: 50px;
	border-radius:50%;
}

div.product_topitem::after {
	content:"TOP";
	color:white;
	font-weight:bolder;
	line-height: 50px;
}

div.product_newitem {
    position: absolute;
    left: -6px;
    top: -6px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7abcff+0,4096ee+100 */
	background: #7abcff; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #7abcff 0%, #4096ee 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #7abcff 0%,#4096ee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #7abcff 0%,#4096ee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	width: 50px;
    height: 50px;
	border-radius:50%;
}

div.product_newitem::after {
	content:"NEW";
	color:white;
	font-weight:bolder;
	line-height: 50px;
}

div.product_actitem {
    position: absolute;
    left: -6px;
    top: -6px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,6d0019+100 */
	background: #a90329; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #a90329 0%, #6d0019 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #a90329 0%,#6d0019 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #a90329 0%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	width: 50px;
    height: 50px;
	border-radius:50%;
}

div.product_actitem::after {
	content:"SALE";
	color:white;
	font-weight:bolder;
	line-height: 50px;
}

div.product_main_wrap {
    justify-content: flex-start;
	display: flex;
	flex-wrap: wrap;
    text-align: center;
	max-width: 1200px;
    margin: 0 auto;
}

div.product_main {
	display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 1;
    margin-top: 3.125rem;
    margin-right: 1rem;
    margin-left: 1rem;
    flex-basis: calc(50% - 2rem);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

@media all and (max-width: 1000px) {
    div.product_main {
        flex-basis: calc(50% - 2rem);
    }

    div.product_main_wrap {
        justify-content: center;
    }
}

@media all and (max-width: 600px) {
    div.product_main {
		flex-basis: calc(100%);
    }
}

div.product_section {
    display: flex;
    flex-direction: row;

}

div.product_img {
    max-width: 100%;
    overflow: hidden;
	align-items: center;
	justify-content: center;
    text-align: center;
    display: flex;
}

div.product_imgin {
    width: 100%;
}

div.product_imgin img {
    max-width: 100%;
    max-height: 230px;
    border: 0;
}

@media all and (max-width: 599px) {
    div.product_img {
        height: auto;
    }
    div.product_imgin img {
        max-height: 100%;
    }
}

div.product_one {
    display: flex;
    flex-direction: column;
}

div.product_topname {
	min-height: 40px;
    align-items: baseline;
    display: none;
	justify-content: center;
    text-align: center;
}

div.product_description {
    display: flex;
    flex-direction: row;
}

div.product_params {
    margin-left: 20px;
    flex: 1;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

@media all and (max-width: 550px) {
    div.product_description {
        flex-direction: column;
    }

    div.product_params {
        margin-left: 0;
    }
}

div.params_param {
    display: flex;
    flex-direction: row;
}

div.params_param span {
    font-size: 14px;
   
    text-align: left;
    margin: 3px 0;
    font-family: 'Roboto'
}

.param_key {
    color: #555;
	 flex-basis: 100px;
	 min-width:100px;
}

.param_value {
    color: #000;
}

div.product_rate {
	margin:0 auto;
    padding: 4px 0;
	    justify-content: center;
	display: flex;
	flex-direction:row;
}

div.product_rate div{
	margin:0 1px;
}

div.item_actrate {
    background: url('/themes/images/starsm1.png');
    width: 18px;
    height: 18px;
}

div.item_rate {
    background: url('/themes/images/starsm.png');
    width: 18px;
    height: 18px;
}

div.product_bottomname {
    display: flex;
    text-align: left;
    min-height: 54px;
    margin-top: 25px;
    margin-bottom: 20px;
	font-size:18px;
	font-weight:bolder;
}

div.product_bottomname a {
    font-family: 'Roboto';
    font-size: 1.125rem;
    color: #000;
    text-decoration: none;
}

div.product_bottomname a:hover {
    text-decoration: none;
}

@media all and (max-width: 770px) {
    div.product_bottomname a {
        font-size: 1rem;
    }
}

@media all and (max-width: 550px) {
    div.product_bottomname {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    div.product_bottomname a {
        font-size: 10px;
    }

    div.product_addinfo {
        margin-top: 10px;
    }

    div.product_addinfo p {
        font-size: 10px;
    }
}

div.product_short {
    display: none;
}

div.product_buyinfo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
	flex-direction: row;
}

div.product_count {
    display: flex;
    flex-direction: row;
    align-items: center;
}

div.delivercent_chapter3_home {
	 background-image: url(/themes/fragolino/vinoback.jpg);
    background-size: cover;
	    margin: 120px auto 0;
}

@media all and (max-width: 2000px) {
	div.delivercent_chapter3_home {
		background-size: auto;
		background-position: center top;
	}
}

div.wine_desc_container {
   
   max-width:1200px;
   margin:0 auto;
   
    display: flex;
    justify-content: center;
    flex-direction: row;
}

div.wine_desc_img {
  /*  background-image: url('/themes/fragolino/bg-2.jpg');
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
	*/
	display:none;
    width: 100%;
}

.wine_desc_content {
    /*
	background-image: url('/themes/fragolino/bg-1.jpg');
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
*/    padding-bottom: 30px;
        max-width: 865px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 225px;
}

.wine_desc_title {
    font-family: 'Roboto';
    font-size: 30px;
    text-transform: uppercase;
    color: #b6045c;
    margin-bottom: 30px;
}

.wine_desc_text {
    font-size: 14px;
    color: #0d0303;
    font-family: 'Roboto';
}

.wine_desc_text:not(:last-of-type) {
    margin-bottom: 25px;
}

.wine_buy_container {
    max-width: 1200px;
    margin: 0 auto;

    display: flex;
    flex-direction: column;
}

.wine_buy_container:last-of-type {
    margin-bottom: 40px;
}

.wine_buy_header {
    margin-top: 25px;
    margin-bottom: 20px;
    text-align: center;
}

.wine_buy_header .caption {
    text-transform: uppercase;
    font-family: 'Roboto';
    font-size: 30px;
    color: #080208;
    margin-bottom: 20px;
}

.wine_buy_content {
    display: flex;
    background-color: #fff;
}

.wine_buy_section {
    padding: 40px;
}

.wine_buy_subsection img {
    max-width: 100%;
}

@media all and (max-width: 620px) {
    .wine_buy_newpost .wine_buy_subsection:last-of-type {
        display: none;
    }

    .wine_buy_delivery .img-wrapper {
        flex-wrap: wrap;
    }

    .wine_buy_delivery .img-wrapper > *:last-child {
        margin-left: 0;
    }
}

.wine_buy_content .wine_buy_section:first-of-type {
    min-width: 300px;
    text-align: center;
}

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

.img-wrapper,
.img-container {
    display: flex;
    align-items: center;
}

.img-wrapper > *:not(:first-child) {
    margin-left: 25px;
}

.img-caption {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    color: #0b0b09;
}

.info {
    font-size: 13px;
    font-family: 'Roboto';
    margin-bottom: 25px;
}

.discount {
    font-size: 30px;
    color: #b6045c;
    font-family: 'Roboto';
    font-weight: bold;
}

@media all and (max-width: 850px) {
    div.wine_desc_content {
        padding-left: 80px;
    }
}
@media all and (max-width: 750px) {
    div.wine_desc_content {
        padding-left: 20px;
    }
}

@media all and (max-width: 900px) {
    .wine_buy_content {
        flex-direction: column;
    }
}

@media all and (max-width: 500px) {
    div.wine_desc_content,
    div.wine_buy_section {
        padding: 10px;
    }

    .wine_buy_header .caption {
        font-size: 20px;
    }

    .img-caption {
        font-size: 10px;
    }

    .discount {
        font-size: 20px;
    }
}

.product_count_field,
.product_count_btn {
    font-family: 'Roboto';
    font-size: 15px;
    color: #000;
    width: 35px;
    height: 35px;
}

input.product_count_field {
    text-align: center;
    padding: 0;
}

span.product_count_btn {
    display: inline-block;
    line-height: 35px;
    text-align: center;
    cursor: pointer;    
    transition: .3s ease;
    font-size: 15px;
}

span.product_count_btn:hover,
span.product_count_btn:active {
    color: #fff;
    background-color: #b6045c;
}

div.product_addinfo {
    text-align: left;
    margin-top: 20px;
}

div.product_addinfo p {
    margin: 0;
    font-size: 12px;
    font-family: 'Roboto';
    color: #010000;
}

div.product_price {
    font-family: 'Roboto';
    font-size: 1.5rem;
    color: #000;
}

@media all and (max-width: 1200px) {
	 div.product_price {
        font-size: 1.4rem;
    }
	
}

@media all and (max-width: 770px) {
    div.product_price {
        font-size: 1.2rem;
    }
}

@media all and (max-width: 550px) {
    div.product_price {
        font-size: 15px;
    }
}

div.product_price span {}

div.product_oldprice {
    display: inline-block;
    color: var(--light-dark-color);
    font-size: 80%;
    font-weight: normal;
    text-decoration: line-through;
    padding-right: 15px;
}

div.product_oldprice span {}

div.product_actprice {
    display: inline-block;
    text-align: left;
    color: #b6045c;
    font-size: 100%;
    font-weight: bolder;
}

div.product_actprice span {}

div.product_buy,
div.product_buy input {
    border-radius: 50%;
    transition: all .3s ease;
}

div.product_buy,
div.product_buy input {
    width: 70px;
    height: 70px;
}

div.product_buy {
    margin-left: auto;
}

div.product_buy input {
    background-image: url('/themes/fragolino/bag.png');
    background-size: 40% 40%;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #b6045c;
    background-color: #b6045c;
    cursor: pointer;
    font-size: 12px;
}

@media all and (max-width: 770px) {
    div.product_buy,
    div.product_buy input {
        width: 50px;
        height: 50px;
    }
}

div.product_buy:hover input {
    background-image: url('/themes/fragolino/bag-mod.png');
    background-color: #fff;
}

div.favorite_item {
    border-radius: 50%;
   background-color: rgba(148,16,84,0.9);
    position: absolute;
        max-height: 600px;
    height: 80%;
    bottom: 5%;
    left: 10%;
opacity:0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

div.favorite_item_container {
    width: 100%;
    height: 100%;
	    position: relative;
    left: -70px;
}

@media all and (max-width: 500px) {
	
	div.favorite_item_container {
    left: -40px;
}



}

div.favorite_item_content_wrapper {
    background-image: url('/themes/spitz.png');
    background-position-x: left;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 70%;
    width: 100%;
    height: 100%;

    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
}

div.favorite_item_content {
    margin-right:-70px;
	max-width:55%;
}

@media all and (max-width: 1300px) {
	
	div.favorite_item_content {
    margin-right: -40px;
}



}
@media all and (max-width: 500px) {
	
	div.favorite_item_content {
    margin-right: -20px;
}



}

div.favorite_item_section {
    display: flex;
}

div.favorite_item_section img {
    max-width: 100%;
    border: 1px solid red;
}

div.favorite_item_section:first-of-type {
    justify-content: center;
    align-items: flex-end;
    position: relative;
    left: 50px;
}

div.favorite_item_section:last-of-type {
    flex-direction: column;
}

div.favorite_item_subsection {
    display: flex;
    flex-direction: column;
}


div.favorite_item_subsection .product_buy {
    width: 77px;
    height: 77px;
    margin-left: 20px;
}

div.favorite_item_subsection + div.favorite_item_subsection {
    margin-top: 20px;
}

div.favorite_item_subsection:last-of-type {
    flex-direction: row;
    align-items: center;
}

div.favorite_item_price {
    font-family: 'Roboto';
    font-size: 30px;
    color: #fff;
}

div.favorite_item_price div.product_oldprice {
	color:#90898d;
}
div.favorite_item_price div.product_actprice {
	color:#fff;
}

p.favorite_item_volume,
p.favorite_item_type,
p.favorite_item_brand {
    font-family: 'Roboto';
    font-weight: bold;
    color: #fff;
    margin: 0;
}

p.favorite_item_volume,
p.favorite_item_type {
    font-size: 18px;
}

p.favorite_item_brand {
    font-size: 28px;
}




@media all and (max-width: 1460px) {
   /* div.favorite_item {
        max-width: 500px;
        max-height: 500px;
    }   

    div.favorite_item_subsection .product_buy {
        width: 70px;
        height: 70px;
    }*/
    
    p.favorite_item_volume,
    p.favorite_item_type {
        font-size: 18px;
    }

    p.favorite_item_brand,
    div.favorite_item_price {
        font-size: 25px;
    }
}

@media all and (max-width: 1228px) {
    /*div.favorite_item {
        max-width: 400px;
        max-height: 400px;
    }  */ 

    div.favorite_item_content_wrapper  {
        /*background-size: contain;*/
    }

    div.favorite_item_subsection .product_buy,
    div.favorite_item_subsection .product_buy input {
        width: 50px;
        height: 50px;
    }
    
    p.favorite_item_volume,
    p.favorite_item_type {
        font-size: 15px;
    }

    p.favorite_item_brand,
    div.favorite_item_price {
        font-size: 20px;
    }
}

@media all and (max-width: 970px) {
    /*div.favorite_item {
        max-width: 300px;
        max-height: 300px;
        bottom: 10px;
    }   */

    div.favorite_item_content_wrapper  {
        /*background-size: contain;*/
    }

    div.favorite_item_subsection .product_buy,
    div.favorite_item_subsection .product_buy input {
        width: 30px;
        height: 30px;
    }
    
    p.favorite_item_volume,
    p.favorite_item_type, 
    p.favorite_item_brand,
    div.favorite_item_price {
        font-size: 14px;
    }
}

@media all and (max-width: 700px) {
    /*div.favorite_item {
        max-width: 250px;
        max-height: 250px;
        bottom: 2%;
        left: 5%;
    } */

    p.favorite_item_volume,
    p.favorite_item_type, 
    p.favorite_item_brand,
    div.favorite_item_price {
        font-size: 12px;
    }
}

@media all and (max-width: 550px) {
    /*div.favorite_item {
        max-width: 200px;
        max-height: 200px;
        bottom: -25%;
        left: 5%;
    } */

    p.favorite_item_volume,
    p.favorite_item_type, 
    p.favorite_item_brand,
    div.favorite_item_price {
        font-size: 9px;
    }
}

@media all and (max-width: 400px) {
/*    div.favorite_item {
        max-width: 170px;
        max-height: 170px;
        bottom: -35%;
        left: 5%;
    } */

    p.favorite_item_volume,
    p.favorite_item_type, 
    p.favorite_item_brand,
    div.favorite_item_price {
        font-size: 8px;
    }
}

/* Вывод в списке */

div.products_hor {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

div.product_topicon_hor {
    position: relative;
}

div.product_topitem_hor {
    position: absolute;
    left: -6px;
    top: -6px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4bd30+0,5e5a32+100 */
	background: #f4bd30; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #f4bd30 0%, #5e5a32 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #f4bd30 0%,#5e5a32 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #f4bd30 0%,#5e5a32 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4bd30', endColorstr='#5e5a32',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    width: 50px;
    height: 50px;
	border-radius:50%;
}

div.product_topitem_hor::after {
	content:"TOP";
	color:white;
	font-weight:bolder;
	line-height: 50px;
}

div.product_newitem_hor {
    position: absolute;
    left: -6px;
    top: -6px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7abcff+0,4096ee+100 */
	background: #7abcff; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #7abcff 0%, #4096ee 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #7abcff 0%,#4096ee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #7abcff 0%,#4096ee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	width: 50px;
    height: 50px;
	border-radius:50%;
}

div.product_newitem_hor::after {
	content:"NEW";
	color:white;
	font-weight:bolder;
	line-height: 50px;
}

div.product_actitem_hor {
    position: absolute;
    left: -6px;
    top: -6px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,6d0019+100 */
	background: #a90329; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #a90329 0%, #6d0019 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #a90329 0%,#6d0019 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #a90329 0%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	width: 50px;
    height: 50px;
	border-radius:50%;
}

div.product_actitem_hor::after {
	content:"SALE";
	color:white;
	font-weight:bolder;
	line-height: 50px;
}

div.product_main_hor {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    margin: 10px 0px;
    border:1px solid var(--hard-light-color);
    background-color: var(--white-background-color);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 100%;
}

@media all and (min-width: 600px) {
    div.product_main_hor:hover {
        transition: all 0.3s ease;
		border:1px solid var(--light-color);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        box-shadow: 0 0 3px var(--light-color);
        transform: scale(1.05);
    }
}

div.product_one_hor {
    padding: 5px;
}

div.product_topname_hor {
    display: none;
}

div.product_maininfo_hor {
    display: flex;
    flex-direction: row;
	justify-content:space-between;
}

@media all and (max-width: 500px) {
	
	div.product_maininfo_hor {
		display: flex;
		flex-direction: column;
		justify-content:center;
	}
	
}

div.product_img_hor {
    flex-basis:200px;
	min-width: 200px;
    vertical-align: middle;
}

div.product_imgin_hor {}

div.product_imgin_hor img {
    max-width: 200px;
}

div.product_info_hor {
    flex-basis:90%;
    vertical-align: top;
}

div.product_bottomname_hor {
    text-align: left;
    margin: 8px 0;
}

div.product_bottomname_hor a {
    text-decoration: none;
}

div.product_bottomname_hor a:hover {
    text-decoration: none;
}

div.product_rate_hor {
    margin: 4px 0;
    text-align: left;
}

div.product_short_hor {
    font-size: 90%;
    color: var(--light-dark-color);
}

div.product_price_hor {
    display: none;
}

div.product_oldprice_hor {}

div.product_actprice_hor {}

div.product_buy_hor {
    display: none;
}

div.product_rightinfo_hor {
    flex-basis:140px;
    vertical-align: top;
    text-align: right;
    padding-left: 15px;
}

@media all and (max-width: 500px) {
	
	div.product_rightinfo_hor {
		flex-basis:auto;
	}
	
}

div.product_priceright_hor {
    text-align: left;
    font-size: 120%;
    font-weight: bolder;
    display: inline-block;
    margin: 8px 0;
}

div.product_oldpriceright_hor {
    display: inline-block;
    color: var(--light-dark-color);
    font-size: 80%;
    font-weight: normal;
    text-decoration: line-through;
    padding-right: 15px;
}

div.product_actpriceright_hor {
    display: inline-block;
    text-align: left;
    color: var(--dark-fail-color);
    font-size: 100%;
    font-weight: bolder;
}

div.product_buyright_hor {}

div.product_buyright_hor input {
    background: var(--dark-fail-color);
    color: var(--white-background-color);
    border: 1px solid var(--dark-fail-color);
}

div.product_buyright_hor input:hover {
	background: var(--white-background-color);
    color: var(--dark-fail-color);
    border: 1px solid var(--dark-fail-color);
}

/* Товары в слайдере */

div.slidertopitems {
    position: relative;
}

div.slidertopitem_title {
	font-size: 110%;
    color: var(--hard-dark-color);
    padding: 5px;
    margin-bottom: 10px;
    border-bottom: solid 1px var(--medium-color);
}

div.slidertopitem_info {
	display: flex;
    flex-direction: row;
	align-items: center;
}

div.slidertopitem_center {
    width: 100%;
}

div.slidertopitems_cont {}

div.slidertopitem_contin {
    display: flex;
    flex-direction: row;
}

div.slidertopitem_main {
	vertical-align: top;
}

div.slideractitems {
    position: relative;
}

div.slideractitem_title {
	font-size: 110%;
    color: var(--hard-dark-color);
    padding: 5px;
    margin-bottom: 10px;
    border-bottom: solid 1px var(--medium-color);
}

div.slideractitem_info {
	display: flex;
    flex-direction: row;
	align-items: center;
}

div.slideractitem_center {
	width: 100%;
}

div.slideractitems_cont {}

div.slideractitem_contin {
    display: flex;
    flex-direction: row;
}

div.slideractitem_main {
    vertical-align: top;
}

div.slidernewitems {
    position: relative;
}

div.slidernewitem_title {
    font-size: 110%;
    color: var(--hard-dark-color);
    padding: 5px;
    margin-bottom: 10px;
    border-bottom: solid 1px var(--medium-color);
}

div.slidernewitem_info {
	display: flex;
    flex-direction: row;
	align-items: center;
}

div.slidernewitem_center {
    width: 100%;
}

div.slidernewitems_cont {}

div.slidernewitem_contin {
    display: flex;
    flex-direction: row;
}

div.slidernewitem_main {
	vertical-align: top;
}

div.slideritem {
    margin: 5px;
    width: 278px;
	display: flex;
    flex-direction: column;
}

@media all and (min-width: 1400px) and (max-width: 1500px) {
    div.slideritem { width: 306px; }
}
@media all and (min-width: 1300px) and (max-width: 1399px) {
    div.slideritem { width: 288px; }
}
@media all and (min-width: 1200px) and (max-width: 1299px) {
    div.slideritem { width: 266px; }
}
@media all and (min-width: 1000px) and (max-width: 1199px) {
    div.slideritem { width: 274px; }
}
@media all and (min-width: 900px) and (max-width: 999px) {
    div.slideritem { width: 252px; }
}
@media all and (min-width: 799px) and (max-width: 899px) {
    div.slideritem { width: 302px; }
}
@media all and (min-width: 650px) and (max-width: 798px) {
    div.slideritem { width: 288px; }
}
@media all and (max-width: 649px) {
    div.slideritem { width: 228px; }
}

div.slideritem_left {
    padding-right: 5px;
	box-sizing:border-box;
}

div.slideritem_right {
    padding-left: 5px;
	box-sizing:border-box;
}

div.slideritem_topname {
    min-height: 40px;
    align-items: baseline;
    display: none;
	justify-content: center;
    text-align: center;
}

div.slideritem_bottomname {
    min-height: 40px;
    align-items: baseline;
	justify-content: center;
    text-align: center;
    display: flex;
}

div.slideritem_bottomname a {
    text-decoration: none;
}

div.slideritem_bottomname a:hover {
    text-decoration: none;
}

div.slideritem_img {
    width: 100%;
    height: 200px;
    overflow: hidden;
	margin-bottom:10px;
	align-items: center;
	justify-content: center;
    text-align: center;
    display: flex;
}

div.slideritem_imgin {
    width: 100%;
}

div.slideritem_imgin img {
    max-width: 100%;
    max-height: 200px;
    border: 0;
}

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

div.slideritem_price {
    text-align: left;
    font-size: 120%;
    font-weight: bolder;
    margin: 8px 0;
}

div.slideritem_price span {}

div.slideritem_oldprice {
    display: inline-block;
    color: var(--light-dark-color);
    font-size: 80%;
    font-weight: normal;
    text-decoration: line-through;
    padding-right: 15px;
}

div.slideritem_oldprice span {}

div.slideritem_actprice {
    display: inline-block;
    text-align: left;
    color: var(--dark-fail-color);
    font-size: 100%;
    font-weight: bolder;
}

div.slideritem_actprice span {}

div.slideritem_buy {
    text-align: center;
}

div.slideritem_buy input {
    background: var(--dark-fail-color);
    color: var(--white-background-color);
    border: 1px solid var(--dark-fail-color);
}

div.slideritem_buy input:hover {
	background: var(--white-background-color);
    color: var(--dark-fail-color);
    border: 1px solid var(--dark-fail-color);
}

div.slideritem_seeall {
    text-align: center;
    margin: 15px 0;
}


/* Товары в колонке */

div.columnitems_main {
    margin-bottom: 20px;
}

div.columnitems_title {
    font-size: 110%;
    color: var(--hard-dark-color);
    padding: 5px;
    margin-bottom: 10px;
    border-bottom: solid 1px var(--medium-color);
}

div.columnitems {}

div.columnitem_separator {
    height: 1px;
    background: white;
    width: 100%;
}

div.columnitem {
    text-align: center;
    border-bottom: 1px solid var(--light-color);
    padding: 10px 0;
	display:flex;
	flex-direction:row;
}

div.columnitem_imgleft {
    vertical-align: top;
    flex-basis: 40%;
}

div.columnitem_imgleft img {
    max-width: 100%;
    
}

div.columnitem_imgright {
	vertical-align: top;
    flex-basis: 40%;
}

div.columnitem_imgright img {
    max-width: 100%;
    
}

div.columnitem_info {
    padding-left: 6px;
    box-sizing:border-box;
    vertical-align: top;
	flex-basis: 60%;
}

div.columnitem_topname {
    display: none;
}

div.columnitem_bottomname {}

div.columnitem_bottomname a {
    text-decoration: none;
}

div.columnitem_bottomname a:hover {
    text-decoration: none;
}

div.columnitem_price {
    text-align: center;
    font-weight: bolder;
    display: inline-block;
    margin: 8px 0;
}

div.columnitem_oldprice {
    display: inline-block;
    color: var(--light-dark-color);
    font-size: 80%;
    font-weight: normal;
    text-decoration: line-through;
}

div.columnitem_actprice {
    display: inline-block;
    text-align: left;
    color: var(--dark-fail-color);
    font-weight: bolder;
}

div.columnitem_buy {}

div.columnitem_buy input {
    background: var(--dark-fail-color);
    color: var(--white-background-color);
    border: 1px solid var(--dark-fail-color);
}

div.columnitem_buy input:hover {
	background: var(--white-background-color);
    color: var(--dark-fail-color);
    border: 1px solid var(--dark-fail-color);
}

div.columnitemsall {
    margin-top: 10px;
    text-align: center;
}


/* Товары в списке */

div.maintopproducts,
div.mainnewproducts {
    max-width: 1200px;
    margin: 0 auto;
}

div.maintopitems_title {
    text-align: center;
    font-family: 'Roboto';
    font-size: 1.875rem;
    text-transform: uppercase;
    color: #555;
    margin-top: 4.0625rem;
    letter-spacing: .3rem;
    display: none;
}

div.mainnewitems_title {
    display: none;
}

div.maintopitemsitem_seeall {
    display: none;
}

div.maintopproducts_img,
div.mainnewproducts_img {
        margin-top: 3.125rem;
    color: #b6045c;
    font-size: 80px;
	text-align:center;
	padding:10px;
}

@media all and (max-width: 600px) {
	
	div.maintopproducts_img,
div.mainnewproducts_img {
        margin-top: 3.125rem;
    color: #b6045c;
    font-size: 30px;
	text-align:center;
	padding:10px;
}
	
}

div.maintopproducts_img img,
div.mainnewproducts_img img {
    max-width: 100%;
}

div.maintopproducts_img {
    margin-top: 3.125rem;
}

div.mainnewproducts_img {
    margin-top: 7rem;
}

/* СТРАНИЦА ТОВАРА */

div.allproductblock {
    padding-top: 10px;
}

div.nextproduct_block {
    display: table;
    padding: 5px;
    margin-bottom: 10px;
}

div.lastproduct {
    display: table-cell;
    white-space: nowrap;
}

div.lastproduct a {}

div.nextproduct {
    display: table-cell;
    text-align: right;
    width: 100%;
}

div.nextproduct a {}

div.productblock_over {
    display: none;
}

div.productname_over {
  
}

div.productcode_over {}

div.productcolumns {
    display: flex;
    flex-direction: row;
	justify-content: space-between;
}

div.productleftcolumn {
    flex-basis: 500px;
}

div.productcentercolumn {
    padding-left: 15px;
    padding-right: 15px;
	flex-grow:1;
}

div.productrightcolumn {
    border-left: 1px solid var(--light-color);
    padding: 10px;
    flex-basis: 250px;
}

@media all and (max-width: 1100px) {
    div.productrightcolumn {
        display: none;
    }
}

@media all and (max-width: 899px) {
	
	div.productcolumns {
		flex-direction: column;
		justify-content: space-between;
	}
    div.productleftcolumn {
        width: auto;
		flex-basis:unset;
    }
    div.productrightcolumn {
        width: auto;
		flex-basis:unset;
    }
    div.productcentercolumn {
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
    }
}

div.productname {
    
}

div.productname h1 {
    margin: 0 0 10px 0;
    padding: 0;
}

div.productcode {
    padding: 2px 0 10px 0;
}

div.pricefor {
    padding: 8px 0;
}

div.productstatus {}

div.productrate {
    margin: 8px 0;
	display:flex;
	flex-direction:row;
	align-items:center;
}

div.productrate div {
	margin:0 1px;
}

div.inproductactiontimer {
    margin: 10px;
    background: var(--dark-fail-color);
    padding: 10px;
	font-size:110%;
    color: var(--white-background-color);
	border-radius:3px;
	display:flex;
	flex-direction:row;
	align-items:center;
}

div.actiontimerclock {
	display:flex;
	flex-direction:row;
	padding-left:10px;
	font-size:150%;
}

div.productprice {
    text-align: left;
    font-size: 150%;
    font-weight: bolder;
    display: inline-block;
    margin: 8px 0;
}

div.productprice span {}

div.productoldprice {
    display: inline-block;
    color: var(--light-dark-color);
    font-size: 80%;
    font-weight: normal;
    text-decoration: line-through;
    padding-right: 15px;
}

div.productoldprice span {}

div.productactprice {
    display: inline-block;
    text-align: left;
    color: var(--dark-fail-color);
    font-size: 120%;
    font-weight: bolder;
}

div.productactprice span {}

div.productvalutes {
    
}

div.productvalutes span {}

div.valuteseparator {
    display: inline-block;
    padding: 0px 5px;
}

div.valuteinprice {
    display: inline-block;
}

div.valuteoldprice {
    display: inline-block;
    color: var(--light-dark-color);
    text-decoration: line-through;
}

div.valuteactprice {
    display: inline-block;
    margin-left: 15px;
    color: var(--dark-fail-color);
}

div.productbuy {}

div.productbuyamount {
    display: inline-block;
}

div.productbuyamount input {
    width: 60px;
}

div.productbuybutton {
    margin: 10px 0px;
    display: inline-block;
}

div.productbuybutton input {
    background: var(--dark-fail-color);
    color: var(--white-background-color);
    border: 1px solid var(--dark-fail-color);
	padding:10px 20px;
}

div.productbuybutton input:hover {
	background: var(--white-background-color);
    color: var(--dark-fail-color);
    border: 1px solid var(--dark-fail-color);
	padding:10px 20px;
}

div.productbuttons {
    margin: 10px 0;
}

div.productbrand {}

div.productbrand a {}

div.productbrand a:hover {}

div.productquest {
    display: inline-block;
}

div.productdescription {}

/*-- Блок для дополнительных параметров товара--*/

div.productoptions {
    border-top: 1px solid var(--light-color);
    border-bottom: 1px solid var(--light-color);
    padding: 10px 0 10px 0;
    margin: 10px 0 10px 0;
}

div.productoption {
    margin: 6px 0;
	position:relative;
	max-width: 320px;
}

div.productoption_name{
	margin: 3px 0;
}

div.productoption_case {
	margin: 3px 0;
	max-width: 280px;
}

div.attr_one_block {
    border: 1px solid var(--light-color);
	padding: 8px 20px;
	font-size:13px;
    background: url("/themes/images/selectdown.png") no-repeat var(--white-background-color);
    background-position: 98% 50%;
    cursor: pointer;
    cursor: hand;
    text-align: left;
	position:relative;
	z-index:1;
}

div.choose_attr_div {
	display:none;
	position:absolute;
	 background: white;
    border-top: 0;
    border-bottom: 1px solid var(--light-color);
    border-left: 1px solid var(--light-color);
    border-right: 1px solid var(--light-color);
    width: 100%;
    max-width: 280px;
    z-index: 2;
    box-sizing: border-box;
    padding: 0px 0px;
}

div.choose_attr_line {
	padding:6px 20px;
	border-bottom:1px solid var(--light-color);
	width:100%;
	 box-sizing: border-box;
    font-size:13px;
	cursor:pointer;
	cursor:hand;
}

div.choose_attr_line:hover {
	background:var(--light-color);
}

div.attr_one_block{
	display:flex;
	flex-direction:row;
	align-items:center;
}

div.productoption_checkers {
	display:flex;
	flex-direction:row;
	align-items:center;
}

div.attr_one_cube {
	display:flex;
	flex-wrap:wrap;
	cursor:pointer;
	cursor:hand;
	padding:5px;
	border: 1px solid var(--light-color);
	box-sizing: border-box;
	align-items:center;
}

div.attr_one_cube input{
	width:unset;
}

div.attr_one_cube div{
	padding:5px;
	box-sizing: border-box;
}


/* Вкладки товара */

div.producttabs {
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid var(--light-dark-color);
    position: relative;
    top: 0px;
	display: flex;
    flex-direction: row;
}

@media all and (max-width: 700px) {
	
	div.producttabs { 
		flex-direction: column;
	}
	
}

div.producttabposition {
    vertical-align: bottom;
    position: relative;
    top: 1px;
	margin:0 2px;
    line-height: 56px;
}

div.producttab {
    padding: 10px 20px;
    border: 1px solid var(--light-dark-color);
    height: 16px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    cursor: hand;
    background: var(--hard-light-color);
    color: var(--light-dark-color);
    display: inline-block;
    vertical-align: bottom;
    line-height: initial;
}

div.producttab:hover {
    padding: 10px 20px;
    border: 1px solid var(--light-dark-color);
    height: 24px;
    color: var(--hard-light-color);
    background: var(--light-dark-color);
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    line-height: initial;
}

div.productactivetab {
    padding: 10px 20px;
    border: 1px solid var(--light-dark-color);
    height: 24px;
    color: var(--hard-light-color);
    background: var(--light-dark-color);
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    line-height: initial;
}

@media all and (max-width: 899px) {
    div.producttabposition {
        display: block;
        top: 0px;
        line-height: initial;
    }
    div.producttab {
        text-align: center;
        height: auto;
        padding: 10px;
        display: block;
        vertical-align: middle;
    }
    div.producttab:hover {
        text-align: center;
        height: auto;
        padding: 10px;
        display: block;
        vertical-align: middle;
    }
    div.productactivetab {
        text-align: center;
        height: auto;
        padding: 10px;
        display: block;
        vertical-align: middle;
    }
}

div.inproducttext {}

div.producttabinfo {
    padding: 5px;
}

div.inproductcharrow {
    display: flex;
    flex-direction: row;
	width:100%;
}

div.inproductcharrow:nth-child(odd) {
	background: var(--hard-light-color);
}

div.inproductcharname {
    padding: 5px;
    flex-basis:20%;
    font-size: 100%;
}

div.inproductchartext {
    padding: 5px;
    font-size: 100%;
	flex-basis:80%;
}

/* Похожие товары в слайдере */

div.slidersameitems {
    position: relative;
}

div.slidersameitem_title {
    font-size: 110%;
    color: var(--hard-dark-color);
    padding: 5px;
    margin-bottom: 10px;
    border-bottom: solid 1px var(--medium-color);
}

div.slidersameitem_info {
	display: flex;
    flex-direction: row;
	align-items: center;
}

div.slidersameitem_center {
    width: 100%;
}

div.slidersameitems_cont {}

div.slidersameitem_contin {
    display: flex;
    flex-direction: row;
}

div.slidersameitem_main {
    vertical-align: top;
}

/* Большое изображение */

div.productin_topicon {
    position: relative;
}

div.productin_topitem {
    position: absolute;
    left: -6px;
    top: -6px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4bd30+0,5e5a32+100 */
	background: #f4bd30; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #f4bd30 0%, #5e5a32 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #f4bd30 0%,#5e5a32 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #f4bd30 0%,#5e5a32 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4bd30', endColorstr='#5e5a32',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    width: 50px;
    height: 50px;
	border-radius:50%;
}

div.productin_topitem::after {
	content:"TOP";
	color:white;
	font-weight:bolder;
	line-height: 50px;
}

div.productin_newitem {
    position: absolute;
    left: -6px;
    top: -6px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7abcff+0,4096ee+100 */
	background: #7abcff; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #7abcff 0%, #4096ee 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #7abcff 0%,#4096ee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #7abcff 0%,#4096ee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	width: 50px;
    height: 50px;
	border-radius:50%;
}

div.productin_newitem::after {
	content:"NEW";
	color:white;
	font-weight:bolder;
	line-height: 50px;
}

div.productin_actitem {
    position: absolute;
    left: -6px;
    top: -6px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,6d0019+100 */
	background: #a90329; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #a90329 0%, #6d0019 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #a90329 0%,#6d0019 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #a90329 0%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	width: 50px;
    height: 50px;
	border-radius:50%;
}

div.productin_actitem::after {
	content:"SALE";
	color:white;
	font-weight:bolder;
	line-height: 50px;
}

div.productbigimg {}

div.productbigimg_in {
    width: 500px;
    height: 500px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

div.productbigimg_in img {
    max-width: 500px;
    cursor: pointer;
    cursor: hand;
}

@media all and (max-width: 899px) {
    div.productbigimg_in {
        width: 98%;
        height: auto;
        display: block;
        vertical-align: middle;
        text-align: center;
    }
    div.productbigimg_in img {
        max-width: 100%;
        cursor: pointer;
        cursor: hand;
    }
}

div.bigproductform {
    position: fixed;
    background: #fff;
    box-shadow: 0px 0px 0px 20px var(--hard-dark-color);
    padding: 20px;
	box-sizing:border-box;
    display: none;
    z-index: 500;
    max-width: 96%;
}

div.bigproductinfo {
    position: relative;
}

div.bigproductleft {}

div.bigovername {}

div.bigovercode {}

div.bigoverclose {
    position: absolute;
    left: 99%;
    margin-top: -44px;
    margin-left: -44px;
}

div.leftbgarrow {}

div.bigimgcenter {
    cursor: pointer;
    cursor: hand;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

div.rightbgarrow {
    margin-left: -52px;
}


/* Изобраения в слайдере */

div.smallitem_info {
	display: flex;
    flex-direction: row;
	align-items: center;
}

div.smallitem_left {
    padding-right: 5px;
	box-sizing:border-box;
}

div.smallitem_right {
    padding-left: 5px;
	box-sizing:border-box;
}

div.smallitem_center {
     width: 100%;
}

div.smallitems_cont {}

div.smallitem_contin {
    display: flex;
    flex-direction: row;
}

div.smallitem_main {
    vertical-align: top;
}

div.smallitem {
    margin: 5px;
    width: 91px;
	
}

div.smallitem_img {
    vertical-align: middle;
    display: flex;
    text-align: center;
    height: 90px;
    align-items: center;
    justify-content: center;
}

div.smallitem_imgin {}

div.smallitem_imgin img {
    max-width: 100%;
     max-height:90px;
}


@media all and (max-width: 329px) {
    div.smallitem_info {
        display: none;
    }
}

#smBgImage {
	cursor:pointer;
	cursor:hand;
}

/* Задать вопрос */

div.questform {
    position: fixed;
    background: var(--popup-background-color);
    box-shadow: 0px 0px 0px 20px var(--hard-dark-color);
    padding: 20px;
	box-sizing:border-box;
    display: none;
    z-index: 500;
    width: 500px;
    max-width: 96%;
}

div.quest_main {
    width: 100%;
}

div.quest_mainin {}

div.quest_closeline {
    height: 40px;
}

div.quest_close {
    float: right;
}

div.quest_title {
    text-align: center;
    font-size: 120%;
    text-transform: uppercase;
    padding: 10px;
    border-bottom: 2px solid var(--light-dark-color);
}

div.quest_itemline {
    margin: 10px 0;
}

div.quest_itemblockimg {
    display: inline-block;
}

div.quest_itemblockimg img {
    max-width: 150px;
    max-height: 100px;
    border: 1px solid var(--hard-light-color);
    background: var(--white-background-color);
    padding: 8px;
}

div.quest_itemblockname {
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;
}

div.quest_itemname {
    font-size: 110%;
}

div.quest_itemcode {}

div.quest_line {
    margin-bottom: 5px;
}

div.quest_block {}

div.quest_button {
    text-align: center;
}


/* КОРЗИНА */


/* Блок */

div.cart_block {
    background: url('/themes/images/icon_cartmob.png') no-repeat right center;
    padding-right: 45px;
    text-align: right;
    min-height: 32px;
}

@media all and (max-width: 799px) {
    div.cart_block {}
}

div.cart_title {
    display: none;
}

div.cart_modul {
    margin: 5px 0;
}

div.cart_modulinfo {}

div.cartmodul_amount {
    text-align: right;
}

div.cartmodul_price {
    text-align: right;
}

div.cartmodul_empty {
    text-align: right;
    padding-top: 7px;
}


/* Всплывающее окно */

div.cartform {
	position: fixed;
    background: var(--popup-background-color);
    box-shadow: 0px 0px 0px 20px #b6045c;
    padding: 10px;
	box-sizing:border-box;
    display: none;
    z-index: 500;
    width: 800px;
    max-width: 96%;
}

div.cartinfo {}

div.cartinfo_table {}

div.cartinfo_table table {
    width: 100%;
}

div.cartinfo_table table td {
    padding: 6px;
    text-align: center;
}

tr.carttitlerow {
    /* background: var(--hard-dark-color) !important; */
    /* color: var(--hard-light-color); */
    color: #555;
    font-weight: bold;
}

#cartAllPrice div {
    padding: 10px 20px;
    background-color: #b6045c;
    color: #fff;
    margin: 5px 0;
}

div.cartinfo_table table tr:nth-child(odd) {
	
}

div.cartinfo_table table tr:nth-child(even) {
	
}

td.carttitlecode {
    font-size: 0;
    width: 1px;
}

td.carttitleimg {}

td.carttitlename {}

td.carttitleamount {}

td.carttitleprice {
    width: 100px;
}

td.carttitlesumm {
    width: 100px;
}

td.carttitledelete {}

td.cartcode {
    width: 1px;
}

td.cartimg {
    width: 50px;
}

td.cartimg img {
    max-height: 50px;
    max-width: 50px;
}

td.cartname {
    text-align: left !important;
    font-weight: bold;
}

table.cartparams {
    text-align: left !important;
}

table.cartparams td {
    padding: 2px !important;
}

td.cartparams_name {
    text-align: left !important;
    color: var(--light-dark-color);
    width: 1px;
    font-size: 90%;
}

td.cartparams_param {
    text-align: left !important;
    color: var(--light-dark-color);
    font-size: 90%;
}

td.cartamount {
    text-align: center;
}

td.cartamount input {
    width: 50px;
    height: 35px;
    text-align: center;
}

td.cartprice,
td.cartsumm {
    color: #555;
    font-size: 15px;
    width: 100px;
    font-weight: normal;
}

td.cartdelete {
    width: 1px;
}

td.cartall {
    text-align: right !important;
    font-size: 110%;
}

td.cartallsumm {
    color: var(--white-background-color);
    font-size: 110%;
    font-weight: bold;
    width: 100px;
}

td.cartalldelete {}

table.pockettable {
    width: 101%;
    position: relative;
    border: 1px solid #fff3f3;
    background: #fff3f3;
}

div.cartinfo_buttons {
    margin: 5px 0;
    text-align: center;
    display: table;
    width: 100%;
}

div.cartinfo_buttons input[type="button"],
td.cartdelete input[type="button"] {
    border: none;
    color: #555;
    transition: .3s ease;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 15px;
    background: none;
}

div.cartinfo_buttons input[type="button"]:hover,
td.cartdelete input[type="button"]:hover {
    color: #fff;
    background-color: #b6045c;
}

div.cartinfo_button1 {
    display: table-cell;
    text-align: left;
    padding: 3px;
}

div.cartinfo_button2 {
    display: table-cell;
    text-align: right;
    padding: 3px;
}

@media all and (max-width: 799px) {
    td.carttitleprice {
        display: none;
    }
    td.cartprice {
        display: none;
    }
    td.carttitlecode {
        display: none;
    }
    td.cartcode {
        display: none;
    }
    td.carttitleimg {
        display: none;
    }
    td.cartimg {
        display: none;
    }
    div.cartpage_title {
        display: none;
    }
}


/* Страница корзины */

div.cartpage_table {
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 20px;
}

div.cartpage_table table {
    width: 100%;
    border-collapse: collapse;
}

div.cartpage_table table td {
    padding: 6px;
    text-align: center;
}

div.cartpage_table table tr.carttitlerow {
    color: #555;
    font-weight: bold;
}

tr.carttitlerow:first-of-type td {
    border-bottom: 2px solid #555;
}

tr.carttitlerow:last-of-type td {
    border-top: 2px solid #555;
}

div.cartpage_table table tr:nth-child(odd) {
	
}

div.cartpage_table table tr:nth-child(even) {
	
}


div.cartpage_data {
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 20px;
}

div.cartpage_title {
    color: var(--dark-fail-color);
    padding: 10px 0px;
    font-size: 120%;
    text-align: center;
    margin: 0px auto 10px;
    text-transform: uppercase;
    border-bottom: 1px solid var(--dark-fail-color);
}

div.cartpage_blockin1 {
    display: flex;
    flex-direction: row;
	justify-content: space-between;
	padding:5px;
	box-sizing:border-box;
}

div.cartpage_blockin11 {
    flex-basis: 50%;
    padding: 10px;
	flex-grow:0;
	margin:0 auto;
}

div.cartpage_blockin12 {
    flex-basis: 50%;
    padding: 10px;
	flex-grow:1;
	display:none;
}

@media all and (max-width: 899px) {
	
	div.cartpage_blockin1 {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
    div.cartpage_blockin11 {
        flex-basis:100%;
        padding: 10px 0;
    }
    div.cartpage_blockin12 {
        flex-basis:100%;
        padding: 10px 0;
    }
}

div.cartpage_blockin2 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

div.cartpage_blockin2 input {
    background: #fff;
    color: #555;
    border: 2px solid #b6045c;
    padding: 10px 20px;
    width:unset;
    transition: .3s ease;
    /* font-size: 18px; */
    font-weight: bold;
    cursor: pointer;
}

div.cartpage_blockin2 input:hover {
	background: #b6045c;
    color: #fff;
}

div.cartpage_line {}

div.cartpage_line:last-of-type {
    
}

div.cartpage_blockname {
    padding: 10px 0px 0px;
}

div.cartpage_blockparam {}

div.cartpage_paymentblock {
    margin: 10px 0;
}

div.cartpage_paymentinblock1 {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

div.cartpage_paymentinblock2 {
    display: inline-block;
    vertical-align: middle;
}

div.paymenttitle {
    color: var(--dark-fail-color);
    font-size: 110%;
    font-weight: bold;
    padding: 10px;
    text-align: center;
}

input.cash {
    width: 72px;
    height: 24px;
    background: url('/themes/images/cash.png') no-repeat;
    border: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
}

input.cash:hover {
    width: 72px;
    height: 24px;
    background: url('/themes/images/cash.png') no-repeat;
    border: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
}

input.privat24 {
    width: 135px;
    height: 24px;
    background: url('/themes/images/privat24.png') no-repeat;
    border: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
}

input.privat24:hover {
    width: 135px;
    height: 24px;
    background: url('/themes/images/privat24.png') no-repeat;
    border: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
}

input.liqpay {
    width: 119px;
    height: 24px;
    background: url('/themes/images/liqpay.png') no-repeat;
    border: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
}

input.liqpay:hover {
    width: 119px;
    height: 24px;
    background: url('/themes/images/liqpay.png') no-repeat;
    border: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
}

/* Адаптивное меню каталога */

.topadapt {
    display: none;
    background:var(--hard-dark-color);
}

.wrapper {
    text-align: center;
    padding: 20px 0;
}

a.link {
    color: #555;
    font-weight: bold;
    font-size: 14px;
    transition: color .3s ease;
}

a.link:hover {
    color: #333;
}

.basket {
    display: inline-block;
    width: 70px;
    height: 70px;
    background-color: #b6045c;
    border-radius: 50%;
    position: fixed;
    right: 30px;
    bottom: 30px;
    transition: background-color .5s ease;
}

.basket:hover {
    cursor: pointer;
    background-color: rgba(148,16,84,0.9);
}

.basket__content {
    display: inline-block;
    background-image: url(/themes/fragolino/bag.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40% 40%;
    width: 70px;
    height: 70px;
    text-align: center;
    font-size: 12px;
    position: relative;
}

.basket__amount {
    position: absolute;
    bottom: -15%;
    left: -15%;
    color: #fff;
    font-size: 16px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #a34e4d;
    line-height: 40px;
}