img { max-width: 100%; height: auto }

section {
	padding: 90px 0
}
section.about {
}
section.about .-image {
	float: left;
	_margin: -80px 0 0;
	width: 50%;
	text-align: center;
}
section.about .-image img { max-width: 80%; height: auto }
section.about .-text {
	float: left;
	margin: 0;
	width: 50%;
}
section.best-sellers {}
section.about + section.best-sellers { padding-top: 10px }


section.testimonials {
	position: relative;
	padding: 60px 0 50px;
	color: #fff;
	text-align: center;
	background: url(../images/testimonials-bg.jpg) center; background-size: cover
}
section.testimonials ul {
	margin: 0 auto;
	max-width: 820px;
}
section.testimonials .-image {
	overflow: hidden;
	margin: 0 auto 25px;
	width: 192px; height: 192px;
	border-radius: 50%;
}
section.testimonials .-image img { width: 100%; height: 100%; }
section.testimonials .-name { margin: 0 0 25px; font-weight: 700; font-size: 18px; }
section.testimonials .-text {
	margin: 0 0 35px;
	font: 21px/1.6 Pattaya, Arial, Helvetica, sans-serif;
}
section.testimonials .-pager {
	margin: 0px 0 0px;
	text-align: center;
}
section.testimonials .-pager span {
	display: inline-block;
	overflow: hidden;
	margin: 0 6px;
	width: 11px; height: 11px;
	text-indent: 11px; line-height: 50px;
	border: 2px solid #fff; border-radius: 50%;
	cursor: pointer
}
section.testimonials .-pager span.cycle-pager-active { background: #fff }
section.testimonials .-prev,
section.testimonials .-next {
	position: absolute;
	top: 122px; left: 50%;
	margin-left: -500px;
	width: 34px; height: 64px;
	background: url(../images/icon-arrow-white-left.png) no-repeat;
	cursor: pointer;
	transition: .3s
}
section.testimonials .-next {
	left: auto; right: 50%;
	margin-left: auto; margin-right: -500px;
	background: url(../images/icon-arrow-white-right.png) no-repeat;
}
section.testimonials .-prev:hover,
section.testimonials .-next:hover { opacity: .8 }

section.blog article {
	float: left;
	margin: 0 0 20px;
	width: 30%;
}
section.blog article:first-of-type {
	float: left;
	margin-right: 5%;
	width: 65%;
}
section.blog .-image {
	position: relative;
	float: left;
	margin: 0 0 20px;
	width: 100%;
	}
section.blog .-image a {
	display: block;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	text-decoration: none;
	background-position: center; background-size: cover;
	border: none
}
section.blog .-image:before {
	content: "";
	width: 1px;
	margin-left: -1px;
	float: left;
	height: 0;
	padding-top: calc(800 / 1000 * 100%);
}
section.blog article:first-of-type .-image { margin: 0 0 30px; }
section.blog .-date { color: #8c8c8c; font-weight: 700; font-style: italic; font-size: 15px; }
section.blog .-title { margin: 18px 0 30px; font-size: 25px; line-height: 1.4 }
section.blog article:first-of-type .-title { margin: 18px 0 30px; font-size: 38px; line-height: 1.4 }
section.blog .-title a { color: inherit; border: none }
section.blog .-title a:hover { color: #007fb0; border-bottom: 2px solid #007fb0; }
section.blog .-text { display: none; }
section.blog article:first-of-type .-text { display: block; font-size: 16px; line-height: 1.8 }

/* Classes */


.button a {
	color: #fff;
	text-decoration: none;
}
.button:hover,
a:hover .button,
.button:hover a {
	color: #fff;
	text-decoration: none;
	background: #aa142d
}
.content ul {
	margin: 0 0 25px 50px; padding: 0;
}
.content li {
	padding: 0;
	list-style: disc
}



.pagination {
	padding: 4px 0 55px;
	text-align: center;
}
.pagination ul { margin: 0; padding: 0; }
.pagination ul li {	display: inline-block; }
.pagination a,
.pagination span {
	display: inline-block;
	position: relative;
	width: 33px; height: 33px;
	color: #003d50;
	font: 14px/33px apercu_bold_pro, Helvetica, Arial, sans-serif;
	text-decoration: none; text-align: center;
	vertical-align: top;
	background: #c3c3c3;
	border: none; border-radius: 50%;
}
.pagination a.prev,
.pagination a.next {
	overflow: hidden;
	line-height: 100px;
	text-indent: 33px;
}
.pagination a.prev:before,
.pagination a.next:before {
	position: absolute;
	top: 0; left: 0;
	width: 33px; height: 33px;
	color: #003d50;
	font: 14px/33px apercu_bold_pro, Helvetica, Arial, sans-serif;
	text-indent: 0;
}
.pagination a.prev:before { content: "<" }
.pagination a.next:before { content: ">" }
.pagination a.prev:hover:before,
.pagination a.next:hover:before {
	color: #fff;
	background: #003d50;
}

.pagination  a:hover,
.pagination li.current a,
.pagination .current {
	color: #fff;
	background: #003d50;
	border: none;
}
.pagination ul li.disabled a {
	color: #909090;
	background: #e3e3e3;
}

.products {
	margin: 90px 0 0!important; padding: 0!important;
}
.products:before, .products:after { content: ""; display: table; clear: both;}
.products li {
	float: left;
	position: relative;
	box-sizing: border-box;
	margin: 0 0.33% 20px; padding: 0;
	width: 32.66%;
	list-style: none;
	background-position: center; background-size: cover
}
.products li:before {
	content: "";
	width: 1px;
	margin-left: -1px;
	float: left;
	height: 0;
	padding-top: calc(380 / 381 * 100%);
}
.products li:hover { box-shadow: 0 0 30px rgba(0,0,0,0.5)}
.products li a {
	overflow: hidden;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	color: #fff;
	text-decoration: none;
	border: none;
}
.products li:hover a { background: rgba(0,0,0,0.55); }
.products li .-text {
	position: absolute;
	right: 20px; bottom: -100%; left: 20px;
	color: #fff;
	font-size: 16px;
	transition: .3s;
}
.products li:hover .-text { bottom: 20px; }
.products li .-text h3 { margin: 0 0 20px; font-weight: 500; font-size: 20px; font-family: inherit }
.products li .-text p:last-child { margin-bottom: 0 }


.button {
	display: inline-block;
	padding: 19px 20px;
	color: #fff;
	font-family: apercu_bold_pro, Helvetica, Arial, sans-serif;
	text-decoration: none;
	background: #d81939;
	border-bottom: 2px solid;
	box-shadow: 0 3px 0 #003d50;
}


.social-links { margin: 0; padding: 0; }
.social-links:after { content:""; display: table; clear:both }
.social-links li {
	float: left;
	margin: 0; padding: 0;
}
.social-links li a {
	display: block;
	overflow: hidden;
	margin: 0 2px; padding: 0 0 0 33px;
	height: 33px;
	color: #242e37;
	font-size: 18px; line-height: 33px;
	background-repeat: no-repeat; background-position: 0 0;
	border: none;
	transition: none
}
.social-links li.-tel a { background-image: url(../images/icon-phone.png) }
.social-links li.-instagram a { width: 0; background-image: url(../images/icon-instagram.png) }
.social-links li.-facebook a { width: 0;background-image: url(../images/icon-facebook.png) }
.social-links li a:hover { opacity: 0.8; background-position: 0 bottom; }

.social-links.-white li a {
	color: #fff;
}
.social-links.-white li.-tel a { background-image: url(../images/icon-phone-white.png) }
.social-links.-white li.-instagram a { background-image: url(../images/icon-instagram-white.png) }
.social-links.-white li.-facebook a { background-image: url(../images/icon-facebook-white.png) }
.social-links.-white li a:hover { opacity: 0.8; background-position: 0; }

.single {}
.single .-image {
	float: left;
	margin: 0 70px 70px 0;
	width: 50%;
	background-position: center; background-size: cover
}
.single .-image:before {
	content: "";
	width: 1px;
	margin-left: -1px;
	float: left;
	height: 0;
	padding-top: calc(800 / 1000 * 100%);
}

.wp-block-columns.-prices {}
.wp-block-columns.-prices .wp-block-column { margin-right: 0 }

.wpcf7 .wpcf7-form-control-wrap {
	display: block;
	margin: 0 0 0px;
}
.wpcf7 .wpcf7-form-control-wrap input[type="text"],
.wpcf7 .wpcf7-form-control-wrap input[type="email"],
.wpcf7 .wpcf7-form-control-wrap textarea {
	box-sizing: border-box;
	padding: 10px 20px;
	width: 100%; height: auto;
	font-size: 22px; line-height: 1.5;
	background: #f7f7f7;
	border: none;
	border-bottom: 2px solid #242e37;
}
.wpcf7 .wpcf7-form-control-wrap textarea { height: 99px;}
.wpcf7  input[type="submit"] {
	padding: 10px 50px;
	color: #fff;
	font-weight: 500; font-size: 22px; line-height: 1.5;
	background: #242e37; border: none; border-radius: 5px;
	cursor: pointer;
	transition: .3s
}
.wpcf7  input[type="submit"]:hover {
	background: #007fb0;
}

/* Basic Structure and Common elements */

#page.dashboard {

}
#header { }
#header > .-top {
	background: #fff
}
#header > .-top .-menu {
	float: left;
	margin: 10px 0;
}
#header > .-top .-menu:after { content: ""; display: table; clear: both }
#header > .-top .-menu li {
	float: left;
	margin: 0 25px 0 0;
	font-weight: 500; font-size: 20px;
}
#header > .-top .-menu li a {
	color: #242e37;
	text-decoration: none;
	border-bottom: none;
}
#header > .-top .-menu li:hover a { color: #007fb0;border-bottom: 2px solid #007fb0; }
#header > .-top .-icons {
	margin: 8px 0;
	float: right;
}
#header .-bottom {
	position: relative;
	background: rgba(255,255,255,0.13);
	z-index: 2
}
#header .-hero-image {
	position: relative;
	margin: -170px 0 0; padding: 170px 0 0;
	background: url(../images/home-hero-image.jpg) no-repeat center; background-size: cover;
	z-index: 1
}
#header .-hero-image.-cat:after {
	content: "";
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background: rgba(36,46,55,0.9);
	z-index: 1
}
#header .-hero-image .-inner {
	padding: 180px 0;
	text-align: center;
}
#header .-hero-image.-cat .-inner { padding: 90px 0; }
#header .-hero-image.-single .-inner { padding: 90px 0; }
#header .-hero-image .-inner  h1 {
	position: relative;
	margin: 0;
	color: #fff;
	z-index: 2
}
#header .-hero-image .-inner  h1 span {
	display: block;
	font: 300 20px/1.6 Roboto, Arial, sans-serif ;
}
#logo {
	overflow: hidden;
	float: left;	
	width: 201px; height: 170px;
	line-height: 600px;
	text-indent: 170px;
	background: url(../images/logo-sweet-and-stylish.png) no-repeat; background-repeat: no-repeat; background-size: contain;
	border: none;
}

#menu {
	position: relative;
	clear: right;
	float: right;
	margin: 100px 0 0;
	position: relative;
	z-index: 9;
}
#menu > input {
	display: none;
	position: absolute;
	top: 0px; right: 0;
	width: 35px; height: 35px;
	z-index: 1;
	opacity: 0;
	cursor: pointer;
}
#menu .-icon {
	display: none;
	float: left;
	position: relative;
	width: 35px; height: 35px;
}
#menu .-icon span {
	position: absolute;
	margin: 15px 0 0 0px;
	width: 35px; height: 3px;
	background: #fff;
}
#menu .-icon span:before,
#menu .-icon span:after {
	content: "";
	position: absolute;
	top: -9px;
	width: 100%; height: 3px;
	background: #fff;
	-webkit-transition: -webkit-transform .3s cubic-bezier(0,0,.1,1),opacity .2s cubic-bezier(0,0,.1,1);
	transition: transform .3s cubic-bezier(0,0,.1,1),opacity .2s cubic-bezier(0,0,.1,1);
}
#menu .-icon span:after { top: 9px; }
#menu input:checked + .-icon span { background: transparent }
#menu input:checked + .-icon span:before { transform: rotate(315deg) translate(-7px,5px) }
#menu input:checked + .-icon span:after { transform:rotate(225deg) translate(6px,5px) }
#menu .-label {
	float: left;
	padding: 0 10px;
	font-size: 16px; line-height: 76px;
}
#menu > ul {
	margin: 0; padding: 0;
}
#menu > ul > li {
	float: left;
	position: relative;
	margin: 0 0 0 20px; padding: 0;
}
#menu > ul > li > a {
	display: block;
	padding: 0px 0 10px;
	color: #fff;
	font: 22px/1 Pattaya, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border: none;
}
#menu > ul > li:hover > a { color: #007fb0; text-shadow: 0 0 30px #fff,0 0 20px #fff,0 0 20px #fff,0 0 10px #fff }

#menu > ul > li > ul {
	position: absolute;
	top: 32px; left: 0;
	_overflow: hidden;
	padding: 0px;
	width: 180px;
	max-height: 0;
	background: #007fb0;
	border-radius: 0 5px 5px 5px;
	transition: .3s;
	opacity: 0;
}
#menu > ul > li:hover > ul { max-height: 999px; opacity: 1 }
#menu > ul > li > ul:before {
	_display: none;
	content: "";
	position: absolute;
	top: -15px; left: 0;
	width: 1px; height: 1px;
	border-width: 15px;
	border-style: solid;
	border-color: transparent transparent transparent #007fb0;
}
#menu > ul > li:hover > ul:before { display: block }
#menu > ul > li > ul > li:first-child { margin-top: 15px; }
#menu > ul > li > ul > li:last-child { margin-bottom: 15px; }
#menu > ul > li > ul > li {
	overflow: hidden;
	margin: 0; padding: 0;
	max-height: 0;
	list-style: none;
	background: none
}
#menu > ul > li:hover > ul > li { max-height: 999px }
#menu > ul > li > ul > li > a {
	display: block;
	padding: 5px 20px;
	color: #fff;
	font-weight: 400; font-size: 15px;
	text-decoration: none;
	border: none;
}
#menu > ul > li > ul > li > a:hover { color: #fff; text-decoration: underline; }


#body .content { padding: 0px 0; }
#body.-single .content { padding: 90px 0; }
#body .content:after { content: ""; display: table; clear: both }
#body .content > .float-clear { padding: 0 0 0px;}

#body.-single .content .inner h3:first-child { margin-top: 0; }

#body.-fullwidth .content { padding: 90px 0; }
#body.-fullwidth .content .inner { max-width: none; }

#body .content-left {
	float: left;
	width: 50%;
	line-height: 0;
}
#body .content-right {
	float: left;
	box-sizing: border-box;
	padding: 90px 20px 0px 45px;
	max-width: 800px;
	width: 50%;
}
#body .content-right:after { content: ""; display: table; clear: both }


#footer {
	padding: 65px 0;
	color: #fff;
	font-size: 14px; line-height: 1.7;
	background: #242e37;
	
}
#footer .-about {
	float: left;
	width: 390px;
}
#footer .-logo {
	display: block;
	overflow: hidden;
	margin: 0 auto;
	width: 288px; height: 119px;
	line-height: 600px;
	text-indent: 119px;
	background: url(../images/logo-sweet-and-stylish-simplified.png) no-repeat; background-repeat: no-repeat; background-size: contain;
	border: none;
}
#footer .-logo a {
	display: block;
	overflow: hidden;
	width: 343px; height: 143px;
	line-height: 500px;
	text-indent: 343;
	background: url(../images/logo-etnoselo.png) no-repeat; background-size: contain;
	border: none;
}
#footer .social-links { margin: 13px auto 23px; width: 240px; }

#footer .-instagram-photos {
	float: right;
}
#footer .-instagram-photos ul li {
	float: left;
	margin-left: 10px;
}
#footer .-instagram-photos ul li img { max-width: 200px; max-height: 200px; }
#footer .-instagram-photos .clear * { display: none }