@import url(http://fonts.googleapis.com/css?family=Marck+Script&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Exo+2:400,300,500&subset=latin,cyrillic);



body {
    font-weight: 400;
	font-family: 'Exo 2', sans-serif;
    background: url(../img/fon.jpg) repeat bottom center;	
	color: #2E3444;
	line-height: 22px;
    font-size:15px;
}


h2 {
    line-height: 20px;
}



h1 {
font-size:25px;
text-align:left; 
color:white;
padding: 0 20px;
}




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

.shapka img {display:block;
	margin: 20px auto 10px auto ;

}

}



.shapka{
padding: 30px 0 20px 0;
text-align:center;
}

.shapka p {
	margin: 0;
	font-size: 45px;
	font-family: 'Marck Script', cursive;
}


.shapka p span {
	display: block;
	font-size: 60%;
	opacity: 0.8;
	padding: 20px 0 0.6em 0.1em;
}




.mycontacts  {
	font-size: 25px;
text-align:center;
padding-bottom:20px;

}


.backbtn {
    padding: 10px;
    background-color: #2E3444;
    color:white;
    display:block;
}

.backbtn a p {
    color:white;
    padding:10px 0 0 10px;
    display:inline-block;
}


.backbtn a p span {
    padding:0 10px 0 0;
    font-size:20px;
}







.links{
font-size: 20px;
}



a {color: black;
text-decoration: none;
outline: none;}

.icons a:hover{
opacity: 0.6;
}


.icons a{
padding:0 10px;
}


.icons
{
padding:10px 10px 20px 10px;
}




a:hover,
a:active {
}



.text{
background:#ab1e2e;
color:white;
padding:30px 15px 25px 15px;
text-align:justify;
margin:15px 0;
}


.threeblocks {
    position: relative;
    margin-bottom: 15px;
}

.threeblocks img {
 
	border: 0px solid transparent;
	-webkit-transition: border-width 0.2s, border-color 0.2s;
	transition: border-width 0.2s, border-color 0.2s;
}

.threeblocks img:hover {
border: 14px solid #2E3444;

}


h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 20px;
    width: 100%;
    background: #2E3444;
    color: #C8C8C8;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 1em;
    -webkit-transition: -webkit-transform 0.2s, color 0.2s;
    transition: transform 0.2s, color 0.2s;
}


.threeblocks:hover h3 {
	color: #fff;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}



.container_slider{
margin-top:0px;
margin-bottom:30px;
padding-right: 40px;
padding-left: 40px;

}


.sliderimg
{
height: 350px;
}


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

.sliderimg
{height: 150px;}

.container_slider{
padding-right: 30px;
padding-left: 30px;
}
}

@media screen and (min-width:501px) and (max-width:900px) { 
.sliderimg{height: 200px;}
}

@media screen and (min-width:901px) and (max-width:1200px) { 
.sliderimg {height: 300px;}
}



.footer {
    display: block;
    height: 50px;
    position: relative;
    float: right;
    padding: 10px;
}