/*
Theme Name: gemtmpl

*/
* {
	padding: 0;
	margin: 0;
}
*, *:before, *:after {
  box-sizing: border-box;
}
a, a:focus, a:hover {
	outline: none;
	text-decoration: none;
	color: #000
}
.clear {
	clear: both;
	height: 0;
}

ul {
	list-style: none;
}


html {

	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	color: #000;
	background: #fff;
font-family: 'Sinkin Sans 300';
	font-size: 13px;
-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	line-height: 150%;


}

p{
		line-height: 180%;
}

input, select, textarea, option {
font-family: 'Sinkin Sans 400';
	font-size: 15px;
border-bottom: 1px solid #000;
border-left: none;
border-right: none;
border-top: none;
  padding: 10px;
  margin-bottom: 15px;
	width: 100%;
	background: none;
	color: #000;

}


input[type="submit"], button.button_send {
font-family: 'Sinkin Sans 400';
	background: #efc573;
	padding: 15px 25px;
	color: #000;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 11px;
border: none;
cursor: pointer;
}
.w800 {
	width: 800px;
	margin: 0 auto;
}


.w1200 {
	width: 1200px;
	margin: 0 auto;
}

.w1400 {
	width: 1400px;
	margin: 0 auto;
}

.full {
	width: 100%
}

h1, h2, h3, h4, h5 {
  font-family: 'Marcellus';
line-height: 120%;

font-weight: normal;
}

h1 {
		font-size: 80px;

}
h2 {
	font-size: 50px;

}
h3 {
	font-size:30px;

}
h4 {
	font-size:25px;

}


.flex {
	display: flex;
	flex-wrap: wrap;
}

.betw {
	justify-content: space-between;
}

.icent {
	align-items: center;
}
.cent {
	justify-content: center;
}

.centr {
	text-align: center;
}

.iend {
	align-items: flex-end;
}

.green {
	background: #abc480;
}

.yellow {
	background: #efc573;
}
.logo {
	padding-right: 50px;
}
.primary-menu-container ul {
	display: flex;
	flex-wrap: wrap;
}
.primary-menu-container ul li {
	padding: 0 20px;
}
.primary-menu-container ul li a {
	font-size: 13px;
	text-transform: uppercase;
}
.header {
	height: 70vh;
	background: #f1f2f7;
}
.header.reduc {
	height: auto;
}
.header.reduc .topper {
	position: relative;
}
.topper {position: absolute; top: 0; left:0 ; width: 100%;
padding: 30px}

.topimg {
	width: 60%;
	height: 70vh;
}

.topimg img {
	object-fit: contain;
	-o-object-fit: contain;
	width: 100%;
	height: 100%;
	object-position: right bottom;
	-o-object-position: right bottom;
}

.tag {
	width: 30%;
	text-align: right;
	padding-top: 10%
}
.tag .smaller {
font-family: "Corinthia", cursive;
	font-size: 60px;
	display: block;
font-weight: 400;
right:-70px;
position: relative;
	color:#dfa32f;
	line-height: 80%
}

.tag .bigger {
	font-size: 100px
}
.top_wr {
	padding: 0 0 0 100px
}
.intro {
	padding: 80px 30px
}
.intro > div {
	padding: 35px 10%
}
.intro h2 {
	padding: 0 30px
}
.readmore {
	margin-top: 22px
}
.action a, .readmore a {
	  font-family: 'Marcellus';
		display: flex;

}
.action a {
	font-size: 40px;
}
.readmore a {
	font-size: 22px;
			align-items: center;
}
.action a .under {font-family: 'Sinkin Sans 300'; font-size: 14px;
display: block; padding-top: 15px
}
.action a i {
	font-size: 25px
}
.readmore a i {
	font-size: 20px;
}
.circl.green {
	color:#fff;
}
.circl.yellow  {
	color:#000;
}
.circl {


		border-radius: 100%;
			margin-left: 15px;
}
.readmore .circl {
	width:40px;
	height: 40px;
	padding: 10px;
}
.action .circl {
	width:55px;
	height: 55px;
	padding: 15px;
}

.swiper-container, .cgal {
	width: 100%;
	 overflow: hidden;
	}


.swiper {
      width: 100%;
      height: 100%;
			  overflow: hidden;
    }
.slide-inner {

  width: 100%;
  height: 100%;

  background-size: cover;
  background-position: center;
  background-repeat:  no-repeat;
}

.splide__slide img, .roundimg img {
  width:100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.roundimg img  {
		border-radius: 100%;
}
.roundimg {
	width: 150px;
	height: 150px;

}

.cakes_wr {
	padding: 80px 20px;
	text-align: center;
}
.cakelist {
	margin-top: 40px
}
.cakes {
	margin: 2%
}
.btext_wr {
	padding-top: 15px
}
.btext_wr .sub {
	text-align: center;
}
.mgal {
	width: 75%
}

.mids {
	width: 23%;
	padding: 50px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

.mids > span {
	font-size: 70px;
	color: #efc573;
	line-height: 80%
}

.bottom > div {
	width: 40%;
	padding: 50px 70px
}

.ttext {
	padding: 20px 65px;
	display: block;
}

.tname {
		padding: 20px 65px;
	font-size: 12px;
	text-align: right;
	display: block;
	width: 100%
}
.tgal, .faqwr {
	padding: 60px 0
}
.bottom {
	padding: 80px 0 0 0
}
.bottom h2 {
	text-align: center;
}

.quest {
	padding: 10px;
	border-bottom: 5px solid #abc480;
	font-size: 18px;
	margin-bottom: 15px
}
.answ  {
	padding: 10px;
	display: none;
}
.quest span {
	width: 90%
}
.quest.open i {
	transform: rotate(180deg);
}

.footer {
	padding: 50px;
	background: #abc480;

}
.footer, .footer a, .footer i {
	color: #fff;
}

.content_all {
	padding: 80px 0
}

.cakesbl  {
	padding: 30px 0
}
.cakeslist {
	width: 100%
}
.cakeslist  > div {
	width: 23%;
	margin: 2% 1%
}

.cimgwr {
	height: 300px;
}
.cimgwr img {
	object-fit: cover;
	-o-object-fit: cover;
	width: 100%;
	height: 100%;
}
.btext_wr h4 {
	font-size: 28px;
text-align: center;
padding-top: 5px;
}
.sub {
	padding-top: 10px;
	font-size: 12px
}
.price {
	text-align: center;
	font-size: 20px;
font-family: 'Sinkin Sans 700';
color: #abc480;
padding-top: 10px
}
.cake .readmore a {
	justify-content: flex-end;
}
.sgallery {


}
.sgallery, .singlecake .desc {
	width: 50%;
}
.singlecake  .desc  {
	padding: 5%
}
.singlecake .price {
	text-align: left;
}
.vars {
	padding: 20px 0
}
.var {
	width: 35px;
	height: 35px;
	border-radius: 100%;
margin: 0 auto;

}
.var_wr {
	margin: 5px 20px 5px 0;
		text-align: center;
		cursor: pointer;
}
.nameboja {
	font-size: 7px;
	text-transform: uppercase;
}

.action.butt {

	border-radius: 100%;
	padding: 20px 20px;


	background: #efc573;
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 50;

}
.action.butt a {
	font-family: 'Sinkin Sans 700';
	font-size: 11px;

		color: #000;
		text-transform: uppercase;
}

.footer .segment {
	padding: 20px 50px
}
.footer .phone {
	display: flex;
	flex-direction: column;
justify-content: center;
}
.footer .phone i {
	font-size: 20px;

}
.icons > a {
	padding-right: 10px
}

.follow {
	justify-content: flex-end;
}
.follow a i {
	font-size: 30px
}

.contact > div {
	width: 50%
}

.contact .compinfo {
	padding: 8%
}

.form {
	padding-top: 30px
}

.compinfo .address, .compinfo .work, .compinfo .phone, .compinfo  .email {
	padding: 5px 0
}

.form_error {
	color: rgb(171, 13, 13);
	font-size: 10px;
	display: none
}

.iframe, .limg {
	height: 50%
}
.limg img {
	object-fit: cover;
	-o-object-fit: cover;
	width: 100%;
	height: 100%
}

.taste {
	padding: 20px 0;

}
.taste ul {
	margin-left: 25px;
	list-style: disc;
}
.taste ul li {
	padding: 3px 10px;
}
.taste a {

margin: 4px 0;
display: inline-block;
}
.cake.stick {
	margin: 2% 1%
}
.cake.stick .btext_wr {
	width: 45%
}
.cimgwrstick {
	height: 350px;
	width: 23%;
}
 .cake.stick .cimgwr {
	 width: 50%;

 }
.cimgwrstick img {
	object-fit: cover;
	-o-object-fit: cover;
	width: 100%;
	height: 100%
}
.cake.stick h4 {
	text-align: left;
}

.taste ul {
	list-style: disc;
}
.taste ul  li {
	padding: 5px 25px 5px 5px;

}
.ingri {
display:none
}
.ingri.shoin {
	padding-top: 5px; display: block;
}

.singlecake .taste ul {
	list-style: none;
}
.singlecake .taste ul  li  {
	display: block;
	width: 100%
}
.singlecake .taste ul  li  a {
	font-size: 20px
}
.sast {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	color: #ABC480
}
.kat {
	font-size: 12px;
		text-transform: uppercase;
		display: block;
}

.cake.stick .var {
	width: 25px;
	height: 25px;
}
.cake.stick .var_wr {
	cursor: default;
	margin: 5px 10px
}
.topmess {
	padding: 10px;
	padding: 10px;
	  background: #EFC573;
	  margin-bottom: 15px;
}