body,*{margin:0;padding:0;}
@font-face{font-family:'mont-r';src:url(../fonts/Montserrat-Regular.ttf)}
@font-face{font-family:'mont-b';src:url(../fonts/Montserrat-Bold.ttf)}
@font-face{font-family:'mont-e';src:url(../fonts/Montserrat-ExtraBold.ttf)}
@font-face{font-family:'mont-s';src:url(../fonts/Montserrat-SemiBold.ttf)}
@font-face{font-family:'roboto_r';src:url(../fonts/Roboto-Regular.ttf)}

* {
  box-sizing: border-box;
}

body{transition: all .2s;}

nav {
	background: #2B3934;
	width: 100%;
	padding: 1% 5% !important;
}

.navbar-toggler {
  margin-left: 3rem !important;
}

nav a.logo img {	
	width: 30%;
	height: auto;
	opacity: 0.8;
}

.logo-text {
	font-size: 30px;
	font-family: mont-b;
	display: inline-block;
	margin-top: 14px;
}

.phone_number img{
	width: 27px
}

.contacts_info{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.fa-telegram-plane{font-size: 23px;}
.fa-facebook-f{color: white; font-size: 20px; padding: 0 2rem;}

nav ul li a, .phone_number {
	margin:0 7px;
	font-family: mont-b;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	color: white;
}

nav ul {
	text-align: center;
}

nav ul li a:hover {
  color: white;
}

nav ul li:hover {
  text-decoration: underline;
}

nav button {
	margin-left: auto !important;
}

.fa-align-right {
	color: #ccc;
}

.navbar-nav{display: flex; align-items: center;}
.fa-telegram-plane{color: white;}
.fa-telegram-plane:hover{transform: scale(1.2);}

/*Section*/

.bg {
	position: relative;
	height: auto;
	background-color: #547165;
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.businessWoman {
  position: absolute;
  width: 30%;
  height: 70%;
  bottom: 0;
  right: 0;
  animation-name: moveInRight;
  animation-duration: 1s;
  animation-timing-function: ease-out;
}

.header_slider .slick-dots {
	bottom: 15px;
}

.text {
	position: relative;
	width: 100%;
	height: auto;
	padding: 4rem 2rem 4rem 0rem;
}

.system_test {
	font-family: mont-b;
	font-size: 35px;
	text-transform: uppercase;
	color: #FFFFFF;
	animation-name: moveInLeft;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  transition: all .2s;
}

.text p {
	font-family: mont-r;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 180%;
	color: #FFFFFF;
}

.text .pmove {
	animation: moveInRight 1s ease-out;
}

.demo_btn {
	width: 300px;
  height: 46px;
  background: #74C6A9;
  border-radius: 2px;
  animation: moveInBottom 1s ease-out;
  outline: none;
  border: none;
}

.demo_btn:hover {
	background: #74C6A9;
}

.demo_btn:visited, .demo_btn:focus {
	background: #74C6A9;
}

.text button p {
	font-family: mont-r;
	font-style: normal;
	font-weight: 600;
	font-size: 15px;
	line-height: 180%;
	color: #FFFFFF;
	padding-top: 8px;
}


.main_page_header {
	font-family: mont-b;
	font-size: 26px;
	text-transform: uppercase;
	color: #fff;
	animation-name: moveInRight;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  transition: all .2s;
}

.our_clients_header .main_page_header{color: #615e5e;}

.main_page_form {
	padding: 4rem 0;
}

.main_page_form form {
	animation-name: moveInRight;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  transition: all .2s;
}

.main_page_form label {
	color: #fff !important;
}

.our_clients_header .main_page_form label {
	color: #615e5e !important;
}

.main_page_form button {
	padding: 10px 40px;
  background: #74C6A9;
  border-radius: 3px;
  color: #fff;
  outline: none;
 	border: none;
}

.why_need {
	position: relative;
	height: auto;
}

.why_need h1 {
	font-family: mont-r;
	font-weight: 300;
	font-size: 40px;
	display: inline-block;
	color: #555555;
	border-bottom: 2px solid green;
	margin: 60px auto;
}

.box {
	width: 100%;
  height: 350px;
	position: relative;
	background-image: url(../images/Subtract.png);
	background-repeat: no-repeat;
	transition: all .2s;
}

.box:hover {
    transform: scale(1.03) translateY(-1.5rem);
}

.box img {
	display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 55px;
  margin-bottom: 10px;
  width: 52%;
}

.text_2 {
  width: 100%;
  margin: 0 auto;
  padding: .6rem;
}

.text_2 h3 {
	height: 58px;
	font-family: mont-r;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 29px;
	text-align: center;
	color: #FFFFFF;
}

.text_2 p {
	font-family: mont-r;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 17px;
	text-align: center;
	color: #FFFFFF;
}

.our_advantage {
	background-image: url(../images/our_advantage.png);
	background-repeat: no-repeat;
	height: auto;
	background-size: cover;
	padding: 5rem 0;
}

.carousel {
	margin: auto;
	width: 900px;
	height: auto;
	box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.4);
	background-color: #fff;
}

.carousel-control-prev-icon {
    background-image: url(../images/Vector1.png);
    width: 24px;
    height: 40px;
}

.carousel-control-next-icon {
    background-image: url(../images/Vector2.png);
    width: 24px;
    height: 40px;
}

.carousel-indicators li {
	width: 10px;
	height: 10px;
	background: rgba(81, 73, 71, 0.73);
	border-radius: 50%;
	border: none;
	margin-left: 12px;
}

.carousel-indicators li.active {
	width: 10px;
	height: 10px;
	background: #88C528;
	border-radius: 1px;
	transform: rotate(-45deg);
}


.text_3 {
	text-align: center;
	padding: 12% 0;
  margin: 0 auto;
}

.text_3 h3 {
	margin: 0 auto;
	display: inline-block;
	font-family: mont-r;
	font-weight: 300;
	font-size: 36px;
	color: #555555;
	border-bottom: 2px solid green;
	margin-bottom: 1em;
}

.text_3 p {
	margin: 0 auto;
	font-family: mont-r;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 22px;
	text-align: center;
	color: #555555;
}

.how_it_works {
	position: relative;
	height: auto;
}

.how_it_works h1 {
  font-family: mont-r;
  font-weight: 300;
  font-size: 40px;
  color: #555555;
  border-bottom: 2px solid green;
  margin: 60px auto;
  display: inline-block;
}

.box_2 {
	background: #2B3934;
	box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
	transition: all .3s;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	border-radius: 3px;
	padding: 2rem 0;
	height: 20rem;
	margin-bottom: 1rem;
}

.box_2:hover {
	transform: scale(1.03) translateY(-1rem);
}

.box_2 img {
	width: 7rem;
}

.text_4 {
	width: 100%;
	padding: 0 5%;
}

.text_4 h3 {
	height: auto;
	font-family: mont-r;
	font-weight: 500;
	font-size: 24px;
	line-height: 29px;
	color: #FFFFFF;
}

.text_4 p {
	font-family: mont-r;
	font-size: 13px;
	color: #FFFFFF;
}

.about_us {
	position: relative;
	height: auto;
	background: linear-gradient( to bottom, rgba(0,0,0,0.5), rgba(0,0,0,5) ),url(../images/about_us.png);
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 5%;
}

.text_5 {
  height: 100%;
  padding: 4rem 2rem;
}

.heading_about {
	width: 141px;
	height: 60px;
	font-family: mont-r;
	font-style: normal;
	font-weight: 300;
	font-size: 48px;
	line-height: 59px;
	text-align: center;
	color: #fff;
	border-bottom: 2px solid green;
	margin-bottom: 30px;
	opacity: 0;
	transition: all .8s;
	transform: translateX(30%);
}

.heading_para {
	font-family: mont-r;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 180%;
	color: #fff;
	opacity: 0;
	transition: all .8s;
	transform: translateX(-30%);
}

.reviews {
	background: url(../images/reviews.png) no-repeat center center/cover;
	position: relative;
	height: auto;
	padding: 4rem 0;
}

.interface {
	position: relative;
	height: auto;
}

.main {
  max-width: 100%;
}

.sl .sl__slide {
  height: 250px;
  margin: 50px;
}

.sl .sl__slide img {
	width: 109%;
  height: 100%;
  transition: all .2s
}

.sl .slick-center img {
  transform: scale(1.3);
}

.slick-prev {
	background-image: url(../images/Vector1.png);
	  width: 24px;
	  height: 40px;
}

.slick-next {
	background-image: url(../images/Vector2.png);
  width: 24px;
  height: 40px;
}

.slick-prev, .slick-next {
	top: 46%;
}

.slick-prev:hover, .slick-prev:focus {
   background-image: url(../images/Vector1.png);
 }

.slick-next:hover, .slick-next:focus {
	background-image: url(../images/Vector2.png);
}

.slick-prev:before {
    content: '';
}

.slick-next:before {
    content: '';
}

.secondCarousel p {
	font-style: italic;
}

.text_6 h1 {
	height: auto;
	font-family: mont-r;
	font-style: normal;
	font-weight: normal;
	font-size: 36px;
	line-height: 44px;
	color: #88C528;
}

.text_6 p {
	height: auto;
	font-family: mont-r;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 180%;
	color: #555555;
	padding: 0 160px;
}

.secondCarousel h4 {
	margin: 0 auto;
	font-family: mont-s;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
	color: #555555;
}

.place_order {
	position: relative;
	height: auto;
	padding: 5rem 0 4rem 0;
	background: url(../images/place_order.png) no-repeat center center/cover;
}

.place_order_text {
	margin: 0 auto;
}

.make_order_heading {
	height: auto;
	font-family: mont-b;
	font-style: normal;
	font-weight: 900;
	font-size: 48px;
	line-height: 59px;
	color: #FFFFFF;
	opacity: 0;
	transition: all .8s;
	transform: translateX(10px);
}

.make_order_para {
	height: auto;
	font-family: mont-r;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 180%;
	color: #FFFFFF;
	margin-bottom: 2rem;
	opacity: 0;
	transition: all .8s;
	transform: translateX(-10px);
}

.make_order_btn {
	background: #74C6A9;
	border-radius: 2px;
	border: none;
	padding: 0.7rem 7rem;
	text-decoration: none;
	color: #fff;
	opacity: 0;
	transition: all .8s;
	transform: translateY(50%);
}

.foot-txt .color {
	color: #63AC48;
}

footer {
	height: auto;
	background: #2B3934;
	overflow: hidden;
}

footer .img img {
	width: 90%;
}

footer .foot-txt {
	text-align: left;
	width: 100%;
	color: #fff;
	margin-left: 5rem
}

footer ul {
	margin:20px 0;
	display:block
}

footer ul li {
	display:inline-block;
}

footer ul li a {
	margin:0 20px;
	font-family: mont-b;
	font-size: 14px;
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
}

footer ul li a:hover {
  color: white;
}

.footer_flexbox {
	padding-bottom: 1rem;
}

.blocks {
	padding: 0 10rem;
}

.blocks div {
	height: auto;
	position: relative;
}

.blocks img {
  width: 244.36px;
	height: 56px;
  opacity: 0.8;
}

.blocks span {
	color: #63AC48;
}

.blocks p {
	position: absolute;
	height: 72px;
	left: 2rem;
	font-family: roboto_r;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.02em;
	color: #fff;
}

/* Second Page: how it works */

.mainHeader {
	position: relative;
	height: auto;
	background: url(../images/header2.png) no-repeat center center/cover;
}

.how_works_text {
	width: 100%;
	height: auto;
	padding: 4rem 1rem 0 0;
}

.how_works_text button {
	background: url(../images/Vector.png);
	background-repeat: no-repeat;
	width: 64px;
	height: 64px;
	border: none;
}

.how_works_text h1 {
	height: auto;
	font-family: mont-b;
	font-style: normal;
	font-weight: 900;
	font-size: 44px;
	text-transform: uppercase;
	color: #FFFFFF;
}

.how_works_text p {
	height: auto;
	font-family: mont-r;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 180%;
	color: #FFFFFF;
}

.text_info {
	height: auto;
	padding: 0 2rem 2rem 2rem;
}

.text_info p {
  text-indent: 2em;
  text-align: justify;
  font-family: mont-r;
}

.update_video {
	height: auto;
	padding: 3rem 0;
	text-align: center;
}

.update_video iframe {
	height: 30em;
	border-radius: 5px;
}

.update_video_heading{
	font-family: mont-b;
	height: auto;
	margin-bottom: 2.5rem
}

.text_info h3 {
	font-family: mont-b;
	height: auto;
}

.text_info ul {
	padding: 0 1rem;
}

.text_info ul li {
	list-style: none;
	font-family: mont-r;
}
/*Third page: our company*/

.our_company_main {
	position: relative;
	height: auto;
	background: url(../images/our_company_header.png) no-repeat center center/cover;
}

.our_company_text {
	width: 100%;
	height: auto;
	padding: 7%;
	text-align: center;
}

.our_company_text h1 {
	height: auto;
	font-family: mont-b;
	font-style: normal;
	font-weight: 900;
	font-size: 40px;
	text-transform: uppercase;
	color: #FFFFFF;
	animation-name: moveInLeft;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  transition: all .2s;
}

.our_company_heading {
	transition: all .2s;
}

.our_company_heading:hover {
  transform: skewY(2deg) scale(1.1);
  text-shadow: 0.5rem 1rem 2rem rgba(0, 0, 0, 0.2);
}

.our_company_text p {
	height: auto;
	font-family: mont-r;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 180%;
	color: #FFFFFF;
	animation-name: moveInRight;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  transition: all .2s;
}

.our_company_text button {
	  width: 64px;
    height: 64px;
    background: url(../images/Vector.png);
    background-repeat: no-repeat;
    border: unset;
    animation-name: moveInBottom;
	  animation-duration: 1s;
	  animation-timing-function: ease-out;
	  transition: all .2s;
	  outline: none;
}

.title {
	position: relative;
	height: auto;
	margin-top: 3rem;
	margin-bottom: 3rem;
	padding: 20px;
}

.title_text {
	text-align: center;
	padding: 0 24%;
	width: 100%;
}

.our_mission {
	margin-bottom: 3rem;
}

.mission_blocks {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.mission_block_each {
	position: relative;
	width: 100%;
	height: auto;
	background: #FFFFFF;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
	padding: 1.5rem;
	margin-bottom: 2rem;
	transition: all .2s;
}

.mission_block_each:hover {
	transform: scale(1.03) translateY(-1.5rem);
}

.mission_block_each_text {
	width: 100%;
	height: auto;
}

.mission_block_each_text h1 {
	width: 100%;
	height: auto;
	font-family: mont-r;
	font-style: normal;
	font-weight: 500;
	font-size: 1.3rem;
	line-height: 80px;
	color: #555555;
	opacity: 0.7;
}

.icon {
	display: flex;
	justify-content: center;
}

.about_us_company {
	background-color: #FAFAFA;
	margin-bottom: 3rem;
}

.about_us_company_text {
	padding-top: 4rem;
  padding-left: 4rem;
}

.about_us_company h1 {
	width: 100%;
	height: auto;
	font-family: mont-r;
	font-style: normal;
	font-weight: 300;
	font-size: 48px;
	line-height: 59px;
	color: #555555;
}

.about_us_company p {
	width: 100%;
	height: auto;
	font-family: mont-r;
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 180%;
	color: #555555;
}

/*Fourth page: update*/

.update_main {
	position: relative;
	height: auto;
	background: url(../images/update_header.png) no-repeat center center/cover;
}

.update_main .main_page_form{padding: 3rem 1rem}
.update_main .main_page_header{font-size: 32px}

.update_main_text {
	width: 100%;
	height: auto;
	padding: 7%;
}

.update_main_text h1 {
	height: auto;
	font-family: mont-b;
	font-style: normal;
	font-weight: 900;
	font-size: 48px;
	text-transform: uppercase;
	color: #FFFFFF;
	animation-name: moveInLeft;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  transition: all .2s;
}

.update_main_text p {
	height: auto;
	font-family: mont-r;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 180%;
	color: #FFFFFF;
	animation-name: moveInRight;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  transition: all .2s;
}

.update_main_text button {
  width: 64px;
  height: 64px;
  background: url(../images/Vector.png);
  background-repeat: no-repeat;
  border: unset;
  animation: moveInBottom 1s ease-out;
  outline: none;
}

.window {
	background: url(../images/window2.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top right;
	margin-top: 2rem;
	width: 80%;
	height: 300px;
	margin-left: 4rem;
	animation: moveInRight 1s ease-out;
}

.update_content {
	margin-top: 2rem;
	margin-bottom: 1rem;
}

.update_content ul {
	padding-left: 10rem;
	position: relative;
	margin: 0 auto;
	margin-bottom: 1rem;
}

.update_content ul li {
	font-family: mont-r;
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 180%;
	
}

.update_content ul li a {
	text-decoration: none;
	color: #555555;
}

.update_content ul li:first-child {
	position: absolute;
	left: .2rem;
	list-style-type: none;
	font-family: mont-r;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 180%;
	color: #555555;
}

.update_content ul img {
	margin-right: .5rem;
}

.update_content a {
	text-decoration: none;
}

.update_content h1 {
	width: 268px;
	height: auto;
	font-family: mont-r;
	font-style: normal;
	font-weight: 300;
	font-size: 32px;
	line-height: 44px;
	color: #555555;
	border-bottom: 2px solid #88C528;
}

.update_content_row {
	padding: 15px;
}

.update_content_container {
	max-width: 886px;
}

.update_links {
	display: flex;
	flex-direction: column;
}

.update_links a {
	text-decoration: none;
	margin-bottom: 3rem;
	border-bottom: 2px solid #88C528;
}

.update_links a h1 {
  width: 100%;
  height: auto;
  font-family: mont-r;
  font-style: normal;
  font-weight: 300;
  font-size: 29px;
  line-height: 44px;
  color: #555555;
  margin: 0 auto;
}

.update_links button {
	width: 70%;
	height: auto;
	background: #88C528;
	border-radius: 2px;
}

.update_links p {
	height: auto;
	font-family: mont-r;
	font-style: normal;
	font-weight: 600;
	font-size: 15px;
	line-height: 180%;
	color: #FFFFFF;
	margin: 0;
	padding: 3% 0;
}

.links {
	margin-bottom: 2rem;
}

/*Fifth page: our clients*/

.our_clients_header {
	position: relative;
	height: auto;
	background: url(../images/header_clients.png) no-repeat center center/cover;
}

.our_clients_header_text {
	width: 100%;
	height: auto;
	padding: 13% 2% 8% 13%;
}

.clients_heading {
	height: auto;
	font-family: mont-b;
	font-style: normal;
	font-weight: 900;
	font-size: 35px;
	text-transform: uppercase;
	color: #FFFFFF;
	animation-name: moveInRight;
  animation-duration: 1s;
  animation-timing-function: ease-out;
}

.clients_para {
	height: auto;
	font-family: mont-r;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 180%;
	color: #FFFFFF;
	animation-name: moveInLeft;
  animation-duration: 1s;
  animation-timing-function: ease-out;
}

.our_clients_header_text button {
  width: 64px;
  height: 64px;
  background: url(../images/Vector.png);
  background-repeat: no-repeat;
  border: none;
  animation-name: moveInBottom;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  outline: none;
}

.our_clients_carousel {
	margin: 2rem 0;
}

.our_clients_items {
	padding: 5rem 0;
	height: auto;
}

.client_types {
	padding: 15px;
  text-align: center;
  height: 200px;
  box-shadow: 0 0 5px rgba(13,64,117,0.8);
  margin-bottom: 25px;
  border-radius: 5px;
  transition: all 0.2s;
}

.client_types:hover {
	transform: translateY(-10px) scale(1.02);
}

.carousel_slide {
	width: 100%;
	margin: 0 auto;
}

.slick-slide {
	padding: 1rem;
}

.slick-slide img {
  margin: 0 auto;
  width: 100%;
  height: 25vh;
  object-fit: cover;
  border-radius: 10px;
}

.flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.link_comment {
	margin-bottom: 5rem;
}

.comments {
	margin: 0 auto;
}

.link_comment .comments a {
	padding: 16px 40px;
	background: #88C528;
	border-radius: 2px;
	color: #fff;
	text-decoration: none;
}

.slideIn {
	opacity: 1;
	transform: translateX(0%);
}
.slideIn2 {
	opacity: 1;
	transform: translateY(0%);
}

/*Sixth page: making orders*/

.make_order {
	margin-top: 2rem;
	height: auto;
	margin-bottom: 1rem;
}

.make_order form {
	animation-name: moveInLeft;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  transition: all .2s;
}

.make_order label, .main_page_form label {
	height: auto;
	font-family: mont-r;
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 120%;
	color: rgba(85, 85, 85, 0.7);
}

.make_order h1.all_comments {
	width: 100%;
	height: auto;
	font-family: mont-b;
	font-style: normal;
	font-weight: bold;
	font-size: 44px;
	line-height: 59px;
	letter-spacing: 0.02em;
	color: #555555;
	opacity: 0.7;
	animation-name: moveInLeft;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  transition: all .2s;
}

.downBtn {
	animation-name: moveInRight;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  transition: all .2s;
}

.make_order h1 {
	width: 100%;
	height: auto;
	font-family: mont-r;
	font-style: normal;
	font-weight: normal;
	font-size: 36px;
	line-height: 44px;
	color: rgba(85, 85, 85, 0.7);
}

.make_order input.form-control {
	border-radius: 3px;
}

.make_order button.btn_form {
	padding: 10px 40px;
	background: #88C528;
	border-radius: 2px;
	color: #fff;
	margin: 3rem 0;
}

.make_order button.btn_form_send {
  background: #88C528;
  border-radius: 3px;
  color: #fff;
  margin: 2rem 0;
  width: 100%;
  padding: 10px;
  border: none;
}

.make_order p {
	width: 100%;
	height: auto;
	font-family: mont-r;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 180%;
	color: rgba(85, 85, 85, 0.7);
}

.make_order p.file_not_chosen {
	width: 100%;
	height: auto;
	font-family: mont-r;
	font-size: 15px;
	line-height: 180%;
	color: rgba(85, 85, 85, 0.7);
	display: initial;
  margin-left: 1rem;
}

.download {
	text-align: right;
	width: 88%;
}

.download img {
	animation-name: moveInRight;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  transition: all .2s;
}

.download p {
	height: auto;
	font-family: mont-r;
	font-style: normal;
	font-weight: 300;
	font-size: 15px;
	line-height: 180%;
	color: #555555;
	margin-top: 3rem;
	animation-name: moveInRight;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  transition: all .2s;
}

/*Seventh page: Contacts*/

.contacts {
	height: auto;
	margin-top: 2rem;
	margin-bottom: 5rem;
}

.contacts h1 {
	height: auto;
	font-family: mont-r;
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: 59px;
	letter-spacing: 0.02em;
	color: #547165;
	margin-bottom: 3rem;
}

.call {
	background: url(../images/phone.png) no-repeat center center/cover;
	display: flex;
	justify-content: space-around;
	padding: 2rem;
}

.numbers {
	text-align: left;
}

.number_one {
	animation-name: moveInLeft;
  animation-duration: 1s;
  animation-timing-function: ease-out;
}

.number_two {
	animation-name: moveInRight;
  animation-duration: 1s;
  animation-timing-function: ease-out;
}

.numbers span {
	display: block;
	height: auto;
	font-family: mont-r;
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 120%;
	color: #777777;
	margin-bottom: .8rem;
}

.numbers button {
	width: 220px;
	height: auto;
	background: #74C6A9;
	border-radius: 2px 0px 0px 2px;
	color: white;
}

.map {
	margin-top: -2rem;
	margin-bottom: 7rem;
}

.map_address {
	width: 100%;
	height: auto;
	padding: 0 15px;
}

/*Eighth page: heading*/

.heading {
	height: auto;
	background: url(../images/Frame_26.png) no-repeat;
	background-size: cover;
	background-position: bottom;
}

.heading_main {
	padding: 6rem 2rem;
} 

.heading_main h1, .heading_2_main h1 {	
	height: auto;
	font-family: mont-b;
	font-style: normal;
	font-weight: bold;
	font-size: 44px;
	line-height: 59px;
	letter-spacing: 0.02em;
	color: #547165;
}

.heading_main p, .heading_2_main p {
	height: auto;
	font-family: mont-r;
	font-style: normal;
	font-weight: 300;
	font-size: 15px;
	line-height: 180%;
	color: #555555;
	text-align: justify;
}

.user_agreement {
	height: auto;
	margin-top: 5rem;
}

.user_agreement_info {
	width: 100%;
	height: auto;
	text-align: left;
	padding: 0 2rem;
}

.user_agreement_info ul {
	padding-left: 1rem;
}

.user_agreement_info h1 {
	width: 67%;
	height: auto;
	font-family: mont-r;
	font-style: normal;
	font-weight: 300;
	font-size: 44px;
	line-height: 59px;
	color: #555555;
	border-bottom: 3px solid #88C528;
	margin-bottom: 1.5rem;
}

.user_agreement_info p {
	height: auto;
	font-family: mont-r;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 180%;
	color: #555555;
}

.user_agreement_info ul li a {
	width: 100%;
	height: auto;
	font-family: mont-r;
	font-style: normal;
	font-weight: 300;
	font-size: 15px;
	line-height: 180%;
	color: #555555;
}

.heading_2 {
	height: auto;
	background: url(../images/Frame_28.png) no-repeat;
	background-size: cover;
	background-position: top;
}

.heading_2_main {
	padding: 11rem 2rem 4rem 2rem;
}

@media (max-width:992px) {
	.call {
		width: 90%;
		margin: 0 auto;
		flex-direction: column;
		text-align: center;
	}

	.numbers {
    text-align: center;
    padding-top: 2rem;
	}

	.numbers span {
		margin-bottom: .5rem;
	}

	/*.contacts_info{margin-left: auto;}*/
	/*.navbar-toggler{order: 2;}*/
}

@media (max-width:768px) {
	.container, .container-md, .container-sm {
    max-width: 720px;
	}

	/*.phone_number{
		background-image: url(../images/phone.png);
		background-repeat: no-repeat;
	}*/

	.main_page_form {
		text-align: center;
		padding: 4rem 2rem;
	}

	header a.navbar-brand {
	  width: 40%;
	  margin: 0;
	}

	header ul li {
		display:block;
	}
	
	header ul li a {
		display:block;
		margin: 5px 0;
		font-size:13px;
		text-align:center;
		color: white;
		font-weight: bold;
	}

	header .dropdown {
		margin-right:10px;
	}
	
	header {
		padding:10px 0;
	}

	.bg {
    height: auto;
    padding-bottom: 1rem;
	}

	.businessWoman {
    display: none;
	}

	.text {
		margin: 0 !important;
		height: auto;
		text-align: center;
    padding: 4rem 2rem 2rem 2rem;
	}

  .text h1 {
  	width: 100%;
    font-size: 36px;
    line-height: 49px;
	}

  .text p {
    font-size: 14px;
    line-height: 171%;
	}

	.why_need h1 {
    font-size: 30px;
    line-height: 49px;
    width: 100%;
	}

	.boxes {
		display: flex;
		flex-direction: column;
	}

	.box {
    max-width: 80%;
    margin: 0 auto;
    height: auto;
    background-size: cover;
    padding-bottom: 50px !important;
    margin-bottom: 30px;
	}

	.update_main_text {
		text-align: center;
	}

	.update_video iframe {
		height: 20em;
	}

	.update_main_text h1 {
		font-size: 32px;
	}

	.update_video_heading, .text_info h3 {
		text-align: center;
		font-size: 26px;
	}

	.text_info p {
		font-size: 16px;
	}

	.box_2 {
    height: 25rem;
    margin-bottom: 2rem;
	}

	.box_2 img {
    width: 12rem;
	}

	.text_4 {
    width: 100%;
    margin: 0 auto;
	}

	.text_4 h3 {
	  font-size: 32px;
	}

	.text_4 p {
		font-size: 20px;
	}

	.text_5 {
		max-width: 100%;
  	height: auto;
  	padding: 2rem;
	}

	.about_us {
		height: auto;
	}

	.sl .sl__slide img {
    width: 80%;
    height: 100%;
	}

	.interface .main .slick-prev, .interface .main .slick-next {
		top: 50%;
	}

	.our_advantage, .reviews {
    padding: 3rem 1rem;
	}

	.interface .main .slick-prev {
		left: 2px;
	} 

	.interface .main .slick-next {
		right: 2px;
	}

	.our_clients_header_text {
    padding: 0% 8% 8% 8%;
	}

	.how_it_works {
	  height: auto;
	}

	.text_6 p {
		padding: 0;
		height: auto;
	}

	.interface {
	  height: auto;
	}

	.place_order p {
		margin-bottom: 4rem;
	}

	.flex-container {
		flex-direction: column;
	}

	footer ul li a {
		margin: 0px 16px;
		font-size: 13px;
	}

	footer ul li {
		display: inline-block;
		text-align: left;
	}

	footer ul li a  {
		padding: 0 !important;
	}

	footer .img img {
		width: 50%;
		margin-bottom: 1.5rem;
	}

	.footer_flexbox {
		display: flex;
		flex-direction: column;
	}

	footer .foot-txt {
		margin: 0 auto;
		text-align: center;
	}

	.blocks {
		padding: 0;
	}

	.blocks p {
		font-size: 12px;
	}

	.blocks img {
		display: none;
	}

	.text_2 h3 {
		font-size: 25px;
	}

	.text_2 p {
		line-height: 17px;
		font-size: 11px;
	}

	.second {
		padding: 12% 15%;
	}

	.section_odd_text {
		height: auto;
		width: 100%;
		padding-left: 30vw;
	}

	.title_text {
		padding: 0;
		width: 100%;
	}

	.mission_blocks {
		flex-direction: column;
	}

	.mission_block_each {
		width: 100%;
		height: auto;
	}

	.about_us_company_text {
		width: 100%;
		padding: 3rem;
	}

	.window {
		width: 80%;
		height: 300px;
		margin: 0 auto;
		margin-bottom: 4rem;
	}

	.update_content ul {
    padding-left: 1rem;
    padding-top: 3rem;
	}

	.update_content ul li:first-child {
    top: 0.8rem;
    left: 0;
	}

	.update_links {
		margin: 0 auto;
	}

	.carousel_slide {
    width: 80%;
    margin: 0 auto;
	}

	.zag1_text {
		padding: 0 4rem 0 4rem;
		border-right: none;
	}

	.first_part {
		padding: 3rem 0;
	}

	.second_part {
		padding: 0;
	}

	.make_order p.file_not_chosen {
		font-size: 14px;
		margin-left: 1rem;
	}

	.download {
    text-align: center;
    width: 100%;
    margin-top: 2rem;
    padding: 0 5%;
	}

	.contacts h1 {
		text-align: center;
	}
}

/*Media width 768....................*/

@media (width:768px) {
	.sl .sl__slide img {
    width: 60%;
    height: 100%;
	}

	.container_holder {
		display: flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
	}

	.text {
		max-width: 50%;
		width: 100%;
		text-align: center;
    padding: 4rem 2rem 2rem 0rem;
	}

	.boxes {
		display: flex;
		flex-direction: column;
	}

	.box {
    max-width: 80%;
    margin: 0 auto;
    margin-bottom: 2rem;
	}

	.text_5 {
		max-width: 100%;
		flex: unset;
	}

	.second {
    padding: 12% 0%;
	}

	.mission_blocks {
		flex-direction: row;
	}

	.mission_block_each {
		width: 100%;
		height: auto;
	}

	.about_us_company_text {
		width: 700px;
	}

	.footer_flexbox {
		display: flex;
		flex-direction: row;
	}

	footer .img img {
    width: 100%;
    margin-bottom: 1.5rem;
	}

	.window {
		margin: 28px auto;
	}
}

@media (max-width: 425px) {
	header a.navbar-brand {
    width: 60%;
    margin: 0;
	}

	header a.logo img {	
		width: 30%;
	}	

	.navbar-toggler {
	  margin-left: 0rem !important;
	}
	.logo-text {font-size: 18px;}
	.logo{margin-right: 0;}
	.fa-facebook-f{padding: 0 2rem; font-size: 18px}
	.fa-telegram-plane{font-size: 20px}
	.phone_number img {width: 23px;}
	.contacts_info{margin-left: -1rem;}

	.text {
    width: 100%;
    height: auto;
    top: 1.5rem;
    text-align: center;
    padding: 0 2rem 2rem 2rem;
	}

	.text h1 {
    font-size: 25px;
    line-height: 32px;
	}

	.text p {
    font-size: 12px;
    line-height: 171%;
	}

	.text button {
    width: 160px;
    height: auto;
	}
	
	.text button p {
    font-size: 12px;
    padding-top: 13px;
	}

	.how_it_works h1 {
		font-size: 30px;
	}

	.text_2 h3 {
		font-size: 25px;
		line-height: 22px;
	}

	.text_2 p {
    line-height: 17px;
    font-size: 16px;
	}

	.text_3 {
		padding: 12% 12%;
	}

	.text_3 h3 {
		font-size: 30px;
	}

	.why_need h1 {
    font-size: 22px;
  }

  .box {
    max-width: 90%;
    margin: 0 auto;
    margin-bottom: 2rem;
	}
	.box_2 img {
    width: 39%;
	}

	.text_4 {
    margin-top: 8% !important;
    padding: 0 12px;
	}

	.text_4 h3 {
		font-size: 30px;
	}
	
	.text_4 p {
		font-size: 20px;
	}

	.about_us .text_5 h1, .text_5 p {
		color: #fff;
	}

	.sl .sl__slide {
	  height: 200px;
	  margin: 35px;
	}

	.sl .sl__slide img {
		width: 100%;
		height: 90%;
	}

	.sl .slick-center img {
		transform: scale(1.7);
	}

	.interface .main .slick-prev {
		left: -8px;
	} 

	.interface .main .slick-next {
		right: -8px;
	}

	.about_us_company_text {
    padding: 2rem;
	}

	.clients_heading {
		font-size: 30px;
	}

	.window {
    width: 100%;
    height: 210px;
   	margin-bottom: 3rem;
	}

	.update_content h1 {
		margin: 0 auto;
		width: 74%;
	}

	.update_video_heading, .text_info h3 {
		font-size: 16px;
	}

	.update_video iframe {
		height: 15em;
	}

	.make_order button.btn_form {
		padding: 10px 29px;
	}

	.make_order p.file_not_chosen {
		font-size: 13px;
		margin-left: 1rem;
	}

	.text_6 {
		padding: 0 1rem;
	}

	.user_agreement_info h1 {
		font-size: 22px;
		width: 100%;
		line-height: 35px;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 2rem;
	}

}

@media (max-width: 375px) {
	.how_it_works h1 {
		font-size: 25px;
	}

	.fa-facebook-f {
    padding: 0 1.1rem;
	}

	.why_need h1 {
    font-size: 18px;
  }

  .sl .sl__slide img {
		width: 100%;
		height: auto;
	}
	
	.sl .slick-center img {
    transform: scale(1.6);
	}

	.clients_heading {
		font-size: 26px;
	}

}

@keyframes moveInLeft {
    0% {
        opacity: 0;
        transform: translateX(-10rem);
    }

    80% {
        transform: translateX(1rem);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes moveInRight {
    0% {
        opacity: 0;
        transform: translateX(10rem);
    }

    80% {
        transform: translateX(-1rem);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes moveInBottom {
    0% {
        opacity: 0;
        transform: translateY(10rem);
    }

    80% {
        transform: translateY(-1rem);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}
.sticky-top{
	z-index: 890;
}
.slick-slide{
	height: auto;
}
.slick-slider .slick-slide{
	outline: none;
}
.brief-icon{
	height: 350px;
	width: auto;
	padding: 15px;
	background-image: url(/upload/medialibrary/03a/03a98f7251173c5240ffad1debbf4865.png);
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-position: center;
}
.section-border-left{
	border-left: 1px solid #efefef;
	padding: 50px 40px 40px; 
}
.make_order{
	cursor: #000;
}