html { overflow-x: hidden; }
body { }
@font-face { font-family: 'text'; src: url('assets/design/fonts/Montserrat-Regular.ttf'); }
@font-face { font-family: 'medi'; src: url('assets/design/fonts/Montserrat-Medium.ttf'); }
@font-face { font-family: 'head'; src: url('assets/design/fonts/Montserrat-Bold.ttf'); }
* { font-family: 'text'; font-size: 16px; color: #000; }

h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; font-weight: 400; width: 100%; }
a { color: #4d8802; font-size: 100%; }
b { font-weight: 400; font-family: 'head'; }
p { line-height: 1.5; }

.bt1, .bt2, .bt3, .bt4 { display: block; width: 100%; font-weight: 400; font-family: 'head'; }
.bt1 { font-size: 300%; }
.bt2 { font-size: 250%; }
.bt3 { font-size: 200%; }
.bt4 { font-size: 175%; }
.dt1, .dt2, .dt3 { display: block; width: 100%; font-weight: 400; line-height: 1.5; }
.dt1 { font-size: 125%; }
.dt2 { font-size: 110%; }
.dt3 { font-size: 100%; }
.lt1, .lt2 { color: #ddd; }
.lt1 { font-size: 90%; }
.lt2 { font-size: 80%; }
.img { width: 100%; }
.bsh { box-shadow: 0 0 5px #000; }
.tsh { text-shadow: 0 0 5px #000; }
.none { display: none }

/*--- spam ---*/
.s-message { display:none; }
.my-message { display:none; }

/*--- up ---*/
.up {
    display: block;
    position: fixed;
    opacity: 0;
    padding: 0px 10px;
    border-radius: 0;
    bottom: 20px;
    right: 20px; 
    z-index: 100; 
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s; 
}
.up img { width: 30px; }

/*--- cont ---*/
.cont-elem { display: flex; flex-wrap: nowrap; align-content: center; align-items: flex-start; justify-content: flex-start; cursor: pointer; }
.cont-elem > div.pic { width:15px; height: 15px; margin-right: 10px; background-size: cover; background-position: center; }
.cont-elem > div.txt { flex-shrink: 100; }



/*--- breadcrumb ---*/
.breadcrumb { list-style: none; margin: 20px 0; padding: 0; font-size: 90%; width: 100%; }
.breadcrumb b { padding: 0 5px; font-weight: 100; font-size: 100%; }
.breadcrumb li { display: inline; color: #000; text-decoration: none; font-size: 100%; }
.breadcrumb li a { color: #000; text-decoration: underline; font-size: 100%; }



/*--- box ---*/
#boxshadow { 
    position: fixed;
    z-index: 100; 
    transition: opacity 0.5s; 
    width: 0; 
    height: 0; 
    top: 0; 
    left: 0; 
    display: flex; 
    justify-content: center; 
    opacity: 0.7;
    background: #000;
}
#box {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 101;
    background: rgba(0, 0, 0, 1);
    transition: 0s;
}
#boxclose { display: block; height: 15%; text-align: right; }
#boxclose img { height: 30px; margin: 20px; }
#boxinfo { display: block; height: 60%; overflow-y: auto; }
#boxsoci { display: block; height: 25%; }
#boxsoci .email1 { justify-content: center; color: #fff; }
#boxsoci .email1 .pic { display: none; }
#boxsoci .email1 .txt { font-size: 125%; font-family: 'head'; font-size: 90%; color: #fff; text-align: center; }
#boxsoci .social1 { text-align: center; padding: 15px 0; }
#boxsoci .social1 img { width: 40px; margin: 2px; }








/*--- askform ---*/
.askform .success { color: #fff; font-size: 150%; padding: 50px; margin: 20px auto; text-align: center; background: #4d8802; }
/*--- tpl-askform ---*/
.tpl-askform { padding: 5%; display: table; }
.tpl-askform .bt1 {}
.tpl-askform .dt1 {}
.tpl-askform .lt1 { font-size: 80%; text-align: center; color: #999; }

.tpl-askform textarea { 
    width: 100%;
    padding: 10px;
    background: rgba(255, 0, 63, 0);
    border: solid 1px #000;
    border-radius: 0;
    font-size: 120%;
    color: #000;
    transition: 0.5s background;
}

.tpl-askform input { 
    width: 100%;
    padding: 25px;
    background: rgba(255, 0, 63, 0);
    border: 0;
    border-bottom: solid 1px #000;
    border-radius: 0;
    font-size: 120%;
    color: #000;
    transition: 0.5s;
}

.tpl-askform .date { position: relative; width: 100%; height: 70px; }
.tpl-askform .date .placeholder {
    padding: 25px;
    display: block;
    font-size: 125%;
    opacity: 0.55;
    position: absolute;
    width: 100%;
    border-bottom: solid 1px #000;
}
.tpl-askform .date input[type="date"] { opacity: 0; }

.tpl-askform select { 
    width: 100%;
    padding: 23px;
    background: rgba(255, 0, 63, 0);
    border: 0;
    border-bottom: solid 1px #000;
    border-radius: 0;
    font-size: 120%;
    color: #000;
    transition: 0.5s background;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
	appearance: none !important;
    background-image: url('assets/design/base/sel.png');
    background-size: auto 40%;
    background-repeat: no-repeat;
    background-position: 97% center;
}
.tpl-askform select option { padding: 0; margin: 0; font-size: 110%; font-family: text; }

.tpl-askform button[type="submit"] { 
    display: block;
    color: #fff;
    border: 0;
    font-size: 100%;
    font-family: 'head';
    transition: 0.25s;
    border-radius: 1000px;
    background: #4d8802;
    padding: 15px 60px;
    margin: 30px auto;
}
.tpl-askform button[type="submit"]:active {}
.tpl-askform button[type="submit"]:hover {}

.tpl-askform .error { border-color: #ff003f; color: red; font-size: 80%; }
.tpl-askform .success { color: #000; font-size: 125%; padding: 10%; }


/* .tpl-askform .place:after { content: ""; display: table; width: 20px; height: 20px; } */






















/*--- header ---*/
header { height: 100px; position: absolute; }
header.norm { height: 80px; background: #8cba51; }
/*--- nav ---*/
.menu-log { width: 40%; }
.menu-log img { height: 60px; display: block; }
.menu-des { width: 55%; }
.menu-des ul { display: flex; justify-content: flex-end; width: 100%; list-style: none; padding: 0; margin: 0; }
.menu-des ul li { padding: 0 10px; }
.menu-des ul li a { color: #fff; font-size: 150%; font-family: 'medi'; text-decoration: none; }
.menu-des ul li.active a { color: #ddd; }
.menu-but { display: none; }
.menu-but img { width: 30px; }
.menu-per { width: 5%; }
.menu-per img { width: 30px; display: block; }
.menu-mob ul { width: 100%; list-style: none; padding: 0; margin: 0; }
.menu-mob ul li { padding: 10px 20px; }
.menu-mob ul li a { display: block; color: #fff; font-family: 'head'; font-size: 200%; text-decoration: none; text-align: center; }
.menu-mob ul li.active a {  }
/*--- subheader ---*/
.subheader { display: block; width: 100%; height: 80px; }



/*--- home ---*/
.home { 
    height: 100%; 
    background-image: url(assets/design/base/home.jpg); 
    background-size: cover; 
    background-position: center; 
    padding-top: 100px;
}
.home .bt1 { font-size: 400%; color: #fff; text-align: center; padding: 25px 0; font-family: 'head'; }
.home .dt1 { font-size: 150%; color: #fff; text-align: center; padding: 25px 0; font-family: 'text'; }
.home .askmy {
    display: table;
    margin: 40px auto;
    border: 0;
    color: #4d8802;
    width: auto;
    padding: 15px 60px;
    cursor: pointer;
    background: #fff;
    border-radius: 1000px;
    text-decoration: none;
    font-family: 'head';
    font-size: 80%;
}



/*--- order ---*/
.order {}
.order .bt1 { text-align: center; padding: 50px 0; }
.order .bt2 { text-align: center; padding: 50px 0; }
.order .dt1 { text-align: center; }
.order .dt2 { text-align: center; text-transform: uppercase; }



/*--- action-list ---*/
.action-list { background: #eee; }
.action-list .bt1 { text-align: center; }
.action-list .dt1 { text-align: center; }
/*--- tpl-action-list.rev ---*/
.tpl-action-list.rev { flex-direction: row-reverse; } 
.tpl-action-list.rev div.txt .tri { left: unset; right: 100%; border-right: solid 15px #fff; border-left: transparent; } 
/*--- tpl-action-list ---*/
.tpl-action-list { display: flex; width: 50%; }
.tpl-action-list a { display: block; border: solid 1px #ddd; }
.tpl-action-list div.pic { width: 50%; padding-top: 50%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.tpl-action-list div.txt { width: 50%; padding: 25px; background: #fff; position: relative; }
.tpl-action-list div.txt .tri { position: absolute; border: solid 15px transparent; border-left: solid 15px #fff; left: 100%; } 
.tpl-action-list div.txt .bt1 { font-size: 125%; font-family: 'medi'; text-align: left; padding: 10px 0; font-weight: 800; }
.tpl-action-list div.txt .dt1 { font-size: 90%;  font-family: 'text'; text-align: left; padding: 10px 0; }



/*--- recipe-list ---*/
.recipe-list { background: #eee; }
.recipe-list .bt1 { text-align: center; }
.recipe-list .dt1 { text-align: center; }
/*--- tpl-recipe-list ---*/
.tpl-recipe-list { display: flex; padding: 10px; }
.tpl-recipe-list a { display: block; text-decoration: none; }
.tpl-recipe-list a div.pic { width: 100%; padding-top: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.tpl-recipe-list a div.txt { width: 100%; padding: 25px 0; }
.tpl-recipe-list a div.txt .bt1 { font-size: 125%; font-family: 'medi'; text-align: left; padding: 10px 0; font-weight: 800; }
.tpl-recipe-list a div.txt .dt1 { font-size: 90%;  font-family: 'text'; text-align: left; padding: 10px 0; line-height: 1.55; }
.tpl-recipe-list a div.txt .more { color: #4d8802; font-family: 'head'; }
.tpl-recipe-list a div.txt .more::after { content: "\00a0→"; font-family: Arial,Helvetica,sans-serif; }



/*--- tegs ---*/
article { width: 75%; float: left; }
aside { width: 25%; float: left; }



/*--- lk ---*/
.fullname { font-family: 'head'; font-size: 250%; } 



/*--- social ---*/
.social {}
.social .pic { 
    background-image: url('assets/design/base/hello.jpg'); 
    background-repeat: no-repeat; 
    background-position: bottom; 
    background-size: auto 90%;  
}
.social .txt {}
.social .bt1 { text-align: left; }
.social .dt1 { text-align: left; }



/*--- cabinet ---*/
.cabinet {}
.cabinet .lk > div { padding: 5px 0; }
.cabinet .lk .panel img { width: 50px; padding: 10px; }

.cabinet .lk .face { flex-wrap: nowrap; }
.cabinet .lk .face .pic img { width: 80px; background: #eee; padding: 10px; border-radius: 1000px; }
.cabinet .lk .face .fullname { font-size: 250%; padding: 0 25px; flex-shrink: 100; }
.cabinet .lk .edit img { width: 15px; padding: 0; margin: 10px 10px 0px 10px; }
.cabinet .lk label { font-size: 80%; }
.cabinet .lk label ~ div { font-size: 80%; }
.cabinet .lk .password .dot { width: 8px; height: 8px; margin: 2px; border-radius: 10px; float: left; background: #333; }
.cabinet .lk .password img { width: 15px; padding: 0; margin: 10px 10px 0px 10px; }
.cabinet .lk .card img { width: 50%; margin: 10px 0; border-radius: 15px; }

.cabinet .di table { table-layout: fixed; width: 100%; border-collapse: collapse; margin: 20px 0; }
.cabinet .di td { border: solid 2px #fff; padding: 10px; background: #eee; }
.cabinet .di th { border: solid 2px #fff; padding: 10px; background: #eee; font-family: 'head'; }
.cabinet .di .total { font-family: 'head'; font-size: 150%; padding: 0 20px; }

/*--- tpl-login ---*/
.tpl-login { padding: 50px; background: #eee; max-width: 700px; margin: 30px auto; }
.tpl-login .bt1 { text-align: center; }
.tpl-login .lt1 { text-align: center; }
.tpl-login .error { font-size: 80%; color: red; }
.tpl-login form {}
.tpl-login form input { 
    width: 100%;
    padding: 25px;
    background: rgba(255, 0, 63, 0);
    border: 0;
    border-bottom: solid 1px #000;
    border-radius: 0;
    font-size: 120%;
    color: #000;
    transition: 0.5s background;
}
.tpl-login form button[type="submit"] { 
    display: block;
    width: auto;
    padding: 15px 60px;
    background: #4d8802;
    border: 0;
    border-radius: 1000px;
    font-size: 120%;
    color: #fff;
    font-family: 'head';
    transition: 0.25s;
    margin: 20px auto;
}
.tpl-login form button[type="submit"]:active {}
.tpl-login form button[type="submit"]:hover {}
.tpl-login form .error { border-color: #ff003f; }
.tpl-login form .success { color: #000; font-size: 125%; padding: 10%; }



/*--- changepass ---*/
.changepass { padding: 30px; background: #eee; display: table; }
.changedata .text-error { color: red; font-size: 70%; }
.changepass .bt1 { text-align: center; }
.changepass .lt1 { text-align: center; }
/*--- changepass ---*/
.changepass form {}
.changepass form input { 
    width: 100%;
    padding: 15px;
    background: rgba(255, 0, 63, 0);
    border: 0;
    border-bottom: solid 1px #000;
    border-radius: 0;
    font-size: 120%;
    color: #000;
    transition: 0.5s background;
}
.changepass form input[type="submit"] { 
    display: block;
    color: #fff;
    border: 0;
    font-size: 100%;
    font-family: 'head';
    transition: 0.25s;
    border-radius: 1000px;
    background: #4d8802;
    padding: 15px 60px;
    margin: 30px auto;
}
.changepass form button[type="submit"]:active {}
.changepass form button[type="submit"]:hover {}
.changepass form .error { border-color: #ff003f; }
.changepass form .success { color: #000; font-size: 125%; padding: 10%; }



/*--- changedata ---*/
.changedata { padding: 30px; background: #eee; display: table; }
.changedata .text-error { color: red; font-size: 70%; }
.changedata .bt1 { text-align: center; }
.changedata .lt2 { color: #999; }
/*--- changedata ---*/
.changedata form {}
.changedata form input { 
    width: 100%;
    padding: 15px;
    background: rgba(255, 0, 63, 0);
    border: 0;
    border-bottom: solid 1px #000;
    border-radius: 0;
    font-size: 120%;
    color: #000;
    transition: 0.5s background;
}
.changedata form input[type="submit"] { 
    display: block;
    color: #fff;
    border: 0;
    font-size: 100%;
    font-family: 'head';
    transition: 0.25s;
    border-radius: 1000px;
    background: #4d8802;
    padding: 15px 60px;
    margin: 30px auto;
}
.changedata form button[type="submit"]:active {}
.changedata form button[type="submit"]:hover {}
.changedata form .error { border-color: #ff003f; }
.changedata form .success { color: #000; font-size: 125%; padding: 10%; }



/*--- loginFP ---*/
.loginFP { padding: 30px; background: #eee; display: table; }
.loginFP .text-error { color: red; font-size: 70%; }
.loginFP .bt1 { text-align: center; }
.loginFP .lt2 { color: #999; }
/*--- changedata ---*/
.loginFP form {}
.loginFP form input { 
    width: 100%;
    padding: 15px;
    background: rgba(255, 0, 63, 0);
    border: 0;
    border-bottom: solid 1px #000;
    border-radius: 0;
    font-size: 120%;
    color: #000;
    transition: 0.5s background;
}
.loginFP form input[type="submit"] { 
    display: block;
    color: #fff;
    border: 0;
    font-size: 100%;
    font-family: 'head';
    transition: 0.25s;
    border-radius: 1000px;
    background: #4d8802;
    padding: 15px 60px;
    margin: 30px auto;
}
.loginFP form button[type="submit"]:active {}
.loginFP form button[type="submit"]:hover {}
.loginFP form .error { border-color: #ff003f; }
.loginFP form .success { color: #000; font-size: 125%; padding: 10%; }



/*--- contacts ---*/
.contacts {}
.contacts .bt1 { text-align: center; }
.contacts .dt1 { text-align: center; }
.contacts .cont-elem { justify-content: center; flex-wrap: wrap; padding: 20px; text-decoration: none; }
.contacts .cont-elem .pic { display: none; }
.contacts .cont-elem .txt { width: 100%; font-family: 'head'; font-size: 125%; text-align: center; }
.contacts .cont-elem .tim { font-size: 150%; padding: 15px 0; text-align: center; }

.contacts .email1 .pic { display: block; width: unset; height: unset; margin-right: 0; }
.contacts .email1 .pic { font-family: 'text'; text-decoration: underline; width: max-width; font-size: 150%; color: #4d8802; }
.contacts .email1 .txt { font-family: 'text'; text-decoration: underline; width: max-width; font-size: 150%; color: #4d8802; }

.contacts .phone1 .pic { display: block; width: unset; height: unset; margin-right: 0; }
.contacts .phone1 .pic { font-family: 'text'; text-decoration: underline; width: max-width; font-size: 150%; color: #4d8802; }
.contacts .phone1 .txt { font-family: 'text'; text-decoration: underline; width: max-width; font-size: 150%; color: #4d8802; }



/*--- footer ---*/
footer { padding: 20px 0; }
footer > div { padding-top: 20px; }
footer { background: #000; }
footer > div > div { padding: 0 5% 3% 0; }
footer > div > div > div { color: #fff; font-size: 150%; }
footer div .dt1 { display: block; color: #999; font-size: 100%; padding-bottom: 5px; }

footer .email1 { text-decoration: none; }
footer .email1 .pic { display: none; }
footer .email1 .txt { color: #4d8802; text-decoration: none; font-size: 80%; transition: 0.5s; padding: 3px 0; }

footer .phone1 { text-decoration: none; }
footer .phone1 .pic { display: none; }
footer .phone1 .txt { color: #fff; text-decoration: none; font-size: 100%; transition: 0.5s; padding: 3px 0; }
footer .phone1 .txt:hover { color: #4d8802; }

footer .address a { text-decoration: none; }
footer .address .pic { display: none; }
footer .address .tim { display: none; }
footer .address .txt { color: #fff; padding: 3px 0; border-top: dotted 1px #555; }
footer .address .txt:hover { color: #4d8802; transition: 0.5s; }
footer .address1 .txt { border-top: 0; }

footer .social1 a { display: table; color: #fff; text-decoration: none; font-size: 110%; transition: 0.5s; padding: 3px 0; }
footer .social1 a:hover { color: #4d8802; }

footer section a { display: table; font-size: 80%; color: #555;  padding: 3px 0; }






@media only screen and (max-width: 1200px) {}

@media only screen and (max-width: 1000px) {
    
    .bt1 { font-size: 200%; }
    .bt2 { font-size: 175%; }
    .bt3 { font-size: 150%; }
    .bt4 { font-size: 125%; }
    .dt1 { font-size: 110%; }
    .dt2 { font-size: 100%; }
    .dt3 { font-size: 100%; }
    
    /*--- nav ---*/
    .menu-log { width: 60%; }
    .menu-log img { height: 50px; }
    .menu-des { display: none; }
    .menu-pho { display: none; }
    .menu-but { display: flex; width: 20%; }
    .menu-per { display: flex; width: 20%; }
    
    /*--- home ---*/
    .home .bt1 { font-size: 250%; }
    
    /*--- tpl-action-list ---*/
    .tpl-action-list { width: 100%; }
    .tpl-action-list.rev { flex-direction: unset; } 
    .tpl-action-list.rev div.txt .tri { position: absolute; border: solid 15px transparent; border-left: solid 15px #fff; left: 100%; } 
    .tpl-action-list:nth-child(even) { flex-direction: row-reverse; } 
    .tpl-action-list:nth-child(even) div.txt .tri  { left: unset; right: 100%; border-right: solid 15px #fff; border-left: transparent; }
    .tpl-action-list div.txt .bt1 { font-size: 100%; }
    .tpl-action-list div.txt .dt1 { font-size: 80%; }

    /*--- social ---*/
    .social .pic { display: none; }

    /*--- footer ---*/
    footer .menu ul li a { font-size: 100%; }
   
}

@media only screen and (max-width: 500px) {
    
    .bt1 { font-size: 150%; }
    .bt2 { font-size: 125%; }
    .bt3 { font-size: 110%; }
    .bt4 { font-size: 100%; }
    .dt1 { font-size: 100%; }
    .dt2 { font-size: 100%; }

    /*--- tpl-askform ---*/
    .tpl-askform input { padding: 15px; }
    .tpl-askform select { padding: 15px 12px; }
    .tpl-askform .date { height: 55px; }
    .tpl-askform .date .placeholder { padding: 15px; }
    
    /*--- nav ---*/
    .menu-log img { height: unset; width: 100%; }
    
    /*--- home ---*/
    .home {}
    .home .bt1 { font-size: 150%; }
    .home .dt1 { font-size: 100%;  }
    .home .askmy { margin: 20px auto; padding: 10px 50px; }
    
    /*--- order ---*/
    .order .bt1 { padding: 10px 0; }

    /*--- breadcrumb ---*/
    .breadcrumb { margin: 0; }
    
    /*--- tpl-action-list ---*/
    .tpl-action-list { display: block; padding: 10px 0; }
    .tpl-action-list div.pic { width: 100%; padding-top: 75%; }
    .tpl-action-list div.txt { width: 100%; }
    .tpl-action-list div.txt .tri { display: none; }
    
    /*--- tpl-recipe-list ---*/
    .tpl-recipe-list a div.pic { padding-top: 80%; }
    .tpl-recipe-list a div.txt { padding: 5px 0 30px 0; }
    .tpl-recipe-list a div.txt .dt1 { padding: 0; }
    
    /*--- tpl-login ---*/
    .tpl-login { max-width: 100%; padding: 25px 50px; margin: 15px auto; }
    .tpl-login form input { padding: 15px; }
    .tpl-login form button[type="submit"] { padding: 15px 25px; }
    
}