/*!
 * Start Bootstrap - Stylish Portfolio v5.0.1 (https://startbootstrap.com/template-overviews/stylish-portfolio)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-stylish-portfolio/blob/master/LICENSE)
 */

body,
html {
  width: 100%;
  height: 100%;
}

body {
  font-family: 'Source Sans Pro';
  border: none;
  background: url(/assets/components/img/pattern1-min.png) left calc(50% - 792px) top 1428px / 1175px no-repeat, url(/assets/components/img/pattern2-min.png) left calc(50% + 573px) top 1079px / 1529px no-repeat, url(/assets/components/img/pattern3-min.png) left calc(50% - 10px) top -257px / auto auto no-repeat #150f0f;
}

.btn-xl {
  padding: 1.25rem 2.5rem;
}

.content-section {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}

.content-section-heading h2 {
  font-size: 3rem;
}

.content-section-heading h3 {
  font-size: 1rem;
  text-transform: uppercase;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

.text-faded {
  color: rgba(255, 255, 255, 0.7);
}

/* Map */
.map {
  height: 30rem;
}

@media (max-width: 992px) {
  .map {
    height: 75%;
  }
}

.map iframe {
  pointer-events: none;
}

.scroll-to-top {
  position: fixed;
  left: 15px;
  bottom: 15px;
  display: none;
  width: 50px;
  height: 50px;
  text-align: center;
  color: white;
  background: rgba(52, 58, 64, 0.5);
  line-height: 45px;
}

.scroll-to-top:focus, .scroll-to-top:hover {
  color: white;
}

.scroll-to-top:hover {
  background: #343a40;
}

.scroll-to-top i {
  font-weight: 800;
}

.masthead {
  min-height: 30rem;
  position: relative;
  display: table;
  width: 100%;
  height: auto;
  padding-top: 8rem;
  padding-bottom: 8rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.1))), url("../img/bg-masthead.jpg");
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), url("../img/bg-masthead.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.masthead h1 {
  font-size: 4rem;
  margin: 0;
  padding: 0;
}

@media (min-width: 992px) {
  .masthead {
    height: 100vh;
  }
  .masthead h1 {
    font-size: 5.5rem;
  }
}

/* Side Menu */
.mybtn {margin-top: 23px;background-color:#a7141e;color:#fff;border-radius:5px;}
.btn-group{width:100%;}
.mybtn:hover,.mybtn:after,.btn-group:after,.mybtn:visited,.btn-group:visited,.mybtn:focus,.btn-group:focus {color:#fff;}
.sidebar-nav li.sidebar-nav-item a,.sidebar-nav .nav-item .nav-link {
  display: block;
  text-decoration: none;
  color: #fff;
  padding: 15px;
}
#sidebar-wrapper .sidebar-nav .nav-item .dropdown-menu {background: #a7141e;border-radius:0px;}
#sidebar-wrapper .sidebar-nav .nav-item .dropdown-menu li a {color:#fff;}
#sidebar-wrapper .sidebar-nav .nav-item .dropdown-menu li a:hover {background:transparent;}
#sidebar-wrapper .sidebar-nav .nav-item.first {background: #a7141e;color:#fff;} 
#sidebar-wrapper .sidebar-nav .nav-item.first .nav-link {color:#fff;font-weight:bold;}
@media (min-width:990px) {
.header-background .container-header .center-block {width:90%;}    
.content-block .MyTable {width:70%;}
.menu-toggle {display:none;}
.call-block {
    background: url(/assets/components/img/pattern3-min.png) left calc(50% + 27px) top -133px / auto auto no-repeat rgba(0, 0, 0, 0.96);
}
.header-background .address{color:rgba(255, 255, 255, 0.35);margin-bottom: 5px;margin-top: 15px;}
#sidebar-wrapper .container {padding-left:0px;padding-right:0px;}
#sidebar-wrapper .sidebar-nav .nav-item .nav-link {color: #000;}
#sidebar-wrapper .sidebar-nav {
    padding: 0;
    margin: 0;
    list-style: none;
    background: #00000052;
    display: flex;
}
#sidebar-wrapper .sidebar-nav .nav-item {
    margin: 0;
    float: left;
    text-align: center;
    flex-basis: auto;
    border-right: 1px solid #cccccc7a;
    flex-grow: 1;
    cursor:pointer;
    background:#fff;
}
#sidebar-wrapper .sidebar-nav .nav-item:hover {
    background:#a7141e;
}
#sidebar-wrapper .sidebar-nav .nav-item:hover .nav-link {color:#fff;}
#sidebar-wrapper .sidebar-nav .nav-item .nav-link {
    margin: 0;
    cursor: pointer;
    padding: 20px 20px;
    display: block;
}
.description {text-align:right;}
.description h2 {    
    margin-right: 150px;
    font-size: 40px;}
}
.call-block h2,.contact-block h2 {font-size: 40px;}
.description2 h2 {font-size: 40px;margin-left: 100px;}
@media (max-width:768px) {
    .container-header .mybtn {width:100%;}
   .actioninfo-text {font-size:12px;padding-top:0!important;}
   .header-background .container-header .center-block {width:70%;}   
   .box-usluga {margin: 10px 0 0 0!important;padding: 20px 20px 0px!important;}
   .box-usluga .caption  h3 {font-size:16px!important;}
   .main-uslugi {margin-bottom:50px!important;}
   .box-usluga .caption {
    min-height: 60px!important;
    }
}
@media (max-width:500px) {
    .actioninfo {padding: 0px 50px 0px 0px!important;}
}
@media (max-width:400px) {
    .actioninfo-text {font-size:10px;}
}
@media (min-width:768px) {
   .online-record .modal-sm {width:336px;}
}
@media (max-width:990px) {
.header-background .container-header {width:100%!important;}    
#sidebar-wrapper {
  position: fixed;
  z-index: 2;
  top:0px;
  right: 0;
  width: 250px;
  height: 100%;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  -webkit-transform: translateX(250px);
  transform: translateX(250px);
  background: #000;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.sidebar-nav {
  position: absolute;
  top: 0;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none;
}
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
  font-size: 1.2rem;
  background: rgba(52, 58, 64, 0.1);
  height: 80px;
  line-height: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
}

.sidebar-nav > .sidebar-brand a {
  color: #fff;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}

#sidebar-wrapper.active {
  top:0px;    
  right: 250px;
  width: 250px;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  z-index: 10;
}

.menu-toggle {
  position: fixed;
  right: 0px;
  top: 0px;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #fff;
  background: rgba(52, 58, 64, 0.5);
  line-height: 50px;
  z-index: 11;
}

.menu-toggle:focus, .menu-toggle:hover {
  color: #fff;
}

.menu-toggle:hover {
  background: #343a40;
}
/* .menu-toggle.active {color:red;} */
.service-icon {
  background-color: #fff;
  color: #1D809F;
  height: 7rem;
  width: 7rem;
  display: block;
  line-height: 7.5rem;
  font-size: 2.25rem;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
}
}
.callout {
  padding: 15rem 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.1))), url("../img/bg-callout.jpg");
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), url("../img/bg-callout.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.callout h2 {
  font-size: 3.5rem;
  font-weight: 700;
  display: block;
  max-width: 30rem;
}

.portfolio-item {
  display: block;
  position: relative;
  overflow: hidden;
  max-width: 530px;
  margin: auto auto 1rem;
}

.portfolio-item .caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  background-color: rgba(33, 37, 41, 0.2);
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.portfolio-item .caption .caption-content {
  color: #fff;
  margin: auto 2rem 2rem;
}

.portfolio-item .caption .caption-content h2 {
  font-size: 0.8rem;
  text-transform: uppercase;
}

.portfolio-item .caption .caption-content p {
  font-weight: 300;
  font-size: 1.2rem;
}

@media (min-width: 992px) {
  .portfolio-item {
    max-width: none;
    margin: 0;
  }
  .portfolio-item .caption {
    -webkit-transition: -webkit-clip-path 0.25s ease-out, background-color 0.7s;
    -webkit-clip-path: inset(0px);
    clip-path: inset(0px);
  }
  .portfolio-item .caption .caption-content {
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
    margin-left: 5rem;
    margin-right: 5rem;
    margin-bottom: 5rem;
  }
  .portfolio-item img {
    -webkit-transition: -webkit-clip-path 0.25s ease-out;
    -webkit-clip-path: inset(-1px);
    clip-path: inset(-1px);
  }
  .portfolio-item:hover img {
    -webkit-clip-path: inset(2rem);
    clip-path: inset(2rem);
  }
  .portfolio-item:hover .caption {
    background-color: rgba(29, 128, 159, 0.9);
    -webkit-clip-path: inset(2rem);
    clip-path: inset(2rem);
  }
  .review-page .description2 {min-height:330px;margin-bottom:20px;}
}

footer.footer {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

footer.footer .social-link {
  display: block;
  height: 4rem;
  width: 4rem;
  line-height: 4.3rem;
  font-size: 1.5rem;
  background-color: #1D809F;
  -webkit-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
}

footer.footer .social-link:hover {
  background-color: #155d74;
  text-decoration: none;
}

p, a, a:hover, a:focus, a:active {
  color: #fff;
}

.btn-primary {
  background-color: #1D809F !important;
  border-color: #1D809F !important;
  color: #fff !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #155d74 !important;
  border-color: #155d74 !important;
}

.btn-secondary {
  background-color: #ecb807 !important;
  border-color: #ecb807 !important;
  color: #fff !important;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
  background-color: #ba9106 !important;
  border-color: #ba9106 !important;
}

.btn-dark {
  color: #fff !important;
}

.btn {
  -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
  font-weight: 700;
}

.bg-primary {
  background-color: #1D809F !important;
}

.text-primary {
  color: #1D809F !important;
}

.text-secondary {
  color: #ecb807 !important;
}
.container-header {
    background: #000;
}
.container-header .row {padding: 10px;}
.header-social {
    float: right;
    margin-top: 25px;
}
.header-social li {
    margin-right: 15px;
    display: inline-block;
}
.main-uslugi {margin-bottom:80px;}
.description {background: url(/assets/components/img/header.png) right 0px top 50% / auto auto no-repeat;padding: 20px 0 20px 0;}
.description2 {background: url(/assets/components/img/header.png) left -7px top 14px / auto auto no-repeat, url(/assets/components/img/pattern1-min.png) left -81px top -47px / 154px no-repeat #830810;padding: 20px;margin-bottom:20px;}
.work-block .description2,.description3 {background: url(/assets/components/img/header.png) left -7px top 14px / auto auto no-repeat, url(/assets/components/img/pattern1-min.png) left -81px top -47px / 154px no-repeat;padding: 20px;}
.work-block a img {margin-top:10px;}
.description2 p {color:#fff;}
.box-usluga { 
    padding: 20px 40px 0px;
    margin: 10px 30px 10px;
    border: 2px solid #000;
    background: url(/assets/components/img/pattern1-min.png) left -73px top -81px / 193px no-repeat transparent;
}
.box-usluga:hover {background:#000;cursor:pointer;}
.box-usluga img {border: 5px solid #4e0000;}
.box-usluga .caption {min-height:120px;}
.box-usluga .caption h3 {font-size:21px;}
.link-block:hover {text-decoration:none;}
.description h1,.description h2,.description2 h2,.description2 h3,.box-usluga h3,.call-block h2,.contact-block,.content-block h2 {color:#fff;}
.slide2 h4 {color:#f2dec4;}
.slide2 p {color:#9e9e9e;font-size:16px;}
.work-block2 .material {background:#000;padding:20px;margin-top:10px;} 
.call-block {padding: 30px 0 80px 0;margin-bottom:0px;}
.call-block .input-group .mybtn2 {background-color: #a7141e;color: #fff;border-radius:0px;}
.call-block .input-group .form-control {border-radius:0px;}
.contact-block {background: linear-gradient(rgba(125, 6, 12, 0.9), rgba(125, 6, 12, 0.9)), url(/assets/components/img/pattern1-min.png) left 50% top 50% / auto auto no-repeat, linear-gradient(to bottom right, #d11020 0%, #50080b 100%);margin-bottom:0px;padding-bottom:50px;}
.contact-block h2 {margin-bottom:30px;margin-top:40px;}
.MyTable {background:#fff;margin:0 auto;border-radius: 5px;}
.MyTable tbody tr td {
    font-size: 16px;
	/* font-style:italic; */
	border-bottom: 1px dashed rgb(190, 189, 189);
	border-top: transparent;
	width:42%;
} 
.MyTable tbody tr td:last-child {text-align:right;}
.MyTable tbody tr:last-child td {border-bottom: none;}
.MyTable tbody tr td.headerTable{border-bottom: none;font-size:18px;font-weight:bold;text-align: left;}
.MyTable p {color:#000;}
.review-page .MyTable {padding:10px;}
[data-fancybox="gallery"] {display:block;}
[data-fancybox="gallery"],.box-usluga{opacity:0;}
.animated {
    -webkit-animation-duration: 2s!important;
    -moz-animation-duration: 2s!important;
    -ms-animation-duration: 2s!important;
    animation-duration: 2s!important;
    opacity:1!important;
}
.buttonfooter {display: block;
    outline: none;
    z-index: 7;
    position: fixed;
    top: 200px;
    right: 0px;
}
.btnfooter {
    width: 30px;
    word-break: break-word;
    padding: 7px 8px;
    text-transform: uppercase;
    line-height: 18px;
    text-align: center;
    text-shadow: black 1px 1px;
    color: #fff;
    background: #a7141d;
    border-radius: 5px 0px 0px 5px;
    cursor: pointer;
    display:inline-block;
}
.btnfooter:hover {text-decoration:none;color:#fff;}
.badge {background-color: #ff010b!important;}
.actioninfo {display: block;text-align:center;position: fixed; left: 0px; right: 0px; top:0;height: 50px; z-index: 9; background: rgb(167 20 29);color: #fff;line-height: 21px; padding: 8px 18px;}
.actioninfo-close {float: left;display: block;padding: 5px 0px;width: 25px;margin-left: 5px;border-radius: 5px;cursor: pointer;color: rgb(0, 0, 0);}
.actioninfo .btnheader {background: #000;margin-left: 5px;padding: 4px;cursor:pointer;border-radius:5px;}
.actioninfo .btnheader:hover {text-decoration:none;}
.actioninfo-text {display:block;padding:5px 0 5px 0;}
.gal-item a img {
    width: 100%;
    object-fit: cover;
    height: 200px;
    margin-bottom: 20px;
}