/*
Theme Name: Bosfor-prlx
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=Cuprum:400,400i,700,700i&subset=cyrillic');

html {
 

  color: #777;



}


body  {
  height: 100%;
min-width: 400px;
  margin: 0;
  overflow-x: hidden;
    overflow-y: none;

  color: #777;



}


.imagetips {


width: 90%;



}


img.en, img.ru {



width: 30px;
height: auto;
display: block;
position: absolute;
right:0;
top: 0;
z-index: 99;


}



.topmenu {
position: relative;
width: 100%;
min-width: 100%;
background: #ccc;
height:70px;


}



.projmenu {


margin: 0 0 -20px 0;
  
}

.projmenu ul {

height: 100%;

margin: 0 0 0 -35px;

}

.projmenu ul li {

margin: 0 9px;
display: block;
float: left;
list-style-type: none; 

}

.pmenu  {


display: inline-block;
    width: 290px;
    height: 280px;
    overflow: hidden;

color: #bf1e2e;  

}

.pmenu img {

  display: block;
  width: auto;
  height: 70%;
text-align: center;
    border: none;
    margin: 0;
    padding: 0 0 20px 0;
}



.pmenu:hover {


background: #bf1e2e;
color: #fff;


} 




.bgimg-0,.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, 
.bgimg-5, .bgimg-5v2, .bgimg-6, .bgimg-7, .topmenu, .copi, .projmenu, .usaid, .usaid2, .laws {
  position: relative;
  opacity: 0.65;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

.topmenu {
opacity: 1 !important;
z-index: 1;
background: #bf202f;
height: 60px;


}

.menu ul {
width: 960px;
margin: 0 auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;

-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;

flex-wrap: nowrap;
justify-content: space-around;

}



.menu ul li {


display: inline-flex;

list-style-type:none;
}


.menu a{

    text-align: center;
padding: 15px 5px;
display: inline-flex;
  color: #fff;
  font: 1.3em "Cuprum", sans-serif;
text-decoration: none;

}

.menu a:hover {

color: #bf202f;
background: #fff;
padding: 10px 5px ;
}


.real {

margin: 10px auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
background: #ddd;
width:960px; 
}





.rounds {
display: inline-block;
    width: 40%;
    height: 200px;
    overflow: hidden;
background: #bf1e2e;    
     
}





.rounds img{

  width: 320px;
  height: auto;
    border: none;
    margin: 0;
    padding: 0;

}



.logo {
z-index: 50;

position: absolute;
  display: inline-block;


vertical-align: bottom;
opacity: 1 !important;


 
    top: 90%;
    left: 50%;
  


}

.logo img{

width: 60vw;
min-width: 500px;
height: auto;
 margin: -90% 0 0 -50%;


}

.shadow {


-webkit-filter: drop-shadow(5px 2px 2px #000);
filter: drop-shadow(5px 2px 2px #000);

}



 .txt {


display: block;
color: red;

}


  
.txt1 {

width: 100%;
min-height: 300px;


}


.twocolumn {

-webkit-column-count:2;  
    -moz-column-count:2;  
    column-count:2; 
 -moz-column-width: 48%;  
    -webkit-column-width: 48%;   
    column-width: 48%;
    text-align: left;  

}

.sl {

width: 100%;
min-width: 960px;



display: inline-flex;

margin-bottom: -80px;

}




.bgimg-0 {
  top:-60px;
  background-image: url("1.jpg");
  opacity: 0.8 !important;
display: flex;  

justify-content: center;

}



#back-top {
  
    display:none;
    position:fixed;
    bottom: 5%;
    right: 3%;
    background-color: red;
    width: 40px;
    height: 40px;


    }



.twocolumn a {

color: #bf1e2e;
text-decoration: none;


}



.twocolumn a:hover {

background:#bf1e2e;
text-decoration: none;
color: #fff;

}

.twocolumn .spprt {

width: auto;
height: 120px;
background: #ccc;
display: inline-block;

}


.spprt  {


width: 350px;
height: auto;
float: right;


}





.bgimg-1 {
  background-image: url("1.jpg");
 height: 400px;
}

.bgimg-2 {
  background-image: url("2.jpg");
  min-height: 350px;
  margin: 0 0 0 0;
}

.usaid {
  background-image: url("usaid.jpg");
  min-height: 400px;
  margin: 0 0 0 0;
  position: relative;
  opacity: 0.65;
  
}

.laws {
  background-image: url("laws.jpg");
  min-height: 400px;
  margin: 0 0 0 0;
  position: relative;
  opacity: 0.65;
  
}



.usaid2 img {


position: relative;


}


.usaid2{

 background-image: url("usaid2.jpg");
  min-height: 250px;
  margin: 0 0 0 0;
  background-attachment: fixed;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  


}



.bgimg-3 {
  background-image: url("3.jpg");
   min-height: 350px;
  margin: 0 0 0 0;
}

.bgimg-4 {
  background-image: url("4.jpg");
   min-height: 350px;
  margin: 0 0 0 0;
}


.bgimg-5 {
  background-image: url("5.jpg");
   min-height: 350px;
  margin: 0 0 0 0;
}

.bgimg-5v2 {
  background-image: url("5v2.jpg");
   min-height: 350px;
  margin: 0 0 0 0;
}



.bgimg-6 {
  background-image: url("6.jpg");
   min-height: 250px;
  margin: 0 0 0 0;
}


.bgimg-7 {
  background-color: #BE1E2D;
   min-height: 650px;
   height: auto;
  margin: 0 0 0 0;
}






.bgimg-7 h4 {

margin: -40px 0 0 0;

}


.copi {
  background-color: #BE1E2D;
   min-height: 70px;
  margin: 0 0 0 0;
   opacity: 1.0 !important;
}

.copi .cp {

  text-align: center;
padding: 10px 0 10px 0;

  color: #fff;
  font: 1.5em "Cuprum", sans-serif;




}

.caption {
  position: absolute;
  left: 0;
  top: 20%;
  width: 100%;
  text-align: center;
  color: #000;
}

.caption span.border {
  background-color: #111;
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
}






.textblock {

color: #777;

text-align: justify;
width: 960px;
margin: -0 auto 5px auto;
padding: 20px;
font: 1.25em "Cuprum", sans-serif;
line-height: 130%;

display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;


}


h3 {

  letter-spacing: 8px;
  text-transform: uppercase;
  font: 50px "Cuprum", sans-serif;
  color: #BE1E2D;
  text-align: center;

}




h4 {

  letter-spacing: 8px;
  text-transform: uppercase;
  font: 50px "Cuprum", sans-serif;
  color: #fff;
  text-align: center;
  display: block;
  z-index: 50;
}

h2 {

  letter-spacing: 8px;
  text-transform: uppercase;
  font: 50px "Cuprum", sans-serif;
  color: #fff;
  text-align: center;
  display: block;
  z-index: 50;
}



.textblock h3  {

justify-content: center;
align-items: center;
display: inline-flex;

}

.textblock h6 {

text-align: center;
justify-content: center;
color: #777;
font-size: 1.25em;
line-height: 130%;

margin: -50px auto 0 auto; 

} 

.g1 {


width: 960px;
display: flex;
/* background: #ccc; */
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
justify-content: flex-start;



}


.projkt {


display: flex;

flex-direction: row;

flex-wrap: wrap;

justify-content: space-around;

width: 960px;
position: relative;
}


.projkt a {


text-decoration: none;

}


.hrz:hover .prtext {

width: 100%;
background: #BE1E2D;
text-decoration: none;
color: #fff;
animation: eye 3s ease-in-out infinite;
    -webkit-animation: eye 3s ease-in-out infinite;
}

.hrz:hover .imgpr {

border-radius: 100%;
border: solid 2px #fff;
-webkit-filter: drop-shadow(8px 2px 2px #ccc);
filter: drop-shadow(8px 2px 2px #ccc);
-webkit-transition-duration:1.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 1.5s; /*Mozilla duration version*/
-o-transition-duration: 1.5s; /*Opera duration version*/
}

.hrz:hover .imgpr img


{
-webkit-transform:scale(1.4); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(1.4); /*Mozilla scale version*/
-o-transform:scale(1.4); /*Opera scale version*/
-webkit-transition-duration: 1.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 1.5s; /*Mozilla duration version*/
-o-transition-duration: 1.5s; /*Opera duration version*/
}


.projkt .prtext {

margin: 5px 0 0 0 ;
position: relative;
color: #BE1E2D;
padding:8px 0 8px 0;
vertical-align: middle;
font-size: 1.1em;
width: 100%;
line-height: 110%;
text-align: center;

}


.hrz {

display: flex;

flex-direction: column;
align-items: flex-start;
width: 30%;
justify-content: center;


}


.vrt {


display: inline-flex;
align-items: center;
justify-content: flex-start;
text-align: center;
}



.goals, .prin, .prjkt {

display: flex;
max-width:50%;
text-align: left;

margin: 0 0 5px 0;
align-items: center;

}



.imgpr {
display: inline-block;
    width: 290px;
    height: 200px;
    overflow: hidden;
background: #bf1e2e;    
     



}

.imgpr img{

  width: 320px;
  height: auto;
    border: none;
    margin: 0;
    padding: 0;

}





.prjkt {

flex-direction: column;
flex-wrap: wrap; 

}


.prjkt h5 {




color: #BE1E2D;
font: 1.5em "Cuprum", sans-serif;
padding: 0 20px 0 20px;
margin:10px 0 10px 0;
}



.prin {


display: flex;
flex-direction: column;
 
align-items: flex-start;
flex-wrap: wrap;


}


.prncp {

width: 95%;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: center; 


}


.a1, .b1 {

display: inline-flex;
justify-content: center;
align-items: flex-start;

}


.news_pg {

position: relative;

margin: 0 auto 0 auto;


width: 960px;

height: auto;

min-height: 800px;
font: 1.2em "Cuprum", sans-serif;
line-height: 1.3em;

}


.news {


width: 46%;
margin: 0 2% 0 2%;
text-align: left;

}

.news .cn a {

text-decoration: none;
background: #bf202f;
color: #fff;
padding: 0 5px ;
}


.news .cn a:hover {

color: #bf202f;
background: #fff;
border:solid 0.5px #bf202f;

}


.newsimage  {

width: 420px;
height: auto;
float: left;
padding: 8px;

}

.newsimager {

width: 420px;
height: auto;
float: right;
padding: 8px;

}



.news h5, .news h5 a{
display: block;

text-align: left;
color: #BE1E2D;
font: 1.5em "Cuprum", sans-serif;
padding: 0 20px 0 0;
margin:10px 0 5px 0;

}


.news h5 a {

text-decoration: none;
font: 1em "Cuprum", sans-serif;
}



.prin h5 {
display: inline-flex;


color: #BE1E2D;
font: 1.5em "Cuprum", sans-serif;
padding: 0 20px 0 20px;
margin:10px 0 10px 0;

}



.prin img {

padding: 10px 10px 0 0;



}



.goals img {

padding: 12px;


}


.goals:nth-child(even)  {

float: left;
background: #fff;
text-align: left;

}


.goals:nth-child(odd)  {

float: right;
background: #fff;
text-align: left;
}

.goals:nth-child(even) img  {

float: left;


}


.goals:nth-child(odd)  img {

float: right;

}



#t123 {
position: fixed;
bottom: 3%;         
right: 3%;
z-index: 99;
display: block;
}
#t123 a {
background: url('top.jpg') no-repeat;
width: 60px;
height: 60px;
display: block;
margin-bottom: 7px;
z-index: 99;
}



#responsive-form{
  max-width:600px /*-- измените это значение для установки необходимой ширины вашей формы --*/;
  margin:0 auto;
  max-height: 400px;
      
}
.form-row{
  width: 100%;
}
.column-half, .column-full{
  float: left;
  position: relative;
  padding: 0.65rem;
  width:100%;
  -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: left;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}






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



.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box
}
.wpcf7 input[type="text"]:focus{
  background: #fff;
}
.wpcf7-submit{
  float: right;
  background: #CA0002;
  color: #fff;
  text-transform: uppercase;
  border: none;
  padding: 8px 20px;
  cursor: pointer;
 
}
.wpcf7-submit:hover{
  background: #ff0000;
}
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;
}


/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
   .bgimg-0, .bgimg-1, .bgimg-2, .bgimg-3 {
        background-attachment: scroll;
    } 
  }

@media only screen and (max-device-width: 700px) {


}