$base-font-size:            .9rem;
$base-font-family:          'Montserrat', sans-serif;
$base-font-weight:          300;
$base-font-color:           #4c4b42;

$site-max-width:            81rem;
$step-size-heading:         0.25;
$side:                      1px;

$logo-max-width:            230px;

$page-header-height:        90px;
$head-image-height:         120px;

$loading-field:             rgba(255,255,255,.7);

$main-design-color:         #26bfd6;
$main-design-text-color:    #fff;
$main-design-sec-color :    #3d3733;
$main-design-border-weight: 1px;
$main-design-radius:        6px;
$main-design-small-radius:  4px;


$base-text-color:           #000;
$base-active-color:         #d20e00;

$top-bar-bg-color:          #0056ae;
$top-bar-text-color:        #a1a1a1;

$red:                       #d20e00;
$error-color:               #f14125;
$error-text-color:          #fff;

$header-bg-color:           #fff;
$header-text-color:         #fff;
 
$nav-bg-color:              #0056af;
$nav-text-color:            #fff;
$nav-active-color:          #fff;
$nav-active-bg-color:       #02c3fe;


$price-color:               #e41b0d;
$old-price-color:           #7b7b7b;
$promo-price-color:         #ff1500;

$news-page-bg:              #f1f1f1;
$gallery-bg:                #373538;

$footer-bg-color:           #3781d6;
$footer-text-color:         #ffffff;

$sfooter-bg-color:          #3976bb;
$sfooter-text-color:        #ffffff;

$light-gray:                #efefef;
$dark-gray:                 #595959;

$owl-controls-color:        #7c9ca0;
$gallery-bg-color:          #efefeff0;

.gallery-head-image{        background: url( ../img/gallery_header.jpg ) center center;  }
.contacts-head-image{       background: url( ../img/vegatoys/contacts_header.jpg ) center center; }
.news-head-image{           background: url( ../img/news_header.jpg ) center center;     }
.pages-head-image{          background: url( ../img/vegatoys/pages_header.jpg ) center center;    }
.basket-head-image{         background: url( ../img/vegatoys/basket_header.jpg ) center center;   }
.account-head-image{        background: url( ../img/vegatoys/account_header.jpg ) center center;  }
.categories-head-image{     background: url( ../img/categories_header.jpg ) center center;  }
.not-found-page{            background: url( ../img/404_header.jpg ) center center;      }


body {
	.not-found-page,
	.products-head-image,
	.basket-head-image,
	.pages-head-image,
	.news-head-image,
	.account-head-image,
	.gallery-head-image,
	.contacts-head-image{
		height:$head-image-height;
		margin-top: 10px;
	}
	
	.basket-head-image,
	.contacts-head-image,
	.account-head-image,
	.pages-head-image {
		height: 0;
		background: #fff;
	}
	
	.dealer_price {
		display: block;
		font-size: 11px;
	}
	.product-item > div.product-wrapper .dealer_price {
        margin-top: -15px;
	}
	
	i.fa.fa-shopping-cart {
		font-size: 0;
	}
	
	.messageOnIndex {
		background: rgb(51, 115, 206);
		box-shadow: 0px 0px 36px #505050;
		@include radius($main-design-radius);
		&.shown {
			text-align: center;
		}
		strong {
			font-size: 1.3rem;
		}
		p {
			font-size: 0.8rem;
		}
	}
	
	&#page-product-view {
		.owl-item {
			width: 16.65%;
			float: left;
			&.synced {
				a img {
					border: 2px solid #3976bb;
				}
			}
		}
	}
	
	.table-product-type {
		margin-bottom: 15px;
		nobr {
			color:$price-color;
		}
	}
	
	.page-description {
		padding: 1px 0;
	}
	
	h1 {
		color: #0056af;
	}
	
	.search-wrap {
		width: 280px;
	}
	
	.message-wrap {
		width: 400px;
	}
	
	.button.secondary {
		background-color: #fefefe;
		color: #0a0a0a;
		&:hover{
			background-color: #a5b6ca;
		}
	}

	.cookies_message {
		background: #f7db4c;
		color: #ff340e;
		div.cnt {
			p {
				a {
					color: #ff340e;
					font-weight: 600;
					text-decoration: none;
				}
			}
			div.b_cnt {
				background: #df1023;
			}
		}
	}
	
	[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
		border:none;
	}
	
	.input-group-label {
		background: #0056af;
		color: #ffffff;
		border-radius: 6px !important;
		border: none;
	}
	
	.button {
		background-color: #01c3ff;
		&:hover {
			background-color: #0056af;
			color: #fefefe;
		}
	}
	.button:hover, .button:focus {
		background-color: #0056af;
		color: #fefefe;
	}
	
    .header {
        .cart-wrap .cart .badge {
            border: 2px solid #fff;
			left: initial;
			right: 10px;
        }
		
		.is-dropdown-submenu-item a {
			line-height: 1rem;
		}
		
		.mobile-search-button,
		.user-wrap,
		._message-wrap,
		.cart-wrap {
			border-left: 0;
			width: 120px;
			.cart {
				p {
					margin-top: 25px;
					font-size: 10px;
				}
			}
		}
		
		.loading-fld {
			background: rgba(255, 255, 255, 1);
		}
        #slider {
			.owl-page.active span {
				background: #fc4016;
				opacity: 1;
			}
		}
		#slider .item .textBox {
            background: rgba(255, 255, 255, 0.62) !important;
			right: 9%;
			padding: 1.8rem;
			h2 {
				color: #0056af;
				text-transform: initial;
				font-weight: 700;
			}
			p {
				color: #2159a4;
				font-weight: 600;
				font-size: 0.8rem !important;
			}
			.button {
				background-color: #0f68c1;
			}
        }
		.slider-container {
			background: #fff url(../img/vegatoys/prolet.jpg) center bottom no-repeat;
			background-size: initial;
			border-bottom: none;
			margin-top: -35px;
			margin-bottom: 15px;
			@media only screen and (max-width: 50em) {
				display: none;
			}
		}
        .head.shrink {
			background:#fff;
			box-shadow: 0px 6px 10px rgba(82,82,82,.15);
			.cart-wrap p{
				color: #000;
			}
			.my-account p {
				color: #000;
			}
			.user-wrap, .cart-wrap {
				border-left: 1px solid #efefef;
			}
			.logo {
				max-width: 199px;
			}
			.message-wrap {
				visibility: visible;
			}
		}
		div.head > div > div > div.message-wrap > p:nth-child(1){
            margin-bottom: 5px;
            font-size: 18px;
            font-weight: 600;
            text-align: center;
			color: #ff1407;
        }
        .logo {
            border-bottom: none;
            margin-bottom: initial;
			height: initial !important;
        }
		.cart {
			content: none;
			background: transparent url(../img/vegatoys/cart_icon.png) top center no-repeat;
			background-size: 44px;
			.badge {
				border: 2px solid #fff;
				background: #ff2800 !important;
				left: 66px;
			}
			i {
				font-size: 0;
				height: 21px;
			}
		}
		.my-account {
			background: transparent url(../img/vegatoys/profile_icon.png) top center no-repeat;
			background-size: 44px;
			.user-icon {
				content: none;
			}
			i {
				font-size: 0;
				height: 21px;
			}
			a {
				display: block;
			}
			p {
				font-size: 10px;
				margin-top: 25px;
			}
		}
		.search {
			button {
				background: transparent url(../img/vegatoys/search.svg) center center no-repeat;
				background-size: 50% auto;
				position: absolute;
				width: 50px;
				height: 50px;
				float: left;
				display: block;
				margin-left: 10px;
				margin-top: -6px;
				i {
					display: none;
				}
				&:hover {
					background: transparent url(../img/vegatoys/search.svg) center center no-repeat;
					background-size: 100% auto;
				}
			}
			input {
				background: #e1effa;
				border: 0;
				margin: 0;
				height: 34px;
				width: 220px;
				border: none;
				font-weight: 300;
				@include radius( 20px );
				float: left;
				font-size: 13px;
				margin-top: 3px;
				@include placeholder {
					font-style:italic;
					color: #000;
					font-weight:100;
				}
			}
		}

		#menumain {
			background: transparent;
			ul {
				margin-left: 0;
				@include radius( $main-design-radius );
				li.main-list {
					ul.submenu {
						background: #fff;
						li {
							a {
								color: #292929;
								font-weight: 300;
								text-shadow: none;
								border: none;
								&:hover {
									background-color: #333;
									text-shadow: none;
									border: none;
									@include radius( 0 );
								}
								&:hover {
									color: #fff;
								}
							}
						}
					}
					border-right: none;
					a {
						font-weight: 600;
						@include radius( $main-design-radius );
						&:hover {
							background-color: $nav-active-bg-color  !important;
							@include radius( $main-design-radius );
							border-bottom: 3px solid #fdd24b;
						}
						&.active {
							border-bottom: none;
						}
					}
				}
			}
        }
		.head {
			border-bottom: none;
		}
		.top-bar-container {
			background-color: $top-bar-bg-color;
			.top-bar {
				.social {
					a {
						color: #ffffff;
						i {
							font-size: 22px;
						}
					}
				}
				a {
					color: #ffffff;
				}
			}
		}
    }
    section {
        h1, h2 {
			font-weight: 700;
			font-size: 2rem;
			span.line::after {
				background: #ffc41d;
			}
		}
		.promotion {
			h2 {
				font-size: 2rem;
				margin: 1rem 0;
				color: #0056af;
			}
		}
		.info-footer {
			margin-top: 1rem;
			a.button.large {
				display:none;
			}
		}
		article {
			&.product-head {
				.info {
					margin-top: 3px;
				}
				h1 {
					color: #4f6aa4;
				}
				.thumbnail {
					@include radius( $main-design-radius );
				}
			}
			.product-item {
				padding-right: 0.4688rem;
				padding-left: 0.4688rem;
				.price {
					font-size: 1rem;
					b {
						font-size: 1.5rem;
						vertical-align: baseline;
					}
				}
			}
			.product-info {
				background-color: #fefefe;
				border-bottom: 3px solid #b9cfd2;
				padding: 15px;
				@include radius( $main-design-radius );
				&::before {
					content: '';
					display: block;
					border-top: 12px solid transparent;
					border-bottom: 12px solid transparent;
					border-right: 12px solid #ffffff;
					position: absolute;
					margin-top: 45px;
					margin-left: -25px;
				}
				.button.ask::before {
					content: '';
				}
				.price-wrap {
					.price {
						span {
							color: #000000;
							text-transform: uppercase;
							padding-right: 0.5rem;
							font-size: .9rem;
							vertical-align: bottom;
							float: left;
							padding-top: 12px;
						}
					}
				}
			}
			.price-label {
				background: url(../img/vegatoys/promo_blank.png);
				background-size: 100% auto;
				width: 52px;
				height: 52px;
					span {
						font-size: 20px;
						font-weight: 600;
						line-height: 55px;
					}
				&.new {
					background: url(../img/vegatoys/new_label.png);
					background-size: 100% auto;
					span {
						font-size: 0;
					}
				}
			}
			.show-all.center {
				margin: 30px auto 0px auto;
    		}
			&.extra-info {
				display: none;
			}
		}
		&.products {
			background: url(../img/vegatoys/page_bg.png) top center;
			background-size: 50%;
			.categories-list {
				h2 {
					min-height: 3rem;
					font-size: 1.1rem;
				}
			}
			.filters-container {
				background: #fff;
			}
		}
		#productsContainer {
			.sort-list-by {
				margin-right: 10px;
				width: 220px;
				float: right;
			}
		}
		&.pages {
			border-top: 3px solid #b9cfd2;
			background: #edf5f5;
		}
		&.product-info {
			border-top: 3px solid #b9cfd2;
			background-size: 50%;
			background: #edf5f5;
			.product-variants {
				select {
					border: 2px solid #595959;
				}
			}
			.button {
				background: #2dbaff;
				&::before {
					content: 'Купи';
					font-size: 14px;
					text-transform: initial;
					padding-top: 3px;
				}
			}
		}
		&.contact-page {
			background: whitesmoke url(../img/vegatoys/gray_bg.png);
		}
		&.account {
			.my-account-login {
				.or {
					background:none;
				}
			}
		}
		&.basket {
			background: #f1f1f1;
			.delivery-methods {
				background: #cee3f3;
				padding: 30px;
				@include radius( $main-design-radius );
				.delivery-method {
					background: transparent;
				}
			}
			.inherit-product {
				input[type='checkbox']{
					margin:0;
				}
			}
			.payment-container {
				background: #ffe184;
			}
			.steps i {
				color: #d5426a;
			}
			.steps .step.active {
				color: #0056af;
			}
			article {
				&.content {
					padding: 15px;
					@include radius( $main-design-radius );
				}
				.table-responsive {
					overflow-x: auto;
					min-height: 0.01%;
					border: 1px solid #a5a5a5;
					padding: 15px;
					border-radius: 7px;
					box-shadow: 0 0 10px #9e9e9e;
					background: #fff;
				}
				hr {
					border-bottom: 2px solid #cccccc;
				}
			}
			.cart_description h4 a {
				color: #ff340e;
			}
			.cart_description {
				small {
					display: none;
				}
			}
			table .total {
				color: #0056af;
				span {
					color: #0056af;
				}
			}
		}
		&.home-page-text {
            margin-top:0;
			background: whitesmoke url(../img/customerBG.jpg) no-repeat center center/100% 130%;
        }
        &.news.latest_news_bg{
            background: #f5f5f5;
            .news_info{
                background: #f5f5f5;
            }
        }
        &.news .newsThumb .imgNews a {
            background-size: auto 150%;
        }
		&.special-offers {
			padding-top:0 !important;
			background: url(../img/vegatoys/page_bg.png) top center;
			background-size: 50%;
			article {
				background: #ffffff75;
				margin: 30px 0;
				border-radius: 8px;
				border: 1px solid #f1f1f1;
			}
		}
		&.categories {
			position: relative;
			background: url(../img/vegatoys/banners_bg.png) repeat center center;
			h2 {
				color:#3976bb;
			}
			&::before {
				content: '';
				width: 100%;
				height: 17px;
				display: block;
				position: absolute;
				left: 0;
				bottom: 0;
				background: url(../img/vegatoys/zzz_bg.png) repeat-x center center;
				background: none;
			}
		}
		.panel-default {
			background: #ffffff;
		}
		.left .search-box {
			.accordion-content-custom {
				display: block;
				img {
					height: 22px;
					width: 22px;
					border-radius: 50%;
					margin-bottom: 3px;
					border: 1px solid #e6e6e6;
				}
			}
		}
		.left .search-box #slider-range .ui-slider-handle {
			@include radius( 5px );
		}
		
		.left .search-box #slider-range .ui-widget-header {
			background: #3976bb;
		}
		
    }
	
	.share-in-socials .share-btn {
        @include radius( 50% );
	}
	
	.title-bar {
		background: #2159a4;
		@include radius( 4px );
	}
	
	.title-fix {
        margin: 0 0 0 34px;
	}
	
	.special-offers-outer {
		background: url(../img/vegatoys/banners_bg.png) no-repeat center center/100% auto;
		background: #fff;
		padding: 15px;
		border-bottom: none;
		box-shadow: 0px 6px 5px #afa07b42;
		@media only screen and (max-width: 50em) {
			display: none;
		}
	}
	
	.color-option-caption {
		padding-bottom: 5px;
	}
	
	.product-wrapper {
		background: #fff;
		margin-bottom: 1rem !important;
		.pictograms {
			top: 15px;
			right: 10px;
		}
		.additional_pictograms {
			bottom: 92px;
			height: 22px;
			overflow: hidden;
			img {
				padding: 0;
				border: 1px solid #383838;
				@include radius( 50% );
			}
		}
		a h3 {
			font-size: .9em;
			min-height: 5.5em;
			margin-top: 0.6rem;
		}
		.product-hover-wrapper div.options span {
			display: none;
		}
		a p.promo {
			span {
				nobr {
					font-size: 1.2rem;
					font-weight: normal;
				}
			}
			nobr {
				font-size: 1.5rem;
				font-weight: bold;
			}
		}
		a > img {
				padding:0;
				@include radius( 4px );
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
		}
		&:hover {
			a {
				img {

				}
				.product-hover-wrapper {
					p {
						margin: 0 auto 12px auto;
					}
				}
			}
		}
	}
	
    .top-banners a{
        background-color: initial !important;
        background-size: 100% !important;
    }
	.top-banners img {
		width: 66%;
		margin: 0 auto;
	}
    .accents {
        .single_accent {
            width: 14%;
        }
        p{
            font-weight: 300;
        }
    }
	
	
	
	.page_item {
		background: #fff;
		border-radius: 8px;
		padding: 15px 5px;
		.pade_data {
			margin:10px 0;
		}
		.styledBtn {
			padding: 9px 16px;
			&:hover {
				background: #ff7d33 !important;
				color: #fff;
			}
		}
	}
	
	.page-description {
		background: #e5ef99;
	}
	
	.styledBtn.readmore.lg-button {
		font-size: 1rem;
		text-transform: initial;
		background: #efefef;
	}
	
    .feature-text-data .imgThumb img {
        height: 300px;
        margin: 0 auto 30px auto;
        display: block;
    }
	.page-content {
		strong {
			color: #0056af;
		}
	}
	.declaration-personal-fld, .declaration-personal-fld a {
		color:#000;
	} 
	footer {
		.h-footer {
			background: #ffc41d;
			i {
				color:#ffffff;
				font-size: 28px;
			}
			h5 {
				color:#ffffff;
			}
		}
		.f-footer {
			h5 {
				color:$footer-text-color;
				font-weight: 600;
				span.line {
					background: #ffc41d;
				}
			}
			p {
				color:$footer-text-color;
			}
			.button {
				background: #6ba6ea;
				color: #ffffff;
				&:hover {
						background:#68bf40;
					}
			}
			ul {
				li {
					a{
						color:$footer-text-color;
						&:hover {
							color:#b2d6ff;
						}
					}
				}
			}
		}
		.s-footer {
			.text-copy {
				color:$footer-text-color;
				font-size: 0;
				a {
					color: #ffffff;
					font-size: 12px;
				}
			}
		}
	}

	@media only screen and (min-width: 82rem) {
		.header .is-dropdown-submenu {
			min-width: 79rem;
		}
		.header .is-dropdown-submenu li {
			display: inline-block;
			width: 33.3%;
			float: left;
		}
	}

	@media only screen and (max-width: 50em) {
		.top-message-wrap {
			display: block;
		}
		.top-bar ul.menu {
			display: block;
		}
		section .left .search-box h2 .fa {
			top: 0;
		}
		footer .social-icons ul.menu {
			margin: 15px auto 15px auto;
		}
		.header #menumain ul li.main-list {
			width: calc( 100% );
		}
		.header #menumain ul li.main-list > a {
			font-size: 0.8rem;
		}
		.header .mobile-search-button, .header .user-wrap, .header ._message-wrap, .header .cart-wrap {
			border-left: 0;
			width: 50px;
			height: 44px;
		}
		header .my-account>a,
		header .cart-wrap .cart>a {
			height: 41px;
			width: 41px;
		}
		.header .cart-wrap .cart .badge {
			border: 2px solid #fff;
			left: initial;
			right: -5px;
		}
		.header #slider .item img {
			margin: 60px 0;
		}
	}
	

	
	@media (max-width: 40.2em) and (min-width: 30em) {
		.search.is-open {
			margin-top: 53px;
		}
		.header .search input {
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
		}
		section.home-page-text {
			background-size: cover;
		}
		section article .price-label span {
			line-height: 52px;
		}
		section.categories {
			padding-bottom: 2rem;
		}
		section.categories {
			padding-top: 2rem;
			padding-bottom: 2rem;
		}

	}
	
	@media screen and (max-width: 29.938em) and (min-width: 15em) {
		.top-bar ul.menu li a {
			background: #2159a4;
			color: #fff !important;
		}
		section article .product-item .price b {
			font-size: 1.1rem;
			vertical-align: baseline;
		}
		section article.promotion a .price-label span {
			font-size: 0;
		}
		.header #slider .item .textBox {
		    right: 1%;
			width: 49%;
		}


	}
	
	[type='text']:focus,
	[type='password']:focus,
	[type='date']:focus,
	[type='datetime']:focus,
	[type='datetime-local']:focus,
	[type='month']:focus,
	[type='week']:focus,
	[type='email']:focus,
	[type='number']:focus,
	[type='search']:focus,
	[type='tel']:focus,
	[type='time']:focus,
	[type='url']:focus,
	[type='color']:focus,
	textarea:focus {
		outline: none;
		border: initial;
		background-color: #fefefe;
		box-shadow: 0 0 5px #cacaca;
		transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
	}
}