@import url('https://fonts.googleapis.com/css?family=Russo+One');

body, html {
	width:100%;
	overflow-x:hidden;
	
}

:hover {
	transition:0.5s;
}

body > .header {
	background:#333;
	color:#ccc;
	font-size:18px;
}

.header > div > div {
	padding:20px 0;
}

a {
	color:#cc6600;
	transition:0.5s;
}

a:hover {
	text-decoration:none;
	color:#339900;
	transition:0.5s;
}

.error {
	border:1px solid #ff0000 !important;
}

.float-left {
	float:left;
}

.shadow {
	background:url(../images/index-shadow.png) no-repeat center top;
	background-size:100% 30px;
	border:none;
	margin:0;
	padding:0;
	height:30px;
}

.header .lang a {
	border:1px solid transparent;
	color:#ccc;
	text-decoration:none;
	padding:6px 9px;
	margin-right:12px;
}

.header .lang a.active {
	border-color:#999;
}

.header .lang a:hover {
	background:#999;
	color:#333;
}

.article-header {
	background:#333;
	padding:0;
}

.navbar {
	border:none;
	color:#fff;
}

.navbar a {
	color:#fff;
}

.navbar .navbar-brand {
	width:125px;
	height:50px;
	text-indent: -9999px;
}

.navbar > div, .navbar .contacts {
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
	.navbar > div, .navbar .contacts {
		display:block;
		font-size:18px;
	}
	.navbar-header {
		padding:20px;
	}
	.navbar-collapse {
		position:absolute;
		left:0;
		z-index:999;
		width:100%;
		background:#fff;
		margin:0 !important;
	}
	
	.contacts {
		text-align:center;
	}
	
	.navbar-collapse a{
		color:#333;
	}
}

.navbar .logo-ru {
	background:url(../images/kiyv-hor-ua.png) no-repeat center;
	background-size:contain;
}

.navbar .logo-ua {
	background:url(../images/kiyv-hor-ua.png) no-repeat center;
	background-size:contain;
}

.navbar .container {
	height:55px;
}

@media (max-width: 768px) {
	.navbar .container {
		height:auto;
	}
}

.navbar .icon {
	width:35px;
	height:35px;
	background:center right no-repeat;
	margin:0 5px 0 15px;
	display:inline-block;
}

.navbar #index-header-clock {
	background-image:url(../images/index-header-clock.png)
}

.navbar #index-header-phone {
	background-image:url(../images/index-header-phone.png)
}

.navbar #index-header-email {
	background-image:url(../images/index-header-email.png)
}

.navbar .nav {
	padding:0 10px;
}

.navbar .nav a {
	font-size:18px;
	text-transform:uppercase;
	margin:0 10px;
	padding:10px 15px;
}

.navbar .nav a:hover {
	color:#333;
	transition:0.5s;
}

footer > div {
	background:#cc6600;
	color:#fff;
	font-family: 'Russo One', sans-serif;
	text-align:center;
	letter-spacing:1px;
}

footer > div > div > div {
	padding:10px 0;
}


#content.container-fluid{
	padding:0;
}

#content.container-fluid h2{
	color:#cc6600;
	font-family: 'Russo One', sans-serif;
	text-transform:uppercase;
	font-size:60px;
	text-align:center;
	padding:15px 0;
}

@media (max-width: 768px) {
	#content.container-fluid h2 {
		font-size:30px;
	}
}

#content.container-fluid h2:before, #content.container-fluid h2:after{
	border-bottom:1px solid #cc6600;
	width:70%;
	margin:10px 0 10px 15%;
	text-align:center;
}

#content.container-fluid .pagetitle {
	background:#339900;
	margin:20px 0;
}

#content.container-fluid .pagetitle span {
	transform: skew(-30deg);
	display:table;
	background:#fff;
	padding:5px;
}

#content.container-fluid h1 {
	padding:0 20px;
	font-family: 'Russo One', sans-serif;
	text-transform:uppercase;
	font-size:48px;
	color:#cc6600;
	display:table;
	margin:0;
	transform: skew(30deg);
}

#content .img-thumbnail.float-left {
	margin-right:20px;
}

.aside .note {
	border:1px solid #ccc;
	margin-top:18px;
}

.aside .shadow {
	margin-bottom:20px;
}

.aside .note .header {
	font-family: 'Russo One', sans-serif;
	text-transform:uppercase;
	font-size:24px;
	color:#cc6600;
	background:#fff;
	margin:-18px 0 0 10px;
	display:table;
	padding:0 10px;
}

.aside .note ul {
	margin:20px 0;
	padding:0;
}

.aside .note ul li {
	list-style:none;
}

.aside .note ul li a {
	font-size:24px;
	color:#666;
	letter-spacing:1px;
	padding:10px 30px;
	display:block;
	transition:1s;
}

.aside .note ul li a:hover {
	background:#339900;
	color:#fff;
	transition:1s;
}

.aside .note ul hr {
	width:75%;
	border:none;
	border-bottom:dashed 1px #999;
	float:left;
	margin:0 0 0 30px;
}

.aside .bnr {
	margin:40px 0;
}

.aside .bnr .image {
	background-size:cover;
	height:200px;
	display:table-cell;
	vertical-align:bottom;
	font-family: 'Russo One', sans-serif;
	color:#fff;
	text-transform:uppercase;
	padding:20px;
	font-size:22px;
	letter-spacing:1px;
	text-shadow:0 0 15px #000;
	transition:1s;
	border:5px solid #fff;
}

.aside .bnr .image:hover {
	border:5px solid #cc6600;
	transition:1s;
}

.aside .bnr b {
	color:#cc6600;
}

.aside .bnr p {
	margin:3px 0;
}

.aside .free-consult {
	background:#cc6600;
	padding:25px;
	color:#fff;
}

.aside .free-consult .header {
	font-family: 'Russo One', sans-serif;
	color:#fff;
	text-transform:uppercase;
	font-size:30px;
}

.aside .free-consult input {
	background:none;
	border:none;
	color:#fff;
	font-size:18px;
	padding:3px 0;
	border-bottom:1px dotted #fff;
	margin:5px 0;
	width:100%;
}

.aside .free-consult input::placeholder {
	color:#fff;
}

.aside .free-consult textarea {
	background:rgba(255,255,255,0.7);
	resize:none;
	border:1px solid #fff;
	padding:5px;
	margin:10px 0;
	font-size:18px;
	color:#000;
	height:80px;
}

.aside .free-consult textarea::placeholder {
	color:#000;
}

.aside .free-consult button {
	background:rgba(255,255,255,0.3);
	border:1px solid #fff;
	width:100%;
	font-family: 'Russo One', sans-serif;
	color:#fff;
	text-transform:uppercase;
	font-size:18px;
	padding:5px 0;
}

.aside .free-consult button:hover {
	background:rgba(51,153,0,0.9);
}

.starrating {
	margin:40px 0;
	border:1px solid #339900;
	border-left:none;
	border-right:none;
	padding:20px 0;
}

.starrating .header, .comments .header, .coment-form .header {
	text-transform:uppercase;
	font-size:24px;
}

.starrating .star-rating-default {
	display:inline-block;
}

.starrating .stars {
	margin:0 20px;
	position:relative;
	top:5px;
	display:inline-block;
}

.comments {
	margin:40px 0;
}

.comments .header {
	margin-bottom:20px;
}

.comments .text-info {
	color:inherit;
}

.comments .plashka {
	background:#339900;
	color:#fff;
	transform: skew(-30deg);
	padding:5px 20px;
	font-size:16px;
	font-style:italic;
	display:table;
}

.comments .plashka > div, .comments .plashka > span {
	transform: skew(30deg);
	display:inline-block;
	margin-right:20px;
}

.comments blockquote {
	border-radius:10px;
	border:1px solid #ccc;
	margin:-15px 0 0 20px;
	padding:30px 10px;
}

.comments pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: normal;
    background:none;
    border:none;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
}

.comments blockquote > blockquote {
	border:1px solid #eee;
	background:#ccc;
	margin:0 0 0 40px;
}

.comments .adminname {
	color:#000;
	font-weight:bold;
	font-style:italic;
}

.coment-form label {
	color:#339900;
	font-family: 'Russo One', sans-serif;
	text-transform:uppercase;
	font-size:18px;
	letter-spacing:1px;
}

.coment-form input {
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	font-size:18px;
	padding:10px 15px;
}

.coment-form button {
	width:100%;
	background:#339900;
	border:1px solid #339900;
	color:#fff;
	font-family: 'Russo One', sans-serif;
	text-transform:uppercase;
	font-size:18px;
	letter-spacing:1px;
	border:none;
}

.coment-form button:hover {
	transition:0.5s;
	background:#fff;
	border:1px solid #339900;
	color:#339900;
}

.coment-form textarea {
	resize:none;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	font-size:18px;
	padding:10px 15px;
}

.index-formback label{
	font-family: 'Russo One', sans-serif;
	color:#339900;
	font-size:18px;
	text-transform:uppercase;
}

.index-formback label small {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:12px;
	font-style:italic;
	text-transform:none;
}

.index-formback textarea {
	resize:none;
}

.index-formback button[type="submit"] {
	background:#339900;
	width:100%;
	border:1px solid #339900;
	font-family: 'Russo One', sans-serif;
	color:#fff;
	font-size:18px;
	text-transform:uppercase;
	padding:10px 0;
}

.index-formback button[type="submit"]:hover {
	color:#339900;
	background:#fff;
	border:1px solid #ccc;
}

h2.forma {
	border:none;
	border-top:1px solid #cc6600;
	border-bottom:1px solid #cc6600;
}

.breadcrumbs li{
	list-style:none;
	display:inline;
}

.categoryListItem {
	height:210px;
	margin:0;
}

.categoryListItem > div {
	height:100%;
	width:100%;
	transition:0.5s;
	-webkit-filter: grayscale(0%);
	-webkit-filter: brightness(100%);
	position:absolute;
	top:0;
	z-index:1;
}

.categoryListItem:hover  > div{
	-webkit-filter: grayscale(50%);
	-webkit-filter: brightness(50%);
	transition:0.5s;
}

.categoryListItem a {
	display:table;
	font-family: 'Russo One', sans-serif;
	color:#fff;
	font-size:18px;
	text-align:left;
	margin:5px;
	background:rgba(204,102,0,0.63);
	position:absolute;
	bottom:0;
	z-index:10;
	padding:5px 10px;
	letter-spacing:1px;
}

.pages li {
	display: inline-block;
	padding:5px;
}