@charset "UTF-8";

@media all{
/*--Reset --*/
    html{font-family:sans-serif; -moz-hyphens:auto; -webkit-hyphens:auto; hyphens:auto;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary,main, time, mark, figure{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}
img{border:0}svg:not(:root){overflow:hidden}
figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}}
*, *:before, *:after{box-sizing:border-box;}
body, header, section, article, nav, footer, time, figure, aside, img, p, blockquote, h1, h2, h3, h4, h5{margin:0;padding:0;}
select, input, textarea{font-size:99%}
header, nav, section, section#top, section.content, article, footer, #layout, #menu{clear:both;width:auto;}
/*--EOF reset -- ------------------------------------------ EOF reset -- */
/* -----Fonts ---- -----Fonts ---- -----Fonts ---- -----Fonts ---- -----Fonts ---- -----Fonts ---- -----Fonts ---- -----Fonts ---- */
@font-face{
font-family: 'headline';
font-display: fallback;
src: url('fonts/texgyreadventor-bold-webfont.woff') format('woff');
font-weight: bold;}
@font-face{
font-family: 'nav-headline';
font-display: fallback;
src: url('fonts/texgyreadventor-regular-webfont.woff') format('woff');
font-weight: normal;}
body{ font-family: Verdana,Trebuchet,Tahoma,Arial,Helvetica,sans-serif; font-size:98%;line-height:1.5;text-align:left;}
nav, #menu h1.subheadl{font-family: Verdana,Trebuchet,Tahoma,Arial,Helvetica,sans-serif;}
h1, h2, h3, h4, h5, h6,
section[role='main'] p,
section[role='main'] h1, section[role='main'] h2, section[role='main'] h3, section[role='main'] h4,
section[role='main'] h1 + p.subheadl{margin:0;padding-left:0.5rem;}
section[role='main'] p{font-size:1rem;line-height:1.5;margin-top:.55rem;padding-left:0.5rem;}

h1, h2, h3, h4, h5, h6{font-size:1rem;font-weight:bold;color:black;line-height:1.5;margin:0;}
h1{font-size:1.4rem;color:#4b00b6;}
h2, h3, h4{margin:1rem 0 0 0; }
h5, h6{margin:.5rem 0 0 0;}
footer ul+p a.tel, a.tel {font-weight:bold; text-decoration: underline;}

section[role="main"] a  {text-decoration: underline;}
a:hover {text-decoration:  underline;}
em.uline {text-decoration:underline;}
/*-- EOF Fonts --*/

/* -- Oktober 2023 > von Mai 2017 > ueberarbeitete ver von 10(2015) -- */

html{font-size:100%;line-height:1.5rem;height:100%;}
body{position:relative; max-width:1250px;min-height:101%; }
body{color:#222; background-color: #f5fffa; background-image:url("img/canvasbg.gif"); }
#layout{position:relative; max-width:98%; top:2.99rem; margin:0 auto; padding-left:.50rem; transition:all .2s ease-out;}
header[role="banner"], section[role="main"], section#top, section[role="main"], footer[role="contentinfo"]{width:97.9592%;padding:0;margin:0;}
section[role="main"]{margin-top:.5em;}

/* Externer Link mit Arrow dahinter */
[href*="//"]:not([href*="e4kids.at"]) 
{ background: url("img/icons/ext_link.gif") no-repeat; background-position: right top;background-size: .75rem;padding-right: 1rem;}

/*-- Footer - Contentinfo --*/ /*-- Footer - Contentinfo --*/ /*-- Footer - Contentinfo --*/ /*-- Footer - Contentinfo --*/ 
footer[role="contentinfo"]{text-align:left;margin:1rem 0 0 0;padding:0;}
footer[role="contentinfo"] {width:90.9592%; display: flex;  flex-flow: row wrap;  background: #f5fffa url("img/canvasbg.gif"); color:#222; }
footer[role="contentinfo"] > div {
  background: #DDE;padding:2px 3px;  width: auto;
  margin: 0 0 0.5rem .5rem;
  text-align: center;  line-height: 1.5rem;  font-size: 1rem;}
footer[role="contentinfo"] > div + p{ margin: .5rem 0 0 .5rem; font-size: .90rem;}
footer ul li{font-size:95%;line-height:1.55;padding:0 0 0 .1rem;border-bottom:.1rem solid indigo}
/*--------(max-width:790px --------*/
@media screen and (max-width:790px){
    footer[role=contentinfo]{width:95.9592%}
    footer[role=contentinfo] ul{float:none}
    footer[role=contentinfo] li{clear:both;float:left;width:7.5rem;min-width:37%;max-width:45%}footer[role=contentinfo] li a{height:41px}
    footer[role=contentinfo] li:nth-of-type(2),footer[role=contentinfo] li:nth-of-type(4){clear:right;float:right} }
/*-------- EOF (max-width:790px --------*/
 /*--------(min-width:800px --------*/
@media (min-width:800px){#menu ul li{line-height:1.3}}
/*-------- EOF (min-width:800px --------*/

footer[role=contentinfo] ul{vertical-align:top;width:95%;padding:0;margin:0;font-size:1rem;line-height:1.75rem;text-align:left}
footer[role=contentinfo] li{display:inline;display:inline-block;margin:0.25rem;background:#DDE;padding:2px 3px;border-top:1px solid #aae;border-right:1px solid indigo}
footer[role=contentinfo] li{margin-right:0}
footer ul+p{clear:both;padding:.5rem 0 0 .75rem;font-size:90%}
footer[role=contentinfo] li a{display:block;text-decoration:none;background-color:#DDE;color:#4b0099;border:none;padding:.2em .5em}
footer li a:link{background-color:#DDE;color:#4b0099;text-decoration:none}
footer li a:link:focus,footer li a:link:hover{color:indigo;background-color:#AAE;border-left:0}
footer li a:visited{color:#000;background-color:#DDE;/*light-gray*/}
footer li a:visited:hover{border-left:.33em solid #c09}
/* eof Footer - Contentinfo --*/ /* eof Footer - Contentinfo --*/ /* eof Footer - Contentinfo --*/ /* eof Footer - Contentinfo --*/ 

/*  aside - enthaelt carousel bildergalerie */
	aside[role="complementary"]{ float:left;width:97.9592%;padding:0 0 2.75rem 0;margin:0.5rem 0 1rem 0;}
	aside[role="complementary"] img#keyvisual{float:left;max-width:220px;margin:0.25rem 0 1rem 0;}
	@media screen and (max-width: 820px){
	aside[role="complementary"]{ float:left;width:65.9592%; margin-left:3rem; }
	aside[role="complementary"] .carousel img:hover{ transform: scale(1.750); z-index: 2000;}
	}
/* eof aside - enthaelt carousel bildergalerie */

main#layout .clear{clear:both;}

 /* --- Startseite hardboiled ----  --- Startseite hardboiled ----  --- Startseite hardboiled ----  --- Startseite hardboiled ---- */
 section[role="main"] .hlisting {position: relative; width: 520px;}
 section[role="main"] .item {float:left; width: 250px; margin: 0 10px 10px 0;}
.item img#pos {width: 100%; max-width:200px !important; height:auto;border: 2px solid rgb(220,220,220);}
section[role="main"] .item .description {position: absolute; top:0; left: 0; opacity:0;}
section[role="main"] .item:hover .description {width: 520px; height: 290px; padding: 20px 20px 20px 290px;
 background-color: rgb(220,220,220); background-repeat: no-repeat; background-position: 20px 20px; border: 2px solid rgb(255,255,255); opacity:1;}
section[role="main"] #f01:hover .description {background-image: url(../img/img-start/P1050282.jpg); background-size: 50%;}
#f02:hover .description {background-image: url(../img/img-start/67592233_o.jpg); background-size: 50%;}
/*#f03:hover .description {background-image: url(../img/img-start/42019_19(m-2005).jpg); background-size: 50%;}*/
#f04:hover .description {background-image: url(../img/keyvisuals/grammar-spots/fun-with-english-grammar_U1.png); background-size: 50%;}

/* -- img -- img --  -- img --  -- img --  -- img --  -- img --  -- img --  -- img --  -- img --  -- img --  -- img --  -- img --  -- img --  -- img -- */
img{width:100%;max-width:100%;height:auto;}
section[role='main'] ul img{width:100%;max-width:100px;height:auto; margin:.5em 2.5em 1em 0em;}
section[role='main'] p img{width:75%;max-width:45%;height:auto; margin: .50em 1rem 1rem -0.35rem; }
section[role='main'] p img.tea-flag{width:100%;max-width:20%;height:auto; margin: .5em 1rem 2rem .5rem; }
section[role='main'] figure img.umfrage {width:75%;max-width:75%;height:auto; margin: .50em 1rem 1rem -0.35rem; }
section[role='main'] p.manu img{ width:23%;max-width:25%;height:auto; margin: 2.5em .5rem 1rem 0;}
section[role="main"] img{float:left;width:100%;max-width:100px;height:auto;margin:1.75em 1.5em 1em 0.75em;}
section[role="main"] img:hover, section[role="main"]#kurse img:hover, section[role="main"].kurse img:hover,
aside[role="complementary"] .carousel img:hover{ transform: scale(1.50); z-index: 2000;}
body#pageReferenzen section[role="main"] img {width: 75%; max-width: 70px; height: auto; margin:.5em 1.5em 1em 0.25em;}
 section[role='main'] img#keyvisual{float:left;max-width:150px;margin:0.75rem 1rem 1rem 0;}
 section[role="main"] p.article img{width:300%;max-width:400px;height:auto;margin: .50em 1rem 1rem 2rem;}
 section[role="main"] p.article img:hover{transform: scale(2.50); margin-left:25rem; z-index: 2000;}
/* -- eof img -- -- eof img -- -- eof img -- -- eof img -- -- eof img -- -- eof img -- -- eof img -- -- eof img -- -- eof img -- -- eof img -- */ 

/* -- Header ---  -- Header ---  -- Header ---  -- Header ---  -- Header ---  -- Header ---  -- Header ---  -- Header ---   */
header[role="banner"] {font-family: 'headline'; text-transform: uppercase; font-kerning: normal; 
    width: 85%; max-width: 85.9592%; /* 1200 : 1225 px */
    height: auto;
    box-sizing: border-box;padding: 0 0 1rem 4rem; margin: 0 0 0 .75rem;
    background: url("img/Logkl_co(kor)y50.jpg") no-repeat; 
   border: #f5fffa 1px solid;}
 	header[role="banner"] h1, p#banner-headl, p.subheadl { 
    font-weight: bold;  margin-top: -0.2999em; padding-top: 0; }  
	header[role="banner"] h1, header[role="banner"] p#banner-headl { 
    font-size: 1.3rem; letter-spacing: 0.06rem; color: #cb0061; text-shadow: 0 2px 3px rgba(0,0,0,.6), 0 4px 6px rgba(0,0,0,.1);  }
	h1 sup, p#banner-headl sup { font-size: 50%; vertical-align: baseline; top: -0.85em; margin-left:-.30rem;}
	header[role="banner"] p.subheadl { 
    font-family: 'headline', sans-serif;
    font-size: 1rem; font-weight: bold; color: black; margin-top: -.15rem; }
	header[role="banner"] span, .subheadl span { font-size: .75rem;  }
	header[role="banner"] .subheadl span {display:table;}
/* EOF Header --- EOF Header --- EOF Header --- EOF Header --- EOF Header --- EOF Header --- EOF Header --- EOF Header --- EOF Header ---*/ 

section[role="main"] h2,
section[role="main"] h3 { font-size : 1rem;    line-height : 1;    margin : 0.75rem 0 0 0;} 
section[role="main"] h2 {color:#4b00b6;} 
   
section[role="main"] h1{font-size:1.10000rem;}
section[role="main"] h2, h1 {color:#4b00b6;}
section[role="main"] h2 + p.subheadl, h1 + p.subheadl {
    font-size:1rem; font-family: 'headline', sans-serif; font-weight: normal; }
section[role="main"] h2 + p.subheadl {margin: 0; line-height: 2rem; font-weight: bold; }
section[role="main"] h1 span, section[role="main"] h2 span { display:inline; line-height:1; text-indent:1.25em; }
header[role="banner"] span {display:inline;}

ul, ol.none{list-style-type:none;padding:0 0 0 1.75em;margin:0;}
ul ul{padding:0 0 0 0.95em;margin:0;}
section[role='main'] ul, section[role='main'] ol {margin:0.55em 0 0.55em 0;line-height:1.5;}
aside[role='complementary'] ul {margin:0 0 0 -.75rem;line-height:1.5;}
section[role='main'] ul ul{margin:0 0 0.25em 0;line-height:1.5;}
section[role='main'] ul, aside[role='complementary'] ul{list-style-image:url(img/icons/diagruen.gif);}
ul{list-style:disc;}
ul.a{list-style:circle;}
ul.b{list-style:square;}
ol.a{list-style:upper-roman;}
ol.b{list-style:lower-roman;}
ol.c{list-style:lower-alpha;}
ol.d{list-style:lower-greek;}
ul.noBullets, ol.noBullets, li.first{list-style:none;}
ul li[class="noStyle"], li[class="noStyle"]{list-style:none;}
ul.float-left{float:left;width:40%;}
ul.float-right{float:right;width:40%;}
li.noStyle h3{margin-bottom:.25em;}
p img[src="img/icons/diagruen.gif"]{width:2%;margin-right:0.5em;}

section[role="main"] p.bullet{background-image:url(img/icons/diagruen.gif);background-size:2%;background-repeat:no-repeat;background-position:left center;text-indent:1rem;line-height:2;margin:.75rem 0 0 .75rem;}
figure img.umfrage{margin-bottom:0;}
figcaption{clear:both;font-size:1rem;margin:-1rem 0 1rem 1.75rem;} 

.float-left{float:left;}
.float-right{float:right;}
h2.clear, p#StartClaim, footer[role="conteninfo"] p{clear:both;}

/* -------(min-width:480px ------ -------(min-width:480px ------ -------(min-width:480px ------ -------(min-width:480px ------ -------(min-width:480px ------ */
@media screen and (min-width: 480px){
    header[role="banner"] h1, header[role="banner"] p#banner-headl {font-size: 1.8rem;}
    header[role="banner"] .subheadl span {display:inline;}
	section[role="main"] h1{font-size: 1.20000rem;}
    section[role="main"]#kurse h2{ background-image: url(../img/icons/pr30x20.gif);
        background-repeat : no-repeat;
        background-position : left;
        text-indent : 1.5em;
        font-size : 1.45rem;}
   section[role="main"]#kurse p.subheadl{ 
   	font-size : .99999rem;
	margin: 0 0 0 2.100rem;}
   section[role="main"]#kurse h3 + p.subheadl, h1 + p.subheadl {
    font-family: 'headline', Tahoma, Arial, sans-serif; 
	font-size: .990rem; 
	font-weight: normal; }
    h2 + p.subheadl {margin: 0 0 0 1.78rem;}
	h3, h4 {font-size: 1.20rem;
    margin:1rem 0 0 0;}
	.kurse p.subheadl{
    font-family: 'headline', sans-serif; 
	font-weight: normal;
	font-size:.95rem; 
	 margin: .15rem 0 0 2.78rem;}
}
/*-------- EOF(min-width:480 px) --------*/
#nav-intern ul,#nav-intern2 ul{vertical-align:top;width:95%;padding:0;margin:0;font-size:1rem;line-height:1.75rem;text-align:left}
#nav-intern li,#nav-intern2 li{display:inline;display:inline-block;margin:0.25rem;background:#DDE;padding:2px 3px;border-top:1px solid #aae;border-right:1px solid indigo}
#nav-intern,#nav-intern2{font-size:90%;line-height:1;font-weight:400;margin:0 0 0 1rem;}
#nav-intern li:nth-of-type(1), #nav-intern li:nth-of-type(2),#nav-intern li:nth-of-type(3),#nav-intern2 li:nth-of-type(2){margin-top:.75rem}
#nav-intern li a,#nav-intern2 li a{display:block;text-decoration:none;background-color:#DDE;color:#4b0099;border:none;padding:.2em .5em}
#nav-intern li a,#nav-intern2 li a{padding:.1em .5em}
#sitenav li details summary.current {color:#fff; background-color:#89C0A2;/*#5e5e89*/}
#nav-intern li a:link,#nav-intern2 li a:link{background-color:#DDE;color:#4b0099;text-decoration:none}
#nav-intern li a:link:focus,#nav-intern li a:link:hover,#nav-intern2 li a:link:focus,
#nav-intern2 li a:link:hover{color:indigo;background-color:#AAE;border-left:0}
#nav-intern li a:link:visited,#nav-intern2 li a:link:visited{color:#000;background-color:#DDE;/*light-gray*/}
#nav-intern li a:link:visited:hover,
#nav-intern2 li a:link:visited:hover{border-left:.33em solid #c09}
/*--------(min-width:48em -------- */
@media (min-width:48em){
    section[role=main], section#top{padding-left:1em;padding-right:1em}#layout{padding-left:250px;left:0}
}
/*-------- EOF(min-width:48em --------*/

 /*-------- (min-width:1024px --------*/
@media screen and (min-width:1024px){
    section[role='main'] {float:left;width:70.9592%;padding:0 0.5em 0 0;margin:1.5em 0 2em 0;}
	section#top {float:left;width:70.9592%;padding:0 0.5em 0 0;margin:1.5em 0 .5em 0;}
    aside[role="complementary"]{background-color:#f5fffa;float:right;width:25%;padding:0 0 2.75em 0;margin:1.5em 0 1em 0;}
	.kurse h3, #kurse h2 {font-size:1.25rem;margin:1.5rem 0 0 0;} #kurse h2 {font-size:1.5rem;}
}
/*-------- EOF (min-width:1024px --------*/

/* --- menue navigation --*/
nav[role=navigation]{width:94%;margin-left:.5rem;overflow:hidden;overflow-y:auto;}
nav, #menu h1.subheadl{font-family: Verdana,Trebuchet,Tahoma,Arial,Helvetica,sans-serif;}
/* Menue Navigaion */
#menu,.menu-link{transition:all .2s ease-out}
#menu,.menu-link{box-sizing:content-box;}#menu{padding-left:.5rem}#layout.active{position:relative;left:250px}
#layout.active #menu{left:250px;width:250px;padding-left:0}#layout.active .menu-link{left:200px}
/* .active wird von js-script vom ende der html seite eingefügt*/
#menu{margin-left:-250px;width:245px;position:fixed;top:2.75rem;left:0;bottom:0;z-index:1000;background:0 0;overflow-y:auto;}
#menu ul li{font-size:95%;line-height:1.55;padding:0 0 0 .1rem;border-bottom:.1rem solid indigo}
#menu ul ul li{font-size:90%;line-height:1.55;padding:.25rem;border-top:.1rem solid indigo;border-bottom:none}

/*--------(min-width:800px --------*/
@media (min-width:800px){#menu ul li{line-height:1.3}}
/*-------- EOF (min-width:800px --------*/
#menu .pure-menu ul ul li:first-of-type{border-top:0}
#menu .pure-menu ul ul{list-style-type:square;margin:0 0 0 .25rem;padding:0 0 0 1.45rem}
#menu .pure-menu ul ul ul{margin:0 0 0 .25rem;padding:0 0 0 .3rem}
#menu .pure-menu ul ul{border-top:2px solid #000;border-top:6px solid rgba(20,20,20,.55)}
#menu .pure-menu ul ul ul{border-top:0 solid #000;border-top:0 solid rgba(20,20,20,.55)}
footer[role=contentinfo] ul{vertical-align:top;width:95%;padding:0;margin:0;font-size:1rem;line-height:1.75rem;text-align:left}
footer[role=contentinfo] li{display:inline;display:inline-block;margin:0.25rem;background:#DDE;padding:2px 3px;border-top:1px solid #aae;border-right:1px solid indigo}
footer[role=contentinfo] li{margin-right:0}
footer ul+p{clear:both;padding:.5rem 0 0 .75rem;font-size:90%}
#menu .pure-menu ul ul li a,#menu a, footer[role=contentinfo] li a{display:block;text-decoration:none;background-color:#DDE;color:#4b0099;border:none;padding:.2em .5em}
#menu .pure-menu ul ul li a{line-height:1.75em}#menu a{padding:.6em 0 .6em .6em;border-left:.3em solid #c09}
#menu .pure-menu a.current:link,footer a.current, #menu .pure-menu ul li a.current, a.page, 
#sitenav li details summary.current {color:#fff; background-color:#89C0A2;/*#5e5e89*/}
#menu .pure-menu,#menu .pure-menu ul{border:none;background:#DDE;margin:0;padding:0}
#menu li>h2,#menu li>strong{background:#DDE;color:maroon;font-weight:700;font-size:94%;line-height:2.5;margin:.5em 0 .2em .75em}
#menu a.menu-heading{border:none;text-align:center;margin:0 0 0 .75em;padding-left:0}
#menu a#cat-headl{font-weight:700}
#menu li:nth-of-type(1) a:link{background-color:#ededed;background-color:rgba(237,237,237,.75);color:#000}
#menu .pure-menu ul ul li a:link{color:#000;background-color:#DDE}
#menu .pure-menu ul ul li a:link:hover{color:indigo;background-color:#AAE;border-left:0}
#menu .pure-menu li a:link:hover{color:indigo;background-color:#AAE;border-left:0}
#menu .pure-menu li a:link,#nav-intern li a:link,#nav-intern2 li a:link,footer li a:link{background-color:#DDE;color:#4b0099;text-decoration:none}
#menu .pure-menu li a:link:focus,#menu .pure-menu li a:link:hover,
#nav-intern li a:link:focus,#nav-intern li a:link:hover,#nav-intern2 li a:link:focus,
#nav-intern2 li a:link:hover,footer li a:link:focus,footer li a:link:hover{color:indigo;background-color:#AAE;border-left:0}
#nav-intern li a:link:visited,#nav-intern2 li a:link:visited,footer li a:visited{color:#000;background-color:#DDE;/*light-gray*/}
#menu .pure-menu li a:visited:hover,#nav-intern li a:link:visited:hover,
#nav-intern2 li a:link:visited:hover,footer li a:visited:hover{border-left:.33em solid #c09}
.menu-link{position:fixed;display:block;top:0;left:0;background:#777;background:rgba(120,120,120,.7);font-size:10px;z-index:10;width:2em;height:auto;padding:2.1em 1.6em}
.menu-link:focus,.menu-link:hover{background:#000}.menu-link span{position:relative;display:block}
.menu-link span,.menu-link span:after,.menu-link span:before{background-color:#fff;width:100%;height:.2em}
.menu-link span:after,.menu-link span:before{position:absolute;margin-top:-.6em;content:" "}
.menu-link span:after{margin-top:.6em}

/*--------(min-width:48em -------- */
@media (min-width:48em){#menu{left:250px;height:auto}.menu-link{position:fixed;left:250px;display:none}#layout.active .menu-link{left:250px}}
/*---- EOF(min-width:48em --------*/
/* --- EOF menue navigation EOF --*/
/*--- .carousel (min-width:1024px ---*/
@media (max-width:980px){
    .carousel{position:relative;width:98%;margin:auto;font-family:sans-serif}
.carousel ul li{display:inline;display:inline-block}
.carousel .carousel-item{display:none}
.carousel .carousel-active{display:block}
.carousel .carousel-nav:nth-child(2){display:none}
.carousel-slide{position:relative;overflow:hidden;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)}
.carousel-slide .carousel-item{position:absolute;left:100%;top:0;width:100%;display:block;z-index:1;
    -webkit-transition:left .2s ease;
    -moz-transition:left .2s ease;
    -ms-transition:left .2s ease;
    -o-transition:left .2s ease;transition:left .2s ease}
.carousel-no-transition .carousel-item{
    -webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
.carousel-slide .carousel-active{left:0;position:relative;z-index:2}.carousel-slide .carousel-in{left:0}
.carousel-slide-reverse .carousel-out{left:100%}
.carousel-slide .carousel-out,.carousel-slide-reverse .carousel-in{left:-100%}
.carousel-slide-reverse .carousel-item{-webkit-transition:left .1s ease;
    -moz-transition:left .1s ease;-ms-transition:left .1s ease;-o-transition:left .1s ease;transition:left .1s ease}
.carousel-slide-reverse .carousel-active{left:0}
.carousel .carousel-item{display:none}
.carousel .carousel-active{display:block}
.carousel .carousel-nav:nth-child(2){display:none}
.carousel-item img{width:100%;height:auto;display:block;padding:5px;border:2px solid #3c944F}
.carousel-nav{position:relative;bottom:0;z-index:4;width:100%}
.carousel-nav a{position:absolute;bottom:-.5em;font-size:1.25em;font-weight:700;text-decoration:none;background:#fff;color:#3c944F;opacity:.1}
.carousel-nav a.prev{left:0}
.carousel-nav a.next{right:0}
.carousel-nav-paginated .carousel-active-page a{background:#333;color:#3c944F}
.arrows .carousel-nav{bottom:auto;top:90%}
.arrows .carousel-nav a{text-indent:-9999px;width:1.75em;height:1.75em;background:50% 50% no-repeat white;opacity:.8;overflow:hidden;border-radius:25%}

.arrows .carousel-nav a:focus,
.arrows .carousel-nav a:hover{opacity:1}
.arrows .carousel-nav a.next,
.arrows .carousel-nav a.prev{top:-2.5em}
.arrows .carousel-nav a.next{background-image:url(assets/arrow-right.png);right:1rem}
.arrows .carousel-nav a.prev{background-image:url(assets/arrow-left.png);left:1rem}
}
/*-------- EOF .carousel (min-width:1024px --------*/
}