.fs-first {
    display: flex;
    width: 100%;
    height: 480px;
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    background-size: 28%;
    flex-direction: column;
    background-clip: content-box;
    background-position: center;
    background-position-y: 216px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 50px;
}

.hero-header {
display: flex;
flex-direction: column;
margin-top: 15px;
width: 100%;
background-color: rgba(0,0,0,0.4);
}

.hero-header h1, h2, h3 {
    font-weight: normal;
    font-family: 'capture_itregular';
    text-shadow: 1px 1px 2px black;
    color: #fff;
    letter-spacing: 2px;
}

.logo {
display: flex;
flex-direction: row;
justify-content: center;
width: 100%;
}

.logo img {
    margin-top: 18px;
    margin-right: 15px;
}

.hero-contacts {
display: flex;
flex-direction: row;
flex-grow: 1;
justify-content: space-around;
width: 100%;
background-color: rgba(0,0,0,0.4);
}

.hero-contacts h1, h2, h3 {
    font-weight: normal;
    font-family: 'capture_itregular';
    text-shadow: 1px 1px 2px black;
    color: #fff;
    letter-spacing: 2px;
}

.hero-contacts i {
color:#FF9800;
}

.hero-remont {
margin-top: 100px;
margin-bottom: 40px;
text-align: center;
background-color: rgba(2, 167, 9, 0.75);
border: 1px solid white;
padding: 25px;
flex-grow: 1;
letter-spacing: 1px;
}
.hero-remont h1, h2, h3 {
    font-weight: normal;
    font-family: 'capture_itregular';
    text-shadow: 1px 1px 2px black;
    color: #fff;
    letter-spacing: 1px;
}
.hero-remont img {
margin-top:10px;
}
.fs-second {
  display: flex;
  width: 100%;
  height: 780px;
  background-image: url(../img/1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: fixed;
}
.fs-third {

  width: 100%;
  height: 770px;
  background-image: url(../img/kotel-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: fixed;
 
}

.fs-four {
  width: 100%;
  padding: 5% 20%
  background-color: #fff;
}



.info {

  margin: auto;
  text-align: center;
  background-color: rgba(2, 167, 9, 0.75);
  padding: 35px;
  border: 1px solid white;
  color: #fff;
}

.info h1,h2,h3 {
	font-weight: normal;
	font-family: 'capture_itregular';
	text-shadow: 1px 1px 2px black;
color: #fff;
letter-spacing: 2px;
}
.fs-h {
	color: #fff;
	opacity: 1;
	font-weight: normal;
	font-family: 'capture_itregular';
	text-shadow: 1px 1px 2px black;
}

.info-gas {
  color: #000;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  text-align: center;
}


.item-row-gas {
  width: 90%;
  color: #000;
  padding: 5px 25px;
  font-size: 16px;
  text-shadow: 1px 1px 2px black;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  background-color: rgba(2, 167, 9, 0.75);
  border: 1px solid white;
}


.fs-header {
  width: 100%;
  text-align: center;
  background-color: rgba(2, 167, 9, 0.75);
	font-weight: normal;
	font-family: 'capture_itregular';
	text-shadow: 1px 1px 2px black;
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
}

.fs-row-catalog {
  display: flex;
  margin: 25px 25px;
  flex-direction: row;
  justify-content: space-between;
}



.catalog-item {
text-align: center;
color: #000;
width: 330px;
padding: 10px 10px;

}

.catalog-item a{
  cursor: pointer;
  outline: none;
  text-decoration: none;
}

div.catalog-item:hover{
-webkit-box-shadow: inset -10px -4px 148px -12px rgba(0,0,0,0.39);
-moz-box-shadow: inset -10px -4px 148px -12px rgba(0,0,0,0.39);
box-shadow: inset -10px -4px 148px -12px rgba(0,0,0,0.39);
-webkit-border-top-left-radius: 34px;
-webkit-border-bottom-right-radius: 34px;
-moz-border-radius-topleft: 34px;
-moz-border-radius-bottomright: 34px;
border-top-left-radius: 34px;
border-bottom-right-radius: 34px;
transition: top 1s ease-out 0.5s;
}

.catalog-item h3{
  color: rgba(2, 167, 9, 1);
  font-size: 26px;
  text-transform: uppercase;
  font-weight: 450;
  letter-spacing: 1px;
font-weight: normal;
font-family: 'capture_itregular';
text-shadow: 1px 1px 2px black;
}

.fs-form-control {
  box-shadow: none;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.1);
  height: 54px;
  font-size: 18px;
  font-weight: 300;
  display: inline-flex;


}

.fs-form-control h2.call {font-family: 'Orbitron Medium'}

.fs-form-control:active, .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #8dc63f;
}


form input[type="tel"] {
  width: 33%;
  background: #ededed;
  border: none;
  padding-left: 20px;
  padding-right: 50px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
 font-weight: 300;
font-family: 'Taviraj', serif;
  font-size: 26px;

}
.btn-primary {
  background: #ffe121;
  color: #000;
  border: 2px solid #ffe121;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: #99cc53 !important;
  border-color: #99cc53 !important;
}

.btn {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
form input[type="submit"] {
  margin-left: -4px;
  position: relative;
    top: -5px;
    height: 54px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-size: 20px;
  font-weight: 300;
  width: 190px;
  cursor: pointer;
}
@media screen and (max-device-width: 320px) {
div.forcecont {
    display: none;
}
h1 {
    font-size: 45px;
}
.fs-row-catalog {
  display: flex;
  margin: 25px 25px;
  flex-direction: column;
  justify-content: space-between;}

.catalog-item {
border: 2px solid #999;
-webkit-border-top-left-radius: 34px;
-webkit-border-bottom-right-radius: 34px;
-moz-border-radius-topleft: 34px;
-moz-border-radius-bottomright: 34px;
border-top-left-radius: 34px;
border-bottom-right-radius: 34px;
width:270px;
margin-top: 20px;}

.catalog-item h3 {
font-size: 22px;
}

.fs-first {
height:auto;
}

.hero-header {
    text-align: center;
}

.logo {
    flex-direction: column;
    align-items: center;
}

.hero-contacts {
    flex-direction: column;
}

h1 {
    font-size: 32px;
}
div.partners {
    display: none;
}

div.wrapper {
    display: flex;
    flex-direction: column;
}

.contact-logo h3 {
    text-align: center;
    font-size: 22px;
}
}

.c-green {
color: #15c524;
}
.bg-color-grad {
		background: -moz-linear-gradient(45deg, #FFFFFF 0%, #FFFFFF 17%, #0013BA 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #FFFFFF), color-stop(17%, #FFFFFF), color-stop(100%, #0013BA)); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, #FFFFFF 0%, #FFFFFF 17%, #0013BA 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, #FFFFFF 0%, #FFFFFF 17%, #0013BA 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, #FFFFFF 0%, #FFFFFF 17%, #0013BA 100%); /* ie10+ */
background: linear-gradient(45deg, #FFFFFF 0%, #FFFFFF 17%, #0013BA 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0013BA', endColorstr='#FFFFFF',GradientType=1 ); /* ie6-9 */
		height: 300px;
		width: 100%;
	}
	.action-main {
		color: #EA4335;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
		padding-left: 175px;
		padding-top: 35px;
margin-top:0px;
	}
	span.color-red {
		color: red;
	}
	span.color-blue {
		color: blue;
	}
	span.color-white {
		color: white;
	}
	.bg-stab {
		background-image: url(../img/12000.png), url(../img/sev-pam.png);
		background-repeat: no-repeat;
		background-position: right center, left center;
		height: 300px;
		background-color: transparent;
		background-size: contain;

	}