/*--RESPONSIVE 18.04.17 @ Greg Kochnev greg@html.com.ua---*/
.blueButton:hover {color:#fff; text-decoration:none;}
.show-menu {display:none;}
.mainnav {display:none;}
.footer .social-links {display:none;}
.user-icon {display:none;}
.user-icon #auth-box {width:300px; right:-51px;}
.user-icon > a {display:block; width: 27px; height: 27px;}
.user-icon .span7, .user-icon .span4.offset1 {width:100% !important; margin-left:0 !important;}
.user-icon .auth-box.registration .table-form td, .user-icon .auth-box.registration .table-form th {display:block; width:100% !important; text-align:left !important;}
@media (max-width: 980px) {

		.user-icon {display:block; cursor: pointer; display: block; width: 27px; height: 27px; position: absolute; right: 60px; top: 5px; border: none; z-index: 10000; background: url("../img/account-icon.svg") 50% 50% no-repeat; background-size:82% auto;}
	
		.user-icon a.register {display:block; width:27px; height:27px;}
		.menuLogotip {margin-top: 20px;}
		.menuLogotip ul li:first-child {margin-top:-21px;}
		.menuLogotip .span12 {height: 38px;}
		.menuLogotip ul li {display:none;}
		.menuLogotip ul li.logo {display:block;}
		.menuAfterLogo {display:none !important;}
		.mainnav .menuAfterLogo a.pull-right {float:none; margin-right:0 !important;}
		.register {}
		.radio {padding-left: 50px;}
	
		* {box-sizing: border-box;}

		#islider {width:auto;}
		#islider .carousel-inner {width:auto; height:auto;}
		#islider .thumbs {display:none;}
		#islider .carousel-inner .item img {width:100%; height:auto;}
		#islider .info {height:auto; top:auto; bottom:0;}
		#islider .info p a {display:none;}
		.show-menu {display:block;}
		.footer .social-links {display:block; padding-top:0; padding-bottom:20px;}
		.footer .social-links a {background-color:#59473e;}
		
		.menuLogotip {position:relative;}
		body {padding-bottom:0; font-size:14px;}
		.testing p {font-size:14px;}
		.testing p.general a {display:none;} 
		.testing p.main {font-size:20px;}
		.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {width:auto;}
		#smallLogo {display:none;}
		.row-fluid .span8 {width:100%; float:none !important; height:auto !important;}
		.row-fluid .span4 {width:100%; float:none !important; height:auto !important;}
		.searchBoard {margin:0 auto !important; width:auto !important;}
		.searchBoard select#id_boat_brand {width:60%;}
		.span1.date {white-space:nowrap;}
		#last .date {width:65px;}
		#last .names  p a {font-size:16px;}
		.carousel-line .line-item p.name {font-size:16px;}
		
		.searchBoard input {height:30px;}
		.searchBoard > p {height:20px;}
		.searchBoard .span12 {margin:0;}
		#id_form_search_ad {padding:20px 10px;}
		#id_form_search_ad > p {height:20px;}
		#id_form_search_ad table {width:100%;}
		#id_form_search_ad table input {display:block; width:auto;}
		#id_form_search_ad table select {display:block;}
		.span12 {width:auto; float:none;}
		.silverBackgraund {height:auto;}
		.silverBackgraund p {padding-left:10px !important; margin-bottom:0;}
		.silverBackgraund span a {white-space:nowrap; width:auto !important; background: transparent;}
		#BeforeFooter .span9 {width:auto;}
		.banner245 {width:auto !important; text-align:center; margin-bottom:20px; display:none !important;}
		.row-fluid.size {display:none;}
		.span3.obzor {float:none; width:90% !important; height:auto; clear:both; padding-left:8px; padding-bottom:40px;}
		#last .names {width:30%;}
		.row-fluid .span11 {width:100%;}
		.span8.border {margin:0;}
		.span11 {margin-left:0 !important;}
		#id_div_model_product {margin-right:10px;}
		
		#BeforeFooter .row-fluid .span3{margin:0; width:100%; float:none; min-height:1px;}
		.span12.catalog.border {border:0;}
		.fb-like-box.fb_iframe_widget {margin:20px auto; display:block; width:253px; display:none;}
		#vk_groups {margin:0 auto; display:none;}
		#id_model_search_button {margin-left:0;}
		.Line {position:relative;}
		.container.footer {padding-bottom:0;}
		.container.footer .subscribe, .container.footer .input-prepend {display:none;}
		.container.footer .span3 {width:100%; margin:0; padding:0 10px; text-align:center; min-height:1px;}
		.container.footer ul {display:none;}
		.size2 .span2 {height:30px;}
		.span3.obzor  {display:none;}
		select, input {border-radius:0;}
		.radio input[type="radio"], .checkbox input[type="checkbox"] {border-radius:50%; height:20px;}
		.carousel-control1.right {right:20px; width:30px;}
		.carousel-control1.left {left:20px; width:30px;}
		.news .general + p a {display:none;}
		
		
		/*--mobile-menu---*/
.mainnav {background:#0183a1; color:#fff; text-align:center;}
.menuLogotip .mainnav ul {margin-top:30px; margin-bottom:0; margin-left:0}
.menuLogotip .mainnav ul li {display:block; float:none; padding:5px; margin-right:0;}
.menuLogotip .mainnav ul li:first-child {margin:0;}
.menuLogotip .mainnav ul li a {color:#fff; font-size:14px;}
.menuLogotip .mainnav ul li:last-child {background:transparent; margin-top:9px; width:auto;}
.mainnav .tokosearch {padding: 0 0 0 0px;}
.menuLogotip .mainnav .tokosearch  input {height:30px;}
.mainnav  .input-prepend .add-on {height:30px;}

.mainnav .menuAfterLogo {display: block !important; margin:0px 0 0 0px; width:auto; float:none; padding-left:5px;}
 .mainnav .menuAfterLogo a {display:block; color:#fff; font-size:14px; margin-top:15px; margin-bottom:15px; margin-right:5px;}
 .mainnav .menuAfterLogo a:first-child {margin-left:0;}

.body-menu-opened {
		height: 100%;
		width: 100%;
		margin: 0;
		padding: 0;
		overflow-y: scroll;
	}

	.body-menu-opened body {
		overflow: hidden;
		height: 100%;
		width: 100%;
	}

	.hide-menu {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 100%;
		left: 0;
		z-index: 90000;
		background: rgba(0,0,0,.5);
		opacity: 0;
		-webkit-transition: opacity .3s ease-in-out;
		     -o-transition: opacity .3s ease-in-out;
		        transition: opacity .3s ease-in-out;
	}

	.body-menu-opened .hide-menu {
		bottom: 0;
		opacity: 1;
	}

	.show-menu {
		cursor:pointer;
		display: block;
		width: 27px;
		height: 27px;
		position: absolute;
		right: 15px;
		top: 6px;
		border: none;
		z-index:100000;
	}

	.show-menu i {
		display: block;
		width: 100%;
		height: 3px;
		background: #ffffff;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -2px;
	}

	.show-menu i:before,
	.show-menu i:after {
		content: "";
		display: block;
		width: 100%;
		height: 3px;
		background: #ffffff;
		position: absolute;
		left: 0;
	}

	.show-menu i:before {
		top: -9px;
	}

	.show-menu i:after {
		bottom: -9px;
	}

	.show-menu i,
	.show-menu i:before,
	.show-menu i:after {
		border-radius: 1px;
		-webkit-transition: all .3s ease-in-out;
		     -o-transition: all .3s ease-in-out;
		        transition: all .3s ease-in-out;
	}

	.body-menu-opened .show-menu i {
		background: transparent;
	}

	.body-menu-opened .show-menu i:before {
		top: 0;
		-webkit-transform: rotateZ(45deg);
		transform: rotateZ(45deg);
	}

	.body-menu-opened .show-menu i:after {
		bottom: 0;
		-webkit-transform: rotateZ(-45deg);
		transform: rotateZ(-45deg);
	}

	.mainnav {
		display: block;
		position: fixed !important;
		top: 0;
		bottom: 0;
		left: -90%;
		right: auto;
		z-index: 99900 !important;
		height: auto;
		min-width: 255px;
		width: 75%;
		margin: 0;
		padding-top: 25px;
		padding-bottom: 15px;
		box-shadow: rgba(0,0,0,.5) 0 0 7px;
		overflow-y: auto;
		visibility: hidden;
		-webkit-overflow-scrolling: touch;
		-webkit-transition: all .3s ease-in-out;
		     -o-transition: all .3s ease-in-out;
		        transition: all .3s ease-in-out;
	}

	.body-menu-opened .mainnav {
		left: 0;
		visibility: visible;
	}

	.social-links {padding-top:20px;}
	.social-links a {display:inline-block; width:40px; height:40px; border-radius:50%; border:1px solid #fff; background-size: 22px auto; margin: 0 15px;}
	.social-links a:hover, .social-links a:focus {opacity:0.8;}
	.fb-lnk {background: url("../img/fb.svg") 50% 50% no-repeat; }
	.vk-lnk {background: url("../img/vk.svg") 50% 50% no-repeat; }
	.insta-lnk {background: url("../img/insta.svg") 50% 50% no-repeat; }
	
	
	/*---base pages---*/
	.span3.menushka {width:100% !important; padding-left:10px;}
	.menushka ul li {padding-left:0px; display:inline-block; padding-right:5px;}
	.new.tema {padding-left:10px;}
	.tema + p b {display:block; padding:0 10px;}
	.pull-right.visible {display:none;}
	.menushka + .span9 {width:100% !important;}
	#plitka ul li {width:32%;}
	#plitka img {width:auto; max-width:100%; height:auto; display:block;}
	.pagination ul > li > a, .pagination ul > li > span {margin-bottom:10px;}
	p.tema .new {font-size:24px; top:5px; position:relative;}
	.container > p.tema {padding-left:10px;}
	.span12.article {float:none; padding-left:10px; padding-right:10px; }
	.article .article-header {width:auto;}
	.article .article-info {height:auto;}
	.title {padding-left:10px; padding-right:10px;}
	.row-fluid .span6.spisok  {padding-right:10px; padding-left:10px;}
	.row-fluid .span6.spisok .first {padding-left:10px; padding-right:10px; line-height:80%;}
	.row-fluid .span6.spisok .blueButton {margin-left:25px;}
	.row-fluid > .span12 p.tema {padding-left:10px; padding-right:10px; top:10px; position:relative;}
	.blueButton.srtanica11 {height:38px !important; position:relative; top:-10px;}
	#filters .blueButton.srtanica11 {top:0;}
	#filters {width:100%; float:none;}
	#filters .silverBackgraund p {padding-top:1px;}
	#filters .span12.border {padding-top:10px; padding-bottom:10px;}
	.chosen-container-single .chosen-single {border-radius:0; height:30px;}
	#filters input[type="text"] {height:30px; width:80px;}
	.chosen-container-single .chosen-single div b {background-position:0 5px;}
	#id_ads_list .silverBackgraund12 {width:100%; margin-left:0 !important;}
	#id_ads_list .span9.border {width:100%; margin-left:0;}
	#afisha .relative .span6 {float:none; width:100%; text-align:center; margin-bottom:10px; margin-left:0;}
	#afisha table {margin:10px auto; text-align:left;}
	#afisha + .container .silverBackgraund, #afisha + div + div  + div  .silverBackgraund,  #afisha + div + div  + div  + div  .silverBackgraund {text-align:center; display:block;}
	#xz table {margin:0 auto;}
	#xz .span6 {float:none; width:100%;}
	#stranica .offset2.span8 {width:100%; margin:0;}
	.span12.border.buyAndsould .row-fluid .span4 {width:50%; float:left !important;}
	.span12.border.buyAndsould .row-fluid .span8 {width:50%; float:right !important; padding-left:15px; margin-left:0;}
	form #id_q {height:30px; margin-left:10px; margin-bottom:10px;}
	#search input.blueButton.search14 {margin-left:0px;}
	
	/*---catalog---*/
	.span12.stranica18 {float:none; width:100%;}
	.catalog-list > .span9, .catalog-list > .span2 {float:none; width:100%; margin:10px 0 0 0 !important; padding:10px;}
	.stranica18 .bigPicture, .stranica18 .brendu {width:100%; margin-left:0;}
	.stranica18 .bigPicture {margin-bottom:20px;}
	.catalog-list .bigPicture img {height:auto;}
	.stranica18 .bigPicture .podlozhka {top:auto; padding-bottom:20px;}
	#id_model_search_button {clear:both; display:block;}
	#id_model_brand, #id_div_model_product{width:45%;}
	p #id_model_brand {width:100%;}
	#id_div_model_product select {width:100%;}
	.details select {margin-left:0;}
	
	.details .search18 #id_boat_brand, #stranica19 .search18 select:first-of-type {width:70%;}
	#id_boat_length_from, #id_boat_length_to {height:30px; width:100px;}
	#id_length_type {float:left;}
	
	#stranica19 .span10 {width:100%; float:none;}
	#stranica19 {padding:0 10px;}
	#stranica19 p.tema .new {top:2px;}
	#stranica19 .span2 {width:100%; float:none; margin-bottom:20px;}
	
	#stranica19 .span2 img {height:auto; max-width:100%; display:block;}
	.span12.border.opisanie {padding-left:10px; padding-right:10px;}
	.span12.border.opisanie iframe, #textInfo iframe {width:100% !important;}
	
	.auth-content > .span6 {width:100%; float:none; margin-bottom:20px; padding:0 10px; margin-left:0;}
	.auth-content > .span6 input[type="text"] {height:30px;}
	.auth-content > .span6 input[type="password"] {height:30px;}
	.auth-box.login .span7, .auth-box.login .span4 {float:none; width:100%; margin-left:0;}
	.auth-content .auth-box.registration {margin-left:0;}
	
	.auth-content .auth-box.registration input[type="password"] {width:100%;}
	.auth-content .auth-box.registration input[type="text"] {width:100%;}
	.auth-content .table-form {width:100%;}
	
	.span9.toto {width:100%; float:none; margin-left:0 !important; padding-right:10px; padding-left:10px;}
	.span9.toto + div.span2 {float:none; width:100%; margin:0 !important;}
	.span9.toto + div.span2 .border {padding-right:10px; padding-left:10px;}
	#smallLogo {margin-left:0 !important; margin-right:10px; float:none; padding-right:10px;}
	.dropmenu-feedback.stranica13 {right:10px;}
	#dropmenu4 .dropdown-wrapper {width:300px;}
	#dropmenu3.stranica13 .form-horizontal .controls {margin-left:0;}
	#dropmenu3.stranica13 .form-horizontal .controls input {width:100%;}
	#dropmenu3.dropmenu-feedback.stranica13 .form-horizontal .controls textarea {width:100%;}
	#dropmenu3.stranica13 .form-horizontal .control-label {width:100%; text-align:left;}
	#dropmenu3.stranica13 button {margin-left:0;}
	.form-horizontal .control-label {width:100%; float:none; text-align:left;}
	.form-horizontal .controls {margin-left:0;}
	.form-horizontal #id_name {height:30px; width:100%;}
	.form-horizontal #id_email {height:30px; width:100%;}
	#id_captcha_1 {width:100%; height:30px;}
	#dropmenu3.dropmenu-index.stranica13 {right:10px;}
	#id_text {width:100%;}
	#dropmenu4 {width:300px; margin-left:-160px;}
	
	.article-content {width:100% !important; float:none !important;}
	.article-content iframe {width:100% !important;}
	.go-add {display:none;}
	
	#filters {margin-bottom:20px;}
	#id_filter_list + div.span12.silverBackgraund {background:#0088cc; color:#fff; position:relative; cursor:pointer;}
	#id_filter_list + div.span12.silverBackgraund:before {content:''; background:#fff; width:27px; height:3px; position:absolute; top:5px; right:15px; border-radius: 1px;}
	#id_filter_list + div.span12.silverBackgraund:after {content:''; background:#fff; width:27px; height:3px; position:absolute; top:13px; right:15px; border-radius: 1px;}
	#id_filter_list + div.span12.silverBackgraund p {color:#fff; position:relative; display:block; float:none; text-align:left; margin:0; padding-top:5px;}
	#id_filter_list + div.span12.silverBackgraund p:before {content:''; background:#fff; width:27px; height:3px; position:absolute; top:21px; right:15px; border-radius: 1px;}
	.chosen-container.chosen-container-single {width:200px !important;}
	#filters .span12.border {display:none;}
	
	.sulki {padding:10px;}
	.sulki a {display:block; margin:5px 0 15px 0;}
	.sulki + .silverBackgraund12 {text-align:center;}
	.sulki + .silverBackgraund12 p {display:block; padding-left:0 !important;}
	.myCabinet .form-horizontal .controls {margin-left:0; width:100% ;}
	.myCabinet .form-horizontal .controls input {width:280px !important; height:30px !important;}
	.myCabinet .form-horizontal .control-label {width:100%;}

	.bookmarks_manager {white-space:nowrap;}
	.span3.add21.ftwvkg {float:none; width: 100% !important; clear:both; padding-left:0; margin-left:0; padding-bottom:10px;}
	/*---add form---*/

	.controls.controls-row select {width:40%;}
	#id_adphone_set-0-number {width:50%;}
	.span12.border > .row-fluid > .span6 {float:none; width:100%; margin-left:0;}
	.span12.border > .row-fluid > .span6 .row-fluid > .span6:first-child {width:36% !important;} 
	.span12.border > .row-fluid > .span6 .row-fluid > .span6:last-child {width:61% !important;} 
	.filterSelect select, .filterSelect #id_year_chosen {width:100% !important;}
	.filterSelect #id_length, .filterSelect #id_length_ft, .filterSelect #id_model, .filterSelect #id_engine_name, .filterSelect #id_engine_power, .filterSelect input[type="text"], .inputKategori input[type="text"] {height:30px;}
	.textSms textarea {width:100%; float:none; margin-left:0; margin-right:0;}
	.border.textSms {padding:0 10px;}
	.telefon #add-phone {margin-right:0 !important;}
	.forma .form-horizontal .controls {margin-left:0;}
	.form-horizontal .control-group {padding:0 10px;}
	.form-horizontal #id_note {width:100%; float:none;}
	.nameKategori p {width: 100%; text-align: right; margin-top: 7px; margin-bottom: 17px; line-height: 80%; height: 30px; margin-bottom: 10px; margin-top: 8px;}
	.filterName p {line-height:100%;}
	#cabinet {padding-top:40px;}
		p.row-data {width: 61%; padding-right:0px; float:left; margin-left: 2.1%;}
		p.row-data #id_purpose_chosen {width: 100% !important;}
		p.row-name {float:left; width:36%;}	
		.chosen-container-multi .chosen-choices li.search-field input[type="text"] {height:28px;}
		.span12.silverBackgraundCenter {display:block;}
		#afisha .stars {display: inline-block; float:none;}
		.dropmenu-index.stranica666 {left:auto; right:0; width:300px; min-width: 300px;}
		#dropmenu {width:300px; right:0;}
		#dropmenu .form-horizontal .control-label {width:100%; padding-left:0;}
		#dropmenu .form-horizontal .controls {margin-left:0;}
		.dropmenu-index.stranica666 button {margin-left:0;}
		#dropmenu .form-horizontal .control-group {padding-left:0;}
		.dropmenu-index.stranica666 .controls img.captcha {left:150px;}
		.dropmenu-index.stranica666 #id_captcha_1 {height:28px;}
}

@media (max-width: 767px) {
	#dropmenu5.dropmenu-index.stranica13 {margin-right:10px; width:300px;}
	#dropmenu5.stranica13 .form-horizontal .controls {margin-left:0;}
	#dropmenu5.stranica13 .form-horizontal .control-label {width:100%; text-align:center;}
	#dropmenu5.stranica13 button {margin-left:0;}
	#plitka ul li {width:48%;}	
	
	.list-ads-item.size2, .size2.table11, #cabinet .size2 {position:relative; padding-top:30px;}
	.list-ads-item.size2 .span1.date, .size2.table11 .span1.date2, #cabinet .size2 .date {position:absolute; top:5px; left:8px; height:25px; padding-top:0;}
	#last .list-ads-item.size2 .moneys, .size2.table11 .moneys {position:absolute; top:73px; left:10px; height:25px; background: #de591f; color:#fff; font-weight:400; padding:1px 5px 1px 5px !important; width:auto !important; margin:0; line-height:normal; height:auto; min-height:auto; }
	#last .list-ads-item.size2 .img, #last .size2.table11 .img {margin-left:0; padding-left:10px; width:112px; height:auto;}
	#last .size2.table11 .img {padding-top:1px;}
	#last .size2.table11 .img  img {width:100px;}
	#last .size2.table11 .span1.date1, #cabinet .size2 .date1 {position:absolute; top:5px; left:115px; height:20px; padding-top:0;}
	
	
	#cabinet .size2 .imgMarka {height:70px;}
	#cabinet .size2 .span3.imgMarka {width:100px !important;}
	#cabinet .size2 .country {position:absolute; top:5px; left:180px; height:20px; padding-top:0; margin-top:0 !important;}
	#cabinet .size2 .obzor1 {margin-left:56px !important; padding-top:10px; clear:both;}
}

@media (max-width: 480px) {
	.searchBoard .row-fluid > div.span12:last-child {display:none;}
	.searchBoard .row-fluid > div.span12.silverBackgraund {background:#0088cc; color:#fff; position:relative; cursor:pointer;}
	.searchBoard .row-fluid > div.span12.silverBackgraund:before {content:''; background:#fff; width:27px; height:3px; position:absolute; top:5px; right:15px; border-radius: 1px;}
	.searchBoard .row-fluid > div.span12.silverBackgraund:after {content:''; background:#fff; width:27px; height:3px; position:absolute; top:13px; right:15px; border-radius: 1px;}
	.searchBoard .row-fluid > div.span12.silverBackgraund p {color:#fff; position:relative; display:block;}
	.searchBoard .row-fluid > div.span12.silverBackgraund p:before {content:''; background:#fff; width:27px; height:3px; position:absolute; top:21px; right:15px; border-radius: 1px;}
	#id_boat_brand + table {width:100%;}
	#id_boat_brand + table tr td {display:block; width:100%; text-align:left;}
	#id_boat_brand + table input {width:100%; margin-left:0;}
	#id_boat_brand + table select {margin-left:0;}
	.searchBoard input.blueButton {margin-left:-105px; position:relative; left:50%;}
	.row-fluid.news img {float:none; width:100%; height:auto; margin-left:0;}
	.news .span12 {padding-left:10px; margin-bottom:20px;}
	.news .main {padding-top:10px;}
	#plitka ul li {width:98%;}
	img.pull-right {float:none;}
	.span12.avtori > div {margin-left:0 !important; text-align:center;}
	.span12.avtori > div p > a {display:inline-block; float:none;}
	.row-fluid .span6.spisok {float:none; width:100%; padding-right:10px;}
	.blueButton.srtanica11.addNews {float:left; top:10px;}
	.tema span {display:block;}
	
	#xz table {font-size:12px;}
	.span12.border.opisanie p {padding-left:10px; padding-right:10px;}
	.span12.border.buyAndsould .row-fluid .span4 {font-size:12px;}
	.span12.border.buyAndsould .row-fluid .span8 .blueButton.buttonAvtor1  {margin-left:-110px;}
	#afisha .rightOtFoto {padding-left:0;}
	.rightOtFoto .blueButton {font-size:13px;}
	#search input.blueButton.search14 {margin-top:0;} 
	#search .span7 {width:90%; float:none;}
	#search {padding-left:10px;}
	form #id_q {margin-left:0px;}
	.brend.stope td {width:auto; height:auto;}
	.form-horizontal .control-label {width:100%; float:none;}
	#dropmenu3.stranica13 .form-horizontal .control-label {width:100%; float:none; text-align:left; padding-left:10px;}
	#dropmenu3.stranica13 .form-horizontal .controls {margin-left:0; padding-left:10px; padding-right:10px;}
	#dropmenu3.dropmenu-feedback.stranica13 .form-horizontal .controls textarea {width:100%;}
	#dropmenu3.dropmenu-feedback.stranica13 {width:95%;}
	#dropmenu3.stranica13 button {margin-left:0;}
	#dropmenu3.stranica13 .form-horizontal .controls input {width:100%;}
	.form-horizontal textarea {width:100%;}
	

	
}