@charset "utf-8";
/* CSS Document */

html {
	padding: 0px;
	margin: 0px;
}

body {
	font-family: 'Open Sans', sans-serif;
	background: url(../images/bkg.png) center top repeat-y;
	font-size: 15px;
	color: #2d2d2d;
	padding: 0px;
	margin: 0px;
	line-height: 1.3;
	min-width: 990px;
}

* {
    outline: none;
}

object {
	outline:none;
}

::-ms-clear {
	display: none;
	width : 0;
	height: 0;
}


/* = Customs
---------------------------------------------
--------------------------------------------- */

h1, h2, h3, h4, .modal-title {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	margin: 15px 0px;
}

.modal-title, h1 {
	font-size: 24px;
	font-weight: normal;
	color: #0089cd;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 18px;
	font-weight: normal;
}

h4 {
	font-size: 15px;
}

p {
	margin: 15px 0px;
	line-height: 1.5;
}

a {
	color: #0089cd;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.menu .head a {
    color: #fff;
}

img {
	border: none; 
}

.float {
	float: left;
}

img.float.left {
	margin: 0px 15px 15px 0px;
}

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

.center {
	text-align: center;
}

.right {
	text-align: right;
}

table {
	width: 100%;
	border: none;
	font-size: 12px;
	margin: 25px 0px;
}

th {
	background-color: #ffd800;
	margin: 20px 0px;
	text-align: left;
	padding: 12px 10px;
	font-size: 14px;
	font-weight: bold;
}

td {
	text-align: left;
	padding: 15px 10px;
	vertical-align: top;
	border-bottom: 1px solid #ebe2c4;
}

td.date {
	width: 60px;
}

td.author {
	width: 160px;
}

div.container.content span.author {
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	padding: 3px 0px 3px 33px;
	position: relative;
	z-index: 10;
}

div.container.content.messages-list div.comment div.meta .answer span.author {
	padding-left: 0;
}

div.container.content.messages-list div.comment div.speech-content {
	padding-top: 10px;
	padding-bottom: 10px;
}

div.container.content.messages-list .answer {
	padding-top: 2px;
	border-right: 1px solid #f3eedc;
	border-bottom: 1px solid #f3eedc;
	border-left: 1px solid #f3eedc;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

div.container.content.messages-list .answer .answer-scroll {
	padding: 15px 15px 20px 0;
	max-height: 400px;
	overflow-y: scroll;
}


div.container.content.messages-list .answer .comment {
	margin: 0 0 20px 0px !important;
}



div.container.content span.author img {
	position: absolute;
	left: 1px;
	top: 0px;
}

td.author a {
	color: #2b2b2b;
	text-decoration: none;
}

td.author a:hover {
	text-decoration: underline;
}

td.title a {
	color: #9b9b9b;
}

td.del {
	width: 30px;
	text-align: center;
}

td.thumbnail {
	width: 60px;
	min-width: 60px;
	max-width: 60px;
	text-align: center;
}

td.description {
	max-width: 300px;
}

td h4 {
	margin: 0px 0px 5px 0px;
}

td h4 a {
	color: #2b2b2b;
}

td p {
	line-height: 1.2;
	margin: 0px;
	color: #9b9b9b;
}

td.status {
	width: 90px;
	padding-left: 10px;
	padding-right: 10px;
}

td.status span.green {
	color: #7cad1f;
}

td.status span.red {
	color: #ea590c;
}

a.del, p.del {
	display: inline-block;
	background: url(../images/sprites-main.png) -44px -2px no-repeat;
	width: 15px;
	height: 15px;
    cursor: pointer;
}

.comment .del.delete-message {
	position: absolute;
	top: 43px;
	right: 5px;
	margin: 0;
}
.support .del.delete-message {
	float: right;
	margin: 5px 0 0 10px;
}

#content ul {
	list-style: none;
	padding: 0px;
	margin: 25px 0px;
}

#content ul li {
	background: url(../images/bul.png) left 7px no-repeat;
	margin: 10px 0px;
	padding: 0px 0px 0px 20px;
}

#content ol {
	padding: 0px 0px 0px 20px;
	margin: 25px 0px;
	color: #0e5aa7;
	font-weight: bold;
}

#content ol li {
	margin: 10px 0px;
}

#content ol li span {
	color: #2d2d2d;
	font-weight: normal;
}

blockquote {
	background: #faf6e8 url(../images/blockquote.png) 30px 30px no-repeat;
	padding: 30px 30px 30px 80px;
	margin: 20px 0px;
}

.date {
	color: #9b9b9b;
}

span.ico {
	display: inline-block;
	position: relative;
	z-index: 10;
	width: 16px;
	height: 17px;
	
}

span.ico.plus {
	background:url(../images/sprites-main.png) -303px top no-repeat;
	float: left;
	margin-right: 6px;
	width: 11px;
	height: 14px;
	top: 1px;
	left: -1px;
}

span.budget {
	color: #6aab2a;
	font-weight: bold;
	font-size: 18px;
}

.budget span.ico {
	display: inline-block;
	margin: 0px 10px 0px 0px;
	top: 1px;
	background: url(../images/sprites-main.png) -100px top no-repeat;
}

.archive span.ico {
	background: url(../images/sprites-main.png) -280px top no-repeat;
	margin: 0px 10px 0px 0px;
	top: 3px;
}

.url span.ico {
	background: url(../images/sprites-main.png) -240px top no-repeat;
	width: 14px;
	margin-right: 10px;
	top: 5px;
}

.approved {
	color: #9b9b9b;
	font-size: 12px;
}

.approved span.ico {
	background: url(../images/sprites-main.png) -260px top no-repeat;
	margin: 0px 12px 0px 5px;
	top: 3px;
}

div.tabs ul, #content div.tabs ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#tabs {

	position: relative;
	z-index: 10;
}

#tabs div.tabs, .tabs-list div.tabs {
	position: inherit !important;
	display: table;
	width: 110%;
	padding-bottom: 70px;
}

div.tabs li, #content div.tabs li {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	position: relative;
	z-index: 10;
	display: inline-block;
	color: #fff;
	font-size: 15px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 1px solid #f9f9f9;
	background: rgb(38, 150, 49);
	background: -moz-linear-gradient(90deg, rgb(232, 232, 232) 0%, rgb(0, 172, 255) 100%);
	background: -webkit-linear-gradient(90deg, rgb(232, 232, 232) 0%, rgb(255, 255, 255) 100%);
	background: -o-linear-gradient(90deg, rgb(232, 232, 232) 0%, rgb(255, 255, 255) 100%);
	background: -ms-linear-gradient(90deg, rgb(232, 232, 232) 0%, rgb(255, 255, 255) 100%);
	background: linear-gradient(0deg, rgb(232, 232, 232) 0%, rgb(255, 255, 255) 100%);
	-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.75);
}

div.tabs li a,
div.tabs li p {
	padding: 10px 16px;
	display: block;
	cursor: pointer;
    margin: 0;
    color: #0089cd;
}

#tabs div.tabs li a {
	width: 164px;
}

div.container.content #tabs div.tabs li a {
	width: 150px;
	border-top: 1px solid #dbdbdb;
}

#tabs div.tabs.four li a {
	padding: 10px 24px;
	width: auto;
}

div.container.content #tabs div.tabs {
	padding-bottom: 41px;
}

.ui-tabs-nav li.ui-tabs-active, #tabs div.tabs .ui-tabs-nav li.ui-tabs-active, #content div.tabs li.active {
	font-weight: bold;
	border-bottom: 1px solid #008ed1;
	background: -moz-linear-gradient(90deg, rgb(3, 110, 182) 0%, rgb(0, 172, 231) 100%) ;
	background: -webkit-linear-gradient(90deg, rgb(3, 110, 182) 0%, rgb(0, 172, 231) 100%) ;
	background: -o-linear-gradient(90deg, rgb(3, 110, 182) 0%, rgb(0, 172, 231) 100%) ;
	background: -ms-linear-gradient(90deg, rgb(3, 110, 182) 0%, rgb(0, 172, 231) 100%) ;
	background: linear-gradient(0deg, rgb(3, 110, 182) 0%, rgb(0, 172, 231) 100%);

}

.ui-tabs-nav li.ui-tabs-active span.arr, #content div.tabs li.active span.arr {
	display: inline-block;
	width: 22px;
	height: 13px;
	position: absolute;
	z-index: 15;
	left: 50%;
	margin-left: -11px;
	bottom: -10px;
	background: url(../images/sprites-triangles.png) -20px top no-repeat;
}

.ui-tabs-nav li.ui-tabs-active a, #content div.tabs li.active a, #content div.tabs li.active p {
	color: #fff;
	cursor: default;
	text-decoration: none;
}

div.nav {
	width: 101px;
	position: absolute;
	z-index: 20;
}

.owl-carousel .owl-nav {
	position: absolute;
	top: -30px;
	right: 20px;
	height: 50px;
}

div.nav a, 
.jcarousel-container button.pager,
.owl-carousel .owl-prev,
.owl-carousel .owl-next {
	border: none;
	padding: 0px;
	cursor: pointer;
	position: relative;
	z-index: 50;
	display: none;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 1px solid #f9f9f9;
	background: rgb(38, 150, 49);
	background: -moz-linear-gradient(90deg, rgb(232, 232, 232) 0%, rgb(0, 172, 255) 100%);
	background: -webkit-linear-gradient(90deg, rgb(232, 232, 232) 0%, rgb(255, 255, 255) 100%);
	background: -o-linear-gradient(90deg, rgb(232, 232, 232) 0%, rgb(255, 255, 255) 100%);
	background: -ms-linear-gradient(90deg, rgb(232, 232, 232) 0%, rgb(255, 255, 255) 100%);
	background: linear-gradient(0deg, rgb(232, 232, 232) 0%, rgb(255, 255, 255) 100%);
	-webkit-box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 0px rgba(50, 50, 50, 0.75);
	margin-left: 10px;
}

div.nav a:hover, 
.jcarousel-container button.pager:hover,
.owl-carousel .owl-prev:hover,
.owl-carousel .owl-next:hover {
	border-bottom: 1px solid #008ed1;
	background: -moz-linear-gradient(90deg, rgb(3, 110, 182) 0%, rgb(0, 172, 231) 100%);
	background: -webkit-linear-gradient(90deg, rgb(3, 110, 182) 0%, rgb(0, 172, 231) 100%);
	background: -o-linear-gradient(90deg, rgb(3, 110, 182) 0%, rgb(0, 172, 231) 100%);
	background: -ms-linear-gradient(90deg, rgb(3, 110, 182) 0%, rgb(0, 172, 231) 100%);
	background: linear-gradient(0deg, rgb(3, 110, 182) 0%, rgb(0, 172, 231) 100%);
}

.jcarousel-container button.pager span.arr {
	display: block;
	width: 12px;
	height: 18px;
	position: absolute;
	top: 12px;
}
.jcarousel-container button.pager.prev span.arr {
	background: url(../images/sprites-main.png) -62px top no-repeat;
	left: 14px;
}

.jcarousel-container button.pager.prev:hover span.arr {
}

.jcarousel-container button.pager.next span.arr {
	background: url(../images/sprites-main.png) -82px top no-repeat;
	left: 15px;
}

.jcarousel-container button.pager.prev:hover span.arr {
	background: url(../images/sprites-main.png) -324px top no-repeat;
}

.jcarousel-container button.pager.next:hover span.arr {
	background: url(../images/sprites-main.png) -344px top no-repeat;
}


.carousel .jcarousel-container button.pager.prev {
    position: absolute;
    top: -50px;
    right: 65px;
}
.carousel .jcarousel-container button.pager.next {
    position: absolute;
    top: -50px;
    right: 15px;
}

.side-carousel .jcarousel-container button.pager.prev {
    position: absolute;
    top: 112px;
    right: 59px;
}

.blago.owl-carousel {
	padding: 0 20px;
}

.blago.owl-carousel .owl-nav {
    top: 112px;
	right: 30px;
}

div.head {
	position: relative;
	z-index: 10;
}
div.head.toggle {
    cursor: pointer;
}


.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
	position: absolute;
	top: 0;
	width: 40px;
	height: 40px;
	display: block;
	text-align: center;
}

.owl-carousel .owl-nav .owl-prev {
	right: 60px;
}

.owl-carousel .owl-nav .owl-next {
	right: 0;
}
.owl-carousel .owl-nav .owl-prev.disabled,
.owl-carousel .owl-nav .owl-next.disabled {
	display: none;
}


.owl-carousel .owl-nav .owl-prev:after {
	content: '';
	display: inline-block;
	width: 12px;
	height: 18px;
	background: url(../images/sprites-main.png) -62px top no-repeat;
	left: 14px;
	margin-top: 11px;
}

.owl-carousel .owl-nav .owl-next:after {
	content: '';
	display: inline-block;
	width: 12px;
	height: 18px;
	background: url(../images/sprites-main.png) -82px top no-repeat;
	left: 15px;
	margin-top: 11px;
}


.owl-carousel .owl-nav .owl-prev:hover:after {
	background: url(../images/sprites-main.png) -324px top no-repeat;
}

.owl-carousel .owl-nav .owl-next:hover:after {
	background: url(../images/sprites-main.png) -344px top no-repeat;
}

/* = Forms
---------------------------------------------
--------------------------------------------- */

form {
	padding: 0px;
	margin: 0px;
}

fieldset {
	border: none;
	border-color: transparent;
	padding: 0px;
	margin: 20px 0px 0px 0px;
}

fieldset legend {
	font-size: 14px;
	font-weight: bold;
	position: relative;
	left: -2px;
	z-index: 10;
}

input[type='text'], input[type='password'], input[type='email'], input[type='tel'], input[type='date'], select  {
	border: 1px solid #ebe2c4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 40px;
	padding-left: 10px;
	-webkit-box-shadow: inset 8px 8px 5px -3px rgba(50, 50, 50, 0.07);
	-moz-box-shadow:    inset 8px 8px 5px -3px rgba(50, 50, 50, 0.07);
	box-shadow:         inset 8px 8px 5px -3px rgba(50, 50, 50, 0.07);
}

input[type='file'] {
	 height: 40px;
}

textarea {
	border: 1px solid #ebe2c4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 555px;
	height: 170px;
	padding: 15px 10px 0px 10px;
	-webkit-box-shadow: inset 8px 8px 5px -3px rgba(50, 50, 50, 0.07);
	-moz-box-shadow:    inset 8px 8px 5px -3px rgba(50, 50, 50, 0.07);
	box-shadow:         inset 8px 8px 5px -3px rgba(50, 50, 50, 0.07);
}

#content.page textarea {
	width: 750px;
}

button {
	cursor: pointer;
}

input:focus, button:focus, a:focus
{
	outline: none;
}

#content div.form {
	margin: 30px 0px;
}

#content div.form a {
	text-decoration: underline;
}

#content div.form a:hover {
	text-decoration: none;
}

#content div.form div.row {
	display: table;
	width: 100%;
	margin: 18px 0px;
}
#content div.form div.row.float {
	display: block;
	width: 380px;
	margin: 18px 20px 18px 0px;
}

#content div.form {
	width: 600px;
}

#content.page div.form {
	width: 826px;
}

div.form div.cell.float {
	float: left;
	width: 280px;

	margin: 0px 20px 0px 0px;
}

#content.page div.cell.float { 
	width: 380px;
}

#content div.form div.cell.check {
	margin: 15px 0px;
}

#content div.form div.cell.check label {
	font-weight: normal;
}

#content div.form label, span.label {
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #bbb39a;
	margin: 0px 0px 10px 0px;
}

#content div.form input[type='text'], #content div.form input[type='password'], #content div.form input[type='email'], #content div.form input[type='tel'], #content div.form select {
	width: 270px;
}

#content.page div.form input[type='text'], #content.page div.form input[type='password'], #content.page div.form input[type='email'], #content.page div.form input[type='tel'], #content.page div.form  select {
	width: 370px;
}

#content div.form input[type='checkbox'] {
	margin: 0px 5px 0px 0px;
	position: relative;
	top: 2px;
	width: 15px;
}

input.calendar {
	cursor: pointer;
	background: url(../images/form-ico-calendar-blue.png) right 15px no-repeat;
}

div.reveal-modal div.form input.calendar {
	padding-left: 10px !important;
	width: 385px !important;
}

div.buttons {
	margin: 30px 0px;
}

div.container.content div.buttons {
	margin: 10px 0px 20px 0px;
}

.button, button {
	cursor: pointer;
	border: none;
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding: 13px 30px;
	text-shadow: -1px -1px 0px rgba(30, 30, 30, 0.5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 1px solid #64ae1f;
	background: rgb(38, 150, 49);
	background: -moz-linear-gradient(90deg, rgb(38, 150, 49) 0%, rgb(171, 201, 11) 100%);
	background: -webkit-linear-gradient(90deg, rgb(38, 150, 49) 0%, rgb(171, 201, 11) 100%);
	background: -o-linear-gradient(90deg, rgb(38, 150, 49) 0%, rgb(171, 201, 11) 100%);
	background: -ms-linear-gradient(90deg, rgb(38, 150, 49) 0%, rgb(171, 201, 11) 100%);
	background: linear-gradient(0deg, rgb(38, 150, 49) 0%, rgb(171, 201, 11) 100%);
	-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.75);
}
.button.small {
    padding: 4px 10px;
    font-size: 12px;
}

#header .button {
	padding: 14px 16px;
}

.button:hover {
	text-decoration: none;
}

.button.orange {
	border-bottom: 1px solid #f67733;
	background: rgb(38, 150, 49);
	background: -moz-linear-gradient(90deg, rgb(234, 90, 13) 0%, rgb(248, 124, 58) 100%);
	background: -webkit-linear-gradient(90deg, rgb(234, 90, 13) 0%, rgb(248, 124, 58) 100%);
	background: -o-linear-gradient(90deg, rgb(234, 90, 13) 0%, rgb(248, 124, 58) 100%);
	background: -ms-linear-gradient(90deg, rgb(234, 90, 13) 0%, rgb(248, 124, 58) 100%);
	background: linear-gradient(0deg, rgb(234, 90, 13) 0%, rgb(248, 124, 58) 100%);
}

.button.blue {
	border-bottom: 1px solid #008ed1;
	background: -moz-linear-gradient(90deg, rgb(3, 110, 182) 0%, rgb(0, 172, 231) 100%);
	background: -webkit-linear-gradient(90deg, rgb(3, 110, 182) 0%, rgb(0, 172, 231) 100%);
	background: -o-linear-gradient(90deg, rgb(3, 110, 182) 0%, rgb(0, 172, 231) 100%);
	background: -ms-linear-gradient(90deg, rgb(3, 110, 182) 0%, rgb(0, 172, 231) 100%);
	background: linear-gradient(0deg, rgb(3, 110, 182) 0%, rgb(0, 172, 231) 100%);
}

a.top-right {
	position: absolute;
	right: 20px;
	top: 20px;
}

#content div.form.contacts div.cell.float, #content div.form div.row.three div.cell.float {
	width: 245px;
}

#content div.form div.row.three input[type='text'], #content div.form div.row.three input[type='password'], #content div.form div.row.three input[type='email'], #content div.form div.row.three input[type='tel'], #content div.form div.row.three select {
	width: 235px;
}

#content div.form.contacts input[type='text'], #content div.form.contacts input[type='password'], #content div.form.contacts input[type='email'], #content div.form.contacts input[type='tel'], #content div.form.contacts select {
	width: 185px;
	padding-left: 55px;
}

#content div.form.contacts textarea {
	padding-left: 55px;
	width: 705px;
	background:url(../images/form-ico-message.png) left top no-repeat;
}

div.form input.name {
	background:url(../images/form-ico-name.png) left top no-repeat;
}

div.form input.email {
	background:url(../images/form-ico-email.png) left top no-repeat;
}

div.form input.pass {
	background: url(../images/form-ico-pass.png) left top no-repeat;
}

div.form input.phone {
	background:url(../images/form-ico-phone.png) left top no-repeat;
}

div.form input.sum{
	background:url(../images/form-ico-money.png) left top no-repeat;
}

div.form input.term {
	background:url(../images/form-ico-term.png) left top no-repeat;
}

.button:hover, button:hover {
	border-bottom: 1px solid #64ae1f;
	background: rgb(38, 150, 49);
	background: -moz-linear-gradient(90deg, rgb(87, 174, 93) 0%, rgb(189, 213, 65) 100%);
	background: -webkit-linear-gradient(90deg, rgb(87, 174, 93) 0%, rgb(189, 213, 65) 100%);
	background: -o-linear-gradient(90deg, rgb(87, 174, 93) 0%, rgb(189, 213, 65) 100%);
	background: -ms-linear-gradient(90deg, rgb(87, 174, 93) 0%, rgb(189, 213, 65) 100%);
	background: linear-gradient(0deg, rgb(87, 174, 93) 0%, rgb(189, 213, 65) 100%);
}

.button.orange:hover, button.orange:hover {
	background: #e27e48;
	border-bottom: 1px solid #e17d47;
	background: -moz-linear-gradient(90deg, rgb(225, 125, 71) 0%, rgb(254, 135, 73) 100%);
	background: -webkit-linear-gradient(90deg, rgb(225, 125, 71) 0%, rgb(254, 135, 73) 100%);
	background: -o-linear-gradient(90deg, rgb(225, 125, 71) 0%, rgb(254, 135, 73) 100%);
	background: -ms-linear-gradient(90deg, rgb(225, 125, 71) 0%, rgb(254, 135, 73) 100%);
	background: linear-gradient(0deg, rgb(225, 125, 71) 0%, rgb(254, 135, 73) 100%);
}

.button.blue:hover, button.blue:hover {
	
	background: #e27e48;
	border-bottom: 1px solid #0091d2;
	background: -moz-linear-gradient(90deg, rgb(56, 133, 185) 0%, rgb(123, 209, 244) 100%);
	background: -webkit-linear-gradient(90deg, rgb(56, 133, 185) 0%, rgb(123, 209, 244) 100%);
	background: -o-linear-gradient(90deg, rgb(56, 133, 185) 0%, rgb(123, 209, 244) 100%);
	background: -ms-linear-gradient(90deg, rgb(56, 133, 185) 0%, rgb(123, 209, 244) 100%);
	background: linear-gradient(0deg, rgb(56, 133, 185) 0%, rgb(123, 209, 244) 100%);
}





.button.active, .button.active:hover, button.active, button.active:hover {
	border-bottom: 1px solid #8ba309;
	background: rgb(38, 150, 49);
	background: -moz-linear-gradient(90deg, rgb(137, 162, 10) 0%, rgb(32, 123, 39) 100%);
	background: -webkit-linear-gradient(90deg, rgb(137, 162, 10) 0%, rgb(32, 123, 39) 100%);
	background: -o-linear-gradient(90deg, rgb(137, 162, 10) 0%, rgb(32, 123, 39) 100%);
	background: -ms-linear-gradient(90deg, rgb(137, 162, 10) 0%, rgb(32, 123, 39) 100%);
	background: linear-gradient(0deg, rgb(137, 162, 10) 0%, rgb(32, 123, 39) 100%);
}

.button.orange.active, .button.orange.active:hover, button.orange.active, button.orange.active:hover {
	background: #f06d33;
	border-bottom: 1px solid #f06d33;
	background: -moz-linear-gradient(90deg, rgb(245, 118, 63) 0%, rgb(218, 79, 11) 100%);
	background: -webkit-linear-gradient(90deg, rgb(245, 118, 63) 0%, rgb(218, 79, 11) 100%);
	background: -o-linear-gradient(90deg, rgb(245, 118, 63) 0%, rgb(218, 79, 11) 100%);
	background: -ms-linear-gradient(90deg, rgb(245, 118, 63) 0%, rgb(218, 79, 11) 100%);
	background: linear-gradient(0deg, rgb(245, 118, 63) 0%, rgb(218, 79, 11) 100%);
}

.button.blue.active, .button.blue.active:hover, button.blue.active, button.blue.active:hover {
	background: #0089c6;
	border-bottom: 1px solid #0089c6;
	background: -moz-linear-gradient(90deg, rgb(4, 150, 214) 0%, rgb(3, 89, 147) 100%);
	background: -webkit-linear-gradient(90deg, rgb(4, 150, 214) 0%, rgb(3, 89, 147) 100%);
	background: -o-linear-gradient(90deg, rgb(4, 150, 214) 0%, rgb(3, 89, 147) 100%);
	background: -ms-linear-gradient(90deg, rgb(4, 150, 214) 0%, rgb(3, 89, 147) 100%);
	background: linear-gradient(0deg, rgb(4, 150, 214) 0%, rgb(3, 89, 147) 100%);
}

/*.button.active {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	zoom: 1;
}*/


#content div.form div.avatar {
	float: left;
	width: 100px;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0px 15px 0px 0px;
}

/* = Header
---------------------------------------------
--------------------------------------------- */

#header {
	background-color: #fff;
}

#header-content {
	position: relative;
	z-index: 130;	
	width: 940px;
	height: 100px;
	margin: 0 auto;
}

#logo {
	position: absolute;
	z-index: 10;
	left: 0px;
	top: 12px;
}

#header div.search.form {
	position: absolute;
	z-index: 10;
	left: 240px;
	top: 30px;
}

#header div.search.form input {
	position: relative;
	z-index: 10;
	width: 400px;
	height: 40px;
	font-size: 13px;
	text-indent: 15px;
}
#header .anonim div.search.form input {
    width: 250px;
}
#header div.search.form button {
	position: absolute;
	z-index: 15;
	right: 10px;
	top: 13px;
	width: 18px;
	height: 18px;
	border: none;
	padding: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: url(../images/sprites-main.png) left top no-repeat;
}

#header div.customer {
	position: absolute;
	z-index: 20;
	left: 645px;
	top: 29px;
	width: 300px;
}
#header .anonim div.customer {
    width: 435px;
    left: 500px;
}
#header div.customer ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#header div.customer li {
	float: left;
	margin-left: 15px;
	position: relative;
	z-index: 10;
}

#header div.customer li a {
	margin: 0px;
}

#header div.customer li ul {
	background: url(../images/drop-down.png) left top no-repeat;
	width: 146px;
	height: 125px;
	text-align: center;
	position: absolute;
	z-index: 150;
	padding: 25px 0px 0px 0px;
	left: -15px;
	top: 39px;
	display: none;
	visibility: hidden;
}

#header div.customer li:hover ul {
	display: block;
	visibility: visible;
}

#header div.customer li li {
	float: none;
	margin: 0px;
	display: block;
	padding: 6px 5px 7px 5px;
	font-size: 13px;
}

#header div.customer li li a {
	text-decoration: underline;
}

#header div.customer li li a:hover {
	text-decoration: none;
}

#header div.customer .newMessages {
	display: block;
	position: absolute;
	top: -12px;
	right: -6px;
	width: 22px;
	height: 22px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #ffcd00;
	background: -moz-linear-gradient(to bottom, #fff37a 7%, #ffcd00 100%);
	background: -webkit-linear-gradient(to bottom, #fff37a 7%,  #ffcd00 100%);
	background: -o-linear-gradient(to bottom, #fff37a 7%,  #ffcd00 100%);
	background: -ms-linear-gradient(to bottom, #fff37a 7%,  #ffcd00 100%);
	background: linear-gradient(to bottom, #fff37a 7%,  #ffcd00 100%);
	border: 1px solid #ffca00;
	font: bold 12px/23px "Open Sans";
	color: #4d301a;
	text-shadow: none;
}

/* = Navigation
---------------------------------------------
--------------------------------------------- */

#nav {
	background-color: #0e5aa7;
	height: 70px;
}

#nav-content {
	width: 940px;
	margin: 0px auto;
	overflow: hidden;
	padding: 29px 0px 23px 0px;
}

#nav ul {
	padding: 0px 0px 0px 10px;
	margin: 0px;
	list-style: none;
	width: 990px;
}

#nav li {
	font-weight: bold;
	font-size: 15px;
	float: left;
	margin: 0px 31px 0px 0px;
	text-transform: uppercase;
}

#nav li a {
	color: #fff;
}

/* = Featured
---------------------------------------------
--------------------------------------------- */

#featured {
	background: url(../images/featured-bkg.png) center top no-repeat;
	height: 370px;
    overflow: hidden;
}

#featured-content {
	position: relative;
	z-index: 10;
	left: 1px;
	width: 942px;
	top: 35px;
	padding: 35px 0px 40px 0px;
	margin: 0px auto;
	overflow: hidden;
}

#featured div.tabs li {
	width: 120px;
}

#featured div.gallery {
	position: relative;
	z-index: 10;
	padding: 25px 0px 0px 0px;
}

#featured div.carousel {
	height: 300px;
	overflow: visible !important ;

} 

#featured div.gallery div.nav {
	position: absolute;
	right: 10px;
	top: -35px;

}


#featured div.gallery div.item {
	position: relative;
	z-index: 10;
	width: 180px;
	height: 220px;
	background-color: #fff;
	margin: 0 auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 2px 3px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         0px 2px 3px 0px rgba(50, 50, 50, 0.25);
}

#featured div.gallery div.item span.title {
	margin: 8px 0px 7px 0px;
	display: block;
	padding: 0px 10px;
	height: 40px;
    overflow-wrap: normal;
    word-wrap: break-word;
    word-break: normal;
    line-break: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow: hidden;
}

#featured div.gallery div.item span.author {
	color: #9b9b9b;
	font-size: 12px;
	display: block;
	padding: 0px 10px;
}


/* = Middle
---------------------------------------------
--------------------------------------------- */

#middle {
	width: 940px;
	margin: 0px auto;
	padding: 40px 0px 60px 0px;
	overflow: hidden;
}

/* = Content
---------------------------------------------
--------------------------------------------- */

#content {
	float: right;
	width: 620px;
}

#content.page {
	float: none;
	width: 940px;
}

#content div.title {
	margin: 0px 0px 15px 0px;
	background: url(../images/title-brdr.png) left bottom repeat-x;
	padding-bottom: 1px;
}

#content div.title span.sep {
	margin: 0px 10px;
	color: #0089cd;
}

#content div.container {
	-webkit-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.05);
	-moz-box-shadow:    0px 0px 1px 0px rgba(50, 50, 50, 0.05);
	box-shadow:         0px 0px 1px 0px rgba(50, 50, 50, 0.05);
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 10px 0;
	position: relative;
	z-index: 10;
}

#content div.container div.content {
	padding: 10px 20px;
}

#content div.container.content {
	padding: 10px 20px;
}

#content.page div.container.content {
	padding: 20px 80px 20px 80px;
	min-height: 450px;
}

#content div.container.project div.about {
	overflow: hidden;
	padding: 2px 0 18px;
}

#content div.container.project div.about span.author {
	float: left;
	width: 210px;
}
#content div.container.project div.about span.author a {
    font-weight: bold;
    color: #000;
}

#content div.container.project div.about span.approved {
	float: left;
	width: 300px;
	top: -5px;
	position: relative;
}

#content div.container div.head {
	margin: 0px 10px;
	padding: 20px 0px 15px 45px;
	z-index: 10;
	border-bottom: 1px solid #ece5cc;
	overflow: hidden;
}

#content div.container div.head div.avatar {
	position: absolute;
	z-index: 15;
	left: 10px;
	top: 20px;
}

#content div.container div.head h2 {
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 400px;
}

#content div.container div.head span.budget {
	text-align: right;
	width: 190px;
	display: inline-block;
	float: right;
	padding: 0px 0px;
	margin: 0px 10px 0px 0px;
}

#content div.container div.foot {
	background: #fcfbf4;
	-webkit-box-shadow: inset 0px 10px 5px -5px rgba(50, 50, 50, 0.02);
	-moz-box-shadow:    inset 0px 10px 5px -5px rgba(50, 50, 50, 0.02);
	box-shadow:         inset 0px 10px 5px -5px rgba(50, 50, 50, 0.05);
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 15px 20px 10px 20px;
	font-size: 12px;
	color: #9b9b9b;
	position: relative;
	z-index: 10;
	overflow: hidden;
	border-top: 1px solid #f3eedc;
}

#content div.container div.foot span.value {
	color: #fbba00;
}

#content div.container div.foot a {
	text-decoration: underline;
}

#content div.container div.foot a:hover {
	text-decoration: none;
}

#content div.container div.foot span.reviews a.bad, #content div.container div.foot span.reviews a.good {
	text-decoration: none !important;
}

#content div.container div.foot span.reviews a.bad:hover, #content div.container div.foot span.reviews a.good:hover {
	text-decoration: underline !important;
}

#content div.container div.foot div.term {
	float: left;
	width: 410px;
	overflow: hidden;
}

#content div.container div.foot div.term dl {
	padding: 0px;
	margin: 0px;
	width: 500px;
}

#content div.container div.foot div.term dt {
	padding: 0px;
	margin: 0px;
	float: none;
	display: inline;
}

#content div.container div.foot div.term dd {
	padding: 0px;
	margin: 0px;
	float: none;
	display: inline;
	color: #fbba00;
	margin: 0px 40px 0px 5px;
}

#content div.container div.foot span.replies {
	float: right;
	width: 80px;
}

#content div.container div.foot span.replies a {
	text-decoration: underline;
	margin-left: 5px;
}

#content div.container div.foot span.replies a:hover {
	text-decoration: none;
}

#content div.container div.foot a.url {
	display: inline-block;
	float: left;
	margin: 0px 0px 0px 140px;
}


#content div.container div.content {
	padding: 0px 20px;
	font-size: 13px;
	overflow: hidden;
}

#content div.container.fund div.content, #content div.container.news div.content {
	padding: 20px 20px;
}

#content div.container.fund div.logo, #content div.container.news div.thumbnail {
	float: left;
	width: 120px;
}

#content div.container.news div.thumbnail img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#content div.container.fund div.text, #content div.container.news div.text {
	float: right;
	width: 440px;
}

#content div.container.news p {
	margin: 0px;
}

#content div.container.news p.date {
}

#content div.container.news h2 {
	font-weight: normal;
	margin: 5px 0px;
}

#content div.container.news a {
	text-decoration: underline;
}

#content div.container.news a:hover {
	text-decoration: none;
}

#content div.container.freelancer {
}

#content div.container.freelancer div.head h2 {
	width: 350px;
}

#content div.container.freelancer div.head span.specialization {
	display: inline-block;
	float: right;
	width: 200px;
	font-weight: bold;
	font-size: 14px;
	text-align: right;
	margin-right: 5px;
}

#content div.container div.gallery {
	padding: 20px 0px;
}

#content div.container div.gallery ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	overflow: hidden;
	width: 650px;
}

#content div.container div.gallery li {
	float: left;
	width: 130px;
	margin: 0px 20px 10px 0px;
	background: none;
	padding: 0px;
}

#content div.container div.gallery img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#content div.foot span.city {
	float: left;
	width: 240px;
}

#content div.foot span.portfolio {
	float: left;
	width: 150px;
}

#content div.foot span.reviews {
	float: right;
	width: 120px;
	margin-right: -5px;
	text-align: right;
}

#content div.latest-news {
	margin: 50px 0px 0px 0px;
}

#content div.latest-news div.head {
	border-bottom: 1px solid #fff;
	padding: 0px 0px 15px 0px;
}

#content div.latest-news div.head h1 {
	margin: 0px;
}

#content div.latest-news a.archive {
	position: absolute;
	top: 10px;
	right: 0px;
	display: inline-block;
}

#content div.latest-news div.content {
	border-top: 1px solid #ece5cc;
	padding: 20px 0px 0px 0px;
}

#content div.latest-news div.row {
	overflow: hidden;
	width: 641px;
}

#content div.latest-news div.preview {
	float: left;
	width: 300px;
	margin: 0px 20px 0px 0px;
	font-size: 13px;
}

#content div.latest-news div.preview h3 {
	font-size: 15px;
	margin: 0px 0px;
}

#content div.latest-news div.preview p {
	margin: 5px 0px;
}

div.contacts.tdm {
	margin: 30px 0px;
	overflow: hidden;
	width: 800px;
}

div.contacts.tdm div.column {
	float: left;
	width: 240px;
	margin: 0px 25px 0px 0px;
}

div.contacts.tdm h2 {
}

div.contacts.tdm p {
}

div.contacts.tdm span.note {
	font-size: 12px;
	color: #9b9b9b;
}

div.contacts.tdm span.title {
	color: #9b9b9b;
	display: inline-block;
	width: 70px;
}

div.contacts.tdm address {
	font-style: normal;
	margin: 5px 0px -5px 0px;
}

div.contacts.tdm a.location {
	font-size: 12px;
}

a.location {
}

a.location span.ico {
	background: url(../images/sprites-main.png) -122px top no-repeat;
	margin-right: 3px;
	top: 3px;
}


/* Stars */

#content div.rating span.stars {
	display: inline-block;
	float: left;
	width: 121px;
	height: 20px;
	background-image: url(../images/stars.png);
	background-repeat: no-repeat;
}

#content div.rating span.stars.a {
	background-position: left top;
}

#content div.rating span.stars.b {
	background-position: left -23px;
}

#content div.rating span.stars.c {
	background-position: left -45px;
}

#content div.rating span.stars.d {
	background-position: left -69px;
}

#content div.rating span.stars.e {
	background-position: left -92px;
}

#content div.rating span.stars.f {
	background-position: left -115px;
}

#content div.rating span.num {
	color: #9b9b9b;
	float: left;
	margin-left: 10px;
	font-size: 14px;
	position: relative;
	top: 3px;
}

/* Project */

#project, #freelancer {
	-webkit-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.05);
	-moz-box-shadow:    0px 0px 1px 0px rgba(50, 50, 50, 0.05);
	box-shadow:         0px 0px 1px 0px rgba(50, 50, 50, 0.05);
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
	padding: 5px 20px 20px 20px;
}

#project div.head, #freelancer div.head  {
	clear: both;
	padding: 0px 0px 20px 0px;
}

#project div.head div.rating, #freelancer div.head div.rating  {
	margin: 0px 0px 0px 0px;
	display: table;
	width: 100%;
}

#project div.gallery {
	float: left;
	width: 280px;
}

#project div.gallery div.img {
	width: 280px;
	height: 280px;
}

#project div.gallery img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}

#project div.gallery div.preview {
	padding: 12px 0px;
}

#project div.gallery div.preview ul {
	padding: 0px;
	margin: 0px;
	width: 300px;
	list-style: none;
}

#project div.gallery div.preview li {
	float: left;
	width: 60px;
	margin: 0px 11px 0px 0px;
	padding: 0px;
	background: none;
}

#project div.gallery div.preview li img {
	border: 1px solid #fff;
}

#project div.gallery div.preview li.current img {
	border: 1px solid #01a2df;
}

#project div.info {
	float: right;
	width: 280px;
}

#project div.info span.budget {
	font-size: 24px;
	display: block;
	margin: 0px 0px 20px 0px;
}

#project div.info span.budget span.ico {
	margin-right: 15px;
}

#project div.info span.author {
	font-size: 13px;
	font-weight: bold;
	display: block;
	padding: 3px 0px 3px 33px;
	position: relative;
	z-index: 10;
	margin: 0px 0px 15px 0px;
}

#project div.info span.author a {
	color: #2b2b2b;
	text-decoration: none;
}

#project div.info span.author a:hover {
	text-decoration: underline;
}


#project div.info span.author img {
	position: absolute;
	left: 0px;
	top: 0px;
}

#project div.info div.details {
	background-color: #fefaec;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 20px 5px 30px;
	color: #9b9b9b;
	font-size: 12px;
	margin: 15px 0px 10px 0px;
}

#project div.info div.details div.row {
	overflow: hidden;
	margin: 10px 0px;
}

#project div.info div.details span.title {
	float: left;
	width: 130px;
}

#project div.info div.details span.value {
	float: right;
	width: 85px;
	color: #fbba00;
}

#project div.info div.buttons {
	margin: 15px 0px 0px 0px;
}

#project div.info div.buttons .button {
	display: block;
	margin: 9px 0px 0px 0px;
}

#project div.description {
	clear: both;
	font-size: 13px;
	padding: 5px 0px 5px 0px;
}


.button.do {
	display: block;
	font-size: 24px;
	margin: 25px 0px 35px 0px;
}

div.comment, div.faq {
	margin: 25px 0px 35px 0px !important;
	clear: both;
}

div.comment {
	position: relative;
}

div.comment div.comment {
	margin: 20px 0px 0px 30px !important;
}

div.answer {
	padding-left: 30px;
}

.comment .dropDown {
	position: absolute;
	top: 52px;
	right: 30px;
	width: 18px;
	height: 10px;
	background: url("../images/to-down.png") no-repeat center;
}
.messages-list .comment .dropDown {
    top: 45px;
}
.messages-list div.comment div.meta span.author {
    padding-left: 0;
}
.messages-list div.comment div.meta .date {
    text-align: right;
    font-size: 14px;
    height: 20px;
    overflow: hidden;
}

div.question {
	cursor: pointer;
}

div.comment div.meta {
	display: table;
	width: 100%;
	padding: 2px 0px 2px 0px;
}

div.comment div.meta span.author {
	font-weight: bold;
	padding: 3px 0px 3px 33px;
	position: relative;
	display: inline-block;
	float: left;
	width: 170px;
	z-index: 10;
	font-size: 12px;
	white-space: nowrap;
}
div.comment div.meta span.author a {
    color: #000;
}

div.comment div.meta span.author img {
	position: absolute;
	left: 0px;
	top: 0px;
}

div.comment div.meta span.budget {
	float: left;
	font-size: 16px;
	width: 140px;
	margin: 0px;
}

div.comment div.meta span.term {
	display: inline-block;
	float: left;
	width: 125px;
	font-size: 16px;
	font-weight: bold;
    text-align: right;
}

div.comment div.meta span.date {
	float: right;
	width: 130px;
	display: inline-block;
	text-align: right;
	font-size: 12px;
	padding-top: 5px;
}

div.comment div.speech, div.faq div.speech {
	background: url(../images/speech.png) 35px top no-repeat;
	padding: 10px 0px 0px 0px;
	font-size: 14px;	
}

div.comment div.speech-content, div.faq div.speech-content {
	background: #f3eedc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 20px;
	word-break: keep-all;
	word-wrap: break-word;
}

div.comment, div.faq p {
	margin: 20px 0px 5px 0px;
}

div.comment div.speech p, div.faq div.speech p {
	margin: 10px 0px;
	line-height: 1.3;
}

div.comment div.buttons {
	padding-left: 30px;
	margin: 10px 0px;
}

div.comment div.buttons .button {
	padding: 8px 20px;
}

/* Freelancer */

#freelancer {
	padding-bottom: 0px;
	margin: 0px 0px 40px 0px;
}

#freelancer div.head h1 {
}

#freelancer div.head span.reviews {
	position: absolute;
	display: inline-block;
	z-index: 20;
	right: 15px;
	top: 10px;
	text-align: right;
	width: 196px;
}

span.reviews {
	color: #9b9b9b;
}

span.reviews span.good, span.reviews a.good {
	color: #58a922;
	margin: 0px 5px;
}

span.reviews span.bad, span.reviews a.bad {
	color: #e85736;
	margin: 0px 5px;
}



#freelancer div.head span.approved {
	position: absolute;
	right: 20px;
	top: 45px;
}

#freelancer div.slogan {
	font-size: 18px;
}

#freelancer div.slogan p {
	margin: 5px;
}

#freelancer div.contacts {
	background: #fcfbf4;
	-webkit-box-shadow: inset 0px 10px 5px -5px rgba(50, 50, 50, 0.02);
	-moz-box-shadow:    inset 0px 10px 5px -5px rgba(50, 50, 50, 0.02);
	box-shadow:         inset 0px 10px 5px -5px rgba(50, 50, 50, 0.05);
	padding: 15px 20px 5px 20px;
	font-size: 14px;
	position: relative;
	z-index: 10;
	overflow: hidden;
	border-top: 1px solid #f3eedc;
	margin: 20px 0px 20px -20px;
	width: 580px;
	overflow: hidden;
}

#freelancer div.contact {
	float: left;
	width: 160px;
	height: 55px;
	margin: 0px 10px 0px 0px;
}

#freelancer div.contact span.title {
	font-size: 12px;
	display: block;
	color: #9b9b9b;
}

#freelancer div.contact span.ico {
	float: left;
	background-image:url(../images/sprites-main.png);
	background-repeat: no-repeat;
	margin: 0px 10px 0px 0px;
}

#freelancer div.contact p {
	margin: 0px 0px 0px 0px;
	clear: both;
	padding-left: 26px;
}

#freelancer div.contact span.ico.city {
	background-position: -121px top;
}

#freelancer div.contact span.ico.phone {
	background-position: -160px top;
}

#freelancer div.contact span.ico.email {
	background-position: -200px top;
}

#freelancer div.contact span.ico.icq {
	background-position: -180px top;
}

#freelancer div.contact span.ico.skype {
	background-position: -140px top;
}

#freelancer div.contact span.ico.other {
	background-position: -220px top;
}


#freelancer div.description {
	font-size: 13px;
}

#freelancer div.specializations {
	background: #fcfbf4;
	-webkit-box-shadow: inset 0px 10px 5px -5px rgba(50, 50, 50, 0.02);
	-moz-box-shadow:    inset 0px 10px 5px -5px rgba(50, 50, 50, 0.02);
	box-shadow:         inset 0px 10px 5px -5px rgba(50, 50, 50, 0.05);
	padding: 15px 20px 10px 20px;
	position: relative;
	z-index: 10;
	overflow: hidden;
	border-top: 1px solid #f3eedc;
	margin: 20px 0px 0px -20px;
	width: 580px;
	font-size: 13px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

#freelancer div.specializations h2 {
	margin: 10px 0px 3px;
}

.wrap-specialisation-list {
	float: left;
	width: 285px;
	margin: 0;
}

.wrap-specialisation-list:nth-child(1) {
	margin-right: 10px;
}

table.specialisation-list {
	margin-top: 0;
	table-layout: fixed;
}

table.specialisation-list tbody tr td:nth-child(2),
table.specialisation-list thead tr th:nth-child(2) {
	width: 45px;
	text-align: center;
}

/* Gallery */

#gallery {
	overflow: hidden;
}

#gallery div.row {
	overflow: hidden;
	width: 650px;
	margin: 0px 0px 10px 0px;
}

#gallery div.preview {
	float: left;
	width: 200px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	padding: 10px 0px 15px 0px;
	margin: 0px 10px 0px 0px;
}

#gallery div.preview div.thumbnail {
	padding: 0px 10px;
}

#gallery div.preview div.thumbnail img {
}

#gallery div.preview a.title {
	display: block;
	margin: 10px 0px 0px 0px;
	padding: 0px 10px;
	text-decoration: underline;
}

#gallery div.preview a.title:hover {
	text-decoration: none;
} 

/* Pagination */

div.pagination {
	overflow: hidden;
	font-size: 13px;
	text-align: center;
	margin: 20px 0px 0px 0px;
}

div.container div.pagination {
	padding: 0px 0px 20px 0px;
}

div.pagination a {
	display: inline-block;
	width: 30px;
	border: 1px solid #dfd8bf;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	padding: 5px 0px;
	color: #000;
	margin: 0px 3px;
	background-color: #f3eedc;
}

div.pagination span {
	margin: 0px 3px;
	display: inline-block;
	width: 30px;
	padding: 5px 0px;
	text-align: center;
}

div.pagination span.current {
	border: 1px solid #dfd8bf;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #adc90a;
	border: 1px solid #adc90a;
	color: #fff;
}

div.pagination .prev, div.pagination .next {
	width: auto;
	padding-left: 25px;
	padding-right: 25px;
	color: #0089cd;
    border: 1px solid #dfd8bf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f3eedc;
}


div.pagination .prev {
	float: left;
}

div.pagination .next {
	float: right;
}

/* Shipping */

#content div.shipping {
	background-color: #f3eedc;
	width: 780px;
	overflow: hidden;
	margin: 35px 0px;
	padding: 10px 0px 0px 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#content div.shipping div.form {
	display: table;
}

#content div.shipping h2 {
	font-size: 18px;
	font-weight: bold;
	clear: both;
	padding: 0px 20px;
}

#content div.shipping div.column {
	float: left;
}

#content div.shipping div.column.a {
	width: 310px;
	margin-left: 60px;
	padding: 20px 0px 0px 0px;
}

#content div.shipping div.column.b {
	float: left;
	width: 310px;
	margin-left: 30px;
}

#content div.shipping div.illustration {
	background:url(../images/shipping-box.png) left top no-repeat;
	width: 364px;
	height: 280px;
	margin-left: -50px;
	margin-bottom: 20px;
}

#content div.shipping div.form div.row {
	margin: 0px 0px 15px 0px;
}

#content div.shipping div.form input[type='text'], #content div.shipping div.form input[type='password'], #content div.shipping div.form input[type='email'], #content div.shipping div.form input[type='tel'], #content div.shipping div.form select {
	width: 300px;
}

#content div.shipping div.form div.column.a div.cell.check {
	margin: 25px 0px 0px 0px;
}

#content div.shipping div.form div.column.a div.cell.check label {
	color: #8c8c8c;
}

#content div.shipping div.total {
	clear: both;
	color: #fff;
	padding: 30px 0px;
	background-color: #a2c412;
	position: relative;
	z-index: 10;
	text-align: center;
	font-weight: bold;
}

#content div.shipping div.total span.arr {
	display: inline-block;
	width: 28px;
	height: 13px;
	position: absolute;
	z-index: 15;
	left: 50%;
	top: 0px;
	margin-left: -14px;
	background:url(../images/sprites-triangles.png) -43px top no-repeat;
}

#content div.shipping div.total span.title {
	display: block;
	font-size: 18px;	
}

#content div.shipping div.form label span.yellow {
	color: #ecb700;
}

#content div.shipping div.form label span.green {
	color: #ec6508;
}

#content div.shipping div.form label span.red {
	color: #7d9e0f;
}


#content div.shipping div.total span.value {
	display: block;
	font-size: 30px;
}

#content .container img {
	max-width: 580px !important;
	height: auto !important;
}

/* = Sidebar
---------------------------------------------
--------------------------------------------- */

#sidebar {
	float: left;
	width: 290px;
}

#sidebar div.head {
	z-index: 20;
	background-color: #6a9814;
	font-size: 24px;
	color: #fff;
	padding: 15px 20px 15px 20px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-bottom: -1px;
}

#sidebar a.head {
    display: block;
	z-index: 20;
	font-size: 24px;
	color: #fff;
	padding: 15px 20px 15px 20px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
    text-decoration: none !important;
}

#sidebar span.author, #sidebar span.num {
	color: #9b9b9b;
	font-size: 12px;
}

#sidebar div.head span.star {
	background:url(../images/side-head-star.png) left top no-repeat;
	width: 74px;
	height: 72px;
	position: absolute;
	z-index: 15; 
	right: 5px;
	bottom: 0px;
}

#sidebar div.head span.arr {
	position: absolute;
	z-index: 15;
	background: url(../images/sprites-triangles.png) -73px top no-repeat;
	display: inline-block;
	width: 14px;
	height: 7px;
	bottom: -7px;
	left: 25px;
}

#sidebar span.stars {
	background-image: url(../images/stars-small.png);
	background-repeat: no-repeat;
	display: block;
	width: 75px;
	height: 13px;
	margin: 0px 0px 5px 0px;
}

#sidebar span.stars.a {
	background-position: left top;
}

#sidebar span.stars.b {
	background-position: left -15px;
}

#sidebar span.stars.c {
	background-position: left -30px;
}

#sidebar span.stars.d {
	background-position: left -45px;
}

#sidebar span.stars.e {
	background-position: left -60px;
}

#sidebar span.stars.f {
	background-position: left -75px;
}

#sidebar div.container {
	margin: 0px 0px 30px 0px;
	/*border: 1px solid #e7e3d5;*/
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         0px 1px 2px 0px rgba(50, 50, 50, 0.25);
}

#sidebar div.container.special {
	height: 320px;
    overflow: hidden;
}

#sidebar div.container.special, #sidebar div.container.special div.head  {
	background-color: #82b523;
}

#sidebar div.container.special a {
	color: #fff;
	text-decoration: underline;
}

#sidebar div.container.special a:hover {
	text-decoration: none;
}

#sidebar div.special div.thumbnail {
	max-width: 250px;
	height: 160px;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
}
#sidebar div.special div.thumbnail img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#sidebar div.special p {
	margin: 20px 0px 0px 0px;
}

#sidebar div.container.rating {
	padding: 0px 0px 15px 0px;
}

#sidebar div.container.rating div.head {
	margin-bottom: 10px;
}

#sidebar div.container.rating div.content {
	overflow: hidden;
}

#sidebar div.container.rating div.row {
	margin: 0px 20px;
	border-bottom: 1px solid #ece5cc;
	padding: 12px 0px 10px 0px;
	overflow: hidden;
	position: relative;
	top: 1px;
}

#sidebar div.container.rating div.about {
	float: left;
	width: 170px;
}

#sidebar div.container.rating div.about span.title {
	display: block;
	margin: 0px 0px 5px 0px;
}

#sidebar div.container.rating div.rating {
	float: right;
	width: 75px;
	text-align: right;
	padding: 5px 0px 0px 0px;
}

#sidebar div.container.menu {
	background-color: #80b322;
	margin-top: -1px;
	position: relative;
	z-index: 10;
	overflow: hidden;
}

#sidebar div.container.menu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	overflow: hidden;
	position: relative;
	z-index: 10;
	bottom: -1px;
}

#sidebar div.container.menu li {
	padding: 0px 20px;
	background: url(../images/side-sep-a.png) center bottom no-repeat;
}

#sidebar div.container.menu li.open, #sidebar div.container.menu li:hover, #sidebar div.container.menu li.active {
	background: #ea590c;
}

#sidebar div.container.menu li a {
	color: #fff;
	display: block;
	padding: 15px 0px;
}

#sidebar div.container.menu li a:hover {
	text-decoration: none;
}

#sidebar div.container.menu li ul {
	font-size: 14px;
	padding: 0px 0px 20px 0px;
	display: none;
}

#sidebar div.container.menu li.open ul {
	display: block;
}

#sidebar div.container.menu span.cnt {
  position: absolute;
  top: 8px;
  right: 15px;
  padding: 0;
  margin: 0;
  background: none;
  display: none;
  visibility: hidden;
}

#sidebar div.container.menu li li, #sidebar div.container.menu li li:hover {
	background: url(../images/side-bul-a.png) left 12px no-repeat;
	padding: 0px 12px;
}

#sidebar div.container.menu li li a {
	background: none;
	padding: 5px 0px;
}

#sidebar div.container.menu li li a:hover {
	text-decoration: underline;
}

#sidebar div.container.menu li.current {
	background: #ea590c url(../images/side-arr-w.png) 260px 12px no-repeat;
}

#sidebar div.container.menu li.current ul {
	display: block;
}

#sidebar div.container.menu li li ul {
	padding: 5px;
}

#sidebar div.container.menu li li li, #sidebar div.container.menu li li li:hover {
	background: url(../images/side-bul-b.png) left 12px no-repeat;
	padding: 0px 12px;
}

#sidebar div.freelancer {
}

#sidebar div.freelancer div.avatar {
	margin: 0px 0px 20px 0px;
}

#sidebar div.freelancer div.avatar img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#sidebar div.freelancer div.buttons {
	margin: 0px 0px 0px 0px;
	padding-bottom: 10px;
}

#sidebar div.freelancer div.buttons .button {
	display: block;
	margin: 0px 0px 11px 0px;
}

#sidebar div.freelancer div.details {
	background-color: #fcfbf4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 12px;
	padding: 5px 20px;
	margin: 0px 0px 20px 0px;
}

#sidebar div.freelancer div.details-content {
	overflow: hidden;
}

#sidebar div.freelancer div.details div.row {
	border-bottom: 1px solid #f3eedc;
	position: relative;
	bottom: -1px;
	overflow: hidden;
	padding: 10px 5px;
}

#sidebar div.freelancer div.details span.title {
	float: left;
	width: 135px;
	color: #9b9b9b;
}

#sidebar div.freelancer div.details span.value {
	float: right;
	width: 100px;
}

#sidebar div.social {
	height: 40px;
	margin: 0 0 20px 0;
}


/* = Footer
---------------------------------------------
--------------------------------------------- */

#footer {
	background: #fff;
	font-size: 14px;
	padding: 35px 0px 25px 0px;
}

#footer-content {
	width: 940px;
	margin: 0px auto;
	overflow: hidden;
}

#footer p {
	margin: 0px 0px 5px 0px;
}

#footer div.side {
	float: left;
	width: 290px;
}

#footer div.copyrights {
}

#footer div.webmaster {
	font-size: 11px;
	color: #9b9b9b;
	padding: 36px 0px 0px 0px;
}

#footer div.webmaster a {
}

#footer div.main {
	float: right;
	width: 620px;
}

#footer div.menu {
	overflow: hidden;
}

#footer div.menu ul {
	padding: 0px;
	margin: 0px;
	width: 650px;
	list-style: none;
}

#footer div.menu li {
	float: left;
	margin: 0px 40px 0px 0px;
}

#footer div.menu li a {
}

#footer div.social {
	padding: 45px 0px;
}

#footer div.social a {
	display: inline-block;
	width: 28px;
	height: 28px;
	margin: 0px 15px 0px 0px;
	background-image: url(../images/sprites-soc.png);
	background-repeat: no-repeat;
}

#footer div.social a.fb {
	background-position: 0px top;
}

#footer div.social a.tw {
	background-position: -28px top;
}

#footer div.social a.gp {
	background-position: -56px top;
}

#footer div.social a.ok {
	background-position: -84px top;
}

#footer div.social a.vk {
	background-position: -113px top;
}

#footer div.note {
	font-size: 11px;
	color: #9b9b9b;
}



/* = Popap */
		
.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 151;
	display: none;
	top: 0;
	left: 0; 
}
	
.reveal-modal {
	display: none;
	top: 100px; 
	left: 50%;
	margin-left: -300px;
	width: 520px;
	background: #fff;
	position: absolute;
	z-index: 152;
	padding: 0;
	line-height: 1.2;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 5px 10px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         0px 5px 10px 0px rgba(50, 50, 50, 0.25);
}
		
.reveal-modal.small  { width: 200px; margin-left: -140px;}
.reveal-modal.medium { width: 440px; margin-left: -240px;}
.reveal-modal.large  { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge { width: 800px; margin-left: -440px;}
	
.reveal-modal .close-reveal-modal {
	background: url(../images/sprites-main.png) -21px -1px no-repeat;
	width: 15px;
	height: 15px;
	display: inline-block;
	position: absolute;
	z-index: 500;
	right: 7px;
	top: 7px;
	cursor: pointer;
}

div.reveal-modal div.content {
	padding: 20px;
	margin: 0px;
	border: 1px solid #000;
} 

div.reveal-modal div.content h1 {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

div.reveal-modal div.form div.row {
	margin: 15px 0px;
}

div.reveal-modal div.form input[type='text'], div.reveal-modal div.form input[type='password'], div.reveal-modal div.form input[type='email'], div.reveal-modal div.form input[type='tel'], div.reveal-modal  select {
	width: 345px;
	padding-left: 55px;
}

div.reveal-modal div.form textarea {
	width: 342px;
	height: 100px;
	background:url(../images/form-ico-message.png) left top no-repeat;
	padding: 14px 0px 14px 55px;
}

div.reveal-modal div.buttons {
	margin: 10px 0px 0px 0px;
	overflow: hidden;
}

div.reveal-modal div.buttons button {
	float: left;
	margin-right: 10px;
}

.reveal-modal div.buttons div.links {
	float: left;
}

.reveal-modal div.buttons div.links a {
	display: block;
	font-size: 12px;
	padding: 7px 0px 0px 0px;
}

/* Forms */

.jq-checkbox {
	top: 5px;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	border: 1px solid #ebe2c4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 8px 8px 5px -3px rgba(50, 50, 50, 0.07);
	-moz-box-shadow:    inset 8px 8px 5px -3px rgba(50, 50, 50, 0.07);
	box-shadow:         inset 8px 8px 5px -3px rgba(50, 50, 50, 0.07);
	background-color: #fff;
}
.jq-checkbox.checked .jq-checkbox__div {
	width: 10px;
	height: 10px;
	margin: 5px 0 0 4px;
	border-radius: 2px;
	background: #0089cd;
	box-shadow: inset 0 -3px 6px #AAA;
}
.jq-checkbox.focused {
	border: 1px solid #08C;
}
.jq-checkbox.disabled {
	opacity: 0.55;
	filter: alpha(opacity=55);
}

.jq-radio {
	width: 12px;
	height: 12px;
	border: 1px solid #C3C3C3;
	border-radius: 50%;
	background: #F6F6F6 url(data:image/gif;base64,R0lGODlhAQAMALMAAPHx8f7+/vv7+/j4+PX19fLy8vz8/Pn5+fb29vPz8/39/ff39wAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABAAwAAAQJMCgjzliIpAIiADs=) 0 -1px repeat-x;
	box-shadow: 0 1px 1px rgba(0,0,0,0.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
	vertical-align: middle;
	cursor: pointer;
}
.jq-radio.checked .jq-radio__div {
	width: 6px;
	height: 6px;
	margin: 3px 0 0 3px;
	border-radius: 50%;
	background: #666;
}
.jq-radio.focused {
	border: 1px solid #08C;
}
.jq-radio.disabled {
	opacity: 0.55;
	filter: alpha(opacity=55);
}

.jq-file {
	width: 380px;
}
.jq-file input {
	cursor: pointer;
	height: auto;
	line-height: 1em;
}
.jq-file__name {
	border: 1px solid #ebe2c4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 13px;
	width: 240px;
	padding: 12px 10px;
	-webkit-box-shadow: inset 8px 8px 5px -3px rgba(50, 50, 50, 0.07);
	-moz-box-shadow:    inset 8px 8px 5px -3px rgba(50, 50, 50, 0.07);
	box-shadow:         inset 8px 8px 5px -3px rgba(50, 50, 50, 0.07);
}

.jq-file__browse {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 110px;
	text-indent:35px;
	padding: 12px 0px;
	color: #bbb39a;
	font-size: 13px;
	border: 1px solid #ebe2c4;
	background: #ebe2c4 url(../images/form-ico-file.png) 10px 15px no-repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.jq-file:hover .jq-file__browse {
	background-color: #f1e8cb;
	color: #5aaa22;
}

.jq-selectbox {
	vertical-align: middle;
	cursor: pointer;
}
.jq-selectbox select {
	-webkit-appearance: none;
}

.jq-selectbox__select {
	height: 40px;
	padding: 0 45px 0 10px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
	color: #333;
	font: 14px/40px Arial, sans-serif;
	border: 1px solid #ebe2c4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 13px;
	background-color: #fff;
	-webkit-box-shadow: inset 8px 8px 5px -3px rgba(50, 50, 50, 0.07);
	-moz-box-shadow:    inset 8px 8px 5px -3px rgba(50, 50, 50, 0.07);
	box-shadow:         inset 8px 8px 5px -3px rgba(50, 50, 50, 0.07);
	position: relative;
	cursor:pointer;
}

.jq-selectbox__select:active {
	background: #F5F5F5;
	box-shadow: inset 1px 1px 3px #DDD;
}
.jq-selectbox.focused .jq-selectbox__select {
	
}
.jq-selectbox.disabled .jq-selectbox__select {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}
.jq-selectbox__select-text {
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.jq-selectbox__trigger {
	position: absolute;
	top: 0;
	right: 0;
	width: 34px;
	height: 100%;
	background: url(../images/select-arr.png) 10px 15px no-repeat;
}

.jq-selectbox:hover .jq-selectbox__trigger-arrow {
	opacity: 1;
	filter: alpha(opacity=100);
}
.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.jq-selectbox__dropdown {
	top: 41px;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 1px solid #CCC;
	border-radius: 4px;
	background: #FFF;
	box-shadow: 0 2px 10px rgba(0,0,0,0.2);
	font: 14px/18px Arial, sans-serif;
}

.jq-selectbox__search {
	margin: 5px;
}
.jq-selectbox__search input {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 5px 27px 6px 8px;
	outline: none;
	border: 1px solid #CCC;
	border-radius: 3px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
	box-shadow: inset 1px 1px #F1F1F1;
	color: #333;
	-webkit-appearance: textfield;
}
.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
	-webkit-appearance: none;
}
.jq-selectbox__not-found {
	margin: 5px;
	padding: 5px 8px 6px;
	background: #F0F0F0;
	font-size: 13px;
}

.jq-selectbox__not-found a {
	float: right;
}

#content div.form .jq-selectbox ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#content div.form .jq-selectbox li {
	margin: 0px;
	padding: 3px 10px;
	color: #2d2d2d;
	background: #fff;
}

#content div.form .jq-selectbox li.optgroup {
    background-color: #eee;
    font-size: 16px;
    padding: 5px 0;
    text-align: center;
    white-space: nowrap;
}

#content div.form  .jq-selectbox li.selected {
	color: #000;
}
#content div.form .jq-selectbox li:hover {
	background-color: #bbb39a;
	color: #fff;
}
.jq-selectbox li.disabled {
	color: #AAA;
}
.jq-selectbox li.disabled:hover {
	background: none;
}
.jq-selectbox li.optgroup {
	font-weight: bold;
}
.jq-selectbox li.optgroup:hover {
	background: none;
	color: #231F20;
	cursor: default;
}
.jq-selectbox li.option {
	padding-left: 15px;
}

#content div.form .jq-selectbox__select {
	width: 225px;
}

 #content.page div.form .jq-selectbox__select {
	width: 325px;
}

#content div.form div.row.three .jq-selectbox__select {
	width: 190px;
}

#content div.form.contacts .jq-selectbox__select {
	width: 130px;
	padding-left: 55px;
}

#content div.shipping div.form .jq-selectbox__select {
	width: 255px;
}

div.reveal-modal .jq-selectbox__select {
	width: 345px;
	padding-left: 55px;
}





div.form .slider {
	width:290px;
	height:8px;
	background:#e9e5d3;
	position:relative;
	margin:0 auto;
	padding:0 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


.ui-slider-handle {
	width:17px;
	height:17px;
	position:absolute;
	top:-3px;
	margin-left:-12px;
	z-index:200;
	background:#0089cd;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	-ms-touch-action: none;
	touch-action: none;
}

.ui-widget-header {
	background:#b2ab93;
	height:8px;
	left:1px;
	top:1px;
	position:absolute;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}

div.tabs .ui-widget-header {
	background: none;
}

/*
.slider-result {
	background: url(../images/slider-result.png) center center no-repeat;
	background: #d9d5c5;
	width: 36px;
	text-align: center;
	font-size:12px;
	padding: 8px 0px 5px 0px;
	margin: 10px auto;
}
*/

.slider-result {
	
	border: 1px solid #ebe2c4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 41px;
	font-size: 13px;
	text-align: center;
	background-color: #fff;
	padding: 5px;
	margin: 10px auto 0px auto;
	padding-left: 10px;
	-webkit-box-shadow: inset 8px 8px 5px -3px rgba(50, 50, 50, 0.07);
	-moz-box-shadow:    inset 8px 8px 5px -3px rgba(50, 50, 50, 0.07);
	box-shadow:         inset 8px 8px 5px -3px rgba(50, 50, 50, 0.07);
}




.ui-datepicker {
	width: 17em;
	padding: .2em .2em;
	display: none;
	background: #fff;
	border: 1px solid #ebe2c4;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.15);
	box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.15);
}

.ui-datepicker a {
	color: #000;
	cursor: pointer;
}

.ui-datepicker a:hover {
	color: #0089cd;
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
	background: #fff;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
	background: #fff;
	clear: both;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 1px;
}
.ui-datepicker th {
	text-align: center;
	font-weight: bold;
	border: 0;
	background: #fff;
	padding: 35px 3px 3px 3px;
}
.ui-datepicker td {
	border: 0;
	padding: 1px 3px 3px 3px;
	text-align: left;
	position: relative;
	left: -5px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}
.ui-datepicker-unselectable.ui-state-disabled {
    color: #bbb;
}

/*additional*/
p.error_mess, div.errors {
	color: #ff0000;
}

.success {
    color: #057c1a;
    margin: 10px 0;
}

a.add-more-link {
	margin-left: 5px;
}

.project.container.tabs .head h2 {
    width: 355px;
}
.project.container.tabs .author {
    width: 200px;
}

.clear {
    width: 0;
    height: 0;
    bottom: 0;
    margin: 0;
    clear: both;
}
.wrapImage img {
    vertical-align: top;
    cursor: move;
}
.wrapImage span.delete {
    margin: 0;
    padding: 0 5px;
    cursor: pointer;
    color: #d7221f;
}
.Files span.delete {
    margin: 0;
    padding: 10px;
    cursor: pointer;
    color: #d7221f;
}

#content ul.ImagesList li {
    float: left;
    background: none;
    margin: 0 10px 20px 0;
    padding: 0;
}
td.delete {
	width: 7px;
    vertical-align: middle;
    color: #d7221f;
    font-weight: bold;
    cursor: pointer;
}

.reveal-modal textarea {
    resize: vertical;
}

.tabs-list div.delete {
    position: absolute;
    width: 10px;
    height: 14px;
    padding: 0 2px;
    top: 5px;
    right: 5px;
    cursor: pointer;
    line-height: 14px;
    text-align: center;
    color: #d7221f;
    font-weight: bold;
    font-size: 12px;
    z-index: 50;
}

.tabs-list.blago {
    margin-top: 30px;
}

#city-from-styler.opened, #city-to-styler.opened {
    z-index: 300 !important;
}
#city-from-styler .jq-selectbox__dropdown ul {
    max-height: 550px !important;
}
#city-to-styler .jq-selectbox__dropdown ul {
    max-height: 460px !important;
}
.wrapImg {
    min-height: 130px;
}

.side-carousel .thumbnail {
    min-height: 160px;
}

.ErrorList {
    color: #b9252d;
}

p.success {
    color: #509b30;
    font-weight: bold;
}


#modal-response div.rating span.star {
    display: inline-block;
    float: left;
    width: 25px;
    height: 20px;
    margin-right: 2px;
    cursor: pointer;
    background: url(../images/stars.png) 0 -116px no-repeat;
}
#modal-response div.rating span.star.check {
    background-position: 0 -93px;
}

td.title .wrap-message {
	width: 165px;
	word-break: normal;
	word-wrap: break-word;
}

.category-description, .main-page-description {
	margin: 5px 0 20px;
}

.new-message {
    float: left;
    font-size: 14px;
    margin: 3px 5px 0 0;
}
.new-message:before {
    display: block;
    content: ' ';
    float: left;
    margin: 4px 7px 0 0;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #005500;
}
#content .form.filter-list {
    margin: 0 0 10px 0;
}


.progress-bar {
    border: none;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 30px;
    text-shadow: -1px -1px 0px rgba(30, 30, 30, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-bottom: 1px solid #64ae1f;
    background: rgb(38, 150, 49);
    background: -moz-linear-gradient(90deg, rgb(38, 150, 49) 0%, rgb(171, 201, 11) 100%);
    background: -webkit-linear-gradient(90deg, rgb(38, 150, 49) 0%, rgb(171, 201, 11) 100%);
    background: -o-linear-gradient(90deg, rgb(38, 150, 49) 0%, rgb(171, 201, 11) 100%);
    background: -ms-linear-gradient(90deg, rgb(38, 150, 49) 0%, rgb(171, 201, 11) 100%);
    background: linear-gradient(0deg, rgb(38, 150, 49) 0%, rgb(171, 201, 11) 100%);
    -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.75);
    margin: 15px auto;
    width: 200px;
}
.progress-bar img {
    margin-right: 10px;
}


#content .ya-share2 {
	margin-top: 20px;
}

#content .ya-share2 ul {
	list-style: none;
	margin: 0;
}

#content .ya-share2 ul li {
	list-style: none;
	padding-left: 5px;
	background: none;
}
.mobile-menu-icon {
	display: none;
}