html { /*font-size: 16px;*/ min-height: 100%;  }
body {  font-family: Verdana, Arial, sans-serif; color: #555555; background: linear-gradient(45deg, #E0E0E0, #FAFAFA);  }
a { color: #0F67A1; text-decoration: none; }
a:hover { text-decoration: underline; }

#wrapper { padding:50px; }

#content { }
  #content h1 { font-size: 2.4em; font-weight: normal; line-height: 32px; margin: 30px 0 50px 0; }
  #content p { font-size: 1.4em; line-height: 22px; margin-bottom: 20px; }
  
  /* relevant for the tutorial - start */
  #gallery { position: relative; }
    #pictures { position: relative; height: 408px; }
    #pictures img { position: absolute; top: 0; left: 0; }
    
    #prev, #next { margin-top: 30px; text-align: center; font-size: 2.0em;padding: 20px; }
  /* relevant for the tutorial - end */
  
  /* enhanced - start */
  #loader { position: absolute; top: 0; left:0; height: 458px; width: 100%; background: url(../images/ajax-loader.gif) white no-repeat center center; z-index: 9999; }
  /* enhanced - end */
  

#sidebar { }
  #sidebar ul { margin-top: 20px; }
  #sidebar ul li { font-size: 1.2em; padding: 20px 0 20px 0; border-bottom: 1px solid #dddcdc; line-height: 18px; }
  #sidebar ul li h2 { font-size: 1.2em; margin-bottom: 8px; }
#m {padding-bottom: 70px;/*margin-top:-50px;*/}
#m h1, h2, h3{font-size:24px;text-align: center;}
#half{text-indent: 50px;padding:20px;font-family: cambria;line-height: 24px;}
.logo{padding:10px 0;}
/*feedback*/
.popup_bg{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #211722;
    z-index: 2000;
    display: none;
    cursor: pointer;
    opacity: 0.75;
}

.popup_window{
    width: 545px;
    padding: 6px;
    background:linear-gradient(to right, #DCF6EF, #F6F0BA);

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    left:50%;
    top: 20px;
    margin-left: -280px;
    position: absolute;
    z-index: 2001;
    display: none;
}

.popup_window__title{
    height: 47px;
    padding-top: 30px;
    text-align: center;
    color: #010506;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
}

.popup_window__content{
	/*
    border: 4px solid #f6f6f6;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 20px;
    background: #ffffff;
    */
    text-align: center;
}

.popup_window__input{
	/*
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 29px;
    border:1px solid #000;
    padding: 5px;
    */
    border: 1px solid #CACACA;
	width: 396px;
	height: 48px;
	color: #8C8C8C;
	font-family: 'Open Sans', sans-serif;
	font-size: 21px;
	font-weight: 400;
	margin-bottom: 10px;
	text-align: center;
}

.popup_window__input.valid_field,
.static_window__input.valid_field{

}

.error_field{
    border-color: #ff0000 !important;
}
div.error{
    display: none;
    height: 16px;
    margin-top: -8px;
    margin-bottom: -8px;
    margin-left: 10px;
    color: red;
}

.btn_submit_form {
	color: #010506;
	font-family: 'Open Sans', sans-serif;
	font-size: 21px;
	font-weight: 700;
	display: block;
	background: url(../images/buttons/popup-btn-unfocus.png) no-repeat 0 0;
	width: 275px;
	height: 59px;
	text-decoration: none;
	text-align: center;
	margin: 10px auto;
	border: 0;
	padding-bottom: 6px;
}


.btn_submit_form:hover {
	background: url(../images/buttons/popup-btn-focus.png) no-repeat 0 0;
}
.btn_submit_form:active {
	background: url(../images/buttons/popup-btn-unfocus.png) no-repeat 0 0;
}
#otz{text-align: justify;}
#otz img{padding:10px;}

/*end feedback*/
#fl{float:left;padding: 20px;}
@media screen and (max-width: 1024px) {
   .logo {
      display: none;
   }
    .dn{display: none;}
}