/* you can add your own custom css here if you don't want to worry about SASS/SCSS */

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap');
html {
	background: #FFFFFF;
	font-family: "Syne", serif;
	font-weight:normal;
	line-height:17px;
	font-size:14px;
	letter-spacing: 0px;
	color: #030E13;
}
html *{
	font-family: "Syne", serif;
}

p{
	margin-bottom:1em;
}

h1, .h1st, h2, .h2st, h3, .h3st, h4, .h4st, h5, .h5st{
	font-weight: bold;
	font-style: normal;
	letter-spacing: 0;
	color: #030E13;
}

h1, .h1st {
	font-size: 42px;
	line-height: 51px;
}
h2, .h2st {
	font-size: 32px;
	line-height: 40px;
	
}
h3, .h3st {
	font-size: 27px;
	line-height: 32px;
	
}
h4, .h4st {
	font-size: 21px;
	line-height: 25px;
	
}
h5, .h5st {
	font-size: 17px;
	line-height: 21px;
	
}
body.site.glowna h1 {
	font-size: 32px;
	line-height: 40px;	
}
#fsCookiesModal.fade.in {
	opacity: 1;
}

#fsCookiesModal .modal-body {
	display: flex;
	padding:15px;
}
#fsCookiesModal label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
} 
#fsCookiesModal .col-md-4, #fsCookiesModal .col-md-8 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;	
}



body {
	/*background: transparent linear-gradient(180deg, #9EE5DA 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;*/
            background: linear-gradient(to bottom, #9EE5DA, rgba(255, 255, 255, 0) 768px);
            background-repeat: no-repeat;
            background-size: 100% 768px; /* Gradient ograniczony do wysokości 768px */
}
header {
/*background: transparent linear-gradient(180deg, #9EE5DA 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;*/
}
body.zamow .sitebottom-a > .container {
	margin: 0 auto;
	background: transparent url('/media/templates/site/agawasushi/images/Agawa-outline.png') 0% 0% no-repeat padding-box;
	background-position-x: center; 
	min-height:729px;
}
.siteBody {

background: transparent;
}
.navbar-toggler.chopsticks {
	border:none;
}
.navbar-toggler.chopsticks:hover, .navbar-toggler.chopsticks:active, .navbar-toggler.chopsticks:focus {
	border: none;
	box-shadow:none;
}
footer.footer, .sitebottom-b {
	background: #030E13 0% 0% no-repeat padding-box !important;
	opacity: 1;
}
.sitebottom-c {
	background: #030E13 0% 0% no-repeat padding-box !important;
	opacity: 1;
}
.sitebottom-a {
	background: transparent linear-gradient(180deg, #9EE5DA 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}

/*AS Menu Link */
.mod_asmenulink .asmlt1{
padding-top:125px;
text-align:center;
font-size:27px;
font-weight:bold;
line-height:32px;


}
.mod_asmenulink .asmltimg{
	text-align:center;
}
.mod_asmenulink .asmlt2{
	padding-top:10px;
	text-align:center;
	font-size:21px;
	font-weight:bold;
	line-height:25px;
}
.mod_asmenulink .asmlbut {
	text-align:center;
	padding-top:10px;
}
.tbut, .mod_asmenulink .asmlbut > a{
	border-radius: 21px;
	background: none;
	font-weight:bold;
	font-size: 17px;
	line-height: 21px;
	padding:10px 20px;
	display: inline-block;
	text-decoration: none;
	border: 1px solid rgb(3,14,19,0.1);
	transition: border-color 0.3s ease;
	color: #030E13;
}
.mod_asmenulink .asmlbut > a:hover, .mod_asmenulink .asmlbut > a:active, .tbut:hover, .tbut:active{
	border: 1px solid rgb(3,14,19,1);
}

.mod_asbloglink {
	padding-bottom:160px;
}



#mod-custom110 {width:100%}
.xcontainer {
	display: grid;
	grid-template-columns: 1fr 1fr; /* Dwie kolumny po równo */
	align-items: center;
	justify-content: space-between;
	
	column-gap: 20px; /* Odstęp między kolumnami */		
	padding: 20px;
}
#mod-custom111 {
	min-height:648px;
	background-repeat: no-repeat;
	background-position: center;
	padding-top:120px;
}
#mod-custom111 h3{
	margin: 20px 0px;
	font-weight:bold;
	font-size: 34px;
	line-height: 40px;
}
#mod-custom111 h3{
	margin: 0px 0px 60px 0px;
	font-weight:bold;
	font-size: 34px;
	line-height: 40px;
}
#mod-custom111 h3, #mod-custom111 p, #mod-custom111 a {
	color:white;
	font-family: "Syne", serif;
	text-align: center;
}
span.ad111 {
	font-size: 27px;
	line-height: 32px;	
	font-weight:bold;
}
span.g111 {
	font-size: 14px;
	line-height: 17px;	
}
a.b111 {
	font-size: 17px;
	line-height: 21px;	
	border-radius: 21px;
	background: #FF6346 0% 0% no-repeat padding-box;
	height: 41px;
	padding: 10px 20px;
	text-decoration: none;

}
.xcontainer2 {
	display: grid;
	grid-template-columns: auto auto; /* Dwie kolumny obok siebie */
	column-gap: 5px; /* Odstęp między kolumnami */		
}
.xtext-a,
.xtext-b,
.xtext-c,
.xtext-d {
	line-height: 13px;
	font-size: 11px;
	padding: 5px 0px;
}
.xtext-a {
	text-align: right;
	padding: 5px 0px;
}

.xtext-b {
	text-align: left;
}

.xtext-a > a, .xtext-b > a {
	font-weight:bold;
	color: #ffffff;
	text-decoration: none;
}
.xtext-a > a:hover, .xtext-b > a:hover, .xtext-a > a:active, .xtext-b > a:active {
	text-decoration: underline;
}

.xtext-c {
	text-align: right;
	font-weight:normal;
	color: #4D4D4D;
}

.xtext-d {
	text-align: left;
	font-weight:normal;
	color: #4D4D4D;
}

.mod-asmodfaq .faq-heading {
	text-align:center;
}

.mod-asmodfaq .faq-heading > span {
	font-family: "Syne", serif;
	font-weight:bold;
	font-size: 27px;
	line-height:32px;
	color: #FFFFFF;

}

.mod-asmodfaq .row:first-of-type{
   border-bottom: none;
   padding:70px 0px;
} 
.mod-asmodfaq .row{
   border-bottom: 1px solid #719896;
   padding:15px 0px;
} 
.mod-asmodfaq > .row > div{
   padding:15px 0px;
} 
.mod-asmodfaq .faq-num {
	font-weight:bold;
	font-size: 17px;
	line-height:21px;
	color: #FF6346;
	margin-right:20px;
	
}
.mod-asmodfaq .faq-question {
	font-weight:bold;
	font-size: 21px;
	line-height:25px;
	color: #FFFFFF;
}
.mod-asmodfaq .faq-answer {
	font-weight:normal;
	font-size: 14px;
	line-height:17px;
	color: #FFFFFF;
	
}
.mod-asfbinst {
	height:684px;
	background: transparent url('/media/templates/site/agawasushi/images/zdjecia-sushi.jpg') 0% 0% no-repeat padding-box;
	background-position-x: center; 
}
.mod-asfbinst > div > div {
	text-align:center;
}

.mod-asfbinst .asfbinstt1 {
	color: #ffffff;
	line-height: 40px;
	font-family: "Syne", serif;
	font-weight:bold;
	font-size: 34px;
	padding-top:181px;
	
}

.mod-asfbinst .asfbinstt2 {
	color: #FF6346;
	line-height: 25px;
	font-family: "Syne", serif;
	font-weight:bold;
	font-size: 21px;
	padding-top: 20px;
}

.mod-asfbinst .asfbinstl1 {
	padding-top:30px;
	padding-bottom:20px;
}
/*
.mod-asfbinst .asfbinstl1 > a, .mod-asfbinst .asfbinstl2 > a, .asgmapslink-button > a{
	height: 41px;
	width:128px;
	border-radius: 21px;
	background: #FF6346 0% 0% no-repeat padding-box;
	color: #ffffff;
	line-height: 21px;
	text-decoration: none;
	font-family: "Syne", serif;
	font-weight:normal;
	font-size: 17px;
	text-align:center;
	display:inline-block;
	margin-bottom: 20px;
	padding-top:10px;
	
}
*/

.smbut {
	border-radius: 21px;
	background: #FF6346 0% 0% no-repeat padding-box;
	color: #ffffff;
	line-height: 21px;
	text-decoration: none;
	font-weight:normal;
	font-size: 17px;
	text-align:center;
	display:inline-block;
	padding:10px 20px;
}

.smbut:hover, .smbut:focus, .smbut:active {
background: #0EB59A 0% 0% no-repeat padding-box;
box-shadow: 0px 1px 16px #0EB59ABF;
}

.smbutbl {
background: #030E13 0% 0% no-repeat padding-box !important;
}


.mod-ascta {
	min-height: 682px;
    padding-bottom: 20px;
}
.mod-ascta .asimgcta, .mod_asgmapslink .topimg, .mod_ascta2 .asimgcta2i {
	width:138px;
	position: absolute;
	margin-top: -76px;
	left: 50%;
	transform: translate(calc(-50% + 17px), 0%);
	height: auto;
}
.mod_asgmapslink .topimg {
	margin-top:-116px;
}
.mod-cta-t1, .mod-cta-t2, .mod-cta-t3, .mod-cta-t4, .mod-cta-l1, .mod-cta-l2, .mod-cta-l1 > a, .mod-cta-l2 > a, .asgmapslink-button, .asgmapslink-t1, .asgmapslink-t2{
	text-align:center;
	font-family: "Syne", serif;
}
.mod-cta-t1 {
	padding-top:136px;
	font-size: 34px;
	line-height: 40px;
	color: #030E13;
	font-weight:bold;

}
.mod-cta-t2 {
	padding-top:30px;
	font-size: 27px;
	line-height: 32px;
	color: #030E13;
	font-weight:bold;

}
.mod-cta-t3 {
	padding-top:50px;
	font-size: 14px;
	line-height: 17px;
	color: #030E13;

}
.mod-cta-t4 {
	padding-top:39px;
	font-size: 14px;
	line-height: 17px;
	color: #030E13;

}
.mod-cta-l1, .mod-cta-l2 {
	padding-top:20px;
}
/*
.mod-cta-l1 > a {
	height: 52px;
	width:276px;
	border-radius: 26px;
	background: #FF6346 0% 0% no-repeat padding-box;
	font-weight:bold;
	font-size: 27px;
	line-height: 32px;
	padding-top:10px;
	display:inline-block;
	text-decoration: none;
	transition: background-color 0.3s ease;
}
.mod-cta-l1 > a:hover, .mod-cta-l1 > a:active {
	background: #030E13 0% 0% no-repeat padding-box;
}
.mod-cta-l2 > a {
	height: 89px;
	width:170px;
	border-radius: 21px;
	background: #030E13 0% 0% no-repeat padding-box;
	padding-top:14px;
	display:inline-block;
	text-decoration: none;
	transition: background-color 0.3s ease;
	
}
.mod-cta-l2 > a:hover, .mod-cta-l2 > a:active {
	background: #FF6346 0% 0% no-repeat padding-box;
}
.mod-cta-l2 > a > span.t1 {
	font-weight:normal;
	font-size: 14px;
	line-height: 17px;
	text-decoration: none;

}
.mod-cta-l2 > a > span.t2 {
	font-weight:bold;
	font-size: 27px;
	line-height: 32px;
	text-decoration: none;

}
*/
.mod_asgmapslink {
	padding-top:40px;
	padding-bottom:40px;
}
.asgmapslink-t1 {padding:100px 20px 0px 20px;}
.asgmapslink-t2 {padding:30px 20px 0px 20px;}
.asgmapslink-button {padding-top:30px;}
.asgmapslink-t1 > span {
	max-width: 570px;
	font-weight:bold;
	font-size: 27px;
	line-height: 32px;
	text-decoration: none;
}
.asgmapslink-t2 > span {
	max-width: 370px;
	font-weight:normal;
	font-size: 14px;
	line-height: 17px;
	text-decoration: none;
}


.mod-asbanner {
	max-width: 1366px;
	margin: 0 auto;
	background: transparent url('/media/templates/site/agawasushi/images/Agawa-outline.png') 0% 0% no-repeat padding-box;
	background-position-x: center; 
	background-size:contain;
}

.mod-asbanner .asbannerbut {
	padding-top:40px;
	}
.asbannerlok>.row{
	margin-left:15px;
	margin-right:0px
}
.asbannert1 {
	font-family: "Syne", serif;
	color:#030E13;
text-align: center;
	font-weight:bold;
	font-size: 70px;
	line-height:84px;
	text-decoration: none;
	
}
.asbannert2 {
	padding-top: 7px;
	font-family: "Syne", serif;
	color:#030E13;
text-align: center;
	font-weight:bold;
	font-size: 27px;
	line-height: 32px;
	text-decoration: none;
}
.asbannerl1, .asbannerl2 {
	text-align:center;

}
.asbannerl1 > a, .asbannerl2 > a {
	height: 41px;
	width:162px;
	line-height:21px;
	font-size: 17px;
	color:#FFFFFF;
	border-radius: 21px;
	padding-top:10px;
	display:inline-block;
	text-decoration: none;
	transition: background-color 0.3s ease-out;
	
}

.asbannerl2 > a {
	background: #030E13 0% 0% no-repeat padding-box;
}
.asbannerl1 > a {
	background: #FF6346 0% 0% no-repeat padding-box;
}

.asbannerl1 > a:hover, .asbannerl1 > a:active, .asbannerl2 > a:hover, .asbannerl2 > a:active {
	background: #0EB59A 0% 0% no-repeat padding-box;
	box-shadow: 0px 1px 16px #0EB59ABF;
}

.asbannerlok1, .asbannerlok2 {
	font-family: "Syne", serif;
	text-transform: uppercase;
	font-weight:bold;
	writing-mode: vertical-rl;
	text-orientation: upright;
	padding: 6px 9px 6px 3px;

}
.asbannerpin {
	padding: 0px;
}

.asbannerimage {
	text-align:center;
}

/* Stylowanie dla urządzeń mobilnych */
@media (max-width: 768px) {
	.xcontainer, 
	.xcontainer2 {
		grid-template-columns: 1fr; /* Jedna kolumna */
		justify-items: center; /* Wyśrodkowanie zawartości */
		text-align: center;
	}

	.xtext-a,
	.xtext-b,
	.xtext-c,
	.xtext-d {
		text-align: center;
	}
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1390px;
  }
}

@media screen and (max-width: 576px) {
	.mod-asfbinst {
		height:auto;
		max-height:100%;
		aspect-ratio:430/645;
		background-size:cover;
		background: transparent url('/media/templates/site/agawasushi/images/zdjecia-sushi-m.jpg') 0% 0% no-repeat padding-box;
		background-position-x: center; 
		
	}
	.sitebottom-b .container-bottom-b {
		padding-left:0px;
		padding-right:0px;
	}
}


.buttondark {
	background: #030E13 0% 0% no-repeat padding-box;
	height: 41px;
	border-radius: 21px;
	padding:10px 10px 0px 10px;
	display: inline-block;
	text-decoration: none;
	transition: background-color 0.3s ease;
}
.buttonlight, #mainmenu .item-102 > a.nav-link {
	background: #FF6346 0% 0% no-repeat padding-box;
	height: 41px;
	border-radius: 21px;
	padding:10px 20px 0px 20px;
	display: inline-block;
	text-decoration: none;
	transition: background-color 0.3s ease;
}
.buttonlight:hover, .buttonlight:active, .buttondark:hover, .buttondark:active, #mainmenu .item-102 > .nav-link:hover, #mainmenu .item-102 > .nav-link:active {
	background: #0EB59A 0% 0% no-repeat padding-box;
	box-shadow: 0px 1px 16px #0EB59ABF;
}
#mainmenu a.nav-link {
	line-height: 17px;
	font-size:14px;
	font-weight:bold;
	padding: 10px 15px;
	color: #030E13;
}

#mainmenu li.active > a.nav-link {
	text-decoration:underline;
}

#mainmenu a.nav-link::before {
	float: none;
	display: block;
	width:23px;
	height:21px;
	content: url('../images/futomak-menu.svg'); /* The small icon */
	position: relative;
	top: 10px; /* Place it above the menu item */
	transform: translateX(-50%);
	left: 50%; /* Center horizontally */
	opacity: 0; /* Hide the icon initially */
	transition: none;
}

#mainmenu a.nav-link:hover::before, #mainmenu a.nav-link:active::before{
      opacity: 1; /* Show the icon on hover */
      transform: translateX(-50%) translateY(-10px); /* Add a slight upward animation */
	transition: opacity 0.45s ease, transform 0.45s ease;
    }

#mainmenu a.nav-link:hover, #mainmenu a.nav-link:active {
	text-decoration:underline;
}

#mainmenu .item-102 {
	padding-top:21px;
}

#mainmenu .item-102 > a.nav-link::before {
	content:none;
}
#mainmenu .item-102 > a.nav-link {
	background: #FF6346 0% 0% no-repeat padding-box;
	height: 37px;
	border-radius: 21px;
	padding:10px 20px 0px 20px;
	display: inline-block;
	text-decoration: none !important;
	transition: background-color 0.3s ease;
	line-height: 17px;
	font-size:14px;
	color: #FFFFFF;
}
#mainmenu .item-102 > .nav-link:hover, #mainmenu .item-102 > .nav-link:active {
	background: #0EB59A 0% 0% no-repeat padding-box;
	box-shadow: 0px 1px 16px #0EB59ABF;
}

body > header {
	padding-top:96px;
}

nav.fixed-top {
	padding-top:0px;
	top:0;
	transition: background-color 0.3s ease; /* Smooth transition */
	will-change: position, top;
	transform: none !important;
	animation: none !important;
}

/* Background when scrolled */
nav.fixed-top.scrolled {
  background-color: #ffffff !important; /* Dark background */
}
.mod-breadcrumbs {
	justify-content:center;
	align-items: center;
}

.mod-breadcrumbs span.divider.icon-location{
	display:none;
}

.mod-breadcrumbs .breadcrumb-item > a {
	text-decoration:none;
	font-size:14px;
	line-height:17px;
	color:#030E13;
	border-radius: 9px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	padding:0px 5px;
}
.mod-breadcrumbs .breadcrumb-item > a:hover, .mod-breadcrumbs .breadcrumb-item > a:active {
	background: #FF6346 0% 0% no-repeat padding-box;
	transition: background-color 0.3s ease;

}
.mod-breadcrumbs .breadcrumb-item > span {
	text-decoration:none;
	font-size:14px;
	line-height:17px;
	color:#030E13;
	padding:0px 5px;
}
.siteBody {
	padding-top:60px;
}
.page-header.topheading {
text-align:center;
}

.page-header.topheading h1{
text-align:center;
font-weight:bold;
font-size: 42px;
line-height:51px;
}

/*ASCTA3 */

.mod_ascta3 .cta3boxleft {
padding:0px 15px 0px 0px;
}
.mod_ascta3 .cta3boxleft > .row {
background: #9EE5DA 0% 0% no-repeat padding-box;
padding: 70px 110px;
margin:0px;

}
.mod_ascta3 .cta3boxright {
padding:0px 0px 0px 15px;

}
.mod_ascta3 .cta3boxright > .row {
background: #FF6346 0% 0% no-repeat padding-box;
padding: 70px 110px;
margin:0px;

}
/*.ctaboxt1, .ctaboxt1 span{
text-align: left;
line-height:40px; 
font-size:34px;
font-weight:bold;
}
.ctaboxt2 {
padding-top:20px;
text-align: left;
line-height:32px; 
font-size:27px;
font-weight:bold;
}
.ctaboxt3 {
padding-top:10px;
text-align: left;
line-height:17px; 
font-size:14px;
font-weight:normal;
}*/
.ctaboxbut {
	padding-top:20px;
} 
.whitetextcta {
	color:#ffffff;
}

.butctaz {
	color:white;
	text-align:center;
	border-radius: 21px;
	background: #030E13 0% 0% no-repeat padding-box;
	padding: 20px 25px;
	display: inline-block;
	text-decoration: none;
	transition: background-color 0.3s ease;
}
.butctaz > span.t1 {
	color:white;
	font-weight:normal;
	font-size: 14px;
	line-height: 17px;
	text-decoration: none;
}
.butctaz:hover, .butctaz:active{
	box-shadow: 0px 1px 16px #464646BF;
}
.butctaz > span.t2 {
	color:white;
	font-weight:bold;
	font-size: 27px;
	line-height: 32px;
	text-decoration: none;
}



.butctatel {
	color:white;
	text-align:center;
  border-radius: 26px;
  background: #FF6346 0% 0% no-repeat padding-box;
  font-weight:bold;
  font-size: 27px;
  line-height: 32px;
  padding: 10px 20px;
  display: inline-block;
  text-decoration: none;
  transition: background-color 0.3s ease;
}
.butctatel:hover, .butctatel:active {
	background: #0EB59A 0% 0% no-repeat padding-box;
	box-shadow: 0px 1px 16px #0EB59ABF;
}

.mod_asgodzinyotwarcia {
	padding-bottom:80px;
}

.mod_asgodzinyotwarcia > .row > div{
text-align:center;

}

.asgodzinyotwarciat1 {
  font-weight:bold;
  font-size: 27px;
  line-height: 32px;
  padding-top: 60px;
}
.asgodzinyotwarciat2 {
  font-weight:bold;
  font-size: 21px;
  line-height: 25px;
  padding-top: 20px;
}
.asgodzinyotwarciat3, .asgodzinyotwarciat4 {
  font-weight:bold;
  font-size: 17px;
  line-height: 21px;
  padding-top: 20px;
}

.asgodzinyotwarciaimg img.asgoimg {
	transform: translateX(17px);
}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
background: #FF6346;
	font-size: 20px;
	line-height: 25px;
	border-radius:55px;
	padding:16px 20px;
}
#btn-back-to-top .fa-arrow-up {
	color:#FFFFFF;
  animation: none;
  transition: transform 0.3s ease;
}
#btn-back-to-top:hover .fa-arrow-up {
  /*animation: arrowMove 1s infinite;*/

  animation: arrow-animation 1.5s 1 ease-in-out;
}

@keyframes arrow-animation {
  0% {
    transform: translateY(0); /* Pozycja startowa */
  }
  25% {
    transform: translateY(-100%); /* Strzałka wyjeżdża w górę */
    opacity: 0; /* Zanikanie strzałki przy wyjeżdżaniu */
  }
  50% {
    transform: translateY(100%); /* Strzałka pojawia się od dołu */
    opacity: 0; /* Strzałka wciąż niewidoczna */
  }
  75% {
    transform: translateY(0); /* Powrót do środka */
    opacity: 1; /* Strzałka widoczna */
  }
  100% {
    transform: translateY(0); /* Pozycja początkowa */
  }
}

/*
@keyframes arrowMove {
	0% {transform: translateY(0);}
	50% {transform: translateY(-125%);}
	100% {transform: translateY(25%);}
}
*/
.aslkt1 {
	font-weight:bold;
	font-size: 34px;
	line-height:40px;
	padding-top: 60px;
}
.aslkt2, .aslkt4 {
	font-size: 14px;
	font-weight:normal;
	line-height: 17px;
	padding-top:30px;
	
}
.aslkt3 > a {
	text-decoration: none;
	font-size: 27px;
	font-weight:bold;
	line-height:32px;
	color: #030E13;
}
.aslkt5, .aslkt6 {
	font-size: 17px;
	font-weight:bold;
	line-height: 21px;
	padding-top:10px;

}
.aslkt7 {
color: #719896;
	font-size: 14px;
	font-weight: 400px;
	line-height: 17px;
	padding-top:30px;
}
.mod_aslokalizacjakontakt {
	padding-bottom: 60px;
}
.mod_ascta2 {
	margin-top:40px;
	padding-bottom:30px;
}
.mod_ascta2 .ascta2boxr2 {
	margin-top:30px;
}
.mod_ascta2 .asctab1 {
aspect-ratio: 770/450 auto; 
overflow: hidden; 
padding-left:0px; 
padding-right:15px;
}
.mod_ascta2 .asctab2 {
aspect-ratio: 370/450 auto; 
overflow: hidden; 
padding-right: 0px;
padding-left:15px;
}
.mod_ascta2 .asimgcta2{
min-width:100%;
min-height:100%; 
max-width: auto;
}
.mod_ascta2 .asctab3 {
aspect-ratio: 570/524 auto;
overflow: hidden;
padding-left:0px;
padding-right:15px;
}
.mod_ascta2 .asctab3 > .row {
background:#FF6346;
padding:70px 100px;
height:100%;margin:0px;
}
.mod_ascta2 .asctab3 .butctatel {
border: 1px solid #030E13;
font-size: 17px;
line-height: 21px;
padding: 10px 20px;
color: #030E13;
}
.mod_ascta2 .asctab3 .butctatel:hover {
border: 1px solid transparent;
color: #FFFFFF;
}
.mod_ascta2 .asctab3 .ctat2 {
	margin-bottom:10px;
	display: block;
}
.ascat2text1, .ascat2text1 p, .ascat2text1 span {
	font-size: 27px;
	line-height: 32px;
	font-weight: bold;
}
.ascat2text1 > a{
	font-size: 27px;
	line-height: 32px;
	font-weight: bold;
	color: white;
}

.mod_ascta2 .asctab4 {
aspect-ratio: 570/524 auto;
overflow: hidden;
padding-right:0px;
padding-left:15px;
}

.mod_asreviews {padding-top:40px;padding-bottom:70px;padding-left: 0px;padding-right: 0px;}
.mod_asreviews > .row > .col-md-3 {padding-bottom:30px;}
.asroc4::before, .asrc3:before {  content: "★ ★ ★ ★ ★ ";font-size:21px;} 
.asroc4, .asrc3{display: inline-block;background-clip: text;-webkit-background-clip: text;color: rgba(0, 0, 0, 0.1);}
.asrc4g {font: normal normal bold 17px/21px Syne;}
.asrc4il{font: normal normal normal 17px/21px Syne;margin-left:5px;}
.asrc5 > span {font: normal normal normal 11px/13px Syne;color: #719896;}
.asrc2, .asrc3, .asrc4, .asrc5, .asroc4, .asroc5 {padding:2px 0px;}
.asrc6 {padding-top:30px;}
.asroc3 {padding: 10px 0px 3px 0px;}
.asroc3 > span {color: #719896;}
.asroc5 > div > span:nth-of-type(2){font-weight:bold;}

.mod_asctabar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px 20px;
background: #9EE5DA 0% 0% no-repeat padding-box;
}
.mod_asctabar .t1 {
}
.mod_asctabar .buttons > a:first-of-type {
margin-right: 10px;
}

.mod_asctabar .t1 {
	font-size:14px;
	font-weight:400;
	line-height:17px;
	padding:10px 10px;
}

main {
	padding-bottom:50px;
}
.kontaktpage main {
	padding-bottom:0px;
}

nav.fixed-top.scrolled{padding-top:0px !important}

nav .navbar-toggler.chopsticks img{display: block;margin: 7px 0px;transition-duration: 500ms;}
nav.show .navbar-toggler.chopsticks .navbar-toggler.chopsticks img{display: block;margin: 2px 0px}
nav.show .navbar-toggler.chopsticks img.img1{rotate: z -30deg;}
nav.show .navbar-toggler.chopsticks img.img2{rotate: 30deg;}

.menu-menu{list-style:none;margin:0px;padding:0px}
.menu-menu li{margin-bottom:10px}
.menu-menu li a{display:inline-block;color:#030E13;font-size:17px;padding:8px 20px; border: 1px solid rgba(3, 14, 19, 0.1);border-radius: 21px;text-decoration:none;font-weight:bold}
.menu-menu li a:hover, .menu-menu li a.active{border: 1px solid rgba(3, 14, 19, 1);}

.menu-menu.glowna{text-align:center;margin-bottom:110px}
.menu-menu.glowna li{display: inline-block;margin-left:15px;margin-right:15px;margin-bottom:20px}

.menu-agawa-ramen-tlo{position:relative}
.menu-agawa-ramen{display:block;position:absolute;height:590px;width:368px;left:0px;top:-280px;background:url(/images/template/ramen.png) no-repeat left center}

.mod_ascta3 .cta3boxleft .row{height:100%}
.mod_ascta3 .cta3boxright .row{height:100%}

.menu h2{display:inline-block;padding-top:8px;padding-right:63px;padding-bottom:5px;background:url(/images/template/sushi-icon.svg) no-repeat top right;font-size:34px;margin-bottom:40px;}
.menu .menu-item .img{margin-bottom:10px; aspect-ratio: 170/113 auto; overflow: hidden; max-width:170px}
.menu .menu-item .img img{min-width:100%;min-height:100%;}

.menu .menu-item h3{font-size:21px;font-weight: bold;}
.menu .menu-item .text{color:#719896;font-size:14px;text-align:left}
.menu .menu-item .text p{color:#719896;font-size:14px;text-align:left}
.menu .menu-item .ilosc-sztuk{font-size:14px;margin-right:10px;display:inline-block}
.menu .menu-item .cena{color:#FF6346;font-size:14px;display:inline-block;font-weight:bold}
.menu .menu-item{padding-bottom:30px}
.menu>.row{padding-top:40px;padding-bottom:20px;}
.menu>.row:first-of-type{padding-top:0px;}
.menu>.row hr{border-top:1px solid #719896;opacity:1; margin: 0px}
.menu>.row:last-of-type hr{border-top:0px}

.menu .wege h2{background:url(/images/template/wege-icon.svg) no-repeat top right;}
.menu .wege .menu-item .cena{color:#FFFFFF;background:#30c965;border-radius:10px;padding-left:5px;padding-right:5px}

.menu .cukier h2{background:url(/images/template/agawa-icon.svg) no-repeat top right;}
.menu .cukier .menu-item .cena{color:#FFFFFF;background:#0eb59a;border-radius:10px;padding-left:5px;padding-right:5px}

.blog h4 a{font-size: 21px;font-weight: bold;color:#030E13;text-decoration:none}
.blog .category-name{color: #FF6346;font-size: 14px;display: inline-block;font-weight: bold;}
.blog .img{margin-bottom:10px; aspect-ratio: 270/180 auto; overflow: hidden; max-width:none}
.blog .img img{min-width:100%;min-height:100%;}

.blog-glowna>div{text-align:center;margin-bottom:40px;margin-top:30px}
.blog-glowna .img{margin: 0 auto; margin-bottom:10px;}

#mod-custom149{margin-top:154px;margin-left:auto;margin-right:auto;width:50%;}
.siteBody>.container>.row>.col-lg-3{position: sticky;top:80px;}
.siteBody>.container>.row>.col-lg-3>.sidebar{position: sticky;top:98px;}

.glowna .sitebottom-0{position:relative}
.glowna .sitebottom-0:before{content:"";display:block;position:absolute;height:368px;width:397px;right:0px;top:-150px;background:url(/images/template/rolls.png) no-repeat right center}

.container100{max-width:100%;margin-bottom:100px;}
/*.container100 .tekst{padding-left:198px;padding-right:115px;padding-top:50px}*/
.container100 .tekst{padding:30px;}
.container100 .tekst > p {text-align:center;font-size:34px;font-weight:bold;line-height:40px;
}
.container100 .grafika{aspect-ratio: 683/470 auto; overflow: hidden;padding:0px}
.container100 .grafika img{min-width:100%;min-height:100%;}

.published .icon-calendar {display: none;}
.blog-info-s .published {padding-top:10px; font-weight:bold;}
.blog-info-s .pagenavigation a.btn{
	display: inline-block;
  color: #030E13;
  font-size: 17px;
  padding: 8px 20px;
  border: 1px solid rgba(3, 14, 19, 0.1);
  border-radius: 21px;
  text-decoration: none;
  font-weight: bold;
  background-color:white;
	
	
}
.blog-info-s .pagenavigation a.btn .icon-chevron-right {display:none;}
.blog-info-s .pagenavigation a.btn:hover {
border: 1px solid rgba(3, 14, 19, 1);
}
.blog-info-s .pagenavigation .pagination {
	justify-content: center;
}
.blogpage .com-content-article__body {
	text-align:center;
	font-size:17px;
	line-height:21px;
}
.blogpage .com-content-article__body ul, .blogpage .com-content-article__body ol{
	list-style-position: inside;
}
.item-pageblogpage figure.item-image{
	text-align:center;
}
@media (max-width: 767px) {
	body {
		background: linear-gradient(to bottom, #9EE5DA, rgba(255, 255, 255, 0) 1000px);
	}
	.asbannerlok2 {
		padding-top: 16px !important;
	}
	.mod_ascta2 .asctab1 {
	padding-right:5px;
	}
	.mod_ascta2 .asctab2 {
	padding-left:5px;
	}
	.mod_ascta2 .ascta2boxr2 {
		margin-top: 10px;
	}
	.mod_ascta2 .asctab3 {
	padding-right:0px; 
	padding-bottom:5px;
	aspect-ratio:auto;
	}
	.mod_ascta2 .asctab4 {
	padding-top:5px;
	padding-left:0px;
	}
		.zamow .container-sm, .zamow .container {
			max-width: none;
			padding-left: 18px;
			padding-right: 18px;
		}
	.mod_ascta3 .cta3boxleft {
	padding: 0px 0px 15px 0px;
	}
	.mod_ascta3 .cta3boxright {
	padding: 15px 0px 0px 0px;

	}

	.asgodzinyotwarciat1 {
		padding-top: 30px;
		padding-left: 30px;
		padding-right: 30px;
	}	
	.onas .container-bottom-0 {
		padding-left:30px;
		padding-right:30px;
	}
	.onas .container-bottom-0 .mod_asreviews > div > div{
		padding-left:15px;
		padding-right:15px;
	}
	.onas .container100 {margin-bottom:50px;}
	.zamow .container100 {margin-bottom:30px;overflow:hidden;}
	.zamow .container100 > div:first-of-type > div {padding-top:20px;padding-bottom:50px;}
	.mod_ascta2 .asctab3 {
		padding-bottom:5px !important;
	}
	 .mod_ascta2 .asctab4 {
		padding-top:5px !important;
	 }
	 .container100 .tekst > p {text-align:center !important; font-size:30px !important;font-weight:bold !important;line-height:36px !important;}
	 main .com-content-category-blog {
		 padding-left:20px;
		 padding-right:20px;
	 }


	h2, .h2st, .menu h2 {
		font-size: 30px;
		line-height: 36px;
		
	}
	.aslkt1, .aslkt2, .aslkt3, .aslkt4, .aslkt5, .aslkt6 {
		text-align:center;
	}
	.aslkt1 {
		padding-top:20px;
	}
	.mod_aslokalizacjakontakt > .row > div {
		padding-bottom:15px;
	}
	.mod_asbloglink {
	  padding-bottom: 115px;
	}

	.menu-menu.glowna li {
		margin-left: 5px;
		margin-right: 5px;
	}
	.blog-glowna, #mod-custom149 {
		padding-left: 30px;
		padding-right: 30px;
	}
	.blog-glowna > div {
		padding-left: 40px;
		padding-right: 40px;
	}
	.blog-glowna > div:first-child {
		margin:0px;
	}
	.asbannerimage {
		display:flex;
		justify-content:center;
		padding-top:40px;
		overflow:hidden;
	}
	.asimgbanner1 {
		max-width:160%;
	}
	.asbannert1 {
		line-height:51px;
		font-size:42px;
		padding: 60px 30px 20px 30px;
	}
	.mod-asmodfaq {padding-left:30px;padding-right:30px;}
	.mod-asbanner {background-position-y: 380px;}
	.asbannerpin {padding-left:8px;}
	.asimgbanner2 {margin-left:0px;}
	
}
@media (min-width: 768px) { /* When col-md-6 is applied */
	.mod_asctabar .t1 {
		font-size:17px;
		font-weight:700;
		line-height:25px;
	}
	.col-md-faqnum{width:4%;}
	.col-md-faqq {width:46%;}

	.container100 .tekst{padding-bottom:50px;padding-left:39px;padding-right:36px;padding-top:0px;}
	.container100 .tekst > p {font-size: 27px !important;line-height: 32px; text-align:left;}		
}

@media screen and (max-width: 991px) { 

	.mod_ascta3 .cta3boxleft > .row {
	padding: 30px;
	}
	.mod_ascta3 .cta3boxright > .row {
	padding: 30px;
	}	

	.mod_ascta2 .asctab3 {
		padding-right:0px; 
		padding-bottom:15px;
		aspect-ratio:auto;
	}
	.mod_ascta2 .asctab3 > .row {
		padding:30px;
	}
	 .mod_ascta2 .asctab4 {
		padding-top:15px;
		padding-left:0px;
	 }
	 
	nav.fixed-top.show, nav.fixed-top.collapsing{
		background:white;
	}
	nav.fixed-top.scrolled {
	padding-top:10px;
	}
	#mainmenu.show {
		position:absolute;
		top:85px;
		left:0px;
		width:100%;
		background:white;
		padding: 50px 0px 100px 0px;
	}
	#mainmenu.collapsing {
		transition:none !important;
	}
	nav.collapse {
		display:flex !important;
	}
#mainmenu a.nav-link::before {
	content:none;
}
	#mainmenu a.nav-link {
		line-height: 25px;
		font-size:21px;
		font-weight:bold;
		padding: 10px 15px;
		margin-top:40px;
	}
	#mainmenu a.nav-link:hover, #mainmenu a.nav-link:active {
		text-decoration:underline;
	}
	#mainmenu .item-102 {
		padding-top:0px;
	}
	#mainmenu .item-102 {text-align:center;}

	#mainmenu .item-102 > a.nav-link {
		background: #FF6346 0% 0% no-repeat padding-box;
		height: 45px;
		border-radius: 21px;
		padding:10px 25px 0px 25px;
		display: inline-block;
		text-decoration: none;
		transition: background-color 0.3s ease;
		line-height: 25px;
		font-size:21px;
	}

	.siteBody>.container>.row>.col-lg-3{margin-bottom:14px}
	.siteBody>.container>.row>.col-lg-3.scrolled{background:#fff}
	#mod-custom149{margin-top:154px;margin-left:auto;margin-right:auto;width:100%;}
	.sidebar{overflow-x:hidden; }
	.menu-menu{display: table;margin:20px 0px}
	.menu-menu li{display: table-cell;white-space: nowrap;}
	.menu-menu li a{display: table-cell;}
	
	/*.menupage nav.fixed-top.scrolled:after{content:"";display:block;width:100%;height:80px;background:#fff;position:absolute;top:100%}*/
	
	.menupage #mainmenu{ z-index: 99999;}
	.menu-agawa-ramen{position:static;height:327px;width:100%;background: url(/media/templates/site/agawasushi/images/ramen-m.png) no-repeat center center;}
	.glowna .sitebottom-0:before{position:static;width:100%;height:215px;background-size: 243px 215px;
        background-position: right top;background: url(/media/templates/site/agawasushi/images/rolls-m.png) no-repeat center center;}
	.menu-menu.glowna{margin-bottom:12px}
	#mod-custom149{margin-top:30px}
	#mainmenu{transition: all 1s ease;text-align:center}
	
	.sbmenu .sidebardiv>.sidebar {
		overflow-x: auto;
		cursor: grab;
		padding: 10px;
		-webkit-overflow-scrolling: touch;
	}

	.sbmenu .sidebardiv>.sidebar::-webkit-scrollbar {
		display: none;
	}

	.sbmenu .sidebardiv>.sidebar {
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

	.sbmenu .sidebardiv>.sidebar.active {
		cursor: grabbing;
	}

	.sbmenu .sidebardiv>.sidebar>.menu-menu {
		display: inline-flex;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.sbmenu .sidebardiv>.sidebar>.menu-menu li {
		white-space: nowrap;
		margin-right: 10px;
		flex-shrink: 0;
	}

}
@media (min-width: 992px ) {
	.item-pageonas > .com-content-article__body {
		width:50%;
		margin: 0 auto;
	}
	.container100 .tekst{padding:30px;}
	.container100 .tekst > p {font-size:34px !important;font-weight:bold !important;;line-height:40px !important;}
}
@media (max-width: 1399px) {
	.mod_ascta2 .asctab3 > .row {
		padding:35px;

}
}
@media (max-width: 1199px) {
	.glowna .sitebottom-0:before{position:static;width:100%;height:256px;background-size: 240px 256px;}
}
@media (min-width: 1200px) {
	.container100 .tekst{padding-left:100px;padding-right:100px;padding-top:40px}
}
@media (min-width: 1400px) {
	.container100 .tekst{padding: 60px 115px 100px 198px !important;}
}