html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, hr, a
{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

hr{border-top: solid 1px #808080;border-left: solid 1px #808080;border-right: solid 1px #FFFFFF;border-bottom: solid 1px #FFFFFF;height:2px;}

footer,header,menu,nav,section { display:block; }

nav ul { list-style:none; }

del { text-decoration: line-through; }

html { scroll-behavior: smooth; }

input, select, textarea { vertical-align:middle; }

body { line-height:1; color: #444; font-size: 12px; background: #fff; font-weight:400; }
@media only screen and (min-width: 600px)
{
body { line-height:1; color: #777777; font-size: 16px; background: #fff; }
}

.hdiv { display: inline-flex; flex-direction: row; }
.vdiv { display: inline-flex; flex-direction: column; }

.rounddiv
{
	display:inline-flex;
	flex-direction:row;
	padding: 10px 10px 10px 10px;
	margin: 6px 0px 6px 0px;
	box-sizing: border-box;
	border-radius: 10px;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
	background: linear-gradient(to top left, #D0FFC0, #F0FFE0);
}
.u1{text-align:center;width:100%;font-size:180%;margin-bottom:30px;font-weight:600;}
.u2{font-size:140%;margin-top:40px;margin-bottom:20px;font-weight:600;}

table {border-collapse: collapse;}

div { font-family: Arial, Helvetica, sans-serif; }
span { font-family: Arial, Helvetica, sans-serif; }
p { font-size: 120%; }
li { font-size: 120%; line-height:150%;}


.homepage { font-family: Arial, Helvetica, sans-serif; background-color:#FFFFFF; }

.service { font-family: Arial, Helvetica, sans-serif; }

.logo { padding-right: 200px!important; }

.sec3 { padding-top: 50px; }

.miniBlock { width:100%;margin:0;padding:.625em; text-align:center; }

@media only screen and (min-width: 600px)
{
.miniBlock { display: inline-block;vertical-align: text-top;width:49%;margin:0px;padding:40px; text-align:left;}
}

@media only screen and (min-width: 900px)
{
.miniBlock { display: inline-block;vertical-align: text-top;width:32%;max-width:400px;margin:0px;padding:40px; text-align:left;}
}


.miniBlock2 { width:100%;margin:0;padding:3.625em .625em 1.625em 1.625em; text-align:left;}

@media only screen and (min-width: 600px)
{
.miniBlock2 { display: inline-block;vertical-align: text-top;width:49%;max-width:500px;margin:0px;padding:3em 1.5em 1.5em 1.5em; text-align:left;}
}

#about {height:40em;background: url("slices/about-bg_blass.png") center center;background-size: cover;padding: 0;}

#about-inner {display: inline-block;text-align:left;width:340px;}

@media only screen and (min-width: 670px)
{
#about {height:40em;background: url("slices/about-bg.png") center center;background-size: cover;padding: 0;}
#about-inner {display: inline-block;text-align:left;width:330px;}
}

.absatz{font-size:120%; padding-top:1.25em;}

.faqDiv{width:100%;color:white;font-size:120%;margin:1em 0em 1em 0em;padding:0;border:solid 1px white;}
.qestionHeader{width:100%;color:white;font-size:120%;padding:0.5em;display:inline-flex;flex-direction: row;}
.answer{width:100%;color:white;margin:0;padding:0.5em;background:#606060;}
.pAnswer{color:white;line-height:1em;padding-bottom:0.5em;}

#header
{
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	position: relative;
	height: 24em;
	background: url("slices/Oben.png") center center;
	background-size: cover;
	padding: 0;
}

#header-inner
{
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	position: relative;
	background: #ffffff center center;
	background-size: cover;
	padding: 0;
	
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

#navbar
{
	top: 0px;
	left: 0px;
	width: 100%;
	text-align: center;
	overflow: hidden;
	background: linear-gradient(to bottom right, #a0e050 -60%, #3cab72 98%);box-shadow: 0.15em 0.15em 0.15em 0.15em rgba(0, 0, 0, 0.4);
	padding: 1.25em 0em 1.25em 0em;
	transition: 0.4s;
	z-index: 99;
	line-height:2.5em;
}

#navbar > span > a
{
	display: inline-block;
	text-align: center;
	margin: 0em 0.8em 0em 0.8em;
	vertical-align: middle;
	color: #eee;
	color: rgba(255, 255, 255, 0.75);
	text-decoration: none;
	font-size: 1.2em;
	letter-spacing: 0.025em;
	height: 1.5em;
	line-height: 1.5em;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	outline: 0;
}

#navbar > span > a:hover
{
	color: #fff;
	border-bottom: 2px solid #5DBD66;
	border-radius: 1px;
}

#navbar > span > a.active
{
	color: #fff;
	border-bottom: 2px solid #FFFFFF;
}

#logo
{
	width: 100%;
	text-align: left;
	top: 1.5em;
}

#logo h1
{
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	font-size: 2em;
	letter-spacing: 0.25em;
}

h1
{
	font-size: 4em;
	font-weight: 600;
	color: #fff;
	letter-spacing: -.06em;
}


h2
{
	margin-top:1.5em;
	font-size: 1.1em;
	font-weight: 400;
	color: #60BE66;
	letter-spacing:1px;
	line-height: 1.4em;
	text-transform: uppercase;
}

h3
{
	font-size: 2.5em;
	font-weight: 600;
	color: #131415;
	letter-spacing:-.05em;
	line-height: 1.4em;
}

p
{
	font-size: 1em;
	line-height: 1.25em;
}

.bold
{
	font-size: 1.1em;
	font-weight: 400;
	color: #333333;
	line-height: 3em;
}

.bold2
{
	font-size: 1.1em;
	font-weight: 400;
	color: #ffffff;
	line-height: 1.5em;
}

.title3
{
	font-size: 3.5em;
	padding-bottom: 1em;
	letter-spacing: -.03em;
}

.title4
{
	font-size: 1.5em;
	font-weight: 400;
	color: #063659;
	padding-top: 0.625em;
}

.title5
{
	font-size: 2.15em;
	font-weight: 400;
	color: #063659;
	padding-top: 0.625em;
}

.tes-designation
{
	font-size: 1.1em;
	font-weight: 200;
	color: #777777;
	line-height: 0.625em;
}

.footerlinks
{
	font-size: 1em;
	font-weight: 200;
	color: #333333;
	line-height: 1.5em;
}

.footerlinks:hover { color: #3CAB72; }


.flink { padding-bottom: 1.25em; }

input[type="button"],
input[type="reset"],
.button
{
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	display: inline-block;
	background: #444;
	text-align: center;
	font-weight: 500;
	letter-spacing: 0;
	text-decoration: none;
	border-radius: 0.4em;
	border: 0;
	outline: 0;
	cursor: pointer;
	padding: 0 0 0 0;
	font-size: 1.125em;
	min-width: 4em;
	height: 2.8em;
	line-height: 2.8em;
	background: linear-gradient(to bottom right, #a0e050 -60%, #3cab72 98%);
	color: #fff;
}
.sbutton
{
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	display: inline-block;
	background: #444;
	text-align: center;
	font-weight: 500;
	letter-spacing: 0;
	text-decoration: none;
	border-radius: 0.4em;
	border: 0;
	outline: 0;
	cursor: pointer;
	padding: 0.2em 0.5em 0.2em 0.5em;
	font-size: 1em;
	min-width: 4em;
	line-height: 1.5em;
	background: linear-gradient(to bottom right, #a0e050 -60%, #3cab72 98%);
	color: #fff;
}

input[type="button"]:hover, input[type="reset"]:hover, button:hover, .button:hover { background-color: #f98780; }
input[type="button"].large, input[type="reset"].large, button.large, .button.large { font-size: 1em; min-width: 14em; }
input[type="button"].style, input[type="reset"].style, button.style, .button.style { background: #65C164; color: #fff; }
input[type="button"].style:hover, input[type="reset"].style:hover, button.style:hover, .button.style:hover { background-color: #3CAB72; }
input[type="button"].style:active, input[type="reset"].style:active, button.style:active, .button.style:active { background-color: #1f232b; }

input[type=submit]
{
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	display: inline-block;
	background: #fff;
	text-align: center;
	text-transform: capitalize;
	font-weight: 500;
	letter-spacing: 0;
	text-decoration: none;
	border-radius: 8px;
	outline: 0;
	cursor: pointer;
	padding: 0.2em 0.5em 0.2em 0.5em;
	font-size: 1.125em;
	min-width: 4em;
	line-height: 1.5em;
	background: linear-gradient(to bottom right, #a0e050 -60%, #3cab72 98%);
	color: #fff;
	border:0px;
}
input[type="submit"]:hover, button:hover, .button:hover { background-color: #f98780; }
input[type="submit"].small, button.small, .button.small { font-size: 1em; min-width: 14em; }
input[type="submit"].style1, button.style1, .button.style1 { background: #ffffff; border: 1px solid #eeeeee; color: #A7A7A7; }
input[type="submit"].style1:hover, button.style1:hover, .button.style1:hover { background-color: #3CAB72; color: #ffffff; }
input[type="submit"].style1:active, button.style1:active, .button.style1:active { background-color: #1f232b; }

ul.actions { margin: 1.5em 0 0 0; }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mouse_scroll { display: block; margin-top: -40px; }

.m_scroll_arrows
{
	display: block;
	width: 5px;
	height: 5px;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
	border-right: 2px solid white;
	border-bottom: 2px solid white;
	margin: 0 0 3px 4px;
	width: 16px;
	height: 16px;
}

.mouse
{
	height: 42px;
	width: 24px;
	border-radius: 14px;
	transform: none;
	border: 2px solid white;
	top: 170px;
}

.wheel
{
	-webkit-animation: mouse-wheel 0.6s linear infinite;
	-moz-animation: mouse-wheel 0.6s linear infinite;
	animation: mouse-wheel 0.6s linear infinite;
	height: 5px;
	width: 2px;
	display: block;
	margin: 5px auto;
	background: white;
	position: relative;
	height: 4px;
	width: 4px;
	border: 2px solid #fff;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

@-webkit-keyframes mouse-wheel
{
	0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
	100% { opacity: 0; -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); }
}

@-moz-keyframes mouse-wheel
{
	0% { top: 1px; }
	25% { top: 2px; }
	50% { top: 3px;}
	75% { top: 2px;}
	100% { top: 1px;}
}

@-o-keyframes mouse-wheel
{
	0% { top: 1px; }
	25% { top: 2px; }
	50% { top: 3px;}
	75% { top: 2px;}
	100% { top: 1px;}
}

@keyframes mouse-wheel
{
	0% { top: 1px; }
	25% { top: 2px; }
	50% { top: 3px;}
	75% { top: 2px;}
	100% { top: 1px;}
}

@-webkit-keyframes mouse-scroll
{
	0%   { opacity: 0;}
	50%  { opacity: .5;}
	100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll
{
	0%   { opacity: 0; }
	50%  { opacity: .5; }
	100% { opacity: 1; }
}
@-o-keyframes mouse-scroll
{
	0%   { opacity: 0; }
	50%  { opacity: .5; }
	100% { opacity: 1; }
}
@keyframes mouse-scroll
{
	0%   { opacity: 0; }
	50%  { opacity: .5; }
	100% { opacity: 1; }
}

.link
{
	font-size: 1em;
	color: #333333;
	line-height: 7.5em;
}

.link:hover { color: #3CAB72; }


/* Easy Entry */

#easy
{
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	position: relative;
	height: 20em;
	padding: 0;
}


.homepage #easy { height: 660px; }

.service #easy { height: 660px; }



/* Service */

#service
{
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	position: relative;
	height: 24em;
	background: #ffffff; center center;
	background-size: cover;
	padding: 0;
}


.homepage #service { height: 900px; }

.service #service { height: 900px; }

.services { padding-top: 50px; }

#testimonials
{
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	position: relative;
	height: 24em;
	background: #F6F9FD; center center;
	background-size: cover;
	padding: 0;
}

.homepage #testimonials { height: 600px; }

.service #testimonials { height: 600px; }

.testimonials { padding-top: 50px; }
.avatar { height: 160px; }

#footer
{
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	position: relative;
	background: #ffffff center center;
	background-size: cover;
	padding: 0;
	height: 22em;
}


 *, *:before, *:after { box-sizing: border-box; }

.slider
{
	height: 410px;
	position: relative;
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.slider__nav
{
	width: 12px;
	height: 12px;
	margin: 2rem 6px;
	border-radius: 50%;
	z-index: 10;
	outline: 6px solid #ccc;
	outline-offset: -6px;
	box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.slider__nav:checked
{
	-webkit-animation: check 0.4s linear forwards;
	animation: check 0.4s linear forwards;
}
.slider__nav:checked:nth-of-type(1) ~ .slider__inner { left: 0%; }
.slider__nav:checked:nth-of-type(2) ~ .slider__inner { left: -100%; }
.slider__nav:checked:nth-of-type(3) ~ .slider__inner { left: -200%; }
.slider__nav:checked:nth-of-type(4) ~ .slider__inner { left: -300%; }
.slider__inner
{
	position: absolute;
	top: 0;
	left: 0;
	width: 400%;
	height: 100%;
	-webkit-transition: left 0.4s;
	transition: left 0.4s;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
}
.slider__contents
{
	height: 100%;
	padding: 2rem;
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-flex-flow: column nowrap;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.slider__image { font-size: 2.7em; color: #2196F3; }
.slider__caption
{
	font-weight: 500;
	margin: 0 auto;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
}
.slider__txt
{
	color: #063659;
	font-size: 1.625em;
	max-width: 50em;
	font-weight: 200;
	line-height: 1.2em;
	padding:25px 0 25px 0;
}

@-webkit-keyframes check
{
	50% { outline-color: #59BA68; box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2); }
	100% { outline-color: #59BA68; box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0); }
}

@keyframes check
{
	50% { outline-color: #59BA68; box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2); }
	100% { outline-color: #59BA68; box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0); }
}

.container { text-align:center; padding:0em 2em 0em 2em;}

.row { display: flex; }

.column { flex: 33.33%;padding: 0px; }

input[type=text]
{
	padding: 0px 20px;
	box-sizing: border-box;
	border: 1px;
	height: 2em;
	background-color: #f6f6f6;
	font-size: 1em;
	border-radius: 8px
}

input[type=email]
{
	padding: 0px 20px;
	box-sizing: border-box;
	border: none;
	width: 330px;
	height: 2.5em;
	background-color: #f6f6f6;
	font-size: 1em;
	border-radius: 8px
}

input[type=tel]
{
	padding: 0px 20px;
	box-sizing: border-box;
	border: none;
	width: 330px;
	height: 2.5em;
	background-color: #f6f6f6;
	font-size: 1em;
	border-radius: 8px
}

textarea
{
	padding: 4px 10px;
	box-sizing: border-box;
	border: none;
	width: 330px;
	background-color: #f6f6f6;
	font-size: 1em;
	border-radius: 8px
}

.row { display: flex; }

.column-footer-row1 { flex: 33.33%; padding: 0px; }

.column-footer-row2 { flex: 33.33%; padding-left: 40px; }

.column-footer-row3 { flex: 33.33%; padding-left: 20px; }

.combobox {  position: relative; width: 100%; }
.combobox select
{
	width: 100%;
	padding: 0px 10px;
	box-sizing: border-box;
	border: 1px;
	height: 2em;
	background-color: #f6f6f6;
	font-size: 1em;
	border-radius: 8px;
}
.combobox > * { box-sizing: border-box; height: 1.5em; }
.combobox input { position: absolute; width: calc(100% - 20px); }

select
{
	width: 100%;
	padding: 0px 10px;
	box-sizing: border-box;
	border: 1px;
	height: 2em;
	background-color: #f6f6f6;
	font-size: 1em;
	border-radius: 8px;
}

