@charset "utf-8";
/* CSS Document */
/* open-sans-300 - latin_cyrillic */
html {
    scroll-behavior: smooth;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v17-latin_cyrillic-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v17-latin_cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin_cyrillic-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin_cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin_cyrillic-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-latin_cyrillic-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v17-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin_cyrillic-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v17-latin_cyrillic-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v17-latin_cyrillic-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin_cyrillic-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin_cyrillic-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin_cyrillic-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin_cyrillic-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v17-latin_cyrillic-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v17-latin_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin_cyrillic-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin_cyrillic-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin_cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v14-latin_cyrillic-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('../fonts/montserrat-v14-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin_cyrillic-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* nunito-regular - latin_cyrillic */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nunito-v12-latin_cyrillic-regular.eot'); /* IE9 Compat Modes */
  src: local('Nunito Regular'), local('Nunito-Regular'),
       url('../fonts/nunito-v12-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-v12-latin_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-v12-latin_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-v12-latin_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-v12-latin_cyrillic-regular.svg#Nunito') format('svg'); /* Legacy iOS */
}
/*Общие стили*/
* {
	margin:0;
	padding:0;
	/*box-sizing:border-box;*/
	text-decoration:none;
	}
.conteiner{
	width:100%;
	max-width:1300px;
	margin:0 auto;
	background:#ffffff;
	}
footer{
	position:relative;
	bottom:50px;
	height:130px;
	display:flex;
	flex-direction:column;
	padding:0 0;
	align-items:center;
	justify-content:space-between;	
	}
/*Главное меню лого*/
.main-menu{
	padding:25px 0;
	display:flex;
	width:100%;
	max-width:1300px;
	box-sizing:border-box;
	/*padding-left:134px;*/
	justify-content:space-around;
	/*outline:1px solid red;*/
	}
.main-logo{
	display:flex;
	width:210px;
	height:100%;
	flex:0.2 1 210px;
	justify-content:flex-end;
	align-items:flex-end;
	/*outline:1px solid green;*/
	}	
.logo{
	height:36px;
	width:33px;
	margin-right:6px;
	/*box-sizing:border-box;
	display:inline-block;
	position:relative;*/
	display:inline-flex;
	flex-direction:column;
	flex-wrap:wrap;
	align-items:baseline;
	justify-content:flex-end;
	flex:0 0 auto;
	/*outline:1px solid orange;*/
	}
.ellipse-3
  {
	/*position:absolute;
	top:7px; */    
    border-radius: 50%;
	align-self:flex-start;
    background-color: rgb(143, 198, 61);
    width: 7px;
    height: 7px;
	order:1
	
  }
.Rounded-Rectangle-13-copy {
	/*position:absolute;
	left:13px;*/	
 	background-color: rgb(143, 198, 61);
    width: 7px;
	border-radius:3.5px;
    height: 36px;
	align-self:center;
	order:3;
}
.Rounded-Rectangle-13-copy-2 {
  background-color: rgb(143, 198, 61);
  /*position: absolute;
  top:7px;
  left:26px;*/
  border-radius:3.5px;
  width: 7px;
  height: 29px;
  align-self:flex-end;
  order:4
}
.Rounded-Rectangle-13 {
  background-color: rgb(143, 198, 61);
  /*position: absolute;
  top:16px;*/
  margin-top:2px;
  border-radius:3.5px;
  width: 7px;
  height: 20px;
  align-self:flex-start;
  order:2;
}
.crowdme{
  /*display:inline-block;*/
  font-size: 30px;
  /*flex:1 1 auto;*/
  font-family: "Nunito";
  color: rgb(109, 110, 112);
  text-transform: uppercase;
  font-weight:500;
  line-height:1;
  flex:0 0 auto;
  /*outline:1px solid red;*/
	}
.crowdme a{
	color:rgb(109, 110, 112);
	}
.crowdme a:hover{
	color: #595959;
	font-size: 30px;
	}		
.topmenu{
	display:flex;
	align-self:flex-end;
	flex-direction:row;
	flex:0.25 1 800px;
	height:100%;
	list-style:none;
	justify-content:space-around;
	line-height:2;
	/*margin-left:122px;*/
	box-sizing:border-box;
	/*border:1px solid red;*/
	}
.topmenu li{
	/*margin-left:29px;*/
	/*display:inline-block;*/
	font-family:"Open Sans";
	font-size: 13.2px;
    font-weight: 600;
    letter-spacing: normal;
    text-align: center;
    color: rgba(102, 102, 102, 0.671);
	text-transform:uppercase;
	}	
.topmenu li a{
	color: rgba(102, 102, 102, 0.671);
	}		
.topmenu li:first-child{
	/*margin-left:0;*/
	}
.form-btn-login{
	 /* margin-left:74px;	*/ 
	 display:flex;
	 flex:0.2 0 100px;
	 align-items:center;
	 justify-content:center;
	 /*outline:1px solid red;*/
	 width:100%;
	}	
.btn-login{
	 flex:0 0 100px; 
   /* vertical-align:middle;*/
    border-radius:14px;
	/*outline:1px solid green;*/
    border:1px solid rgb(173, 209, 54);
    background-color: rgb(173, 209, 54);
    opacity: 0.812;
    width: 100px;
    height: 35px;
   /* text-align:center;
    position:relative;*/
  	font-family: "Open Sans";
    font-size: 13.2px;
    font-weight: 600;
	/*line-height:6.6px;*/
	text-indent:0px;
    color: rgba(255, 255, 255, 0.81);
	text-transform:uppercase;	
	}
.btn-login:hover{
	border:1px solid #707173;
	cursor:pointer;
	}
.btn-login:focus{
	outline:none;
	}	
/*шапка*/
.header{
	background-image: url(../img/header_img.png);
	position:relative;
	width:1300px;
	height:570px;
	}  
.intellectual-property{
	width:906px;
	height:102px;
	position:absolute;
	top:169px;
	left:205px;
	}
.intellectual-property p{
	margin:0;
	padding:0;
	font-size: 49.2px;
 	font-family: "Open Sans";
 	color: rgb(255, 255, 255);
 	line-height: 0.9;
	font-weight: 600;
    font-stretch: normal;
	text-align:left;
    font-style: normal;
	}	
.of-banana{
	font-size: 35.2px !important;
    font-weight: normal !important;
	text-align:center !important;
	line-height:2.67 !important;
	}			
.form-btn-member{
  position: absolute;
  left: 527px;
  top: 330px;
	}
.btn-member{
	border-radius: 10px;
    background-color: rgb(153, 197, 10);
    width: 254px;
    height: 73px;
    text-align:center;
    box-shadow: 2px 3.5px 2px 0 rgba(0, 0, 0, 0.54);
	font-size: 19px;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
	box-shadow: 2px 3.5px 2px 0 rgba(0, 0, 0, 0.54);
	}
.btn-member:hover{
	box-shadow: 6px 11.5px 6px 0 rgba(0, 0, 0, 0.54);
	cursor:pointer;
	}	
.btn-member:focus{
	outline:none;
	}			
.shape-left{
  position: absolute;
  left: 1102px;
  top: 502px;
  width: 13px;
  height: 20px;
	}	
.shape-right{
  position: absolute;
  left: 1147px;
  top: 502px;
  width: 13px;
  height: 20px;
	}	
		
/*content*/
.section-1{
	/*height:209px;*/
	display:block;
	position:relative;
	/*border:1px solid red;*/
	}		
.shape-846{
	display:block;
	padding-top:105px;
	margin-left:655px;
	}	
.section-1-text-1{
	display:block;
	text-align:center;
	width:506px;
	margin-left:400px;
	margin-top:33px;
	font-size: 31px;
    font-family: "Open Sans";
    color: rgb(81, 81, 81);
    text-transform: uppercase;
    line-height: 1.603;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
	}
/*.section-1-text-1-1{
	font-size: 31px;
    font-family: "Open Sans";
    color: rgb(81, 81, 81);
    text-transform: uppercase;
    line-height: 1.603;
    text-align: center;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
	}*/
.section-1-text-2{
	margin-left:192px;
	display:block;
	text-align:center;
	width:922px;
	opacity: 0.71;
	font-size: 19px;
    font-family: "Open Sans";
    color: rgba(81, 81, 81, 0.71);
    line-height: 1.9;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
	}	
/*.section-1-text-2 p{
	opacity: 0.71;
	font-size: 19px;
    font-family: "Open Sans";
    color: rgba(81, 81, 81, 0.71);
    line-height: 1.9;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
	}	*/		
.section-2{
	height:390px;
	display:block;
	position:relative;
    /*border:1px solid green;*/
	}
.section-2-tabs{
	margin-top:160px;
	display:block;
	position:relative;
	text-align:left;
	/*border:1px solid green;*/
	/*width:47px;*/
	}
.section-2-tabs-1{
	margin-left:164px;
	width:203px;
	height:79px;
	display:inline-block;
	position:relative;
	/*border:1px solid red;*/
	}
.section-2-tabs-1-logo{
	position:absolute;
	border-radius: 50%;
    background-color: rgb(173, 209, 54);
    width: 43px;
    height: 43px;
	}	
.section-2-tabs-1-logo-num{
	position:absolute;
	top:12px;
	left:16px;
	line-height:1;
	font-size: 20px !important;
    font-family: "Open Sans" !important;
    color: rgb(255, 255, 255) !important;
    font-weight: 600 !important;
	}
.section-2-tabs-1-text{
	/*border:1px solid red;*/
	position:absolute;
	top:10px;
	left:73px;
	}	
.section-2-tabs-1-simple{
	font-size: 33.2px !important;
    font-family: "Open Sans" !important;
    color: rgb(101, 101, 101) !important;
    line-height: 0.8 !important;
    text-align: center !important;
    font-weight: 300 !important;
  }					
.section-2-tabs-2{
	margin-left:130px;
	width:267px;
	height:79px;
	display:inline-block;
	position:relative;
	/*border:1px solid green;*/
	}  
.section-2-tabs-2-logo{
	border-radius: 50%;
    background-color: rgb(95, 95, 95);
    position: absolute;
    width: 43px;
    height: 43px;
	}
.section-2-tabs-2-text{
	/*border:1px solid red;*/
	position:absolute;
	top:10px;
	left:73px;
	}	
.section-2-tabs-3{
	margin-left:117px;
	width:278px;
	height:79px;
	display:inline-block;
	position:relative;
	/*border:1px solid green;*/
	}
.section-2-tabs-3-logo{
	border-radius: 50%;
    background-color: rgb(95, 95, 95);
    position: absolute;
    width: 43px;
    height: 43px;
	}

.section-2-tabs-3-text{
	/*border:1px solid red;*/
	position:absolute;
	top:10px;
	left:73px;
	}
.line{
	position:relative;
	}		
.line-1{
	position:absolute;
	left:160px;
	display:inline-block;

	}
.line-2{
	position:absolute;
	left:360px;
	}
.section-2-content{
	display:block;
	height:308px;
	position:relative;
	}	
.section-2-content-glasses{
	position:absolute;
	top:88px;
	left:248px;
	}
.section-2-content-text{
	position:absolute;
	left:467px;
	top:62px;
	width:653px;
	}
.section-2-content-text-1{
	font-size: 25px;
    font-family: "Open Sans";
    color: rgb(173, 209, 54);
    line-height: 1.2;
	}			
.section-2-content-text-2{
	margin-left:3px;
	font-size: 17px;
    font-family: "Open Sans";
    color: rgba(96, 96, 96, 0.671);
    line-height: 1.8;
    opacity: 0.67;
	}	
.section-3{
	display:block;
	height:320px;
	position:relative;
	}
.section-3-properties{
	position:relative;
	display:block;
	float:left;
	height:305px;
	width:648px;
	background-image: url(../img/Layer_12_copy.png);	
	}	
.section-3-properties-img{
	display:block;
	position:absolute;
	width:133px;
	height:112px;
	/*background-image:url(../img/Vector_Smart_Object.png);*/
	top:85px;
	left:140px;
	}
.section-3-title{
	font-size: 23px;
	font-family: "Montserrat";
	color: rgb(81, 81, 81);
	line-height: 1.2;
	font-style: normal;
	font-weight: 600;
	position:absolute;
  }	
.section-3-text{
	position: absolute;
	font-size: 17px;
	font-family: "Open Sans";
	color: rgb(81, 81, 81);
	line-height: 1.7;
	font-weight: 500;
	width:256px;
	height:73px;
	} 
.form-section-3-btn{
	position: absolute;
	} 
.form-section-3-btn-properties{
	top:207px;
	left:322px;
	}
.form-section-3-btn-buers{
	 top:206px;
	 left:252px;
	}	
.section-3-btn{
	outline:none;
	border:none;
	border-radius: 8px;
	text-align:center;	
    width: 187px;
    height: 51px;
	font-size: 15px;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    font-weight: 600;
	}
.section-3-btn:hover{
	cursor:pointer;
	box-shadow: 4px 9.5px 6px 0 rgba(0, 0, 0, 0.54);
	}
.section-3-btn:focus{
	outline:none;
	}			
.section-3-btn-properities{
	background-color: rgb(38, 166, 209);
	}
.section-3-btn-buers{
	background-color: rgb(173, 209, 54);
	}		
.section-3-properties-title{
	top:45px;
	left:320px;
	} 
.section-3-properties-text{
	top:103px;
	left:315px;
	}		 
.section-3-buers{
	position:relative;
	display:block;
	float:left;
	height:305px;
	width:652px;
	background-image: url(../img/Layer_12.png);	
	}		
.section-3-buers-img{
	display:block;
	position:absolute;
	height:92px;
	width:101px;
	top:95px;
	left:75px;
	}
.section-3-buers-title{
	top:45px;
	left:255px;
	}	
.section-3-buers-text
   {
	top:101px;
	left:250px;
	}	  		
.section-4-title{
	height:247px;
	}
.section-4-title-text{
	height:245px;
	width:680px;
	display:block;
	float:left;
	text-align:left;
	margin-left:160px;
	}
	
.section-4-title-text-1{
	margin-top:65px;
	display:inline-block;
	font-size: 29px;
    font-family: "Open Sans";
    color: rgb(81, 81, 81);
    line-height: 1.2;
    font-weight: 600;
    width: 250px;
    height: 29px;
    }
.section-4-title-text-2{
	margin-top:20px;
	display:inline-block;
	font-size: 17px;
    font-family: "Open Sans";
    color: rgb(143, 143, 143);
    line-height: 1.8;
    width: 672px;
    height: 47px;
  }			
.form-section-4-btn-member{
	position:relative;
	display:block;
	float:right;
	height:245px;
	width:458px;	
	}	
.section-4-btn-member{
	outline:none;
	position: absolute;
	top: 95px;
	left: 113px;
	border-radius: 9px;
	background-color: rgb(255, 255, 255);
	border: 1px solid rgba(81,81,81,0.42);
	width: 185px;
	height: 54px;	
	font-size: 15px;
	font-family: "Open Sans";
	color: rgba(81, 81, 81, .71);
	font-weight: bold;	
	}	
.section-4-btn-member:hover{
	cursor:pointer;
	border: 2px solid rgba(81,81,81,0.42);
	}	
		

.section-4-projekts{
	/*border:1px solid red;*/
	text-align:center;
	width:1300px;
	/*height:525px;*/
	position:relative;
	display:block;
	}
.section-4-projekts-card{
	margin-right:40px;
	border-radius:11px;
	display:inline-block;
	height:524px;
	width:300px;
	background-color:#f7f7f7;
	border:1px solid rgba(0, 0, 0, 0.14);
	}
.section-4-projekts-img{
	width: 300px;
	height: 490px;
	position: relative;
	display: block;	
	}	
.section-4-projekts-opas{
	opacity:0.85;
		}	
.section-4-projekts-title
{
	position:absolute;
	top:256px;
	left:20px;
	font-size: 17px;
    font-family: "Open Sans";
    color: rgb(72, 72, 72);
    font-weight: bold;
    line-height: 1.2;
	}				
.section-4-projekts-title-text{
	position:absolute;
	top:288px;
	left:20px;
	width: 250px;
    height: 82px;
	display:block;
	font-size: 13px;
    font-family: "Open Sans";
    color: rgba(72, 72, 72, 0.71);
    line-height: 1.8;
    text-align: left;
	}
.form-section-4-card-btn{
    position: absolute;
	top:170px;
	left:145px;	
	}
.section-4-card-btn{
	outline:none;
	border:none;
	border-radius: 5px;
    background-color: rgb(38, 166, 209);
    width: 139px;
    height: 35px;
	font-size: 16.5px;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);		
	}	
.section-4-card-btn:hover{
	cursor: pointer;
	font-weight: 600;
	}		
.section-4-projekts-card-rect{
	position:absolute;
	left:0px;
	}
.section-4-projekts-card-rect-text{
	position:absolute;
	left:0px;
	text-transform:uppercase;
	transform:rotate(-45deg);
	transform-origin:38px 7px;
	font-size: 14px;
    font-family: "Montserrat";
    color: rgb(255, 255, 255);
    text-align: center;
	font-weight:700;
	text-transform:uppercase;	
	}		
.section-4-projekts-card-process-ful{
	background-color: rgb(227, 227, 227);
	border-radius:5px;
    position: absolute;
    left: 20px;
    top: 391px; 
    width: 254px;
    height: 14px;
	}
.section-4-projekts-card-process-part{
	background-color: rgb(173, 209, 54);
	border-radius:5px;
    position: absolute; 
    width: 38px;
    height: 14px;
	}		
.section-4-projekts-card-process-part-1{
	background-color: rgb(173, 209, 54);
	border-radius:5px;
    position: absolute; 
    width: 168px;
    height: 14px;
	}
.section-4-funded{
	position:absolute;
	font-size: 13px;
    font-family: "Open Sans";
    color: rgb(141, 141, 141);
    line-height: 1.2;
    font-weight: 600;
    width: 110px;
    height: 10px;
	}	
.section-4-funded-text{
	top:422px;
	left:20px;
	text-align:left;
	}	
.section-4-days{
	top:422px;
	right:28px;
	text-align:right;
	}	
.section-4-laer-14{
	background-image:url(../img/Layer_19.png);
	position:absolute;
	top:453px;
	left:20px;
	/*border:1px solid red;*/
    width: 252px;
    height: 1px;
	}	
.section-4-end{
	display:block;
	position:absolute;
	text-align:right;
	top:479px;
	right:32px;
	}	
.section-4-end-shape{
	display:block;
	float:right;
	margin-left:10px;
	width:12px;
	height:16px;
	}
.section-4-end-text{
	display:block;
	float:right;
	font-size: 15px;
    font-family: "Open Sans";
    color: rgba(72, 72, 72, 0.851);
    line-height: 1.2;
    font-weight: 600;
    height: 16px;
	}		
.section-5{
	padding-top: 137px;
	background-image: url(../img/bg.png);
	display: block;
	width: 1300px;
	height: 670px;
	bottom: 60px;
	position: relative;
	text-align: center;
	/*border:1px solid green;*/
	}
.section-5-tytle{
	display:block;
	text-align:center;
	font-size: 39.2px;
    font-family: "Open Sans";
    color: rgb(158, 192, 45);
    line-height: 1.2;
    font-weight: 600;
  }	
.section-5-text{
	margin-top:25px;
	display:inline-block;
	font-size: 19px;
    font-family: "Open Sans";
    color: rgb(148, 148, 148);
    line-height: 1.8;
	width:920px;
	/*border:1px solid red;*/
  }
 .section-5-messege{
	 display:flex;
	 padding:0 100px;
	 flex-flow:row wrap;
	 justify-content:space-around;
	 /*border:1px solid green;*/
	 height:390px;
	 
	 } 
.section-5-messege-card{
	flex:0 1 397px;
	position: relative;
	width: 397px;
	height: 244px;
	/*border:1px solid red;*/
	align-self: center;
	background-image: url(../img/Rounded_Rectangle_12.png);
	background-repeat: no-repeat;
	}  	
	
.section-5-messege-card-title{
	display:block;
	margin-top:22px;
	width:397px;
	text-align:center;
	font-size: 21px;
    font-family: "Open Sans";
    color: rgb(158, 192, 45);
    line-height: 1.2;
    text-align: center;
    font-weight: 600;
  }	
.section-5-messege-card-text{
	display:inline-block;
	margin-top:15px;
	font-size: 13px;
    font-family: "Open Sans";
    color: rgb(132, 132, 132);
    line-height: 1.8;
    text-align: center;
    width: 319px;
	height:83px;
	} 
.section-5-messege-card-end{
	display:flex;
	flex-direction:row;
	margin-top:33px;
	align-items:center;
	justify-content:flex-start;
	}
.section-5-messege-card-end-img{
	margin-left:48px;
	}		
.section-5-messege-card-end-text{
	margin-left:18px;
	font-size: 15px;
	width:265px;
    font-family: "Montserrat";
    color: rgb(73, 73, 73);
	text-align:left;
	font-weight:700;
	
	}	
footer img[alt="footer-img"]{
	width:1028px;
	}	
footer span{
	font-size: 13px;
    font-family: "Open Sans";
    color: rgb(132, 132, 132);
    line-height: 2;
 }	
 /* =========================================
   Модальные окна (Login & Registration)
   ========================================= */
.modal-overlay {
    display: none; /* Скрыто по умолчанию */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Полупрозрачный фон */
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

.modal-overlay.active {
    display: flex; /* Показываем окно при добавлении класса */
}

.modal {
    background-color: #ffffff;
    padding: 40px;
    border-radius: 10px;
    width: 100%;
    max-width: 400px;
    position: relative;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    font-family: 'Open Sans', sans-serif;
}

.modal h2 {
    color: rgb(81, 81, 81);
    margin-bottom: 25px;
    font-weight: 600;
    font-size: 24px;
}

.modal-close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 28px;
    color: #999;
    cursor: pointer;
    line-height: 1;
}

.modal-close:hover {
    color: #333;
}

.modal form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.modal input {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.3s;
}

.modal input:focus {
    border-color: rgb(173, 209, 54);
}

.modal-btn {
    background-color: rgb(173, 209, 54);
    color: white;
    border: none;
    padding: 15px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    transition: background-color 0.3s, box-shadow 0.3s;
}

.modal-btn:hover {
    background-color: rgb(153, 197, 10);
    box-shadow: 2px 3.5px 2px 0 rgba(0, 0, 0, 0.3);
}
/* =========================================
   Раздел: How It Works
   ========================================= */
.section-how-it-works {
    padding: 80px 20px;
    background-color: #f9f9f9; /* Светло-серый фон для визуального отделения блока */
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}

.section-title {
    font-size: 32px;
    color: rgb(81, 81, 81);
    margin-bottom: 60px;
    font-weight: 600;
    text-transform: uppercase;
}

.steps-wrapper {
    display: flex;
    flex-wrap: wrap; /* Чтобы карточки переносились на узких экранах */
    justify-content: center;
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
}

.step-item {
    flex: 1 1 300px;
    max-width: 350px;
    background: #ffffff;
    padding: 40px 20px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Эффект при наведении на карточку */
.step-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.step-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(173, 209, 54); /* Зеленый кружок на фоне. Если иконки уже цветные и фон не нужен — удалите эту строку */
    border-radius: 50%; /* Делает фон круглым */
    box-shadow: 0 4px 10px rgba(173, 209, 54, 0.4);
}

.step-icon img {
    max-width: 50%; /* Размер иконки внутри кружка */
    max-height: 50%;
    object-fit: contain;
}

.step-title {
    font-size: 20px;
    color: rgb(81, 81, 81);
    margin-bottom: 15px;
    font-weight: 600;
}

.step-text {
    font-size: 14px;
    color: #666666;
    line-height: 1.6;
}
/* =========================================
   Адаптивность для мобильных (Медиа-запросы)
   ========================================= */

/* Кнопка гамбургера по умолчанию скрыта на ПК */
.mobile-menu-btn {
    display: none;
    font-size: 30px;
    background: none;
    border: none;
    color: rgb(81, 81, 81);
    cursor: pointer;
}

/* Стили для экранов мобильных телефонов и планшетов */
@media screen and (max-width: 768px) {
    
    /* Делаем так, чтобы контент не вылезал за края экрана */
    .conteiner, body, html {
        width: 100%;
        max-width: 100vw;
        overflow-x: hidden;
    }

    /* Перестраиваем шапку */
    .main-menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        padding: 15px;
        position: relative;
    }

    /* Показываем кнопку-гамбургер */
    .mobile-menu-btn {
        display: block;
        order: 2; /* Ставим кнопку в центр или справа */
    }

    /* Кнопка Login на мобильных */
    .form-btn-login {
        order: 3;
    }

    /* Скрываем обычное меню и делаем его выпадающим */
    .topmenu {
        display: none; /* Скрыто по умолчанию */
        flex-direction: column;
        width: 100%;
        order: 4;
        background-color: #fff;
        padding: 20px 0;
        box-shadow: 0 10px 15px rgba(0,0,0,0.1);
        position: absolute;
        top: 100%; /* Выпадает прямо под шапкой */
        left: 0;
        z-index: 999;
    }

    /* Класс active будет добавляться через JavaScript для показа меню */
    .topmenu.active {
        display: flex;
    }

    .topmenu li {
        margin: 10px 0;
        text-align: center;
    }

    /* Уменьшаем шрифты в главном баннере */
    .intellectual-property p {
        font-size: 28px !important; 
        line-height: 1.3;
    }
    
    .of-banana {
        font-size: 32px !important;
    }

    /* Делаем карточки отзывов и блоки на 100% ширины */
    .section-5-messege, 
    .section-5-messege-card {
        padding: 0 15px;
        height: auto;
        width: 100%;
        flex-direction: column;
        background-size: cover; /* Чтобы фоновые картинки не искажались */
    }
    
    .section-5-messege-card {
        margin-bottom: 30px;
        padding-bottom: 20px;
    }
}
/* Выпадающее меню Upload */
.dropdown {
    position: relative;
}
.dropdown:hover .submenu {
    display: block;
}
.submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    list-style: none;
    padding: 10px 0;
    min-width: 150px;
    z-index: 1000;
}
.submenu li {
    margin: 0 !important;
}
.submenu a {
    color: rgb(81, 81, 81);
    padding: 10px 20px !important;
    display: block;
    text-align: left !important;
}
.submenu a:hover {
    background-color: #f0f0f0;
}
/* Цвета для модального окна уведомлений */
.text-success {
    color: rgb(173, 209, 54) !important; /* Ваш фирменный зеленый */
}
.text-error {
    color: #ff4d4d !important; /* Красный для ошибок */
}