@font-face{
    font-family:'HelveticaNeueCyr-UltraLight';
    src:local('HelveticaNeueCyr UltraLight'),local('HelveticaNeueCyr-UltraLight'),
    url(fonts/HelveticaNeueCyr-UltraLight.woff) format('woff');
}
@font-face{
    font-family:'HelveticaNeueCyr-Roman';
    src:local('HelveticaNeueCyr Roman'),local('HelveticaNeueCyr-Roman'),
    url(fonts/HelveticaNeueCyr-Roman.woff) format('woff');
}

header{
    height: 121px;
    background-color: rgba(45,45,45,0.5);
    z-index: 1;
   /*position: fixed;*/
    width: 100%;
}
.slider{
    z-index: 0;
}
.logo {
    margin-top: 10px;
}
.navbar-light .navbar-nav .nav-link{
    color: white;
    font-size: 21px;
    font-family: HelveticaNeueCyr-UltraLight;
    padding-left: 15px;
    padding-right: 15px;
}
.navbar-light .navbar-nav .nav-link:hover{
    color: lightyellow;
}
.main-menu{
    margin-top: 30px;
}
.phone{
    color:#73aa4e;
    font-family: HelveticaNeueCyr-Roman;
    font-size: 21px;
    font-weight: bold;
}
header .phone {
	/*filter: invert(40%) grayscale(50%);*/
}
.content.plans{
    background-color: #a6a6a6;
}
.content.plans > .container{
	background: url(img/bg.png?v=1);
    background-repeat: no-repeat;
}

.content{
    min-height: 600px;
	padding-bottom:50px;
}
.breadcrumb{
    background-color: transparent;
    font-size: 16px;
    font-family: HelveticaNeueCyr-Roman;
    font-weight: bold;
    color: #454545;
}
.breadcrumb .breadcrumb-item.active{
    font-family: HelveticaNeueCyr-Roman;
    font-weight: normal;
}

.breadcrumb .breadcrumb-item a{
    text-decoration: none;
    color: #454545;
}
h1{
    font-size: 30px;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-family: HelveticaNeueCyr-Roman;
    margin-bottom: 20px;
}
.plan{
    margin-top: 50px;
    margin-bottom: 50px;
}
.house{
    margin-bottom: 30px;
}
.etap-header{
    font-weight: bold;
    font-size: 21px;
    font-family: HelveticaNeueCyr-Roman;
    color: white;
    margin-bottom: 20px;
}
.etap-text{
    font-size: 17px;
    font-family: HelveticaNeueCyr-Roman;
    color: white;
}

/*.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://ww…p='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}*/
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
footer{
	min-height: 150px;
    background-color: #454545;
    z-index: 1;
   /*position: fixed;*/
    width: 100%;
	padding-top:10px
}
#navbarNav{
	z-index:1000;
}
.hvrbox,.hvrbox *{box-sizing:border-box}
.hvrbox{position:relative;display:inline-block;overflow:hidden;width:100%;height:100%;}
.hvrbox .hvrbox-layer_bottom{max-width:100%;height:100%}
.hvrbox .hvrbox-layer_bottom{display:block}
.hvrbox .hvrbox-layer_top{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,.7);color:#fff;-moz-transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s}
.hvrbox:hover .hvrbox-layer_top,.hvrbox.active .hvrbox-layer_top{opacity:1}
.hvrbox .hvrbox-text{width:100%;text-align:center;font-size:30px;display:inline-block;position:absolute;top:50%;-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);line-height:15px;padding:0 5px}
.hvrbox .hvrbox-text_mobile{font-size:15px;border-top:1px solid rgb(179,179,179);border-top:1px solid rgba(179,179,179,.7);margin-top:5px;padding-top:2px;display:none}
.hvrbox.active .hvrbox-text_mobile{display:block}
.hvrbox-layer_bottom .hvrbox-text{font-size:22px;text-align:center;width:100%;line-height:20px;text-transform:uppercase;font-weight:700}
#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 95px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}

@media (max-width: 1599px) {
    .navbar-light .navbar-nav .nav-link{
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 1199px){
	.navbar-collapse.collapse,.navbar-collapse.collapsing{
    background-color: rgba(45,45,45,0.5);
}
}