@font-face {
	font-family: RobotoRegular;
	src: url(../fonts/Roboto/RobotoRegular/RobotoRegular.eot);
	src: url(../fonts/Roboto/RobotoRegular/RobotoRegular.eot@) format("embedded-opentype"), url(../fonts/Roboto/RobotoRegular/RobotoRegular.woff) format("woff"), url(../fonts/Roboto/RobotoRegular/RobotoRegular.ttf) format("truetype");
	font-style: normal;
	font-weight: 400
}

@font-face {
	font-family: RobotoLight;
	src: url(../fonts/Roboto/RobotoLight/RobotoLight.eot);
	src: url(../fonts/Roboto/RobotoLight/RobotoLight.eot@) format("embedded-opentype"), url(../fonts/Roboto/RobotoLight/RobotoLight.woff) format("woff"), url(../fonts/Roboto/RobotoLight/RobotoLight.ttf) format("truetype");
	font-style: normal;
	font-weight: 400
}

@font-face {
	font-family: RobotoMedium;
	src: url(../fonts/Roboto/RobotoMedium/RobotoMedium.eot);
	src: url(../fonts/Roboto/RobotoMedium/RobotoMedium.eot@) format("embedded-opentype"), url(../fonts/Roboto/RobotoMedium/RobotoMedium.woff) format("woff"), url(../fonts/Roboto/RobotoMedium/RobotoMedium.ttf) format("truetype");
	font-style: normal;
	font-weight: 400
}

@font-face {
	font-family: RobotoBold;
	src: url(../fonts/Roboto/RobotoBold/RobotoBold.eot);
	src: url(../fonts/Roboto/RobotoBold/RobotoBold.eot@) format("embedded-opentype"), url(../fonts/Roboto/RobotoBold/RobotoBold.woff) format("woff"), url(../fonts/Roboto/RobotoBold/RobotoBold.ttf) format("truetype");
	font-style: normal;
	font-weight: 400
}

@font-face {
	font-family: OpenSansLight;
	src: url(../fonts/OpenSans/OpenSansLight/OpenSansLight.eot);
	src: url(../fonts/OpenSans/OpenSansLight/OpenSansLight.eot@) format("embedded-opentype"), url(../fonts/OpenSans/OpenSansLight/OpenSansLight.woff) format("woff"), url(../fonts/OpenSans/OpenSansLight/OpenSansLight.ttf) format("truetype");
	font-style: normal;
	font-weight: 400
}

html {
	scroll-behavior: smooth;
	overflow-x: hidden;
}

body {
	font-family: RobotoLight, Arial, sans-serif;
	color: #1c1c1c;
	overflow-x: hidden;
}

a {
	color: #fff
}

a:active,
a:focus,
a:hover {
	text-decoration: none;
	color: #fff;
	-webkit-transition: 2s easy-in;
	transition: 2s easy-in;
	-moz-transition: 2s easy-in;
	-o-transition: 2s easy-in
}

.block-choose {
	background-image: url(https://nesu-vezu.by/image/index_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px 15px
}

.block-choose__link {
	color: #fff;
	font-size: 16px;
	font-family: RobotoRegular;
	padding: 15px 45px;
	background-color: #1c1c1c;
	border: none;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	border-radius: 50px;
	display: inline-block;
	margin-bottom: 20px;
	opacity: .7;
	max-width: 255px;
	width: 100%;
	text-align: center
}

.block-choose__link:active,
.block-choose__link:focus,
.block-choose__link:hover {
	opacity: 1
}

#success_callback {
	padding: 20px 0 0 0
}

.help-block.text-danger ul {
	list-style-type: none;
	padding: 0;
	text-align: left
}

.header {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	transition: all .5s;
	z-index: 997;
	width: 100%;
	padding: 0 15px
}

.header__wrapper {
	width: 100%
}

.header-has-background {
	background-color: #1c1c1c
}

.header__block {
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.header__block__link {
	color: #fff;
	padding: 0 10px
}

.logo_link__img {
	width: 40px;
	height: auto
}

.navbar {
	padding: 0
}

.nav-link {
	font-size: 1.4rem;
	transition: .7s;
}

.nav-link:hover {
	transition: .3s;
}


.presentation {
	background-image: url(../image/bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-position: left;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px 15px
}

.presentation__wrapper {
	width: 100%;
	text-align: center
}

.presentation__name {
	text-transform: uppercase;
	font-family: RobotoBold;
	letter-spacing: 2.5px;
	color: #fff;
	font-size: 14px;
	padding-bottom: 60px;
	padding-top: 30px;
	text-align: center;


}

.presentation__title {
	font-size: 62px;
	letter-spacing: .5px;
	color: #fff;
	padding: 24px 0 38px;
	line-height: 1.17;
	font-family: RobotoBold;
	text-align: center;
}

.presentation__phone_block {
	font-size: 38px;
	letter-spacing: .5px;
	color: #fff;
	line-height: 1.17;
	background: url() left center no-repeat;
	text-align: left;
	display: inline-block;
	padding: 10px 0 10px 50px;
}

.presentation_block__link {
	text-align: center;
}

.presentation__link {
	display: block;
	color: #fff;
	font-size: 24px;
	max-width: 320px;
	margin: 0 auto
}

.presentation__link_inst {
	background: url(../image/instagram_white.png) left center no-repeat;
	text-align: left;
	display: inline-block;
	padding: 10px 0 10px 50px
}

.presentation__link_mail {
	background: url(../image/email_white.png) left center no-repeat;
	text-align: left;
	display: inline-block;
	padding: 10px 0 10px 50px
}

.about {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 90px 15px;
	background-color: #1c1c1c
}

.about__text-wrapper {
	max-width: 765px
}

.about__text-wrapper__text {
	text-align: center;
	color: #fff;
	font-size: 23px;
	line-height: 1.5
}

.dilimiter_star__img {
	width: 50px;
	height: auto
}

.features {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 100px 15px
}

.features__wrapper {
	width: 100%
}

.features__wrapper__title {
	font-family: RobotoBold;
	font-size: 42px;
	line-height: 1.23;
	color: #000;
	text-align: center;
	margin-bottom: 30px
}

.features__wrapper__text {
	font-size: 24px;
	color: #000;
	line-height: 1.5;
	text-align: center;
	max-width: 560px;
	margin: 0 auto 105px auto;
	padding-bottom: 4em;
}

.features__wrapper__hint {
	font-size: 24px;
	color: #000;
	line-height: 1.5;
	text-align: center;
	max-width: 570px;
	margin: 15px auto
}

.features__wrapper__block {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1080px;
	margin: 0 auto
}

.features__wrapper__one-block {
	max-width: 380px;
	width: 100%;
	margin-bottom: 75px
}

.features__wrapper__block__img {
	width: 70px;
	margin-bottom: 25px;
	max-width: 100%;
	height: auto
}

.features__wrapper__block__title {
	font-size: 24px;
	margin-bottom: 25px;
	margin-top: 12px;
	line-height: 1.17;
	font-family: RobotoBold
}

.features__wrapper__block__text {
	font-size: 16px;
	line-height: 1.55;
	max-width: 320px;
	height: 96px;
	overflow: hidden;
	margin: 0 auto
}

.back_call__button__wrapper {
	padding: 30px 15px 0px 15px
}

.back_call__button {
	background-color: #ffd301;
	margin: 0 auto;
	text-align: center;
	max-width: 570px;
	display: block;
	padding: 10px 15px;
	color: #1c1c1c;
	font-family: RobotoBold;
	border: none;
	text-transform: uppercase;
	letter-spacing: .5px;
}

.back_call__button:focus,
.back_call__button:hover {
	background-color: #ecc50e;
	border: none
}


.modal-content {
	border: 2px solid #ffd301;
	border-radius: 10px;
	color: #1c1c1c
}

.modal-title {
	font-family: RobotoBold;
	text-transform: uppercase
}

.modal__send_button {
	background-color: #ffd301;
	border: none;
	color: #1c1c1c;
	font-family: RobotoBold;
	text-transform: uppercase;
	letter-spacing: .5px
}

.modal__send_button:focus,
.modal__send_button:hover {
	color: #1c1c1c;
	background-color: #ecc50e;
	border: none
}

.modal-footer {
	justify-content: center
}

.col-form-label {
	font-family: RobotoRegular
}

.form-control {
	font-family: RobotoRegular;
	color: #1c1c1c
}

.services {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f5f5f5;
	padding: 100px 15px
}

.services__wrapper {
	max-width: 1080px;
	width: 100%
}

#accordion.faq__wrapper {
max-width: 1080px;
width: 100%;
margin: 0 auto;
padding-bottom: 5em
}
.faq__wrapper h3 {
	padding-top: 5em;
	padding-bottom: 1em;
	text-align: center;
	font-family: RobotoBold;
font-size: 32px;
line-height: 1.23;
color: #000;
margin-bottom: 30px;
}

.services__title {
	font-family: RobotoBold;
	font-size: 42px;
	line-height: 1.23;
	color: #000;
	margin-bottom: 30px;
	text-align: center
}

.services__table {
	padding: 20px 15px
}

.services__table__title {
	text-align: center
}

.services__table th {
	font-weight: 400;
	font-family: RobotoBold
}

.services__text {
	max-width: 720px;
	margin: 0 auto 90px auto;
	font-size: 24px;
	line-height: 1.5;
	text-align: center;
}

.services__block {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1080px;
	margin: 0 auto
}

.services__one-block {
	max-width: 540px;
	padding: 0 20px 35px 20px
}

.services__block__title {
	font-size: 24px;
	line-height: 1.23;
	font-family: RobotoBold
}

.services__block__text {
	font-size: 16px;
	line-height: 1.55;
	margin-top: 10px
}

.work {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 100px 15px;
	text-align: center
}

.work__wrapper {
	width: 100%
}

.work__photo_wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1080px;
	margin: 0 auto
}

.work__photo {
	max-width: 360px;
	padding: 15px
}

.work__photo__img {
	width: 100%;
	max-width: 100%;
	height: auto
}

.work__title {
	font-family: RobotoBold;
	font-size: 42px;
	line-height: 1.23;
	color: #000;
	padding-bottom: 45px
}

.work__text {
	font-size: 24px;
	line-height: 1.45;
	max-width: 760px;
	margin: 0 auto;
	color: #000
}

.contacts {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f5f5f5;
	padding: 100px 15px;
	text-align: center
}

.contacts__wrapper {
	width: 100%
}

.contacts__title {
	font-family: RobotoBold;
	font-size: 42px;
	line-height: 1.23;
	color: #000;
	margin-bottom: 30px
}

.contacts__text {
	max-width: 560px;
	margin: 0 auto 75px auto;
	font-size: 24px;
	line-height: 1.5
}

.contacts__link {
	color: #1c1c1c;
	font-size: 21px;
	line-height: 1.55;
	font-family: OpenSansLight;
	display: block
}

.contact_form__wrapper {
	text-align: center;
	width: 100%;
	max-width: 60%;
	margin: 40px auto
}

.contact_form {
	font-family: RobotoRegular
}

.contact_form__button {
	border: 2px solid #000;
	padding: 10px 25px;
	text-transform: uppercase;
	font-family: RobotoBold;
	transition: all .5s;
	color: #000;
	margin: 20px auto
}

.contact_form__button:active,
.contact_form__button:focus,
.contact_form__button:hover {
	color: #fff;
	background-color: #000
}

.contacts__link:active,
.contacts__link:focus,
.contacts__link:hover {
	color: #1c1c1c
}

.contacts_block__phone__wrapper {
	background: url() left center no-repeat;
	text-align: left;
	display: inline-block;
	padding: 10px 0 10px 50px
}

.contacts_block__link {
	display: inline-block;
	text-align: left
}

.contacts__link_mail {
	background: url(../image/email.png) left center no-repeat;
	text-align: left;
	display: inline-block;
	padding: 10px 0 10px 50px
}

.contacts__link_inst {
	background: url(../image/instagram.png) left center no-repeat;
	text-align: left;
	display: inline-block;
	padding: 10px 0 10px 50px
}

.contacts__link-block {
	max-width: 560px;
	margin: 0 auto
}

.contacts__link-block__link {
	padding: 0 5px;
	color: #000
}

.contacts__link-block__link:active,
.contacts__link-block__link:focus,
.contacts__link-block__link:hover {
	color: #1c1c1c
}

.contacts_block__wrapper {
	text-align: center;
	width: 100%;
	max-width: 1080px;
	margin: 0 auto
}

.contacts_block {
	width: 50%
}

.contacts_block-left {
	text-align: left
}

.contacts_block-right {
	text-align: right
}

.contacts_block__text {
	display: block;
	font-family: RobotoMedium;
	line-height: 28px;
	font-size: 19px
}

.contacts_block__phone {
	display: block
}

.contacts_block__phone_link {
	color: #000;
	font-size: 21px;
	letter-spacing: 1.2px;
	transition: all .5s
}

.contacts_block__phone_link:active,
.contacts_block__phone_link:focus,
.contacts_block__phone_link:hover {
	opacity: .7;
	color: #000
}

.showed {
	opacity: 1;
	-webkit-transition: opacity .5s;
	transition: opacity .5s
}

.showed__cover {
	background-image: url(../image/showed.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 70vh;
	background-color: #000;
	text-align: center;
	vertical-align: middle;
	position: relative;
	background-attachment: fixed;
	overflow: hidden
}

.showed__cover__carrier_loaded {
	opacity: 1;
	transition: opacity .4s;
	width: 100%;
	background-image: url(../image/showed.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	text-align: center;
	vertical-align: middle;
	position: relative;
	background-attachment: fixed
}

.showed__cover__filter {
	height: 70vh;
	background-color: #000;
	opacity: 0;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.arrow {
	position: absolute;
	z-index: 10;
	bottom: 15px;
	right: 0;
	left: 0;
	text-align: center;
	color: #fff
}

.arrow__wrapper_animated {
	display: inline-block;
	-webkit-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	cursor: pointer;
	animation: arrow-bottom 2s infinite ease
}

@keyframes arrow-bottom {
	0% {
		transform: translateY(0)
	}
	50% {
		transform: translateY(-10px)
	}
	55% {
		transform: translateY(-10px)
	}
	100% {
		transform: translateY(0)
	}
}

@media (max-width:1199px) {
	.presentation__title {
		font-size: 66px
	}
	.block_title {
		max-width: 575px;
		margin-left: auto;
		margin-right: auto
	}
}

@media (max-width:991px) {
	.about__text-wrapper__text {
		font-size: 19px
	}
	.header {
		background-color: #1c1c1c
	}
	.arrow {
		display: none
	}
	.presentation__title {
		padding: 65px 0 38px
	}
	.presentation {
		background-position: center
	}
}

@media (max-width:767px) {
	.presentation__title {
		font-size: 50px
	}
	.presentation__phone_block {
		font-size: 38px
	}
	.block_title {
		font-size: 36px
	}
	.features__wrapper__text {
		font-size: 19px;
		max-width: 360px;
		margin: 0 auto 55px auto
	}
	.features__wrapper__one-block {
		max-width: 360px;
		margin-bottom: 55px
	}
	.features__wrapper__block__text {
		height: auto
	}
	.features__wrapper__hint {
		font-size: 19px
	}
	.showed-block {
		display: none
	}
	.services__text {
		max-width: 360px;
		margin: 0 auto 40px auto;
		font-size: 19px
	}
}

@media (max-width:575px) {
	.presentation__title {
		font-size: 38px;
		padding: 30px 0
	}
	.presentation__phone_block {
		font-size: 38px
	}
	.block_title {
		font-size: 28px;
		max-width: 360px
	}
	.features__wrapper__block__title {
		font-size: 22px
	}
}

@media (max-width:400px) {
	.presentation__title {
		font-size: 24px
	}
	.presentation__phone_block {
		font-size: 18px
	}
	.presentation__link {
		font-size: 18px
	}
	.table thead th {
		font-size: 12px
	}
	.services__table th {
		font-size: 12px
	}
	.services__table__title {
		font-size: 22px
	}
	.about__text-wrapper__text {
		font-size: 14px
	}
	.block_title {
		font-size: 20px;
		max-width: 300px
	}
	.features__wrapper__text {
		font-size: 15px;
		max-width: 300px;
		margin: 0 auto 50px auto
	}
	.features__wrapper__block__img {
		width: 60px
	}
	.services__text {
		max-width: none;
		font-size: 13px
	}
	.work__photo {
		max-width: 300px
	}
	.contacts_block__phone_link {
		font-size: 15px
	}
	.contacts__link {
		font-size: 15px
	}
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding: 1rem 1rem;
}

.btn.back_call__button {
margin-top: 1em;
}

.services__wraper {
	padding: 0 10%;
	justify-content: center;
}

.card {
	margin: 1em;
	padding: 0;
	border-radius: 5px !important;
	box-shadow: 1px 1px 10px lightgray;
}

.card-img-top {
	border-radius: 5px 5px 0 0;
}

.card-title {
	font-weight: 600;
	font-size: x-large;
}

.card-body-last {
	padding: 0;
	position: relative;
		margin-top: 5em;
}

.btn-uslyg {
	position: absolute;
	bottom: 0;
	width: 100%;
	border-radius: 0 0 5px 5px !important

}

.fade-down {
    transform: translateY(60%); 
    opacity: 0;
}

.fade-up {
    transform: translateY(60%); 
    opacity: 0;
}

.zoom-in {
	opacity: 0;
	transform: scale(0);
}

.fade-r {	
    transform: translateX(60%); 
    opacity: 0;}

.fade-l {
    transform: translateX(-60%); 
    opacity: 0;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 1024px) {
    .fade-l , .fade-r, .zoom-in, .fade-up, .fade-down {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;

        transform: translateX(0) !important;
        transform: translateY(0) !important;
        opacity: 1 !important;
    }
}