*{padding:0; margin:0}
body{width:100%; }
img{border:none}

p{font:18px  'Roboto', serif;	font-weight:bold;color:#000;line-height:22px}
li{font:18px  'Roboto', serif;	color:#000; line-height:38px}
a{text-decoration:none;}

h1{font:36px  'Roboto Slab', serif; color:#000; font-weight:bold}

h2,h3{font:34px  'Roboto Slab', serif; color:#000;font-weight:bold}
h4{font:25px  'Roboto Slab', serif; color:#000; }
h5{font:20px  'Roboto Slab', serif; color:#000; }
h6{font:26px  'Roboto Slab', serif; color:#000;font-weight:bold}

#header a{text-decoration: none; color:#000;}

#header{width:100%;height:100px;margin: 0 auto;	z-index:10}
		
#menucover{margin: 0 auto; position:fixed;
			width:100%; height:100px;
			background-color:#E5BF23;	z-index:3}
			
#cover{width:1000px;height:100px; margin:0 auto;z-index:4}
			
#menu{width:840px;position:relative; padding-top:30px; display: inline; margin-left:0px;float:left; }

#menu ul{position: relative;	list-style:none;}		
#menu li{float:left; text-indent:20px; }

#menu a{text-decoration:none; font:18px  'Roboto', serif ;color:#000}

#tel{width:160px; margin-right:0px;float:right;text-align:right; padding-top:10px}
#tel p{font:18px  'Roboto', serif ;color:#000}

#wrapper{width:100%; margin:0 auto; float:left;height:600px;
		background-image:url(images/fonmain.jpg);
		background-size:cover;
		background-repeat:no-repeat;
		background-position:left top;
		z-index:2}


#textheadcover{width:1000px; height:400px;margin:0 auto;}		
#text-header{width:900px; height:392px; margin:0 auto; margin-top:50px;text-align:center }

#indostavka{width:99%; margin:0 auto}
#content{width:100%; position:relative;margin:0 auto;float:left;z-index:2}

#tablica{width:1000px; margin:0 auto; float:left; padding-top:20px; padding-bottom:20px; text-align:justify}
#dostavka{width:50%; float:left; text-align:center}
#dostavka img{width:90%}

#bloc70{width:67%; float:right; margin-right:0px; }
#bloc30{width:32%; float:left; margin-left:0px; }
#bloc30 img{width:98%}
#block{width:28%; float:left; margin-left:8%; } #blockr{width:28%; float:right; margin-right:0px; } #blockl{width:28%; float:left; margin-left:0px; }
#bloc{width:28%; float:left; margin-left:8%; } #blocr{width:28%; float:right; margin-right:0px; } #blocl{width:28%; float:left; margin-left:0px; }
#block img{width:100%; margin:0 auto;}
#bloc img{margin: 0 10px 2px 6px; float:left} #blocl img{margin: 0 10px 2px 6px; float:left} #blocr img{margin: 0 10px 2px 6px; float:left}
#blocc{width:28%; float:left; margin-left:8%; text-align:center;} #bloccr{width:28%; float:right; margin-right:0px; text-align:center;} #bloccl{width:28%; float:left; margin-left:0px; text-align:center;}
#fotocover{width:50%; float:left;text-align:center}
#fotocover img{width:80%; box-shadow: 5px 5px #E5BF23}
#fotocover2{width:50%; float:left;text-align:left}
#fotocover2 img{width:10%; float:left; }
#fotocover3{width:50%; float:left;text-align:center}
#fotocover3 img{width:80%; }
	
#yellowcover{width:1000px;height:224px; position:relative; margin:0 auto;
			background-color:#66CC66;}
			
#yellowcover2{width:1000px;height:170px; position:relative; margin:0 auto;
			background-color:#66CC66;}
			
#yellowcall{width:900px; margin:0 auto; padding-top:20px; }	
.yellow{font:20px 'Roboto Slab', serif; font-weight: bold; line-height:28px;padding-top:10px}
.yellowt{font:27px 'Roboto Slab', serif; font-weight: bold; line-height:44px;padding-top:10px}

#telefon{width:33%; float:left; text-align:center; }


#knopka{width:499px; float:right; text-align:center}	

#zaglav{padding-top:40px}	

#text{width:1000px; height:300px;margin:0 auto;text-align:justify;}

#text p{font-size:22px}
#text2{width:360px; float:right; margin-right:20px;text-align:justify}
			
#fon{width:100%; margin:0 auto; height:400px;
		background-size:cover;
		background-repeat:no-repeat;
		}

#fon2{width:100%; margin:0 auto; float:left;
		background-size:cover;
		background-repeat:no-repeat;background-attachment: fixed;
		background-position:left top; }
		
		
#semena{width:1000px; margin:0 auto; /* Цвет фона */
    padding: 25px; /* Поля вокруг текста */
    
    filter: alpha(Opacity=70); }
	
#line{width:1000px; height:2px; margin:0 auto; background-color:#66CC66;}
#ornament{width:100%; height:46px; background-image:url(images/ornament.jpg); float:left; margin:0 auto}

#contact{width:1000px;height:300px; margin:30px auto;}
#contact-part{width:333px; height:280px; float:left; text-align:center;}
#contact-part img{width:300px}
#contact-part p{line-height:28px}
			
#footer{width:100%;height:100px; margin:0 auto; background-color:#E5BF23; float:left}
#footerin{width:1000px; margin:0 auto}
#left{width:130px; padding-top:30px; float:left}
#right{width:200px;float:right;height:100px; padding-top:30px; margin-right:0px; text-align:right;}
#right p{font:18px  'Roboto', serif; line-height:23px}

#minimenu{width:90%; margin:0 auto;}
#mini{width:33%; float:left; text-align:center;}
#mini a{ color:#000;
 border-radius:6px;
  background-color: #E7CC5C; 
  padding:6px 6px; box-shadow:1px 1px #b59200
}

#tablica2{width:1000px; margin:10px auto; float:left; text-align:justify}
#tablica2 a{color:#000;
 border-radius:6px;
  background-color: #E7CC5C; 
  padding:7px 7px; box-shadow:1px 1px #b59200}
#tablica2 h6{color:red;}

#tablica4{width:1000px; margin:10px auto; float:left; text-align:justify}
#tablica4 a{text-decoration:none; color:red;} 
#tablica4 h6{color:red;}

#tablica3{width:900px; margin:10px auto; float:left; padding-left:50px}
  
#contact-form{width:50%;margin:0 auto;text-align:center;float:left;}  
#inmodal{width:1080px; margin:0 auto;background:#fff;}
section{margin-left:30px}
section p{font-weight:normal}
section h2{color:red;}

			
.two {
  border: 5px solid #E5BF23;
  background: white;
  padding: 3%;
}
.two img {
  width: 100%;
  display: block;
  margin: 0 auto;
}
.two figcaption {
  padding: 0.5em;
  color: white;
  background: #E5BF23;
  text-align: center;
  text-transform: uppercase;
}			
			
.btn-sample { 
 border-radius:6px;
  background-color: #E7CC5C; 
  padding:10px 10px; box-shadow:1px 1px #b59200
} 

			
	
/* Контейнер */
.modal {overflow: auto;min-height:1000px;

/* Слой перекрытия */
position: absolute;
top: 120px;
left: 0;
right: 0;
bottom: 0;
background:rgba(0, 120, 201, 0.7);
z-index: 900;

/* Трансформации прозрачности при открытии  */
-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in;

/* Скрываем изначально */
opacity: 0;
pointer-events: none;
}

/* Показываем модальное окно */
.modal:target {
opacity: 1;
pointer-events: auto;
}

/* Содержание */
.modal > div {
width: 100%;height:auto;

position: relative;
margin: 0 auto;

/* По умолчанию минимизируем анимацию */
-webkit-animation: minimise 500ms linear;

/* Придаем хороший вид */
padding: 15px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
-moz-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
box-shadow: 0 3px 20px rgba(0,0,0,0.9);

}

/* Изменяем анимацию при открытии модального окна*/
.modal:target > div {
-webkit-animation-name: bounce;
}


@-webkit-keyframes bounce {
  0% {
  	-webkit-transform: scale3d(0.1,0.1,1);
  	-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
  55% {
  	-webkit-transform: scale3d(1.08,1.08,1);
  	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0);
  }
  75% {
  	-webkit-transform: scale3d(0.95,0.95,1);
  	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.9);
  }
  100% {
  	-webkit-transform: scale3d(1,1,1);
  	-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
}

@-webkit-keyframes minimise {
  0% {
  	-webkit-transform: scale3d(1,1,1);
  }
  100% {
  	-webkit-transform: scale3d(0.1,0.1,1);
  }
}

/* Ссылка на кнопку Закрыть */
.modal a[href="#close"] {
position: absolute;
right: 0;
top: 20px;
color: transparent;
}

/* Сбрасываем изменения */
.modal a[href="#close"]:focus {
outline: none;
}

/* Создаем кнопку Закрыть */
.modal a[href="#close"]:after {
content: 'X';
display: block;

/* Позиционируем */
position: absolute;
right: -10px;
top: -10px;
width: 40px;
padding: 1px 1px 1px 2px;

/* Стили */
text-decoration: none;
text-shadow: none;
text-align: center;
font-weight: bold;
background: red;
color: #ffffff;
border: 3px solid #ffffff;
-moz-border-radius: 40px;
border-radius: 40px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.modal a[href="#close"]:focus:after,
.modal a[href="#close"]:hover:after {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
}

.modal a[href="#close"]:focus:after {
outline: 0px solid #000;
}

/* Открываем модальное окно */
a.openModal {

}

a.openModal:hover,
a.openModal:focus {
}

.modal .modal_title {
	display: block;
	text-align: center;
	font-size: 22pt;
}

@import url(reset.css);



/* Стили формы */
#application {
    width: 300px;
    margin: 0 auto;
}

/*Стили полей для ввода*/
#applicationName, #applicationEmail, #applicationTelephone {
    width: 100%;
    height: 33px;
    background: #fff;
    margin-top: 15px;
    border: 1px solid #A4A4A4;
    border-radius: 30px;
    text-align: center;
    color: #333;
    font-size: 24px;
}

/*Стили полей при клике по ним*/
#applicationName:focus, #applicationEmail:focus, #applicationTelephone:focus {
    border: 1px solid #30ad64;
}



::placeholder {
    color: #333;
   
}

/*Стили для кнопки*/
.applicationButton {
    margin-top: 15px;
    background: #ff0000;
    border: none;
    width: 100%;
    height: 40px;
    border-radius: 40px;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    cursor: pointer;
/*    transition: .6s;*/
}
    .applicationButton:hover {
        background: #d68c18; 
        /*    transition: .6s;*/
    }