@charset "utf-8";
/* CSS Document */
:root {
--main-red: #a80f12;
--main-gray: #5C6C75;
--bs-navbar-toggler-transition: box-shadow 0.6s ease-in-out;
--dark-gray:#21313C;
--light-green:#68BD45;
--light-gray:#859198;
--lighter-gray:#bcc2c6;
--lightest-gray:#F0F3F2;
--grad-gold:linear-gradient(to right, #AB6435 0%, #CFAD6B 25%, #FCEDC9 48%, #CFAD6B 80%, #AB6435 100%);	
--grad-gold-diag:linear-gradient(to bottom right, #AB6435 0%, #CFAD6B 25%, #FCEDC9 48%, #CFAD6B 80%, #AB6435 100%);	
--grad-gold-bott:linear-gradient(to bottom, #AB6435 0%, #CFAD6B 25%, #FCEDC9 48%, #CFAD6B 80%, #AB6435 100%);
--grad-red:linear-gradient(to right, #7E1416 0%, #B23025 50%, #7E1416 100%);
--grad-green:linear-gradient(to right, #68BD45 0%, #B5D996 50%, #68BD45 100%);	
--bs-font-sans-serif: "Montserrat", sans-serif;
--bs-border-width: 0;

}
* {outline: 0; border: none}

body {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    line-height: 1.42857143;
font-family: "Montserrat", sans-serif;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 400;
    font-size: 18px;
	color: var(--main-gray);
	
}
.navbar-nav .nav-link.active {color:var(--main-red) }
.dropdown-item.active, .dropdown-item:active {
    color: var(--main-red);
    text-decoration: none;
	background-color:#FFF;}
a:hover {color:var(--main-red)}
a.more {text-decoration: none; font-weight: 600; color: var(--main-red);}
a.more:hover{opacity: .5}
/*.more::after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: "";}*/

.navbar>.container { height: 10vh}
.nav-link {font-size: 16px; font-weight: 600; color:var(--main-gray); transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out; }
.nav-link:hover {color:var(--main-red)}
.nav-link:focus-visible {box-shadow: none}
.navbar-brand {margin-right:3rem}

section {margin-top: 42px}
.section-title {padding-bottom: 1rem; padding-top: 2rem}
.section-title h2 {font-weight: 600; font-size: 32px;}
.section-title hr {height: 5px; width: 70px; text-align: center; background: var(--main-red); margin: 0 auto; opacity: 1; border: none;margin-bottom:1rem; margin-top:1rem}

i.fa {margin-left: .2rem}
.st0{fill:var(--main-red)}
.flag {margin-top: -3px}
.navbar-toggler {border: none}
.navbar-toggler:focus {box-shadow:none}
.dropdown-toggle::after {margin-left: .4em;  vertical-align: .1em;}
.navbar-collapse {background: #fff; border: solid 1px #fff}

.pattern {background: url("/img/pattern.gif") repeat;}
.bkg-white {background: #fff}
.main-block {background: #fff; padding: 1rem 1.5rem 2.5rem 1.5rem; border-left: 2px solid #f2f2f2; border-right: 2px solid #f2f2f2}
.navbar .dropdown-menu {
    border-radius: .5rem;
    box-shadow: 0 0 2px rgba(114,123,133,.2), 0 12px 24px -4px rgba(145,158,171,.5);
    color: var(--main-gray);
    line-height: 1.8rem;
	min-width: 12rem;}

	
.dropdown-menu {
    border-radius: .5rem;
    box-shadow: 1px 1px 2px rgb(114 123 133 / 20%), 0 12px 24px -4px rgba(145,158,171,.12);
    color: var(--main-gray);
    line-height: 1.8rem;
    min-width: 12rem;
	border: none;}


#top {height:auto; background: url(../img/top.png) no-repeat #F4EDE6; background-size:cover}
#top-wr {flex-wrap: wrap; align-content: space-between; padding: 2rem; visibility:hidden}
#top-wr h2{font-size: 3rem; color: var(--main-red); line-height: 1; font-weight: 600;margin:0}
#top-wr p{font-size: 1rem; color: var(--main-gray);  font-weight: 600; padding:1rem 0; margin:0; line-height: 1.2}
.top-wr-btn{font-size: 1rem;padding: .5rem;font-weight: 600; background: var(--grad-gold);border-radius: 20px; color: var(--dark-gray);}
.btn:hover {color: #fff; background: var(--grad-green); border-color: transparent;}
.card-4, .card-41, .card-5	{width: 49%}
.card-3	{width: 100%}

.card-41 img {height: 4rem; width: auto; margin-bottom: .5rem}	
.card-41-title {font-weight: 600; line-height: 1.2}
.card-41 p {font-size: .8rem; padding-top: .95rem;}

.card-blpm {font-size:1.2rem; padding-top: 1.5rem; color: var(--main-red); font-weight:600}
.card-good-txt {font-size: 1.4rem;text-transform: uppercase}
/*.card-good-txt-name::after {position: absolute; top: 0; right: 0; bottom: 0;left: 0; z-index: 1;content: "";}*/
.card-good-txt-category {color: var(--light-gray);  padding-bottom: .5rem}
.card-good-txt-name {color: var(--dark-gray); font-weight: 700; line-height: 1.2; text-decoration: none; text-transform: uppercase}
.card-good-txt-price {color: var(--dark-gray); font-weight: 700;margin-bottom: 0}
.card-good-txt-price-old {color: var(--light-gray); font-weight: 600; text-decoration: line-through;}

.card-4 img{width: 100%}
.card-5 img{width: 100%}
.card-3 img{width: 100%}

.card-4{
    border-radius: .5rem;
    box-shadow: 0 0 2px rgba(114,123,133,.2), 0 12px 24px -4px rgba(145,158,171,.5);
    color: var(--main-gray);
    line-height: 1.8rem;
	min-height: 100px; 
	}
.card-5{
    border-radius: .5rem;
    box-shadow: 0 0 2px rgba(114,123,133,.2), 0 12px 24px -4px rgba(145,158,171,.5);
    color: var(--main-gray);
    line-height: 1.8rem;
	min-height: 100px; 
	}
.card-5:last-child{display: none}
.card-3{
    color: var(--main-gray);
    line-height: 1.8rem;
	min-height: 100px; 
	}
.top-m-wr{}
.top-m-wr h2{font-size: 2rem; color: var(--main-red); line-height: 1; font-weight: 600;margin:0}
.top-m-wr p{font-size: 1rem; color: var(--main-gray);  font-weight: 600; padding: 1rem; margin:0; line-height: 1.2}
.top-m-wr hr {border-top: 2px solid; margin-top: 0 }
.top-wr-btn-m {font-size: 2rem;padding: .5rem 1rem;font-weight: 600; background: var(--lighter-gray); border-radius: 15px;border: 2px var(--main-red) solid;color: var(--main-red);}

.photo-text-block {border-radius: 0; background: #F4EDE6;}
.photo-text-block .row {justify-content: space-evenly; align-items:center}
.photo-text-block-img {display: none}
.photo-text-block-txt {width: 100%;} 
.photo-text-block-wr {padding: 1.5rem}
.photo-text-block-marg-r {margin-right: 0;}
.photo-text-block-marg-l {margin-left: 0;}
.transporant {font-weight: 500; font-size: 1.8rem; color:#000}
.transporant-p {font-weight: 500; line-height: 1.3;font-size: 14px; margin: 14px 0 28px 0}

.note{font-size: .75rem}	
.row-alingment {justify-content: space-between}

.adv-row{width:49%;  border-radius: 1.5rem}
#pz-1 {background: url(../img/pizza-ad-p1.jpg) no-repeat #F4EDE6; background-size:cover; background-position: 60% 0; width: auto}
#tr-1 {background: url(../img/traifl-ad-p1.jpg) no-repeat #F4EDE6; background-size:cover; background-position: 60% 0;  width: auto}

#contact {background-color:#FFF;background-size: cover; background-attachment: scroll;}

.contact {background-color:#FFF;}

#done {margin: 1rem; text-align: center;font-weight:700}
.help-block {padding: 1px}
.conntct {text-align: center;}
form.conntct>button{ width:100%;
font-size: 2rem;
    padding: .5rem 1rem;
    font-weight: 600;
    background: none;
    border-radius: 0;
    border: 2px var(--dark-gray) solid;
    color: var(--dark-gray);} 
.grad-gold{background: linear-gradient(to right, #AB6435 0%, #CFAD6B 25%, #FCEDC9 48%, #CFAD6B 80%, #AB6435 100%);}
.line-1 {width: 100%; min-height: 3px}
footer {background:#fff; color:var(--dark-gray); padding:0 0 3rem; font-size: 12px}
.footer-col { line-height: 2.1}
.footer-col.addr{ line-height: 2.1}
footer a {color:var(--dark-gray); text-decoration: none; font-weight: 500}
footer a:hover {color:var(--light-gray);}
footer ul {list-style-type: none;padding-left: 0}
footer ul li:first-child {margin-bottom: .75rem; }
footer p {font-weight: 800; color:var(--dark-gray);}
footer p.title {argin-bottom: .75rem; }
footer p.address {margin-bottom: .7rem;font-size: .8rem; font-weight: 400; line-height: 1.4}
footer .container {padding-left: 15px; padding-right: 15px}
.carousel-item {height: 50vh; width: 100vh}
/*#carousel-top-3 {background: url('/img/uch-madlen-carusel-2.jpg') no-repeat; background-size: cover; background-position: center}
#carousel-top-2 {background: url('/img/uch-muffin-karusel-1.jpg') no-repeat; background-size: cover; background-position: center}
#carousel-top-1 {background: url('/img/uch-madlen-carusel.jpg') no-repeat; background-size: cover; background-position: center}
#carousel-top-4 {background: url('/img/uch-muffin-karusel-2.jpg') no-repeat; background-size: cover; background-position: center}
.mob-top {background: url('/img/uch-madlen-carusel-2.jpg') no-repeat; background-size: cover; background-position: left}*/

#carousel-top-3 {background: url('/img/It_tradition.jpg') no-repeat; background-size: cover; background-position: center}
#carousel-top-2 {background: url('/img/wheatfield.jpg') no-repeat; background-size: cover; background-position: center}
#carousel-top-1 {background: url('/img/crackerbar.jpg') no-repeat; background-size: cover; background-position: center}
#carousel-top-4 {background: url('/img/mixer.jpg') no-repeat; background-size: cover; background-position: center}
.mob-top {background: url('/img/crackerbar.jpg') no-repeat; background-size: cover; background-position: center}

.carousel-indicators {margin-bottom: 2rem}

.title-big {}
.title-big h3 {font-size: 24px;font-weight: 500;line-height: 1;margin: 0 auto;text-align: center;text-transform: uppercase; color: var(--dark-gray)}
.title-big h3 span {padding: 20px; background: #fff}
.title-big h3:after {border-top: 2px solid var(--light-gray);content: "";display: block;margin-top: -12px;}
.inline-nav	{display: block; margin: 0 auto; text-align: center; margin-top: 94px;}
.inline-nav-item{display: inline-block}	
.inline-nav-item div {padding: 18px; var(--dark-gray); text-decoration: none; text-transform: uppercase; font-weight: 500}
.inline-nav-item div:hover {color: var(--light-gray);}
.inline-nav-item div {background: #fff; padding: 8px; color: var(--dark-gray); cursor: pointer}
.inline-nav-item-active	 div {background: var(--dark-gray); color:#fff;}
.inline-nav-item-active	div:hover{color:#fff;}
.flag-txt{font-size: 36px; margin: 0 40px; padding: 0 0 30px; color: #fff; text-transform: uppercase; font-weight: 500}
.flag-txt:after{ border-top: 1px solid #fff; clear: both; content: "";  display: block;  margin: 30px auto 0 auto; width: 150px;}
.flag-txt-p{font-size: 30px;font-weight: 300; line-height: 1.2; text-transform: none}
.flag-txt-since{font-size: 16px;font-weight: 300; line-height: 1.2; text-transform: none}
.top-banner-txt{font-size: 42px; color: #fff; font-weight: 600;}
.footer-wr:after{ border-top: 1px solid var(--dark-gray); clear: both; content: "";  display: block;  margin: 0 auto; width: 100%;}
	.txtbl{background-image: url(/img/1p_gr.jpg); background-repeat: no-repeat; background-size: contain; border-radius: 0}
	.txtblp {font-size: 18px; margin-left: 98px; font-weight: 500}
	.txtblm{background-image: url(/img/1p_gr.jpg); background-repeat: no-repeat; background-size: cover; background-position-x: center; border-radius: 0; min-height: 300px; margin:0}
	.txtblpm {font-size: 18px; margin-left: 0; text-align: left; padding: 0 16px}
	.txtblpage1 {margin-left: 0; text-align: left; padding: 0 16px}
.form_comm{margin-top: 0; padding: 0 15px;}

	.breadcrumb-item a {color: var(--dark-gray); text-decoration: none; font-weight: 500; font-size: 14px}
	.breadcrumb-item a:hover {opacity: .7}
	.breadcrumb-item .active {color: var(--dark-gray); text-decoration: none; font-weight: 500; opacity: .5; font-size: 14px; padding-top: 3px}
	.breadcrumb {margin-top: 1rem; --bs-breadcrumb-font-size:14px}
	.breadcrumb-item::before {font-size: 14px}
.active{color: var(--main-red)}
.form-control {border: 1px solid var(--dark-gray); font-weight:500; border-radius: 0}
.btn {border-radius: 0}
@media screen and (min-width: 768px){
footer { font-size: 14px}
.carousel-item {height: 60vh; width: 100%}	
	
#top-m {display: none}	
section {margin-top: 0rem}
section-title {padding-bottom: 2rem; padding-top: 3rem}
.section-title hr {height: 5px; width: 70px; text-align: center; background: var(--main-red); margin: 0 auto; opacity: 1; border: none; margin-bottom:3rem; margin-top:1rem}

#top {height:320px; border-radius: 1.5rem; background: url(../img/top.png) no-repeat 130% 0 #F4EDE6; background-size:contain}
#top-wr {flex-wrap: wrap; align-content: space-between; padding: 60px 20px 60px 60px; visibility:visible}
#top-wr h2{font-size: 2rem; color: var(--main-red); line-height: 1; font-weight: 600;margin:0}
#top-wr p{font-size: 1rem; color: var(--main-gray);  font-weight: 600; padding: 1rem; margin:0; line-height: 1.2}
.top-wr-btn{font-size: .75rem;padding: .5rem 1rem;}

.card-41{color: var(--main-gray); padding: 1.5rem}
.card-41 img {height: 4rem; width: auto; margin-bottom: .5rem}	
.card-41-title {font-size: 1rem; font-weight: 600; line-height: 1.2}
.card-41 p {font-size: .75rem; padding-top: 1rem;}
	
.card-4	{width: 24%}
.card-41{width: 24%}
.card-5	{width: 19%}
.card-3	{width: 32%}

.card-txt { padding-top: 1.3rem; color: var(--main-red); font-weight:600}
.card-good-txt {font-size:1rem;}
.card-good-txt-category {color: var(--light-gray); padding-bottom: 0.25rem; }
.card-good-txt-name {color: var(--dark-gray); font-weight: 300; line-height: 1.1;font-size:1rem;}
.card-good-txt-price {color: var(--dark-gray); font-weight: 700;margin-bottom: 0}
.card-good-txt-price-old {color: var(--light-gray); font-weight: 600; text-decoration: line-through;}	

.photo-text-block {height:300px; border-radius: 1.5rem; background: #F4EDE6;}
.photo-text-block .row {height:300px; justify-content: space-evenly; align-items:center}
.photo-text-block-img {width: 320px; height: 320px; border-radius: 0; display: flex}
.photo-text-block-txt {width: 60%; height: 220px;} 
.photo-text-block-wr {height:auto;padding: 30px}
.photo-text-block-height {height:460px;}
.photo-text-block-height .row {height:460px; justify-content: space-evenly; align-items:center}		
	
.photo-text-block-marg-r {margin-right: 20px;}
.photo-text-block-marg-l {margin-left: 20px;}
.transporant {font-weight: 500; font-size: 1.5rem; color:#000}
.transporant-p {font-weight: 500; margin-bottom:0; font-size: 18px;line-height: 1.6}	
	
.note{font-size: .75rem}	
.card-5:last-child{display: block}
#contact {padding-bottom: 2rem;}
form.conntct>button{width:25%;  font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 600;
        background: none;
        border-radius: 0
			;
    border: 2px var(--dark-gray) solid;
    color: var(--dark-gray);}
	
#pz-1 {background: url(../img/pizza-ad-p1.jpg) no-repeat #F4EDE6; background-size:cover; background-position: 60% 0; width: 49%}
#tr-1 {background: url(../img/traifl-ad-p1.jpg) no-repeat #F4EDE6; background-size:cover; background-position: 60% 0;  width: 49%}	
footer {}
.footer-col, .footer-col.addr {}
.title-big h3 {font-size: 36px;}
.title-big h3 span {padding: 40px;}	
.title-big h3:after {border-top: 2px solid var(--light-gray);content: "";display: block;margin-top: -20px;}
	
.form_comm{margin-top: 0; margin-bottom: 10px}
.txtblp {font-size: 18px; margin-left: 48px;}	
}

@media screen and (min-width: 992px){
	#top {height:400px; border-radius: 1.5rem; background: url(../img/top.png) no-repeat 130% 0 #F4EDE6; background-size:contain}
	#top-wr {flex-wrap: wrap; align-content: space-between; padding: 60px 20px 60px 60px; visibility:visible}
	#top-wr h2{font-size: 2.5rem; color: var(--main-red); line-height: 1; font-weight: 600;margin:0}
	#top-wr p{font-size: 1.3rem; color: var(--main-gray);  font-weight: 600; padding: 1.5rem; margin:0; line-height: 1.2}
	.top-wr-btn{font-size: 1.1rem;padding: .75rem 2rem}	
	.card-txt {font-size:1.7rem; color: var(--main-red); font-weight:600}

.photo-text-block {height:400px; border-radius: 1.5rem; background: #F4EDE6;}
.photo-text-block .row {height:400px; justify-content: space-evenly; align-items:center}
.photo-text-block-img {height: 320px; width: 320px;}
.photo-text-block-txt {height: 320px;} 
.photo-text-block-wr {height:auto;padding: 40px}
.transporant {font-weight: 500; font-size: 2rem; color:#000}
.photo-text-block-height {height:460px;}
.photo-text-block-height .row {height:460px; justify-content: space-evenly; align-items:center}	

.transporant-p {font-weight: 500; margin-bottom:0; font-size: 18px;line-height: 1.6}		
.card-41 img {height: 4rem; width: auto; margin-bottom: .5rem}	
.card-41-title {font-size: 1.3rem; font-weight: 600; line-height: 1.2}
.card-41 p {font-size: 1rem; padding-top: 1rem;}
	
.card-txt { padding-top: 1.3rem; color: var(--main-red); font-weight:600}
.card-good-txt {font-size:1rem;}
.card-good-txt-category {color: var(--light-gray); padding-bottom: 0.25rem; }
.card-good-txt-name {color: var(--dark-gray); font-weight: 700; line-height: 1.1; font-size:1rem;}
.card-good-txt-price {color: var(--dark-gray); font-weight: 700;margin-bottom: 0}
.card-good-txt-price-old {color: var(--light-gray); font-weight: 600; text-decoration: line-through;}	
	
#pz-1 {background: url(../img/pizza-ad-p1.jpg) no-repeat #F4EDE6; background-size:cover; background-position: 60% 0}
#tr-1 {background: url(../img/traifl-ad-p1.jpg) no-repeat #F4EDE6; background-size:cover; background-position: 80% 0}
	
txtblp {font-size: 18px; margin-left: 98px;}	
}

@media screen and (min-width: 1200px){
	section-title {padding-bottom: 3rem}
	#top {height:500px; border-radius: 1.5rem; background: url(../img/top.png) no-repeat 140% 0 #F4EDE6; background-size:contain}
	#top-wr {flex-wrap: wrap; align-content: space-between; padding: 70px 25px 70px 70px; visibility:visible}
	#top-wr h2{font-size: 3rem; color: var(--main-red); line-height: 1; font-weight: 600;margin:0}
	#top-wr p{font-size: 1.6rem; color: var(--main-gray);  font-weight: 500; padding: 1.6rem; margin:0; line-height: 1.2}
	.top-wr-btn{font-size: 1.2rem;padding: 1rem 2rem}	
	
.photo-text-block {height:580px; border-radius: 1.5rem; background: #F4EDE6;}
.photo-text-block .row {height:580px; justify-content: space-evenly; align-items:center}
.photo-text-block-img {height: 420px; width: 420px;}
.photo-text-block-txt {height: 420px;} 
.photo-text-block-wr {height:auto;padding: 80px}
.transporant {font-weight: 500; font-size: 2.35rem; color:#000}
.photo-text-block-height {height:430px;}
.photo-text-block-height .row {height:430px; justify-content: space-evenly; align-items:center}	


.photo-text-block-marg-l {margin-left: 0}
.photo-text-block-marg-r {margin-right: 40px;}
#pz-1 {background: url(../img/pizza-ad-p1.jpg) no-repeat #F4EDE6; background-size:cover; background-position: 15% 0}
#tr-1 {background: url(../img/traifl-ad-p1.jpg) no-repeat #F4EDE6; background-size:cover; background-position: 15% 0}
	
.txtblp {font-size: 18px; margin-left: 98px;}	
}

@media screen and (min-width: 1400px){
	#top {height:600px; border-radius: 1.5rem; background: url(../img/top.png) no-repeat 130% 0 #F4EDE6; background-size:contain}
	#top-wr {flex-wrap: wrap; align-content: space-between; padding: 100px 25px 100px 100px; visibility:visible}
	#top-wr h2{font-size: 4rem; color: var(--main-red); line-height: 1; font-weight: 600;margin:0}
	#top-wr p{font-size: 1.6rem; color: var(--main-gray);  font-weight: 500; padding: 2rem; margin:0; line-height: 1.2}
	.top-wr-btn{font-size: 1.5rem;padding: 1rem 3rem}	
.transporant-p {line-height: 1.6}
	
.txtblp {font-size: 18px; margin-left: 98px;}	
}