/*
Theme Name: Biogumusv1
Theme URI:
Author: Artcat
Author URI: 
Description:
Version: 1.0
License: GNU General Public License
License URI:
Tags: 
Text Domain:


*/

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700&subset=cyrillic');


body {


font-family: 'Roboto Slab', serif;
}


.base {
  
width: 960px;
height: 100%;

min-height: 500px;
/* background: #cdd0c9;*/ 
/* background-image: url("bb.jpg"); */

top: -8px;
position: relative;

margin: 0 auto;

display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
justify-content: space-around;
flex-wrap: wrap;

align-content: flex-start;

}


.lang {

top: 0;
right: 100px;
position: absolute;
border-bottom: 2px solid #fff;  
padding: 0px 10px 10px 10px;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
border-radius: 0 0 10px 10px;

}

.lang:hover {

background: #fff;
color: #567800;

}


a.lang {


color: #fff;
text-decoration: none;
}


.grid_9, .grid_3,  .logo {

display: inline-flex;

}

.grid_12 {

display: flex;
width: 940px;
height: auto;
min-height: 50px;
background: #fff;

flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;

}

.grid_9 {

width: 700px;
height: auto;
min-height: 50px;
background: yellow;

}

.grid_3 {

width: 220px;
height: auto;
min-height: 50px;
background: red;
}


.clearfix {

clear: both;

}

.logo  {


margin: 0  0 0  30px;

}

.logo img

{

width: 150px;
height: 150px;

}


.top_menu {






display: flex;
}



.top_menu ul li{

display: inline-flex;
flex-direction: row;
padding:  0 10px;



}

.top_menu li {

margin: 0 0;


}

.top_menu a {
color: #fff;
text-decoration: none;
padding: 5px;
}


.top_menu a:hover {

background:  #fff;
color: #576a33;
padding: 5px;

} 



#top {
height: 180px;
color: #fff;
background-image: url("ch.jpg");
font-weight: 700; 
font-family: 'Roboto Slab', serif;

font-size: 1.4em;


}


#banner {

position: relative;
background: yellow;
min-height: 400px;
height: 400px;
display: block;
margin: 10px auto 0 auto;
}



#bottom {

background: #576a33;
min-height: 300px;

}


#banner .sl {
overflow: hidden;
width: 940px;
height: 400px;
display: inline-block;
  


}


#content {


min-height: 500px;

}


.imgstat {

width: 940px;
height: auto;
margin: 0 auto;

}


.allconts {

position: relative;

}


.cont1 {
position: relative;
width: 46%;
display: inline-block;
float: left;
background: #fff;
top: 0;
padding: 2%;

}

.cont1 h2 {

color: #576a33;
font-size: 1.7em;

} 


.contfull {

position: relative;
width: 98%;
display: inline-block;
float: left;
background: #fff;
top: 0;
padding: 2%;


}


h3 {


color: #f48e00;
font-size: 1.25em;

}


.cont1 a {

color: #f48e00;
text-decoration: none;


}


.cont1 a:hover {

color: #000;
background: #f48e00;
font-weight: 700;
} 

#bottom {

align-items: flex-start;
flex-wrap: wrap; 
min-height: 100px;

}





.b1, .b2, .b3 {

display: inline-flex;

} 


.b1 {

min-height: 200px;
width: 20%;
max-width: 20%;
}


.b1 img  {

width: 150px;
height: 139px   ;

margin: 40px auto 0 auto;
}


.b2 {


min-height: 230px;
width: 25%;
max-width: 25%;
border-left: solid #fff 4px; 
border-right: solid #fff 4px; 
}


.b2 ul {

margin: 40px 0 0 0;

}

.b2 ul li {
list-style-type: none; 
margin-top: 10px;

}

.b2 ul li a {

margin: 0 0 0 -10px;
color:#fff;
font-weight: 400; 
font-family: 'Roboto Slab', serif;
font-size: 1.2em;
text-decoration: none;
padding: 5px;
}

.b2 ul li a:hover {

background: #fff;
color:#f48e00;

} 


.b3 {

/* background: #dd1234; */
min-height: 200px;
width: 50%;
max-width: 50%;

}


.mail {

margin: 10px;
display: flex;

-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;

color:#fff;
font-weight: 400; 
font-family: 'Roboto Slab', serif;


}

.mail h4 {
/* background: #000; */
padding: 0 0 10px 2px;
display: inline-flex;
color: #fff;
font-size: 1.4em;
width: 100%;
margin: 0 0 0 0;
}







#banner .caption-wrap {

opacity: 0.8;
color: #fff;
position: relative;

bottom: 400px;
left: 80px;
display: block;
width: 80%;


}


#banner .caption-wrap h5 {

font-weight: 700; 
font-family: 'Roboto Slab', serif;
font-size: 3.4em;
text-shadow: 2px 2px 4px black, 0 0 1em black;

}

.bntext {

font-weight: 700; 
font-family: 'Roboto Slab', serif;
font-size: 1.75em;
line-height: 140%;
margin: -55px 0 0 0 ;
text-shadow: 2px 2px 4px black, 0 0 1em black;
}



/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) {
  .column-half{
    width: 100%;
  }
}



.wpcf7 input[type="text"], .wpcf7 input[type="email"],  .wpcf7 textarea{

  width: 100%;
  padding: 3px;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box
}


 .wpcf7 textarea {

background: #fff;
height: 60px;
 }


.wpcf7 input[type="text"]:focus{
  background: #fff;
}
.wpcf7-submit{
  float: right;
  background: #fff;
  color: #f48e00;
  text-transform: uppercase;
  border: none;
  padding: 8px 20px;
  cursor: pointer;
  margin-top: 4px;
  font-weight: 700; 
font-family: 'Roboto Slab', serif;
}
.wpcf7-submit:hover{
  background: #f48e00;
  color: #fff;
}
span.wpcf7-not-valid-tip{
  text-shadow: none;
  font-size: 12px;
  color: #fff;
  background: #ff0000;
  padding: 5px;
}
div.wpcf7-validation-errors {
  text-shadow: none;
  border: transparent;
  background: #f9cd00;
  padding: 5px;
  color: #9C6533;
  text-align: center;
  margin: 0;
  font-size: 12px;
}
div.wpcf7-mail-sent-ok{
  text-align: center;
  text-shadow: none;
  padding: 5px;
  font-size: 12px;
  background: #59a80f;
  border-color: #59a80f;
  color: #fff;
  margin: 0;
}