@import url('//fonts.googleapis.com/css?family=Roboto+Condensed:400italic,700italic,400,700&subset=cyrillic-ext,latin');
@import url('//fonts.googleapis.com/css?family=Roboto:400,400i,700,700i&display=swap&subset=cyrillic');
@import url('//fonts.googleapis.com/css?family=Noto+Serif:400i,700i&display=swap&subset=cyrillic-ext');

@font-face {
  font-family: 'Merel';
  src: url('fonts/Merel/Merel-Regular.eot');
  src: url('fonts/Merel/Merel-Regular.eot?#iefix') format('embedded-opentype'),
			 url('fonts/Merel/Merel-Regular.woff') format('woff'),
			 url('fonts/Merel/Merel-Regular.woff2') format('woff2'),
       url('fonts/Merel/Merel-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Merel';
  src: url('fonts/Merel/Merel-Light.eot');
  src: url('fonts/Merel/Merel-Light.eot?#iefix') format('embedded-opentype'),
			 url('fonts/Merel/Merel-Light.woff') format('woff'),
			 url('fonts/Merel/Merel-Light.woff2') format('woff2'),
       url('fonts/Merel/Merel-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Merel';
  src: url('fonts/Merel/Merel-Thin.eot');
  src: url('fonts/Merel/Merel-Thin.eot?#iefix') format('embedded-opentype'),
			 url('fonts/Merel/Merel-Thin.woff') format('woff'),
			 url('fonts/Merel/Merel-Thin.woff2') format('woff2'),
       url('fonts/Merel/Merel-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

body,button {
	font-family: 'Roboto', sans-serif;
}

:focus {
	outline:none !important;
}

* {
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
}

.color-custom {
	color:#0e2847;
}
.color-bg-custom {
	background:#0e2847;
	color:#fff;
}
.color-bg-danger {
	background:#d9534f;
	color:#fff;
}

.bg-primary {
	background-color: #a4887c;
}

@media (min-width: 1200px) {
  .container {
    width: 1400px;
  }
}

header {
	background-color: #3a2d34;
	color: #e5e3e4;
}

.navbar {
	font-family: 'Merel', sans-serif;
	font-size: 17px;
	font-weight: 300;
	padding: 20px 0;
}

.navbar-nav {
	display: flex;
	width: 100%;
	justify-content: space-between;
	line-height: 1;
}

@media (max-width: 991px) {
	.navbar-nav {
		flex-direction: column;
	}
}

.navbar-nav > li > a {
	line-height: 1;
}

.navbar-right {
	margin-right:0px;
}

.navbar-inverse .navbar-toggle {
	float: none;
}
.navbar-inverse {
	text-align: center;
}


.top-left {
	padding-top:37px;
	padding-bottom:30px;
}
.top-center {
	padding-top:70px;

}
@media (max-width:991px) {
	.top-right {
		padding-top:0px;
		padding-bottom:25px;
	}
}
@media (min-width:992px) {
	.top-right {
		padding-top:70px;
		padding-bottom:15px;
	}
}
@media (min-width:992px) and (max-width:1200px) {
	.navbar {
		text-transform:none;
	}
	.top-center {
		position:relative;
		left:30px;
		font-size:22px;
	}
}
@media (min-width:1200px) {
	.top-center {
		position:relative;
		left:60px;
		font-size:28px;
	}
}

.modal-callback {
	font-size:15px;
}

.top-right {
	font-family: 'Merel', sans-serif;
}

.top-right a {
	color: #907e7f;
}

.top-phone {
	font-size: 26px;
	font-weight: 300;
	color: #e4e4e4;
}

.top-address a {
	display: block;
}

.top-phone a {
	color: #e5e3e4;
}

.top-phone a:hover {
	text-decoration: none;
}

.top-phone .colored {
	color: #926c59;
}

.text-italic {
	font-style: italic;
	font-family: 'Noto Serif', serif;
}

.text-muted,
.text-muted:hover {
	color: #807e7f;
}

.block-right {
	padding-bottom:40px;
}

.block-right p {
	margin-bottom:15px !important;
}

.block-right a {
	font-size:16px;
}

article {
	font-size:16px;
	margin-bottom:40px;
}

article h1,h2,h3 {
	margin-top:0px;
	margin-bottom:15px;
}

article .thumbnail p {
	font-size:14px;
	color:#777;
}

article ul li {
	margin-bottom:7px;
}

article a.thumbnail:hover {
	text-decoration:none;
}

article table td {
	padding:5px;
	width:50%;
}

a.white {
	text-decoration:underline;
	color:#fff;
}
a.white:hover {
	text-decoration:none;
	color:#fff;
}

.carousel-caption {background-color: rgba(58, 45, 52, 0.6);}
.carousel-caption h2 {margin:0px 0px 15px 0px;}
.carousel-caption {padding-top:10px;padding-bottom: 0px;}

.btn-custom {
  background-color: #392e34;
  border-color: #392e34;
	color:#fff;
	font-family: 'Merel', sans-serif;
	font-weight: 300;
	white-space: normal;
}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active {
  background-color: #cf9b6b;
  border-color: #cf9b6b;
	color:#443636;
}
.btn-custom.disabled:hover,
.btn-custom.disabled:focus,
.btn-custom.disabled:active,
.btn-custom.disabled.active,
.btn-custom[disabled]:hover,
.btn-custom[disabled]:focus,
.btn-custom[disabled]:active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-custom:hover,
fieldset[disabled] .btn-custom:focus,
fieldset[disabled] .btn-custom:active,
fieldset[disabled] .btn-custom.active {
  background-color: #0e2847;
  border-color: #0e2847;
	color:#fff;
}

.spec-img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 1 / 1;
}

footer {
	padding:30px 0px;
	background:#3a2d34;
	color:#fff;
}

footer a.dashed {
	color:#fff;
	text-decoration:none;
	border-bottom: 1px dashed #fff;
	font-size:12px;
}
footer a.dashed:hover,footer a.dashed:focus {
	color:#fff;
	text-decoration:none;
}

.email-bt {
  background: #3a2d34;
  border: 2px solid #3a2d34;
  border-radius: 50%;
  box-shadow: 0 8px 10px rgba(34, 26, 30, 0.3);
  cursor: pointer;
  height: 68px;
  text-align: center;
  width: 68px;
  position: fixed;
  right: 40px;
  bottom: 30px;
  z-index: 999;
  transition: 0.3s;
  -webkit-animation: email-an linear 3s infinite;
  animation: email-an linear 3s infinite;
  border-radius: 50% !important;
}

.telegram-bt {
  right: 120px;
  bottom: 30px;
}

.icon-holder {
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
  transition: 0.3s;
}

.icon-holder svg {
  width: 60%;
  animation: 3s ease 0s normal none 1 running shake;
  animation-iteration-count: infinite;
  -webkit-animation: 3s ease 0s normal none 1 running shake;
  -webkit-animation-iteration-count: infinite;
}

.email-bt .text-call {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}

.email-bt .text-call .text {
  text-align: center;
  color: #3a2d34;
  opacity: 0;
  font-size: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  line-height: 14px;
  font-weight: 600;
  text-transform: uppercase;
  transition: opacity 0.3s linear;
  font-family: "montserrat", Arial, Helvetica, sans-serif;
}

.email-bt .text-call:hover .text {
  opacity: 1;
  font-size: 10px;
}

.email-bt .text-call:hover .icon-holder {
  opacity: 0;
}

.email-bt:hover {
  z-index: 1;
  background: #a4887c;
  transition: 0.3s;
}

.telegram-comment {
  position: fixed;
  bottom: 23px;
  right: 180px;
}

/*
@keyframes email-an {
  0% {
    box-shadow: 0 8px 10px rgba(34, 26, 30, 0.3), 0 0 0 0 rgba(34, 26, 30, 0.2), 0 0 0 0 rgba(34, 26, 30, 0.2);
  }

  15% {
    box-shadow: 0 8px 10px rgba(34, 26, 30, 0.3), 0 0 0 15px rgba(34, 26, 30, 0.2), 0 0 0 0 rgba(34, 26, 30, 0.2);
  }

  25% {
    box-shadow: 0 8px 10px rgba(34, 26, 30, 0.3), 0 0 0 30px rgba(34, 26, 30, 0), 0 0 0 26.7px rgba(34, 26, 30, 0.067);
  }

  40% {
    box-shadow: 0 8px 10px rgba(34, 26, 30, 0.3), 0 0 0 30px rgba(34, 26, 30, 0), 0 0 0 40px rgba(34, 26, 30, 0);
  }
}

@keyframes shake {
  0% {
    transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
  }

  6% {
    transform: rotateZ(-30deg);
    -ms-transform: rotateZ(-30deg);
    -webkit-transform: rotateZ(-30deg);
  }

  10% {
    transform: rotateZ(15deg);
    -ms-transform: rotateZ(15deg);
    -webkit-transform: rotateZ(15deg);
  }

  14% {
    transform: rotateZ(-10deg);
    -ms-transform: rotateZ(-10deg);
    -webkit-transform: rotateZ(-10deg);
  }

  20% {
    transform: rotateZ(7.5deg);
    -ms-transform: rotateZ(7.5deg);
    -webkit-transform: rotateZ(7.5deg);
  }

  24% {
    transform: rotateZ(-6deg);
    -ms-transform: rotateZ(-6deg);
    -webkit-transform: rotateZ(-6deg);
  }

  30% {
    transform: rotateZ(5deg);
    -ms-transform: rotateZ(5deg);
    -webkit-transform: rotateZ(5deg);
  }

  34% {
    transform: rotateZ(-4.28571deg);
    -ms-transform: rotateZ(-4.28571deg);
    -webkit-transform: rotateZ(-4.28571deg);
  }

  40% {
    transform: rotateZ(3.75deg);
    -ms-transform: rotateZ(3.75deg);
    -webkit-transform: rotateZ(3.75deg);
  }

  44% {
    transform: rotateZ(-3.33333deg);
    -ms-transform: rotateZ(-3.33333deg);
    -webkit-transform: rotateZ(-3.33333deg);
  }

  50% {
    transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
  }
}*/