@charset "utf-8";

/*
Theme Name: ContherVa
Template:   twentythirteen
*/

/*@import url("orig_style.css");*/

:root {

	--white: #ffffff;
	--black: #000;

	--wrapper-margin:max(9vw, calc((100vw - 1488px) / 2));

	--red-1: #F1919D;
	--red-2: #F7C2CA;
	--red-gradient: linear-gradient(90deg, #F29DC3 1.13%, #EF8894 31.13%, #E85420 99.13%, #E8531C 101.13%);

	--cyan: #C7E0E7;
	--cyan-2: #CAE4E8;

	--dark: #393838;
	--gray: #837F7F;
	--light-gray: #F7F7F7;

	--admin-bar-height: 0px;
	--site-header-height:0;
}

@media (max-width:782px) {
	:root { --site-header-height:0; }
}

/*@media (min-width:1280px) {
	:root { --wrapper-margin: calc((100vw - 1080px) / 2); }
}*/


body,
.new-order,
.new-order * {
	font-family: "new-order", sans-serif;
}

.black { color:var(--black); }
.red { color:var(--red-1); }
.dark { color:var(--dark); }

html { font-size:18px; scroll-behavior: smooth; scroll-padding-top:calc( var(--site-header-height) + var(--admin-bar-height) ); }
body { background:white; font-size:1rem; line-height: 1.3; color:var(--color-text); min-height:100vh; margin: 0;
	display: flex; flex-direction: column;
	margin-top:var(--site-header-height);
	scroll-padding-top:calc( var(--site-header-height) + var(--admin-bar-height) );
	margin-bottom:0 !important;
    overflow-x: hidden;
}

.site { background:none; border:none; position:relative; max-width:none; margin:0; flex-grow: 1; display: flex; flex-direction: column; }

.site-main { width:100%; flex-grow: 1; display: flex; flex-direction: column; }

.content-area { flex-grow: 1; display: flex; flex-direction: column; }

.site-content { flex-grow: 1; display: flex; flex-direction: column; }

.wrapper { width: 82%; max-width: 1488px; margin:0 auto; }

.wrapper .unwrap { width:100vw; max-width:none; margin-right:calc(-1 * var(--wrapper-margin)); margin-left:calc(-1 * var(--wrapper-margin)); }


article { width:100%; margin:0; position:relative; }
article:after { content:''; display:table; clear:both; }

.color,
.menu-toggle { }

.underline {text-decoration:underline;}
.pointer { cursor:pointer; }

.entry-content,
.user-content { word-break: break-word; }

.user-content-pre-line { white-space: pre-line; }


body .elementor-widget-heading .elementor-heading-title,
h1, h2, h3, h4, h5, h6 { font-family:"new-order", sans-serif; color:inherit; font-weight:500; letter-spacing: 0; line-height:1.1; }

#navbar,
input[type="submit"],
a.button,
.button { font-family:inherit; }

h1.center, h2.center, h3.center { text-align:center; }

h1 { font-size:55px; margin:0 0 1rem; }

h2 { font-size:45px; margin:0.7em 0; color:var(--red-1); font-weight: 400; }

h3 { font-size:34px; margin:0.7em 0; font-weight: 400; }

h4 { font-size: 1rem; margin:0; line-height:1.6; }

h5 { font-size: 24px; margin: 0 0 0.2em; }

h6 { font-size: 1rem; margin:0.2em 0; }

h1.page-title { margin: 2rem 0 3.5rem; }

.line-height-1-3 { line-height:1.3; }

h2.size-55,
.size-55 { font-size:53px; line-height: 1.3; }

h2.size-45,
.size-45 { font-size:45px; }

h2.size-34,
.size-34 { font-size:34px; }

h2.size-28,
h3.size-28,
.size-28 { font-size:28px; line-height:1.3; }
.size-21 { font-size:21px; }
.size-20 { font-size:20px !important; }
.size-19 { font-size:19px; }
.size-18 { font-size:18px; }
.size-16 { font-size:16px; }
.size-15 { font-size:15px; }
.size-14 { font-size:14px; }

p { margin:0 0 1em; }

@media (max-width:782px) {
	
	html { font-size:16px; }

	h2 { font-size: 25px; }

	h2.size-55 { font-size: 25px; }
	h2.size-28, h3.size-28, .size-28 { font-size:17px; }

	h3 { font-size: 18px; }

	.mobile-size-14 { font-size: 14px; }

}

.no-margin-top,
.no-margin-top > *:first-child { margin-top:0; }
.no-margin-bottom,
.no-margin-bottom > *:last-child { margin-bottom:0; }

.clearfix, .clear-fix {clear:both;}
.clear:after {content:''; display:table; clear:both;}

.left { float:left; }
.right { float:right; }

img { max-width:100%; }

* { box-sizing: border-box; }

.content-area { overflow-x:visible !important; }


@media (max-width: 782px) {
	html { overflow-x: hidden; }
	.entry-content,
	.user-content { word-break: break-word; }
}

	
	
/* easing: */
.easing-slow {-webkit-transition: all 20s ease-out; -moz-transition: all 20s ease-out; -o-transition: all 20s ease-out; transition: all 20s ease-out;}

#section-form .wpcf7 input,
#section-form .wpcf7 select,
#section-form .wpcf7 textarea,
.tab-name,
.nav-menu a,
.easing, .easing-200ms { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

a.button,
.button,
input[type="submit"],
.easing-fast {-webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}

#navbar,
.easing-300ms {-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.mobile-navigation,
.easing-500ms {-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}

.easing-1s {-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out;}

/* general things: */
.ltr { direction: ltr; }

button { background:none; font:inherit; border:none; cursor: pointer; }
.center { text-align:center; }
.justify { text-align:justify; }
.justify.center { text-align:justify; text-align-last:center; }
.lighter { font-weight:lighter; }
.normal { font-weight:normal; }
.bold { font-weight:500; }
.italic { font-style:italic; }
.uppercase { text-transform:uppercase; }
.word-wrap { white-space:normal; }
.capitalize { text-transform:capitalize; }
.no-underline,
.no-underline:hover,
.no-underline a,
.no-underline a:hover { text-decoration:none !important; }

.flex { display: flex; align-items: center; }
.space-between { justify-content: space-between; }

.arrow-left,
a.arrow { display:flex; align-items: center; gap:1.2em; font-weight: bold; }
.arrow-left:after,
a.arrow:after { content:''; height:17px; aspect-ratio: 96/17; background:url(assets/img/big-arrow.svg) center/contain no-repeat; display:block; }


a { color:inherit; }
/*a:visited, a:hover, a, .widget a, .widget a:hover { color:inherit; }*/
a:hover { text-decoration:none; }

/* dashicons: */
.dashicons { width:auto; height:auto; font-size:inherit; line-height: inherit; text-decoration: inherit;}

/* forms: */
button, input, select, textarea { font-family:inherit; }

form { position:relative; }

body.rtl input:is([type="email"],[type="tel"],[type="number"],[type="url"],[type="password"]):not(:placeholder-shown) { direction:ltr; text-align: right; }

.entry-content, .entry-summary { max-width:none; margin:0;}
#content, .entry-content {font-weight:inherit; line-height:1.5; }


input, select, textarea { font-size: inherit; padding: 0.3em 0.6em 0.1em; }

.on-off-button * {display:none;}

/*input::-webkit-datetime-edit { color:#0005; }*/
::-webkit-input-placeholder { color:#0005; font-style:inherit; font-weight:inherit; }
:-moz-placeholder { color:#0005; opacity:1; font-style:inherit; font-weight:inherit; }
::-moz-placeholder { color:#0005; opacity:1; font-style:inherit; font-weight:inherit; }
:-ms-input-placeholder { color:#0005; font-style:inherit; font-weight:inherit; }

label,
.label { position:relative; cursor:default; }



/* site-header: */
.menu-header { padding: 40px 0; }

@media (min-width: 783px) {
	.menu-header > .wrapper { max-width:none; width:85%; position: relative; }
}

.site-header { width:100%; position: fixed; top: var(--admin-bar-height); z-index: 100; background: var(--white); }

@media (max-width: 782px) {
	.menu-header { padding: 19px 0; position: relative; }
	.site-header { z-index:10000; }
}

.header-inner { display: grid; grid-template-columns:130px auto 130px; gap: 20px; }

body.home .site-header-inner { display: flex; justify-content: center; align-items: center; gap:0 4%; width:77%; max-width: 1100px; margin: 0 auto; }

body #moove_gdpr_cookie_info_bar {z-index:9;}

.home-link { display:block; margin:0; position: relative; z-index: 1; width: fit-content; }
.home-link img { height:auto; display: block; }
.site-title, .site-description { display:none !important; }

@media (max-width:782px) {
	.header-inner { grid-template-columns: 1fr auto 1fr; }
	.navbar-container { grid-row: 1; }
	.home-link { margin:0 auto; max-width: 147px; }
}



/* main menu: */
.navbar-container { align-self: stretch; }
#navbar { margin:0; display: flex; justify-content:center; height: 100%; }
#navbar .nav-menu > li { font-size:19px; /*21px*/ }

.nav-menu-container {position:absolute; top:0; left:0; bottom:0; width:255px; background:#363d4c; z-index:10000; padding:30px 30px; text-align:center; }
.nav-menu { display:flex; margin:0; padding:0; flex-wrap:wrap; gap:0.5rem 35px; list-style: none; z-index: 5; justify-content: center; }
.safari .nav-menu {text-align:center;}


.nav-menu > li { }
.nav-menu > li > a,
.nav-menu > li > button { text-decoration:none; display: block; padding:0; display: flex; align-items: center; }
@media (min-width:783px) {
	.nav-menu > li { position:relative; display: flex; }
	.nav-menu > li > a,
	.nav-menu > li > button { height: 100%; }
}

@media (max-width:782px) {
	#navbar .nav-menu > li { font-size:1rem; }
	.mobile-menu-top { display: flex; flex-wrap: wrap; gap: 1rem; justify-content:space-between; align-items: center; border-bottom: 1px solid;
		padding-bottom:0.6rem; margin-bottom: 1.1rem; }
	.mobile-menu-top img { width: 0.8rem; height: 0.8rem; margin-inline-end: 0.2rem; vertical-align: middle; }
	.mobile-menu-bottom { border-top: 1px solid; padding-top: 1rem; }
}

.nav-menu > li:hover > a,
.nav-menu > li:focus > a,
.nav-menu > li:focus-within > a { color:var(--color-red); }

.nav-menu li.menu-item-has-children > a:after { content: ''; width: 1em; height: 1em; background: url(assets/img/arrow-right.svg) 56% 50%/contain no-repeat; display: inline-block; transform: rotate(90deg); vertical-align: middle; }

.nav-menu ul { list-style:none; padding:0; margin:0; display:none; position: absolute; z-index: 1; width: max-content; }
.nav-menu ul a { text-decoration: none !important; display:block; padding:0.4em 0.7rem; }

.nav-menu > li > .sub-menu > li { }

.nav-menu .sub-menu li { background:none; }

.nav-menu-left ul { left:0; }
	
.nav-menu li:hover > .sub-menu,
.nav-menu li:focus > .sub-menu,
.nav-menu li:focus-within > .sub-menu { display:block; }

/* wpcf7: */
.wpcf7-list-item { margin:0; }
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction:inherit; }

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 textarea {
	border:none; border-bottom:1px solid var(--black);
	background:var(--white); color:var(--black); display: block; width: 100%; padding:0.65em 0.8em 0.45em; line-height: 1.2; }

span.wpcf7-list-item { display: grid; }

.wpcf7 form .wpcf7-response-output { margin:0; padding: 0; border: none; color: var(--color-red); }
span.wpcf7-spinner { position: absolute; margin: 0; }
span.wpcf7-not-valid-tip { margin: 0.2rem 0; color: #c45663; font-size: 0.85em; }

/* popup: */
.popmake { left: 50% !important; top: 50% !important; transform: translate(-50%,-50%); }

/* fieldsets and legends: */
legend { padding: 0; }
fieldset { margin: 0; padding: 0; border: none; }

input[type="submit"],
.button,
a.button { font-family:inherit; background-color: var(--cyan-2); color:var(--black); font-size:21px; border:none; border-radius: 4rem;
	padding:0.8em 3rem; display:inline-block; text-align: center; text-decoration:none; cursor:pointer; }

a.button.button-white,
.button.button-white { background-color: var(--white); color:var(--black); }

.button:not(.no-underline) a:not(.no-underline) { text-decoration:none; }


/* home: */
header.home-hero { background:var(--cyan) var(--background-image) bottom 0 right calc(10% + 6rem)/auto calc(100% - 75px + -0.8rem) no-repeat; }

.home-hero-top { padding: 75px 0 31px; display: flex; justify-content: space-between; align-items: center; }
a.button.home-hero-button { padding: 0.5em 2.3rem; }

.home-hero-grid { display: grid; grid-template-columns:max(50%, 600px) auto; align-items:flex-start; }
.home-hero-1 { position:relative; padding: 110px 0; display: flex; flex-direction: column; align-items: flex-start; }
.home-hero-1:before {
    content: '';
    position: absolute;
    top: 0;
    left: calc(-1 * var(--wrapper-margin));
    right: 0;
	border-top: 1px solid var(--white);
}
.home-hero-2 { align-self: flex-end; }

.home-hero-1 h3 { margin: 0; }
.home-hero-1 h2.size-55 { margin: 55px 0 0; }
/*.home-hero-2 img { display:block; }*/

@media (max-width: 782px) {
	header.home-hero { background-position: 50% 100%; background-size: 88% auto; min-height:86vh; }
	header.home-hero h2.size-55 { line-height:1.5; font-size:6.5vw; margin:1em 0 0; }
	header.home-hero h3.size-28 { line-height:1.5; font-size: 4.5vw; width: 75%; }

	.home-hero-top { padding: 25px 0; }
	.home-hero-grid { grid-template-columns: auto; text-align: center; }
	.home-hero-1 { padding: 25px 0; align-items: center; }
	.home-hero-1:before { right: calc(-1 * var(--wrapper-margin)); }
	.home-hero-1 h2 { margin: 15px 0 0; }
}

section.section-main { padding: 120px 0; }
.section-main .wrapper { max-width: 700px; }
.section-main h2 { background-image: var(--red-gradient); color: transparent; background-clip: text; font-weight: 500; }

@media (max-width: 782px) {
	section.section-main { padding: 40px 0; }
}

.section-light-gray-bg { background: var(--light-gray); }

section.section-benefits { padding:140px 0 60px; }
.benefits-grid { display: grid; grid-template-columns: 25% 60%; gap:0 4%; justify-content: space-between; }
ul.benefits-list { list-style: none; padding: 0; margin: 0; column-count: 2; column-gap: 17%; }
ul.benefits-list li { margin:0 0 65px; display:grid; grid-template-columns: 60px auto; gap:0.5rem; break-inside: avoid; }
ul.benefits-list li > img { display: block; width: auto; height: auto; max-width: 2rem; max-height: 2.7rem; }

@media (min-width: 881px) {
	ul.benefits-list li > img { grid-row: span 2; margin: 0 auto; }
}

@media (max-width: 880px) {
	section.section-benefits { padding: 40px 0 20px; }
	.benefits-grid { grid-template-columns: auto; }
	ul.benefits-list { column-count: 1; }
	ul.benefits-list li { align-items: center; padding: 30px 0; margin:0; grid-template-columns: 2.5rem auto; gap:1rem 0.7rem; }
	ul.benefits-list li:not(:first-child) { border-top:1px solid var(--red-1); }
	ul.benefits-list li > .user-content { grid-column: span 2; }
}

section.section-technology { padding: 70px 0; }
.technology-lines { display:grid; gap:min(5rem, 10vw); }
.technology-line { display: flex; flex-direction: row; align-items: center; gap: 1rem 5%; justify-content: space-between; }
.technology-line:nth-child(even) { flex-direction: row-reverse; }
.technology-line-1 img { display: block; }
.technology-line-1 .user-content img { max-width: 120%; margin-inline-start: -2%; }
.technology-line-2 { flex-shrink: 0; width: 40%; display: flex; align-items: center; }
.technology-line-2 img { height:auto; }

@media (min-width:783px) {
	.technology-line-1 { width: 580px; }
}

@media (max-width: 782px) {
	section.section-technology { padding: 46px 0; }
	.technology-lines { gap:47px; }
	.technology-line { flex-direction: column-reverse !important; gap: 48px; }
	.technology-line-2 { width: 80%; }

	.technology-line-1 .user-content img { margin:0; width:100%; height: auto; }
}

section.section-about { background: var(--cyan); display: grid; grid-template-columns: 1fr 1fr; }
.section-about-1 { padding: 70px 0; margin-inline-start: var(--wrapper-margin); margin-inline-end:max(17%, 3rem); }
.section-about-2 img { width: 100%; height: 100%; display: block; object-fit: cover; }

@media (max-width: 782px) {
	section.section-about { grid-template-columns: 1fr; }
	.section-about-1 { padding: 40px 0; }
}

section.section-contact { padding: 96px 0 100px; }

.form-container-2-cols form {}
.form-container-2-cols form input { font-size:20px; }
.form-container-2-cols form p:not(:last-of-type) { margin:80px 0 0; }
.form-container-2-cols .wpcf7 :is(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], textarea) {
	padding-inline-start:0;
	outline:none;
}
.form-container-2-cols .wpcf7 :is(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], textarea):focus {
	box-shadow: 0 2px 0 black;
}

.form-container-2-cols .wpcf7-submit { margin:55px 0 0; margin-inline-start: auto; display: block; font-size:19px; min-width: 250px; }

@media (min-width: 783px) {
	.form-container-2-cols form { display:grid; grid-template-columns: repeat(2, 1fr); }
	.form-container-2-cols form p:not(.half) { grid-column: span 2; }
}

@media (max-width: 782px) {
	section.section-contact { padding: 50px 0; }
	.form-container-2-cols form p:not(:last-of-type) { margin: 26px 0 0; }
	.form-container-2-cols form input { font-size: 14px; }
	.form-container-2-cols .wpcf7-submit { width:100%; }
}

.site-footer { background: var(--red-gradient); color: var(--white); padding:35px 0; }
.site-footer .inner { display: flex; justify-content: space-between; align-items: center; }
a.footer-home-link img { height: 21px; width: auto; display: block; }

@media (max-width: 782px) {
	a.footer-home-link { max-width:35%; height: auto; }
	.site-footer { padding: 21px 0 20px; }
}

/* general responsive: */
@media (min-width: 783px) {
	.mobile-only { display:none !important; }
}

@media (max-width: 782px) {

	/*body.admin-bar .site-header {top:46px;}*/

	html { /*position:unset;*/ }
	
	.desktop-only { display:none !important; }

	.wrapper { width:min(85%, calc(100% - 50px)); margin: 0 auto; }

	.unwrap,
	.unwrap-mobile { margin-left:-5vw !important; margin-right:-5vw !important; max-width:100vw !important; width:100vw !important; }
	
	:root {
		--wrapper-margin:7.5vw;
	}

	.menu-toggle { cursor:pointer; margin:0; display: flex; align-items: center; position:absolute; top: 50%;
		transform: translateY(-50%); right: 1rem; background:url(assets/img/menu-toggle.svg) center/contain no-repeat;
		width: 25px; height: 25px; }
	
	#navbar .menu-toggle { height: 73px; top: 0; transform: none; }
	#navbar .menu-toggle.menu-close { background: url(assets/img/popup-x.svg) center / contain no-repeat;
		top: 24px; width: 1.5rem; height: 1.5rem; }
	
	body #navbar { display:block; z-index: 100; position:fixed; top:0; bottom:-60px; right:100%; width:65%; background:var(--color-dark); color:white; padding:0; flex-direction: column; justify-content: space-around; box-shadow:0 3px 6px #00000022; }

	body #navbar { border-inline-end: 5px solid var(--color-red); padding:calc(var(--site-header-height) + -0.5rem) 24px 1rem; right:100%; width:85%; overflow: hidden; background: white; color: inherit; position: absolute; height: 100vh; }
	body.rtl #navbar { right:auto; left:100%; }
	body.admin-bar #navbar {}
	
	body.mobile-menu-open #navbar { transform: translateX(-100%); }
	body.rtl.mobile-menu-open #navbar { left:100%; right:auto; }

	#navbar ul.social { justify-content: flex-start; margin-top: 2rem; }

	ul.nav-menu { display:grid; margin:0 0 1.2rem; gap:1.2rem; grid-template-columns: 1fr; }
	
	#navbar .wrapper { height:auto; }
	
	li.login-menu-item {margin:0 !important;}
	
	.site-main button.slick-prev {left:-0.5em;}
	.site-main button.slick-next {right:-0.5em;}
	
	.slick-dots { list-style: none; padding:0; gap:9px; margin:0 5vw 0; display:flex; flex-wrap:wrap; justify-content: center; }
	.slick-dots li button { font-size:0; display: block; width:8px; height:8px; padding:0; cursor: pointer; color:transparent; border:none; background:#D9D9D9; border-radius: 50%; }
	.slick-dots li.slick-active button { background:#BBB1E1; }
	
	

}

@media screen and (max-width: 600px) {
	html #wpadminbar { position:fixed; }
}
