@import "variables.less";
@import "animation.less";
@import "material/_icons-material-design.less";
/*
@import "material/_variables.less";
@import "material/_colors.less";
@import "material/_mixins.less";
@import "material/_checkboxes.less";
*/


#my{
// 	Menu hover
	ul.nav li.dropdown:hover ul.dropdown-menu{
	display: block;
	margin: 0;
	}
	 
	a.menu:after, .dropdown-toggle:after {
	content: none;
	}
	.dropdown-menu>li>a:hover{
		background: transparent;
	}
// 	End of hover menu
	color: @font-color;
	p{
		color: @font-color;
	}
	.nav>li>a{
		line-height: 1.4;
		.transition(all 0.3s);
	}
	&.front .page-header{
		margin-top: 0;
	}
	.nav{
		a{
			text-transform: none;
			font-size: 14px;
			font-weight: 400;
			
		}
	}
	.views-row+.views-row{
		margin-top: 1em;
	}
	#block-views-nivinki-block-1{
		margin-bottom: 1em;
	}
	.akcii-1 {
	    padding: 1em;
	    overflow: hidden;
	    border: 1px dashed #ccc;
	    border-radius: 12px;
	    margin-bottom: 1em;
	    .title{
		    padding: 10px;
		    border-bottom: 1px dashed #ccc;
		    text-transform: uppercase;
		    margin-left: -1em;
		    margin-top: -1em;
		    margin-bottom: 10px;
		    padding-left: 1em;
		    border-left: 1em solid @active;
	    }
	}
	#page-header{
		background: @bg-color;		
	}
	.modal-header{
		text-transform: uppercase;
	}
	.region-header{
		padding: 20px 0;
	}
	aside.col-sm-3{
		padding-right: 0;
	}
	.more-link{
		&>a{
			display: block;
		    text-align: center;
		    background-color: @main-light;
		    margin-top: 1em;
		    border-radius: 4px;
		    padding: 6px;
		    border: 1px solid @main-dark;
		}
	}
	.tel{
	    float: left;
	    color: #555;
	    margin-right: 15px;
	    line-height: 1;
	    font-size: 26px;
	    margin-top: -1px;
	    i{
		    font-size: 20px;
		    color: #fff;
		    background: @green;
		    padding: 4px;
		    border-radius: 6px;
		    margin-right: 6px;
	    }
	}
	section[class*='col-'] > [class*='col-'] {
    	padding: 0;
	}
	.sub-category-list{
		
	}
	.well{
		h4{
			margin: 0;
		}
		i{
			margin-right: 10px;
		}
	}
	.mail{
	    margin-left: 6px;
	    line-height: 1;
	    font-size: 28px;
		display: inline-block;
		i{
			margin-right: 4px;
			color: orange;
			font-size: inherit;
		}
	}
	.akcii{
		top: 0;
	    margin-top: 0;
	    left: 15px;
	    width: 220px;
	    font-size: 14px;
	    position: absolute;
	}
	.highlighted{
		background: fade(#333, 10%);
	}
	.logo-section{
		height: 80px;
		text-align: center;
	}
	.logo-wrap{
		border-left: 15px solid @active;
	    height: 80px;
	    padding: 8px;
	}
	.about-wrap{
		div+.label-above{
			display: block;
			margin-top: 1.2em;
		}
	}
	.criterion .form-type-checkboxes{
		display: none;
	}
	.label-above{
		clear: both;
	    position: relative;
	    margin-left: 20px;
	    padding-left: 5px;
	    background-color: #fff;
		&:before{
			content: '';
		    position: absolute;
		    width: 25px;
		    height: 1px;
		    background-color: #999;
		    top: 50%;
		    left: -20px;
		    z-index: -1;
		}
	}
	.field-type-entityreference{
		&>.field-label{
			margin: 10px 0;
		}		
	}

	.field+.field{
		margin-top: 1em;
	}
	.news-img+.field{
		margin-top: 0;
	}
	.node-teaser{
		.field-name-title, h3{
			margin-top: 0;
			}
	}
	.region-content{
		p{
			text-align: justify;
			text-indent: 20px;
			
		}
		ul,ol{
			display: inline-block;
		}
		.pager{
		display: block;
		clear: both;
		}
		.contextual-links-wrapper{
			ul,ol{
				display: none;
			}
		}
		.field:first-of-type{
			margin-top: 0;
		}
		.field-name-field-sostav{
			margin-top: 0;
		}		
	}
	&.node-type-moushie,&.node-type-inventory{
		.region-content{
			p{
				text-indent: 0;
			}
		}
	}
	.field-name-contact-us{
		.webform-submit{
			    display: block;
				text-align: right;
				margin: 10px 0 0 auto;
				padding: 6px 12px;
		}
	}
	.webform-component{
		&+.webform-component{
			margin-top: 1em;
		}
	}
	.no-pd-r{
		padding-right: 0;
	}
	.lead{
		font-size: 1.2em;
	    color: #fff;
	    margin: 0;
	    background: @active;
	    padding: 10px;
	}
	.site-name{
		font-size: 50px;
	    text-transform: uppercase;
	    line-height: 1.2;
	    text-align: center;
	}
	.slogan{
		line-height: 1.2;
		padding-top: 8px;
		font-size: 1em;
	}
	.navbar-toggle{
		&:hover,&:focus{
			background: transparent;
		}
	}
	.navbar-collapse{
		border: none;
	}
	.view-term-parent{
		.views-row{
			padding: 1px 0;
			clear: both;
			padding-top: 2em;
		}
		h3{
			margin-top: 0;
		}
	}
	.views-widget-filter-field_kislotnost_value{
		border-top: 4px double #ccc;
		border-bottom: 4px double #ccc;
		padding-bottom: 10px;
		width: 100%;
		text-align: center;
		.form-item{
			display: inline-block;
			margin-left: 14px;
		}
		a{
			padding: 2px 6px;
		}
		.active{
			background: @main-light;
		}
	}
	.form-item-ph .form-item{
		display: inline-block;
		a{
			padding: 2px 6px;
			&.active{
				background: @main-light;
			}
		}
	}
	.category-links{
		margin-bottom: 1em;
		a{
			display: inline-block;
			margin-left: 6px;
		}
	}
	.isos{
		padding-bottom: 0;
		margin-top: 1em;
		display: inline-block;
	}
	#edit-ph-wrapper{
		display: block;
		text-align: center;
		float: none;
		border-top: 4px double @main-dark;
		border-bottom: 4px double @main-dark;
	    padding: 6px;
	}
	.field-name-field-pohozhie-tovari{
		padding: 10px;
		margin: 20px;
		border-top: 4px double @main-dark;
		.field-item{
			margin-bottom: 1.4em;
		}
		&>.field-label{
			text-align: center;
			text-transform: uppercase;
			margin-bottom: 20px;
		}
		.field-name-title{
			margin-top: 0;
		}
		h3{
			margin-top: 0;
		}
	}
	.view-news, .views-article{
		h2{
			margin-top: 0;
		}
		.views-row+.views-row{
			margin-top: 1em;
		}
	}
	.news-img{
		float: left;
		margin-right: 10px;
	}
	#navbar{
		z-index: 100;
		background: @bg-color;
		border:none;
		min-height: 0;
		border-bottom: 1px dashed transparent;
		li.active{
			a{
				border-bottom: 1px dashed @active;
				background: none;
			}
		}
		.navbar-nav{
			padding: 15px 0;
		}
		a{
			color: fade(@font-color,80%);
			font-weight: 600;
			padding: 4px 0;
			font-size: 16px;
			text-transform: none;
			margin: 0 20px;
			line-height: 1;
			border-bottom: 1px dashed transparent;
			&:hover{
				border-bottom: 1px dashed;
			}
		}
	}
	.footer{
		background: #555;
		margin-top: 1em;
		color: mix(#fff,@font-color,85%);
		padding: 15px 0;
		p{
			color: mix(#fff,@font-color,85%);
		}
		a{
			color: lighten(@active,15%);
		}
	}
	#block-views-news-block-2{
		.block-title{
			text-align: center;
			border-top: 1px solid #DCDCDC;
		    padding: 15px 0;
		    margin-bottom: 0;
		}
		.views-field-field-image{
			max-height: 150px;
			overflow: hidden;
		}
		.owl-item{
			padding: 0 10px;
		}
	}
	a{
		color: @active;
	}
	#block-search-form{
		@height: 30px;
		input{
			height: @height;
			padding: floor( @height / 3.2);			
		}
		.btn{
			height: @height;
			background: #777;
			.icon{
				top: -5px;
			}
		}
	}
	.webform-submit{
		margin-top: 1em;
	}
	.btn-primary{
		background: 	@active;
		border-color: @active;
	}
	.btn-success{
		color: #fff;
		background: @green;
	}
	.nav{
			.open a{
				background: fade(#fff,45%);
			}
			a{
				padding: 5px;
				color: fade(@font-color,80%);
				&:focus,:active{
					background: fade(#fff,45%);
				}			
			}
		}
	.region-sidebar-first{
		padding: 0;
		.nav{
			.open a{
				background: fade(#fff,45%);
			}
			a{
				padding: 5px;
				&:hover,:focus,:active{
					background: fade(#fff,45%);
				}			
			}
		}
		section{
			padding: 0 15px;
			padding-bottom: 10px;
			background: @bg-color;
			&+section{
				margin-top: 1em;
			}
		}
		.block-title{
			margin: 0px;
			padding: 10px;
			margin-bottom: 10px;
			padding-left: 15px;
			border-left: 15px solid @active;
			position: relative;
			left: -15px;
			margin-right: -30px;
			background: fade(#333,10%);
		}
	}
}
@media screen and (min-width:768px) {
	#my{
		.lead{
			width: ~'calc(75% - 15px)';
		}
	}
}
@media screen and (min-width:992px) {
	#my{
		.site-name{
			border-right: 1px solid @bg-color;
		}
	}
}
@media screen and (max-width:992px) {
	#my{
		#block-block-13{
			&>div{
				margin: 8px 0;
			}
		}
	}
}