/* Common
-------------------------------------------------- */
/*
font-family: 'Forum', cursive;
*/

body {
	font-family: 'Roboto', sans-serif;
	color: #4F4F4F;
}
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
	text-align: center;
	font-family: 'Forum', cursive;
	color: #000000;
}
h1, .h1, h2, .h2 {
	font-size: 3.0em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.lead {
	font-size: 1.5em;
}

.page {
	padding-top: 60px;
}

.form-control {
	border-radius: 8px;
	border: 1px solid #828282;
}
.wave-divider {
	background: url(../img/wave-divider.svg) center center no-repeat;
	display: block;
	width: 100%;
	height: 18px;
	margin: 4.0em 0;
}
.text-condensed {
	line-height: 1.2em;
	margin-bottom: 0.4em;
}

.header {
	margin-bottom: 8px;
}
.main-nav a {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	line-height: 19px;
}
.main-nav a.nav-link {
	padding-right: 0.8rem!important;
    padding-left: 0.8rem!important;
	padding-top: 1.1rem;
	color: #4F4F4F!important;
	font-weight: 100;
}
.navbar-collapse {
    -ms-flex-preferred-size: initial;
    flex-basis: initial;
}
.shopping-bag {
	background: url(../img/shopping-bag.svg) left center no-repeat;
	padding-left: 18px;
	color: #2D9CDB;
	height: 20px;
	display: inline-block;
	padding-top: 3px;
	margin-top: 8px;
	margin-left: 24px;
	font-weight: 100;
}
.header .phone {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color: #4F4F4F;
	display: inline-block;
	margin-top: 8px;
}
.header .btn-gradient {
	font-size: 12px!important;
}
.header .nav-item .nav-link:hover {
	text-decoration: underline;
}
.header .nav-item.active .nav-link {
	color: #2D9CDB!important;
}
.header .nav-item.active .nav-link:hover {
	text-decoration: none;
}

.index-slider {
 	min-height: 670px;
	background-size: cover;
	margin-bottom: 3.0em;
}
.index-slider .slider-title {
	font-family: 'Forum', cursive;
	font-size: 3.0em;
	color: #FFFFFF;
}
.index-slider .slider-desc {
	font-size: 0.8em;
	color:  #FFFFFF;
	width:50%;
	margin-bottom: 4.0em;
}

.pref {
	margin-top: 2.0em;
	margin-bottom: 2.0em;
}
.pref img {
	display: block;
	margin: 0 auto;
}
.pref p {
	text-align: center;
	font-size: 12px;
	font-weight: 200;
	margin: 0.4em 0;
	padding: 0 2.0em;
}
.pref p strong {
	font-size: 14px;
	font-weight: 700;
}
.pref a {
	color:inherit;
	text-decoration:none;
}

.btn-transparent {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
	font-family: 'Roboto', sans-serif;
	padding: 10px 16px;
	border: 1px solid rgba(45,156,219,1);
}
.btn-gradient, .btn-transparent.active, .btn-transparent:hover {
	color: #FFFFFF;
	font-family: 'Roboto', sans-serif;
	padding: 8px 16px;
	background: rgba(45,156,219,1);
	background: -moz-linear-gradient(left, rgba(45,156,219,1) 0%, rgba(45,156,219,0.54) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(45,156,219,1)), color-stop(100%, rgba(45,156,219,0.54)));
	background: -webkit-linear-gradient(left, rgba(45,156,219,1) 0%, rgba(45,156,219,0.54) 100%);
	background: -o-linear-gradient(left, rgba(45,156,219,1) 0%, rgba(45,156,219,0.54) 100%);
	background: -ms-linear-gradient(left, rgba(45,156,219,1) 0%, rgba(45,156,219,0.54) 100%);
	background: linear-gradient(to right, rgba(45,156,219,1) 0%, rgba(45,156,219,0.54) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d9cdb', endColorstr='#2d9cdb', GradientType=1 );
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
	cursor: pointer;
	outline:none!important;
	border: 1px solid #FFFFFF;
} 
.header .btn-gradient{
	margin-left: 16px;
}
.filter {
	margin-top: 1.0em;
	margin-bottom: 0.5em;
}
.filter .btn-transparent {
	font-size: 0.8em;
	padding: 2px 16px;
	margin-left: 2px;
	margin-right: 2px;
	display: inline-block;
}
.filter .btn-transparent:hover {
	border: 1px solid #FFFFFF;
	text-decoration: none;
}
.btn-gradient:hover {
	background: rgba(45,156,219,1);
	text-decoration: none;
	color: #FFFFFF;
}
.feedback-done {
	text-align: center;
	width: 38%;
	margin: 0 auto;
}

.footer h2 {
	margin-top: 2.5em;
}
.footer form {
	margin: 2.0em 0;
}
.footer .btn-gradient {
	padding: 7px 16px;
}
.footer .contacts {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 100;
	font-size: 1.8em;
	margin-bottom: 2.0em;
}

.active-before {
	font-weight: 700;
	color: #2D9CDB;
	margin-top: 1.0em;
}
.map {
    height: 300px;
}

.goods-link {
	border: 1px solid #E0E0E0;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;	
	margin-left: 15px;
	margin-right: 15px;
	text-align: center;
	padding: 1.4em;
	height: 300px;
	position: relative;
	margin-top: 2.0em;
}
.goods-link:hover {
	-webkit-box-shadow: -2px 4px 20px 0px rgba(50, 50, 50, 0.47);
	-moz-box-shadow:    -2px 4px 20px 0px rgba(50, 50, 50, 0.47);
	box-shadow:         -2px 4px 20px 0px rgba(50, 50, 50, 0.47);
}
.goods-link img, .cart-item img {
	display: block;
	height: 160px;
	margin: 0 auto;
	margin-bottom: 8px;
}
.cart-item img {
	height: auto;
}
.goods-link .name, .cart-item .name {
	display: block;
	font-weight: 700;
	line-height: 1.1em;
	color: #4F4F4F;
}
.goods-link .name:hover {
	text-decoration: none;
}
.goods-link .info-do {
	position: absolute;
	bottom: 12px;
	width: 100%;
	height: 30px;
	left: 0;
}
.goods-link .info-do .do {
	width: 40%;
	position: absolute;
	right: 15px;
}
.goods-link .info-do .btn-gradient {
	font-size: 11px;
	padding: 6px 16px;
	margin-left: 0;
}
.goods-link .price {
	width: 40%;
	position: absolute;
	left: 15px;
	color: #2D9CDB;
	font-weight: 700;
	font-size: 20px;
}
.cart-item .price {
	color: #2D9CDB;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
}
.cart-item {
	margin-top: 2em;
	margin-bottom: 2em;
	border-bottom: 1px solid #E0E0E0;
}
.cart-item:last-child {
	border-bottom: none;
}

.number input {
	border: none;
	text-align: center;
	box-shadow: none!important;
	outline:none;
	color: #BDBDBD;
	font-size: 20px;
	font-weight: 700;
	width: 46px;
}
.number .minus, .number .plus {
	font-size: 20px;
	font-weight: 700;
	cursor: pointer;
	color: #BDBDBD;
}
.number .plus {
	color: #2D9CDB;
}

.good-item {
	margin-top: 3.0em;
}
.good-item p {
	line-height: 1.2em;
}

.cart {
	margin-top: 2.0em;
}

.del {
	display: block;
	width: 31px;
	height: 31px;
	background: url(../img/del.png) center center no-repeat;
}

.modal .del {
	padding: 0;
    border: 0;
    -webkit-appearance: none;
	width: 31px;
	height: 31px;
	background: url(../img/del.png) center center no-repeat;
	outline: none;
	cursor: pointer;
	margin-left: auto;
}
.modal-header {
	padding: 0;
	border-bottom: none;
}
.modal-footer {
	border-top: 0px;
}

.modal-content {
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;	
	border-radius: 18px;
}
.modal-body {
	text-align: center;
}
.navbar-light .navbar-toggler {
	border: none;
	outline: none !important;
	margin-top: -6px;
}
.navbar-light .navbar-toggler-icon {
    background-image: none;
	background: url(../img/toggle.png) center center no-repeat;
	height: 14px;
	width: 26px;
}
.main-nav.scrolled, .show .navbar-nav {
	-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.3);
}

.owl-carousel .owl-item .pref.cat img {
	width: auto;
    height: 180px!important;
}
.owl-carousel .owl-item .pref img {
	width: auto;
    height: auto!important;
}
.owl-nav {
	position: absolute;
    width: 100%;
    bottom: 140px;	
}
.owl-prev {
	position: absolute;
	left: 0px;
	width: 9px;
	height: 17px;
	background: url(../img/prev.png) center center no-repeat;
}
.owl-next {
	position: absolute;
	right: 0px;
	width: 9px;
	height: 17px;
	background: url(../img/next.png) center center no-repeat;
}
.grey {
line-height:8px;
}
.grey small {
font-size:9px;
color:#BABABA;
}
.good-item ul li {
    margin-bottom: 10px;
    line-height: 1.2em;
}

/* Responsive
-------------------------------------------------------------------------------------*/

@media (max-width: 361px) { 
	.phone-block{
		display: none;
	}
	.navbar {
		padding: 0;
	}
	.navbar-brand {
		margin-right: 0;
		padding-left: 1.0em;
	}
	.navbar-toggler {
		margin-left: auto;
	}
	.shopping-bag {
		display: block;
		padding-top: 0;
		margin-top: 0;
		margin-left: 0;
		position: absolute;
		right: 57px;
		top: 9px;
	}
	.navbar-collapse {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}	
	.index-slider .slider-desc {
		width: 100%;
	}	
	.index-slider {
    	min-height:auto;
		padding-top: 7.0em;
	}
	h1, .h1, h2, .h2 {
		font-size: 2.4em;
		line-height: 0.9em;
	}
	p {
		font-size: 0.8em;
		line-height: 1.3em;
	}
	.filter .btn-transparent {
		font-size: 0.6em;
		padding: 2px 16px;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 3px;
		margin-bottom: 3px;		
		display: inline-block;
	}
	.filter .btn-transparent:first-child {
		margin-left: 0px;
	}
	.cart-item .name, .cart-item .number {	
		text-align: center;
	}
	.page {
		padding-top: 30px;
	}
}	
@media (min-width: 361px) and (max-width: 767px) {  
	.phone-block{
		display: none;
	}
	.navbar {
		padding: 0;
	}
	.navbar-brand {
		margin-right: 0;
		padding-left: 1.0em;
	}
	.navbar-toggler {
		margin-left: auto;
	}
	.shopping-bag {
		display: block;
		padding-top: 0;
		margin-top: 0;
		margin-left: 0;
		position: absolute;
		right: 57px;
		top: 9px;
	}
	.navbar-collapse {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}	
	.index-slider .slider-desc {
		width: 100%;
	}	
	.index-slider {
    	min-height:auto;
		padding-top: 7.0em;
	}
	h1, .h1, h2, .h2 {
		font-size: 2.4em;
		line-height: 0.9em;
	}
	p {
		font-size: 0.8em;
		line-height: 1.3em;
	}
	.filter .btn-transparent {
		font-size: 0.6em;
		padding: 2px 16px;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 3px;
		margin-bottom: 3px;		
		display: inline-block;
	}
	.filter .btn-transparent:first-child {
		margin-left: 0px;
	}
	.cart-item .name, .cart-item .number {	
		text-align: center;
	}
	.page {
		padding-top: 30px;
	}
}
@media (min-width: 410px) and (max-width: 767px) { 
	.phone-block{
		display: none;
	}	
}
@media (min-width: 650px) and (max-width: 767px) { 
	.phone-block{
		display: none;
	}
	.shopping-bag {
		display: block;
		padding-top: 0;
		margin-top: 0;
		margin-left: 0;
		position: absolute;
		right: 154px;
		top: 9px;
	}	
}
@media (min-width: 768px) and (max-width: 991px) {
	.phone-block{
		display: none;
	}
	.navbar {
		padding: 0;
	}
	.navbar-brand {
		margin-right: 0;
		padding-left: 1.0em;
	}
	.navbar-toggler {
		margin-left: auto;
	}
	.shopping-bag {
		display: block;
		padding-top: 0;
		margin-top: 0;
		margin-left: 0;
		position: absolute;
		right: 114px;
		top: 9px;
	}
	.navbar-collapse {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}	
	.index-slider .slider-desc {
		width: 100%;
	}	
	.index-slider {
    	min-height:auto;
		padding-top: 7.0em;
	}
	h1, .h1, h2, .h2 {
		font-size: 2.4em;
		line-height: 0.9em;
	}
	p {
		font-size: 0.8em;
		line-height: 1.3em;
	}
	.filter .btn-transparent {
		font-size: 0.6em;
		padding: 2px 16px;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 3px;
		margin-bottom: 3px;		
		display: inline-block;
	}
	.filter .btn-transparent:first-child {
		margin-left: 0px;
	}
	.cart-item .name, .cart-item .number {	
		text-align: center;
	}
	.page {
		padding-top: 30px;
	}
	.goods-link img{
		height: auto;
	}
	.goods-link {
    	margin-left: 0px;
    	margin-right: 0px;
	}
	.goods-link .price, .goods-link .do {
		position: relative;
		width: 100%;
		text-align: center;
		left: 0;
	}
	.goods-link .info-do {
		bottom: 40px;
	}
	.goods-link .do {
		width: 100% !important;
	}
	.goods-link .name {
		font-size: 0.8em;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {	
	.phone-block{
		display: none;
	}
	.navbar {
		padding: 0;
	}
	.navbar-brand {
		margin-right: 0;
		padding-left: 1.0em;
	}
	.navbar-toggler {
		margin-left: auto;
	}
	.shopping-bag {
		display: block;
		padding-top: 0;
		margin-top: 0;
		margin-left: 0;
		position: absolute;
		right: 114px;
		top: 9px;
	}
	.navbar-collapse {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}	
	.index-slider .slider-desc {
		width: 100%;
	}	
	.index-slider {
    	min-height:auto;
		padding-top: 7.0em;
	}
	h1, .h1, h2, .h2 {
		font-size: 2.4em;
		line-height: 0.9em;
	}
	p {
		font-size: 0.8em;
		line-height: 1.3em;
	}
	.filter .btn-transparent {
		font-size: 0.6em;
		padding: 2px 16px;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 3px;
		margin-bottom: 3px;		
		display: inline-block;
	}
	.filter .btn-transparent:first-child {
		margin-left: 0px;
	}
	.cart-item .name, .cart-item .number {	
		text-align: center;
	}
	.page {
		padding-top: 30px;
	}
	.goods-link img{
		height: auto;
	}
	.goods-link {
    	margin-left: 0px;
    	margin-right: 0px;
	}
	.goods-link .price, .goods-link .do {
		position: relative;
		width: 100%;
		text-align: center;
		left: 0;
	}
	.goods-link .info-do {
		bottom: 40px;
	}
	.goods-link .do {
		width: 100% !important;
	}
	.goods-link .name {
		font-size: 0.8em;
	}
}
@media (min-width: 1200px) and (max-width: 1367px) {

}
@media (min-width: 1368px) {

}