/* Specification*/
body {
	font-family: 'Pt Sans', sans-serif;
}
ul li {
	display: block;
	padding: 0;
	margin: 0;
}
header {
	padding-top: 10px; 
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Roboto-Bold';
}
/* First screen */

.logo {
text-transform: uppercase;
}
.logo a {
color:#000;
}
.logo a:hover {
text-decoration: none;
}
.logo a:visited {
color:#000;
}
.logo__text {
font-family: 'Roboto-Medium';
font-size: 36px;
}
.logo__pictext {
font-family: 'Roboto-Thin';
font-size: 14px;
}
.logo__pictext img{
padding-right: 8px;
}
.contacts {
text-align: center;
}
.contacts__tel {
font-family: 'Roboto-Medium';
text-transform: uppercase;
font-size: 28px;
}
.contacts__time {
font-size: 12px;
font-family: 'Roboto-Thin';
}
.contacts__popup {
font-size: 16px;
text-transform: uppercase;
font-family: 'Roboto-Thin';
}
.contacts__popup a{
text-decoration: underline;
}
.contacts__popup a:hover{
text-decoration: none;
}
.menu__item {
font-family: 'Roboto-Light';
text-transform: uppercase;
font-size: 18px;
padding: 5px 15px 5px 5px;
line-height: 2.0em;
}
.menu__item a {
color: #000;
}
.menu__item a:hover {
color: #ff4800;
}
.menu {
padding-left:10px;
}
.menu__hidden {
display: none;
}
.menu {
margin-bottom: 0px;
}

/*Main Screen First*/

.mainpic {
background: url(../img/background-main.jpg) center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.mainpic__h2 {
font-family: 'Roboto-Black';
padding-top: 100px;
color: #fff;
font-size: 36px;
text-transform: uppercase;
}
.mainpic__p {
font-family: 'Roboto-Light';
padding-top: 10px;
color: #fff;
font-size: 24px;
text-transform: uppercase;
}
.forma {
margin-top: 20px;
}
.mainpic__forma {
padding: 15px 5px;
margin-bottom: 300px;
margin-left: 15px;
background: rgba(255,255,255,0.5);
}
.mainpic__input {
font-family: 'Roboto-Light';
font-size: 14px;
margin: 0 10px;
padding: 8px 10px;
outline: none;
width:168px;
border:0px;
}
.mainpic__button {
font-family: 'Roboto';
font-size: 14px;
margin: 0 10px;
color: #000;
cursor: pointer;
padding: 5px 40px;
background: #d6ad2e;
border: 2px solid #d6ad2e;
text-transform: capitalize;
}
.mainpic__button:hover {
background: #ebcc6e;
}
.middlefeatures {
background: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
padding: 5px 0 5px 0;
margin: -30px auto 0 auto;
}
.feature__text {
font-family: 'Roboto-Light';
font-size: 14px;
text-transform: uppercase;
padding-top: 10px;
margin-bottom: 0px;
}
.feature__pic {
padding-right: 10px;
}

/*First Screen common*/

.pagepic {
background: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.pagepic__h2 {
font-family: 'Roboto-Black';
padding-top: 50px;
padding-bottom: 42px;
color: #fff;
font-size: 36px;
text-transform: uppercase;
text-align: center;
}
.pageforma {
margin-top: 40px;
padding-bottom: 40px;
}
.pageforma h1 {
font-size: 28px;
}
.pageforma__text {
font-family: 'Roboto-Light';	
text-align: center;
font-size: 24px;
padding-top: 40px;
}
.articleforma {
margin-top: 40px;
padding-bottom: 40px;
}
.articleforma h1 {
margin-top:10px;
}
.pform {
margin: 0 auto;
text-align: center;
}
.pform ul {
padding-left: 0px;
}
.pform__input {
padding: 10px 5px;
}
.pform__input input{
outline: none;
padding: 10px 10px;
background-color: #f5f5f5;
border-radius: 3px;
margin-bottom: 10px;
}
.pform__button {
font-family: 'Roboto';
text-align: center;
color: #fff;
cursor: pointer;
padding: 10px 20px;
background: #ee9009;
border: 2px solid #ee9009;
border-radius: 5px;
text-transform: capitalize;
font-size: 20px;
width:220px;
margin-top: 10px;
}
.pform__button:hover {
color: #000;
background: #fff;
}

/*Section Forma*/

.forma {
padding: 5px 15px 5px 15px;
}
.forma__head1 {
font-family: 'Roboto-Black';
font-size: 28px;
padding-bottom: 10px;
text-align: center;
margin: 0 auto;
}
.forma__head2 {
font-family: 'Roboto';
font-size: 24px;
padding-bottom: 20px;
margin: 0 auto;
}

/*Footer*/

.footer__redsocial {
font-family: 'Roboto-Black';
font-size: 22px;
text-transform: uppercase;	
}
.footer__pagar {
font-family: 'Roboto-Black';
font-size: 22px;
text-transform: uppercase;
}
.footer__contacts {
font-family: 'Roboto-Black';
font-size: 22px;
text-transform: uppercase;	
}
.footer__background {
background-image: url(../img/back_footer.png);
padding-bottom: 30px;
}
.adress {
font-family: 'Roboto-Light';
font-size: 14px;
padding: 10px 0px 0px 0px;
}
.pagar {
padding: 10px 0px 0px 0px;
}
.pagar__item {
font-size: 28px;
padding: 10px 10px 0px 0px;
}
.fa-cc-visa {
color: #357ee2;
}
.fa-cc-mastercard {
color: #c3491f;
}
.fa-credit-card {
color: #51c31f;	
}
.adress__item {
padding-top: 5px;
}
.redsocial {
padding: 10px 10px 0px 0px;
}
.redsocial__item {
font-size: 28px;
padding: 10px 10px 0px 0px;
}
.fa-facebook-official {
color: #2b17a5;	
}
.fa-instagram {
color: #e94bf7;	
}
.fa-vk {
color: #6270f7;		
}
.formbottom {
font-family: 'Roboto-Light';
text-transform: uppercase;
font-size: 14px;
padding: 0px 0px 20px 0px;
margin: 0 auto;
}
.help-block {
color: red;
}
.formbottom__item {
padding-top: 15px;
}
.formbottom__item input{
border-style: none;
outline:none;
border-bottom: 1px dashed;
width:576px;
}
.formbottom__item textarea{
border-style: none;
outline:none;
resize: none;
height: 50px;
border-bottom: 1px dashed;
width:576px;
}
.formabutton {
font-family: 'Roboto';
font-size: 18px;
text-transform: uppercase;
padding-top: 20px;
padding-bottom: 30px;
margin: 0 auto;
}
.formabutton__button {
 color: #000;
 cursor: pointer;
 padding: 10px 20px;
 background: #f68a8a;
 border: 2px solid #f68a8a;
 text-transform: uppercase;
}
.formabutton__button:hover {
background: #fff;
}

/*Text*/

.sectiontext {
margin-top: 30px;
}
.sectiontext h1 {
font-size: 28px;
}
.sectiontext h2 {
font-size: 24px;
}
.sectiontext h3 {
font-size: 22px;
}
.sectiontext h4 {
font-size: 20px;
}
.sectiontext h5 {
font-size: 18px;
}
.sectiontext h6 {
font-size: 16px;
}
.sectiontext img {
max-width: 100%;
}

/*Bakery Icons*/

.bakery_icons {
margin:20px 0px;
}
.cakebutton {
font-family: 'Roboto';
text-align: center;
color: #000;
cursor: pointer;
padding: 10px 20px;
background: #f68a8a;
border: 2px solid #f68a8a;
text-transform: uppercase;
font-size: 20px;
width:220px;
}
.cakebutton a {
color: #000;
}
.ugosheniye_text {
text-align: center;
width:220px;
}

/*Blog*/

.pager__text {
margin-top: 20px;
padding-left: 0px;
font-family: 'Roboto';
font-size: 16px;
}
.pager__text li {
 display: inline;
 padding: 5px 5px;
}
.pager__text li:first-child {
 display: inline;
 padding-left: 0px;
}
.pager__text a {
color:#000;
text-decoration: underline;
}
.pager__text__active {
color:#000;
text-decoration: none;
}
.pager__text a:hover {
text-decoration: none;
}
.artlink {
padding-top:20px;
padding-left: 5px;
}
.artlink a{
color: #000;
text-decoration: underline;
}
.blogthemes__tags {
font-family: 'Roboto-Light';
font-size: 14px;
padding-left:0px;
margin-top:20px;
}
.blogthemes__tags li{
 display: inline;
 padding: 5px 5px;
}
.blogthemes__header {
text-align: center;
margin: 20px auto;
}
.blogthemes__text {
text-align: center;
margin: 20px auto;
}
.blogthemes__img {
margin: 0 auto;
display: block;
text-align: center;
}
.blogthemes__tags a {
color:#000;
text-decoration: underline;
}
.blogthemes__tags a:hover {
text-decoration: none;
}

/*Catalog*/
.catalog {
margin-top: 30px; 
}
.catalog__menu {
font-family: 'Roboto-Light';
text-transform: capitalize;
font-size: 20px;
}
.catalog__item {
margin-bottom: 10px
}
.catalog__item a {
color: #000;
}
.catalog__tovary {
flex-wrap: wrap;
}
.catalog__tovar {
margin:0px 5px 5px 0px;
}
.catalog__tovar h3{
font-family: 'Roboto';
font-size: 24px;
text-align: center;
}
.catalog__tovar img{
display: block;
margin: 0 auto;
}
.specification h4{
font-family: 'Roboto-Bold';
font-size: 16px;
}
.tovar__tags {
font-family: 'Roboto-Light';
font-size: 14px;
padding-left:0px;
margin-top:20px;
}
.tovar__tags li{
 display: inline;
 padding: 5px 5px 5px 0px;
}
.tovar__tags a{
color:#000;
}
.tovar__imgcatalog {
margin-top: 20px;
}
.tovar__imgcatalog img {
margin:10px 10px 10px 0px;
}
.tovar__imgcatalog img{
width:200px;
height:200px;
}
.pictovar {
width: 100%;
}

/*Media tasks*/
@media screen and (max-width: 992px) {
.logo {
text-align: center;
padding-bottom: 20px;
}
.footer__h3 {
text-align: center;
}
.pagar {
text-align: center;
}
.redsocial {
text-align: center;
}
.adress {
text-align: center;
}
.menu__item {
 font-family: 'Roboto-Light';
 text-transform: uppercase;
 font-size: 18px;
 padding: 5px 10px 5px 5px;
 line-height: 2.0em;
}
nav {
margin: 20px auto 0px auto;
}
.menu {
flex-direction: column;
text-align: center;
}
.menu__hidden {
display: block;
}
.menu__hidden:hover {
display: block;
cursor: pointer;
color:#ff4800;
}
.menu__open {
display: none;
}
.cl-menu li{
display: none;	
}
.op-menu li{
display: block;
}
.bakery_icons {
flex-wrap: wrap;
}
.bakery_icons__width {
max-width: 250px;
margin:10px;
}
.middleicons__width {
max-width:570px;
margin: 0 auto;
}
.pageforma img {
width:100%;
}
.blogthemes img{
width: 99%;
padding-left:1%;
}
.catalog__menu {
text-align: center;
padding-left:0px;
padding-bottom: 20px;
}
.pictovar {
display: block;
margin: 0 auto;
}
.specification {
text-align: center;
margin-top: 20px;
}
.marginauto {
margin: 0 auto;
}
.tovar__tags {
text-align: center;
}
}

@media screen and (max-width: 768px) {
.mainpic__forma {
flex-direction: column;
text-align: center;
margin: 0 auto 100px auto;
padding: 15px;
}
.mainpic__input {
margin: 10px 0px;
width:auto;
}
.mainpic__button {
margin-top: 10px;
width:auto;
}
.mainpic__h2 {
text-align: center;
}
.mainpic__p {
text-align: center;
}
.middlefeatures {
flex-direction: column;
}
.feature {
padding: 10px 0;
}
.forma__head2 {
text-align: center;
}
.formbottom {
max-width: 250px;
}
.formbottom li{
text-align: center;
}
.formbottom__item input{
width:250px;
}
.formbottom__item textarea{
width:250px;
}
.middleicons__width {
max-width:300px;
}
.catalog__menu {
margin-top:20px;
}
}
@media screen and (max-width: 480px) {
.catalog__tovar img{
width: 70%;
}
.tovar__tags {
text-align: center;
}
.tovar__imgcatalog img {
display: block;
margin: 10px auto;
}
}