*::-webkit-input-placeholder {
	color: #665;
	opacity: 1;
}
*:-moz-placeholder {
	color: #665;
	opacity: 1;
}
*::-moz-placeholder {
	color: #665;
	opacity: 1;
}
*:-ms-input-placeholder {
	color: #665;
	opacity: 1;
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {
	
}
body input:required:valid,
body textarea:required:valid {
	
}
body {
	color: #41424e;
}
html { overflow-x: auto; }
body { overflow-x: auto; }
.row{
	margin: 0;
}
.col-xs-6{
	padding: 0;
}
.col-sm-4{
	padding-left: 0;
	padding-right: 0;
}
.col-xs-8{
	padding-right: 20px;
	padding-left: 0;
}
.col-xs-12{
	padding: 0;
}

/* start head */

#head{
	background-image: url("../img/1.jpg");
	height: 650px;
	background-size: cover;
	background-position: center;
}
#head:before{
	content: " ";
	width: 100%;
	height: 650px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: .5;
}
#head-2{
	background-image: url("../img/1.jpg");
	height: 120px;
	background-size: cover;
	background-position: center;
}
.top{
	text-align: center;
	height: 60px;
	width: 100%;
	position: absolute;
}
#brand{
	font-family: "CuprumRegular";
	font-size: 30px;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 49px;
	margin: 0;
	margin-left: 84px;
	margin-top: 34px;
	position: absolute;
}
#brand a{
	color: #fff;
}
#brand a:hover, #brand a:focus, #brand a:active{
	text-decoration: none;
	color: #fff;
}
#brand img{
	display: inline-block;
}
#brand .logo{
	display: inline-block;
}
.vert{
	color: #fff;
}
#topmenu{
    background-color: transparent;
    margin: 0;
    text-transform: uppercase;
    margin-right: auto;
    margin-left: 0px;
    margin-top: 0px;
    position: relative;
}
#topmenu #fadein-4 {
	top: 0px;
}
#topmenu ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-right: 40px;
}
#topmenu ul .phone{
/*	width: 260px;*/
	color: #FF9000;
	font-size: 36px;
}
.little{
	font-size: 18px;
}
#topmenu ul li{
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-family: "OpenSansRegular";
	margin-left: 20px;
}
#topmenu ul a{
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	font-family: "CuprumRegular";
	line-height: 50px;
}
#topmenu ul a:hover{
	color: #ff9000;
}
.navbar-toggle{
	margin: 0;
	margin-top: 8px;
	margin-right: 5px;
}
.dropdown-menu{
	margin-top: 55px;
	border: none;
	border-radius: 0;
	text-align: right;
	padding-right: 10px;
}
.dropdown-menu a{
	text-decoration: none;
	color: #5F5F5F;
	font-size: 14px;
	font-family: "CuprumRegular";
	line-height: 30px;
}
.dropdown-menu a li:hover{
	color: #fff;
}
.main{
	margin-top: 210px;
	text-align: center;
	color: #fff;
}

.main a{
	text-decoration: none;
	color: #fff;
}
/*
#fadein-1, #fadein-2, #fadein-3, #fadein-4, #fadein-5, #fadein-6, #fadein-7, #fadein-8, #fadein-9, #fadein-10, #fadein-11, #fadein-12, #fadein-13, #fadein-14, #fadein-15, #fadein-16, #fadein-17{
	display: none;
}
*/
#fadein-3, #fadein-6, #fadein-9, #fadein-10, #fadein-13, #fadein-14, #fadein-17{
	position: relative;
/*	left: -50px;*/
}
#fadein-4, #fadein-5{
	position: relative;
	top: -30px;
}
#fadein-7, #fadein-11, #fadein-15{
	position: relative;
/*	left: 50px;*/
}
.main h1{
	font-size: 38px;
	text-transform: uppercase;
	font-family: "OpenSansBold";
}
.main h2{
	font-size: 20px;
	text-transform: uppercase;
	font-family: "OpenSansBold";
}
.main h3{
	font-size: 30px;
	text-shadow: none;
	margin-top: 110px;
	font-family: "OpenSansRegular";
}
.modal-footer{
	text-align: center;
	padding: 0;
	border: none;
}
.input-lg{
	border-radius: 3;
	padding: 0 16px;
}
.form-group{
	margin-bottom: 10px;
	outline: none;
}
.form{
	margin-top: 30px;
	margin-top: 0;
	padding-bottom: 1.75%;
}
.form input:focus{
	box-shadow: none;
	border-color: #CCCCCC;
}
.form textarea:focus{
	box-shadow: none;
	border-color: #CCCCCC;
}
.form textarea{
	padding-top: 8px;
}
.form input::-webkit-input-placeholder       {line-height: 20px;  transition: line-height 0.5s ease;}
.form input::-moz-placeholder                {line-height: 20px;  transition: line-height 0.5s ease;}
.form input:-moz-placeholder                 {line-height: 20px;  transition: line-height 0.5s ease;}
.form input:-ms-input-placeholder            {line-height: 20px;  transition: line-height 0.5s ease;}
.form input:focus::-webkit-input-placeholder {line-height: 100px; transition: line-height 0.5s ease;}
.form input:focus::-moz-placeholder          {line-height: 100px; transition: line-height 0.5s ease;}
.form input:focus:-moz-placeholder           {line-height: 100px; transition: line-height 0.5s ease;}
.form input:focus:-ms-input-placeholder      {line-height: 100px; transition: line-height 0.5s ease;}

.form textarea::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
.form textarea::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
.form textarea:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
.form textarea:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
.form textarea:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
.form textarea:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
.form textarea:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
.form textarea:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

.button-orange{
	border: none;
	width: 93%;
	line-height: 40px;
	font-size: 18px;
	color: #fff;
	background-color: #FF9000;
	font-family: "CuprumRegular";
	border-radius: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.button-orange:hover{
	background-color: #41424E;
	outline: none;
	transition: 0.3s;
}
.button-orange:focus{
	outline: none;
}
.button-orange-2{
	border: none;
	width: 93%;
	line-height: 40px;
	font-size: 18px;
	color: #fff;
	background-color: #FF9000;
	font-family: "CuprumRegular";
	border-radius: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.button-orange-2:hover{
	background-color: #FF7000;
	outline: none;
}
.button-orange-2:focus{
	outline: none;
}
.button-blue-2{
	border: none;
	width: 220px;
	line-height: 40px;
	font-size: 18px;
	color: #fff;
	background-color: #1C71B3;
	font-family: "CuprumRegular";
	border-radius: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 100px;
}
.button-blue-2:hover{
	background-color: #1c5b8b;
	outline: none;
}
.button-blue-2:focus{
	outline: none;
}
/* end head */

/* start plans */

#plans{
	background-color: #EAECEE;
	text-align: center;
	font-family: "OpenSansBold";
	padding-bottom: 80px;
}
#plans h2{
	margin-top: 80px;
	font-size: 37px;
	font-family: "CuprumRegular";
}
#blocks{
	margin-top: 40px;
	margin-bottom: 40px;
}
.nav-tabs{
	border: none;
}
.nav-tabs > li{
	float: none;
	display: inline-block;
	font-size: 20px;
}
.nav-tabs > li.active > a{
	background-color: #2FA4E7;
	border: 2px #2FA4E7 solid;
	border-radius: 0px;
	color: #fff;
}
.nav-tabs > li > a{
	background-color: transparent;
	border: 2px #2FA4E7 solid;
	border-radius: 0px;
	color: #333;
}
.nav > li > a{
	padding: 15px 25px;
}
.nav-tabs > li > a:hover{
	background-color: #2FA4E7;
	border: 2px #2FA4E7 solid;
	border-radius: 0px;
	color: #fff;
}
.nav-tabs > li.active > a:hover{
	background-color: #2FA4E7;
	border: 2px #2FA4E7 solid;
	border-radius: 0px;
	color: #fff;
}
.nav-tabs > li.active > a:focus{
	background-color: #2FA4E7;
	border: 2px #2FA4E7 solid;
	border-radius: 0px;
	color: #fff;
}
#orange{
	border: 2px #FF9800 solid;
}
.nav-tabs > li.active > #orange{
	background-color: #FF9800!important;
	border: 2px #FF9800 solid;
}
.nav-tabs > li > #orange:hover{
	background-color: #FF9800!important;
}
.tab-content{
	margin-top: 60px;
}
.tab-content h4{
	margin-top: 0;
	padding-top: 40px;
	font-size: 22px;
	font-family: "OpenSansBold";
}
.tab-content h5{
	margin-top: 20px;
	font-size: 16px;
	font-family: "OpenSansRegular";
}
.tab-content a{
	color: #555;
}
.tab-content table{
	margin: 60px auto 0;
}
.tab-pane > table > tbody > tr > td{
    height: 140px;
    width: 140px;
    background-color: #99ccff;
    border: 9px #eaecee solid;
    vertical-align: middle;
    filter: drop-shadow(2px 4px 6px black);
}
.tab-pane > table > tbody > tr > td:hover{
	background-color: #2FA4E7;
}

.orange_blocks >  table > tbody > tr > td {
	background-color: #ff9800;
}
.orange_blocks >  table > tbody > tr > td:hover {
    background-color: #c17300;
}

.tab-pane > table > tbody > tr > td > a{
	display: block;
	height: 140px;
	width: 140px;
	text-decoration: none;
	vertical-align: middle;
	color: #41424E;
}
#plans p{
	font-size: 24px;
	font-family: "OpenSansRegular";
	color: #333;
	margin-top: 30px;
}
.or{
	color: #FF9800;
	font-family: "OpenSansBold";
}

/* end plans */

/* start block */

#block{
	background-color: #EAECEE;
	text-align: center;
	font-family: "OpenSansRegular";
	padding-bottom: 80px;
}
#block h2{
	margin-top: 80px;
	font-size: 37px;
	font-family: "CuprumRegular";
	margin-bottom: 20px;
}
#block p{
    text-align: left;
    font-size: 15px;
    padding: 3.28%;
}
#block img{
	margin-top: 40px;
	margin-bottom: 20px;
	width: 60%;
}
#carousel-2 .item img{
	width: 51%;
}
#block .bot{
	text-align: center;
	font-size: 16px;
	color: #999;
	margin-top: 0;
	margin-bottom: 40px;
}

/* end block */

/* start rent */

#rent{
	background-color: #EAECEE;
	text-align: center;
	font-family: "OpenSansRegular";
	padding-bottom: 20px;
}
#rent h2{
	margin-top: 80px;
	font-size: 37px;
	font-family: "CuprumRegular";
	margin-bottom: 0px;
}
#rent p{
	font-size: 16px;
	text-align: left;
	margin-top: 40px;
}
.spis_arends p {
	text-align: center !important;
}
#rent h4{
	font-size: 34px;
	font-family: "CuprumRegular";
	margin-top: 80px;
}
#rent .opi{
	text-align: center;
	margin-bottom: 80px;
	position: relative;
}
.top-rent{
	background-image: url('../img/tc.jpg'); 
	height: 330px;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	text-align: center;
}
.top-rent:before{
	content: " ";
	width: 100%;
	height: 330px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: .9;
}


/* end rent */

/* start office */

#office{
	background-color: #EAECEE;
	text-align: center;
	font-family: "CuprumRegular";
	height: auto;
}
#office-2{
	background-image: url(../img/4.jpg);
	text-align: center;
	height: auto;
	font-family: "CuprumRegular";
	background-size: cover;
	background-position: center;
	position: relative;
}
#office-2:before{
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #41424E;
	opacity: .9;
	display: block;
}
#office-2 h4{
	font-size: 36px;
	text-shadow: none;
	color: #fff;
	font-family: "OpenSansBold";
}
.right{
	text-align: right;
}
.right img{
	margin-right: 180px;
	margin-top: 80px;
	margin-bottom: 80px;
}
.left img{
	margin-left: 180px;
	margin-top: 80px;
	margin-bottom: 80px;
}
hr{
	border-bottom: 1px solid #D3D3D3;
	margin: 0;
}
#office h2{
	margin-top: 80px;
	font-size: 37px;
}
#office a{
	color: #41424e;
	text-decoration: none;
}
#office-2 h3{
	margin-top: 80px;
	font-size: 42px;
	font-family: "OpenSansBold";
	color: #fff;
}
#office p{
	font-size: 18px;
	margin-top: 12px;
	margin-bottom: 5%;
	color: #767683;
	font-family: "ProximaNovaRegular";
}
#office-2 .offtext{
	font-size: 22px;
	color: #fff;
	font-family: "OpenSansRegular";
	font-weight: normal;
	margin-top: 10px;
}
.head{
	margin-top: 60px;
}
#office-2 .head h4{
	font-size: 52px;
	margin: 0;
	text-transform: uppercase;
	font-family: "OpenSansBold";
	color: #fff;
}
.head h5{
	font-size: 30px;
	margin: 0;
	text-transform: uppercase;
	font-family: "OpenSansBold";
	color: #fff;
}
.head h6{
	font-size: 18px;
	color: #555;
	font-family: "OpenSansSemiBold";
}
.blue{
	color: #0087FF;
	font-size: 18px;
	font-family: "OpenSansSemiBold";
}
.plus ul{
	padding: 0;
	margin-left: 50px;
}
.plus ul li{
	list-style-type: none;
	padding: 0;
	margin: 0;
	line-height: 150px;
	width: 100%;
	font-size: 16px;
	font-family: "OpenSansBold";
	text-align: left;
}
.block-2{
	height: 89px;
	width: 100%;
	font-size: 18px;
	font-family: "OpenSansBold";
	color: #fff;
	margin-top: 40px;
}
.block{
	height: 130px;
	width: 100%;
}
.block .graytext{
	font-size: 13px;
	font-family: "OpenSansBold";
	color: #555;
	display: inline-block;
	margin-top: 20px;
}
.block img{
	margin-top: 26px;
}
.vod, .bc{
	width: 28%;
	margin-right: 40px;
	background-color: #fff;
	border-bottom: 1px solid #EEE;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.vod-2, .bc-2{
	background-color: #fff;
	width: 28%;
	margin-right: 40px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
.vod{
	padding-bottom: 17px;
}
.bc{
	padding-bottom: 29px;
}
.vod img{
	margin-top: 16px;
	width: 76px;
}
.bc img{
	margin-top: 16px;
	width: 64px;
}
.bc-2{
	margin-bottom: 40px;
}
.bc-2 img{
	width: 24px;
}

/* end office */

/* start plan */

#plan{
	background-color: #EAECEE;
	text-align: center;
/*	font-family: "CuprumRegular";*/
	height: auto;
	margin-top: -8px;
}
#plan h2{
	margin-top: 80px;
	font-size: 37px;
	margin-bottom: 3%;
}
#plan p{
	font-size: 18px;
	margin-top: 12px;
	margin-bottom: 20px;
	color: #767683;
	font-family: "ProximaNovaRegular";
}
#plan-2{
	background-image: url(../img/2.jpg);
    text-align: center;
    height: auto;
    font-family: "CuprumRegular";
    background-size: cover;
    background-position: center;
    position: relative;
    background: #5e6bd8 !important;
}
#plan-2:before{
	    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #5e6bd8;
    opacity: .9;
    display: block;
}
#plan-2 h3{
	margin-top: 80px;
	font-size: 34px;
	font-family: "OpenSansBold";
	color: #fff;
}
#plan-2 .offtext{
	font-size: 22px;
	color: #fff;
	font-family: "OpenSansRegular";
	color: #fff;
	margin-top: 10px;
}
#plan-2 h4{
	font-size: 36px;
	color: #fff;
	font-family: "OpenSansSemiBold";
}
#dark img{
	display: inline-block;
	margin-top: 60px;
}
#dark h4{
	color: #fff;
	font-size: 16px;
	font-family: "OpenSansSemiBold";
	margin-top: 20px;
	margin-bottom: 0;
	line-height: 20px;
}
#carousel{
	margin-top: 60px;
	margin-bottom: 40px;
}
#wrap-carousel {
	padding-bottom: 60px;
}
#carousel .item img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	margin: 5px;
	}
/* end plan */

/* start location */

#location{
	background-color: #EAECEE;
	text-align: center;
	font-family: "CuprumRegular";
	height: auto;
}
#location h2{
	margin-top: 12%;
	font-size: 37px;
}
#location p{
	font-size: 18px;
	margin-top: 12px;
	margin-bottom: 20px;
	color: #767683;
	font-family: "ProximaNovaRegular";
}
#location-2{
	background-image: url(../img/2.jpg);
	text-align: center;
	height: auto;
	font-family: "CuprumRegular";
	background-size: cover;
	background-position: center;
	position: relative;
}
#location-2:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #499daf;
    opacity: .9;
    display: block;
}
#location-2 h3{
	margin-top: 3%;
    font-size: 34px;
    font-family: "OpenSansBold";
    color: #fff;
    margin-bottom: 2%;
}
#location-2 .offtext{
	font-size: 22px;
	color: #fff;
	font-family: "OpenSansRegular";
	color: #fff;
	margin-top: 10px;
}
.map p{
	color: #fff;
	margin-top: 30px;
	font-size: 18px;
	margin-bottom: 40px;
	font-family: "ProximaNovaRegular";
}

/* end location */

/* start low */

#low{
	/* background-image: url("../img/3.jpg"); */
	height: auto;
	/* background-size: cover; */
	/* background-position: center; */
	position: relative;
	font-family: "CuprumRegular";
	text-align: center;
	color: #fff;
	background: #41424E;
	padding: 2%;
}
#low:before{
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #4f6362;
	opacity: .9;
	display: block;
}
.desc h1{
	position: relative;
    margin-top: 2%;
    font-size: 42px;
}
.desc h2{
	position: relative;
	margin: 0;
}
.button-blue{
	border: none;
	width: 220px;
	line-height: 40px;
	font-size: 18px;
	color: #fff;
	background-color: #1C71B3;
	font-family: "CuprumRegular";
	border-radius: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 0px;
}
.button-blue:hover{
	background-color: #1c5b8b;
	outline: none;
}

/* end low */

/* start cont */

#cont{
	background-color: #EAECEE;
	text-align: center;
	font-family: "CuprumRegular";
	height: auto;
}
#cont h2{
	margin-top: 90px;
	font-size: 37px;
	text-align: left;
}
#cont p{
	text-align: left;
	font-size: 18px;
	margin-top: 12px;
	margin-bottom: 20px;
	color: #767683;
	font-family: "ProximaNovaRegular";
}
.tele{
	color: #337ab7;
}
#cont a:hover{
	text-decoration: none;
	color: #337ab7;
}

/* end cont */

/* start contacts */

#contacts{
	background-color: #41424E;
	color: #AAABB6;
	text-align: center;
	padding-bottom: 30px;
}
#contacts h2{
	margin-top: 40px;
	font-size: 16px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
#topmenu-2{
	background-color: transparent;
	margin: 0;
	position: relative;
	margin-bottom: 10px;
}
#topmenu-2 ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-top: 5px;
	margin-right: 40px;
}
#topmenu-2 ul li{
	display: inline-block;
	height: 25px;
	width: 100px;
}
#topmenu-2 ul a{
	text-decoration: none;
	color: #AAABB6;
	font-size: 16px;
	font-family: "CuprumRegular";
	line-height: 25px;
}
#topmenu-2 ul a:hover{
	color: #fff;
}
.vert-2{
	color: #AAABB6;
}
.cont{
	color: #AAABB6;
	display: inline-block;
}
.cont a{
	text-decoration: none;
	color: #AAABB6;

}
.cont-low{
	display: inline-block;
}
.cont a:hover{
	text-decoration: none;
	color: #fff;
}
.button-blue-3{
	border: none;
	width: 93%;
	line-height: 40px;
	font-size: 18px;
	color: #eaecee;
	background-color: #76c3ff;
	font-family: "CuprumRegular";
	border-radius: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 0px;
}
.button-blue-3:hover{
	background-color: #41424e;
	outline: none;
	transition: 0.6s;
}

.activetop {
	color: #ff9000 !important;
}


/* DВОЛНА */
canvas {
    width: 100%;
    height: auto;
    vertical-align: top;
    background-color: #EAECEE;
    margin-top: -7%;
}
@media only screen and (max-width: 640px) {
	canvas {
		height: 100px;
	}

}

/* ENDВОЛНА */

/* ВЕРТУШКА */

body {
  margin: 0;
  overflow: hidden;
  background: #EAECEE;
}


/* END ВЕРТУШКА */

#ut
{
	margin-bottom: 2.5% !important; 
}

/*БИТ-ИНДИКАТОР*/
.flex-container {
  width: 100%;
  height: 28%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body {
  background-color: #262e6f;
}
.unit {
  text-align: center;
    margin-top: 40px;
}
.unit p {
  margin-top: 100px !important;
  font-family: 'Lato', sans-serif !important;
  font-weight: 100;
  text-transform: uppercase;
  color: #fff;
}
.heart {
  position: relative;
  font-size: 0;
  width: 138px;
}
[class*="heart-piece-"] {
  position: absolute;
  top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}
.heart-piece-4 {
  -webkit-animation: piece-4 3.2s infinite;
          animation: piece-4 3.2s infinite;
}
.heart-piece-3,
.heart-piece-5 {
  -webkit-animation: piece-3 3.2s infinite;
          animation: piece-3 3.2s infinite;
}
.heart-piece-2,
.heart-piece-6 {
  -webkit-animation: piece-2 3.2s infinite;
          animation: piece-2 3.2s infinite;
}
.heart-piece-1,
.heart-piece-7 {
  -webkit-animation: piece-1 3.2s infinite;
          animation: piece-1 3.2s infinite;
}
.heart-piece-0,
.heart-piece-8 {
  -webkit-animation: piece-0 3.2s infinite;
          animation: piece-0 3.2s infinite;
}
.heart-piece-0 {
  left: 0px;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  background-color: #FF9000;
}
.heart-piece-1 {
  left: 16px;
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
  background-color: #49AF5C;
}
.heart-piece-2 {
  left: 32px;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  background-color: #1C71B3;
}
.heart-piece-3 {
  left: 48px;
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
  background-color: #1C71B3;
}
.heart-piece-4 {
  left: 64px;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  background-color: #1c5b8b;
}
.heart-piece-5 {
  left: 80px;
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
  background-color: #1c5b8b;
}
.heart-piece-6 {
  left: 96px;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
  background-color: #2FA4E7;
}
.heart-piece-7 {
  left: 112px;
  -webkit-animation-delay: 1.05s;
          animation-delay: 1.05s;
  background-color: #99CCFF;
}
.heart-piece-8 {
  left: 128px;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
  background-color: #EAECEE;
}
@-webkit-keyframes piece-4 {
  0%, 10%, 90%, 100% {
    height: 10px;
    top: -5px;
  }
  45%, 55% {
    height: 94px;
    top: -23px;
  }
}
@keyframes piece-4 {
  0%, 10%, 90%, 100% {
    height: 10px;
    top: -5px;
  }
  45%, 55% {
    height: 94px;
    top: -23px;
  }
}
@-webkit-keyframes piece-3 {
  0%, 10%, 90%, 100% {
    height: 10px;
    top: -5px;
  }
  45%, 55% {
    height: 90px;
    top: -31px;
  }
}
@keyframes piece-3 {
  0%, 10%, 90%, 100% {
    height: 10px;
    top: -5px;
  }
  45%, 55% {
    height: 90px;
    top: -31px;
  }
}
@-webkit-keyframes piece-2 {
  0%, 10%, 90%, 100% {
    height: 10px;
    top: -5px;
  }
  45%, 55% {
    height: 80px;
    top: -37px;
  }
}
@keyframes piece-2 {
  0%, 10%, 90%, 100% {
    height: 10px;
    top: -5px;
  }
  45%, 55% {
    height: 80px;
    top: -37px;
  }
}
@-webkit-keyframes piece-1 {
  0%, 10%, 90%, 100% {
    height: 10px;
    top: -5px;
  }
  45%, 55% {
    height: 60px;
    top: -31px;
  }
}
@keyframes piece-1 {
  0%, 10%, 90%, 100% {
    height: 10px;
    top: -5px;
  }
  45%, 55% {
    height: 60px;
    top: -31px;
  }
}
@-webkit-keyframes piece-0 {
  0%, 10%, 90%, 100% {
    height: 10px;
    top: -5px;
  }
  45%, 55% {
    height: 30px;
    top: -15px;
  }
}
@keyframes piece-0 {
  0%, 10%, 90%, 100% {
    height: 10px;
    top: -5px;
  }
  45%, 55% {
    height: 30px;
    top: -15px;
  }
}
/*БИТ-ИНДИКАТОР*/

.footerform {
	float: none;
}

.social {
	margin-top: 1%;
	margin-bottom: -2%;
}
/* end contacts */
/*Кастомные стили*/
.heart {
    position: relative;
    left: 90px;
    top: -60px;
}
.heart.footerheart {
    position: relative;
    left: 0px;
    top: 0;
}
.logocust {
    font-size: 20px;
    font-weight: 600;
}
.navbar-top {
    position: fixed;
    background: rgb(65 66 78 / 97%);
    z-index: 99999;
}
.headcust:before {
    height: 350px !important;
}
.headcust {
    height: 350px !important;
}
.headcust .main {
    margin-top: 120px;
    text-align: center;
    color: #fff;
}
.headcust .heart {
    position: relative;
    left: 90px;
    top: 0;
}
@media (min-width:1400px) {
    .pull-right {
        float:none!important;
    }
}
@media (max-width: 1000px){
    .headcust .main h1 {
    margin-top: 100px;
    }
}
#contacts p.futtextcc {
    padding: 0 5%;
}

.newscustbot {
    padding-bottom: 0 !important;
}

.clear {
    clear: both;
}
.opiscustarend h2 {
    margin-top: 30px !important;
    margin-bottom: 20px !important;
}
.contcustblock1 {
    background: #c3c5ca !important;
}
.contcustblock1 p {
    color: #40405d !important;
}
.infblockmar {
    padding-bottom: 50px;
}
.opisbg {
    background: #69a7e4 !important;
}
.opisbg p {
    color: #4e4141 !important;
}
.textaendator span {
    line-height: 50px;
    font-size: 20px;
}
.textaendator a:hover {
    text-decoration: none;
}
.textaendator a {
    text-decoration: none;
    font-size: 23px;
}

@media only screen and (max-width: 360px) {
   .top.navbar-top .pull-right {
    float: right;
    margin-top: 0px; 
    margin-right: 0px; 
    } 
}
@media only screen and (max-width: 320px) {
   .top.navbar-top .pull-right .logocust {
    margin-left: 0px; 
    } 
}
@media only screen and (max-width: 320px) {
    .headcust .heart {
    display: none;
}
}
@media only screen and (max-width: 579px) {
    .main.col-xs-12 a {
        line-height: 30px;
    }
}



/*Меню для мобильных устройств*/
.menu-toggle {
  width: 40px;
  height: 30px;
  position: fixed;
  top: 10px;
  right: 25px;
  cursor: pointer;
    z-index: 999;
}
.menu-toggle.on .one {
  -moz-transform: rotate(45deg) translate(7px, 7px);
  -ms-transform: rotate(45deg) translate(7px, 7px);
  -webkit-transform: rotate(45deg) translate(7px, 7px);
  transform: rotate(45deg) translate(7px, 7px);
}
.menu-toggle.on .two {
  opacity: 0;
}
.menu-toggle.on .three {
  -moz-transform: rotate(-45deg) translate(8px, -10px);
  -ms-transform: rotate(-45deg) translate(8px, -10px);
  -webkit-transform: rotate(-45deg) translate(8px, -10px);
  transform: rotate(-45deg) translate(8px, -10px);
}

.one,
.two,
.three {
  width: 100%;
  height: 5px;
  background: #7571ab;
  margin: 6px auto;
  backface-visibility: hidden;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 4em auto;
  text-align: center;
}
nav ul.hidden {
  display: none;
}
nav ul a {
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  text-decoration: none;
  color: white;
  font-size: 2em;
  line-height: 2;
  width: 100%;
  display: block;
}
nav ul a:hover {
  background-color: rgba(0, 0, 0, 0.5);
    color: #87a7c3;
}

.menu-section.on {
  z-index: 10;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.95);
  position: fixed;
  top: 1px;
}


/*Меню для мобильных устройств*/

/*Кастом меню*/

@media only screen and (max-width: 1200px) {
    #topmenu .hidden-xs {
        display: none;
    }
}
@media only screen and (min-width: 1201px) {
    .menu-section {
        display: none;
    }
}
.owl-theme .owl-controls .owl-page span, .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
background: #000 !important;
}
.infffl {
    background: #d9dee2 !important;
    padding-top: 30px;
}
.infffl p {
    text-align: center;
    margin-bottom: 2.5% !important;
}
.infffl p span {
    font-size: 25px;
    color: #525050;
    font-weight: 600;
    margin-right: 15px;
}
.infffl h4 {
    color: cadetblue !important;
}
.infffl i {
    font-size: 50px;
    padding: 15px;
    border-radius: 50px;
    border: 4px solid #485BBB;
    color: #485BBB;
}
.opssstext p {
    text-align: justify;
}
.custinfbbb p {
    text-align: center;
}
.custinfbbb h4 {
    text-align: center;
    font-size: 30px !important;
}
.raspdobr p {
    text-align: left;
    margin-bottom: 15px !important;
}

.raspdobr span {
    font-size: 20px;
    font-weight: 600;
}
.mammrasp {
    height: 700px;
    width: 100%;
}
.opisimgm img {
    width: 100%;
    height: 400px;
    margin-top: 15%;
    object-fit: cover;
    border: 4px solid #4154B8;
    border-radius: 30px;
}
.csdsds h2 {
    margin-top: 0px !important;
}
.csdsds {
    padding: 40px 0;
}
p.shopis {
    color: #fff !important;
}
p.gloisss {
    text-align: justify;
    color: #565661 !important;
}

@media (max-width: 991px) {
	.opisimgm img {
		width: 100% !important;
	}
	.col-xs-3, .top-rent .col-xs-2 {
		width: 50%;
		margin: 0;
	}
	.spis_arends .col-xs-3 {
		width: 100%;
	}
	.top-rent {
		height: 660px;
	}
	.top-rent:before {
		height: 100%;
	}
	.menu-toggle {
		top: 10px;
	}
	.one, .two, .three {
		background: #fff;
	}
	.mammrasp {
		height: 200px;
	}
	#contacts .col-xs-10 {
		width: 100%;
	}
}