/* Global */

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #8a8683;
	background-color: #f4f4f4;
}
img {
	max-width: 100%;
}
a:link {
	color: #f68f67;
	text-decoration: none;
}
a:hover {
	color: #bde2df;
	text-decoration: none;
}
a:visited {
	color: #f68f67;
	text-decoration: none;
}





/* Navigation */

.menu {
	position:fixed;
	top:0px;
	width:100%;
	height:auto;
	background-color: #380309;
	z-index:100;
}
#nav li {
color: #fef8f6;
text-transform: uppercase;
float: left;
font-size: 0.9em;
text-align: center;
margin-right: 0;
font-weight: bolder;
padding: 0.6em 1.2em;
border-right: 1px solid   #e62832;
}
#nav .active {
  border-radius: 4px;
   background: #e62832;
}
#nav  {
   margin-bottom: 0;

}

#logo {
	text-align: center;
	margin: 10px 0;
}
.navigation{
	float: right;
	list-style: none;
	margin: 0;
}
.navigation li{
	float: left;
	padding:0 0 0 50px;
}
.navigation li:hover{
	cursor:pointer;
	color: #a9d3d0;
}





/* General Slides */

.slide{
	background-attachment: fixed;
	width:100%;
	height:auto;
	position: relative;
	padding:140px 0;
    margin:0 0 140px;
}



/* Slide 1 */ 

#slide1{
	background-color:#ffffff;
}
h1 {
font-size: 2.142em;
line-height: 1.1333em;
margin-bottom: .2666em;
padding-top: 0.4em;
font-weight:  normal;
}
  h1, h2, h3, h4 {
font-weight:  normal;
}


/* Slide 2 */ 

#slide2{
background: url(bggirl.png) no-repeat top right;

   /*	background-color:#f68f67;   */
	color: #39090e;
    padding: 2em  0 2em;
    margin-bottom: 2em;
}

 p, ul, ol, dl, blockquote, hr, pre, table, form, fieldset, figure {
margin-bottom: 1em;
}
p, ul, ol, dl, dd, dt, blockquote, td, th {
line-height: 1.4em;
}


/* Slide 3 */ 

#slide3{
   background:  url(../images/fon.jpg) center;
   padding: 1em  0;
  margin: 0 0 2em;

}
#slide4 {
     padding: 1em  0;
  margin: 0 0 2em;
}
#slide5 {
     padding: 1em  0;
  margin: 0 0 2em;
}

#slide3 h1 {
	font-size: 3.8em;
	letter-spacing: -3px;
	line-height: 0px;
	color:#8a8683;
	font-weight: 700;
}
#slide3 h2 {
	font-size: 2em;
	color: #8a8683;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}
#test{
	background-color:#bde2df;
	color:#ffffff;
	text-align:center;
	font-size: 2em;
	font-weight: 400;
}


  #news   {
    padding: 0  0 2em;
    margin: 0;
margin-top: -22px;
   border-bottom: 4px solid  #e2e2e2;

  }
#news .unit-25 {
  height: 175px;
  position: relative;
  cursor: pointer;
}
#news .hide-el {
 display: none;
  height: 144px;
background: #d72831;
padding: 1em;
position: absolute;
top: 0;
    width: 88%;
  }
/* Slide 4 */

#slide4{

	background-color:#df2f38;
	color:#ffffff;
}
#slide4 h1 {
	font-size: 3.8em;
	letter-spacing: -3px;
	line-height: 0px;
	color:#ffffff;
	font-weight: 700;
}
#slide4 h2 {
	font-size: 2em;
	color: #ffffff;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}





/* Tablet */
@media screen and (max-width: 1024px) {

#logo {
	width: 100%;
	text-align: center;
}

#nav {
	width:100%;
	text-align:center;
	margin:10px 0;
}
#nav  ul .active {
   background: #e62832;
}

.navigation{
	width: 100%;
	float: center;
	list-style: none;
	margin: 0;
	padding:0;
}

.navigation li{
	float: left;
	width:25%;
	padding:0;
}

.slide{
	background-attachment: fixed;
	width:100%;
	position: relative;
	padding:150px 0;
}

#decorative {
	display:none;
}

#content {
	text-align:center;
	width:100%;
}

#slide1 h1 {
	line-height: 1em;
}
#slide1 h2 {
	line-height: 1em;
}
#slide2 h1 {
	line-height: 1em;
}
#slide2 h2 {
	line-height: 1em;
}
#slide3 h1 {
	line-height: 1em;
}
#slide3 h2 {
	line-height: 1em;
}
#slide4 h1 {
	line-height: 1em;
}
#slide4 h2 {
	line-height: 1em;
}

}




/* Mobile */
@media screen and (max-width: 480px) {

#logo {
	width: 100%;
	text-align: center;
}

#nav {
	width:100%;
	margin:5px 0;
}

.navigation{
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding:0;
}

.navigation li{
	float: left;
	width:25%;
}

.slide{
	background-attachment: fixed;
	width:100%;
	position: relative;
	padding:150px 0;
}


#slide1 h1 {
	line-height: 1em;
}
#slide1 h2 {
	line-height: 1em;
}
#slide2 h1 {
	line-height: 1em;
}
#slide2 h2 {
	line-height: 1em;
}
#slide3 h1 {
	line-height: 1em;
}
#slide3 h2 {
	line-height: 1em;
}
#slide4 h1 {
	line-height: 1em;
}
#slide4 h2 {
	line-height: 1em;
}


}

.unit-80 {
max-width: 1350px;
}
.nav-v ul li a {
text-decoration: none;
text-align: center;
color: #2b0b0e;
text-transform: uppercase;
}
#navright .nav-v ul li {
border-bottom: 0px solid #eee;
}
.nav-v ul li a:hover, .nav-v ul  .active a {
background: #e62832;
color: #fff;
text-decoration: inherit;
border-radius: 4px;
}
#news img {
max-height: 176px;
}

p  {
line-height: 1.4em;
margin-bottom: 0.9em;
}

.thumbs-block {
    overflow: hidden;
    margin: 0 5px;
    width: 100%;
}
.thumbs-block .thumbs {
    white-space: nowrap;
    text-align: center;
}
.thumbs-block .thumb {
    display: inline-block;
    padding: 5px;
    margin: 5px;
    height: 200px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
a:hover {
color: #CF7336;
}
.body p, .foot p{
color: #39090e;
font-size: 12px;
margin-bottom: 7px;
color: #39090e;
line-height: 1.3em;
font-family: Verdana;
text-align: justify;
}
#slide5 {
padding: 0;
margin: -44px 0 2em;
}
.ecp {
    background: #380609;
    color: #fff;
    font-size: 11px;
    padding: 1px 5px;
    border-radius: 3px;
cursor: pointer;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
min-width: 400px;
    background-color: #fff;
    color: #111;
    text-align: left;
    padding: 20px;
    border-radius: 3px;
    position: absolute;
    z-index: 1;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
 
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}