/* ######################################################
table of contents
- NAVIGATION
- LEAD FORM
- SLIDER
- MEDIA QUERIES

###################################################### */


/* ###################################################### */
/* NAVIGATION */
/* ###################################################### */


.login_lnk {font-size: 14px; line-height: 2.4em; letter-spacing: .4px; float: right; position: relative; text-decoration:none; color: #fff; display: inline-block; margin: 1em 0;outline: none; padding: 0 0 1px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;cursor: pointer;}
.login_lnk:hover, .login_lnk:focus {color: #35c190;}
.dark_bg :not(.slideout) .login_lnk {color: #fff;}

/* link underline effect */
	.login_lnk::after {position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background: #35c190; content: ''; opacity: 0;
		-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
						transition: height 0.3s, opacity 0.3s, transform 0.3s;
		 -webkit-transform: translateY(-5px);
						 -ms-transform: translateY(-5px);
		     transform: translateY(-5px);
	}
	.dark_bg .login_lnk::after {background: #fff;}
	.login_lnk:hover::after,
	.login_lnk:focus::after {height: 2px; opacity: 1; 
		-webkit-transform: translateY(0px);
						-ms-transform: translateY(0px);
		    transform: translateY(0px); }

.imprint_lnks {font-size:13px; color:#657b8b; padding: 1em 0;z-index: 2}
.imprint_lnks._bg_white {background: #fff}
.imprint_lnks a {color:#657b8b !important; }

.full_bg { background-repeat:no-repeat; background-position: left bottom; background-size: 100%;padding-bottom: 200px }
._bg_white.full_bg {background-image: url(../imgs/bg_rocket_full.svg)}
._bg_gray.full_bg {background-image: url(../imgs/bg_rocket_full_inverted.svg)}


/* ###################################################### */
/* LEAD FORM */
/* ###################################################### */

.step {margin-top:4px}
.choice_trigger_lead { display: inline-block;padding-top: 5%; padding-bottom: 2%; margin: 50px 1%; line-height: 1.4;background: #eff2f5;}
.choice_trigger_lead .small_bt {width: 90% !important; padding: 0}
.aligned_label {display: inline-block; float: left; width: 140px; margin-right: 1em; line-height: 53px;}
.card .tiny {font-size: 13px; max-width: 130px}
.disclamer {font-size: 0.8em; line-height: 1.4; position: absolute; bottom: 0; left: 0; width: 94%; padding-left: 3%;
    padding-right: 3%; text-align: center;z-index: 2 }
.card .has_float_label .intl-tel-input .flag-container {top: 13px; left: 7px }
._spacer_thin {padding: 60px 0}

/* styled radio buttons */
.radio { border-radius: 4px; width: 150px; height: 150px; display: inline-block; text-align: center; padding: 1em; margin: 1em; -webkit-transition: background .3s; transition: background .3s; cursor: pointer; line-height: 1;vertical-align: top; }
.radio,
.back_bt,
output  { background:#eff2f5; }
._bg_blue .radio, 
._bg_blue .back_bt { background: rgba(255,255,255,.2); }
._bg_blue .radio svg g {fill: #fff}

.radio:not(.mini_radio) svg {margin: 1.2em auto 1em; display: inline-block;}
.back_bt { display: inline-block;float: left;padding: 0 1em; border-radius: 4px; margin-top: 1em;outline: none; }

.radio:hover, .radio:focus,
.back_bt:hover, .back_bt:focus { background: #e6eaef; outline: none; }
._bg_blue .radio:hover, ._bg_blue .radio:focus,
._bg_blue .back_bt:hover, ._bg_blue .back_bt:focus { background: rgba(255,255,255,.4); outline: none; }

.mini_radio { width: 23.5%; height: 80px; margin: 0 2% 0 0; padding: 1em 0; line-height: 1 }
.mini_radio span { display: inline-block;margin-top: 1em; }
.mini_radio:last-child { margin:0; }
.radio_wrapper { overflow: hidden; }
.radio_wrapper .radio { display: block;float: left; }
.radio_wrapper input { display: none; }
.radio_wrapper label { cursor: pointer; }
.radio_wrapper input:checked + label { background: #35c190 !important; }

.radio svg .stroke, .ico_lead .stroke {stroke: #14608e;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.radio svg .fill, .ico_lead .fill {fill: #b3e8da}
input:checked+label .tiny {color: #fff}
input:checked+label svg .fill {fill: #fff;fill-opacity:.3}
input:checked+label svg .stroke {stroke: #fff}

.logos_wrap_5 ._wrapper div {width: 20%;}
.eye { display: inline-block;position: absolute;right: 0;top: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.74' height='12.48' viewBox='0 0 20.74 12.48'%3E%3Cpath d='M20.63,5.86a11.91,11.91,0,0,0-20.52,0,.7.7,0,0,0,0,.76,12,12,0,0,0,10.26,5.86A12,12,0,0,0,20.63,6.62.74.74,0,0,0,20.63,5.86ZM10.37,1.92v1A2.59,2.59,0,0,0,7.78,5.5h-1A3.59,3.59,0,0,1,10.37,1.92Zm0,9.06A10.49,10.49,0,0,1,1.63,6.24,10.47,10.47,0,0,1,7.12,2.05a4.76,4.76,0,1,0,6.49,0A10.47,10.47,0,0,1,19.1,6.24,10.47,10.47,0,0,1,10.37,11Z' fill='%23717883'/%3E%3C/svg%3E") no-repeat center; width: 2.8em; height: 100%; }
.eye.visible { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.74' height='16.58' viewBox='0 0 20.74 16.58'%3E%3Cpath d='M6.12,13.72,7.18,12.5h0l.76-.88h0l6.11-7h0l.22-.25h0l1-1.17h0l1.65-1.9A.76.76,0,0,0,16.86.18.76.76,0,0,0,15.8.26l-2,2.32a11.58,11.58,0,0,0-3.42-.53A12,12,0,0,0,.11,7.91a.7.7,0,0,0,0,.76,11.91,11.91,0,0,0,4.58,4.39l-2,2.28a.75.75,0,1,0,1.13,1l2.26-2.6ZM10.37,4V5A2.59,2.59,0,0,0,7.78,7.55h-1A3.59,3.59,0,0,1,10.37,4ZM1.63,8.29a10.54,10.54,0,0,1,5.49-4.2,4.69,4.69,0,0,0-.33,6.56L5.7,11.9A10.54,10.54,0,0,1,1.63,8.29Zm7.8,3.91L14.84,6a4.66,4.66,0,0,1,.28,1.59A4.68,4.68,0,0,1,9.43,12.2Zm11.2-3.53a12,12,0,0,1-10.26,5.86,11.43,11.43,0,0,1-2.68-.33l1.13-1.3a9.92,9.92,0,0,0,1.55.13A10.47,10.47,0,0,0,19.1,8.29,10.46,10.46,0,0,0,15.66,5l1-1.13a11.75,11.75,0,0,1,4,4A.74.74,0,0,1,20.63,8.67Z' fill='%23717883'/%3E%3C/svg%3E"); }



/* ###################################################### */
/* SLIDER */
/* ###################################################### */

.pic_left img {margin:0 3em 1em 0; float:left; height: 280px;}
.pic_right img {margin:0 0 1em 3em; float:right; height: 280px;}
.author_scroll .slick-slide {height: auto;}
.author_scroll .forward, 
.author_scroll .backward { width: 50px; background: rgba(255,255,255,.2);
			  transition: background .3s; 
-webkit-transition: background .3s;
}
.author_scroll .forward:hover, 
.author_scroll .backward:hover {background: rgba(255,255,255,.4); }
.author_scroll .backward:after, 
.author_scroll .forward:after {padding: 10px;}




/* ###################################################### */
/* MEDIA QUERIES */
/* ###################################################### */

@media only screen and (max-width: 480px) {
	.card .mini_radio {width: 49%; margin:0 2% 7px 0}
	.card .mini_radio.radio_2nd {margin-right:0}
}

@media only screen and (max-width: 767px) {
	.pic_left img, .pic_right img {margin:0 auto 2em; float:none; display: block; height: auto; max-width: 360px}
	._spacer_thin {padding: 40px 0}
	.choice_trigger_lead { padding-bottom:0; margin-top: 10px; margin-bottom: 10px; }
	.mini_bg .wistia_responsive_padding {margin-bottom: 3em}
  .full_bg {background-size: 1000px; padding-bottom:100px}
	.logos_wrap ._wrapper div { width: auto; margin-bottom: 1em; padding: 0 1em; float: none; display: inline-block; vertical-align: top}
}
@media only screen and (min-width: 768px) {
	.mini_bg_left { background:#eff2f5 url(../imgs/lp/diamant_cut.svg) no-repeat 5% bottom; }
	.mini_bg { background:#eff2f5 url(../imgs/lp/diamant_cut.svg) no-repeat 95% bottom; }
	.card .button#submit_button {width: 372px}
	.card .button#submit {width: 220px}
}

@media only screen and (max-width: 1045px) {
	.radio:not(.mini_radio) { width: 30%; height: 130px;}
}


@media only screen and (min-width: 1046px) {
	.flex_header {height:calc(100vh);min-height: 680px}
  .flex_content {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;height: calc(100% - 160px); min-height: 550px;}
	.flex {height: calc(100vh - 140px);min-height: 650px}
}