/*
Theme Name: SkinCare - WordPress theme
Author: Alfa WebdesignAuthor
URI: http://alfawebdesign.hu/
Description: 2018 - SkinCare - WordPress theme - By: Alfa WebdesignVersion: 1.0
Tags: minimal, modern, red, flat, white, light, one-columns
*/

/* DEFAULT OPTIONS */
*{margin:0;padding:0;border:0}
.clear:before,.clear:after{content:"";display:table}
.clear:after{clear:both}
img{max-width:100%;height:auto}
#wp-loop img{border: 5px solid #b5ceff; border-radius: 6px; box-shadow: 0 0 5px rgba(0,0,0,0.5)}
#wp-loop img:hover{border: 5px solid #d11d1d}
.alignleft{float:left;margin:0 30px 30px 0}
.alignright{float:right;margin:0 0 30px 30px}
.aligncenter{display:block;margin:0 auto 30px auto}
#page hr{width:100%;height:1px;background:#d4d4d4;margin:25px 0}
a{color:#d11d1d}
a:hover{color:#695f5f}
p{line-height:24px;margin:0 0 30px 0}
::selection { background: rgba(209,29,29,0.5) }
::-moz-selection { background: #d11d1d }
.n2-ow i:before {
    font-size: 11px;
    margin-left: 7px;
    position: absolute;
    top: 16px
}



/* BASIC OPTIONS */
body {
	font-family: 'Roboto';
	font-size: 16px;
	color: #20201f
}
.content{width:100%}
.maxwidth {width:100%;max-width:1200px;margin:0 auto}
.white{background:#fff}
.grey{background:url(images/bg-grey.jpg) top center no-repeat}
.red{background:url(images/bg-red.jpg) repeat}
#wp-loop{background:url(images/bg-red.jpg) repeat; padding: 60px 0}




/* TOPBAR */
#page-topbar {
	border-bottom: 1px solid #eee;
    background: #fbfbfb;
	font-size: 16px;
	color: #999;
	padding: 13px 0
}
#page-topbar a{text-decoration:none;color:#999}
#page-topbar a:hover{text-decoration:underline;color:#999}

/* TOPBAR: Contact Infos */
ul.contact-infos{float:left;list-style:none}
ul.contact-infos li{float:left;margin:0 20px 0 0}
ul.contact-infos li:last-child{margin:0}
ul.contact-infos li i:before{font-size:18px;margin:0 4px 0 0!important}


/* TOPBAR: Language Switch */
.language-switch{float:right}




/* HEADER */
#page-header{padding:48px 0;background:url(images/header-bg.jpg) repeat}

/* HEADER: Logo */
#page-header figure.logo{float:left}
#page-header figure.logo .svg-logo {
	width: 60px;
	height: 60px;
	margin: 0 10px 0 0;
	float: left
}
#page-header figure.logo .logo-text{float:left}
#page-header figure.logo h2 {
	font-size: 30px;
	font-weight: 400;
	text-transform: uppercase;
	color: #373b4f;
	margin: 4px 0 -3px 0
}
#page-header figure.logo h3 {
	font-size: 14px;
	font-weight: 400;
	color: #8c99a2
}

/* HEADER: Header Button */
h3.slogan {
    float: left;
    color: #808590 !important;
    font-weight: 300 !important;
    font-size: 34px !important;
    line-height: 55px;
    margin-left: 178px;
    font-family: 'Caveat', sans-serif;
}
.header-button{display:inline-block;float:right}
.header-button ul{list-style:none; float: left; }
.header-button ul li{background:#a70e0e;border-radius:30px}
.header-button ul li:hover{background:#1a57d2}
.header-button ul li a {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    padding: 12px 24px;
    display: block
}




/* MAIN MENU */
nav#main-menu{background:#a70e0e;border-bottom: 3px solid #b5ceff}
nav#main-menu ul{list-style:none; cursor:pointer}
nav#main-menu ul li{float:left;position: relative}
nav#main-menu ul li a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
    padding: 20px 40px;
    display: block;
    font-size: 15px;
}
nav#main-menu ul li.menu-item-has-children a:after {
    content: "\f101";
    font-family: iconfonts;
    font-size: 9px;
    position: absolute;
    top: 24px;
    margin-left: 6px;
    font-style: normal
}
nav#main-menu ul li.menu-item-has-children ul li a:after {
    content: "";
}
nav#main-menu ul li.menu-item-has-children ul li.menu-item-has-children a:after {
    content: "\f101";
    font-family: iconfonts;
    position: absolute;
    margin-left: 6px;
    font-style: normal;
	font-size: 8px;
    top: 16px
}
nav#main-menu ul li.menu-item-has-children ul li.menu-item-has-children ul li a:after {
    content: "";
}

nav#main-menu ul li a:hover,
nav#main-menu li.current-menu-item > a,
nav#main-menu li.current-menu-ancestor > a,
nav#main-menu li.current_page_item > a,
nav#main-menu li.current_page_ancestor > a, 
nav#main-menu li.current_page_parent > a {
	background:#d11d1d
}



nav#main-menu ul ul {
	width: 180px;
	background: #808080;
	border-top: 3px solid #7ea9ff;
	display: none;
	position: absolute;
	top: 58px;
    z-index: 9
}
nav#main-menu ul ul li {
	float: none;
}
nav#main-menu ul ul li a {
    text-transform: capitalize;
    padding: 12px 20px;
    font-size: 14px;
}

nav#main-menu ul ul li ul {
    background: #9e9e9e;
    width: 260px;
    left: 180px;
    top: -3px
}

nav#main-menu ul li:hover > ul {
	display: block;
}




/* CONTAINER */
.wp-loop article.container{padding:50px 0}
.wp-loop article.container p.plus-line-height{line-height:30px}
.wp-loop article.container a.button {
    background: #0d3b98;
	color: #fff;
	font-weight: 700;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
	border-radius: 30px;
    padding: 12px 50px;
	margin: 0 auto;
    display: table
}
.wp-loop article.container a.small-button {
    background: #0d3b98;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
	border-radius: 30px;
    padding: 10px 34px;
	margin: 20px auto 0 auto;
    display: table
}
.wp-loop article.container a.button:hover,.wp-loop article.container a.small-button:hover{background:#1a57d2}

/* CONTAINER: Home */
section#home h3 {
	color: #373b4f;
	text-transform: uppercase;
	text-align: center;
    margin: 0 auto 10px auto;
    position: relative;
    display: table;
	font-weight: 400
}
section#home h3:before, section#home h3:after{
	content: "";
	background: #373b4f;
	height: 1px;
	width: 38px;
	display: block;
	position: absolute;
	top: 10px
}
section#home .red h3 { color: #fff }
section#home .red h3:before, section#home .red h3:after{ background: #fff }
section#home .red h2 { color: #fff }
section#home h3:before{left:-48px}
section#home h3:after{right:-48px}
section#home h2 {
	color: #d11d1d;
	font-size: 30px;
	text-transform: uppercase;
	text-align: center;
    margin: 0 auto 40px auto;
    display: table;
	font-weight: 400;
}
section#home p {
	color: #695f5f;
	text-align: center;
	letter-spacing: 1px
}
.services-flex {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: space-between
}
.services-flex .service{flex: 0 1 23.5%; background: #fff; box-shadow: 0 0 25px rgba(0,0,0,0.6); border-radius: 6px;}
.services-flex .service:hover{box-shadow: 0 0 25px rgba(0,0,0,0.6)}
.services-flex .service img {
	border-radius: 6px 6px 0 0;
	border-bottom: 3px solid #b5ceff
}

.services-flex .service a { text-decoration: none; color: #999 }
.services-flex .service a:hover { text-decoration: none; color: #d11d1d }
section#home h4 {
    color: #d11d1d;
    font-size: 19px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: left;
    margin: 30px 0 0 20px
}
section#home ul{color:#695f5f;margin:20px 0 0 0;padding: 0 12px}
section#home ul li {
    list-style: none;
    position: relative;
    margin: 10px 0 10px 0;
    border-top: 1px solid #eee;
    padding: 10px 20px 0 20px
}
section#home ul li .iconfonts-nature { position: relative }
section#home ul li .iconfonts-nature:before {
	font-size: 10px !important;
    margin-left: 0 !important;
    color: red;
    position: absolute;
    left: -14px;
    top: 4px;
}

@-moz-document url-prefix() {
	section#home ul li .iconfonts-arrow:before {
    top: -11px;
}
}
@supports (-ms-ime-align:auto) {
	section#home ul li .iconfonts-arrow:before {
    top: -11px;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	section#home ul li .iconfonts-arrow:before {
    top: -11px;
}
}
@supports (-ms-accelerator:true) {
	section#home ul li .iconfonts-arrow:before {
    top: -11px;
}
}
.half-width { width: 50%; float: left }
.time-background { background: url(images/time-bg.jpg) center no-repeat; height: 480px}
.no-padding { padding: 0 !important}
.time-form {
    height: 420px;
    padding: 30px 2%;
    width: 46%;
	background: url(images/header-bg.jpg) repeat;
}
.time-form i.iconfonts-phone:before { margin: 0 !important }

.home-wp-loop form.caldera_forms_form .form-control {
	width: 40%;
    margin: 0 auto;
    text-align: center;
    padding: 20px 10px;
    border-radius: 20px;
    border: 2px solid #ddd;
}
.home-wp-loop form.caldera_forms_form #capfld_2083607_1 div {
	margin: 0 auto
}

.home-wp-loop form.caldera_forms_form .btn-default {
    margin: 0 auto;
    text-align: center;
    display: block;
	background: #0d3b98;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    border-radius: 30px;
    padding: 12px 50px
}
.home-wp-loop form.caldera_forms_form .btn-default:hover { background: #1a57d2 }



/* CONTAINER: Page */
article.page-title{border-bottom:1px solid #cacaca}
h1.page-title {
	padding: 40px 0 !important;
    margin: 0 !important;
	font-family: 'Caveat', sans-serif;
    text-transform: none !important;
    font-size: 40px !important;
    color: #808590 !important;
}
section#page .container h1, section#page .container h2 {
	color: #d11d1d;
	font-size: 24px;
	text-transform: uppercase;
    margin: 40px auto 20px auto;
	font-weight: 400;
}
section#page .container h3 {
	margin: 0 0 10px 0
}
    
section#page .container h1:first-child, section#page .container h2:first-child {
    margin: 0 auto 20px auto
}
section#page li {
	list-style: none;
	color: #4a4545;
    position: relative;
	margin: 0 0 6px 10px;
}
section#page li:before {
	content: "●";
	color: #d11d1d;
    font-size: 13px;
    position: absolute;
    top: 1px;
    margin: 0 -0 0 -12px
}
section#page article.maxwidth p {
	margin:0 0 20px 0;
	color: #4a4545;
}



section#page ul li:before {
    content: "\f103";
    font-family: iconfonts;
    font-size: 9px;
    position: absolute;
    top: 5px;
    margin-right: 6px;
    font-style: normal;
}

section#page h3.center {
	color: #373b4f;
	text-transform: uppercase;
	text-align: center;
    margin: 0 auto 10px auto;
    position: relative;
    display: table
}
section#page h3.center:before, section#page h3.center:after{
	content: "";
	background: #373b4f;
	height: 2px;
	width: 38px;
	display: block;
	position: absolute;
	top: 10px
}
section#page h3.center:before{left:-48px}
section#page h3.center:after{right:-48px}
section#page h2.center {
	color: #d11d1d;
	font-size: 30px;
	text-transform: uppercase;
	text-align: center;
    margin: 0 auto 40px auto;
    display: table
}

.health-flex {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: space-between
}
.health-flex .health-flex-content {
	flex: 0 1 28%;
    background: #eae8e9;
    padding: 2% 1%;
    margin: 0 3% 0 0
}

ul.health-funds li {
	text-align: left;
	font-size: 16px;
	text-transform: uppercase;
	list-style: none;
    position: relative;
	margin: 0 0 6px 0
}

section#page ul.health-funds li:before {
	content: "●";
	color: #d11d1d;
    font-size: 13px;
    position: absolute;
    top: 1px;
    margin: 0 -0 0 -12px
}



table.price {
	width: 100%;
    margin: 0 auto;
	border-radius: 20px;
    border-collapse: collapse
}
table.price thead tr td {
	background: #d11d1d;
	padding: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
	border-bottom: 1px solid #fff
}
table.price thead tr td:first-child { border-radius: 5px 0 0 5px}
table.price thead tr td:last-child { border-radius: 0 5px 5px 0 }
table.price tbody tr td {
	background: #ececff;
	padding: 16px;
    color: #695f5f;
	border-bottom: 1px solid #fff
}
table.price tbody tr:hover td {
	background: #fff
}
table.price tbody tr td:first-child { border-radius: 5px 0 0 5px}
table.price tbody tr td:last-child { border-radius: 0 5px 5px 0; color: #d11d1d; }
.discount-flex {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: space-between
}
.discount-flex .discount{flex:0 1 29%;background:#f5f5f5;padding: 1%}
.discount-flex .discount:hover{background:#d11d1d}
section#page .discount-flex .discount:hover h4{color:#fff}
section#page .discount h4 {
	font-size: 16px;
    margin: 20px 0 0 0;
    color: #373b4f;
    text-align: center
}
article#wp-loop .maxwidth {
    padding: 2%;
    background: #fff;
	box-shadow: 0 0 25px rgba(0,0,0,0.6);
    border-radius: 6px
}

#page form.caldera_forms_form .form-control {
    margin: 0 auto;
    padding: 20px 10px;
    border-radius: 20px;
    border: 2px solid #ddd;
}
#page form.caldera_forms_form #capfld_2083607_1 div {
	margin: 0 auto
}

#page form.caldera_forms_form .btn-default {
    display: block;
	background: #0d3b98;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 30px;
    padding: 12px 50px
}
#page form.caldera_forms_form .btn-default:hover { background: #1a57d2 }
#page textarea { max-width: 100%; }




/* FOOTER */
#page-footer {
	background: #373b4f;
	padding: 20px 0;
	color: #fff;
	font-size: 12px
}

/* FOOTER: Copyright */
.copyright{float:left}
.copyright a{color:#fff;text-decoration:none}
#menu-lablec-navigacio {
	display: inline-block;
	list-style: none;
	float: right
}
#menu-lablec-navigacio li {
	float: left;
	position: relative;
	margin: 0 0 0 12px
}
#menu-lablec-navigacio li:after {
    content: "";
	background: #fff;
    width: 1px;
    height: 11px;
    position: absolute;
    display: block;
    left: -6px;
    top: 2px
}
#menu-lablec-navigacio li a{color:#fff;text-decoration:none}

/* FOOTER: Designed */
.designed{float:right}
.designed img.alfa-logo {
	width: 24px;
    height: 24px;
    float: right;
    margin: -6px 0 0 10px
}




@media (max-width: 1280px) {
	.maxwidth { width: 94% }
	nav#main-menu ul li a { padding: 22px 28px }
	#n2-ss-1-arrow-previous, #n2-ss-1-arrow-next { display: none !important }
	
	
	
	.services-flex {
		justify-content: space-around;
	}
	.services-flex .service {
		flex: 0 1 26%;
		margin: 0 0 4% 0
	}
}
@media (max-width: 1030px) {
	h3.slogan { margin-left: 95px }
}
@media (max-width: 1024px) {
	#page-header { border-bottom: 3px solid #b5ceff }
	nav#main-menu { display: none }
	
	.services-flex .service {
		flex: 0 1 41%;
		margin: 0 0 4% 0;
		padding: 2%;
	}
	
	section#home h4 {
		font-size: 29px
	}
}

@media (max-width: 930px) {
	#page-header figure.logo {
		float: none;
		display: table;
		margin: 0 auto;
		text-align: center;
	}
	#page-header figure.logo a { display: table }
	h3.slogan { margin: 20px auto 0 auto }
	.header-button {
		float: none;
		margin: 40px auto 0 auto;
		display: table
	}
}

@media (max-width: 768px) {
	.contact-infos { float: none !important; margin: 0 auto; display: table }
	.language-switch { float: none;  margin: 30px auto 0 auto; display: table }
	.time-background { display: none }
	.time-form { width: 96% }
	#wp-loop img { float: none; margin: 0 auto 30px auto; display: table }
	#wp-loop p, #wp-loop h1, #wp-loop h2, #wp-loop h3, #wp-loop h4, #wp-loop h5, #wp-loop h6, #wp-loop ul, #wp-loop ol { text-align: center }	
	h1.page-title { text-align: center }
}

@media (max-width: 667px) {
	#page-header figure.logo {
		float: none;
		display: table;
		margin: 0 auto
	}
	.header-button {
		float: none;
		display: table;
		margin: 20px auto 0 auto
	}
	.services-flex .service {
		flex: 0 1 70%;
		margin: 0 0 4% 0;
		padding: 5%
	}
	section#home h4{font-size:24px}
	.copyright {
		float: none;
		display: table;
		margin: 0 auto
	}
	.designed {
		float: none;
		display: table;
		margin: 30px auto 0 auto
	}
	#slider { display: none }
}
@media (max-width: 480px) {
	ul.contact-infos {
		float: none;
		display: table;
		margin: 0 auto
	}
	.language-switch {
		float: none;
		display: table;
		margin: 20px auto 0 auto
	}
		#menu-lablec-navigacio {
		float: none;
		display: table;
	}
}