body {
background: #000 url('../images/bg.png') repeat-x 0 0;
}
.clearfix{
  clear: both;
}
a:link, a:visited, a:active {
text-decoration: none;
}

h3 a#logo_styled, h3 a.navbar-brand, a.navbar-sh {
	padding: 0px 0px 0px 20px;
	font: bold 26px/60px arial;
	margin-top: -22px;
	letter-spacing: 1px;
	color: #CFCFCF!important;
}
@media (max-width: 991px) {
  h3 a.navbar-brand {
    padding: 0px 0px 0px 18px;
    font: bold 32px/60px arial;
    margin: -24px 0 0 20px;
	text-transform: initial;
  }
}
.contact-top {
	text-align: center;
	font-size: 14px;
	color: #cfcfcf;
	line-height: 30px;
}
.contact-top a {
color: #fff;
line-height: 34px;
}
.contact-top a.tel {
	font-size: 18px;
}
.contact-top a  i.viber {
    background: transparent url(../images/viber-14.png) no-repeat 0 0;
    height: 14px;
    width: 14px;
}

div.contacts-right{
	position: fixed;
    right: 15px;
    z-index: 9999;
	display: none;
}
div.contacts-right ul.cont {
    list-style: none;
    padding-inline-start: 0;
}
div.contacts-right ul.cont li {
    font-size: 80px;
}
div.contacts-right a.glyphicon-viber {
    background: transparent url(/images/stories/viber.png) no-repeat 0 0;
	margin-top: 5px;
    height: 80px;
    width: 80px;
    background-size: 80px;
}
@media (max-width: 499px) {
	div.contacts-right ul.cont li {
		font-size: 60px;
	}
	div.contacts-right a.glyphicon-viber {
		height: 60px;
		width: 60px;
		background-size: 60px;
	}
  h3 a.navbar-brand {
    margin-top: -14px;
  }
}
@media (max-width: 426px) {
	div.contacts-right ul.cont li {
		font-size: 40px;
	}
	div.contacts-right a.glyphicon-viber {
		height: 40px;
		width: 40px;
		background-size: 40px;
	}
}

a.navbar-sh {
	margin-left: 15px;
	width: 50px;
	display: none;
}
@media (max-width: 399px) {
	.navbar-header h3 {
		display: none !important;
	}
	a.navbar-sh {
		display: block;
	}
}
a#logo_styled, a.navbar-brand, a.navbar-sh {
float: left;
background: transparent url('../images/logo-run.gif') no-repeat 0 0;
}
@media (max-width: 399px) {
	a#logo_styled, a.navbar-brand, a.navbar-sh {
		background: transparent url('../images/logo-run.gif') no-repeat 0 0;
		background-size: 110%;
		background-position: 8px 12px;
		font-size: 18px;
		margin-top: 0px;
	}
}

@-webkit-keyframes trans1 {
  100% {
	-webkit-transform: rotatey(360deg);
	transform: rotatey(360deg);
  }
}
@keyframes trans1 {
  100% {
	-webkit-transform: rotatey(360deg);
	transform: rotatey(360deg);
  }
}
h3 a#logo_styled:hover {
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-name: trans1;
  -webkit-animation-name: trans1;
}

#search {
  text-align: right;
}
#mod-search-searchword {
    background: #141517 url(../images/search-icon.png) 98% 50% no-repeat;
    border: 1px solid #2c2c2c;
    border-radius: 5px;
    padding: 5px;
}
#search > div.search > form > label {
	display: none;
}

.mod-languages {
	margin-bottom: 10px;
}

.bread-hig{
  padding: 3px;
  border: 1px solid;
  border-radius: 5px;
  width: 99%;
}
#content {
  padding: 10px 15px;
  margin-bottom: 10px;
  background-color: #fff;
  border-radius: 5px;
}
.moduletable {
margin-bottom: 10px;
padding: 10px 15px;
background-color: #fff;
border-radius: 5px;
}
.moduletable h3 {
  margin: -10px -15px 15px -15px;
  padding: 10px 15px;
  background-image: linear-gradient(#EDEDED, #DADADA 50%, #B2B2B2);
  border-radius: 5px 5px 0 0;
  line-height: 1.4;
}
.mdh3{
  margin: -10px -15px 5px -15px;
  padding: 10px 15px;
  background-image: linear-gradient(#EDEDED, #DADADA 50%, #B2B2B2);
  border-radius: 5px 5px 0 0;
  line-height: 1.4;
  }
@media (min-width: 992px) {
  .moduletable {
    margin-left: 10px;
  }
}
@media (min-width: 1200px) {
  .moduletable {
    margin-left: 10px;
  }
}
.foxcontainer{
margin-top: 0px;
padding-top: 0px;
}
#form-login-username, #form-login-password{
width:100%;
}
#form-login-username, #form-login-password, #form-login-remember{
float: left;
margin-top: 15px;
}
#form-login-username  input, #form-login-password input{
	width:100%;
	padding: 4px 5px;
	border: 1px solid #aaaaaa;
	border-radius: 4px;
	transition: border linear 0.2s, box-shadow;
}
#form-login-username  input:hover, 
#form-login-username  input:focus,
#form-login-password input:hover, 
#form-login-password input:focus{
background-color: #ffffe0;
}
#form-login-remember label, #form-login-remember input{
float: left;
margin-right: 5px;
}
#form-login-submit{
float: right;
margin: 15px 0;
}
.partners{
}
.partners img{
  float: left;
  margin: 10px;
  border: 1px solid black;
  border-radius: 15px 0;
  padding: 5px;
}
.backtotop {
  background-color: #666;
  width: 45px;
  bottom: 20px;
  right: 20px;
  min-height: 42px;
  overflow: hidden;
  z-index: 400;
  position: fixed;
  display: block;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.backtotop.hidden-top {
  bottom: -100px;
}
.backtotop:hover {
  background-color: #3078ab;
}
.backtotop i {
  font-size: 36px;
  margin: 1px 0 0 0 !important;
  padding-top: 5px;
  color: #fff;
  display: inline-block;
}
#footer{
  color: #A8A8A8;
}
.footer-cont {
  margin-right: 20px;
  text-align: justify;
}
.footer-cont  i{
  margin: 3px 5px 0 3px;
  float: left;
  color: #f3f3f3;
}
.footer-cont  p{
  padding-left: 35px;
}
.footer-cont  span{
  font-size: 12px;
}
.footer-head {
  padding: 10px;
  margin-bottom: 15px;
  border-bottom: 2px solid #3078ab;
  color: #fff;
  font-size: 20px;
}
.footer-head h4{
  color: #fff;
}
em.bold {
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.4em;
  font-style: normal;
}
.online-zakaz {
  font-size: 16px;
  color: #3078ab;
}
.online-zakaz div {
	width: 100%;
    margin-bottom: 15px;
}
.online-zakaz i{ 
  float: left;
}
.online-zakaz a{ 
  color: #3078ab;
}
.online-zakaz p{ 
  padding-left: 30px;
}
.online-zakaz b{ 
  color: #555555;
}
.info i{
  margin-right: 10px;
}
.photo-grid {
  margin: 0;
  padding: 0;
  text-align: right;
  float: right;
}
 
.photo-grid li {
	display: inline-block;
	width: 100%;
}

.photo-grid li:hover figcaption {
	opacity: 1;
}
 
.photo-grid img {
	display: block;
	height: auto;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	transition: all 500ms;
	max-width: 100%;
}
 
.photo-grid li:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
}
 
.photo-grid figure {
	overflow: hidden;
	position: relative;
	width: 100%;
}
 
.photo-grid figcaption {
	background: rgba(0,0,0,0.6);
	color: #f3f3f3;
	display: table;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	transition: all 500ms;
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	transition-delay: 100ms;
	z-index: 100;
}
 
.photo-grid figcaption p {
	padding: 5px;
	display: table-cell;
	position: relative;
	width: 100%;
	font-size: 0.8em;
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
	vertical-align: top;
}
 
.photo-grid li:hover figcaption p {
	-moz-transform: translateY(80px);
	-webkit-transform: translateY(80px);
	transform: translateY(80px);
}

.bs-callout {
  padding: 5px 15px;
  margin: 15px 0;
}
.bs-callout h6 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout-blue {
  border-left: 5px solid #1b809e;
}
.bs-callout-blue h6 {
  color: #1b809e;
}
.bs-callout-brown {
  border-left: 5px solid #aa6708;
}
.bs-callout-brown h6 {
  color: #aa6708;
}
.bs-callout-green {
  border-left: 5px solid #468847;
}
.bs-callout-green h6 {
  color: #468847;
}
.black-video {
  color: #fff;
  background-color: #000;
  padding: 10px;
}
.black-video iframe {
  margin: 0 14px;
}
.black-video p {
  padding: 14px;
  font-size: 1.1em;
}
.adsbygoogle{
  margin-bottom: 15px;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
}

img.blog-img {
	display: block;
    width: 170px !Important;
    height: 170px !Important;
    border-radius: 5px;
    float: right;
    margin: 0 0 10px 10px;
}
.item-page img.blog-img {display: none;}

.blog p.readmore a.btn {color: #fff; float: right;}
.news-img {
    width: 45%;
    height: auto;
    margin: 10px;
    border-radius: 5px;
}
@media (max-width: 540px) {
	.news-img {
		width: 100%;
		margin: 10px 0;
	}
}

div.pagination {
	width: 100%;
}
div.pagination > p {
	font-size: 12px;
}
div.pagination > ul {
	text-align: center !Important;
}
div.pagination > ul > li {
	display: inline;
	font-weight: bold;
	margin: 5px;
	padding: 5px 10px;
}
.blog > div.pagination > ul > li.hidden-phone {
	border-radius: 20px;
}
.blog > div.pagination > ul > li > a {
	color: #fff;
}

div.cat-children h3 {background: none; font-weight: normal; font-size: 14px; text-transform:unset;}

.copyright{
  color: #C8C8C8;
  width: 80%;
  padding: 10px 0;
  margin: 0 auto;
  margin-top: 10px;
  text-align: center;
  font-size: 12px;
  border-top: 1px solid;
}
a.download-drw {
    font-size: 20px;
}
a.download-drw:hover{
	font-weight: bold;
}
form.form-inline div.userdata ul.unstyled {
    clear: both;	
}

div#foxcontainer_m142 textarea, div#foxcontainer_m143 textarea, div#foxcontainer_m144 textarea {
	height: 100px !Important;
}
div#foxcontainer_m142 .control-group, div#foxcontainer_m143 .control-group, div#foxcontainer_m144 .control-group {
    margin-bottom: 10px !Important;
}
div#foxcontainer_m143 .alert-warning {
	display: none;
}
.col-md-3 .btn {
	font-size:13px;
}
div.online-zakaz iframe {
    width: 100%;
    height: 400px;
}

#block-block-2 {
    position: fixed;
    bottom: 15px;
    padding: 0;
    left: 0;
    width: 100%;
    z-index: 300;
}
div#block-block-2 ul {
    display: flex;
    text-align: center;
    margin: 0 auto;
    justify-content: space-around;
    padding: 0;
}
#block-block-2 li {
    display: inline-block;
    padding: 5px;
    text-align: center;
}
#block-block-2 li a {
	display: block;
    padding: 11px 20px;
    color: #fff;
    font-size: 1em;
    background: #2e6da4;
    border-radius: 10px;
}
#block-block-2 li a i.glyphicon {
    /*padding-right: 5px;*/
    top: 3px;
}

.footer-menu {display: none;}
.footer-txt .newsflash {display: block;}

table.category {font-size: 1.25em; font-weight: bold;}
table.category a {color: #000 !important;}

.page-header{
  margin: -10px -15px 15px -15px;
  padding: 10px 15px;
  background-image: linear-gradient(#EDEDED, #DADADA 50%, #B2B2B2);
  border-radius: 5px 5px 0 0;
}
.page-header h1{margin: 0;}

@media (max-width: 991px) {
	.footer-menu {display: block; margin-top: 0;}
	.footer-menu .moduletable {padding: 10px;}
	.footer-txt .newsflash {display: none;}
	.moduletable h3, .moduletable p.h3 {padding-left: 5px;}
	.footer-menu .moduletable h3 {margin: -10px -10px 15px -10px;}
	.newsflash h4.newsflash-title {display: none;}
	div.contacts-right {display: block;}
	#topmenu > ul {padding: 0 15px;}
	#topmenu > ul > li {
    width: 100%;
    display: block;
    text-align: center;
    padding: 0;
    border-bottom: 1px solid #ccc;
    list-style: none;
    }
	#header {display: none;}
	.slideshow-content h4 {margin: 0 0 50px 0;}
	.footer-cont {margin-right: 0;}

	#menu {background-image: none;}
	h1, h2, h3, h4, h5, h6 .h3, .mdh3, .footer-head {
		font-size: 1em !important;
		font-weight: bold;
		text-transform: uppercase;
	}
	.footer-head {padding-left: 5px;}
	.page-header {padding: 20px 1px 10px 1px;}
	.page-header, .moduletable h3, .moduletable p.h3 {background: #000;}
	h1.page-header, .page-header h1, .moduletable h3, .moduletable p.h3 {color: #fff;}
	.page-header {margin: -11px -16px 16px -16px;}
	.col-left h3, .h3 {margin: 0 0 5px -5px;}
	.col-left .moduletable {background-color: #000; margin: 0 -15px;}
	.col-left .caption p {text-align: left; word-wrap: break-word;}
	.col-left p.sp {padding: 10px 5px;margin: -5px 0 -5px 0; background-color: #fff;}
	.breadcrumb {display: none;}
    em.bold {font-size: 1em;}
	#block-block-2 li a {padding: 10px;}
	div.online-zakaz iframe {height: 300px;}
	.footer-menu .moduletable h3 {margin: -10px -15px 15px -15px;}
	.col-left .moduletable {padding: 5px 15px;}
	span.badge-info {display: none;}
	div.doverie img {float: right; margin-top: 10px;}
}

@media (min-width: 499px) and (max-width: 991px) {
	img.blog-img {width: 300px !Important; height: 300px !Important;}
	.other-info .photo-grid figure {height: 250px !important;}
	.other-info .photo-grid img {width: 300px; height: 250px;}
	.col-left .thumbnail video {width: 300px; height: 216px; margin: 0 0 0 5px;}
	.backtotop {width: 80px; height: 80px;}
	.backtotop i {padding-top: 20px;}
	.online-zakaz {font-size: 26px;}
	div.doverie img {width: 300px !Important; height: 86px !Important;}
}

	.col-left .thumbnail video {border-radius: 4px 4px 0 0;}
	.col-left .thumbnail {margin-bottom: 0;}

@media (min-width: 1200px) {
	.col-left .thumbnail video {width: 202px; height: 144px;}
}

@media (max-width: 340px) {.contact-top {display: none;}}
.contact-mini {
    float: left;
    width: 33.33%;
}	
@media (min-width: 991px) {
	.contact-mini {
		display: none;}
}
@media (max-width: 620px) {
	.contact-mini {
		display: none;}
}
.newsflash {
  position: relative;
}
.newsflash .MS-content {
  white-space: nowrap;
  overflow: hidden;
  background-color: #fff;
  border-radius: 5px;
}
.newsflash .MS-content .item {
  display: inline-block;
  width: 100%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
}
.newsflash a {color: #555555;}
.newsflash .MS-content .item h4 {margin-top: 0;}
.newsflash h4.newsflash-title {padding-top: 10px; font-weight: bold; font-size: 16px;}

/* NEW YEAR 
h3 a#logo_styled, h3 a.navbar-brand, a.navbar-sh {
	padding: 12px 0px 0px 51px !Important;
}
a#logo_styled, a.navbar-brand, a.navbar-sh {
background: transparent url('../images/logo-run-new-year.gif') no-repeat 0 0 !Important;
}
*/