/*  Specification  */

body {
	font-weight: bold;
	color: #000;
}

ul, li {
	display: block;
	padding: 0;
	margin: 0;
}

h1,h2,h3,h4,h5,h6 {
	text-transform: uppercase;
}

h1 {
    font-size: 50px;
}

a, a:hover {
	text-decoration: none;
	color: #000;
}

button{
	padding: 9px 24px;
	border-radius: 50px;
	background-color: #585858;
	color: #fff;
	text-transform: uppercase;
	display: block;
	text-align: center;
	transition: all 0.5s ease;
	border: none;
	outline: none;	
}

button:hover {
	background: #333232;
	color: #fff;
	box-shadow: 0 8px 20px rgb(38 39 45 / 25%);
	border: none;
	outline: none;	
}

button:active,button:focus {
	background: #333232;
	box-shadow: none;
	border: none;
	outline: none;	
	
}

/*  Header  */

.logo {
	background: url('../img/logo.png')no-repeat;
	display: block;
	width: 117px;
	height: 91px;
}

.header{
	background: url('../img/background.jpg') no-repeat center top / cover ;
	padding-top: 38px;
}

.menu__link{
	padding-right: 42px;
	text-transform: uppercase;
}

.menu__link:hover {
	color: #585858;
}

.lang{
	margin-right: 10px;
	text-transform: uppercase;
}

.lang:hover {
	color: #585858;
}

.social-medias__logo{
	margin-right: 10px;
	margin-bottom: 10px;
}

.app-screen_header {
	max-width: 400px;
	margin: auto;
	width: auto;
	height: 550px;
	background: url('../img/Inna.png') no-repeat center bottom /contain;
}

.offer-text__title{
	line-height: 1.2;
	margin-bottom: 18px;
}

.offer-text__text{
	text-transform: uppercase;
	font-size: 17px;
	padding-bottom: 40px;
}

.contacts{
     background: #fff;
     height: 100px;
     box-shadow: 0 8px 20px rgb(38 39 45 / 25%);
     

}

.contacts-form{
	padding: 40px;
	justify-content:space-around;
	
}

	
/*  Services  */

.service{
	background: #f4f4f4;
	padding-top: 50px;
}

.services{
	padding-bottom: 180px;
}

.services-item{
	padding-top: 60px;
}
.services-text__title {
	text-align: center; 
}
.services-text__text {
	color: #585858;
	text-align: center;
	font-size: 20px;
}

.services-item__icon{
    width: 150px;
    height: 70px;
    margin-top: -10px;
}


.services-item__icon_one{
	background: url('../img/icon-1.svg') no-repeat center center;	
}

.services-item__icon_two{
	background: url('../img/icon-2.svg') no-repeat center center;
}

.services-item__icon_three{
	background: url('../img/icon-3.svg') no-repeat center center;	
}

.services-item__icon_four{
	background: url('../img/icon-4.svg') no-repeat center center;	
}

.services-item__icon_five{
	background: url('../img/icon-5.svg') no-repeat center center;	
}

.services-item__icon_six{
	background: url('../img/icon-6.svg') no-repeat center center;	
}

.services-item__text{
	color: #585858;
	line-height: 1.2;
	font-size: 12px;
	width: 270px;
}

/*Aboutus*/

.about{
	padding-top: 60px;
}

.aboutus{
	padding-bottom: 110px;
}

.aboutus-img{
	margin-top: -180px;
	background: url('../img/image-1.jpg') no-repeat center center;
	max-width: 100%;
	width: 495px;
	height: 453px;
}

.aboutus__text{
	font-size: 16px;
	font-weight: 600;
}

.aboutus__title{
	padding-bottom: 30px;
}


/*Inamel*/

.inamel{
	padding-top: 40px;
	padding-bottom: 60px;
}


.inameldent_text{
	font-size: 16px;
	font-weight: 600;
}

.inameldent_title{
	padding-bottom: 30px;
}

.inameldent-img{
	background: url('../img/image-2.jpg') no-repeat center center;
	max-width: 100%;
	width: 495px;
	height: 453px;
}


/*Contact*/

.form{
	background: #d0d0d0;
	padding-top: 70px;
}

.subscribe__form{
	display: flex;
	padding-bottom: 70px;
	padding-top: 40px;
}

.subscribe-name__input,.subscribe-phone__input{
	margin-right: 100px;
	background: #d0d0d0;
    border: none;
    border-bottom: 2px solid #585858;
}

.subscribe__btn{
	width: 180px;
}

.aboutus{
	padding-bottom: 50px;

}



/*Footer*/

.footer{
	background: #f4f4f4;
	border-bottom: 40px solid #585858;
	padding-top: 30px;
}

.contact-form{
	padding-top: 20px;
	justify-content:space-around;
	padding-bottom: 50px;
}

.reserve__text{
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: -60px;
	padding-top: 10px;
}

.btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}


/*  Responsive  */

@media (max-width: 1200px) {
	.services-item{
		flex-direction:column !important;
	}
	

@media (max-width: 992px) {
	.menu__item, .lang-menu{
		font-size: 10px;
	}

	h1{
		font-size: 30px;	
	}

	h2{
		font-size: 20px;

	}

	.services-text__text{
		font-size: 15px;
	}

	.services-item{
	flex-direction: row!important;
    }

    .services-item{
    	padding-top: 30px;
    }

    .services-item__text{
    	width: auto;
    }

	.offer-text__text{
		font-size: 10.5px;
	}

	.app-screen_header{
		height: 300px;
	}

    .services{
    	padding-bottom: 0px
    }

    .service{
    	padding-bottom: 50px
    }

    .aboutus-img , .inameldent-img {
    	margin-top: 0;
        margin-bottom: 30px
    }

    .aboutus{
    	flex-direction: column-reverse!important;
    }

    .subscribe__form{
    	display: block
    }

    input {
    	margin-bottom: 40px
    }

	

@media (max-width: 768px) {
	.menu__item , .app-screen_header{
		display: none;
	}

	.offer-text__text{
		padding-bottom: 20px
	}

	.offer-text__btn{
		margin-bottom: 30px;
	}

	.service{
		padding-top: 30px;
		padding-bottom: 10px;
	}

	.service{
    	padding-bottom: 50px
    }

    .social-medias{
		margin-left: 80px;
	}

}

@media (max-width: 576px) {
	.menu__item , .app-screen_header{
		display: none;
	}

	.offer-text__text{
		padding-bottom: 20px
	}

	.offer-text__btn{
		margin-bottom: 30px;
	}

	.service{
		padding-top: 30px;
		padding-bottom: 10px;
	}

	.contacts-form__link ,.contact-form__link{
		font-size: 12px;

	}

	.contacts-form__cons ,.contact-form__cons{
		font-size: 12px;

	}

	.aboutus-img , .inameldent-img {
		max-width: auto;
	}

	.social-medias{
		margin-left: 80px;
	}


@media (max-width: 465px) {
	
	.contacts-form{
		display: table;
	}

	
}


@media (max-width: 440px) {

   
	input{
		width: 230px;
	}

	.subscribe-name__input{
		width: 230px;
	}

	.contacts-form__cons ,.contact-form__cons{
		display: none;
	}

}