/*
Theme Name: Prokat
Description: Прокат весільних авто
Version: 1.0
Author: Freekc Studio
*/


@font-face {
font-family: Annabelle; // имя шрифта для CSS
src: url("font/Annabelle.ttf"); // адрес файла для загрузки
}

ul, ol { list-style: none; }
ul a, ol a { text-decoration: none; }

.overcar {
	z-index: 500;
	background: rgba(255, 255, 255, 0.7) none repeat scroll 0% 0%;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

.no {
	opacity: 0.5!important;
	-o-opacity: 0.5!important;
	-moz-opacity: 0.5!important;
	-webkit-opacity: 0.5!important;
	-khtml-opacity: 0.5!important;
}


#action-top {
	display: block;
	width: 150px;
//	padding: 0px 40px 5px 900px;
	margin-top: -100px!important;
	margin-left: 40px!important;
	float: left;
	position: relative;
}

#action-top img {
	width: 150px;
	margin:5px;
}


#colage {
	position: absolute;
	margin: 70px 10px 10px 800px;
}

/*-------------------------------*/

#slider1 {
	width: 640px;
	height: 150px;
	overflow: hidden;
	margin: 5px 0 30px 0;
border: 1px #f00 solid;
display: none;
}




/* Tiny Carousel */
#slider { 
	height: 1%; 
	overflow:hidden; 
	padding: 0 0 10px;
}

#slider1 .viewport { 
	float: left; 
	width: 540px; 
	height: 155px; 
	overflow: hidden; 
	position: relative; 
}

#slider1 .buttons { 
	background:url("img/buttons.png") no-repeat scroll 0 0 transparent; 
	display: block; 
	margin: 30px 10px 0 0; 
	background-position: 0 -38px; 
	text-indent: -999em; 
	float: left; 
	width: 39px; 
	height: 37px; 
	overflow: hidden; 
	position: relative; 
}

#slider1 .next { 
	background-position: 0 0; 
	margin: 30px 0 0 10px;  
}

#slider1 .disable { 
	visibility: hidden; 
}

#slider1 .overview { 
	list-style: none; 
	position: absolute; 
	padding: 0; 
	margin: 0; 
	width: 150px; 
	left: 0;
	top: 0; 
}

#slider1 .overview li{ 
	float: left;
	margin: 0 5px 0 0; 
	padding: 1px; 
	height: 150px; 
	border: 1px solid #dcdcdc; 
	width: 150px;
}

#slider1 .overview li img { 
	float: left;
}

/*-------------------------------*/




.bold {
	font-weight: bold;
}

#avans {
	background: url("img/liqpay.png") no-repeat;
	width: 189px;
	height: 166px;
	text-align: center;
}


#order-lim {
	margin: 150px 10px 10px 40px;
	display: block;
	width: 230px!important;
}


#izgot-lim {
	float: right;
	margin: -85px 40px 10px 10px;
	width: 230px!important;
}


#vubrat-lim {
	position: absolute;
	margin: -60px 10px 10px 400px;
	width: 230px!important;
}


#order-lim img, #izgot-lim img, #vubrat-lim img {
	width: 230px!important;
}


#tel {
	position: absolute;
	width: 180px;
	margin: 40px 10px 10px 800px;
	font-weight: bold;
	color: #0f640d;
}








#flag {
	padding: 10px 10px 10px 30px;
}
#flag ul:after {
	content: '';
	clear: both;
	display: block;
}
#flag ul li {
	float: left;
	padding: 10px;
	list-style-type: none;
}

#flag ul li .active a span {
	color: #f00;
	font-weight: bold!important;
}

#flag ul li a {
	text-decoration: none;
	color: #606060;
	font-family: Century Gothic;
	background-position: center left;
	padding-left: 25px;
	/*font-weight: bold;*/
	/*font-size: 12px;*/
}


#oplata {
	display: inline;
	margin: 5px;
	float: left;
}


/*---------------------*/

* {
	margin:0;
	padding:0;
}

#clear {
	clear: both;
}

body {
	background: url("img/content.jpg") top center repeat-y;
	font-family: Century Gothic;
	min-width: 360px;
}


#wrapper {
	width: 1000px;
	height: 100%;
	margin: 0 auto;
}




/*--------- head ---------*/

#head {
	background: url("img/header.jpg") top center no-repeat;
	height: 465px;
//	margin-top: -28px;
}

#head #bloginfo {
	float: left;
	width: 550px;
}

#head #logo {
	margin: 5px 20px 0px 250px;
}

#head #logo a {
	font-family: Century Gothic;
	font-size: 35px;
	font-weight: bold;
	text-decoration: none;
	color: #d00228;
	text-align: center;
	display: block;
	text-ident: -99999;
}

#head #logo a img {
	border: none;
	width: 250px;
}

#head #slog {
	width: 450px!important;
	font-family: Century Gothic;
	font-size: 15px;
//	font-weight: bold;
	text-decoration: none;
	color: #0f640d;
//	color: #d00228;
	text-align: center;
	display: block;
	margin: -18px 10px 10px 200px;
}

#head #slog a {
	text-decoration: none;
	color: #0f640d;
}

#head #slog a:hover {
	color: #f00;
}

#head #feedback {
	float: right;
	width: 100px;
	margin: 30px 200px 20px 20px;
}

#head #feedback a {
	display: inline;
	opacity: 100;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-o-opacity: 1;
}

#head #feedback a:hover {
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	-o-opacity: .7;
}

#head #logo a img, #head #feedback a img {
	border: none;
}


/*---------  end head -----------*/






/*--------- content ------------*/

#content {
	margin-top: -5px;
	padding: 20px;
	height: auto;
}

#cont {
	float: right;
	width:645px;
	height: auto;
	padding: 5px 10px 5px 15px;
	margin-top: -70px;
}



#cont #cont-head {
	background: #d9d9d9;
	border: 1px #656565 solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
-khtml-border-radius: 10px;
behavior: url(ie-css3.htc);
behavior:url(border-radius.htc);

behavior:url(PIE/PIE.htc);

	height: 40px;
	margin-bottom: 10px;
	clear: both;
}

#cont #cont-head div {
	display: inline;
	float: left;
}

#cont #cont-head .model, #cont #cont-head .desc {
	display: block;
	text-align: center;
	width: 190px;
	font-weight: bold;
	font-size: 13px;
	font-family: Century Gothic;
	padding: 10px 20px;
}

#cont #cont-head .desc {
	width: 170px;
}


#cont #cont-head .places, #cont #cont-head .price {
	display: block;
	text-align: center;
	width: 50px;
	font-weight: bold;
	font-size: 13px;
	padding: 10px 20px;
	font-family: Century Gothic;
}




#container {
	background: #d9d9d9;
	border: 1px #656565 solid;
	border-bottom: 3px #656565 solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
//behavior: url(ie-css3.htc);
behavior:url(border-radius.htc);
	height: auto;
	min-height: 100px;
	margin-bottom: 10px;
	padding: 10px;
}
#container:after {
	content: "";
	display: block;
	clear: both;
}

#container:hover {
	background: #b6b6b6;
	border-bottom: 3px #808080 solid;
}

#container div {
	display: inline;
	float: left;
}

#action {
	width: 140px;
	height: 95px;
	padding: 5px;
	margin: -5px 0px 0 -155px;
	text-align: center;
position: relative;
}

#action2 {
	width: 340px;
	padding: 5px;
	margin: 10px 0px 20px -15px;
}

#action2 #action-date {
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	margin: -28px 10px 0 40px;
	font-family: Century Gothic;
}

#container .model, #container .desc {
	display: block;
	text-align: center;
	font-family: Century Gothic;
}

#container .desc {
	width: 220px;
	padding-top: 10px;
	font-family: Century Gothic;
	font-size: 13px;
}


#container .places {
	display: block;
	text-align: center;
	width: 60px;
	padding: 10px 5px 5px 5px;
	font-family: Century Gothic;
}

#container .price {
	display: block;
	text-align: center;
	width: 80px;
	height: 80px;
	padding: 10px 5px 5px 5px;
} 
#container .price {
	padding-left: 10px;
	font-weight: bold;
	font-family: Century Gothic;
	font-size: 13px;
}


#container .riks {
	font-size: 13px;
	text-align: center;
	width: 60px;
	margin: -20px auto 0px auto;
	font-family: Century Gothic;
}

#container .model .model-photo img{
	float: left;
	width: 140px;
	height: 95px;
//	margin: 5px;
	border: 5px #c2c2c2 solid;
position: relative;
}

#container:hover .model-photo img {
	border: 5px #707070 solid;
}

.model-name {
	width: 70px;
	padding: 0px 5px 5px 5px;
	margin-top: -5px;
	font-family: Century Gothic;
}

.cat_name {
	display: block;
	margin: 0 auto 20px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}
h1, .cat_name h1, .model-name h2, .title h2, .name h2, .name-nom h2, .name-nom2 h2 {
	font-size: 13px;
	font-weight: bold;
	color: #0f640d;
	font-family: Century Gothic;
}

.cat_name h1 { font-size:  24px; }

h2 {
	font-size: 14px;
	font-weight: bold;
	font-family: Century Gothic;
}


.navigation {
	background: url("img/page-navi.png") repeat-y;
	text-align: center;
	width: 100%;
	padding: 2px;
	margin-top: 20px;
}

.navigation a {
	color: #fff;
	text-decoration: none;
	font-family: Century Gothic;
}


/*
.navigation .pages {
	margin-right: 20px;
}*/

.navigation .current {
	padding: 5px;
	font-weight: bold;
	font-size: 20px;
	color: #909090;
	border: 1px #fff solid;
	background: #fff;
}

#cat-name {
	background: #ccc;
	width: 90%;
	height: 20px;
	padding: 5px;
	margin: 0px auto 10px auto;
	color: #303030;
	text-align: center;
	font-weight: bold;
	font-size: 18px!important;
	border: 1px #606060 solid;
}

#container a {
	text-decoration: none;
	color: #000;
}

.title {
	background: url("img/galochka.png") no-repeat;
	padding-left: 25px;
	margin: 15px 0;
}


#cont-full {
	background: #d9d9d9;
	border: 1px #656565 solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
behavior: url(ie-css3.htc);
behavior:url(border-radius.htc);
	height: auto;
	margin:-70px 20px;
	float: right;
	width:630px;
	font-family: Century Gothic;
}

#container-full {
	margin: 10px;
	padding: 10px;
	height: auto;
	font-family: Century Gothic;
}

#container-full #model-name {
//	width: 450px;
	float: left;
	font-weight: bold;
	padding: 0 0 20px 20px;
	font-family: Century Gothic;
}

#container-full #model-names {
	width: 100%;
	font-weight: bold;
	padding: 0 0 20px 20px;
	font-family: Century Gothic;
}

#container-full .model-photo-full {
	float: left;
	width: 250px;
	height: auto;
}

#container-full .model-photo-full img {
	width: 250px;
	height: auto;
	border: 5px #c2c2c2 solid;
}

#container-full .model-photo-full img:hover {
	border: 5px #606060 solid;
	cursor: url("img/lupa.png"), url("img/lupa.cur"), default;
	opacity: .6;
	-webkit-opacity: .6;
	-moz-opacity: .6;
	-o-opacity: .6;
}

#container-full .model-photo-full #post_thumbs {
	width: 250px;
	height: auto;
	padding: 15px 5px;
}

#container-full .model-photo-full #post_thumbs img {
	width: auto;
	height: 78px;
	padding: 2px;
	float: left;
	border: none;
}

#post_thumbs {
	padding: 0 15px;
}

#post_thumbs img {
	padding: 2px 5px;
}

#post_thumbs img:hover {
	cursor: url("img/lupa.png"), url("img/lupa.cur"), default;
	opacity: .6;
	-webkit-opacity: .6;
	-moz-opacity: .6;
	-o-opacity: .6;
}

#container-full #info {
	float: right;
	width: 310px;
	padding-left: 30px;
	font-family: Century Gothic;
	font-size: 13px;
}

#descript {
	width: 630px;
	margin: 20px auto;
	font-size: 12px;
}

#defol {
	margin: 20px 5px;
}

#defol div {
	display: inline;
}

.order {
	margin: 15px;
	width: 270px!important;
	font-size: 13px;
}

.order a{
	background: #fff;
	color: #656565;
	padding: 5px;
	border: 1px #656565 solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
behavior: url(ie-css3.htc);
behavior:url(border-radius.htc);
	text-decoration: none;
	font-family: Century Gothic;
}

.order a:hover {
	background: #ccc;
	color: #000;
}

.order-tel {
	font-size: 12px;
	color: #656565!important;
}

.order-tel .tels  {
	font-size: 16px;
}

.order-tel {
	text-align: center;
}

.order-tel .tels {
	font-weight: bold;
}

.back {
	float: right;
	font-size: 13px;
	position: relative;

	background: #fff;
	padding: 5px;
	border: 1px #656565 solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
behavior: url(ie-css3.htc);
behavior:url(border-radius.htc);
	text-decoration: none;
	font-family: Century Gothic;
}

.back a{
	text-decoration: none;
	color: #656565;
}

.back:hover {
	background: #ccc;
	color: #000;
}

.back a:hover {
	color: #000;
}

.desc-full {
	font-family: Century Gothic;
	font-size: 13px;
}

.desc-full p {
	text-indent: 30px;
	margin-top: 20px;
}

#cash-full {
	float: left;
	width: 130px;
	margin: 10px;
	border-right: 2px #909090 solid;
	font-family: Century Gothic;
	font-size: 13px;
}

#cash-full div {
	width: 130px;
	margin-bottom: 10px;

}

#character-full {
	float: right;
	width: 130px;
	margin: 10px;
	font-family: Century Gothic;
}

#character-full div {
	width: 130px;
	margin-bottom: 10px;
}


#contain {
	float: left;
	width: 180px;
	height: 230px;
	margin: 10px;
	border: none;
}

#contain-vs {
	float: left;
	width: 180px;
	height: 360px;
	margin: 10px;
}

#contain .photo img, #contain-nom2 .photo img{
	width: 180px;
	height: 135px;
	border: 5px #c2c2c2 solid;
	position: relative;
}

#contain:hover .photo img, #contain-nom2:hover .photo img {
	border: 5px #707070 solid;
}

#contain-vs .photo-vs img {
	width: 180px;
	height: auto;
	border: 5px #c2c2c2 solid;
	position: relative;
}

#contain-vs:hover .photo-vs img {
	border: 5px #707070 solid;
}

#contain .name, contain-nom2 .name {
	display: block;
	width: 180px;
	height: auto;
	position: relative;
//	margin:  5px;
//	background: url("img/hov-bg-cat.png") repeat;
}

#contain .name a, contain-nom2 .name a {
	text-decoration: none;
	text-align: center;
	color: #000;
	padding: 5px;
	display: block;
//	width: 170px;
//	height: 125px;
}


.pricefeerverk {
	text-align: center;
	color: #f00;
//	padding: 5px;
	font-weight: bold;
}


.pricefeerverks {
	position: absolute;
//	margin-top: -245px;
	margin-left: 320px;
	color: #f00;
	padding: 5px;
	font-weight: bold;
	font-size: 18px;
}

.ves-salon {
	margin-left: 300px;
	padding: 5px;
	font-size: 18px;
}

#order-ves-salon {
	width: 480px;
	margin: 50px auto;
	padding: 20px;
	background: #909090;
}

.feer-text {
	color: #000!important;
	font-weight: normal;
	font-size: 14px;
}

.but input {
	padding: 5px;
	margin: 8px 0;
}


#contain .photo:hover .name {
	display: block;
}


.oplata {
	padding-left: 315px;
}

#contain-nom {
	float: left;
	width: 180px;
	height: auto!important;
	margin: 10px;
}

#contain-nom .photo-nom img {
	width: 180px;
	height: 39px;
	border: 5px #c2c2c2 solid;
	position: relative;
}

#contain-nom:hover .photo-nom img {
	border: 5px #707070 solid;
}

#contain-nom .name-nom {
	display: block;
	width: 180px;
	height: auto!important;
	position: relative;
}

#contain-nom .name-nom a {
	text-decoration: none;
	text-align: center;
	color: #000;
	padding: 5px;
	display: block;
}

#contain-nom-top {
	float: left;
	width: 180px;
	height: auto!important;
	margin: 10px;
}

#contain-nom-top2 {
	float: right;
	width: 380px;
	height: auto!important;
	margin: 10px;
}

#contain-nom-top2 .text {
	font-size: 12px;
}

#contain-nom2 {
	width: 180px;
	height: auto!important;
	margin: 10px;
}

#contain-nom2 .photo-nom2 img {
	width: 180px;
	height: 39px;
	border: 5px #c2c2c2 solid;
	position: relative;
}

#contain-nom2:hover .photo-nom2 img {
	border: 5px #707070 solid;
}

#contain-nom2 .name-nom2 {
	display: block;
	width: 180px;
	height: auto!important;
	position: relative;
}

#contain-nom2 .name-nom2 a {
	text-decoration: none;
	text-align: center;
	color: #000;
	padding: 5px;
	display: block;
}


.content-contact {
	float: left;
	width: 300px;
}

#opis {
	margin-top: 10px;
	color: #606060;
}


/*------ liqpay -----*/
.liqpay {
	float: right;
	width: 280px;
}


.liqpay #liq-form #inp {
	text-align: center;
	width: 100px;
	margin: 10px auto;
	font-family: Century Gothic;
	font-size: 14px;
	color: #656565;
}

.liqpay #liq-form #inp2 {
	width: 90%;
	margin: 10px auto;
	font-family: Century Gothic;
	font-size: 14px;
	color: #656565;
}

.liqpay #liq-form #inp, .liqpay #liq-form #inp2 {
	border: 1px green solid;
	padding: 8px;
}

.liqpay #liq-form #inp:focus, .liqpay #liq-form #inp2:focus {
	border: 1px #ff5900 solid;
	color: #000!important;
}

.liqpay #liq-form .liq-price {
	padding: 5px 10px;
}


.opl {
	margin: 30px 15px 15px 15px;
}

#opl {
	display: inline;
	padding: 5px;
}

/*------ end liqpay -----*/

.home {
	text-align: center;
	font-size: 13px;
	position: relative;

	background: #fff;
	padding: 5px;
	margin: 50px auto 20px auto;
	width: 250px;
	border: 1px #656565 solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
behavior: url(ie-css3.htc);
behavior:url(border-radius.htc);
	text-decoration: none;
	font-family: Century Gothic;
}

.home a{
	text-decoration: none;
	color: #656565;
	display: block;
}

.home:hover {
	background: #ccc;
	color: #000;
}

.home a:hover {
	color: #000;
}


#tag {
	margin: 20px 0;
//	border-top: 1px #606060 solid;
}
.tag-icon {
	float: left;
	width: 35px;
	padding-top: 20px;
	display: none;
}

.tag {
	float: right;
	width: 550px;
}

.tag a {
	color: #d9d9d9;
}

/*--------- end content ------------*/





/*--------- sidebar ------------*/

#sidebar {
	float: left;
	width: 250px;
	height: auto;
	padding: 8px 8px 8px 3px;
margin-top: -100px;
	font-family: Century Gothic;
}

#sidebar #title-nav2 {
	font-family: Century Gothic;
	font-size: 20px;
	color: #d00228;
	width: 250px;
	text-align: center;
	background: url("img/title-nav-bg.png") bottom center no-repeat;
	margin-bottom: 20px;
}

#sidebar #title-nav {
	background: url("img/bg-sidebar.png") no-repeat;
	margin-left: -13px;
	margin-bottom: -33px;
	padding: 10px 10px 0 30px;
	color: #fff;
	width: 251px;
	height: 62px;
	font-size: 15px;
	font-weight: bold;
}


#sidebar #nav ul {
	width: 250px;
	height: auto;
}

#sidebar #nav ul li {
	background: url("img/nav-bg.png") repeat-y;
	margin: 4px 0;
	list-style-type: none;
	position: relative;
}

#sidebar #nav ul li a {
	display: block;
	padding: 3px 10px 3px 10px;
	color: #d00228;
	font-style: normal;
	text-decoration: none;
	font-family: Century Gothic;
	font-size: 15px;
	margin-left: -30px;
}

#sidebar #nav ul li:hover {
	background: url("img/nav-bg-hover.png") repeat-y;
}

#sidebar #nav ul li a:hover {
	display: block;
	padding: 3px 10px 3px 10px;
	color: #fff;
//	font-weight: bold;
//	font-style: italic;
}

#sidebar #nav ul li ul {
	display: none;
}

#sidebar #nav ul li ul:child {
	background: transparent;
}

#sidebar #nav ul li:hover ul {
	display: block;
	position: absolute;
	left: 210px;
	top: 1px;
	z-index: 99999;
	background-color: #ccc;
	border-top: 1px #000 solid;
	border-right: 1px #000 solid;
	border-bottom: 1px #000 solid;
	width: 250px;
}

#sidebar #nav ul li ul li {
	display: block;
//	background-color: #28282a;
	width: 250px;
}

#sidebar ul li {
	text-decoration: none;
	list-style:none;
}

#sidebar #title-widget {
	background: url("img/bg-sidebar.png") no-repeat;
	margin-left: -22px;
	margin-bottom: -20px;
	padding: 10px 10px 0 30px;
	color: #fff;
	width: 251px;
	height: 62px;
	font-size: 15px;
}

#sidebar .widget-container {
	width: 240px;
	height: auto;
	font-size: 12px;
	margin: 10px;
	padding-top: 20px;
}

.cur-nav {
//	background: url("img/nav-bg-hover.png") repeat-y;
	display: block;
	padding: 3px 10px 3px 20px;
	color: green!important;
	font-weight: bold;
	font-style: italic!important;
}


#sidebar_sec {
	position: absolute;
	top: 120px;
	right: 5px;
	width: 140px;
	text-align: center;
	font-family: Century Gothic;
	display: block;
}

#sidebar_sec img {
	width: 140px;
	height: auto;
//	border: 1px #ccc solid;
//	border-radius: 15px;
	margin-top: 10px;
}

#sidebar_sec a {
//	text-align: center;
	text-decoration: none;
	font-size: 11px;
}

#sidebar_sec a:hover {
	opacity: .5;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	-o-opacity: .5;
	-khtml-opacity: .5;
}



/* если ширина окна <= 1300px ... */
@media screen and (max-width: 1300px) {

#sidebar_sec {
	display: none!important;
  }

}

/*--------- end sidebar ------------*/







/*--------- footer ------------*/

#footer {
	background: url("img/footer.jpg") bottom center no-repeat;
	height: 210px;
	position: relative;
}

#footer #soc {
	display: block;
	margin: 120px 0 0 35px;
	position: absolute;
//	border: 1px #f00 solid;
	clear: both;
}

#footer #soc #as {
	font-size: 12px;
	padding-left: 10px;
}

#footer #soc ul {
}

#footer #soc ul li {
	display: inline;
	float: left;
}

#footer #soc ul li img {
	width: 40px;
	height: auto;
	padding: 5px;
	border: none;
	opacity: .6;
	-o-opacity: .6;
	-moz-opacity: .6;
	-webkit-opacity: .6;
}

#footer #soc ul li img:hover {
	opacity: 1;
	-o-opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
}
#footer .copy {
	font-size: 14px;
	width: 100%;
	position: absolute;
	bottom: 6px;
	left: 40px;
}
#footer .copy a {
	color: #168a16;
    text-decoration: none;
}
#footer .copy a:hover { color: #000000; }


/*--------- end footer ------------*/




/*------------  modal window ---------------------*/


#callme, #feedback-f, #orders, #order-feerverk, #orderusl, #order-nom {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	z-index: 99997;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
}

#callme:target, #feedback-f:target, #orders:target, #order-feerverk:target, #orderusl:target, #order-nom:target {
	display: block;
}

#mod {
	padding: 10px;
//	top: 50%!important;
	left: 50%;
	margin-top: 125px;
	margin-left: -200px;
	position: fixed;
	width: 400px;
	height: 390px;
	z-index: 99998;

	position: relative;


	border: 1px #606060 solid;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
behavior: url(ie-css3.htc);
behavior:url(border-radius.htc);

	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}


#mod > div, #mod2 > div, #orders > div, #mod-orders-feerverk > div, #mod-orders-usl > div, #order-nom > div {
	position: relative;
}

#mod form, #mod2 form, #orders form, #mod-orders-feerverk form, #mod-orders-usl form, #mod-nom form {
	width: 380px;
	height: 200px;
	padding: 7px;
	position: absolute;
	margin: 10px 20px;
}

#mod #f, #mod2 #f, #mod-orders #f, #mod-orders-feerverk #f, #mod-orders-usl #f,  #order-nom #f, #f {
	width: 220px;
	height: auto;
//	display: inline;
//	float: left!important;
	padding: 3px;
	margin: 10px 5px;
}

#mod input:focus, #mod textarea:focus, #mod2 input:focus, #mod2 textarea:focus, #orders input:focus, #contacts-form select:focus, #mod-orders-feerverk input:focus, #mod-orders-usl input:focus,  #order-nom input:focus, #contacts-form12 input:focus {
	border: 1px #0000cd solid;
	box-shadow: 0 0 2px #0000cd;
}

#contacts-form12 input #f {
	border: 1px #006600 solid;
}


#textarea {
	width: 92%;
	padding: 3px;
	margin: 10px 5px;
}

#textarea:focus {
	border: 1px #0000cd solid;
	box-shadow: 0 0 2px #0000cd;
}



.close {
	position: absolute;
	right: -20px;
	text-align: center;
	top: -5px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-decoration: none;

	border: 1px #606060 solid;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
behavior: url(ie-css3.htc);
behavior:url(border-radius.htc);
	background: #d00228;
	color: #fff;
}

.close:hover {
	background: #fff;
	color: #f00;
	font-weight: bold;
}

.callme {
	margin-top: -15px;
	padding: 0;
}

.form-submit input, #submit {
	left: 220px;
	position: relative;
	width: 150px!important;
	padding: 3px;
}


#contacts-form select {
	width: 40px;
}



#mod2 {
	padding: 10px;
//	top: 50%!important;
	left: 50%;
	margin-top: 125px;
	margin-left: -200px;
	position: fixed;
	width: 400px;
	height: 350px;
	z-index: 99985;

	position: relative;


	border: 1px #606060 solid;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
behavior: url(ie-css3.htc);
behavior:url(border-radius.htc);

	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}


#mod-orders {
	padding: 10px;
//	top: 50%!important;
	left: 50%;
	margin-top: 80px;
	margin-left: -200px;
	position: fixed;
	width: 400px;
	height: 440px;
	z-index: 99989;

	position: relative;

	border: 1px #606060 solid;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
behavior: url(ie-css3.htc);
behavior:url(border-radius.htc);

	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}


#mod-orders-feerverk {
	padding: 10px;
//	top: 50%!important;
	left: 50%;
	margin-top: 125px;
	margin-left: -200px;
	position: fixed;
	width: 400px;
	height: 295px;
	z-index: 99989;

	position: relative;

	border: 1px #606060 solid;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
behavior: url(ie-css3.htc);
behavior:url(border-radius.htc);

	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}

#mod-orders-usl {
	padding: 10px;
//	top: 50%!important;
	left: 50%;
	margin-top: 125px;
	margin-left: -200px;
	position: fixed;
	width: 400px;
	height: 295px;
	z-index: 99989;

	position: relative;

	border: 1px #606060 solid;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
behavior: url(ie-css3.htc);
behavior:url(border-radius.htc);

	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}


#mod-nom {
	padding: 10px;
//	top: 50%!important;
	left: 50%;
	margin-top: 100px;
	margin-left: -200px;
	position: fixed;
	width: 400px;
	height: 385px;
	z-index: 99989;

	position: relative;

	border: 1px #606060 solid;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
behavior: url(ie-css3.htc);
behavior:url(border-radius.htc);

	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}


#orders .close {
	position: absolute;
	right: -13px;
	text-align: center;
	top: -10px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-decoration: none;

	border: 1px #606060 solid;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
behavior: url(ie-css3.htc);
behavior:url(border-radius.htc);
	background: #d00228;
	color: #fff;
}

#orders .close:hover {
	background: #fff;
	color: #f00;
	font-weight: bold;
}
.feedback-f, .orders, .orders-feerverk, .orders-usl, .orders-nom {
	margin-top: -15px;
	padding: 0;
}

#captcha {
	padding: 10px 5px;
	color: #f00;
	font-weight: bold;
}

#captcha2 {
	padding: 10px 5px;
	color: #fff;
	font-weight: bold;
}



.all-post-pictures {
	text-align: center;
	margin: 10px;
}

.all-post-pictures img {
	height: 100px;
	width: auto;
	border: none;
//	padding: 5px;
	display: inline;
//	border: 5px #d9d9d9  solid;
}

.all-post-pictures img:hover {
//	border: 5px #454545  solid;
	opacity: .5;
	-o-opacity: .5;
	-moz-opacity: .5;
	-webkit-opacity: .5;
	-khtml-opacity: .5;
}







/*----------------------    -----------------------------------*/
     // Portions adapted from http://rootstheme.com
    // The CSS here is slightly different from the live demo as i didn't include any of the images that are on the live site
    #nav-main ul { list-style: none; margin: 0; padding :0; text-align: left; }
    #nav-main ul a {
    display: block;
    text-decoration: none;	
    }
    #nav-main ul li { display:inline-block; width: 100%;}
    #nav-main ul li a {
    text-decoration:none;
    display:block;
    font-size:14px;
    padding: 10px 0px 10px 10px;
    color:#464646;
    margin: 0px 0px;
    border-top: 1px #a9aaa9 solid;
    letter-spacing: 1px;
    }
     
    #nav-main ul li a:hover { background: #ffffff; }
    #nav-main ul li ul li a:hover { background: none; color: #0f6cb6; }
    #nav-main ul li ul { position: relative; top: -2px; }
     
    #nav-main ul ul li a { background: none; border: none; padding: 2px 0px 2px 0px; margin: 0 0 0 30px; font-size:12px; }
    #nav-main ul ul li ul { margin: 0 0 0 8px; }
     
    ul.sub-menu li.current-menu-item { color: #0f6cb6 !important; font-weight: bold; }


.nav-menu-parent > a:after {
    color: #000;
    /* content отвечает за вывод стрелок. Вы можете воспользоваться background: url(); */
    content: ' +';
    font-weight: normal;
    font-size: 15px;
    padding-top: 10px;
}
 
.sub-menu .nav-menu-parent > a:after {
    content: ' >>';
}




/* ------- ALIGNMENTS ------- */

img.alignright {
    float: right;
    margin: 15px 0 15px 15px;
}

img.alignleft,
.attachment-blog_image_sm {
    float: left;
    margin: 15px 15px 15px 0;
}

img.aligncenter {
    margin: 15px auto 15px auto;
    text-align: center;
}

img.alignright,
img.alignleft,
img.aligncenter,
img.alignnone,
.slide_image_box,
.attachment-blog_image_lg,
.attachment-blog_image_sm {
    display: block;
    padding: 4px;
    position: relative;
    background-color: #FFFFFF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    z-index: 1;
    border: 1px solid #E0E0E0;
}

/* ------- end ALIGNMENTS ------- */



/*-----  comments ------*/

#com {
//	border-top: 1px #909090 dashed;
	padding-bottom: 15px;
	margin: 15px 10px 10px 30px;
	width: 90%;
}

.commentlist {  
	list-style: none;  
	padding-top: 20px;  
	margin: 0 0 80px 0;  
}

.comment {  
	position: relative;  
	margin: 0 0 20px 0;  
	font-size: 14px;
	clear: both;
	padding-top: 0px;
}

.comment-form-url {
	display: none!important;
}


.comment-form-author input, .comment-form-email input {
	padding: 5px;
	border-radius: 5px;
	-webrit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	margin: 10px 10px 10px 40px!important;
	border: 1px #006600 solid;
}


#commentform {
	display: block;
	width: 90%;
	margin: 10px 0 50px 20px;
}

.comment-form-author, .comment-form-email {
	display: block;
	float: left;
	margin-left: 40px!important;
	padding-left: 25px;
	width: 100px;
}

textarea {
	width: 100%;
	padding: 5px;
	border-radius: 5px;
	-webrit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border: 1px #006600 solid;
}

.comment-form-author input:focus, .comment-form-email input:focus, textarea:focus {
	border: 1px #003300 solid;
}

#submit {
//	float: right;
	text-align: center;
	width: 150px;
	padding: 5px;
	margin: 15px auto;
	border: 1px #006600 solid;
	border-radius: 5px;
	-webrit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	background: #c8c8c8;
box-shadow:5px 5px 1px #909090;
    -moz-box-shadow:5px 5px 1px #909090; /*Firefox*/
    -webkit-box-shadow:5px 5px 1px #909090; /*Chrome1-9,Safari4-5*/
    -ms-box-shadow:5px 5px 1px #909090; /* IE10 */
    -o-box-shadow:5px 5px 1px #909090; /* Opera 11.10+ */
    -khtml-box-shadow:5px 5px 1px #909090; /* не помню */
}

#submit:hover {
	border: 1px #000 solid;
	background: #006600;
	color: #fff;

box-shadow:2px 2px 1px #909090;
    -moz-box-shadow:2px 2px 1px #909090; /*Firefox*/
    -webkit-box-shadow:2px 2px 1px #909090; /*Chrome1-9,Safari4-5*/
    -ms-box-shadow:2px 2px 1px #909090; /* IE10 */
    -o-box-shadow:2px 2px 1px #909090; /* Opera 11.10+ */
    -khtml-box-shadow:2px 2px 1px #909090; /* не помню */
}

.comment-content {
	width: 70%;
	float: right;
	background: #e8e8e8;
	border: 1px #bebebe solid;
	padding: 20px;  
	overflow: hidden;
	position: relative;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px; 
	-o-border-radius: 15px;  
	border-radius: 15px;
	behavior: url('pie/PIE.htc');
	border-top: 1px solid #ccc;
	margin-bottom: 20px;
}

.comment-author-wrap {  
	position: absolute;  
	left: 0;
	top: 0px;  
	display: block;  
	margin-top: 10px;  
	color: black;  
	font-size: 12px;
	text-align:center;  
}

.comment-author-wrap a {
	border: 0;
	 color: black;
}

.comment-author, .comment-time {
	font-size: 15px;
	z-index: 150;
	padding-top: 18px;
}

.avatar-wrap {  
	width: 68px;  
	height: 68px;  
	-webkit-border-radius: 42px;
	-moz-border-radius: 42px;
	-o-border-radius: 42px;  
	border-radius: 42px;
	behavior: url('pie/PIE.htc');
	position: relative;  
	border: 8px solid #006600;
	z-index: 50;
	background: #c8c8c8;
}

.avatar-wrap:before {  
	content: "";  
	position: absolute;  
	width: 46px;  
	height: 8px;  
	background: #e8e8e8;
	margin-left: 42px!important;  
	top: 30px;  
	border-top: 1px solid #ccc;
}


#post .avatar-wrap:before {  
	content: "";  
	position: absolute;  
	width: 30px;  
	height: 8px;  
	background: #e8e8e8;
	margin-left: 42px!important;  
	top: 30px;  
	border-top: 1px solid #ccc;
}

.comment-author-wrap .avatar-wrap img{
	position: relative;
	width: 60px;
	height: 60px;
	-moz-border-radius: 38px;
	-webkit-border-radius: 38px;
	-o-border-radius: 38px;
	border-radius: 38px;
	behavior: url('pie/PIE.htc');
}

.comment-content:hover > .reply .comment-reply-link {
	opacity: 0.6;
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	-o-opacity: 0.6; 
	filter: alpha(opacity = 60);
}

.comment-reply-link:hover {  
	opacity: 1;  
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-o-opacity: 1; 
	filter: alpha(opacity = 100);
}
 
.children {  
	padding-left: 25px;
}

.children .children {
	padding-left: 0;
}

.children .comment {
	margin: 0;
}

.children .avatar-wrap {  
	border-color: #909090;
	background: #c8c8c8;
}

.children .avatar-wrap:before {  
	background: #f2f2f2;
	width: 37px;
}

#post .children .avatar-wrap:before {  
	background: #f2f2f2;
	width: 73px;
}

.children .comment-content {
	width: 70%;
	background: #f2f2f2;
	margin-top: 10px;
}

#reply-title {
	font-size: 16px;
}

#comments ol, #comments li {
	list-style-type: none;
}

/*--------------- end comment ---------------*/







/*---------  back to top ------------*/

#back-top {
position: fixed;
bottom: 45%;
right: 15px;
}


#back-top a {
width: 50px;
display: block;
text-align: center;
font: 11px/100% Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #bbb;
/* transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}


#back-top a:hover {
color: #000;
}
/* arrow icon (span tag) */
#back-top span {
width: 50px;
height: 50px;
display: block;
margin-bottom: 7px;
background: url("img/up-arrow.png") no-repeat center center;
/* rounded corners */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/* transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;

opacity: .5;
}

#back-top a:hover span {
opacity: 1;
}




/*------------- Прокат авто без водія ---------*/

.rent-tit {
	width: 100%;
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	margin: 20px auto;
	background: #7a7764;
	color: #fff;
	border: 1px #303030 solid;
	padding: 7px 0;
}

#rent-car {
    background: #ebebeb;
    width: 290px;
    height: 340px;
    margin: 15px;
    float: left;
    position: relative;
	border: 1px #1d7a08 solid;

	border-radius: 7px;
	-o-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#rent-car .name-rent {
    width: 270px;
    line-height: 25px;
    padding: 5px;
    margin: 5px 5px 0 5px;
    background: #1d7a08;
    color: #fff;
    font-weight: 700;
    display: block;
    font-size: 14px;
    text-align: center;

	border-radius: 7px 7px 0 0;
	-o-border-radius: 7px 7px 0 0;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
}

#rent-car .foto-rent img {
    width: 280px;
    height: 193px;
    margin: 0 5px;
}

#rent-car .rent-car-form {
    margin: 0 5px;
    background: #a80000;
    padding: 1px;
    bottom: 5px;
    width: 278px;
	height: 100px;

	border-radius: 0 0 7px 7px;
	-o-border-radius: 0 0 7px 7px;
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;

	position: absolute;
	z-index: 50;

	opacity: 0;
	-o-opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;

	transition: all .5s ease;
	-o-transition: all .5s ease; /* Opera */
	-ms-transition: all .5s ease; /* IE 9 */
	-moz-transition: all .5s ease; /* Firefox */
	-webkit-transition: all .5s ease; /* Safari and Chrome */
}

#rent-car:hover .rent-car-form {
	opacity: 1;
	-o-opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
}

#rent-car .rent-car-form .submit-rent-car {
    background: #fff;
    color: #000;
    padding: 10px;
    margin: 20px 0 0 84px;
    border: 0;
    text-transform: uppercase;
    font-size: 15px;
    cursor: pointer;
    font-weight: 700;
    width: 105px;
}

#rent-car .rent-car-form .submit-rent-car:hover {
    background: #ffa000;
    color: #fff;

	transition: all .5s ease;
	-o-transition: all .5s ease; /* Opera */
	-ms-transition: all .5s ease; /* IE 9 */
	-moz-transition: all .5s ease; /* Firefox */
	-webkit-transition: all .5s ease; /* Safari and Chrome */

	box-shadow: 0 0 10px #fff;
	-o-box-shadow: 0 0 10px #fff;
	-moz-box-shadow: 0 0 10px #fff;
	-webkit-box-shadow: 0 0 10px #fff;
}


#rent-car .rent-desc {
    width: 260px;
    height: 173px;
    margin: 5px;
    padding: 10px;
    font-size: 16px;
    color: #fff;
    line-height: 1.1;
	position: absolute;
	margin-top: -193px;
	background: rgba(0,0,0,.7);
	text-align: center;
	cursor: pointer;

	opacity: 0;
	-o-opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;

	transition: all .5s ease;
	-o-transition: all .5s ease; /* Opera */
	-ms-transition: all .5s ease; /* IE 9 */
	-moz-transition: all .5s ease; /* Firefox */
	-webkit-transition: all .5s ease; /* Safari and Chrome */
}

#rent-car .rent-desc:hover {
	opacity: 1;
	-o-opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
}


#rent-car .rent-price {
    width: 270px;
    height: 100px;
    padding: 1px 5px;
    margin: 0 5px 5px 5px;
    background: #ffa000;
    color: #fff;
    font-weight: 700;
    display: block;
    font-size: 14px;
    position: relative;
    z-index: 1;

	border-radius: 0 0 7px 7px;
	-o-border-radius: 0 0 7px 7px;
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
}

#rent-car .rent-price p {
    height: 14px;
    line-height: 14px;
    padding: 2px 0;
    text-align: center;
}





/* Форма замовлення авто без водія */
            #order-block-rent {
                width: 600px;
                height: 300px;
                background: #dfdfdf;
                margin: 50px auto;
                padding: 5px 1px;
                display: block;
                text-align: center;
                
		border: 1px #1d7a08 solid;
                
                border-radius: 10px;
                -o-border-radius: 10px;
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;
            }
            
            #order-form-rent .title-rent-car {
                font-size: 17px;
                display: block;
                margin: 5px;
		font-weight: 700;
            }
            
            #order-form-rent input, #order-form-rent select {
                width: 30%;
                display: inline-block;
                border: 1px #808080 solid;
                padding: 4px;
                margin: 3px;
            }
            
            .uslov {
                display: block;
                margin: 5px auto;
                font-size: 14px;
            }
            
            .agree {
                width: 25px!important;
            }
            
            .uslov a {
                font-size:12px;
                color: #000;
                margin-left: 5px;
            }
            
            .creat-order-form {
                font-size: 14px;
                display: block;
                margin-top: 10px;
            }
            
            .go-full-order a {
                font-size: 14px;
                color: #000;
                display: block;
                margin-top: 10px;
            }
            
            .submit-order-rent {
                width: 560px!important;
                cursor: pointer;
            }
            
            .submit-order-rent:hover {
                background: green;
                color: white;
            }



#messer {
	background:#ffd700; 
	width: 1000px; 
	padding: 5px; 
	margin: 0 auto; 
	text-align: center; 
	color: #000;
}


#open-nav {
    width: 35px;
    height: 35px;
    border-radius: 4px;
    background: #0f640d;
    display: block;
    position: absolute;
    top: 7px;
    left: 10px;
    z-index: 1000;
    cursor: pointer;
    padding: 5px;
    display: none;
}

#open-nav span {
    width: 100%;
    height: 2px;
    margin: 7px 0;
    display: block;
    background: #ddd;
}

.cat_desc { 
	width: 100%;
	font-size: 14px;
	line-height: 18px;
	display: block;
	margin: 20px auto 30px;
}






/* ======================  CHAT  ========================= */


#chat {
	width: 280px;
	height: auto;
	position: fixed;
	bottom: -20px;
	right: 50px;
	z-index: 50;
	background: #168a16;
	padding: 15px;
	border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		-o-border-radius: 5px 5px 0 0;
	opacity: .7;
		-webkit-opacity: .7;
		-moz-opacity: .7;
		-o-opacity: .7;
	transition: ease .4s all;
		-webkit-transition: ease .4s all;
		-moz-transition: ease .4s all;
		-o-transition: ease .4s all;
}
#chat:hover {
	opacity: 1;
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-o-opacity: 1;
}
#chat.active {
	bottom: 0;
	opacity: 1;
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-o-opacity: 1;
}
#chat .closeChat {
	width: 20px;
	height: 20px;
	display: none;
	position: absolute;
	top: 13px;
	right: 13px;
}
#chat.active .closeChat {
	display: block;
}
#chat .closeChat:before,
#chat .closeChat:after {
	content: "";
	width: 20px;
	height: 2px;
	background: #47af4a;
	position: absolute;
	top: 8px;
	left: 0;
	transition: ease .4s all;
		-webkit-transition: ease .4s all;
		-moz-transition: ease .4s all;
		-o-transition: ease .4s all;
}
#chat .closeChat:before {
	transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
}
#chat .closeChat:after {
	transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
}
#chat .closeChat:hover::before,
#chat .closeChat:hover::after {
	background: #fff;
}
.chatToogle {
	font-size: 16px;
	color: #fff;
	padding-bottom: 10px;
	border-bottom: 1px solid #47af4a;
	cursor: pointer;
}
.chatToogle span {
	width: 20px;
	height: 16px;
	display: inline-block;
	background: url("img/comment.png") center center no-repeat;
	margin-right: 10px;
    background-size: contain;
    	-webkit-background-size: contain;
    	-moz-background-size: contain;
    	-o-background-size: contain;
}
.chatBody {
	margin-top: 15px;
	width: 100%;
	height: 0;
	display: none;
}
#chat.active .chatBody { 
	height: auto; 
	display: block;
}
.chatField {
	width: 100%;
	margin-bottom: 10px;
}
.chatField label {
	width: 100%;
	display: block;
	margin-bottom: 7px;
	color: #fff;
	font-size: 16px;
}
.chatField input,
.chatField select,
.chatField textarea {
	width: 100%;
	display: block;
	border: 1px solid #47af4a;
	font-size: 15px;
	color: #168a16;
	border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
}
.chatField input,
.chatField select {
	padding: 0 10px;
	height: 35px;
}
.chatField textarea {
	width: 260px;
	height: 80px;
	resize: none;
	padding: 10px;
	font-family: Century Gothic;
}
.chatField a.chatBtn {
	width: 100%;
	height: 40px;
	text-align: center;
	display: block;
	border: 2px solid #47af4a;
	line-height: 35px;
    text-decoration: none;
    font-size: 16px;
	cursor: pointer;
	background: transparent;
	color: #fff;
	border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
	transition: ease .4s all;
		-webkit-transition: ease .4s all;
		-moz-transition: ease .4s all;
		-o-transition: ease .4s all;
}
.chatField a.chatBtn:hover {
	background: #47af4a;
}



.category_avto {
	width: 100%;
	display: -webkit-flex;
		display: -moz-flex;
			display: -ms-flex;
				display: flex;
	-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
			-ms-justify-content: space-between;
				justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
}
.category_avto .cat_avto_item {
	width: 200px;
	height: auto;
	margin: 20px calc((100% - 600px) / 6);
	position: relative;
}
.category_avto .cat_avto_item .img_cat {
	width: 200px;
	height: 200px;
	background-color: #606060;
	background-size: cover;
	background-position: 50%;
	display: block;
	margin-bottom: 10px;
	-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
			-ms-transition: all .3s ease;
				transition: all .3s ease;
}
.category_avto .cat_avto_item h3 {
	font-size: 17px;
	text-align: center;
	color: #313131;
	-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
			-ms-transition: all .3s ease;
				transition: all .3s ease;
}
.category_avto .cat_avto_item:hover .img_cat,
.category_avto .cat_avto_item:hover h3 {
	-webkit-opacity: .5;
		-moz-opacity: .5;
			-ms-opacity: .5;
				opacity: .5;
}
.category_avto .cat_avto_item a.link_cat {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}



/* ======================  MEDIA  ========================= */

@media screen and (max-width: 1040px) {

	#colage,
	#container-info,
	#sl,
	#feedback,
	#action-top,
	#order-lim,
	#vubrat-lim,
	#izgot-lim,
	#cont #cont-head,
	#container .places { display: none; }

	body { 
		background: url("img/header-mob.jpg") top center no-repeat; 
		background-size: 100%;
	}
	#head {background: transparent; height: 400px; }
	#wrapper, #messer { width: 700px; }
	#head #bloginfo { float: none; width: 450px; margin: 0 auto; }
	#head #logo { margin: 5px auto 0px auto; }
	#head #slog { margin: -18px auto 10px auto; }
	#tel {
    	margin: 170px auto 10px auto;
    	position: static;
    	font-size: 24px;
    	width: 220px;
    	text-align: center;
	}
	#flag {
    	padding: 5px;
    	width: 245px;
    	display: block;
    	margin: 0 auto;
	}
	#content {
    	margin-top: 0;
    	padding: 20px 5px;
	}
	#cont,
	#cont-full {
    	float: right;
    	width: 420px;
    	padding: 5px 0;
    	margin: -55px 0 0 0;
	}
	#sidebar { margin-top: -65px; border-left: 1px solid #ccc; }
	#container { height: auto; }
	#container:after {
		content: "";
		display: block;
		clear: both;
	}
	.model-name { width: calc(100% - 160px); }
	#container .riks { width: 100%; }
	#container .desc { width: calc(100% - 95px); }

	#footer { background: transparent; height: 85px; }
	#footer #soc { margin: 10px auto; }

	.category_avto .cat_avto_item {
		width: 180px;
		margin: 20px calc((100% - 400px) / 4);
	}
	.category_avto .cat_avto_item .img_cat {
		width: 180px;
		height: 180px;
	}

}



@media screen and (max-width: 740px) {
	* { box-sizing: border-box; }
	body { background-size: auto 400px; }
	#logo img {
		max-width: 100%;
		height: auto;
	}
	#open-nav { display: block; }
	#sidebar { display: none !important;}
	#sidebar.toggleNav {display: block !important;}

	#wrapper, #messer {
		width: 95%;
		margin: 0 auto;
	}
	#sidebar .widget-container,
	#sidebar #title-nav,
	#container-sid { display: none; }

	#sidebar { 
		border: 0; 
		float: none;
    	width: 100%;
    	height: auto;
    	padding: 0;
    	margin-top: 0px;
    	position: absolute;
    	background: #fff;
    	z-index: 500;
    	top: 0;
    	left: 0;
    	display: none;
	}

	#cont,
	#cont-full {
    	float: none;
    	width: 100%;
	}
	#footer {
		padding: 20px 0;
		height: auto;
	}
	#footer #soc {
		position: relative;
		text-align: center;
	}
	#footer #soc ul {
		width: 120px;
		margin: 0 auto 30px;
	}
	#footer #soc ul:after {
		content: '';
		display: block;
		clear: both;
	}
	#footer .copy {
		position: static;
		text-align: center;
	}
}


@media screen and (max-width: 600px) {
	.desc-full iframe {
		width: 100%;
	}
	.tag-icon { display: none; }
	.tag {
		float: none;
		width: 100%;
	}
}


@media screen and (max-width: 500px) {
	#head #bloginfo,
	#head #slog { width: 100% !important; }
	#head #slog { margin: -5px auto 10px auto; }
}

@media screen and (max-width: 400px) {
	#head #logo a img {
    	border: none;
    	width: 200px;
    	margin: 5px 5px 15px 30px;
	}

	#head #logo a img { margin: 5px 5px 15px 55px; }
	#chat { right: 5px; }
	.category_avto .cat_avto_item {
		width: 100%;
		margin: 20px auto;
	}
	.category_avto .cat_avto_item .img_cat {
		width: 320px;
		height: 320px;
		margin: 0 auto 10px;
	}
}
.taxonomy-description {	    
        margin: 10px;
}