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

@font-face {
  font-family: 'Intro';
  src: url('/includes/fonts/Intro.eot?#iefix') format('embedded-opentype'),  url('/includes/fonts/Intro.otf')  format('opentype'),
         url('/includes/fonts/Intro.woff') format('woff'), url('/includes/fonts/Intro.ttf')  format('truetype'), url('/includes/fonts/Intro.svg#Intro') format('svg');
  font-weight: normal;
  font-style: normal;
}
.intro {font-family: 'IntroRegular', sans-serif;}
.introbold {font-family: 'IntroRegular', sans-serif; font-weight:700;}
.introblack {font-family: 'Intro', sans-serif;}

.blur {
  filter: blur(2px);
}
.videobox {display: inline-block; float:left; width:50%;}
.lh13 {line-height: 1.3 !important;}

/* Для новой главной страницы */
.full-page-container {width:100%; height:100vh; position:relative; background: url(/includes/img/def-bg-min1.jpg) no-repeat center -50px; }

.main-menu-container {width:100%; height: 80px; background: rgba(255,255,255,0.95); position: fixed; z-index:1000;}
.li-separate {margin-left: 30px;}

.marker1 {width:40px; height:40px; background: rgba(255,255,255,.3); border:1px solid rgba(255,255,255,1);  position: absolute; top:70%; left:47%; z-index:1; }
.marker1:after {width:20px; height:20px; background:#d9230f; position: absolute; top:9px; left:9px; display:block; content:''; z-index: 0; }
.marker1 .prod-text {color: transparent; font-family: 'Intro', sans-serif; font-size:2px; box-sizing: border-box; padding:5px 20px; display: none; align-items: center; justify-content: center; width:100%; z-index:1; }
.marker1:hover {width:110px; height:110px; background: rgba(255,255,255,.7); border:0px solid transparent;  position: absolute; top:calc( 70% - 45px ); left:calc( 47% - 45px); z-index:1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.marker1:hover .prod-text {color: #d9230f; font-size: 16px; height:100%; box-sizing: border-box; padding:5px 20px; display: flex; align-items: center; justify-content: center; width:100%; z-index:1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.marker1:hover:after {width:150px; height:150px; background:rgba(255,255,255,0);  border:10px solid #d9230f;  position: absolute; top:-20px; left:-20px; display:block; content:''; z-index: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}

.marker2 {width:40px; height:40px; background: rgba(255,255,255,.3); border:1px solid rgba(255,255,255,1);  position: absolute; top:74%; left:56.5%; z-index:1;}
.marker2:after {width:20px; height:20px; background:#d9230f; position: absolute; top:9px; left:9px; display:block; content:''; z-index: 0;}
.marker2 .prod-text {color: transparent; font-family: 'Intro', sans-serif; box-sizing: border-box; padding:5px 20px; display: none; align-items: center; justify-content: center; width:100%; z-index:1;}
.marker2:hover {width:110px; height:110px; background: rgba(255,255,255,.7); border:0px solid transparent;  position: absolute; top:calc( 74% - 45px ); left:calc( 56.5% - 45px); z-index:1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.marker2:hover .prod-text {color: #d9230f; font-size: 16px; height:100%; box-sizing: border-box; padding:5px 20px; display: flex; align-items: center; justify-content: center; width:100%; z-index:1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.marker2:hover:after {width:150px; height:150px; background:rgba(255,255,255,0);  border:10px solid #d9230f;  position: absolute; top:-20px; left:-20px; display:block; content:''; z-index: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}

.marker3 {width:40px; height:40px; background: rgba(255,255,255,.3); border:1px solid rgba(255,255,255,1);  position: absolute; top:44%; left:71%; z-index:1; }
.marker3:after {width:20px; height:20px; background:#d9230f; position: absolute; top:9px; left:9px; display:block; content:''; z-index: 0; }
.marker3 .prod-text {color: transparent; font-family: 'Intro', sans-serif; box-sizing: border-box; padding:5px 20px; display: none; align-items: center; justify-content: center; width:100%; z-index:1; }
.marker3:hover {width:110px; height:110px; background: rgba(255,255,255,.7); border:0px solid transparent;  position: absolute; top:calc( 44% - 45px ); left:calc( 71% - 45px); z-index:1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.marker3:hover .prod-text {color: #d9230f; font-size: 16px; height:100%; box-sizing: border-box; padding:5px 20px; display: flex; align-items: center; justify-content: center; width:100%; z-index:1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.marker3:hover:after {width:150px; height:150px; background:rgba(255,255,255,0);  border:10px solid #d9230f;  position: absolute; top:-20px; left:-20px; display:block; content:''; z-index: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}

.marker4 {width:40px; height:40px; background: rgba(255,255,255,.3); border:1px solid rgba(255,255,255,1);  position: absolute; top:30%; left:45%; z-index:1; }
.marker4:after {width:20px; height:20px; background:#d9230f; position: absolute; top:9px; left:9px; display:block; content:''; z-index: 0; }
.marker4 .prod-text {color: transparent; font-family: 'Intro', sans-serif; box-sizing: border-box; padding:5px 20px; display: none; align-items: center; justify-content: center; width:100%; z-index:1; }
.marker4:hover {width:110px; height:110px; background: rgba(255,255,255,.7); border:0px solid transparent;  position: absolute; top:calc( 30% - 45px ); left:calc( 45% - 45px); z-index:1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.marker4:hover .prod-text {color: #d9230f; font-size: 16px; height:100%; box-sizing: border-box; padding:5px 20px; display: flex; align-items: center; justify-content: center; width:100%; z-index:1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.marker4:hover:after {width:150px; height:150px; background:rgba(255,255,255,0);  border:10px solid #d9230f;  position: absolute; top:-20px; left:-20px; display:block; content:''; z-index: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}

.marker5 {width:40px; height:40px; background: rgba(255,255,255,.3); border:1px solid rgba(255,255,255,1);  position: absolute; top:50%; left:22%; z-index:1; }
.marker5:after {width:20px; height:20px; background:#d9230f; position: absolute; top:9px; left:9px; display:block; content:''; z-index: 0;}
.marker5 .prod-text {color: transparent; font-family: 'Intro', sans-serif; box-sizing: border-box; padding:5px 20px; display: none; align-items: center; justify-content: center; width:100%; z-index:1;}
.marker5:hover {width:110px; height:110px; background: rgba(255,255,255,.7); border:0px solid transparent;  position: absolute; top:calc( 50% - 45px ); left:calc( 22% - 45px); z-index:1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.marker5:hover .prod-text {color: #d9230f; font-size: 16px; height:100%; box-sizing: border-box; padding:5px 20px; display: flex; align-items: center; justify-content: center; width:100%; z-index:1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.marker5:hover:after {width:150px; height:150px; background:rgba(255,255,255,0);  border:10px solid #d9230f;  position: absolute; top:-20px; left:-20px; display:block; content:''; z-index: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}

.marker6 {width:40px; height:40px; background: rgba(255,255,255,.3); border:1px solid rgba(255,255,255,1);  position: absolute; top:72%; left:71%; z-index:1; }
.marker6:after {width:20px; height:20px; background:#d9230f; position: absolute; top:9px; left:9px; display:block; content:''; z-index: 0; }
.marker6 .prod-text {color: transparent; font-family: 'Intro', sans-serif; box-sizing: border-box; padding:5px 20px; display: none; align-items: center; justify-content: center; width:100%; z-index:1; }
.marker6:hover {width:110px; height:110px; background: rgba(255,255,255,.7); border:0px solid transparent;  position: absolute; top:calc( 72% - 45px ); left:calc( 71% - 45px); z-index:1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.marker6:hover .prod-text {color: #d9230f; font-size: 16px; height:100%; box-sizing: border-box; padding:5px 20px; display: flex; align-items: center; justify-content: center; width:100%; z-index:1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.marker6:hover:after {width:150px; height:150px; background:rgba(255,255,255,0);  border:10px solid #d9230f;  position: absolute; top:-20px; left:-20px; display:block; content:''; z-index: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}

.def-sidebar {width: 100%; max-width: 240px; height:100%; position:fixed; z-index:100; display:block; top:0; left:0; box-shadow: 0 0 40px 5px #000; background:rgba(255,255,255,.8); /* background: url(/includes/img/def-sidebar.png) no-repeat top left; background-size: cover; */}
.def-sidebar-logo-box {height:70px; display:inline-block; margin-left: 10%; margin-top:5px;}
.def-sidebar-logo-box img {height:70px; width:auto;}
.def-sidebar-content {width:80%; display:inline-block; margin-left: 10%;}
.def-menu {list-style-type: none; padding-left:0; margin-left:0;}
.def-menu li {padding:5px 0;}
.def-li-active {border:1px solid #d9230f; padding: 5px !important; margin-left:-5px; background: #d9230f; color: #fff;}
#fp-nav .active {background-color: transparent!important;}
#fp-nav ul li a span, .fp-slidesNav ul li a span {background: #d9230f !important;}
.def-slide-content {height:100%; width:100%; overflow-x:hidden;}

.padding10 {padding:10px; box-sizing:border-box;}
.navbar {margin-bottom: 0px !important; padding:0 !important;}
.step-content {line-height:1;}
.mbEduBox {
    margin: 5px 0 10px 0;
    padding: 5px;}
.mbEduBox div:nth-child(1) {color: #111;font-size: 16px; font-weight: 500;}
.mbEduBox div:nth-child(2) {color: #555;font-size: 14px; font-weight: 300;}
.tc-label { font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #777;
    border-bottom: 1px solid; margin-bottom: 20px;}
.profile-box {margin-bottom: 20px !important;}
.actormainfoto {background: #fff; position: relative; float: left;}
.actorportfolio {background: #fff; position: relative; float: left; padding:20px; overflow-y: scroll; }
.actorportfolio h1 {color:#000;}

.bg-small {max-height: 150px !important; text-align: center !important; display:inline-block;}
.producer-box {padding-top:30px; background:#fff; -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;}
.producer-box:hover {padding-top:30px; background:#eee; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.producer-box img {transform:scale(1);  -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}

.white {color:#fff;}
.salamander {color: #5fa86a;}
.salamander-bg {background: #5fa86a;}
.salamander-gradient {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fa86a+0,ffffff+100 */
background: #5fa86a; /* Old browsers */
background: -moz-linear-gradient(top, #5fa86a 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #5fa86a 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #5fa86a 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fa86a', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}

.aluplast-gradient {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#919191+0,e5e5e5+100 */
background: #919191; /* Old browsers */
background: -moz-linear-gradient(top, #919191 0%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #919191 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #919191 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */}

.wintech-gradient {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4d89cf+0,ffffff+100 */
background: #4d89cf; /* Old browsers */
background: -moz-linear-gradient(top, #4d89cf 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4d89cf 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4d89cf 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d89cf', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}

.gradient {background: #f2f6f8; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
header {height:70px; width:100%;}
header img {height:25px; margin:20px;}
#showLeftPush {height:50px; margin:0 10px; background:transparent; border:none;  position:relative; vertical-align: middle;}

.layout-no-margin {margin-left: 0px !important;}
.actor-stat {display: block; position: relative; min-height:50px; text-align: center; padding: 10px 0;}
.actor-stat-box {display: inline-block; position:relative; max-width: 85px; width: auto; text-align: left;}
.actor-stat-label {display: inline-block; position:relative; line-height: 1;}
.actor-stat-count {line-height: 1; vertical-align: middle;}
.icons {width: 22px; height:22px; float: left; margin-right: 10px;}
.icon-view {background: url(/includes/img/iconset.png) no-repeat; background-size: cover; background-position: 0 0;}
.icon-favorites {background: url(/includes/img/iconset.png) no-repeat; background-size: cover; background-position: -22px 0;}
.icon-projects {background: url(/includes/img/iconset.png) no-repeat; background-size: cover; background-position: -45px 0;}

.anketa-line {width:100%; padding: 5px 0; border-bottom: 1px solid #ececec;}
.row-l {margin-left: -15px; }
.showbt {}
.showbt a { }
.showbt a:hover { color: #ffc200 !important;}
.rolestitle {float: left; width:100% !important;}
.moreroles {width:auto !important; float: right !important; vertical-align: middle; height:100%; margin-top:7px; cursor:pointer;}
.rolesbox {min-height: 280px !important;}
.roles .nav>li>a {padding:7px !important;}
.roles .tab-content>.active { display: inline-block; background: #f3f3f3; border-left: 1px solid #ddd !important; border-right: 1px solid #ddd !important; border-bottom: 1px solid #ddd !important;}
.roles .nav>li.active>a { background: #f3f3f3 !important;}
.agent-box {border:1px solid #ffc200; padding:10px; background: #f3f3f3 !important;}
.icon-angle-left:before {
    content: "\f104";
    font-size: 25px;
    top: -7px;
    position: relative;
    color:#555;
}
.icon-angle-right:before {
    content: "\f105";
    font-size: 25px;
    top: -7px; left:7px;
    position: relative;
    color:#555;
}

.card { margin: 5px !important;}
.favimage {position:absolute; top: 10px; right:40px; font-size:30px !important; color: rgba(254,194,0,1) !important;}
.favimage2 {position:absolute; top: 10px; right:10px; font-size:30px !important; color: rgba(254,194,0,1) !important;}
.card-footer h2 {padding:0; margin:0;}
.removeActorProject, .removeActorFromProject {position:absolute; top: 10px; right:10px; font-size:30px !important; color: rgba(254,194,0,1) !important;}
.removeActorFromProject:hover {text-shadow: 1px 1px 3px rgba(150, 150, 150, 1);}

.layout-content-body, {padding:0 !important;}
.layout {padding-top:70 !important;}
/* .navbar {background: rgba(255,255,255,.9)!important; border:0px; border-bottom: 1px solid #dbecf5; -webkit-box-shadow: 0px 4px 118px -10px rgba(125,125,125,.5);
-moz-box-shadow: 0px 4px 118px -10px rgba(125,125,125,.5);box-shadow: 0px 4px 118px -10px rgba(125,125,125,.5); z-index:1;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {background:transparent; color:#BB2A23; border:0px;} */
.navbar-default {border: none;}
.navbar-toggleable { margin-left:0px !important;}
.navbar-header {width:0 !important;}

@media (min-width: 768px){
    .navbar-default .navbar-nav > li {border-left: 0px;}
    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
    margin-right: 0;
    margin-left: 0;
    display:none;
}


}
.sidenav-toggler {background: #fff !important;}
.bar-line { background-color: #DA251D !important;}
#navbar {margin-top:15px;}

.relative {position:relative;}
.navbar-nav>li>a {line-height: 15px; font-size:12px; color:#333 !important; padding-left: 8px; padding-right:8px;-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;}
.navbar-nav>li>a:hover {transform:scale(1.15);-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;}
/* .navbar-default .navbar-nav>li>a {background:transparent; color:#2E5293; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);}*/
.navbar-default .navbar-header {background:transparent;}
#myCarousel {z-index: 0; min-height:200px;}
.mainhead {width:100%; height:200px; position:absolute; top:0; left:0; display:block; z-index: 0; text-align: center; background: transparent url(/includes/img/head-bg.png) no-repeat center center;}
.logobox {width: 100%; text-align: center;  width:100%; max-width: 100%; height:100%; max-height: 100%;}
.logo {height:150px; display:inline-block;  -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.logo:hover  {transform:scale(1.3); -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.mainmenubox {min-height:50px; width:80%; position:relative; top:-20px; left:0; z-index:10; bottom:0; right:0; margin:auto;
    display:inline-block; background: rgba(255,255,255,1); text-align: center;
    border-radius: 5px;border: 1px solid rgba(150,150,150,.2);}
/* .mainhead {width:100%; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; display:block; z-index: 10; background: rgba(245,245,245,.0);}
.logobox {width: 100%; text-align: center;  width:100%; max-width: 100%; height:100%; max-height: 100%;}
.logo {height:470px;display:inline-block; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;  } */
.addressboxline{min-height:50px; width:100%; position:relative; top:0; left:0; z-index:10; background: rgba(245,245,245,.85); line-height: 50px; text-align: center;}
.addressboxline .icon {vertical-align: middle}
.mainmenulist a {margin: 0px 10px;}

.mainmenulist .nav li>a { -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.mainmenulist .nav li>a:hover {transform:scale(1.15); -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.logoline {height: 100px; position:relative;}
.d-inline-block {display: inline-block !important;}
.img-logos {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto auto; display: block; float: none; max-width: 100%; /* max-height: 100px; */}
.uppercase {text-transform: uppercase;}
.white {color: #fff;}
.white-bg {background: #fff;}
.gray-bg {background: rgba(240,240,240,1);}
.red {color: #DA251D !important;}
.cnt-box {border: 1px solid #DA251D; border-radius: 5px; padding:10px; display:inline-block;}

.img {width:100%; height:250px;}
.col-sm-4 .img {width:100%; height:400px;}
.aluplast .img {width:100%; height:350px;}

.title-center {z-index:0; position:absolute; text-transform: uppercase; font-size:70px; height:70px; text-shadow: 0px 0px 30px rgba(0, 0, 0, 1); margin: auto; top:0; bottom:0; left:0; right:0; display:block; width:100%;}
.fixed-height {height:180px !important; overflow:hidden !important; margin:5px -10px;}

.interest-main-title {font-family: 'Intro'; font-size:30px; text-align: center; color: #d9230f;}
.interest-title {font-family: 'Intro', sans-serif; font-size: 18px; position: relative; padding-left:20px; text-align: left; /* display: inline-block; */}
.interest-title:after {content: ""; display:block; width:30%; height:2px; background:#d9230f!important; position:absolute; left:-10px; bottom:-5px; }
.interest-title:before {content: ""; display:block; width:2px; height:100px; background:#d9230f!important; position:absolute; left:0px; top:10px; }

.product-main-title {font-family: 'Intro'; font-size:18px; text-align: center; color: #d9230f; width:100%; clear: both;}
.product-ul-list {list-style-type: none; width:100%; font-size:12px !important; clear: both; font-family: 'Roboto' !important; margin:0 !important; padding:0!important;}
.product-ul-list li {float: left; margin-right: 10px; display:inline-block;}
.product-ul-list li a {color:#111 !important;}

.lh1 {line-height: 1;}
.lh13 {line-height: 1.3 !important;}
.font6 {font-size: 6px !important;}
.font7 {font-size: 7px !important;}
.font8 {font-size: 8px !important;}
.font9 {font-size: 9px !important;}
.font10 {font-size: 10px !important;}
.font11 {font-size: 11px !important;}
.font12 {font-size: 12px !important;}
.font13 {font-size: 13px !important;}
.font14 {font-size: 14px !important;}
.font15 {font-size: 15px !important;}
.font16 {font-size: 16px !important;}
.font17 {font-size: 17px !important;}
.font18 {font-size: 18px !important;}
.font19 {font-size: 19px !important;}
.font20 {font-size: 20px !important;}
.font21 {font-size: 21px !important;}
.font22 {font-size: 22px !important;}
.font23 {font-size: 23px !important;}
.font24 {font-size: 24px !important;}
.font25 {font-size: 25px !important;}
.font26 {font-size: 26px !important;}
.font27 {font-size: 27px !important;}
.font28 {font-size: 28px !important;}
.font29 {font-size: 29px !important;}
.font30 {font-size: 30px !important;}
.font31 {font-size: 31px !important;}
.font32 {font-size: 32px !important;}
.font33 {font-size: 33px !important;}
.font34 {font-size: 34px !important;}
.font35 {font-size: 35px !important;}
.font36 {font-size: 36px !important;}
.font37 {font-size: 37px !important;}

.padding5 {padding:5px!important;}
.scale5 {transform:scale(1); position:relative; z-index: 1; -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.scale5:hover {transform:scale(1.5); position:relative; z-index: 5; -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.scale1 {transform:scale(1); position:relative; z-index: 1; border:1px solid #fff; -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.scale1:hover {transform:scale(1.1); border:1px solid #028090; position:relative; z-index: 5; -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}

.clear10 {width:100%; display:block; float:left; height:10px;}
.clear20 {width:100%; display:block; float:left; height:20px;}
.clear30 {width:100%; display:block; float:left; height:30px;}

.white-bg {background: #fff;}
.black {color:#000 !important; text-shadow: none !important;}
.text-center {text-align: center;}
.yellow-hr {width:100%; height:1px; border-top: 1px solid #ffc200; display:block; position: relative; float:left;}
.blue-hr {width:100%; height:1px; border-top: 3px solid #008AD3; display:block; position: relative; float:left;}
.blue-color {color: #008AD3; }
.yellowcolor {color: #ffc200; }
.gray-hr {width:100%; height:1px; border-top: 1px solid #ececec; display:block; position: relative; float:left;}
.yellow-bg {background: #ffc200; padding:5px 20px; width:auto !important; display:inline-block; }

.stat {height: 10px;}
.green {color: #00A896 !important;}
.green2 {color: #02C39A !important;}
.dark-green {color:#03352b;}
.green2-bg {background: #02C39A !important;}
.bluegreen {color: #028090!important;}
.darkgray {color: #111!important;}

.layout-sidebar-body{ background:#eee; border-right:1px solid #ccc;}
.layout-sidebar {padding-top:15px;}

.thinh3 {    text-align: center;
    font-size: 40px;
    font-weight: 500;
    color: #d9230f!important;
    margin-bottom:0px!important;}

.sidenav-heading { color: #d9230f!important;  font-size: 12px; font-weight: 500; background: #e2e2e2;
    border-bottom: 1px solid #d4d4d4;}
/* .sidenav-heading { color: #d9230f!important;  font-size: 14px; font-weight: 500; background: #e2e2e2;
    border-bottom: 1px solid #d4d4d4;} */
.sidenav-label {font-weight: 500; white-space: normal; font-size:12px;}
.sidenav-icon {display:none;}
.sidenav-collapsed .sidenav-icon {display:block;}
.layout-header {-webkit-box-shadow: 0 2px 20px -2px rgba(0, 0, 0, .5); box-shadow: 0 2px 20px -2px rgba(0, 0, 0, .5); }
.sidenav>li.has-subnav>a:before {line-height: 11px !important;}
.sidenav>li.open>a { background-color: #e2e2e2; color: #333;  }
.sidenav-subnav>li>a {background:transparent; font-size: 10px; color:#333; line-height: 13px;}
.sidenav-subnav>li.hover>a, .sidenav-subnav>li:hover>a {color: #d9230f!important; }

.watermark {background:#fff url(/includes/img/watermark1.png) no-repeat center center; background-attachment:fixed; background-size: cover;}


#showhiddenContacts .hiddenContacts
{
    width:240px;
    height: 300px;
    background: rgba(255,255,255,1);
    position: absolute;
    top:50px;
    right:0;
    z-index:100;
    border: 3px solid #009c5f;
    border-radius: 30px 0px;
    border-top: none;
    opacity:0;
    /* box-shadow: 1px 1px 5px #ddd; */
     -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#showhiddenContacts a:hover + .hiddenContacts {height: 300px !important; opacity:1; -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}

.a-box {border: 1px solid rgba(255,255,255,0.5);
    margin: 10px 5px 5px 5px;
    box-sizing: border-box;
    padding: 5px 5px !important;
    border-radius: 1px;}
.a-box:hover {border: 1px solid rgba(255,255,255,0.5) !important; background: rgba(255,255,255,0.1) !important;}
.a-box img {margin: 0 5px 0 0;}

.square {border: 0px solid #009C5F; overflow: hidden;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.square img {-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.square:hover img {transform: scale(0.8);-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}

.squareright + div {color: #777; -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.squareright:hover + div {color: #028090!important; background: #eee; z-index:100; transform: scale(1.3); -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}

.no-padding {padding:0px; border: 1px solid transparent}
.sq-border {box-sizing: border-box; padding:5px 20px; display: flex;
  align-items: center;
  justify-content: center;}

.tel-numbers {padding:10px 20px;}
.redcolor {color: #d9230f;}

.fur-name {color: #028090!important; font-weight: bold; text-align: center; font-size:18px; margin-bottom: 10px;}
.fur-desc {font-size: 14px;}

.footer {width:100%; min-height: 200px; background: #F6F6F6 url(/includes/img/footer.jpg) repeat-x;}
.easyin {-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;}

.text-left {text-align: left !important;}

.contenttable {}
.contenttable tbody tr:nth-child(odd) {background:#deedef;}
.contenttable tbody tr:nth-child(even) {background:#fbfbfb;}
.contenttable tbody tr td {padding:5px;}
.contenttable tbody tr td:nth-child(even) {color:#028090;}
.contenttable thead tr th {padding:5px ; }


.tabs-left { margin-top: 0rem; }
.vnav-tabs { float: left; border-bottom: 0; }
.vnav-tabs  li { float: none; margin: 0;}
.vnav-tabs a { margin-right: 0; border: 0; background-color: #f5f5f5; padding:5px;}
.vnav-tabs a:hover { background-color: #ccc; }
.vnav-tabs>li.active>a, .vnav-tabs>li.active>a:hover, .vnav-tabs>li.active>a:focus { border:0; }
.tab-content .tab-pane { background-color: #fff;}
.active { display: block; background-color: #ccc;}
.list-group { width: 100%;}
.list-group  .list-group-item { height: 30px;}
.list-group h4, span { line-height: 11px; }

.cursor {cursor: pointer;}

body {background-color: #fff !important}

.font100 {font-weight: 100 !important;}
.font300 {font-weight: 300 !important;}
.font400 {font-weight: 400 !important;}
.font500 {font-weight: 500 !important;}
.font700 {font-weight: 700 !important;}
.font900 {font-weight: 900 !important;}


.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20% !important;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20% !important;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20% !important;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20% !important;
        float: left;
    }
}

.ico-balkony {max-width: 256px;max-height: 256px; background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTUwNi40MzUsMzk1LjEzYzAtMjEuNzY2LTEzLjk1OS00MC4zMjMtMzMuMzkxLTQ3LjIxNXYtMzYuMjYzaDE2LjY5NmM5LjIyLDAsMTYuNjk2LTcuNDc1LDE2LjY5Ni0xNi42OTYgICAgcy03LjQ3NS0xNi42OTYtMTYuNjk2LTE2LjY5NmgtNTAuMDg3VjUwLjA4N0M0MzkuNjUyLDIyLjQ2OSw0MTcuMTgzLDAsMzg5LjU2NSwwaC0yNjcuMTNDOTQuODE3LDAsNzIuMzQ4LDIyLjQ2OSw3Mi4zNDgsNTAuMDg3ICAgIHYyMjguMTc0SDIyLjI2MWMtOS4yMiwwLTE2LjY5Niw3LjQ3NS0xNi42OTYsMTYuNjk2czcuNDc1LDE2LjY5NiwxNi42OTYsMTYuNjk2aDE2LjY5NnYzNi4yNjMgICAgYy0xOS40MzMsNi44OTItMzMuMzkxLDI1LjQ1LTMzLjM5MSw0Ny4yMTVzMTMuOTU5LDQwLjMyMywzMy4zOTEsNDcuMjE1djM2LjI2M0gyMi4yNjFjLTkuMjIsMC0xNi42OTYsNy40NzUtMTYuNjk2LDE2LjY5NiAgICBTMTMuMDQsNTEyLDIyLjI2MSw1MTJoNDY3LjQ3OGM5LjIyLDAsMTYuNjk2LTcuNDc1LDE2LjY5Ni0xNi42OTZzLTcuNDc1LTE2LjY5Ni0xNi42OTYtMTYuNjk2aC0xNi42OTZ2LTM2LjI2MyAgICBDNDkyLjQ3Niw0MzUuNDU0LDUwNi40MzUsNDE2Ljg5Niw1MDYuNDM1LDM5NS4xM3ogTTEwNS43MzksNTAuMDg3YzAtOS4yMDYsNy40OS0xNi42OTYsMTYuNjk2LTE2LjY5NmgyNjcuMTMgICAgYzkuMjA2LDAsMTYuNjk2LDcuNDksMTYuNjk2LDE2LjY5NnYyMjguMTc0SDM3Mi44N1Y4My40NzhjMC05LjIyLTcuNDc1LTE2LjY5Ni0xNi42OTYtMTYuNjk2SDE1NS44MjYgICAgYy05LjIyLDAtMTYuNjk2LDcuNDc1LTE2LjY5NiwxNi42OTZ2MTk0Ljc4M2gtMzMuMzkxVjUwLjA4N3ogTTI3Mi42OTYsMTY2Ljk1N3YtNjYuNzgzaDY2Ljc4M3Y2Ni43ODNIMjcyLjY5NnogTTMzOS40NzgsMjAwLjM0OCAgICB2NzcuOTEzaC02Ni43ODN2LTc3LjkxM0gzMzkuNDc4eiBNMTcyLjUyMiwxNjYuOTU3di02Ni43ODNoNjYuNzgzdjY2Ljc4M0gxNzIuNTIyeiBNMjM5LjMwNCwyMDAuMzQ4djc3LjkxM2gtNjYuNzgzdi03Ny45MTMgICAgSDIzOS4zMDR6IE01NS42NTIsNDExLjgyNmMtOS4yMDYsMC0xNi42OTYtNy40OS0xNi42OTYtMTYuNjk2czcuNDktMTYuNjk2LDE2LjY5Ni0xNi42OTZjOS4yMDYsMCwxNi42OTYsNy40OSwxNi42OTYsMTYuNjk2ICAgIFM2NC44NTgsNDExLjgyNiw1NS42NTIsNDExLjgyNnogTTE3Mi41MjIsNDc4LjYwOUgxMzkuMTN2LTE2LjY5NmMwLTkuMjItNy40NzUtMTYuNjk2LTE2LjY5Ni0xNi42OTYgICAgYy05LjIyLDAtMTYuNjk2LDcuNDc1LTE2LjY5NiwxNi42OTZ2MTYuNjk2SDcyLjM0OHYtMzYuMjYzYzE5LjQzMy02Ljg5MiwzMy4zOTEtMjUuNDUsMzMuMzkxLTQ3LjIxNSAgICBzLTEzLjk1OS00MC4zMjMtMzMuMzkxLTQ3LjIxNXYtMzYuMjYzYzEyLjA4MywwLDIxLjMwOCwwLDMzLjM5MSwwdjE2LjY5NmMwLDkuMjIsNy40NzUsMTYuNjk2LDE2LjY5NiwxNi42OTYgICAgYzkuMjIsMCwxNi42OTYtNy40NzUsMTYuNjk2LTE2LjY5NnYtMTYuNjk2YzEyLjA4MywwLDIxLjMwOCwwLDMzLjM5MSwwdjM2LjI2M2MtMTkuNDMzLDYuODkyLTMzLjM5MSwyNS40NS0zMy4zOTEsNDcuMjE1ICAgIHMxMy45NTksNDAuMzIzLDMzLjM5MSw0Ny4yMTVWNDc4LjYwOXogTTE4OS4yMTcsNDExLjgyNmMtOS4yMDYsMC0xNi42OTYtNy40OS0xNi42OTYtMTYuNjk2czcuNDktMTYuNjk2LDE2LjY5Ni0xNi42OTYgICAgczE2LjY5Niw3LjQ5LDE2LjY5NiwxNi42OTZTMTk4LjQyMyw0MTEuODI2LDE4OS4yMTcsNDExLjgyNnogTTMwNi4wODcsNDc4LjYwOWgtMzMuMzkxdi0xNi42OTYgICAgYzAtOS4yMi03LjQ3NS0xNi42OTYtMTYuNjk2LTE2LjY5NmMtOS4yMiwwLTE2LjY5Niw3LjQ3NS0xNi42OTYsMTYuNjk2djE2LjY5NmgtMzMuMzkxdi0zNi4yNjMgICAgYzE5LjQzMy02Ljg5MiwzMy4zOTEtMjUuNDUsMzMuMzkxLTQ3LjIxNXMtMTMuOTU5LTQwLjMyMy0zMy4zOTEtNDcuMjE1di0zNi4yNjNoMzMuMzkxdjE2LjY5NmMwLDkuMjIsNy40NzUsMTYuNjk2LDE2LjY5NiwxNi42OTYgICAgYzkuMjIsMCwxNi42OTYtNy40NzUsMTYuNjk2LTE2LjY5NnYtMTYuNjk2aDMzLjM5MXYzNi4yNjNjLTE5LjQzMyw2Ljg5Mi0zMy4zOTEsMjUuNDUtMzMuMzkxLDQ3LjIxNXMxMy45NTksNDAuMzIzLDMzLjM5MSw0Ny4yMTUgICAgVjQ3OC42MDl6IE0zMjIuNzgzLDQxMS44MjZjLTkuMjA2LDAtMTYuNjk2LTcuNDktMTYuNjk2LTE2LjY5NnM3LjQ5LTE2LjY5NiwxNi42OTYtMTYuNjk2YzkuMjA2LDAsMTYuNjk2LDcuNDksMTYuNjk2LDE2LjY5NiAgICBTMzMxLjk4OSw0MTEuODI2LDMyMi43ODMsNDExLjgyNnogTTQzOS42NTIsNDc4LjYwOWgtMzMuMzkxdi0xNi42OTZjMC05LjIyLTcuNDc1LTE2LjY5Ni0xNi42OTYtMTYuNjk2ICAgIGMtOS4yMiwwLTE2LjY5Niw3LjQ3NS0xNi42OTYsMTYuNjk2djE2LjY5NmgtMzMuMzkxdi0zNi4yNjNjMTkuNDMzLTYuODkyLDMzLjM5MS0yNS40NSwzMy4zOTEtNDcuMjE1ICAgIHMtMTMuOTU5LTQwLjMyMy0zMy4zOTEtNDcuMjE1di0zNi4yNjNjMTIuMDgzLDAsMjEuMzA4LDAsMzMuMzkxLDB2MTYuNjk2YzAsOS4yMiw3LjQ3NSwxNi42OTYsMTYuNjk2LDE2LjY5NiAgICBjOS4yMiwwLDE2LjY5Ni03LjQ3NSwxNi42OTYtMTYuNjk2di0xNi42OTZjMTIuMDgzLDAsMjEuMzA4LDAsMzMuMzkxLDB2MzYuMjYzYy0xOS40MzMsNi44OTItMzMuMzkxLDI1LjQ1LTMzLjM5MSw0Ny4yMTUgICAgczEzLjk1OSw0MC4zMjMsMzMuMzkxLDQ3LjIxNVY0NzguNjA5eiBNNDU2LjM0OCw0MTEuODI2Yy05LjIwNiwwLTE2LjY5Ni03LjQ5LTE2LjY5Ni0xNi42OTZzNy40OS0xNi42OTYsMTYuNjk2LTE2LjY5NiAgICBjOS4yMDYsMCwxNi42OTYsNy40OSwxNi42OTYsMTYuNjk2UzQ2NS41NTQsNDExLjgyNiw0NTYuMzQ4LDQxMS44MjZ6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) no-repeat center; }
.ico-window {max-width: 256px;max-height: 256px; background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTQ4Ni43OTQsNDU0LjM0NGgtMjIuOTE5VjEwLjE5OUM0NjMuODc1LDQuNTY3LDQ1OS4zMDksMCw0NTMuNjc2LDBINTguMzI0Yy01LjYzMywwLTEwLjE5OSw0LjU2Ny0xMC4xOTksMTAuMTk5djQ0NC4xNDUgICAgSDI1LjIwNmMtNS42MzMsMC0xMC4xOTksNC41NjctMTAuMTk5LDEwLjE5OXYzNy4yNThjMCw1LjYzMiw0LjU2NiwxMC4xOTksMTAuMTk5LDEwLjE5OWg0NjEuNTg3ICAgIGM1LjYzMywwLDEwLjE5OS00LjU2NywxMC4xOTktMTAuMTk5di0zNy4yNThDNDk2Ljk5Myw0NTguOTEsNDkyLjQyNyw0NTQuMzQ0LDQ4Ni43OTQsNDU0LjM0NHogTTY4LjUyMywyMC4zOThoMzc0Ljk1M3Y0MzMuOTQ2ICAgIEg2OC41MjNWMjAuMzk4eiBNNDc2LjU5NCw0OTEuNjAySDM1LjQwNnYtMTYuODU5aDQ0MS4xODlWNDkxLjYwMnoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yMzcuMzcxLDQwLjM2M0g5NS41ODNjLTUuNjMzLDAtMTAuMTk5LDQuNTY3LTEwLjE5OSwxMC4xOTl2Mzc1LjY4N2MwLDUuNjMyLDQuNTY2LDEwLjE5OSwxMC4xOTksMTAuMTk5aDE0MS43ODggICAgYzUuNjMzLDAsMTAuMTk5LTQuNTY3LDEwLjE5OS0xMC4xOTlWNTAuNTYzQzI0Ny41Nyw0NC45MzEsMjQzLjAwNCw0MC4zNjMsMjM3LjM3MSw0MC4zNjN6IE0xMDUuNzgyLDYwLjc2Mmg5OS44NDIgICAgYy0zLjI1Nyw2MS4zOTEtMTkuNTEsMjE1LjU0NS05OS44NDIsMzAwLjQ5M1Y2MC43NjJ6IE0xMDUuNzgyLDQxNi4wNXYtMjYuNDU2YzQzLjk3LTM4Ljc2Niw3Ni44NDUtOTguNzk2LDk3Ljc0Mi0xNzguNTM5ICAgIGMxNS42MjQtNTkuNjE4LDIwLjgyLTExNi42MzMsMjIuNTI5LTE1MC4yOTNoMS4xMThWNDE2LjA1SDEwNS43ODJ6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMTcxLjEzNCw3OC42NTZjLTUuNjMzLDAtMTAuMTk5LDQuNTY3LTEwLjE5OSwxMC4xOTl2MzEuMDQ4YzAsNS42MzIsNC41NjYsMTAuMTk5LDEwLjE5OSwxMC4xOTkgICAgYzUuNjMzLDAsMTAuMTk5LTQuNTY3LDEwLjE5OS0xMC4xOTlWODguODU1QzE4MS4zMzQsODMuMjIzLDE3Ni43NjYsNzguNjU2LDE3MS4xMzQsNzguNjU2eiIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTEzMy44NzYsNzcuNjIxYy01LjYzMywwLTEwLjE5OSw0LjU2Ny0xMC4xOTksMTAuMTk5djEzMy41MDhjMCw1LjYzMiw0LjU2NiwxMC4xOTksMTAuMTk5LDEwLjE5OSAgICBjNS42MzMsMCwxMC4xOTktNC41NjcsMTAuMTk5LTEwLjE5OVY4Ny44MkMxNDQuMDc1LDgyLjE4OCwxMzkuNTA5LDc3LjYyMSwxMzMuODc2LDc3LjYyMXoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik00MTYuNDE3LDQwLjM2M0gyNzQuNjI5Yy01LjYzMywwLTEwLjE5OSw0LjU2Ny0xMC4xOTksMTAuMTk5djM3NS42ODdjMCw1LjYzMiw0LjU2NiwxMC4xOTksMTAuMTk5LDEwLjE5OWgxNDEuNzg4ICAgIGM1LjYzMywwLDEwLjE5OS00LjU2NywxMC4xOTktMTAuMTk5VjUwLjU2M0M0MjYuNjE2LDQ0LjkzMSw0MjIuMDUsNDAuMzYzLDQxNi40MTcsNDAuMzYzeiBNNDA2LjIxNyw0MTYuMDVIMjg0LjgyOFY2MC43NjJoMS4xMTggICAgYzEuNzA5LDMzLjY2LDYuOTA2LDkwLjY3NSwyMi41MjksMTUwLjI5M2MyMC44OTgsNzkuNzQyLDUzLjc3MywxMzkuNzcyLDk3Ljc0MiwxNzguNTM5VjQxNi4wNXogTTQwNi4yMTgsMzYxLjI1NSAgICBjLTgwLjMzMi04NC45NDgtOTYuNTg1LTIzOS4xMDItOTkuODQyLTMwMC40OTNoOTkuODQyVjM2MS4yNTV6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzQwLjg2Niw3OC42NTZjLTUuNjMzLDAtMTAuMTk5LDQuNTY3LTEwLjE5OSwxMC4xOTl2MzEuMDQ4YzAsNS42MzIsNC41NjYsMTAuMTk5LDEwLjE5OSwxMC4xOTkgICAgYzUuNjMzLDAsMTAuMTk5LTQuNTY3LDEwLjE5OS0xMC4xOTlWODguODU1QzM1MS4wNjUsODMuMjIzLDM0Ni40OTksNzguNjU2LDM0MC44NjYsNzguNjU2eiIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTM3OC4xMjQsMjA1Ljk1NmMtNS42MzMsMC0xMC4xOTksNC41NjctMTAuMTk5LDEwLjE5OXY1LjE3NGMwLDUuNjMyLDQuNTY2LDEwLjE5OSwxMC4xOTksMTAuMTk5ICAgIHMxMC4xOTktNC41NjcsMTAuMTk5LTEwLjE5OXYtNS4xNzRDMzg4LjMyMywyMTAuNTIyLDM4My43NTcsMjA1Ljk1NiwzNzguMTI0LDIwNS45NTZ6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzc4LjEyNCw3Ny42MjFjLTUuNjMzLDAtMTAuMTk5LDQuNTY3LTEwLjE5OSwxMC4xOTl2OTUuMjE1YzAsNS42MzIsNC41NjYsMTAuMTk5LDEwLjE5OSwxMC4xOTkgICAgczEwLjE5OS00LjU2NywxMC4xOTktMTAuMTk5Vjg3LjgyQzM4OC4zMjMsODIuMTg4LDM4My43NTcsNzcuNjIxLDM3OC4xMjQsNzcuNjIxeiIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) no-repeat center;}
.ico-door {max-width: 256px;max-height: 256px; background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzYyLjE5MywzOC41MjdIMTIzLjk1NWMtNC4xOTksMC03LjYwNCwzLjQwNS03LjYwNCw3LjYwNHY4NS41NzNjMCw0LjE5OSwzLjQwNSw3LjYwNCw3LjYwNCw3LjYwNCAgICBzNy42MDQtMy40MDUsNy42MDQtNy42MDRWNTMuNzM1aDIyMy4wM3YxODQuMjg5aC0yMjMuMDN2LTcwLjgzMmMwLTQuMTk5LTMuNDA1LTcuNjA0LTcuNjA0LTcuNjA0ICAgIGMtNC4xOTksMC03LjYwNCwzLjQwNS03LjYwNCw3LjYwNHY3OC40MzZjMCw0LjE5OSwzLjQwNSw3LjYwNCw3LjYwNCw3LjYwNGgyMzguMjM4YzQuMTk5LDAsNy42MDQtMy40MDUsNy42MDQtNy42MDRWNDYuMTMxICAgIEMzNjkuNzk3LDQxLjkzMSwzNjYuMzkzLDM4LjUyNywzNjIuMTkzLDM4LjUyN3oiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zNjIuMTkzLDMwOS40OTZIMTIzLjk1NWMtNC4xOTksMC03LjYwNCwzLjQwNS03LjYwNCw3LjYwNHYxNDguNzY5YzAsNC4xOTksMy40MDUsNy42MDQsNy42MDQsNy42MDRoMTkwLjk1NyAgICBjNC4xOTksMCw3LjYwNC0zLjQwNSw3LjYwNC03LjYwNHMtMy40MDUtNy42MDQtNy42MDQtNy42MDRIMTMxLjU1OVYzMjQuNzA0aDIyMy4wM3YxMzMuNTYxaC00LjE5MSAgICBjLTQuMTk5LDAtNy42MDQsMy40MDUtNy42MDQsNy42MDRzMy40MDUsNy42MDQsNy42MDQsNy42MDRoMTEuNzk1YzQuMTk5LDAsNy42MDQtMy40MDUsNy42MDQtNy42MDRWMzE3LjEgICAgQzM2OS43OTcsMzEyLjksMzY2LjM5MywzMDkuNDk2LDM2Mi4xOTMsMzA5LjQ5NnoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0xOTguNDY0LDI3My41MDZIMTYwLjY2Yy0zLjEzOS04Ljg1LTExLjU5MS0xNS4yMDgtMjEuNTAzLTE1LjIwOGMtMTIuNTc4LDAtMjIuODExLDEwLjIzNC0yMi44MTEsMjIuODEyICAgIGMwLDEyLjU3OCwxMC4yMzMsMjIuODExLDIyLjgxMSwyMi44MTFjOS45MTMsMCwxOC4zNjQtNi4zNTgsMjEuNTAzLTE1LjIwN2gzNy44MDVjNC4xOTksMCw3LjYwNC0zLjQwNCw3LjYwNC03LjYwNCAgICBTMjAyLjY2NCwyNzMuNTA2LDE5OC40NjQsMjczLjUwNnogTTEzOS4xNTcsMjg4LjcxM2MtNC4xOTIsMC03LjYwMy0zLjQxMS03LjYwMy03LjYwM2MwLTQuMTkzLDMuNDExLTcuNjA0LDcuNjAzLTcuNjA0ICAgIGM0LjE5MiwwLDcuNjA0LDMuNDExLDcuNjA0LDcuNjA0QzE0Ni43NiwyODUuMzAzLDE0My4zNSwyODguNzEzLDEzOS4xNTcsMjg4LjcxM3oiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik00MjYuNTcyLDE2Mi40NzZjNC4xOTksMCw3LjYwNC0zLjQwNCw3LjYwNC03LjYwNFY3OC44MzdjMC00LjItMy40MDUtNy42MDQtNy42MDQtNy42MDRoLTE4LjI0OFY3LjYwNCAgICBjMC00LjItMy40MDUtNy42MDQtNy42MDQtNy42MDRIODUuNDI4Yy00LjE5OSwwLTcuNjA0LDMuNDA0LTcuNjA0LDcuNjA0djQ5Ni43OTJjMCw0LjIsMy40MDUsNy42MDQsNy42MDQsNy42MDRINDAwLjcyICAgIGM0LjE5OSwwLDcuNjA0LTMuNDA0LDcuNjA0LTcuNjA0di02My42MjloMTguMjQ4YzQuMTk5LDAsNy42MDQtMy40MDQsNy42MDQtNy42MDR2LTc2LjAzNmMwLTQuMi0zLjQwNS03LjYwNC03LjYwNC03LjYwNGgtMTguMjQ4ICAgIFYxNjIuNDc2SDQyNi41NzJ6IE00MDguMzI0LDg2LjQ0MWgxMC42NDV2NjAuODI4aC0xMC42NDVWODYuNDQxeiBNMzkzLjExNiw3OC44Mzd2NzYuMDM2djIwMi4yNTV2NzYuMDM2djYzLjYyOUg5My4wMzJWMTUuMjA4ICAgIGgzMDAuMDg0Vjc4LjgzN3ogTTQxOC45NjgsMzY0LjczMnY2MC44MjhoLTEwLjY0NXYtNjAuODI4SDQxOC45Njh6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) no-repeat center;}
.ico-roof {max-width: 256px;max-height: 256px; background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTEuOTk3IDUxMS45OTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMS45OTcgNTExLjk5NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik01MTEuOTY2LDM4OC43OTJjMC0wLjE0MSwwLTAuMjY2LTAuMDE2LTAuNDA2Yy0wLjAxNi0wLjA5NC0wLjAxNi0wLjE4OC0wLjAzMS0wLjI4MSAgICBjLTAuMDE2LTAuMTU2LTAuMDQ3LTAuMjk3LTAuMDYyLTAuNDUzYy0wLjAxNi0wLjA3OC0wLjAxNi0wLjE1Ni0wLjA0Ny0wLjIzNGMtMC4wMzEtMC4yMTktMC4wNzgtMC40NTMtMC4xMjUtMC42NzIgICAgTDQzNi45OTcsODguMDg0Yy0xLjE3Mi00Ljc1LTUuNDM4LTguMDg2LTEwLjM0NC04LjA4Nkg4NS4zMjljLTQuODkxLDAtOS4xNTYsMy4zMzYtMTAuMzQ0LDguMDg2TDAuMzEzLDM4Ni43NDUgICAgYy0wLjA2MiwwLjIxOS0wLjA5NCwwLjQ1My0wLjE0MSwwLjY3MmMtMC4wMTYsMC4wNzgtMC4wMTYsMC4xNTYtMC4wNDcsMC4yNWMtMC4wMTYsMC4xNDEtMC4wMzEsMC4yODEtMC4wNjIsMC40MzggICAgYzAsMC4wOTQtMC4wMTYsMC4xODgtMC4wMzEsMC4yODFjMCwwLjE0MS0wLjAxNiwwLjI2Ni0wLjAxNiwwLjQwNkMwLDM4OC44ODYsMCwzODguOTk1LDAsMzg5LjA4OWMwLDAuMDc4LDAsMC4xNTYsMCwwLjIzNHYzMiAgICBjMCwzLjQ1MywxLjY3Miw2LjcwMyw0LjQ4NCw4LjcwM2MyLjgyOCwyLDYuNDM4LDIuNTE2LDkuNzAzLDEuMzc1bDU3LjU2Mi0yMC4xMDlsNTguMDkzLDIwLjEwOWMyLjI1LDAuNzk3LDQuNzE5LDAuNzgxLDcsMCAgICBsNTcuODEyLTIwLjEwOWw1Ny44NDMsMjAuMTA5YzIuMjUsMC43OTcsNC43MzQsMC43OTcsNywwbDU3LjgyOC0yMC4xMDlsNTcuODI3LDIwLjEwOWMyLjI4MSwwLjc5Nyw0Ljc1LDAuNzk3LDcsMGw1Ny44NDMtMjAuMTA5ICAgIGw1Ny44MjgsMjAuMTA5YzEuMTQxLDAuMzkxLDIuMzI4LDAuNTk0LDMuNSwwLjU5NGMyLjE4OCwwLDQuMzU5LTAuNjcyLDYuMTcyLTEuOTY5YzIuODI4LTIsNC41LTUuMjUsNC41LTguNzAzdi0zMiAgICBjMC4wMDItMC4wNzgsMC4wMDItMC4xNTYsMC4wMDItMC4yMzRDNTExLjk4MSwzODguOTk1LDUxMS45ODEsMzg4Ljg4Niw1MTEuOTY2LDM4OC43OTJ6IE00ODYuMTg0LDM3Mi43NzdsLTQyLjY4OC0xNC44NTkgICAgYy0yLjI2Ni0wLjc4MS00LjczNC0wLjc4MS03LDBsLTQ4Ljg4OSwxNi45OTlsLTEwLjYwOS04NC45NjlsNDMuNTkzLTE1LjA3Nmw0NS4xMDksMTUuOTM2TDQ4Ni4xODQsMzcyLjc3N3ogTTQ0MS43MTYsMTk0Ljg3MiAgICBsMTcuNzgxLDcxLjEyNWwtMzUuMzI4LTEyLjQ3N2MtMi4yNjYtMC44MDUtNC43NjYtMC44MTItNy4wNDctMC4wMjNsLTQyLjg0MywxNC44MmwtOS4yOTctNzQuNDI5bDM2LjU0Ny0xMi44MDVMNDQxLjcxNiwxOTQuODcyeiAgICAgTTQxOC4zNDEsMTAxLjMzM2wxNy4yMTksNjguODc1bC0zMC41OTMtMTAuNWMtMi4yODEtMC43ODEtNC43MzQtMC43NzMtNywwLjAyM2wtMzUuNjg4LDEyLjVsLTguODc1LTcwLjg5OEg0MTguMzQxeiAgICAgTTI2Ni42NTUsMTAxLjMzNGMwLDAsNjUuMjUsMCw2NS4yNSwwbDguNzE5LDY5LjY1NmwtMzIuNjU2LTExLjI3M2MtMi4yNS0wLjc4MS00LjcxOS0wLjc4MS02Ljk2OSwwLjAwOGwtMzQuMzQ0LDExLjkzN1YxMDEuMzM0eiAgICAgTTI2Ni42NTQsMTk0LjI0OEwyNjYuNjU0LDE5NC4yNDhsMzcuODQ1LTEzLjE2NGwzOS4wNjIsMTMuNWw5LjA0Niw3Mi4yOTZsLTM4LjIxOC0xMy4zNjdjLTIuMjY2LTAuNzk3LTQuNzUtMC43OTctNy4wMTYtMC4wMDggICAgbC00MC43MTksMTQuMTU2VjE5NC4yNDh6IE0yNjYuNjU0LDI5MC4yNDVMMjY2LjY1NCwyOTAuMjQ1bDQ0LjIwNC0xNS4zNzNsNDQuNzAyLDE1LjYzOWwxMC4zNzUsODMuMDk0bC00NS4wOTMtMTUuNjg4ICAgIGMtMi4yODEtMC43ODEtNC43NS0wLjc4MS03LjAxNiwwbC00Ny4xNzIsMTYuNDA2VjI5MC4yNDV6IE0xODAuMDc3LDEwMS4zMzRoNjUuMjV2NzAuMzI4bC0zNC4zMjgtMTEuOTM3ICAgIGMtMi4yNS0wLjc4OS00LjcxOS0wLjc4OS02Ljk4NC0wLjAwOGwtMzIuNjQxLDExLjI3M0wxODAuMDc3LDEwMS4zMzR6IE0yNDUuMzI4LDI5MC4yNDZ2ODQuMDc4bC00Ny4xNzItMTYuNDA3ICAgIGMtMi4yNS0wLjc4MS00LjcxOS0wLjc4MS03LDBsLTQ1LjEwOSwxNS42ODhsMTAuMzkxLTgzLjA2Mmw0NC42ODctMTUuNjdMMjQ1LjMyOCwyOTAuMjQ2eiBNMTY4LjQyMSwxOTQuNTgzbDM5LjA2Mi0xMy41ICAgIGwzNy44NDMsMTMuMTY0djczLjQxNGwtNDAuNzAzLTE0LjE1NmMtMi4yODEtMC43ODktNC43NS0wLjc4OS03LjAzMSwwLjAwOGwtMzguMjE4LDEzLjM5MUwxNjguNDIxLDE5NC41ODN6IE05My42NTcsMTAxLjMzNCAgICBoNjQuOTIxbC04Ljg1OSw3MC44OThsLTM1LjY4OC0xMi41Yy0yLjI2Ni0wLjc5Ny00LjczNC0wLjgwNS03LTAuMDIzbC0zMC41OTMsMTAuNUw5My42NTcsMTAxLjMzNHogTTcwLjI4MiwxOTQuODczICAgIGw0MC4xODctMTMuNzg5TDE0NywxOTMuODg5bC05LjI4MSw3NC40MDZsLTQyLjg3NS0xNC43OTdjLTIuMjgxLTAuNzg5LTQuNzUtMC43ODEtNy4wMzEsMC4wMjNsLTM1LjMxMiwxMi40NzdMNzAuMjgyLDE5NC44NzN6ICAgICBNNDYuMjgyLDI5MC44MDdsNDUuMTI1LTE1LjkzNkwxMzUsMjg5LjkxNmwtMTAuNjI1LDg1LjAxNmwtNDkuMTQtMTcuMDE1Yy0xLjE0MS0wLjM5MS0yLjMxMi0wLjU5NC0zLjQ4NC0wLjU5NCAgICBjLTEuMTg4LDAtMi4zOTEsMC4yMDMtMy41MzEsMC41OTRsLTQyLjQwNiwxNC44MjhMNDYuMjgyLDI5MC44MDd6IE00OTAuNjUxLDQwNi4zMjVsLTQ3LjE1NC0xNi40MDhjLTIuMjY2LTAuNzgxLTQuNzM0LTAuNzgxLTcsMCAgICBsLTU3Ljg0MywyMC4xMDlsLTU3LjgxMi0yMC4xMDljLTIuMjgxLTAuNzgxLTQuNzUtMC43ODEtNy4wMTYsMGwtNTcuODI3LDIwLjEwOWwtNTcuODQzLTIwLjEwOWMtMi4yNS0wLjc4MS00LjcxOS0wLjc4MS03LDAgICAgbC01Ny44NDMsMjAuMTI1bC01OC4wNzgtMjAuMTI1Yy0xLjE0MS0wLjM5MS0yLjMxMi0wLjU5NC0zLjQ4NC0wLjU5NGMtMS4xODgsMC0yLjM5MSwwLjIwMy0zLjUzMSwwLjU5NGwtNDYuODksMTYuMzkxdi05LjQwNiAgICBsNTAuNDIxLTE3LjYwOWw1OC4wOTMsMjAuMTA5djAuMDE2YzAuMTI1LDAuMDMxLDAuMjE5LDAuMDYyLDAuMzI4LDAuMDk0YzAuMjAzLDAuMDYyLDAuNDIyLDAuMTI1LDAuNjQxLDAuMTcyICAgIGMwLjEyNSwwLjAzMSwwLjI1LDAuMDYyLDAuMzc1LDAuMDc4YzAuMjAzLDAuMDQ3LDAuNDIyLDAuMDk0LDAuNjI1LDAuMTI1YzAuMDYyLDAsMC4xMjUsMC4wMTYsMC4xODgsMC4wMzEgICAgYzAuMTA5LDAuMDE2LDAuMjE5LDAuMDE2LDAuMzEyLDAuMDMxYzAuMDc4LDAsMC4xNDEsMCwwLjIxOSwwLjAxNmMwLjI2NiwwLjAxNiwwLjUzMSwwLjAzMSwwLjgxMiwwLjAzMSAgICBjMC4xNzIsMCwwLjM0NC0wLjAxNiwwLjUzMS0wLjAzMWMwLjEyNSwwLDAuMjUsMCwwLjM3NS0wLjAxNmMwLjE4OC0wLjAxNiwwLjM3NS0wLjA0NywwLjU3OC0wLjA2MiAgICBjMC4xMDktMC4wMTYsMC4yMTktMC4wMzEsMC4zMjgtMC4wNDdjMC4xODgtMC4wMzEsMC4zNzUtMC4wNzgsMC41NjItMC4xMjVjMC4xMjUtMC4wMzEsMC4yMzQtMC4wNDcsMC4zNDQtMC4wNzggICAgYzAuMTg4LTAuMDQ3LDAuMzQ0LTAuMTA5LDAuNTMxLTAuMTU2YzAuMDc4LTAuMDMxLDAuMTU2LTAuMDQ3LDAuMjUtMC4wNzhsNTcuODEyLTIwLjEwOWw1Ny44NDMsMjAuMTA5ICAgIGMwLjAzMSwwLjAxNiwwLjA5NCwwLjAzMSwwLjE0MSwwLjA0N2MwLjE0MSwwLjA0NywwLjI5NywwLjA5NCwwLjQ1MywwLjE0MWMwLjE3MiwwLjA0NywwLjM0NCwwLjA3OCwwLjUsMC4xMjUgICAgYzAuMTU2LDAuMDMxLDAuMjk3LDAuMDYyLDAuNDM4LDAuMDk0YzAuMjAzLDAuMDMxLDAuNDA2LDAuMDYyLDAuNTk0LDAuMDk0YzAuMTI1LDAuMDE2LDAuMjUsMC4wMzEsMC4zNzUsMC4wNDcgICAgYzAuMzQ0LDAuMDMxLDAuNjU2LDAuMDQ3LDEsMC4wNDdjMC4zMjgsMCwwLjY1Ni0wLjAxNiwwLjk4NC0wLjA0N2MwLjE0MS0wLjAxNiwwLjI1LTAuMDMxLDAuMzc1LTAuMDQ3ICAgIGMwLjIwMy0wLjAzMSwwLjM5MS0wLjA2MiwwLjU5NC0wLjA5NGMwLjE0MS0wLjAzMSwwLjI5Ny0wLjA2MiwwLjQ1My0wLjA5NGMwLjE1Ni0wLjA0NywwLjMxMi0wLjA3OCwwLjQ4NC0wLjEyNSAgICBjMC4xNTYtMC4wNDcsMC4zMTItMC4wOTQsMC40NjktMC4xNDFjMC4wNDctMC4wMTYsMC4wOTQtMC4wMzEsMC4xNDEtMC4wNDdsNTcuODI4LTIwLjEwOWw1Ny44MjcsMjAuMTA5ICAgIGMwLjA5NCwwLjAzMSwwLjE1NiwwLjA0NywwLjI1LDAuMDc4YzAuMTcyLDAuMDQ3LDAuMzQ0LDAuMTA5LDAuNTMxLDAuMTU2YzAuMTA5LDAuMDMxLDAuMjE5LDAuMDQ3LDAuMzQ0LDAuMDc4ICAgIGMwLjE4OCwwLjA0NywwLjM3NSwwLjA5NCwwLjU2MiwwLjEyNWMwLjEwOSwwLjAxNiwwLjIxOSwwLjAzMSwwLjM0NCwwLjA0N2MwLjE4OCwwLjAzMSwwLjM3NSwwLjA0NywwLjU2MiwwLjA2MiAgICBjMC4xNTYsMC4wMTYsMC4zNDQsMC4wMTYsMC41LDAuMDMxYzAuMTI1LDAsMC4yNjYsMC4wMTYsMC40MDYsMC4wMTZjMC4yNjYsMCwwLjUzMS0wLjAxNiwwLjgxMi0wLjAzMSAgICBjMC4wNjItMC4wMTYsMC4xNTYtMC4wMTYsMC4yMzQtMC4wMzFjMC4wOTQsMCwwLjE4OC0wLjAxNiwwLjI4MS0wLjAxNmMwLjA2Mi0wLjAxNiwwLjEwOS0wLjAzMSwwLjE3Mi0wLjAzMSAgICBjMC4yMTktMC4wMzEsMC40NTMtMC4wNzgsMC42NzItMC4xMjVjMC4xMDktMC4wMTYsMC4yMzQtMC4wNDcsMC4zNTktMC4wNzhjMC4yMDMtMC4wNDcsMC40MjItMC4xMDksMC42MjUtMC4xNzIgICAgYzAuMTI1LTAuMDMxLDAuMjE5LTAuMDYyLDAuMzQ0LTAuMTA5bDU3Ljg0My0yMC4xMDlsNTAuNjU2LDE3LjYyNVY0MDYuMzI1eiIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) no-repeat center;}
.ico-gdoor {max-width: 256px;max-height: 256px; background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4OS4yMjkgNDg5LjIyOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDg5LjIyOSA0ODkuMjI5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxwYXRoIGQ9Ik00ODIuODA3LDE1Mi40OEwyNDkuNjkxLDM3Ljc4NmMtMy4yMDItMS41NzYtNi45NTMtMS41NzYtMTAuMTU0LDBMNi40MjMsMTUyLjQ4QzIuNDkxLDE1NC40MTUsMCwxNTguNDE2LDAsMTYyLjc5OXYyNjcuNzUyICBjMCwxMi4xNzIsOS45MDMsMjIuMDc1LDIyLjA3NSwyMi4wNzVoNDQ1LjA3OGMxMi4xNzMsMCwyMi4wNzYtOS45MDMsMjIuMDc2LTIyLjA3NVYxNjIuNzk5ICBDNDg5LjIyOSwxNTguNDE2LDQ4Ni43MzgsMTU0LjQxNSw0ODIuODA3LDE1Mi40OHogTTM4NS4xMTQsMzA1LjEzOWgtMjgxdi0zOS41MDdoMjgxVjMwNS4xMzl6IE0xMDQuMTE0LDMyOC4xMzloMjgxdjM5LjUwOGgtMjgxICBWMzI4LjEzOXogTTM4NS4xMTQsMjQyLjYzM2gtMjgxdi00MS4wMDdoMjgxVjI0Mi42MzN6IE0xMDQuMTE0LDM5MC42NDdoMjgxdjM4Ljk3OWgtMjgxVjM5MC42NDd6IE00NjYuMjI5LDQyOS42MjZoLTU4LjExNXYtMjM5LjUgIGMwLTYuMzUyLTUuMTQ4LTExLjUtMTEuNS0xMS41aC0zMDRjLTYuMzUxLDAtMTEuNSw1LjE0OC0xMS41LDExLjV2MjM5LjVIMjNWMTY5Ljk1N0wyNDQuNjE0LDYwLjkyMWwyMjEuNjE1LDEwOS4wMzZWNDI5LjYyNnoiIGZpbGw9IiMwMDAwMDAiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) no-repeat center;}



.pageWrapper { position: relative; width:100%; -webkit-transition: right .4s ease; transition: right .4s ease; right: 0px; }
.menuContainer { position: fixed; width: 250px; height: 100vh; top: 0; right: -250px; z-index: 999;
    background-color: #b8b7b1; overflow-y: scroll;
    overflow-x: hidden; padding: 10px; -webkit-transition: left .4s ease; transition: left .4s ease;}

/* Контакти */
.contacts-department-wrapper{
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 40px;
}
.contacts-department-title{
  font-size: 28px;
  font-family: Intro, sans-serif;
  color: #000;
  text-align: center;
  margin-bottom: 30px;
  position: relative;
}
.contacts-department-title:after {content:""; position: absolute; top: 50%; z-index: 0; border-bottom: 1px solid #da251c; width: 100%; left: 0}
.contacts-department-title span {background: #fff; padding: 10px 10%; position: relative; z-index: 1;}
.contacts-department-personal-wrapper{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 20px 0;
  justify-content: center;
}
.contacts-personal{
  flex: 0 0 25%;
  min-width: 200px;
  width: 25%;
  flex-direction: column;
  color: #000;
  font-size: 16px;
  text-align: center;
  margin-bottom: 30px
}
.contacts-personal-name{
  font-size: 18px;
  font-weight: 900;
  font-family: Intro;
}
.contacts-personal-phone{
  font-weight: 900;
  color: #da251c;
}
.contacts-personal-position{
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px
}
.contacts-personal-image{
  position: relative;
  justify-content: center;
  z-index: 2;
  width: 100%;
  display: flex;
  margin-bottom: 20px;
}
.contacts-personal-image img {border-radius: 50%; width: 60%; position: relative; z-index: 1;}
.contacts-personal-image:before{
  position: absolute;
  /*content: "";*/
  z-index: -1;
  top: -5px;
  left: 18%;
  width: 60%;
  height: 100%;
  background: #DA251D;
  border-radius: 50%;
}
.contacts-personal-image:after{
  position: absolute;
  /*content: "";*/
  z-index: -1;
  bottom: -5px;
  right: 18%;
  width: 60%;
  height: 100%;
  background: #0262a9;
  border-radius: 50%;
}
@media (max-width: 768px){
  .contacts-personal{
    flex: 0 0 50%;
    min-width: 200px;
    width: 50%;
    flex-direction: column;
    color: #000;
    font-size: 16px;
    text-align: center;
  }
  .contacts-department-title span {font-size: 16px; padding: 5px 30px;}
}

/* Завершення стилів для сторінки Контакти */



@media (max-width: 1279px) {
  #navbar {display:none !important;}
  .layout {padding-top:0px !important;}
  .layout-sidebar {padding-top: 90px; display:none;}
  .navbar-toggler {top:20px;}
  .sidenav-subnav.collapse {display:block;}
  .layout-header {position:fixed;}
  .navbar-toggler {display: none !important;}
  .navbar-header {width:100% !important;}
  .def-sidebar-logo-box {margin-left:10px;}
  .navbar-brand {padding: 0 10px;}
  .title-center {font-size:41px;}
  .layout-main {padding-top:60px;}
  .layout-sidebar {display:none !none;}
  .layout-content {margin-left:0px !important;}

  /* MENU MOBILE */
  .pageWrapper.active {right: 250px;}
  .menuContainer ul {list-style-type: none; padding-left:0;}
  .menuContainer.active { right: 0px; }
  .menuContainer.active li:nth-child(1) { -webkit-transition: opacity 0.3s ease 0.1s; transition: opacity 0.3s ease 0.1s; opacity: 1; }
  .menuContainer.active li:nth-child(2) { -webkit-transition: opacity 0.3s ease 0.2s; transition: opacity 0.3s ease 0.2s; opacity: 1; }
  .menuContainer.active li:nth-child(3) { -webkit-transition: opacity 0.3s ease 0.3s; transition: opacity 0.3s ease 0.3s; opacity: 1; }
  .menuContainer.active li:nth-child(4) { -webkit-transition: opacity 0.3s ease 0.4s; transition: opacity 0.3s ease 0.4s; opacity: 1; }
  .menuContainer.active li:nth-child(5) { -webkit-transition: opacity 0.3s ease 0.4s; transition: opacity 0.3s ease 0.4s; opacity: 1; }
  .menuContainer.active li:nth-child(6) { -webkit-transition: opacity 0.3s ease 0.4s; transition: opacity 0.3s ease 0.4s; opacity: 1; }
  .menuContainer.active li { -webkit-transition: opacity 0.3s ease 0.4s; transition: opacity 0.3s ease 0.4s; opacity: 1; }
  .menuContainer li { width: 100%; opacity: 0; color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; /*height: 30px;*/ line-height: 30px; padding: 0px; cursor: pointer; -webkit-transition-delay: .4s; transition-delay: .4s;}
  .menuContainer li a{padding:3px;}
  .menuContainer li:hover { color: #413C58; }
  .menuContainer li:hover:after { margin-left: 20px; }
  .menu { height: 80px; width: 80px; right:0; position: fixed; cursor: pointer; z-index: 10000; }
  .menu:before, .menu:after, .menu span { width: 50%; height: 6px; background-color: #222; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .4s ease; transition: all .4s ease;}
  .menu:before { content: ""; top: 35%; }
  .menu:after { content: ""; top: 65%; }
  .menu.active span { opacity: 0; }
  .menu.active:before, .menu.active:after { top: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
  .menu.active:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }
  .arrow { height: 70px; width: 70px; background-color: #fff; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 70px; cursor: pointer; }
  .arrow:before {content: '❯';font-size: 24px;font-weight: bold;}
  .arrow.left { right: 72px;}
  .arrow.left:before { content: '❮'; }
  .section.grey { background-color: #fff; min-height: 500px; padding: 50px; }
}

@media (max-width: 1920px) {
  .full-page-container {height: 100vh !important; background: url(/includes/img/def-bg-min1.jpg) no-repeat top center;
    background-size: cover;}
  .marker1 {width:40px; height:40px; background: rgba(255,255,255,.3); border:1px solid rgba(255,255,255,1);  position: absolute; top:68%; left:47%; z-index:1; }
  .marker2 {width:40px; height:40px; background: rgba(255,255,255,.3); border:1px solid rgba(255,255,255,1);  position: absolute; top:72%; left:56.5%; z-index:1;}
  .marker3 {width:40px; height:40px; background: rgba(255,255,255,.3); border:1px solid rgba(255,255,255,1);  position: absolute; top:46%; left:68%; z-index:1; }
  .marker4 {width:40px; height:40px; background: rgba(255,255,255,.3); border:1px solid rgba(255,255,255,1);  position: absolute; top:30%; left:45%; z-index:1; }
  .marker5 {width:40px; height:40px; background: rgba(255,255,255,.3); border:1px solid rgba(255,255,255,1);  position: absolute; top:50%; left:26%; z-index:1; }
  .marker6 {width:40px; height:40px; background: rgba(255,255,255,.3); border:1px solid rgba(255,255,255,1);  position: absolute; top:73%; left:68%; z-index:1; }
}

@media (max-width: 1440px) {
  .full-page-container {height: 100vh !important; background: url(/includes/img/def-bg-min1.jpg) no-repeat top center;
    background-size: cover;}
}

@media (max-width: 1300px) {
  .full-page-container {height: 100vh !important; background: url(/includes/img/def-bg-min1.jpg) no-repeat top center;
    background-size: cover;}
}

@media (max-width: 1200px) {
  .full-page-container {height: 95vh !important; background: url(/includes/img/def-bg-min1.jpg) no-repeat top center;
    background-size: cover;}
}

@media (max-width: 1150px) {
  .full-page-container {height: 85vh !important; background: url(/includes/img/def-bg-min1.jpg) no-repeat top center;
    background-size: cover;}
}

@media (max-width: 1050px) {
  .full-page-container {height: 85vh !important; background: url(/includes/img/def-bg-min1.jpg) no-repeat top center;
    background-size: cover;}
}

@media (max-width: 950px) {
  .full-page-container {height: 75vh !important; background: url(/includes/img/def-bg-min1.jpg) no-repeat top center;
    background-size: cover;}
}

@media (max-width: 800px) {
  .full-page-container {height: 65vh !important; background: url(/includes/img/def-bg-min1.jpg) no-repeat top center;
    background-size: cover;}
}

@media (max-width: 750px) {
  .full-page-container {height: 90vh !important; background: url(/includes/img/def-bg-min1.jpg) no-repeat top center;
    background-size: cover;}
}

@media (max-width: 767px) {
  .full-page-container {height: 60vh !important; background: url(/includes/img/def-bg-min1.jpg) no-repeat top center;
    background-size: cover;}
  .hide768 {display:none;}
  .delimiter-xs {clear: both;}
  .videobox {border:5px solid rgb(240, 240, 240); box-sizing: border-box;}
  .delimiter-xs-20 {clear: both; height:20px;}
}

@media (max-width: 500px) {
  .full-page-container {height: 50vh !important; background: url(/includes/img/def-bg-min1.jpg) no-repeat top center;
    background-size: cover;}
  .marker1, .marker2, .marker3, .marker4, .marker5, .marker6, .hide500 {display:none;}
  .image-x2 {width:50%; float: left;}
  .delimiter-xxs {clear: both;}
  .videobox {border:5px solid rgb(240, 240, 240); box-sizing: border-box;}
  .delimiter-xs-20 {clear: both; height:20px;}
}