@import url('https://fonts.googleapis.com/css?family=Roboto:300i,400,400i,500,500i,700,700i&display=swap&subset=cyrillic,cyrillic-ext,latin-ext');

@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&display=swap&subset=cyrillic,cyrillic-ext');

@font-face {
	font-family: 'Circe';
	src: url('../fonts/Circe-Regular.eot');
	src: local('Circe'), local('Circe-Regular'),
		url('../fonts/Circe-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Circe-Regular.woff') format('woff'),
		url('../fonts/Circe-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Circe';
	src: url('../fonts/Circe-ExtraLight.eot');
	src: local('Circe ExtraLight'), local('Circe-ExtraLight'),
		url('../fonts/Circe-ExtraLight.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Circe-ExtraLight.woff') format('woff'),
		url('../fonts/Circe-ExtraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Circe';
	src: url('../fonts/Circe-Thin.eot');
	src: local('Circe Thin'), local('Circe-Thin'),
		url('../fonts/Circe-Thin.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Circe-Thin.woff') format('woff'),
		url('../fonts/Circe-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Circe';
	src: url('../fonts/Circe-Light.eot');
	src: local('Circe Light'), local('Circe-Light'),
		url('../fonts/Circe-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Circe-Light.woff') format('woff'),
		url('../fonts/Circe-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Circe';
	src: url('../fonts/Circe-Bold.eot');
	src: local('Circe Bold'), local('Circe-Bold'),
		url('../fonts/Circe-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Circe-Bold.woff') format('woff'),
		url('../fonts/Circe-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Circe';
	src: url('../fonts/Circe-ExtraBold.eot');
	src: local('Circe ExtraBold'), local('Circe-ExtraBold'),
		url('../fonts/Circe-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Circe-ExtraBold.woff') format('woff'),
		url('../fonts/Circe-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}



html {



overflow-x: hidden;

background: #f7f7f7;

}



body {

			 font-family: "Roboto", sans-serif;

		font-size: 16px;

		-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	color: #333;

	 font-display: fallback;

	line-height: 22px;

overflow-x: hidden;

position: relative;

max-width: 1750px; 

min-width: 320px;

margin: 0 auto;

		box-shadow: 0px 5px 35px 0px hsla(0, 0%, 0%, 0.11);



}

	.row-flex {

		display: flex;

		flex-flow: row wrap;

}



#content {

	margin-bottom: 25px;

}

h1,

h2,

h3,

h4,

h5 {

		margin-top: 0;

font-weight: 700

}





a {

						transition: all .3s ease;



}



.well {

	background: #fff;

	border:0px;

	box-shadow: 0px 0px 35px 0px hsla(0, 0%, 0%, 0.05);

	padding: 25px 45px;

	border-bottom: 1px solid #f2f2f2;

}



.radio label, .checkbox label {

	padding-left: 12px;

}



.create-ac .well {

	min-height: 357px;





}

.pagination {

	margin-top: 0

}



.pagination>li:first-child>a,

.pagination>li:first-child>span {

	border-bottom-left-radius: 2px;

	border-top-left-radius: 2px

}



.pagination>li:last-child>a,

.pagination>li:last-child>span {

	border-bottom-right-radius: 2px;

	border-top-right-radius: 2px

}



.pagination>li>a,

.pagination>li>span {

	padding: 6px 12px;

	margin-right: 5px;

	color: #777;

	background-color: #fff;

	border: 1px solid #777

}



.pagination>li>a:hover,

.pagination>li>span:hover,

.pagination>li>a:focus,

.pagination>li>span:focus {

	color: #fff;

	background-color: #777;

	border-color: #777

}



.pagination>.active>a,

.pagination>.active>span,

.pagination>.active>a:hover,

.pagination>.active>span:hover,

.pagination>.active>a:focus,

.pagination>.active>span:focus {

	background-color: #777;

	border-color: #777

}

@media (min-width: 768px) {

.dl-horizontal dt {

		float: left;

		width: 160px;

		clear: left;

		text-align: left;

		overflow: hidden;

		text-overflow: ellipsis;

		white-space: nowrap;

}

.dl-horizontal dd {

		margin-left: 150px;

}

}

.container-fluid {

		max-width: 1650px;

padding-left: 30px;

padding-right: 30px;

				margin: 0 auto;



}



.alert-success {

position: fixed;

z-index: 9999;

right: 0;

top:10%;

max-width: 320px;

	padding: 45px 25px;

	text-align: center;

	background: #F7505A;

	color: #fff;

	border: 0px;

	margin: 25px 0;

	border-radius:  0px;

							transition: all .3s ease;



}



.alert-success a {

	color: #f2f2f2;

	text-decoration: underline;

}





.breadcrumb {

		background: transparent;

		padding: 0 ;

		margin-bottom: 25px;

		font-size: 14px;

}



.breadcrumb a {

		color: #333;

}



.breadcrumb > li + li:before {

		 font-family: FontAwesome;

	padding: 0 10px;

	color: #333;

	content: "\f105";

}

.breadcrumb > .active {

	color: #999;

}



.mb20 {

		margin-bottom: 20px;

}

.main-header {

margin-bottom: 25px;

}

.main-header h2 {

		font-weight: 600;

		font-size: 22px;

		letter-spacing: 0px;

		color: #333;

text-transform: uppercase;

}









.main-header h1 {

		font-family: 'PT Sans', sans-serif;



		font-weight: 600;

		font-size: 22px;

		letter-spacing: 0px;

		color: #333;

text-transform: uppercase;

margin-bottom: 15px;

}



.main-header p {

		font-size: 15px;

		color: #555;



}

.side-header {

		margin-bottom: 25px;



}



.side-header h4 {

		font-weight: 600;

		font-size: 18px;

		letter-spacing: 0px;

		color: #333;

font-family: 'PT Sans', sans-serif;

text-transform: uppercase;

}



.main-header h4:after {

		border-bottom: 3px solid #ddd;

		width: 15px;

		padding-top: 15px;

		padding-bottom: 15px;

}

.b-h {

		overflow: hidden;

		width: 100%;

		height: 100%;

		transition: all .7s ease;

border-radius: 4px;



}



.b-h img {

							transition: all .7s ease;

							width: 100%;

}



.b-h::before {

		right: 0;

		opacity:0.3;

		top: 0;

}

.b-h::after {

		bottom: 0;

		opacity: 0.3;

		left: 0;

}





.b-h::before, .b-h::after {

		content: "";

		background: #fff;

		height: 0;

		width: 0;

		z-index: 1;

		position: absolute;

		-webkit-transition-duration: 0.7s !important;

		-o-transition-duration: 0.7s;

	transition-duration: 0.7s  !important;

}

.b-h:hover::after, .b-h:hover::before {

		height: 100%;

		opacity: 0;

		width: 100%;

}





.b-h:hover img  {

		opacity: 0.9;

		 transform: scale(1.1); 

			transition: all .7s ease;

}

.b-h:hover a {
		position: relative;
		z-index: 900;
		display: block;
}

/*==========

buttons

==========*/



.btn {

				 transition: all .3s ease;

					 border-radius: 2px;





}

.btn-catalog {

		background: linear-gradient(108deg, rgba(62, 62, 62, 0.09) 0%, rgba(62, 62, 62, 0.09) 30%,rgba(234, 234, 234, 0.09) 30%, rgba(234, 234, 234, 0.09) 100%),linear-gradient(116deg, rgba(101, 101, 101, 0.06) 0%, rgba(101, 101, 101, 0.06) 51%,rgba(231, 231, 231, 0.06) 51%, rgba(231, 231, 231, 0.06) 100%),linear-gradient(258deg, rgba(103, 103, 103, 0.07) 0%, rgba(103, 103, 103, 0.07) 1%,rgba(209, 209, 209, 0.07) 1%, rgba(209, 209, 209, 0.07) 100%),linear-gradient(43deg, rgba(17, 17, 17, 0.09) 0%, rgba(17, 17, 17, 0.09) 7%,rgba(159, 159, 159, 0.09) 7%, rgba(159, 159, 159, 0.09) 100%),linear-gradient(63deg, rgba(211, 211, 211, 0.1) 0%, rgba(211, 211, 211, 0.1) 94%,rgba(233, 233, 233, 0.1) 94%, rgba(233, 233, 233, 0.1) 100%),linear-gradient(207deg, rgba(179, 179, 179, 0.1) 0%, rgba(179, 179, 179, 0.1) 57%,rgba(11, 11, 11, 0.1) 57%, rgba(11, 11, 11, 0.1) 100%),linear-gradient(25deg, rgba(118, 118, 118, 0.07) 0%, rgba(118, 118, 118, 0.07) 98%,rgba(248, 248, 248, 0.07) 98%, rgba(248, 248, 248, 0.07) 100%),linear-gradient(90deg, hsl(337,90%,49%),hsl(337,90%,49%));  /* fallback for old browsers */



		color: #fff;

		padding: 15px;

		border-radius: 0px;

		border: none;

		margin-bottom: 0px;

		text-transform: uppercase;

		font-weight: 600;

		font-size: 16px;

		margin-top: 0px;

height: 52px;

}

.btn-catalog i {

		margin-right: 10px;

}



.btn-catalog:focus,

.btn-catalog.focus {

	color: #ffffff;

		 background: linear-gradient(108deg, rgba(62, 62, 62, 0.09) 0%, rgba(62, 62, 62, 0.09) 30%,rgba(234, 234, 234, 0.09) 30%, rgba(234, 234, 234, 0.09) 100%),linear-gradient(116deg, rgba(101, 101, 101, 0.06) 0%, rgba(101, 101, 101, 0.06) 51%,rgba(231, 231, 231, 0.06) 51%, rgba(231, 231, 231, 0.06) 100%),linear-gradient(258deg, rgba(103, 103, 103, 0.07) 0%, rgba(103, 103, 103, 0.07) 1%,rgba(209, 209, 209, 0.07) 1%, rgba(209, 209, 209, 0.07) 100%),linear-gradient(43deg, rgba(17, 17, 17, 0.09) 0%, rgba(17, 17, 17, 0.09) 7%,rgba(159, 159, 159, 0.09) 7%, rgba(159, 159, 159, 0.09) 100%),linear-gradient(63deg, rgba(211, 211, 211, 0.1) 0%, rgba(211, 211, 211, 0.1) 94%,rgba(233, 233, 233, 0.1) 94%, rgba(233, 233, 233, 0.1) 100%),linear-gradient(207deg, rgba(179, 179, 179, 0.1) 0%, rgba(179, 179, 179, 0.1) 57%,rgba(11, 11, 11, 0.1) 57%, rgba(11, 11, 11, 0.1) 100%),linear-gradient(25deg, rgba(118, 118, 118, 0.07) 0%, rgba(118, 118, 118, 0.07) 98%,rgba(248, 248, 248, 0.07) 98%, rgba(248, 248, 248, 0.07) 100%),linear-gradient(90deg, hsl(337,90%,49%),hsl(337,90%,49%));  /* fallback for old browsers */

outline: none;

}



.btn-catalog:hover {

	color: #fff;

	opacity: 0.9;

outline: none;

}





.btn-grey {

		background: #f2f2f2;

		color: #333;

		border-radius: 4px;

		border: none;

		margin-bottom: 10px;

		text-transform: uppercase;

		margin-top: 0px;

}



.btn-grey:focus,

.btn-grey.focus {

 background: #f2f2f2;

		color: #333;



		 outline: none;}

.btn-grey:hover {

	color: #fff;

		 background: #5D3B9B;

outline: none;

						box-shadow: 0px 0px 25px 0px hsla(0, 0%, 0%, 0.15);



}





.btn-grey:active,

.btn-grey.active,

.open > .dropdown-toggle.btn-grey {

 color: #fff;

		 background: #5D3B9B;

}

.btn-grey:active:hover,

.btn-grey.active:hover,

.open > .dropdown-toggle.btn-grey:hover,

.btn-grey:active:focus,

.btn-grey.active:focus,

.open > .dropdown-toggle.btn-grey:focus,

.btn-grey:active.focus,

.btn-grey.active.focus,

.open > .dropdown-toggle.btn-grey.focus {

 color: #fff;

		 background: #5D3B9B;

}

.btn-grey.disabled:hover,

.btn-grey[disabled]:hover,

fieldset[disabled] .btn-grey:hover,

.btn-grey.disabled:focus,

.btn-grey[disabled]:focus,

fieldset[disabled] .btn-info:focus,

.btn-grey.disabled.focus,

.btn-grey[disabled].focus,

fieldset[disabled] .btn-grey.focus {

	color: #fff;

		 background: #5D3B9B;

}





.btn-black {

	color: #333333;

	background-color: transparent;

	border-color: #333;

}

.btn-black:focus,

.btn-black.focus {

	color: #fff;

	background-color: #333;

	border-color:  #333;

}

.btn-black:hover {

	color: #fff;

	background-color: #333;

	border-color:  #333;

}

.btn-blue {

	background: #363A42;

	border-color: #363A42;

	color: #fff;

	outline: none;

}



.btn-blue:hover,

.btn-blue:focus,

.btn-blue:active {

	background: #f2f2f2;

	color: #fff;

	outline: none;

}

.btn-pink {

 background: #363A42;

	border-color: #363A42;

	color: #fff;

	outline: none;

	opacity: 0.8;

}



.btn-pink:hover,

.btn-pink:focus,

.btn-pink:active {

	background: #363A42;

	border-color: #363A42;

	color: #fff;

	outline: none;

}



.btn-info {

		background: linear-gradient(108deg, rgba(62, 62, 62, 0.09) 0%, rgba(62, 62, 62, 0.09) 30%,rgba(234, 234, 234, 0.09) 30%, rgba(234, 234, 234, 0.09) 100%),linear-gradient(116deg, rgba(101, 101, 101, 0.06) 0%, rgba(101, 101, 101, 0.06) 51%,rgba(231, 231, 231, 0.06) 51%, rgba(231, 231, 231, 0.06) 100%),linear-gradient(258deg, rgba(103, 103, 103, 0.07) 0%, rgba(103, 103, 103, 0.07) 1%,rgba(209, 209, 209, 0.07) 1%, rgba(209, 209, 209, 0.07) 100%),linear-gradient(43deg, rgba(17, 17, 17, 0.09) 0%, rgba(17, 17, 17, 0.09) 7%,rgba(159, 159, 159, 0.09) 7%, rgba(159, 159, 159, 0.09) 100%),linear-gradient(63deg, rgba(211, 211, 211, 0.1) 0%, rgba(211, 211, 211, 0.1) 94%,rgba(233, 233, 233, 0.1) 94%, rgba(233, 233, 233, 0.1) 100%),linear-gradient(207deg, rgba(179, 179, 179, 0.1) 0%, rgba(179, 179, 179, 0.1) 57%,rgba(11, 11, 11, 0.1) 57%, rgba(11, 11, 11, 0.1) 100%),linear-gradient(25deg, rgba(118, 118, 118, 0.07) 0%, rgba(118, 118, 118, 0.07) 98%,rgba(248, 248, 248, 0.07) 98%, rgba(248, 248, 248, 0.07) 100%),linear-gradient(90deg, hsl(337,90%,49%),hsl(337,90%,49%));

		border: 0px;

}

.btn-info:focus,

.btn-info.focus {

 opacity: 0.95;

	outline: none;

							box-shadow: 0px 0px 25px 0px hsla(0, 0%, 0%, 0.15);



 }

.btn-info:hover {

 opacity: 0.95;

outline: none;

						box-shadow: 0px 0px 25px 0px hsla(0, 0%, 0%, 0.15);



}







.btn-primary {

		background: linear-gradient(108deg, rgba(62, 62, 62, 0.09) 0%, rgba(62, 62, 62, 0.09) 30%,rgba(234, 234, 234, 0.09) 30%, rgba(234, 234, 234, 0.09) 100%),linear-gradient(116deg, rgba(101, 101, 101, 0.06) 0%, rgba(101, 101, 101, 0.06) 51%,rgba(231, 231, 231, 0.06) 51%, rgba(231, 231, 231, 0.06) 100%),linear-gradient(258deg, rgba(103, 103, 103, 0.07) 0%, rgba(103, 103, 103, 0.07) 1%,rgba(209, 209, 209, 0.07) 1%, rgba(209, 209, 209, 0.07) 100%),linear-gradient(43deg, rgba(17, 17, 17, 0.09) 0%, rgba(17, 17, 17, 0.09) 7%,rgba(159, 159, 159, 0.09) 7%, rgba(159, 159, 159, 0.09) 100%),linear-gradient(63deg, rgba(211, 211, 211, 0.1) 0%, rgba(211, 211, 211, 0.1) 94%,rgba(233, 233, 233, 0.1) 94%, rgba(233, 233, 233, 0.1) 100%),linear-gradient(207deg, rgba(179, 179, 179, 0.1) 0%, rgba(179, 179, 179, 0.1) 57%,rgba(11, 11, 11, 0.1) 57%, rgba(11, 11, 11, 0.1) 100%),linear-gradient(25deg, rgba(118, 118, 118, 0.07) 0%, rgba(118, 118, 118, 0.07) 98%,rgba(248, 248, 248, 0.07) 98%, rgba(248, 248, 248, 0.07) 100%),linear-gradient(90deg, hsl(337,90%,49%),hsl(337,90%,49%));

		border: 0px;

}

.btn-primary:focus,

.btn-primary.focus {

 opacity: 0.95;

	outline: none;

							box-shadow: 0px 0px 25px 0px hsla(0, 0%, 0%, 0.15);



 }

.btn-primary:hover {

 opacity: 0.95;

outline: none;

						box-shadow: 0px 0px 25px 0px hsla(0, 0%, 0%, 0.15);



}

.btn-danger {

		background: linear-gradient(108deg, rgba(62, 62, 62, 0.09) 0%, rgba(62, 62, 62, 0.09) 30%,rgba(234, 234, 234, 0.09) 30%, rgba(234, 234, 234, 0.09) 100%),linear-gradient(116deg, rgba(101, 101, 101, 0.06) 0%, rgba(101, 101, 101, 0.06) 51%,rgba(231, 231, 231, 0.06) 51%, rgba(231, 231, 231, 0.06) 100%),linear-gradient(258deg, rgba(103, 103, 103, 0.07) 0%, rgba(103, 103, 103, 0.07) 1%,rgba(209, 209, 209, 0.07) 1%, rgba(209, 209, 209, 0.07) 100%),linear-gradient(43deg, rgba(17, 17, 17, 0.09) 0%, rgba(17, 17, 17, 0.09) 7%,rgba(159, 159, 159, 0.09) 7%, rgba(159, 159, 159, 0.09) 100%),linear-gradient(63deg, rgba(211, 211, 211, 0.1) 0%, rgba(211, 211, 211, 0.1) 94%,rgba(233, 233, 233, 0.1) 94%, rgba(233, 233, 233, 0.1) 100%),linear-gradient(207deg, rgba(179, 179, 179, 0.1) 0%, rgba(179, 179, 179, 0.1) 57%,rgba(11, 11, 11, 0.1) 57%, rgba(11, 11, 11, 0.1) 100%),linear-gradient(25deg, rgba(118, 118, 118, 0.07) 0%, rgba(118, 118, 118, 0.07) 98%,rgba(248, 248, 248, 0.07) 98%, rgba(248, 248, 248, 0.07) 100%),linear-gradient(90deg, hsl(337,90%,49%),hsl(337,90%,49%));

		border: 0px;

}

.btn-danger:focus,

.btn-danger.focus {

 opacity: 0.95;

	outline: none;

							box-shadow: 0px 0px 25px 0px hsla(0, 0%, 0%, 0.15);



 }

.btn-danger:hover {

 opacity: 0.95;

outline: none;

						box-shadow: 0px 0px 25px 0px hsla(0, 0%, 0%, 0.15);



}



.input-group-sm>.input-group-addon {

		background: #f9f9f9;

}



.input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {

		height: 30px;

		padding: 5px 10px;

		font-size: 12px;

		line-height: 1.5;

		border-radius: 2px;

		box-shadow: none;

		border-color: #ededed;

}

/*==========

header

==========*/



header {

		margin-bottom: 15px;

}



header .h-line {

		padding: 5px 0px 5px 0px;

		margin-bottom: 20px;

		font-size: 12px;

		background:  #fff;

		border-bottom: 1px solid #f2f2f2;

}



header .h-line a {

		color: #888;

}



header .h-line ul {

		margin-bottom: 0;

}



header .h-line i {

		margin-right: 5px;

		color: #999;

		font-size: 14px;

}







header .logo {

		margin-top:-7px;

}

header .logo img {

	width: 295px;

		margin-top: -6px;

		margin-bottom: -10px;

}

header .phone-block {

		text-align: center;



}

header .phone-block img {

		width: 36px;

		margin-right: 5px;

		margin-top: 4px;

float: left;

display: inline-block;

}



header .phone-block p {

		font-size: 12px;

}



header .phone-block .dropdown-toggle {

		font-weight: 600;

		color: #333;



}



header .phone-block .mailme {

		color: #68B1F2;

		font-size: 14px;

		margin-top: 7px;

}

header .phone-block a {

	display: block;

		color: #333;



}



header .phone-block a:hover {

	color: #777;

	text-decoration: none;



}



header .phone-block .btn-default {

		border: none;

		display: inline;

	font-size: 16px;

	padding: 0px;

	font-weight: 600;

		}

header .ac-block {

		text-align: center;

		margin-top: 5px;

				position: relative;



}

header .ac-block span {

	position: absolute;

		left: 30px;

		top: -10px;

		background: #F7505A;

		color: #fff;

		padding: 0px 7px;

		border-radius: 50%;

		font-size: 11px !important;

}



header .ac-block .dropdown {

		display: inline;

}

header .ac-block .btn-grey {

		border: none;

	font-size: 19px;

	margin-top: -4px;

text-align: center;

	width: 40px;



		}

header .ac-block .btn-default:hover {

		background: none;

}

header .ac-block img {

		width: 30px;

}



header .ac-block .like {



}

header .cart-block {

		text-align: center;

		position: relative;

}

header .cart-block:hover {

	cursor: pointer;

}

header .cart-block span {

		position: absolute;

		left: 30px;

		top: -10px;

		background: #F7505A;

		color: #fff;

		padding: 1px 0px;

		width: 23px;

		height: 23px;

		border-radius: 50%;

		font-size: 11px;

}

header .cart-block img {

		width: 36px;

		margin-right: 10px;

		margin-top:1px;

		float: left;

		display: block;

		margin-bottom: 15px;

		

}



header .cart-block h4 {

		margin-bottom: 0;

}

header .cart-block a {

		color: #777;

		font-size: 14px;

}



header .cart-block button {

	background: transparent;

	border: 0px;

	padding: 0px;

		width: 100%;

		outline: none;

}



header .dropdown button {

 background: transparent;

		border: 0px;

		padding: 0px;

		width: 100%;

		outline: none;

		padding: 6px 19px;

		text-align: left;

	

		border-bottom: 1px solid #F2f2f2;

}



.navbar-offcanvas1 {

		background-color: #f4f4f4;

padding: 25px 15px 35px;

text-align: left;

		 }



		 .navbar-offcanvas1  h4 {

				text-transform: uppercase;

				color: #333;

				margin-bottom: 25px;

				font-weight: 600;

		 }



		 .navbar-offcanvas1 .btn-info {

			color: #fff;

		 }



		header .cart-block .navbar-offcanvas1 img {

				width: 100%;

		}





		.navbar-offcanvas1 .btn {

				margin-bottom: 25px;

		}



		.cart-tov {

				background: #fff;

				padding: 10px;

				border-radius: 4px;

				margin-bottom: 10px;

				border-bottom: 1px solid #f3f3f3;

				position: relative;

		}

 .cart-tov i {

	 

		color: #DD5145;

 }



 .cart-del {

		 position: absolute;

		top: 5px;

		right: 5px;

		padding: 5px;

		background: transparent;

	 z-index: 9999;

	 text-align: center;

	 width: 30px !important;

 }

		 .cart-tov .card-title a {

				color: #333;

				font-size: 14px;

		 }



		 .cart-tov .card-title i {

			background: #f2f2f2;

			margin-right: 3px;

	 font-style: normal;

	 padding: 0px 5px;

	 border-radius: 4px;

		 }

		 .cart-tov .price {

		color: #333;

		font-size: 15px;

		font-weight: 600;

}



 .cart-tov .price .old {

		font-weight: normal;

		display: inline-block;

		margin-left: 7px;

		color: #f76b6a;

		font-weight: 600;

		text-decoration: line-through;



}

.cart-total {

		margin-bottom: 25px;

		font-size: 15px;

	

		 background: #fff;

				padding: 10px;

				border-radius: 4px;

				margin-bottom: 10px;

				border-bottom: 1px solid #f3f3f3;



}



.cart-total li {

		margin-bottom: 10px;

		padding-bottom: 10px;

		border-bottom: 1px solid #f2f2f2;

}

.cart-total li:last-child {

		border-bottom: none;

		margin-bottom: 0px;

		padding-bottom: 0px;

}

header .search-block {

		margin-top: -0px;

}

header .search-block .form-control {

		background: #f2f2f2;

		border: none;

		outline: none !important;

		box-shadow: none;

		height: 40px;

		border-radius: 4px 0 0 4px !important;



}

header .search-block  input {

				border-radius: 6px 0 0 6px



}



header .search-block .btn-default {

				height: 40px;

border-radius: 0 4px 4px 0;

		border: none;

				background: #68B1F2;

				color: #fff;

				padding-left: 20px;

				padding-right: 20px;  



}



	 .mega .collapsing

				{

						position: absolute !important;

						z-index: 20;

				}

				.mega .collapse.in {

						display: block;

						position: absolute;

						z-index: 20;

						min-width: 100%;

						padding-right: 20px;

				}

			 .mega .navbar-collapse

				{

						max-height: none !important;

				}



.collapsing {

padding-right: 20px;

width: 100%;

}



.panel {

	margin-bottom: 20px;

	border-color: #eee;

	border-radius: 0px;

	box-shadow: none;

}



.panel-title {

		margin-top: 0;

		margin-bottom: 0;

		font-size: 16px;

		color: inherit;

		color: #333;



}





.panel-heading {

		padding: 15px 15px;

		border-bottom: 1px solid transparent;

		border-top-left-radius: 0px;

		border-top-right-radius: 0px;

}



.panel-group .panel {

	border-radius: 0px;

}



.panel-body {

	padding: 85px;

}



.panel-body .form-control {

	border-radius: 2px;

}



/*==========

navbar

==========*/



.n-bg {

background: linear-gradient(135deg, rgba(19, 176, 223, 0.26) 0%, rgba(19, 176, 223, 0.26) 23%,rgba(16, 160, 197, 0.26) 23%, rgba(16, 160, 197, 0.26) 65%,rgba(13, 144, 172, 0.26) 65%, rgba(13, 144, 172, 0.26) 70%,rgba(9, 129, 146, 0.26) 70%, rgba(9, 129, 146, 0.26) 74%,rgba(6, 113, 121, 0.26) 74%, rgba(6, 113, 121, 0.26) 90%,rgba(3, 97, 95, 0.26) 90%, rgba(3, 97, 95, 0.26) 100%),linear-gradient(45deg, rgba(65, 234, 230, 0.26) 0%, rgba(65, 234, 230, 0.26) 28%,rgba(88, 192, 215, 0.26) 28%, rgba(88, 192, 215, 0.26) 55%,rgba(110, 150, 201, 0.26) 55%, rgba(110, 150, 201, 0.26) 66%,rgba(133, 107, 186, 0.26) 66%, rgba(133, 107, 186, 0.26) 80%,rgba(155, 65, 172, 0.26) 80%, rgba(155, 65, 172, 0.26) 85%,rgba(178, 23, 157, 0.26) 85%, rgba(178, 23, 157, 0.26) 100%),linear-gradient(90deg, rgb(27, 194, 246) 0%, rgb(27, 194, 246) 6%,rgb(39, 174, 237) 6%, rgb(39, 174, 237) 32%,rgb(50, 155, 229) 32%, rgb(50, 155, 229) 40%,rgb(62, 135, 220) 40%, rgb(62, 135, 220) 66%,rgb(74, 116, 211) 66%, rgb(74, 116, 211) 72%,rgb(86, 96, 202) 72%, rgb(86, 96, 202) 86%,rgb(97, 77, 194) 86%, rgb(97, 77, 194) 96%,rgb(109, 57, 185) 96%, rgb(109, 57, 185) 100%);



height: 52px ; 

	box-shadow: 0 13px 25px rgba(24,56,131,.08);

}





.mega-main {

	margin-top: -18px;

}

.navbar {

		margin-bottom: 20px;

			 height: 34px



}





.navbar-inverse {

		background: transparent;

		border: none;

}



.navbar-inverse .navbar-nav>li>a {

		color: #fff;

		font-weight: 400;

						font-family: 'PT Sans', sans-serif;

						font-size: 17px;



}

.navbar-inverse .navbar-nav>li>a:hover {

	background-color: rgba(0,0,0,0.3);

}



.navbar-inverse .navbar-nav > .open > a,

.navbar-inverse .navbar-nav > .open > a:hover,

.navbar-inverse .navbar-nav > .open > a:focus {

	color: #ffffff;

	background-color: rgba(0,0,0,0.3);

}

.navbar-nav {}



.navbar-nav li {

		position: relative;

}



.navbar-nav i {

		position: absolute;

		top: -12px;

		right: 10px;

		background: #FFD200;

		padding: 5px ;

		font-size: 13px;

		border-radius: 4px;

		font-style: normal;

		color: #fff;

		text-align: center;

}

.dropdown-menu {

		position: absolute;

		top: 100%;

		left: 0;

		z-index: 1000;

		display: none;

		float: left;

		min-width: 290px;

		padding:  0;

		margin: 1px 0 0;

		font-size: 16px;

 transition: all 0.4s ease;



		text-align: left;

		list-style: none;

		background-color:#fff;

		-webkit-background-clip: padding-box;

		background-clip: padding-box;

	 border-radius: 0px;

	 border: none;

	 

}

.dropdown-menu>li>a {

		display: block;

		padding: 4px 45px 8px 25px;

		clear: both;

		font-weight: 400;

		line-height: 30px;

		white-space: nowrap;

		border-bottom: 1px solid #ededed;

		position: relative;



	}



	.dropdown-menu>li>a:after {

		border-bottom: none;

	}



.dropdown .dropdown-menu .fa{

		right: 20px;

		top: 15px;

	 

		font-size: 15px;

	 

		position: absolute;

}



.dropdown .dropdown-menu .caret {

		border: 4px solid transparent;

		border-left-color: #000;

		float: right;

		margin-top: 6px;

		padding-right: -20px !important;

}





.dropdown-menu > li > a:hover,

.dropdown-menu > li > a:focus {

	color: #333;

	text-decoration: none;

	background-color:#ededed;

}

.dropdown-menu > .active > a,

.dropdown-menu > .active > a:hover,

.dropdown-menu > .active > a:focus {

	color: #333;

	text-decoration: none;

	background-color:#ededed;

	outline: 0;

}



/*==========

blog-category

==========*/

.list-group {

	padding-left: 0;

	margin-bottom: 20px;

}

.list-group-item {

	position: relative;

	display: block;

	padding: 10px 15px;

	margin-bottom: -1px;

	background-color: #ffffff;

	border: 1px solid #f2f2f2;

}





/*==========

carousel 

==========*/



.carousel {

		margin-bottom: 10px 20px;

}



.swiper-container {

	max-height: 476px ;

	overflow: hidden; 

	margin-bottom: 25px;

}



.carousel-inner .item img {

	width: 100%;

}



/*==========

catalog-menu

==========*/



.menu {

		width: 100%;

		font-weight: 400;

		line-height: 15px;

		position: relative;

		padding: 0 0 0 4px;

		margin: 0;

		background-color: #fff;

		border: 0px solid #f2f2f2;

		border-radius: 2px;

		box-shadow: 0px 5px 35px 0px hsla(0, 0%, 0%, 0.11);

}



.menu a i {

		position: absolute;

		right: 15px;

}



.menu a,

.menu a:link,

.menu a:visited,

.menu a:focus {

		color: #333;

		text-decoration: none;

}



.menu a:hover {

		color: #227087;

		text-decoration: none;

}



.menu>li {

		display: block;

		margin-left: -4px;

		border-bottom: 1px solid #f2f2f2;

}



.menu>li:last-child {

		border-bottom: none;

}



.menu>li>a {

		padding: 15.5px 18px;

		display: block;

}



.menu>li:hover>a {

		color: #227087;

}



.menu>li:hover {

		background-color: #fff;

}









.menu>li>.megadrop {

		opacity: 0;

		visibility: hidden;

		position: absolute;

		list-style: none;

		top: 0px;

		background: #fff;

		left: 100%;

		min-width: 800px;

		min-height: 100%;

		text-align: left;

		margin-top: 30px;

		padding: 20px;

		z-index: 99;

		box-shadow: 0px 0px 35px 0px hsla(0, 0%, 0%, 0.14);

		overflow: hidden;

}



.menu>li:hover .megadrop {

		opacity: 1;

		visibility: visible;

		margin-top: 0px;

}



.menu ul li:hover:after {

		color: #227087;

}



.menu .megadrop ul {

		padding: 0;

		margin: 0;

}



.menu .megadrop ul li {

		padding: 0;

		list-style: none;

		margin-bottom: 20px;

}



.menu .megadrop h3 {

		font-size: 16px;

		padding: 10px;

		font-weight: bold;

		margin: 5px 0 5px 0;

		color: #227087;

		background: #eee;

}



.menu .megadrop ul li a {

		display: block;

		padding: 0 0 15px 0;

		color: #227087;

		font-size: 16px;

}



.menu .megadrop ul li a:hover {

		color: #111;

		/*    background: #ddd;

		padding: 15px;*/

}



.menu>li>ul li ul,

.menu li>ul li,

.menu>li>.megadrop,

.menu>li>ul,

.menu>li {

		transition: all 0.2s ease-in-out;

		-moz-transition: all 0.2s ease-in-out;

		-webkit-transition: all 0.2s ease-in-out;

		-ms-transition: all 0.2s ease-in-out;

		-o-transition: all 0.2s ease-in-outs;

}

/*==========

icon-block

==========*/

.icon-block {

		margin-bottom: 20px;

}

.icon-block img {

		width: 55px;

		float: left;

		margin-right: 25px;

}

.icon-block .ic-b {

		padding: 15px;

		border: 1px solid #f2f2f2;

		border-radius: 4px;

}

.icon-block h3 {

	 text-transform: uppercase;

		font-weight: 600;

		font-size: 14px;

		margin-bottom: 10px;

		letter-spacing: 1px;

}

.icon-block p {

		font-size: 14px;

		margin-bottom: 0;

		margin-top: 0;

		color: #777;

}



/*==========

main-cat

==========*/

.main-ban {

	max-height: 466px;

	overflow: hidden;

}



.m-b img {

		width: 100%;

					transition: all .5s ease;



}

.m-b {

		position: relative;

		margin-bottom: 20px;

		max-height: 269px;

		overflow: hidden;

		border-radius: 4px;

		 transition: all .3s ease;

}



.m-b span {

		position: absolute;

		bottom: 0px;

		text-align: center;

	

		width: 100%;

		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);

background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);

background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );

padding: 85px 25px 25px;

			transition: all .3s ease;



}



.m-b a {

		color: #fff;

		font-weight: 600;

		font-size: 18px;

		position: relative;

		z-index: 9999;

		 



}



.m-b span a {

	 text-decoration: none;



}



.m-b:hover span  {

	 text-decoration: none;

		padding-bottom: 40px;



}



.m-b:hover img  {

		opacity: 0.9;

		 transform: scale(1.1); 

			transition: all .5s ease;

}





/*==========

product

==========*/







.tov-grid {

		position: relative;

border: 0px solid #f2f2f2;

 -webkit-transition: all .3s ease;

	transition: all .3s ease;

}



.tov-grid:hover {

						box-shadow: 0px 0px 35px 0px hsla(0, 0%, 0%, 0.05);

}



.tov-grid .product-image2 {

		overflow: hidden;

		position: relative

}



.tov-grid .product-image2 a {

		display: block

}



.tov-grid .product-image2 img {

		width: 100%;

		height: auto

}



.product-image2 .pic-1 {

		opacity: 1;

		transition: all .5s

}



.tov-grid:hover .product-image2 .pic-1 {

		

}



.product-image2 .pic-2 {

		width: 100%;

		height: 100%;

		opacity: 0;

		position: absolute;

		top: 0;

		left: 0;

		transition: all .5s

}



.tov-grid:hover .product-image2 .pic-2 {

		opacity: 1

}



.tov-grid .social {

		padding: 0;

		margin: 0;

		position: absolute;

		top: 10px;

		right: 25px;

		z-index: 1

}



.tov-grid .social li {

		margin: 0 0 10px;

		display: block;

		transform: translateX(100px);

		transition: all .5s ease;

 

}



.tov-grid:hover .social li {

		transform: translateX(0)

}



.tov-grid:hover .social li:nth-child(2) {

		transition-delay: .15s

}



.tov-grid:hover .social li:nth-child(3) {

		transition-delay: .25s

}



.tov-grid .social li button {

		color: #505050;

		background-color: #fff;

		font-size: 15px;

		text-align: center;

	padding: 10px 14px;

		border-radius: 50%;

		display: block;

		transition: all .3s ease 0s

		box-shadow: none;

		border: none;

		outline: none;



}



.tov-grid .social li button:hover {

						box-shadow: 0px 0px 35px 0px hsla(0, 0%, 0%, 0.15);

}





.tov-grid .social li button:after {

		content: '';

		height: 15px;

		width: 15px;

		border-radius: 0;

		transform: translateX(-50%) rotate(45deg);

		top: -22px;

		z-index: -1

}



.tov-grid .social li button:hover:after,

.tov-grid .social li button:hover:before {

		opacity: 1

}



.tov-grid .add-to-cart {

		color: #fff;

			 background: linear-gradient(108deg, rgba(62, 62, 62, 0.09) 0%, rgba(62, 62, 62, 0.09) 30%,rgba(234, 234, 234, 0.09) 30%, rgba(234, 234, 234, 0.09) 100%),linear-gradient(116deg, rgba(101, 101, 101, 0.06) 0%, rgba(101, 101, 101, 0.06) 51%,rgba(231, 231, 231, 0.06) 51%, rgba(231, 231, 231, 0.06) 100%),linear-gradient(258deg, rgba(103, 103, 103, 0.07) 0%, rgba(103, 103, 103, 0.07) 1%,rgba(209, 209, 209, 0.07) 1%, rgba(209, 209, 209, 0.07) 100%),linear-gradient(43deg, rgba(17, 17, 17, 0.09) 0%, rgba(17, 17, 17, 0.09) 7%,rgba(159, 159, 159, 0.09) 7%, rgba(159, 159, 159, 0.09) 100%),linear-gradient(63deg, rgba(211, 211, 211, 0.1) 0%, rgba(211, 211, 211, 0.1) 94%,rgba(233, 233, 233, 0.1) 94%, rgba(233, 233, 233, 0.1) 100%),linear-gradient(207deg, rgba(179, 179, 179, 0.1) 0%, rgba(179, 179, 179, 0.1) 57%,rgba(11, 11, 11, 0.1) 57%, rgba(11, 11, 11, 0.1) 100%),linear-gradient(25deg, rgba(118, 118, 118, 0.07) 0%, rgba(118, 118, 118, 0.07) 98%,rgba(248, 248, 248, 0.07) 98%, rgba(248, 248, 248, 0.07) 100%),linear-gradient(90deg, hsl(337,90%,49%),hsl(337,90%,49%));

			 font-size: 15px;

		text-align: center;

		width: 90%;

		padding: 7px 0;

		display: block;

		position: absolute;

		left: 5%;

		right: 5%;

		bottom: -100%;

		border-radius: 3px;

		transition: all .5s

}



.tov-grid .add-to-cart:hover {

		 opacity: 0.75;

	outline: none;

							box-shadow: 0px 0px 25px 0px hsla(0, 0%, 0%, 0.15);

							text-decoration: none;

}



.tov-grid:hover .add-to-cart {

		bottom: 10px



}



.tov-grid .product-new-label {

		background-color: #DBB3C5;

		color: #fff;

		font-size: 11px;

		font-weight: 700;

		text-transform: uppercase;

		padding: 2px 15px 2px 10px;

		position: absolute;

		left: 10px;

		top: 10px;

		transition: all .3s;

border-radius: 3px;

		z-index: 100;

		clip-path: polygon(100% 0%, 86% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);





}



.tov-grid:hover .product-new-label {

		opacity: 0

}



.tov-grid .product-content {

		padding: 20px 10px;

		text-align: center

}



.tov-grid .title {

		margin: 0 0 10px

}



.tov-grid .title a {

		color: #333;

				font-family: 'PT Sans', sans-serif;

margin-top: 0;



}



.tov-grid .title a:hover {

		color: #3498db

}



.tov-grid .price {

		color: #333;

		font-size: 15px;

		font-weight: 600;

}



.tov-grid .price .old {

		font-weight: normal;

		display: inline-block;

		margin-left: 7px;

		color: #f76b6a;

		font-weight: 600;

		text-decoration: line-through;



}



.tov-grid .rating {

		color: #f39c12;

		font-size: 12px;

		padding: 0;

		margin: 0;

		list-style: none;

}



.tov-grid .rating li.disable {

		color: #999;

}



@media screen and (max-width:990px) {

		.tov-grid {

				margin-bottom: 30px

		}

}





/*==========

side-bestsell

==========*/



.side-bestsell {

		margin-bottom: 25px;

		padding: 25px;

		border: 1px solid #f2f2f2;

		border-radius: 4px;

}



.side-bestsell .row {

		margin-bottom: 25px;

}

.side-bestsell .title {

		margin: 0 0 10px

}



.side-bestsell .title a {

		color: #333;

				font-family: 'PT Sans', sans-serif;

margin-top: 0;



}



.side-bestsell .title a:hover {

		color: #3498db

}



.side-bestsell .price {

		color: #333;

		font-size: 15px;

		font-weight: 600;

}



.side-bestsell .price .old {

		font-weight: normal;

		display: inline-block;

		margin-left: 7px;

		color: #f76b6a;

		font-weight: 600;

		text-decoration: line-through;



}



.side-bestsell .rating {

		color: #f39c12;

		font-size: 12px;

		padding: 0;

		margin: 0;

		list-style: none;

}



.side-bestsell .rating li.disable {

		color: #999;

}





/*==========

filter

==========*/



.filter {

		margin-bottom: 25px;

		padding: 25px;

		border-radius: 4px;

border: 2px solid #f2f2f2;

}



.filter h4{

		margin-bottom: 25px;

}



.filter label {

		font-weight: 300;

}



.filter .form-check {

		margin-bottom: 10px;

}







/*==========

tov-sort

==========*/



.tov-sort {

	margin: 25px 0;

	border-bottom: 1px solid #ededed;

}



.tov-sort p {

	font-size: 14px;

	margin-bottom: 0;

	margin-top: 5px;

}



.tov-sort .btn-pink {

	position: relative;

}



.tov-sort .btn-pink span {

	position: absolute;

	background: #363A42;

	color: #fff;

	width: 22px;

	height: 22px;

	text-align: center;

	padding-top: 10px;

	border-radius: 50%;

	left: 25px;

	line-height: 1px;

	font-size: 13px;

	font-weight: 600;

	top: -7px;

}





/*==========

sub-cat

==========*/

.sub-cat li {

		margin: 0 10px 10px 0;

		padding: 4px 10px;

background: #fff;

border: 2px solid #f2f2f2;

border-radius: 22px;

transition: all .3s ease;



}
.cats-sub .col-sm-4 {
	margin-bottom: 20px;
}
.sub-item{
	text-align: center;
	/* border: 2px solid #28b7e2; */
	/* border-radius: 5px; */
	transition: all 0.3s;
	padding:10px;
	/* box-shadow: 0 0 10px 0px #0000002b; */
}

.sub-item img{
	margin:0 auto;
	margin-bottom: 10px;
}
.sub-item a{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	
}
.sub-item .title{
	display: block;
	color: #28b7e2;
	font-weight: bold;
	font-family: 'PT Sans', sans-serif;  
}


.sub-cat li a { 

color: #333;



text-decoration: none;



font-size: 15px;

 }



.sub-cat li:hover {

				box-shadow: 0px 1px 5px 0px hsla(0, 0%, 0%, 0.05);

border: 2px solid #68B1F2;

background: #68B1F2;

color: #fff

}



.sub-cat li:hover a {

color: #fff

}





/*==========

news-block

==========*/

.news-block {

		margin-bottom: 25px;

}

.news-block img {

		border-radius: 4px;

}

.news-block p {

		font-size: 15px;

}

.blog-main {

		padding: 18px 25px;

				border-radius: 4px;

border: 1px solid #f7f7f7;

}



.news-block h2 a {

		color: #333;

		font-size: 20px;

}



.news-block h2 {

				line-height: 18px;

						margin-bottom: 20px;





}

.news-block .date {

		font-size: 13px;

		color: #777;

		margin-bottom: 5px;

}



/*==========

blog-grid

==========*/



.blog-grid {

		position: relative;

border: 0px solid #f2f2f2;

 -webkit-transition: all .3s ease;

	transition: all .3s ease;

							box-shadow: 0px 0px 35px 0px hsla(0, 0%, 0%, 0.05);

							margin-bottom: 25px;



}





.blog-grid .title a {

		color: #333;

				font-family: 'PT Sans', sans-serif;

margin-top: 0;



}



.blog-grid .title a:hover {

		color: #3498db

}

.blog-grid .product-content {

		padding: 20px ;

}



/*==========

testi

==========*/

.testi {

		margin-bottom: 25px;

}

.testi p {

		font-size: 15px;

		color: #444;

}



.testi .rating {

		margin-bottom: 15px;

}

.testi-main {

	 padding: 18px 25px;

				border-radius: 4px;

border: 1px solid #f7f7f7;

}

.testi-tov {

		text-align: center;

}



.testi-tov img {

		margin-bottom: 15px;

}



.testi-tov .price {

		color: #333;

		font-size: 15px;

		font-weight: 600;

		margin-top: 15px;

}



.testi-tov .price .old {

		font-weight: normal;

		display: inline-block;

		margin-left: 7px;

		color: #f76b6a;

		font-weight: 600;

		text-decoration: line-through;



}



.testi-main .rating {

		color: #f39c12;

		font-size: 12px;

		padding: 0;

		margin: 0;

		list-style: none;

		margin-bottom: 15px;

}



.testi-main .title {

		color: #333;

		font-weight: 500;

}









/*==========

long-banner

==========*/



.long-banner {

		max-height: 300px;

		overflow: hidden;

		margin:0 0 25px 0;

		border-radius: 4px;

		position: relative;

		text-align: center;





}



.long-banner img  {

	 text-decoration: none;

						transition: all .7s ease;





}



.long-banner:hover img   {

		 transform: scale(1.1); 

}



.long-banner .caption {

		position: absolute;

		top: 30%;   

		text-align: center;    

width: 100%;





}



.long-banner .caption h2 {

		font-weight: 700;

		color: #fff;

		text-transform: uppercase;

		font-size: 35px;

		text-shadow: 0 1px 5px rgba(0,0,0,0.25);

		margin-bottom: 5px;

}



.long-banner .caption p {

		font-size: 20px;

		color: #fff;

text-transform: uppercase;

font-weight: 600;

				text-shadow: 0 1px 5px rgba(0,0,0,0.25);



}



.long-banner   span {

		display: block;

		background: #FFD200;

		padding: 10px 25px;

		width: 150px;

		margin: 0 auto;

		font-weight: 700;

		text-transform: uppercase;

		position: absolute;

		left: 5%;

		top: 0;

		font-size: 22px;

		color: #111;

}



.long-banner   span  img {

		width: 25px;

		opacity: 0.79;

}



/*==========

v-banner

==========*/



.v-banner {

		margin-bottom: 25px;

}



/*==========

Seo-text

==========*/

.seo {

background: #f9f9f9; 

	padding: 65px;



}



.seo h1 {

		font-size: 25px;

		margin-bottom: 25px;

}

#seotext {

	font-size: 14px;

	line-height: 1.5;

	width: 100%;

	position: relative;





}



#seotext div.collapse[aria-expanded="false"] {

		height: 152px !important;

		overflow: hidden;

	

		display: -webkit-box;

		-webkit-line-clamp: 2;

		-webkit-box-orient: vertical;  

}



#seotext div.collapsing[aria-expanded="false"] {

		height: 152px !important;

}

#seotext a {

		text-decoration: none;

		color: #333;



}



#seotext a.collapsed:after  {

		content: '+';

		 line-height: 1px;

		text-align: center;

	color: #333;

background: #fff;

padding: 15px 10px;

		text-decoration: none;

		font-size: 26px;

		font-weight: 300;

		position: absolute;

		 bottom: -30px;

		 width: 40px;



}



#seotext a:not(.collapsed):after {

		content: '-';

	 line-height: 1px;

		text-align: center;

	color: #333;

background: #fff;

padding: 15px 10px;

		text-decoration: none;

		font-size: 26px;

		font-weight: 300;

		position: absolute;

		 bottom: -30px;

					width: 40px;

							box-shadow: 0px 5px 25px 0px hsla(0, 0%, 0%, 0.09);





}

/*==========

brand-line 

==========*/



.brand-line {

		margin: 0 auto ;

		text-align: center;

		border-top: 1px solid #f2f2f2;

}



.brand-line img {

		text-align: center;

	 margin: 0 auto ;

}



/*==========

full-tov

==========*/

.full-tov {

		padding: 25px;

		border: 1px solid #f2f2f2;

		border-radius: 4px;

		

}



.thumbnail {

	padding: 0px;

	border: 0px;

	border-radius: 0px;

}

.full-tov h1 {

		font-size: 27px;

}





.full-tov .rate {

		margin: 25px 0;

		font-size: 14px;

}



.full-tov .rate a {

		color: #888;

}



.full-tov .rating {

		color: #f39c12;

		font-size: 12px;

		padding: 0;

		margin: 0;

		list-style: none;

}

.full-tov .rating .disable{

		color: #777;

		

}



.full-tov .parametr  {

		font-size: 15px;

		margin-bottom: 25px;

}



.full-tov .parametr dd {

			 color: #777; 

}

.full-tov .parametr dd orb5 {

			 color: #009c2f;
			 font-weight: bold; 

}

.full-tov .parametr dd orb7 {

			 color: #009c2f;
			 font-weight: bold; 

}

.full-tov .parametr dd orb8 {

			 color: #ff7c00;
			 font-weight: bold; 

}

.full-tov .parametr dd orb6 {

			 color: #0f9ec9;
			 font-weight: bold; 

}

.full-tov .parametr dd orb9 {

			 color: red;
			 font-weight: bold; 

}


.full-tov .parametr ddd {

			 color: #d00;
			 font-weight: bold; 

}

.full-tov .parametr a {

		color: #31B0D5;

}



.full-tov .price {

		color: #333;

		font-size: 22px;

		font-weight: 600;

		margin-bottom: 25px;



}



.full-tov .price .old {

		font-weight: normal;

		display: inline-block;

		margin-left: 7px;

		color: #f76b6a;

		font-weight: 600;

		text-decoration: line-through;



}



.full-tov .price i {

		font-size: 14px;

		font-weight: 400;

		padding: 5px 15px;

		background: #FE5F6D;

		border-radius: 4px;

		color: #fff;

		font-style: normal;

		margin-left: 15px;

		margin-top: -17px;

}



.full-tov .sub-price {

	font-weight: 400;

	font-size: 14px;

	margin-top: 15px;

}





.full-tov  .mini-text {

		font-size: 15px;

		color: #777;

		padding: 15px 0;

		border-top: 1px solid #f2f2f2;

		 border-bottom: 1px solid #f2f2f2;

		 margin-bottom: 25px;

}





.full-tov .options {

		margin-bottom: 25px;

}



.full-tov .options label {

	margin-bottom: 5px;

}



.spinner {

	width: 100%;

}

.spinner input {

	text-align: center;

	border-radius: 2px 0 0 2px;

	box-shadow: none;

}

.input-group-btn-vertical {

	position: relative;

	white-space: nowrap;

	width: 1%;

	vertical-align: middle;

	display: table-cell;

}

.input-group-btn-vertical > .btn {

	display: block;

	float: none;

	width: 100%;

	max-width: 100%;

	padding: 11px 15px;

	margin-left: -1px;

	position: relative;

	border-radius: 0;

}

.input-group-btn-vertical > .btn:first-child {

	border-top-right-radius: 2px;

}

.input-group-btn-vertical > .btn:last-child {

	margin-top: -2px;

	border-bottom-right-radius: 2px;

}

.input-group-btn-vertical i {

	position: absolute;

	top: 3px;

	left: 10px;

}





.nav-tabs {

		border-bottom: 0px solid #f2f2f2;

		margin-top: 25px;

}



.nav-tabs>li>a {

		color: #777;

		text-transform: uppercase;

		font-size: 14px;

		letter-spacing: 1px;

				font-family: 'PT Sans', sans-serif;

				 background-color: #fff;

					border: none;

					border-radius: 4px;



}



.nav-tabs>li>a:hover {

					background-color: #EAEBEF;

					border: 0px;

					border-radius: 4px;



}



.tab-content {

		border-left: 0px solid #f2f2f2;
		border-right: 0px solid #f2f2f2;
		border-bottom: 0px solid #f2f2f2;
		padding: 45px;
		background-color: #fff;
		margin-bottom: 25px;
		font-family: 'Circe', sans-serif;
}

.tab-content ul{
		margin-bottom: 20px;
}

.tab-content li{
		padding: 1px;
		margin-left: 10px;
}
.tab-content li:before {
		padding-right:10px;
		font-family: FontAwesome;
		font-size: 16px;
		color: #b73d6d;
		content: "\f10c";
		transition-duration: 0.5s;
}
.tab-content li:hover:before {
		color: #EAEBEF;
		content: "\f10c";
}

.tab-content pre {
		background: #f2f2f2;
		padding: 30px 30px;
		text-align: center;
		color: #fff inherit;
		font-family: 'Circe', sans-serif;
		font-size: 16px;
		border-radius: 0px;
		border: 1px solid #b73d6d;
		margin-top: 20px;
		margin-bottom: 20px;
}

.tab-content blockquote {
		font-family: 'Circe', sans-serif;
		font-size: 16px;
		position: relative;
		border-left: 20px solid #5f3d9d;
		margin-top: 20px;
		margin-bottom: 20px;
}



.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
		color: #555;
		cursor: default;
		background-color: #EAEBEF;
		border: 0px;
		border-bottom-color: transparent;
		border-radius: 4px;
}

/* Фрейм для видео */

.thumb-wrap {
  position: relative;
  padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height: 0;
  overflow: hidden;
  margin-bottom: 20px;
}
.thumb-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}

/*==========

Blog

==========*/



.blog-post {

		padding: 35px;
		border: 0px solid #f2f2f2;
		margin-bottom: 25px;
		border-radius: 4px;
		box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05);
		transition: all .7s ease;
		font-family: 'Circe', sans-serif;

}

.blog-post:hover {

										box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);

}

.blog-post  img {

		margin-bottom: 15px;

}

.blog-post h2 a {

		color: #333;
		font-family: 'Circe', sans-serif;
}

.blog-post span {

		font-size: 14px;
		margin-bottom: 10px;
		display: block;
		color: #777;

}

.blog-post .rate {

		margin: 25px 0;
		font-size: 14px;

}

.blog-post .rate a {

		color: #888;

}

.blog-post .rating {

		color: #f39c12;
		font-size: 12px;
		padding: 0;
		margin: 0;
		list-style: none;

}

.blog-post .rating li.disable {

		color: #999;

}

/* Контакты */

.bigcontact {
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
}

.bigcontact li {
	margin-bottom: 10px;
}

.bigcontact a {
	color: #b63d6c;
}

.bigphone:before {
	font-family: FontAwesome;
	padding-right:15px;
	color: #5f3d9d;
	content: "\f095";
	transition-duration: 0.5s;
}

.bigphone:hover:before {
	color: #26b5e1;
	content: "\f095";
}

.bigmail:before {
	font-family: FontAwesome;
	padding-right:15px;
	color: #5f3d9d;
	content: "\f0e0";
	transition-duration: 0.5s;
}

.bigmail:hover:before {
	color: #26b5e1;
	content: "\f0e0";
}

.bigskype:before {
	font-family: FontAwesome;
	padding-right:15px;
	color: #5f3d9d;
	content: "\f17e";
	transition-duration: 0.5s;
}

.bigskype:hover:before {
	color: #26b5e1;
	content: "\f17e";
}

.bigwhatsapp:before {
	font-family: FontAwesome;
	padding-right:15px;
	color: #5f3d9d;
	content: "\f232";
	transition-duration: 0.5s;
}

.bigwhatsapp:hover:before {
	color: #26b5e1;
	content: "\f232";
}


/* Заголовки и подзаголовки блога*/

.f-header {
		margin: 1em 0 0.5em 0;
		font-weight: 400;
		text-transform: uppercase;
		color: #594da9;
		font-family: 'Circe', sans-serif;
		font-size: 32px;
		line-height: 32px;
		text-shadow: 2px 2px 0 rgba(0,0,0,0.2);
}

.f-subheader {
		margin-top: -10px;
		font-weight: 500;
		text-transform: uppercase;
		color: #594da9;
		font-family: 'Circe', sans-serif;
}

.s-header {
		margin: 1em 0 0.5em 0;
		font-weight: 400;
		text-transform: uppercase;
		color: #b73d6d;
		font-family: 'Circe', sans-serif;
		font-size: 24px;
		line-height: 24px;
		text-shadow: 2px 2px 0 rgba(0,0,0,0.2);
}

.m-header {
		font-weight: 600;
		text-transform: uppercase;
		color: #fff;
		font-family: 'Circe', sans-serif;
		font-size: 20px;
}

@media screen and (max-width: 700px) {

.supsmalheader {
		font-size: 15px;
	}
}

.m-subheader {
		margin-top: -15px;
		margin-bottom: 10px;
		font-weight: 400;
		color: #fff;
		font-family: 'Circe', sans-serif;
		font-size: 18px;
}

/* Текстовые блоки*/

.textoblock {
		font-weight: 400;
		font-family: 'Circe', sans-serif;
		font-size: 16px;
		margin-bottom: 20px;
}

/* Фотографии */

.caption-border {
	width: 400px;
	margin: 50px auto 0;
	border: 5px solid #de6393;
	background: white;
	padding: 10px;
}
.caption-border img {
	max-width: 100%;
	height: auto;
	display: block;
}
.caption-border figcaption {
	padding: 10px;
	color: white;
	background: linear-gradient(108deg, rgba(62, 62, 62, 0.09) 0%, rgba(62, 62, 62, 0.09) 30%,rgba(234, 234, 234, 0.09) 30%, rgba(234, 234, 234, 0.09) 100%),linear-gradient(116deg, rgba(101, 101, 101, 0.06) 0%, rgba(101, 101, 101, 0.06) 51%,rgba(231, 231, 231, 0.06) 51%, rgba(231, 231, 231, 0.06) 100%),linear-gradient(258deg, rgba(103, 103, 103, 0.07) 0%, rgba(103, 103, 103, 0.07) 1%,rgba(209, 209, 209, 0.07) 1%, rgba(209, 209, 209, 0.07) 100%),linear-gradient(43deg, rgba(17, 17, 17, 0.09) 0%, rgba(17, 17, 17, 0.09) 7%,rgba(159, 159, 159, 0.09) 7%, rgba(159, 159, 159, 0.09) 100%),linear-gradient(63deg, rgba(211, 211, 211, 0.1) 0%, rgba(211, 211, 211, 0.1) 94%,rgba(233, 233, 233, 0.1) 94%, rgba(233, 233, 233, 0.1) 100%),linear-gradient(207deg, rgba(179, 179, 179, 0.1) 0%, rgba(179, 179, 179, 0.1) 57%,rgba(11, 11, 11, 0.1) 57%, rgba(11, 11, 11, 0.1) 100%),linear-gradient(25deg, rgba(118, 118, 118, 0.07) 0%, rgba(118, 118, 118, 0.07) 98%,rgba(248, 248, 248, 0.07) 98%, rgba(248, 248, 248, 0.07) 100%),linear-gradient(90deg, hsl(337,90%,49%),hsl(337,90%,49%));  /* fallback for old browsers */
	text-align: center;
	text-transform: uppercase;
}

.caption-border-2 {
	width: 600px;
	margin: 50px auto 0;
	border: 5px solid #de6393;
	background: white;
	padding: 10px;
	margin-bottom: 30px;
}
.caption-border-2 img {
	max-width: 100%;
	height: auto;
	display: block;
}
.caption-border-2 figcaption {
	padding: 10px;
	color: white;
	background: linear-gradient(108deg, rgba(62, 62, 62, 0.09) 0%, rgba(62, 62, 62, 0.09) 30%,rgba(234, 234, 234, 0.09) 30%, rgba(234, 234, 234, 0.09) 100%),linear-gradient(116deg, rgba(101, 101, 101, 0.06) 0%, rgba(101, 101, 101, 0.06) 51%,rgba(231, 231, 231, 0.06) 51%, rgba(231, 231, 231, 0.06) 100%),linear-gradient(258deg, rgba(103, 103, 103, 0.07) 0%, rgba(103, 103, 103, 0.07) 1%,rgba(209, 209, 209, 0.07) 1%, rgba(209, 209, 209, 0.07) 100%),linear-gradient(43deg, rgba(17, 17, 17, 0.09) 0%, rgba(17, 17, 17, 0.09) 7%,rgba(159, 159, 159, 0.09) 7%, rgba(159, 159, 159, 0.09) 100%),linear-gradient(63deg, rgba(211, 211, 211, 0.1) 0%, rgba(211, 211, 211, 0.1) 94%,rgba(233, 233, 233, 0.1) 94%, rgba(233, 233, 233, 0.1) 100%),linear-gradient(207deg, rgba(179, 179, 179, 0.1) 0%, rgba(179, 179, 179, 0.1) 57%,rgba(11, 11, 11, 0.1) 57%, rgba(11, 11, 11, 0.1) 100%),linear-gradient(25deg, rgba(118, 118, 118, 0.07) 0%, rgba(118, 118, 118, 0.07) 98%,rgba(248, 248, 248, 0.07) 98%, rgba(248, 248, 248, 0.07) 100%),linear-gradient(90deg, hsl(337,90%,49%),hsl(337,90%,49%));  /* fallback for old browsers */
	text-align: center;
	text-transform: uppercase;
}

.caption-border-3 {
	width: 700px;
	margin: 20px auto 0;
	background: white;
	padding: 10px;
	margin-bottom: 30px;
}
.caption-border-3 img {
	max-width: 100%;
	height: auto;
	display: block;
}
.caption-border-3 figcaption {
	padding: 10px;
	color: white;
	background: linear-gradient(108deg, rgba(62, 62, 62, 0.09) 0%, rgba(62, 62, 62, 0.09) 30%,rgba(234, 234, 234, 0.09) 30%, rgba(234, 234, 234, 0.09) 100%),linear-gradient(116deg, rgba(101, 101, 101, 0.06) 0%, rgba(101, 101, 101, 0.06) 51%,rgba(231, 231, 231, 0.06) 51%, rgba(231, 231, 231, 0.06) 100%),linear-gradient(258deg, rgba(103, 103, 103, 0.07) 0%, rgba(103, 103, 103, 0.07) 1%,rgba(209, 209, 209, 0.07) 1%, rgba(209, 209, 209, 0.07) 100%),linear-gradient(43deg, rgba(17, 17, 17, 0.09) 0%, rgba(17, 17, 17, 0.09) 7%,rgba(159, 159, 159, 0.09) 7%, rgba(159, 159, 159, 0.09) 100%),linear-gradient(63deg, rgba(211, 211, 211, 0.1) 0%, rgba(211, 211, 211, 0.1) 94%,rgba(233, 233, 233, 0.1) 94%, rgba(233, 233, 233, 0.1) 100%),linear-gradient(207deg, rgba(179, 179, 179, 0.1) 0%, rgba(179, 179, 179, 0.1) 57%,rgba(11, 11, 11, 0.1) 57%, rgba(11, 11, 11, 0.1) 100%),linear-gradient(25deg, rgba(118, 118, 118, 0.07) 0%, rgba(118, 118, 118, 0.07) 98%,rgba(248, 248, 248, 0.07) 98%, rgba(248, 248, 248, 0.07) 100%),linear-gradient(90deg, hsl(337,90%,49%),hsl(337,90%,49%));  /* fallback for old browsers */
	text-align: center;
	text-transform: uppercase;
}
@media screen and (max-width: 700px) {

.caption-border-2 {
	width: 400px;
	}

.caption-border-3 {
	width: 400px;
	}

.tdnone { 
	display: none;
	} 
}

/*Списки блога*/


.list6b {
		padding:0;
		list-style: none;
		margin-bottom: 20px;
}
.list6b li{
		padding:2px;
}
.list6b li:before {
		padding-right:10px;
		font-weight: bold;
		color: #b73d6d;
		content: "\25CF";
		transition-duration: 0.5s;
}
.list6b li:hover:before {
		color: #337AB7;
		content: "\25CF";
}


.list3a {
		padding:0;
		list-style: none;
		counter-reset: li;
		margin-bottom: 20px;
		margin-top: 20px;
}    
.list3a li {
		position: relative;
		border-left: 4px solid #337AB7;
		padding:1px 20px 1px 28px;
		margin:2px 0 2px 80px;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
}
.list3a li:before {
		line-height: 10px;
		position: absolute;
		top: 10px;
		left:-80px;
		width:80px;
		text-align:center;
		font-size: 24px;
		font-weight: bold;
		color: #77AEDB;
		counter-increment: li;
		content: "\25CF";
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;    
}
.list3a li:hover:before {
		color: #337AB7;
}
.list3a li:after {
		position: absolute;
		top: 14px;
		left: -40px;
		width: 25px;
		height: 25px;
		border: 8px solid #3399FF;
		border-radius: 50%;
		content: '';
		opacity: 0;
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
		-moz-transition: -moz-transform 0.3s, opacity 0.3s;
		transition: transform 0.3s, opacity 0.3s;
		-webkit-transform: translateX(-50%) translateY(-50%) scale(0.1);
		-moz-transform: translateX(-50%) translateY(-50%) scale(0.1);
		transform: translateX(-50%) translateY(-50%) scale(0.1);
		pointer-events: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;        
}
.list3a li:hover:after {
		opacity: 0.2;
		-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
		-moz-transform: translateX(-50%) translateY(-50%) scale(1);
		transform: translateX(-50%) translateY(-50%) scale(1);
}    


.list3a2 {
		padding:0;
		list-style: none;
		counter-reset: li;
		margin-bottom: 20px;
		margin-top: 20px;
}    
.list3a2 li {
		position: relative;
		border-left: 4px solid #337AB7;
		padding:1px 20px 1px 28px;
		margin:2px 0 2px 80px;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
}
.list3a2 li:before {
		line-height: 10px;
		position: absolute;
		top: 10px;
		left:-80px;
		width:80px;
		text-align:center;
		font-size: 24px;
		font-weight: bold;
		color: #77AEDB;
		counter-increment: li;
		content: counter(li);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;    
}
.list3a2 li:hover:before {
		color: #337AB7;
}
.list3a2 li:after {
		position: absolute;
		top: 14px;
		left: -40px;
		width: 25px;
		height: 25px;
		border: 8px solid #3399FF;
		border-radius: 50%;
		content: '';
		opacity: 0;
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
		-moz-transition: -moz-transform 0.3s, opacity 0.3s;
		transition: transform 0.3s, opacity 0.3s;
		-webkit-transform: translateX(-50%) translateY(-50%) scale(0.1);
		-moz-transform: translateX(-50%) translateY(-50%) scale(0.1);
		transform: translateX(-50%) translateY(-50%) scale(0.1);
		pointer-events: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;        
}
.list3a2 li:hover:after {
		opacity: 0.2;
		-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
		-moz-transform: translateX(-50%) translateY(-50%) scale(1);
		transform: translateX(-50%) translateY(-50%) scale(1);
}    


.phonelist {
		padding:0;
		list-style: none;
		margin-bottom: 20px;
}
.phonelist li{
		padding:1px;
}
.phonelist li:before {
		padding-right:10px;
		font-weight: bold;
		font-size: 20px;
		color: #5848a2;
		content: "\260E";
		transition-duration: 0.5s;
}
.phonelist li:hover:before {
		color: #b73d6d;
		content: "\260E";
}

.conlist {
		padding:0;
		list-style: none;
		margin-bottom: 20px;
}
.conlist li{
		padding:1px;
}
.conlist li:before {
		padding-right:10px;
		font-weight: bold;
		font-size: 20px;
		color: #fff;
		content: "\25A0";
		transition-duration: 0.5s;
}
.conlist li:hover:before {
		color: #b73d6d;
		content: "\25A0";
}

.timelist {
		padding:0;
		list-style: none;
		margin-bottom: 15px;
}
.timelist li{
		padding:1px;
}
.timelist li:before {
		font-family: FontAwesome;
		padding-right:10px;
		font-size: 20px;
		color: #fff;
		content: "\f017";
		transition-duration: 0.5s;
}
.timelist li:hover:before {
		color: #b73d6d;
		content: "\f017";
}

/* Цитаты */

.pinkquote {
margin: 0;
margin-bottom: 20px;
background: linear-gradient(108deg, rgba(62, 62, 62, 0.09) 0%, rgba(62, 62, 62, 0.09) 30%,rgba(234, 234, 234, 0.09) 30%, rgba(234, 234, 234, 0.09) 100%),linear-gradient(116deg, rgba(101, 101, 101, 0.06) 0%, rgba(101, 101, 101, 0.06) 51%,rgba(231, 231, 231, 0.06) 51%, rgba(231, 231, 231, 0.06) 100%),linear-gradient(258deg, rgba(103, 103, 103, 0.07) 0%, rgba(103, 103, 103, 0.07) 1%,rgba(209, 209, 209, 0.07) 1%, rgba(209, 209, 209, 0.07) 100%),linear-gradient(43deg, rgba(17, 17, 17, 0.09) 0%, rgba(17, 17, 17, 0.09) 7%,rgba(159, 159, 159, 0.09) 7%, rgba(159, 159, 159, 0.09) 100%),linear-gradient(63deg, rgba(211, 211, 211, 0.1) 0%, rgba(211, 211, 211, 0.1) 94%,rgba(233, 233, 233, 0.1) 94%, rgba(233, 233, 233, 0.1) 100%),linear-gradient(207deg, rgba(179, 179, 179, 0.1) 0%, rgba(179, 179, 179, 0.1) 57%,rgba(11, 11, 11, 0.1) 57%, rgba(11, 11, 11, 0.1) 100%),linear-gradient(25deg, rgba(118, 118, 118, 0.07) 0%, rgba(118, 118, 118, 0.07) 98%,rgba(248, 248, 248, 0.07) 98%, rgba(248, 248, 248, 0.07) 100%),linear-gradient(90deg, hsl(337,90%,49%),hsl(337,90%,49%));  /* fallback for old browsers */
color: #fff;
padding: 20px 30px;
position: relative;
border-left: 20px solid #5f3d9d;
font-family: 'Circe', sans-serif;
}

.pinkquote:before {
font-family: serif;
position: absolute;
left: -29px;
top: 5px;
color: #BCBCBC;
font-size: 50px;
text-shadow: 1px 2px 0 white;
}

.pinkquote p {
margin: 0 0 16px;
font-size: 20px;
letter-spacing: .05em;
line-height: 1.4;
}

.pinkquote cite {
font-style: normal;
font-weight: 300;
}

.bluequote {
margin: 0;
margin-bottom: 20px;
background: linear-gradient(108deg, rgba(62, 62, 62, 0.09) 0%, rgba(62, 62, 62, 0.09) 30%,rgba(234, 234, 234, 0.09) 30%, rgba(234, 234, 234, 0.09) 100%),linear-gradient(116deg, rgba(101, 101, 101, 0.06) 0%, rgba(101, 101, 101, 0.06) 51%,rgba(231, 231, 231, 0.06) 51%, rgba(231, 231, 231, 0.06) 100%),linear-gradient(258deg, rgba(103, 103, 103, 0.07) 0%, rgba(103, 103, 103, 0.07) 1%,rgba(209, 209, 209, 0.07) 1%, rgba(209, 209, 209, 0.07) 100%),linear-gradient(43deg, rgba(17, 17, 17, 0.09) 0%, rgba(17, 17, 17, 0.09) 7%,rgba(159, 159, 159, 0.09) 7%, rgba(159, 159, 159, 0.09) 100%),linear-gradient(63deg, rgba(211, 211, 211, 0.1) 0%, rgba(211, 211, 211, 0.1) 94%,rgba(233, 233, 233, 0.1) 94%, rgba(233, 233, 233, 0.1) 100%),linear-gradient(207deg, rgba(179, 179, 179, 0.1) 0%, rgba(179, 179, 179, 0.1) 57%,rgba(11, 11, 11, 0.1) 57%, rgba(11, 11, 11, 0.1) 100%),linear-gradient(25deg, rgba(118, 118, 118, 0.07) 0%, rgba(118, 118, 118, 0.07) 98%,rgba(248, 248, 248, 0.07) 98%, rgba(248, 248, 248, 0.07) 100%),linear-gradient(90deg, hsl(216deg 48% 51%),hsl(216deg 47% 51%));  /* fallback for old browsers */
color: #fff;
padding: 20px 30px;
position: relative;
border-left: 20px solid #5f3d9d;
font-family: 'Circe', sans-serif;
}

.bluequote:before {
font-family: serif;
position: absolute;
left: -29px;
top: 5px;
color: #BCBCBC;
font-size: 50px;
text-shadow: 1px 2px 0 white;
}

.bluequote p {
margin: 0 0 16px;
font-size: 20px;
letter-spacing: .05em;
line-height: 1.4;
}

.bluequote cite {
font-style: normal;
font-weight: 300;
}

.bluepre {
background: linear-gradient(135deg, #2cafdf 50%, #30a3db 50%);
padding: 30px 30px;
text-align: center;
color: #fff;
font-family: 'Circe', sans-serif;
}

.bluepre p {
font-size: 30px;
margin-top: 20px;
}


/* Таблицы блога */

.blogtable {
	width: 100%; 
	border-collapse: collapse;
	margin-bottom: 20px;
}

.blogtable thead tr {
	color: #ffffff;
	font-weight: bold;
	font-size: 20px;
	background: linear-gradient(108deg, rgba(62, 62, 62, 0.09) 0%, rgba(62, 62, 62, 0.09) 30%,rgba(234, 234, 234, 0.09) 30%, rgba(234, 234, 234, 0.09) 100%),linear-gradient(116deg, rgba(101, 101, 101, 0.06) 0%, rgba(101, 101, 101, 0.06) 51%,rgba(231, 231, 231, 0.06) 51%, rgba(231, 231, 231, 0.06) 100%),linear-gradient(258deg, rgba(103, 103, 103, 0.07) 0%, rgba(103, 103, 103, 0.07) 1%,rgba(209, 209, 209, 0.07) 1%, rgba(209, 209, 209, 0.07) 100%),linear-gradient(43deg, rgba(17, 17, 17, 0.09) 0%, rgba(17, 17, 17, 0.09) 7%,rgba(159, 159, 159, 0.09) 7%, rgba(159, 159, 159, 0.09) 100%),linear-gradient(63deg, rgba(211, 211, 211, 0.1) 0%, rgba(211, 211, 211, 0.1) 94%,rgba(233, 233, 233, 0.1) 94%, rgba(233, 233, 233, 0.1) 100%),linear-gradient(207deg, rgba(179, 179, 179, 0.1) 0%, rgba(179, 179, 179, 0.1) 57%,rgba(11, 11, 11, 0.1) 57%, rgba(11, 11, 11, 0.1) 100%),linear-gradient(25deg, rgba(118, 118, 118, 0.07) 0%, rgba(118, 118, 118, 0.07) 98%,rgba(248, 248, 248, 0.07) 98%, rgba(248, 248, 248, 0.07) 100%),linear-gradient(90deg, hsl(216deg 48% 51%),hsl(216deg 47% 51%));  /* fallback for old browsers */
}
.blogtable thead td {
	padding: 10px;
	text-align: center;
}
.blogtable thead tr td {
	border: 1px solid #e8e9eb;
}
.blogtable tbody tr td {
	border: 1px solid #e8e9eb;
}
.blogtable tbody td {
	padding: 5px 10px 5px 10px;
}
.blogtable tbody tr:nth-child(2n) {
	background: #f4f4f4;
}
.blogtable tbody td:nth-child(2n) {
	font-weight: bold;
}
.blogtable tbody tr:hover {
	background: #ffbcd6;
}

/* Слайдер блога */

.akumake-vanoson {
  position: relative;
  }

.kudasem-gopavan {
  position: absolute;
  bottom: 98px;
  left: 15px;
  background-color: #0a0a0a;
  opacity: .7;
  color: #f7f4f4;
  text-shadow: 0 1px 0 #151515;
  padding-left: 18px;
  padding-right: 18px;
  width:60%;
}

.mudasem-gopavan {
  position: absolute;
  bottom: 48px;
  left: 15px;
  padding-left: 5px;
  padding-right: 5px;
}

.akumake-vanoson img{
  width:100%;
  }

/*==========

news-block

==========*/

.news-block {

		margin-bottom: 25px;

}

.news-block img {

		border-radius: 4px;

}

.news-block p {

		font-size: 15px;

}

.blog-main {

		padding: 18px 25px;

				border-radius: 4px;

border: 1px solid #f7f7f7;

}



.news-block h2 a {

		color: #333;

		font-size: 20px;

}



.news-block h2 {

				line-height: 18px;

						margin-bottom: 20px;





}

.news-block .date {

		font-size: 13px;

		color: #777;

		margin-bottom: 5px;

}





/*==========

comment

==========*/

.comment {

	margin-bottom: 25px;

		border-radius: 4px;

		box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05);

		padding: 15px;



}



.comment .author {

	font-weight: 600;

}



.comment .rating {

		color: #f39c12;

		font-size: 12px;

		padding: 0;

		margin: 0;

		list-style: none;

}



.comment .rating li.disable {

		color: #999;

}



/*==========

footer

==========*/



footer {

		padding: 65px ;

		border-top: 0px solid #f2f2f2;

		font-size: 15px;

		background: linear-gradient(161deg, rgba(121, 121, 121, 0.02) 0%, rgba(121, 121, 121, 0.02) 16.667%,rgba(193, 193, 193, 0.02) 16.667%, rgba(193, 193, 193, 0.02) 33.334%,rgba(177, 177, 177, 0.02) 33.334%, rgba(177, 177, 177, 0.02) 50.001000000000005%,rgba(5, 5, 5, 0.02) 50.001%, rgba(5, 5, 5, 0.02) 66.668%,rgba(229, 229, 229, 0.02) 66.668%, rgba(229, 229, 229, 0.02) 83.33500000000001%,rgba(211, 211, 211, 0.02) 83.335%, rgba(211, 211, 211, 0.02) 100.002%),linear-gradient(45deg, rgba(223, 223, 223, 0.02) 0%, rgba(223, 223, 223, 0.02) 14.286%,rgba(70, 70, 70, 0.02) 14.286%, rgba(70, 70, 70, 0.02) 28.572%,rgba(109, 109, 109, 0.02) 28.572%, rgba(109, 109, 109, 0.02) 42.858%,rgba(19, 19, 19, 0.02) 42.858%, rgba(19, 19, 19, 0.02) 57.144%,rgba(180, 180, 180, 0.02) 57.144%, rgba(180, 180, 180, 0.02) 71.42999999999999%,rgba(63, 63, 63, 0.02) 71.43%, rgba(63, 63, 63, 0.02) 85.71600000000001%,rgba(87, 87, 87, 0.02) 85.716%, rgba(87, 87, 87, 0.02) 100.002%),linear-gradient(337deg, rgba(142, 142, 142, 0.02) 0%, rgba(142, 142, 142, 0.02) 20%,rgba(164, 164, 164, 0.02) 20%, rgba(164, 164, 164, 0.02) 40%,rgba(203, 203, 203, 0.02) 40%, rgba(203, 203, 203, 0.02) 60%,rgba(228, 228, 228, 0.02) 60%, rgba(228, 228, 228, 0.02) 80%,rgba(54, 54, 54, 0.02) 80%, rgba(54, 54, 54, 0.02) 100%),linear-gradient(314deg, rgba(187, 187, 187, 0.02) 0%, rgba(187, 187, 187, 0.02) 12.5%,rgba(170, 170, 170, 0.02) 12.5%, rgba(170, 170, 170, 0.02) 25%,rgba(214, 214, 214, 0.02) 25%, rgba(214, 214, 214, 0.02) 37.5%,rgba(187, 187, 187, 0.02) 37.5%, rgba(187, 187, 187, 0.02) 50%,rgba(190, 190, 190, 0.02) 50%, rgba(190, 190, 190, 0.02) 62.5%,rgba(6, 6, 6, 0.02) 62.5%, rgba(6, 6, 6, 0.02) 75%,rgba(206, 206, 206, 0.02) 75%, rgba(206, 206, 206, 0.02) 87.5%,rgba(171, 171, 171, 0.02) 87.5%, rgba(171, 171, 171, 0.02) 100%),linear-gradient(300deg, rgba(243, 243, 243, 0.01) 0%, rgba(243, 243, 243, 0.01) 12.5%,rgba(209, 209, 209, 0.01) 12.5%, rgba(209, 209, 209, 0.01) 25%,rgba(179, 179, 179, 0.01) 25%, rgba(179, 179, 179, 0.01) 37.5%,rgba(3, 3, 3, 0.01) 37.5%, rgba(3, 3, 3, 0.01) 50%,rgba(211, 211, 211, 0.01) 50%, rgba(211, 211, 211, 0.01) 62.5%,rgba(151, 151, 151, 0.01) 62.5%, rgba(151, 151, 151, 0.01) 75%,rgba(16, 16, 16, 0.01) 75%, rgba(16, 16, 16, 0.01) 87.5%,rgba(242, 242, 242, 0.01) 87.5%, rgba(242, 242, 242, 0.01) 100%),linear-gradient(6deg, rgba(31, 31, 31, 0.02) 0%, rgba(31, 31, 31, 0.02) 20%,rgba(193, 193, 193, 0.02) 20%, rgba(193, 193, 193, 0.02) 40%,rgba(139, 139, 139, 0.02) 40%, rgba(139, 139, 139, 0.02) 60%,rgba(14, 14, 14, 0.02) 60%, rgba(14, 14, 14, 0.02) 80%,rgba(122, 122, 122, 0.02) 80%, rgba(122, 122, 122, 0.02) 100%),linear-gradient(279deg, rgba(190, 190, 190, 0.02) 0%, rgba(190, 190, 190, 0.02) 14.286%,rgba(160, 160, 160, 0.02) 14.286%, rgba(160, 160, 160, 0.02) 28.572%,rgba(23, 23, 23, 0.02) 28.572%, rgba(23, 23, 23, 0.02) 42.858%,rgba(60, 60, 60, 0.02) 42.858%, rgba(60, 60, 60, 0.02) 57.144%,rgba(149, 149, 149, 0.02) 57.144%, rgba(149, 149, 149, 0.02) 71.42999999999999%,rgba(4, 4, 4, 0.02) 71.43%, rgba(4, 4, 4, 0.02) 85.71600000000001%,rgba(50, 50, 50, 0.02) 85.716%, rgba(50, 50, 50, 0.02) 100.002%),linear-gradient(109deg, rgba(124, 124, 124, 0.03) 0%, rgba(124, 124, 124, 0.03) 12.5%,rgba(61, 61, 61, 0.03) 12.5%, rgba(61, 61, 61, 0.03) 25%,rgba(187, 187, 187, 0.03) 25%, rgba(187, 187, 187, 0.03) 37.5%,rgba(207, 207, 207, 0.03) 37.5%, rgba(207, 207, 207, 0.03) 50%,rgba(206, 206, 206, 0.03) 50%, rgba(206, 206, 206, 0.03) 62.5%,rgba(118, 118, 118, 0.03) 62.5%, rgba(118, 118, 118, 0.03) 75%,rgba(89, 89, 89, 0.03) 75%, rgba(89, 89, 89, 0.03) 87.5%,rgba(96, 96, 96, 0.03) 87.5%, rgba(96, 96, 96, 0.03) 100%),linear-gradient(329deg, rgba(35, 35, 35, 0.02) 0%, rgba(35, 35, 35, 0.02) 20%,rgba(246, 246, 246, 0.02) 20%, rgba(246, 246, 246, 0.02) 40%,rgba(118, 118, 118, 0.02) 40%, rgba(118, 118, 118, 0.02) 60%,rgba(245, 245, 245, 0.02) 60%, rgba(245, 245, 245, 0.02) 80%,rgba(140, 140, 140, 0.02) 80%, rgba(140, 140, 140, 0.02) 100%),linear-gradient(90deg, hsl(314,0%,31%),hsl(314,0%,31%));

}

footer .mt-45 {

		margin-top: 58px;

}

footer .logo {

		margin-bottom: 0px;

		margin-top: -17px;

		margin-left: -13px;

}



footer h4 {

		text-transform: uppercase;

		font-weight: 600;

		font-size: 14px;

		margin-bottom: 15px;

		letter-spacing: 1px;

		 color: #ddd;

}

footer p {

		font-size: 13px;

		color: #ddd;

}



footer a {

		color: #f2f2f2;

		text-transform: uppercase;

		font-size: 12px;



}

footer a:hover {

	color: #F7505A;

	text-decoration: none;

}

footer li {

		margin-top: 10px;

}



footer .soc {
		font-size: 18px;
}



footer .soc a {
		margin-right: 8px;
		font-size: 18px;
}



footer .cont i {
	margin-right: 7px;
	font-size: 16px;
}



footer .allrights {
	margin-top: 20px;
	text-transform: uppercase;
}



footer .years {
	color: #28b8e3;
	font-size: 14px;
}

/*==========

OPENCART STYLESEET.CSS

==========*/



a:hover {

	text-decoration: none;

}

legend {

	font-size: 18px;

	padding: 7px 0px

}

label {

	font-size: 12px;

	font-weight: normal;

}



.input-group .input-group-addon {

	font-size: 12px;

	height: 30px;

}

/* Fix some bootstrap issues */

span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {

	display: inline;

}





div.required .control-label:before {

	content: '* ';

	color: #F00;

	font-weight: bold;

}



/* top */

#top {

	background-color: #EEEEEE;

	border-bottom: 1px solid #e2e2e2;

	padding: 4px 0px 3px 0;

	margin: 0 0 20px 0;

	min-height: 40px;

}

#top .container {

	padding: 0 20px;

}

#top #form-currency .currency-select,

#top #form-language .language-select {

	text-align: left;

}

#top #form-currency .currency-select:hover,

#top #form-language .language-select:hover {

	text-shadow: none;

	color: #ffffff;

	background-color: #229ac8;

	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);

	background-repeat: repeat-x;

}

#top .btn-link, #top-links li, #top-links a {

	color: #888;

	text-shadow: 0 1px 0 #FFF;

	text-decoration: none;

}

#top .btn-link:hover, #top-links a:hover {

	color: #444;

}

#top-links .dropdown-menu a {

	text-shadow: none;

}

#top-links .dropdown-menu a:hover {

	color: #FFF;

}

#top .btn-link strong {

	font-size: 14px;

				line-height: 14px;

}

#top-links {

	padding-top: 6px;

}

#top-links a + a {

	margin-left: 15px;

}



}

/* content */

#content {

	min-height: 600px;

}



/* alert */

.alert {

	padding: 8px 14px 8px 14px;

}



.pagination {

	margin: 0;

}



/* list group */

.list-group-item:first-child {

	border-top-left-radius: 2px;

	border-top-right-radius: 2px;

}

.list-group-item:last-child {

	margin-bottom: 0;

	border-bottom-right-radius: 2px;

	border-bottom-left-radius: 2px;

}





.list-group a {

	border: 0px solid #f1f1f1;

	color: #333;

	padding: 8px 12px;



}

.list-group a.active, .list-group a.active:hover, .list-group a:hover {

	color: #444444;

	background: #eeeeee;

	border: 0px solid #DDDDDD;

}

/* carousel */

.carousel-caption {

	color: #FFFFFF;

}

.carousel-control .icon-prev:before {

	content: '\f053';

	font-family: FontAwesome;

}

.carousel-control .icon-next:before {

	content: '\f054';

	font-family: FontAwesome;

}



.product-thumb .image {

	text-align: center;

}

.product-thumb .image a {

	display: block;

}

.product-thumb .image a:hover {

	opacity: 0.8;

}

.product-thumb .image img {

	margin-left: auto;

	margin-right: auto;

}

.product-grid .product-thumb .image {

	float: none;

}

@media (min-width: 767px) {

.product-list .product-thumb .image {

	float: left;

	padding: 0 15px;

}

}

.product-list .product-thumb .caption {

	margin-left: 230px;

}



@media (max-width: 767px) {

.product-list .product-thumb .caption {

	min-height: 0;

	margin-left: 0;

	padding: 0 10px;

}

.product-grid .product-thumb .caption {

	min-height: 0;

}

}



@media (max-width: 768px) {

	.product-list .product-thumb .button-group {

		border-left: none;

	}

}

.product-thumb .button-group button {

	width: 60%;

	border: none;

	display: inline-block;

	float: left;

	background-color: #eee;

	color: #888;

	line-height: 38px;

	font-weight: bold;

	text-align: center;

	text-transform: uppercase;

}

.product-thumb .button-group button + button {

	width: 20%;

	border-left: 1px solid #ddd;

}

.product-thumb .button-group button:hover {

	color: #444;

	background-color: #ddd;

	text-decoration: none;

	cursor: pointer;

}

@media (max-width: 1200px) {

	.product-thumb .button-group button, .product-thumb .button-group button + button {

		width: 33.33%;

	}

}

@media (max-width: 767px) {

	.product-thumb .button-group button, .product-thumb .button-group button + button {

		width: 33.33%;

	}

}



@media (min-width: 1200px) {

	#content .col-lg-2:nth-child(6n+1),

	#content .col-lg-3:nth-child(4n+1),

	#content .col-lg-4:nth-child(3n+1),

	#content .col-lg-6:nth-child(2n+1) {

		clear:left;

	}

}

@media (min-width: 992px) and (max-width: 1199px) {

	#content .col-md-2:nth-child(6n+1),

	#content .col-md-3:nth-child(4n+1),

	#content .col-md-4:nth-child(3n+1),

	#content .col-md-6:nth-child(2n+1) {

		clear:left;

	}

}

@media (min-width: 768px) and (max-width: 991px) {

	#content .col-sm-2:nth-child(6n+1),

	#content .col-sm-3:nth-child(4n+1),

	#content .col-sm-4:nth-child(3n+1),

	#content .col-sm-6:nth-child(2n+1) {

		clear:left;

	}

}



/* fixed colum left + content + right*/

@media (min-width: 768px) {

		#column-left  .product-layout .col-md-3 {

			 width: 100%;

		}



	#column-left + #content .product-layout .col-md-3 {

			 width: 50%;

		}



	#column-left + #content + #column-right .product-layout .col-md-3 {

			 width: 100%;

		}



		#content + #column-right .product-layout .col-md-3 {

			 width: 100%;

		}

}



/* fixed product layouts used in left and right columns */

#column-left .product-layout, #column-right .product-layout {

	width: 100%;

}



/* fixed mobile cart quantity input */

.input-group .form-control[name^=quantity] {

	min-width: 50px;

}





/* fix oclabs */

.alert-dismissable .close, .alert-dismissible .close {

	right: -1px;

}



/*

=====================================

MEGAMENU

=======================================*/



/* Page */

ul,ol,li,dl,dt,dd{border:0;outline:none;margin:0;padding:0;}

ul{list-style:none;}





/* Vertical Mega Menu Styles */

.mega-menu{

line-height: 16px; 

background: #fff;

border-left:0px solid #f2f2f2;  

border-right: 0px solid #f2f2f2;  

position: relative; /* Required */

margin-top: 0px;

margin-bottom: 25px;

		box-shadow: 0px 5px 35px 0px hsla(0, 0%, 0%, 0.11);

	width: 100%;



}



.mega-main .mega-menu {

	width: 100%;

}

.mega-menu li a {

display: block; 

color: #555; 

padding: 12px 38px 12px 25px; 

text-decoration: none;  

border-bottom: 1px solid #f1f1f1; 

}



.mega-menu li a:hover, .mega-menu li.mega-hover a {

background: #f2f2f2; 

color: #555; 

}

.mega-menu li a.dc-mega {

position: relative;

}

/* Add arrow icon to parent links */

.mega-menu li a .dc-mega-icon {

display: block; 

position: absolute; 

top: 12px; 

right: 15px; 



}





.mega-menu li a .dc-mega-icon:before {

	 font-family: FontAwesome;

	padding: 0 10px;

	color: #333;

	content: "\f105";

}



/* Mega menu container */

.mega-menu li .sub-container {

position: absolute; /* Required */

background: #f2f2f2;

padding: 10px !important; 

border-left: none;

box-shadow: 8px 6px 11px 0px hsla(0, 0%, 65.4%, 0.30)

}



.mega-menu .sub-container {

	padding: 45px;

}

.mega-menu li .sub-container .sub {}



.mega-menu li .sub .row {

width: 100%; overflow: hidden; /* Clear floats */

}

.mega-menu li .sub li {

float: none; 

width: 210px; 

font-size: 1em; 

font-weight: normal;

}

.mega-menu li .sub li.mega-hdr {

float: left; /* Required */

margin: 0 5px 10px 15px;

}

.mega-menu li .sub a, .mega-menu.left li .sub a {

background: none; 

border: none; 

text-shadow: none;

float: none;

color: #333; 

padding: 7px 10px; 

display: block;

text-decoration: none; 

font-size: 15px;

}

.mega-menu li .sub li.mega-hdr a.mega-hdr-a {

margin-bottom: 15px; 

text-transform: uppercase; 

font-weight: bold; 

color: #333; 

}

.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {

color: #333; 

text-shadow: none;

}

.mega-menu .sub li.mega-hdr li a {

padding: 4px 5px 4px 10px; 

font-weight: normal;

}

.mega-menu .sub li.mega-hdr li a:hover {

color: #F7505A; 

}

.mega-menu .sub ul li {

padding-right: 0;

}

/* Styling for menu items with only 2 levels */

.mega-menu li .sub-container.non-mega .sub {

padding: 10px;}

.mega-menu li .sub-container.non-mega li {

padding: 0; 

margin: 0;

width: 150px;

}

.mega-menu li .sub-container.non-mega li a {

padding: 7px 5px 7px 22px; 

}

.mega-menu li .sub-container.non-mega li a:hover {

color: #a32403; 

}





@media (max-width: 1201px) {

.mega-menu {

	width: 100%;

}

.mega-menu li .sub .row {

		width: 100% !important;

}

.mega-menu li .sub-container {

	position: static;

	left: 0px !important;

	margin-top: 0px !important;



}





	}



	.show-nav {

		display: block !important;

	}