/* Окно */
#modal_form {
 width: 80%;
height: 100vh;
 position: fixed; 
 top: 0; 
 left: 0; 
 margin:0 0 0 0; 
	display: none; 
 opacity: 0; 
 z-index: 99999; 
     padding: 40px;
	background: rgba(148,161,170, 0.9);
}
 

 
 
 
 
#modal_close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 40px;
right: 40px;
  cursor: pointer;
  display: block;
  font-size: 50px;
  background-image: url(/wp-content/themes/razom/design/search-close.svg);
  background-size: cover;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  margin-top: -10px;
}
		
	
#modal_close:hover {
-webkit-transform: rotate(180deg);
          transform: rotate(180deg);
	
}	
		
#modal_form ul {
  
}

		
#modal_form ul li a {
  font-size: 20px;
  color: #ffffff;
  margin: 0 0 15px 0;
  display: block;
	font-weight: 700;
}

#modal_form ul li ul li a {
  font-size: 18px;
color: #ffffff;
margin: 0 0 10px 20px;
display: block;
font-weight: 500;
}

 
#modal_form .m-search {
  margin:20px 0 0 0;
}
 
#modal_form .m-search input {
  width: 75%;
  background: #94a1aa;
  border: 1px solid #fff;
  border-radius: 6px;
  padding: 16px;
  font-size: 16px;
	color:#fff;
}

#modal_form .m-search input:focus {
  background: #fff;
  border: 1px solid #fff;
  color:#000;
	outline:none;
}


#modal_form .m-search input[type=submit]	{
  width: 24%;
background: #728087;
border: none;
padding: 18px 16px;
}	





	

	
		
		
		
/* Подложка */
#m-overlay {
 z-index: 99998;
 position: fixed;
 background-color: #fff; 
opacity: 0.1; 
 width: 100%; 
 height: 100%; 
 top: 0; 
 left: 0; 
 cursor: pointer;
 display: none; 
}

























.search-popup {
  padding: 25px 20px;
  border: none;
  font-style: normal;
font-weight: 500;
font-size: 22px;
color: #000;
	text-indent:-9999px;
	position:relative;
}
	
.search-popup::before {
  content: '';
  background-image: url("/wp-content/themes/razom/design/icons/search.svg");
  position: absolute;
  top: 0;
  left: 50%;
  width: 20px;
  height: 20px;
  background-size: cover;
  top: 50%;
  margin: -10px 0 0 -10px;
}



	#search-popup {
  width: 50%;
	position: fixed;
  top: 0;
  left: 0;
	right: 0;
margin: 0 auto;
  display: none;
  opacity: 0;
  z-index: 99999;
  padding: 40px;
  background: #94a1aa;
		border-radius:6px;
	-webkit-box-shadow: 7px 0px 13px -8px rgba(0,0,0,0.27);
  -moz-box-shadow: 7px 0px 13px -8px rgba(0,0,0,0.27);
  box-shadow: 7px 0px 13px -8px rgba(0,0,0,0.27);
  border-radius: 6px;
}
 

 
 
 
 
#search-popup-close {
 width: 30px;
height: 30px;
position: absolute;
top: 20px;
right: 20px;
  cursor: pointer;
  display: block;
  background-image: url(/wp-content/themes/razom/design/search-close.svg);
  background-size: cover;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
}
		

#search-popup-close:hover {
-webkit-transform: rotate(180deg);
          transform: rotate(180deg);
	
}	



#search-popup .title {
  font-weight: 700;
  margin: 0 0 20px 0;
  font-size: 60px;
  color: #fff;
}

#search-popup .descr {
  font-size:16px;
	text-align:center;
	margin:0 0 10px 0;
	display:block;
}


#search-popup .left-col {
  width:50%;
padding: 0 20px 0 0;
	margin:20px 0 0 0;
}

#search-popup .right-col {
  width:50%;
padding: 0 0 0 20px;
	margin:20px 0 0 0;
}



#search-popup .searchform {
  width:100%;
}

#search-popup .searchform input {
  width: 75%;
  background: #94a1aa;
  border: 1px solid #fff;
  border-radius: 6px;
  padding: 16px;
  font-size: 16px;
	color:#fff;
}

#search-popup .searchform input:focus {
  background: #fff;
  border: 1px solid #fff;
  color:#000;
	outline:none;
}


#search-popup .searchform input[type=submit]	{
  width: 23%;
background: #728087;
border: none;
padding: 18px 16px;
}	


.tagcloud {
 text-align: left;
 margin: 7px 0px 7px 0px;
}
			
.tagcloud .tagcloud-title {
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  text-align: left;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #fff;
  padding: 0 0 10px 0;
}


		
		
		
/* Подложка */
#overlay {
 z-index: 99998; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
 position: fixed; /* всегда перекрывает весь сайт */
 background-color: #ffffff; /* черная */

 opacity: 0.95; /* но немного прозрачна */
 width: 100%; 
 height: 100%; /* размером во весь экран */
 top: 0; 
 left: 0; /* сверху и слева 0, обязательные свойства! */
 cursor: pointer;
 display: none; /* в обычном состоянии её нет) */
}
 
 .modaltitle {font-size: 18px;color:#fff;text-align:center;
 
 
 } 
	
	#modal_contact_form svg {
  position: absolute;
  bottom: -1px;
  left: 0;
}


	
	
	
	
	
	
.gc-button {
  width:50px;
	height:50px;
	position:relative;
	display: block;
	z-index:3;
}
	
	.gc-button:before {
  content: "";
position: absolute;
left: 0px;
width: 50px;
height: 50px;
background-image: url("/wp-content/themes/landing/images/consult.svg");
		background-size:cover;
}

.gc-button:hover {
	color:#fff;
	text-decoration:underline;
}

	#modal_consult_form {
  width: 500px;
  position: fixed;
  top: 0;
  left: 0;
	right: 0;
margin: 0 auto;
  display: none;
  opacity: 0;
  z-index: 99999;
  padding: 60px;
  background: #fff;
		border-radius:6px;
	-webkit-box-shadow: 7px 0px 13px -8px rgba(0,0,0,0.27);
  -moz-box-shadow: 7px 0px 13px -8px rgba(0,0,0,0.27);
  box-shadow: 7px 0px 13px -8px rgba(0,0,0,0.27);
  border-radius: 6px;
}
 

 
 
 
 
#modal_close_consult_form {
  width: 25px;
  height: 25px;
  position: absolute;
  top: -26px;
  right: -26px;
  cursor: pointer;
  display: block;
  background-image: url(/wp-content/themes/landing/images/icon-close.svg);
  background-size: cover;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
}
		
	/* Кнопка закрыть для тех кто в танке) */
#modal_close_consult_form:hover {
-webkit-transform: rotate(180deg);
          transform: rotate(180deg);
	
}	



#modal_consult_form .title {
  text-transform:uppercase;
	font-weight:700;
	display:block;
	text-align:center;
	margin:0 0 10px 0;
font-size: 30px;

/* or 32px */
text-align: center;

color: #2196F3;
}

#modal_consult_form .descr {
  font-size:16px;
	text-align:center;
	margin:0 0 10px 0;
	display:block;
}



#modal_consult_form .wpcf7-form-control {
  width: 100%;
  padding: 19px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
}


#modal_consult_form .wpcf7-textarea{
  height:100px;
}


#modal_consult_form input[type="submit" i] {
  margin: 0 auto;
  margin-top: 10px;
  color: #fff;
  padding: 20px;
  text-decoration: none;
  background: #2196F3;
border-radius: 5px;
  border: none;
  font-size: 16px;
	font-family: 'RoadRadio';
  text-transform: uppercase;
  text-align: center;
  position: relative;
  display: block;
  cursor: pointer;
}

.wpcf7 form .wpcf7-response-output {
  margin: 2em 0.5em 1em;
  padding: 0.2em 1em;
  border: 2px solid #00a0d2;
  border: none!important;
}
	

	
		
		
		
/* Подложка */
#overlay {
 z-index: 99998; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
 position: fixed; /* всегда перекрывает весь сайт */
 background-color: #fff;
opacity: 0.95;
 width: 100%; 
 height: 100%; /* размером во весь экран */
 top: 0; 
 left: 0; /* сверху и слева 0, обязательные свойства! */
 cursor: pointer;
 display: none; /* в обычном состоянии её нет) */
}
 
 .modaltitle {font-size: 18px;color:#fff;text-align:center;
 
 
 } 
	
	#modal_consult_form svg {
  position: absolute;
  bottom: -1px;
  left: 0;
}	








 




@media screen and (max-width: 700px) {
#modal_form .m-search input {
  width: 100%;
}
	#modal_form .m-search input[type="submit"] {
  width: 50%;
  display: table;
  margin: 10px auto;
}
}


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

#modal_form {
padding: 20px;
}

#modal_close {
  width: 20px;
  height: 20px;
}
	
	
}