/*------------------------------------------------------------------
    ADD YOUR OWN STYLING HERE AVOID TO USE STYLE.CSS AND MAIN.CSS
	
	IT WILL BE HELPFUL FOR YOU IN FUTURE UPDATES
-------------------------------------------------------------------*/
html {
    overflow-x: hidden;
}
::-webkit-scrollbar {
	width: 10px;
}
::-webkit-scrollbar:horizontal {
	height: 3px;
}
::-webkit-scrollbar-track {
	background: #f5e6d3
}
::-webkit-scrollbar-thumb{
	background-color: #f14941;
}

#theme-customizer {
  position: fixed;
  width: 270px;
  height:294px;
  right: -270px;
  top: 110px;
  background-color: #272727;
  border-top: 1px solid #f14941;
  border-bottom: 1px solid #f14941;
  border-left: 1px solid #f14941;
  z-index: 9999;
  padding: 25px;
  color: #f14941;
  font-size: 18px;
  font-family: 'Arial', sans-serif;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#theme-customizer-not-loged {
  position: fixed;
  width: 270px;
  height:500px;
  right: -270px;
  top: 110px;
  background-color: #272727;
  border-top: 1px solid #f14941;
  border-bottom: 1px solid #f14941;
  border-left: 1px solid #f14941;
  z-index: 9999;
  padding: 25px;
  color: #f14941;
  font-size: 18px;
  font-family: 'Arial', sans-serif;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#theme-customizer.slide-out, #theme-customizer-not-loged.slide-out-not-loged {
  right: 0;
}
#theme-customizer a:hover, #theme-customizer-not-loged a:hover {
  color: #f14941;
}
#theme-customizer p {
  margin-bottom: 5px;
}
 #theme-customizer-not-loged p {
	font-size: 14px;
    letter-spacing: 0;
    margin-top: 20px;
    color: #ccc;
    font-weight: 400;
    line-height: 20px;
}

#theme-customizer-not-loged a {
	color: #f7f7f7
}
	 
#theme-customizer .theme-customizer-header, #theme-customizer-not-loged .theme-customizer-header {
  color: #f1edd0;
  margin-bottom: 15px;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
}
#theme-customizer .theme-customizer-icon, #theme-customizer-not-loged .theme-customizer-icon-not-loged {
    position: absolute;
    left: -45px;
    top: -1px;
}
#theme-customizer .theme-customizer-text, #theme-customizer-not-loged .theme-customizer-text {
    position: absolute;
    left: -45.5px;
    top: 45px;
    height: 45px;
    width: 135px;
    font-size: 20px;
    line-height: 45px;
    background-color: #fff;
    border: 1px solid #f14941;
    text-align: center;
    cursor: pointer;
    transform: rotate(-90deg);
    letter-spacing: 2px;
}

.side_nav {
    font-size: 15px;
    padding: 10px 10px;
}
.side_nav-not-loged {
    padding: 10px 0;
}
.side_nav li {
    padding-bottom: 10px;
}
.side_nav-not-loged input {
	display: inline-block;
	width: 100%;
    padding: 10px 0 10px 10px;
}
.side_nav a{
	color: #ccc;
}
.side_nav_btn-not-loged{
	margin-left: 30px;
	margin-top: 10px
}
.side_nav_btn{
	margin-left: 30px;
}
.f-links img {
    width: 150px;
	height: auto;
}
.ac-container{
    text-align: right;
    right: 53px;
    top: 8px;
    position: absolute;
}
.ac-container label:after{
    position: relative;
    cursor: pointer;
    font-size: 28px;
	font-weight: 400;
    content: "\f002";
    font-family: FontAwesome;
}
.ac-container label:hover{
	background: #fff;
}
.ac-container input:checked + label:after{
	color: #f14941;
    font-size: 28px;
	font-weight: 400;
    content: "\f00d";
    font-family: FontAwesome;
}
.ac-container input{
	display: none;
}
.ac-container article{
	background: #272727;
	margin-top: 8px;
	overflow: hidden;
	height: 0px;
	position: relative;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
    color: #fff;
    font-size: 14px;
    padding: 20px;
}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
	height: 53px;
}
form {
    display: block;
    margin-top: 0em;
	width: 100%;
}
input.ac-search {
    width: 94%;
    height: 51px;
    padding-left: 10px;
    margin: 1px;
    background: #fff;
    color: #272727;
    font-size: 16px;
    display: block;
	border: none;
}
button.button-search {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 48px;
    height: 51px;
    border: none;
    background: #ffffff;
    cursor: pointer;
}
button.button-search:before {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 16px;
    color: #272727;
}
.shop-cart img {
    width: 34px;
    margin-top: 2px;
    margin-left: 8px;
}
.position-center-center img {
    width: 203px;
}

.column {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
   }
.bezotstup-vniz{
	margin-bottom: 15px;
}
.menu-border {
    width: 73%;
    float: right;
    border-bottom: 2px solid;
	margin-right: 15px;
}
#contact_form li input::-webkit-input-placeholder {color:#ccc;font-weight: 400;opacity:1;}/* webkit */
#contact_form li input::-moz-placeholder          {color:#ccc;font-weight: 400;opacity:1;}/* Firefox 19+ */
#contact_form li input:-moz-placeholder           {color:#ccc;font-weight: 400;opacity:1;}/* Firefox 18- */
#contact_form li input:-ms-input-placeholder      {color:#ccc;font-weight: 400;opacity:1;}/* IE */

#contact_form li input:focus::-webkit-input-placeholder {opacity:0;}/* webkit */
#contact_form li input:focus::-moz-placeholder          {opacity:0;}/* Firefox 19+ */
#contact_form li input:focus:-moz-placeholder           {opacity:0;}/* Firefox 18- */
#contact_form li input:focus:-ms-input-placeholder      {opacity:0;}/* IE */

#contact_form li textarea::-webkit-input-placeholder {color:#ccc;font-weight: 400;opacity:1;}/* webkit */
#contact_form li textarea::-moz-placeholder          {color:#ccc;font-weight: 400;opacity:1;}/* Firefox 19+ */
#contact_form li textarea:-moz-placeholder           {color:#ccc;font-weight: 400;opacity:1;}/* Firefox 18- */
#contact_form li textarea:-ms-input-placeholder      {color:#ccc;font-weight: 400;opacity:1;}/* IE */

#contact_form li textarea:focus::-webkit-input-placeholder {opacity:0;}/* webkit */
#contact_form li textarea:focus::-moz-placeholder          {opacity:0;}/* Firefox 19+ */
#contact_form li textarea:focus:-moz-placeholder           {opacity:0;}/* Firefox 18- */
#contact_form li textarea:focus:-ms-input-placeholder      {opacity:0;}/* IE */


@media(min-width:992px) and (max-width:1199px) {
	#theme-customizer {
		top: 166px;
	}
	input.ac-search {
		width: 94.6%;
	}
}
@media(max-width:767px) {
	#theme-customizer {
		top: 160px;
	}
	header .shop-cart .numb{
		top: -9px;
	}
	.ac-container input:checked ~ article.ac-small{
		 margin: 0 30px 8px 0px;
	}
	.ac-container{
		left: 16px;
		top: 242px;
		position: absolute;
		text-align: left;
	}
	.shop-cart img{
		margin-top: 0
	}
	.column {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
   }
	.menu-border {
		display: none;
	}
}
@media(max-width:411px) {
	#theme-customizer {
		top: 193px;
	}
}
@media(min-width:768px) and (max-width:991px) {
	.ac-container input:checked ~ article.ac-small {
		margin-left: 76px;
	}
	input.ac-search {
		width: 92%;
	}	
	.shop-cart img{
		margin-top: 0
	}
	.menu-border {
		display: none;
	}
}

ul.side-nav{
	position: relative;
    z-index: 999;
    margin-bottom: 90px;
	width: 100%;
	border-bottom: 1px solid #ccc;
}
ul.side-nav li ul{
  display: none;
}
ul.side-nav li{
  list-style: none;
}
ul.side-nav li:hover > ul{
  display: block;
}
ul.side-nav li {
  border-bottom: 1px solid #ccc;
  list-style: none;
}
ul.side-nav li:last-child {
  border: none;
}
ul.side-nav li a {
  text-decoration: none;
  display: block;
  padding: 15px 0px 15px 10px;
  color: #272727;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
}
ul.side-nav li ul {
 display: none;
}

ul.side-submenu li a {
    font-size: 11px;
    padding: 10px 20px;
}
ul.side-nav li:hover {
  position: relative;
}
ul.side-nav li a:hover {
  color: #f14941;
}
ul.side-nav li:hover > ul {
  display: block;
}
ul.side-nav li:hover ul{
	position: absolute;
	top: 0;
	left: 230px;
	background: #f4f4f4;
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,.08) !important;
}

input.list-bascet {
    width: 35px;
    text-align: center;
    font-size: 14px;
    line-height: 42px;
    float: left;
    position: relative;
    margin-top: 20px;
    border: none;
}

.register-captcha input[type="text"],
.register-input input[type="text"],
.register-input input[type="password"] {
    padding: 10px 15px;
    font-size: 14px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    color: #666;
}

.register-text {
	color: #666;
    text-align: right;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 600;
	line-height: 42px;
}

.register-captcha {
	margin-top: 20px;
    text-align: center;
}
.register-captcha p {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 600;
}

table.basket-table {
    width: 100%;
    font-size: 13px;
    text-transform: uppercase;
    margin: 30px;
}
th.basket-table, td.basket-table {
    line-height: 42px;
    border: 1px solid #ddd;
    padding-left: 10px;
}
th.basket-table {
    text-align: center;
    background: #f14941;
    color: #fff;
	border: none;
}
td.basket-table {
    text-align: center;
    font-weight: 600;
}
td.basket-table:first-child {
	text-align: left;
    font-weight: 400;
}
tr.basket-table:nth-child(even) {
    background: #f7f7f7;
}

#contact_form li select {
    display: inline-block;
    width: 100%;
    padding: 0 20px;
    font-weight: 600;
    color: #272727;
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    height: 45px;
    margin-bottom: 20px;
}