
head{
	display: none;
}

body {
    background-image: url(img/bg.jpg);
    font-family: Roboto;
    margin: 0;

}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}




.container{
	
    max-width: 1140px;
    margin: 0 auto;
    background-size: cover;
    display: block;
    height: 455px;
}



.footer__wrap{
    margin-top: -37px;
}

.info {
	background: url(./img/bg_mainn2.jpg) center center no-repeat;
    max-width: 1140px;
    min-height: 422px;
    padding: 0 30px 0 30px;
    
}


.info1{
	position: absolute;
    max-width: 1040px;
    margin-top: 4px;
}


.txt1{
	margin-left: 332px;
    color: #000;
    display: inline-block;
    text-transform: uppercase;
    height: 45px;
    font-size: 60px;
    font-weight: 600;
    text-shadow: 0 -4px 1px #fff, 0 -4px 1px #fff, 0 4px 1px #fff, 0 4px 1px #fff, -4px 0 1px #fff, 4px 0 1px #fff, -4px 0 1px #fff, 4px 0 1px #fff, -1px -4px 1px #fff, 1px -4px 1px #fff, -1px 4px 1px #fff, 1px 4px 1px #fff, -4px -1px 1px #fff, 4px -1px 1px #fff, -4px 1px 1px #fff, 4px 1px 1px #fff, -2px -4px 1px #fff, 2px -4px 1px #fff, -2px 4px 1px #fff, 2px 4px 1px #fff, -4px -2px 1px #fff, 4px -2px 1px #fff, -4px 2px 1px #fff, 4px 2px 1px #fff, -3px -4px 1px #fff, 3px -4px 1px #fff, -3px 4px 1px #fff, 3px 4px 1px #fff, -4px -3px 1px #fff, 4px -3px 1px #fff, -4px 3px 1px #fff, 4px 3px 1px #fff, -4px -4px 1px #fff, 4px -4px 1px #fff, -4px 4px 1px #fff, 4px 4px 1px #fff, -4px -4px 1px #fff, 4px -4px 1px #fff, -4px 4px 1px #fff, 4px 4px 1px #fff;
    


}






.txt2{
	margin-left: 440px;
    color: #fff;
    font-size: 90px;
    padding: 0 10px 0 10px;
    font-style: normal;
}

.txt3{
	margin-left: 440px;
    background-color: #000;
    max-width: 130px;
    color: #fff;
    font-size: 30px;
    height: 45px;
    padding: 0 12px 0 15px;
    margin-top: -20px;
}

.txt4{
	margin-left: 440px;
    background-color: #8f1e1b;
    color: #fff;
    max-width: 130px;
    font-size: 30px;
    height: 45px;
    padding: 0 10px 0 10px;
}


.txt5{
	padding: 10px;
	margin-top: 13px;
	background-color: #000;
	background: rgba(0,0,0, 0.5);
	    border-left-style: solid;
    border-left-width: 5px;
    border-left-color: #ab0101;
}





.tx5{
	color: #fff;
}

.txt5 a{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	 line-height: 1.2;
   position: relative;
   padding: 0 14px;
  
}








.glow-button {
  text-decoration: none;
  display: inline-block;
  padding: 15px 30px;
  margin: 10px 0 10px 0;
  border-radius: 10px;
  box-shadow: 0 0 40px 40px #8f1e1b inset, 0 0 0 0 #8f1e1b;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  letter-spacing: 2px;
  color: white;
  transition: .15s ease-in-out;
}
.glow-button:hover {
  box-shadow: 0 0 10px 0 #8f1e1b inset, 0 0 10px 4px #8f1e1b;
  color: #fff;
}








.footer__wrap {
    background-color: #000;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px;
    box-shadow: 0 0 17px 0 rgba(0,0,0,.75);
}

.phone {
    text-align: center;
    margin: 10px;
}

.phone p {
    margin: 0;
    font-size: 24px;
}


.social {
    display: flex;
    justify-content: space-between;
    margin: 5px;
}

.vk {
    display: block;
    background-image: url(img/social.png);
    width: 25px;
    height: 25px;
    margin: 0 7px;
}

.vk:hover{background-position:0 25px}

.tg {
    display: block;
    background-image: url(img/social.png);
    background-position: 25px 0;
    width: 25px;
    height: 25px;
    margin: 0 7px;
}

.tg:hover{background-position:25px 25px}

.fb {
    display: block;
    background-image: url(img/social.png);
    background-position: 50px 0;
    width: 25px;
    height: 25px;
    margin: 0 7px;
}

.fb:hover{background-position:50px 25px}

.in {
    display: block;
    background-image: url(img/social.png);
    background-position: 76px 0;
    width: 25px;
    height: 25px;
    margin: 0 7px;
}

.in:hover{background-position:76px 25px}


@media only screen and (max-width: 420px){

.container{
	height: 710px;
}

.info{

   
    background-size: cover;
    min-height: 750px;
}

.info1{
	position: inherit;
}

.txt1 {
    margin-left: 2px;
    font-size: 55px;
}

.txt2 {
	margin-left: 100px;
	font-size: 75px;
}

.txt3{
	margin-left: 112px;
}
.txt4{
	margin-left: 112px;
}

.txt5{
	margin-top: 30px;
}

.glow-button{
	text-align: center;
    font-size: 17px;

}

}






@media only screen and (max-width: 576px){

.container{
	height: 710px;
}

.info{

   
    background-size: cover;
    min-height: 750px;
}

.info1{
	position: inherit;
}

.txt1 {
    margin-left: 2px;
    font-size: 54px;
}

.txt2 {
	margin-left: 100px;
	font-size: 75px;
}

.txt3{
	margin-left: 88px;
}
.txt4{
	margin-left: 88px;
}

.txt5{
	margin-top: 30px;
}

.glow-button{
	text-align: center;
    font-size: 17px;

}

}


.container1{
    
    max-width: 1110px;
    margin: 0 auto;
    background-size: cover;
    display: block;
    height: 161px;
}

@media only screen and (max-width: 768px){

.container{
	height: 710px;
}

.info{

   
    background-size: cover;
    min-height: 750px;
}

.info1{
	position: inherit;
}

.txt1 {
    margin-left: 2px;
    font-size: 48px;
}

.txt2 {
	margin-left: 100px;
	font-size: 75px;
}

.txt3{
	margin-left: 88px;
}
.txt4{
	margin-left: 88px;
}

.txt5{
	margin-top: 30px;
}

.glow-button{
	text-align: center;
    font-size: 17px;

}

}




@media only screen and (max-width: 992px){


.container{
	height: 710px;
}

.info{

   
    background-size: cover;
    min-height: 750px;
}

.info1{
	position: inherit;
}

.txt1 {
    margin-left: 19px;
    font-size: 48px;
}

.txt2 {
	margin-left: 100px;
	font-size: 75px;
}

.txt3{
	margin-left: 88px;
}
.txt4{
	margin-left: 88px;
}

.txt5{
	margin-top: 30px;
}

.glow-button{
	text-align: center;
    font-size: 17px;

}

}




