/*
Theme Name: bsf-descktop
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;
}


.topimage {

width: 100%;
height: 350px;
position: relative;
  opacity: 1;
  background-attachment: fixed;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
 background-image: url("123.jpg");
   min-height: 350px;
  margin: 0 0 0 0;
}


h4.name {

width: 650px;
color: #fff;
text-align: center;
font: 3em "Cuprum", sans-serif;
text-transform:uppercase ; 
display: block;
position: relative;
margin: -210px auto 100px auto;

}



.basetext {

width: 960px;
position: relative;
margin: 20px auto 0 auto;

font: 1.2em "Cuprum", sans-serif;
padding:0 20px;
box-sizing: padding-box;
}


.basetext .colortext {


color: #bf202f;
font-weight: 700;
font: 1.6em "Cuprum", sans-serif;

}


a h3.zagolovok   {

 font: 1.25em "Cuprum", sans-serif;

display: block;
text-align: center;
vertical-align: top;
color: #bf202f;
box-sizing: padding-box;
margin: 10% 20px 0 20px;
font-weight: 700;
}

h3.page {

font: 2em "Cuprum", sans-serif;
text-align: left;
color: #bf202f;

}



.textblock {


width: 28%;
height: 200px;
margin: 1% 1% 1% 1%;
background: #fff;
border: solid 2px #bf202f;
border-radius: 20px;
float: left;

}



.textblock:hover {

background: #bf202f;
color: #fff;
transition: 1s linear;

}

.textblock:hover>h3.zagolovok {


color: #fff;

}



.home {

position: relative;
width: auto;
height: 50px;
top: 10px;
left: 20px;
display: block;
float: left;
padding: 0 15px 0 15px;
}


.home:hover {


background: #FF7300;
border-radius: 40%;


}



.line {

width: 100%;
height: 70px;

background: #bf202f;

}



.home a {

width: 50px;
height: 50px;
margin: 5px;

}


.topmenu {

width: 960px;
margin: 0 auto;

}




.search {
  width: 500px;
  float: left;
  margin: 2px 10px 7px 17px;
}
.searchform {
  height: 30px;
  margin: 18px 7px 0 80px;
  width: 500px;
font: 1.2em "Cuprum", sans-serif;


}
.btn {
  background-color: #FF7300;
  border: none;
  width: 80px;
  padding: 10px;
  font: 1em "Cuprum", sans-serif;
	color: #fff;
}


.s_text {

width: 90%;
height: 320px;
overflow: hidden;
margin: 5px auto 0 auto;

background: #fff7f8;
padding: 20px;


}


a.srt {

color: #bf202f;
text-decoration: none;
 font: 1.5em "Cuprum", sans-serif;
margin: 25px 0 10px 55px;

}


a.srt:hover {

text-decoration:underline ;


}


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


    }