/* Reset */
h1, h2, h3, h4, h5, h6, p, blockquote, pre { display: inherit; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-margin-after: 0;
	-webkit-margin-before: 0;
    -webkit-text-size-adjust: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea, select, label { cursor: pointer; outline: none; border-radius: 0; }
b, strong, em { font-weight: bold; }
pre, i { font-style: italic; }
sup { font-size: smaller; vertical-align: top; }
* { font: 300 14px/1.4em 'Lato', 'Arial', sans-serif; }
a, input[type="submit"], input[type="button"] { transition: all 0.4s; }
a, label, input { cursor: pointer; }
img { width: auto; height: auto; max-width: 100%; }
.clear { clear: both; }

/* Custom fonts */
@font-face {
	font-family: 'clinicmf';
	src: url( '../fonts/clinicmf/clinicmf.eot' );
	src: url( '../fonts/clinicmf/clinicmf.eot#iefix' ) format('embedded-opentype'),
		 url( '../fonts/clinicmf/clinicmf.woff2' ) format('woff2'),
		 url( '../fonts/clinicmf/clinicmf.woff' ) format('woff'),
		 url( '../fonts/clinicmf/clinicmf.ttf' ) format('truetype'),
		 url( '../fonts/clinicmf/clinicmf.svg#clinicmf' ) format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Icons */
[class^="icon-"], [class*=" icon-"] { display: inline-block; vertical-align: middle; }
[class^="icon-"]:before, [class*=" icon-"]:before { font: 18pt 'clinicmf', sans-serif; color: #FFF; speak: none; width: 1em; text-align: center; transition: all 0.4s; }
[class^="icon-"]:hover:before, [class*=" icon-"]:hover:before { color: #ec008c; }
.icon-calendar:before { content: '\e800'; }
.icon-plus:before { content: '\e801'; }
.icon-instagram:before { content: '\f16d'; }
.icon-facebook:before { content: '\f300'; }
.icon-target:before { content: '\e802'; }
.icon-chart:before { content: '\e803'; }
.icon-picture:before { content: '\e804'; }
.icon-picture:before { content: '\f50d'; }
.icon-play-circled2:before { content: '\e805'; }
.icon-laptop:before { content: '\e806'; }
.icon-location:before { content: '\e807'; }
.icon-phone:before { content: '\e808'; }
.icon-clock:before { content: '\e809'; }
.icon-whatsapp:before { content: '\f232'; }

/* General */
body { text-align: center; color: #000; background: url( '../images/bg/bg-main.jpg' ) #000 no-repeat center center/cover; min-height: 100vh; }
body.hidden { overflow-y: hidden; }
.container { width: 1200px; margin: auto; max-width: 100%; }
a { text-decoration: none; color: #000; }
a:hover { color: #ec008c; }
h1 { position: relative; font: 400 21pt 'Lato', 'Arial', sans-serif; text-align: center; text-transform: uppercase; margin: 0 auto 30px; }
h1:before, h1:after { content: ' '; margin: 0 10px 0 0; display: inline-block; background: url( '../images/icons/arrow.svg' ) no-repeat; background-size: 100%; width: 24px; height: 18px; }
h1:after { transform: rotate( 180deg ); margin: 0 0 0 10px; }

/* Header */
header { background-size: cover; background-repeat: no-repeat; background-position: center; padding: 0 0 10px; position: relative; z-index: 800; color: #FFF; }
#bg-layer { position: absolute; z-index: 2; background: #000; opacity: 0.55; top: 0; left: 0; right: 0; bottom: 0; }
header .container { position: relative; z-index: 4; padding: 24px 0 0; width: 95%; }
#logo { float: left; }
#logo a { padding: 0; border: 0; background: 0; }
#top { width: 1000px; max-width: 100%; margin: 30px auto 0; text-align: left; }

/* Menu */
#menu-layer { display: none; background: rgba( 0, 0, 0, .7 ); position: fixed; z-index: 998; top: 0; left: 0; right: 0; bottom: 0; }
#menu-trigger { display: none; background: #ec008c; width: 50px; height: 50px; border-radius: 50%; text-align: center; position: relative; padding: 16px 0 0; box-sizing: border-box; cursor: pointer; transition: all .4s; }
#menu-trigger:hover { background: #FFF; }
#menu-trigger div { margin: 0 auto 5px; height: 3px; width: 25px; background: #FFF; transition: all .8s; }
#menu-trigger:hover div { background: #ec008c; }
#menu-trigger div:last-of-type { margin: auto; }
#menu { float: right; text-align: right; width: calc( 100% - 180px ); box-sizing: border-box; transition: all 0.4s; font-size: 0; margin: 15px 0 0; }
#menu li { position: relative; display: inline-block; vertical-align: middle; margin: 0 27px; }
#menu > li:first-of-type { margin-left: 0; }
#menu > li:last-of-type { margin-right: 0; }
#menu > li > a { color: #FFF; font-size: 15pt; position: relative; }
#menu > li > a:hover, #menu > li li a:hover { color: #ec008c; }
#menu li ul { margin: 0 0 0 16px; }
#menu ul { display: none; opacity: 0; transition: all .4s; }
#menu > li:hover > ul, #menu > li > ul > li:hover ul { animation: showthis 1s forwards; display: block; background: #FFF; padding: 10px 0; box-sizing: border-box; position: absolute; top: 100%; right: 0; z-index: 12; width: 240px; text-align: left; border-top: 3px solid #ec008c; box-shadow: 0 0 10px 0 #909090; }

@keyframes showthis {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

#menu > li > ul > li:hover ul { top: 0; left: -256px; box-shadow: none; }
#menu li li { display: block; margin: 0; padding: 2px 20px; }
#menu li li a { font-size: 12pt; color: #696969; font-weight: 500; display: inline-block; }
#menu li li li a { font-weight: 300; margin: 0 0 0 20px; }
#menu li li li:before { content: '\2014'; position: absolute; line-height: 23px; margin: 0 10px 0 0; color: #ec008c; }
#menu .social-links { margin: 0 0 0 20px; display: inline-block; vertical-align: middle; }
.social-links a { padding: 0; margin: 0 10px; }
.social-links a:hover { background: 0; }
#menu .social-links a:first-of-type { margin-left: 0; }
#menu .social-links a:last-of-type { margin-right: 0; }

/* Main content */
#main { min-height: calc( 100vh - 316px ); transform: translateY( 100vh ); -webkit-transform: translateY( 100vh ); transition: all 1s; background: #FFF; box-sizing: border-box; font-size: 11pt; margin: auto; position: relative; z-index: 3; padding: 12px 0 0; text-align: left; }
#main.visible { transform: none; -webkit-transform: none; }
#breadcrumb a, #breadcrumb span { color: #FFF; font: 400 11pt 'Lato', 'Arial', sans-serif; display: inline-block; vertical-align: middle; position: relative; margin: 0 26px 0 0; }
#breadcrumb a:hover { color: #ec008c; }
#breadcrumb a:after { content: ' '; top: 3px; right: -24px; z-index: 1; display: block; background: url( '../images/icons/arrow.svg' ) no-repeat; background-size: 100%; width: 19px; height: 15px; position: absolute; }
#breadcrumb span { margin: 0; }
.text h3 { border-bottom: 1px solid #dfdfdf; color: #5e5e5e; text-transform: uppercase; padding: 7px 14px 7px 0; font: 700 17pt/1.2 'Mukta Malar', sans-serif; }
.text p { margin: 0 0 18px; font-size: 13pt; }
.text p:last-of-type { margin: 0; }
.text ul, .text ol { margin: 15px 0 15px 40px; }
.text li { position: relative; font-size: 13pt; }
.text ul li:before { padding: 0 5px 0 0; content: ' '; top: 10px; left: -18px; z-index: 1; display: block; background: url( '../images/icons/arrow.svg' ) no-repeat; background-size: 100%; width: 8px; height: 10px; position: absolute; }
.text b, .text strong, .text i, .text u { font-size: inherit; }
.text b, .text strong { color: #ec008c; }
.text a { font-size: 13pt; color: #ec008c; }
.text a.button { color: #FFF; background: #ec008c; padding: 10px; display: inline-block; }
.text img[style="float: left;"] { margin: 0px 22px 6px 0; }
.text .align-left { float: left; margin: 0 14px 2px 0; }
.text .align-right { float: right; margin: 0 0 2px 14px; }
.text iframe { display: block; margin: 20px auto; max-width: 100%; }
.text video { display: block; max-width: 100%; height: auto; cursor: pointer; }
.text table { margin: 0 0 18px; }
.text th, .text td { font-size: 12pt; line-height: 1.4; padding: 5px 8px; }
.text th { background: #ec008c; color: #FFF; font-weight: 700; }
.text table tr:nth-of-type( odd ) { background: #f1f1f1; }

/* CMS */
article { padding: 0 0 15px; }
article h2, article h2 span { margin: 20px 0 10px; font-size: 18pt; }
article h3, article h3 span { margin: 20px 0 10px; max-width: 100%; text-align: left; color: #653231; }
article img { display: block; margin: auto; width: auto !important; height: auto !important; }
article p, article li { line-height: 1.6; }
.small { font-size: smaller; }

/* Forms */

form { text-align: center; }
[type="text"] { width: 100%; border: 1px solid #de0586; box-sizing: border-box; padding: 10px 20px; margin: 0 0 17px; display: block; font-weight: 500; color: #000; font-size: 13pt; }
[type="submit"] { border: 0; font-size: 14pt; background: #e2e2e2; display: inline-block; color: #FFF; text-transform: uppercase; padding: 10px 19px; transition: all 0.4s; }
[type="submit"]:hover { background: #ec008c; }

/* Footer */
footer { background: #FFF; text-align: right; padding: 0 0 20px; }
footer .container { width: 95%; padding: 10px 0 0; }
footer span { color: #ec008c; }
footer * { font-size: 10pt; }

/* Result messages */
[id^="result-"] { display: none; margin: 0 0 10px; }
div.success { border: 1px solid #0EC32E; color: #0EC32E; background: #E0FFE6; font-size: 11pt; line-height: 1.2em; text-align: center; padding: 2%; box-sizing: border-box; width: 99%; margin-bottom: 10px; }
div.error { border: 1px solid #FF1000; color: #FF1000; background: #FFDEDE; font-size: 11pt; line-height: 1.2em; text-align: center; padding: 2%; box-sizing: border-box; width: 99%; margin-bottom: 10px; }
div.error li { list-style: disc inside; }

@media (max-width: 1180px) {
	#menu li { margin: 0 10px; }
}

@media (max-width: 1040px) {
	#menu-trigger { position: fixed; top: 52px; right: 24px; z-index: 1000; display: block; }
	#menu-trigger.visible { background: #ec008c; }
	#menu-trigger.visible div { background: #fff; }
	#menu-trigger.visible div:first-of-type { transform: rotate( -45deg ) translate( -5px, 6px ); }
	#menu-trigger.visible div:nth-of-type( 2 ) { transform: translateX( -40px ); opacity: 0; }
	#menu-trigger.visible div:last-of-type { transform: rotate( 45deg ) translate( -5px, -6px ); }
	#menu { float: none; position: fixed; right: -280px; top: 0; bottom: 0; z-index: 999; width: 280px; box-sizing: border-box; background: #FFF; margin: 0; padding: 80px 40px; }
	#menu.visible { right: 0; }
	#menu li { display: block; text-align: left; margin: 0 0 6px; }
	#menu > li > a { color: #7B7B7B; }
	#menu > li:hover > ul, #menu > li > ul > li:hover ul { display: none; }
	#menu .social-links { display: block; margin: 30px 0 0; text-align: left; }

	.social-links a:before { color: #7B7B7B; }
	footer { text-align: center; }
}

@media (max-width: 640px) {
	#logo img { width: 80%; }
	#menu-trigger { top: 93px; }
}

@media (max-width: 508px) {
	header .container { padding: 30px 0 0; }
	#menu-trigger { top: 107px; }
}

@media (max-width: 390px) {
	.text p { font-size: 12pt; }
}