/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
	Created on : 23.07.2014, 16:36:56
	Author	 : ivanov
*/
@media screen and (min-width:480px){
	#logo a{
		letter-spacing: 5px;
	}
	.nf_retail{
		/*min-height: 200px;*/
		width: 46%;
		padding: 0 2%;
		float: left;
	}
	.topm .search,
	.topm .search .search_inp{
		width: 80%;
	}
	.header{
	width: 22.6%
	}
	#logo{
	width: 47.6%;
	margin-left: 2.4%;
	text-align: left;		
	}
	.top {
	height:105px;
	}
	.spoiler_video{
	float:right;
	margin-left:30px;
	width: 50%;
	}
	.left-column,
	.right-column{
	width: 49%;
	margin-right: 1%;
	float: left;
	}
	.price-main{
	overflow: visible;
	margin: 20px 0;
	}
	
	.mobile-discript{
	display: none;
	}
	.desctop-discript{
	display: table-row;
	}
	#developer_center-table td{
	display: table-cell;
	margin: 0;
	}
	
	.picthist{
	display: block;
	}
	.product-descript{
	float: left;
	width: 48%;
	padding: 0;
	padding-right: 2%;
	}
	.infomess{
	clear: none;
	padding-right: 1%;
	box-sizing: border-box;
	float: left;
	}
	#profile,
	.infomess,
	#filtr-btn, 
	#add-ask-btn{
	width: 40%;
	position: relative;
	left: auto;
	}
	#filtr-btn span{
	display: inline-block;
	}
	table.form-table td {
	display: table-cell;
	text-align: right;
	}
	.form_r_td, .form_r_but, .form_l_td, .form_l_but {
	text-align: right;
	}
	.form_l_td {
	width: 270px;
	  }
	.form_l_td textarea, table.form-table .inputtext {
	  width: 250px;
	}
}
@media screen and (min-width:600px){
	.mobile-hide{
	display: block;
	}
	
	#logo a{
		letter-spacing: 3px;
	}
	.submenu{
	display: inline-block;
	padding: 10px;
	margin: auto;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		box-shadow: 0 3px 10px -2px rgb(0,0,0);
	}
	
	.topm .search,
	.topm .search .search_inp{
		width: 85%;
	}
	#mtop-menu{
		width: 10%;
	}
	.news, 
	.projects,
	.events,
	.publications,
	.blog,
	.buisness{
		width: 50%;
	padding: 1%;
	box-sizing: border-box;
	float: left;
	}
	#owl-demo{
	display: block !important;
	margin-top: 20px;
	}
	.submenu li{
	border:none;
	}
	.header-item{
	border-radius: 15px;
	}
	.header-item-link{
	padding: 15px;
	}
	.where_buy .header-item .header-item-link{
	display: inline-block;
	}
	.where_buy .header-item:hover,
	.demo .header-item:hover{
	background: #335466;
	background: -moz-linear-gradient(top, #335466 0%, #496b82 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#335466), color-stop(100%,#496b82));
	background: -webkit-linear-gradient(top, #335466 0%,#496b82 100%);
	background: -o-linear-gradient(top, #335466 0%,#496b82 100%);
	background: -ms-linear-gradient(top, #335466 0%,#496b82 100%);
	background: linear-gradient(to bottom, #335466 0%,#496b82 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#335466', endColorstr='#496b82',GradientType=0 ); 
	}
/*	.demo .header-item:hover{
	background: #39b54a;
	background: -moz-linear-gradient(top, #006e5d 0%, #007e6b 100%);  FF3.6+ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006e5d), color-stop(100%,#007e6b));  Chrome,Safari4+ 
	background: -webkit-linear-gradient(top, #006e5d 0%,#007e6b 100%);  Chrome10+,Safari5.1+ 
	background: -o-linear-gradient(top, #006e5d 0%,#007e6b 100%);  Opera 11.10+ 
	background: -ms-linear-gradient(top, #006e5d 0%,#007e6b 100%);  IE10+ 
	background: linear-gradient(to bottom, #006e5d 0%,#007e6b 100%);  W3C 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e5d', endColorstr='#007e6b',GradientType=0 );  IE6-9 
	}
	*/
	.question.header .header-item:hover{
	background: #a92400; /* Old browsers */
	background: -moz-linear-gradient(top, #a92400 0%, #c5320a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a92400), color-stop(100%,#c5320a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a92400 0%,#c5320a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a92400 0%,#c5320a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a92400 0%,#c5320a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #a92400 0%,#c5320a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a92400', endColorstr='#c5320a',GradientType=0 ); /* IE6-9 */
	}
	.where_buy .header-item:hover .header-item-link,
	.demo .header-item:hover .header-item-link,
	.question.header .header-item:hover .header-item-link{
	color:#fff;
	}
	.where_buy .header-item:hover .icon{background-position: 0 -32px;}
	.demo .header-item:hover .icon{background-position: 0 -91px;}
	.question.header .header-item:hover .icon{background-position: 0 -143px;}
	.cities {
	position: absolute;
	top:auto ;
	width:267px;
	height:470px;
	}
	.cities .close{
	height:20px;
	text-align: center;
	}
	.cities .close:after{
	border-width: 0 5px 9px 5px;
	margin-top: 2px;
	}
	.cities_list{
	height:350px;
	}
	.rightpart{
	float: right;
	width:380px;	
	}
	.leftpart{
	padding-right: 400px;
	}
	.dalion-table td,
	.price-extra table tr td{
	padding: 15px;
	}
	.price-extra table tr td:first-child{
	width: 80%;
	}
	.linkprice2-img{
	display: block;
	}
	.col-2{
	width: 50%;
	float: left;
	padding-right: 1%;
	box-sizing: border-box;
	}
	
}
@media screen and (min-width:768px){
	.submenu{
	padding: 10px 30px;
	}
	#logo a{
		letter-spacing: 6px;
	}
	.topm .search,
	.topm .search .search_inp{
		width: 88%;
	}
	.topm .search{
		padding:11px 0px 0px 2%;
	}
	
	
	.center h1 span.title{
	position: relative;
	}
	#scrollup{
	display: block;
	position: fixed;
	bottom: 130px;
	right: 58px;
	color: #335466;
	text-align: center;
	cursor: pointer;
	opacity: 0;
	transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	z-index:10;
	}
	#scrollup.show{
	opacity: 1;
	}
	#scrollup i,
	#scrollup span{
	display:block;
	}
	#scrollup:hover {
		color: #a92400;
	}

}
@media screen and (min-width:1270px) and (-webkit-device-pixel-ratio: 1),
screen and (min-width:1270px) and (min--moz-device-pixel-ratio: 1),
screen and (min-width:1270px) and (-ms-high-contrast: active),
screen and (min-width:1270px) and (-ms-high-contrast: none),
screen and (min-width:0\0) {
	.topm .search{
		width:25%;
	}

}

@media screen and (min-width:960px) and (-webkit-device-pixel-ratio: 1),
	   screen and (min-width:960px) and (min--moz-device-pixel-ratio: 1),
	   screen and (min-width:960px) and (-ms-high-contrast: active), 
	   screen and (min-width:960px) and (-ms-high-contrast: none),
	   screen and (min-width:0\0){
	
	.desc_prod{
	float:left;
	width:50%;
	padding: 1%;
	padding-left: 2%;
	min-height:200px;
	border-right: 1px solid #f1f1f1;
	box-sizing:border-box;
	}
	.desc_prod:nth-child(2){
	border: none;
/*	width:47.5%;*/
	}



	.mobile-hide{
		display: block;
	}



	.header{
		width: 22.6% !important;
	}

	.demo {
		display: block;
	}

	.submenu{

	}
	.retail{
		width: 50%;
	}
	.upper_retail, .upper_nf_retail, .upper_retail_net, .upper_mixed{
		display: block;
		height:100px;
		width:100px;
		position:absolute;
		opacity:0;
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		z-index:25;
		left:5px;
	}
	.topm .search .search_inp{
		width: 70%;
	}
	.price-extra table tr{
		transition: all .5s;
		-ms-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		-webkit-transition: all .5s;
	}
	.price-extra table tr:hover{
		background: #B7D4FF;
	}
	.face img,
	.profile{
		display: block;
	}
	.face i{
		display: none;
	}
	#add-ask-btn{
		display: none;
	}
	.add-ask{
		display: block;
		float: left;
	}
	#profile{
		width: 40%;
	}
	.infomess{
		width: 18%;
	}
	.add-ask{
		margin: 0 0 10px 0;
	}
	#filtr-btn{
		display: none;
	}
	.filtr{
		display:block !important;
		position:relative;
		top:0;
		width:60%;
		float:left;
		box-sizing:border-box;
		padding: 10px;
		border-radius:10px;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	.filtr .middle{
		width:100%;
	}


	.filtr .filter-column{
		width:50%;
		font-size: 10px;
		float: left;
	}
	.filtr .filter-column .names{
		width: 80px;
		display: inline-block;
		text-align: left;
	}
	.filtr .filter-column .input{
		padding-left: 85px;
		position: absolute;
		left:0;
	}
}



/*------------------------------------ md ------------------------------------*/

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

	

}

 

/*------------------------------------ sm ------------------------------------*/

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

 

}

 

/*------------------------------------ xs ------------------------------------*/

@media (max-width: 767px){

	.header-item-link{
		display:block;
	}
	
	.header-item-link.hasquest, .header-item-link.getquest{
		margin-top: 7px;
	}
	
	#demo14form:hover .getquest {
		display:block !important;
	}	
	
	
	.form-ajax form select, .form-ajax form input, .form-ajax form textarea{
		margin-bottom: 8px;
	}
	
	.ajax-web-form label {
		font-size: 0.7em;	
	}
	
	.terms_policy_text{ 
		display: inline;
		width: 70%;		
	}
	
	.terms_policy{
		display:inline;
	}
	
	.terms_policy_wrapper{
		width:100%;
		display:block;
	}
	
	.terms_policy_wrapper label{
		width:0 !important;
	}


}