@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,800');
/*
	font-family: 'Open Sans', sans-serif;
*/

* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; }


img { border:none; max-width: 100%; height: auto; }
.ce-gallery img:not([src$=".svg"]){ width: 100%;  }


html, body { font-family: 'Open Sans', sans-serif; font-weight: 400; height: 100%; }
html { overflow-y: scroll; }


:focus { outline: none; }
a[href^=tel] { color: inherit; text-decoration: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
h1, h2, h3, h4, h5 { font-weight: 700; }
fieldset { border: none; }
iframe { max-width: 100%; }


select { border-radius: 0; }
textarea,input[type="text"],input[type="submit"] { -webkit-appearance: none; border-radius: 0; }
::-webkit-input-placeholder { color: #000000; } .parsley-error::-webkit-input-placeholder { color: red; }
:-moz-placeholder { color: #000000; opacity: 1; } .parsley-error:-moz-placeholder { color: red; opacity: 1; }
::-moz-placeholder { color: #000000; opacity: 1; } .parsley-error::-moz-placeholder { color: red; opacity: 1; }
:-ms-input-placeholder { color: #000000; } .parsley-error:-ms-input-placeholder { color: red; }


b, strong { font-weight: 700; }


hr { height: 1px; border-width: 1px 0 0 0; border-style: solid; border-color: #000000; }


a { color: inherit; text-decoration: none; }

.text-left, .ce-headline-left { text-align: left; }
.text-right, .ce-headline-right { text-align: right; }
.text-center, .ce-headline-center { text-align: center; }
.text-justify { text-align: justify; }


/* buttons */
.button {   }
.button:hover {  }
.button:after { content:''; font-family: Verdana, Arial, sans-serif; } /* safari line-height hack */


/* displays */
main, header, footer, nav, section, article { display: block; }


/* limiters */
#wrapper { max-width: 1280px; margin: 0 auto; }
.inner, .inner-980 { max-width: 980px; margin: 0 auto; }


/* clearer */
.clear { line-height: 0; font-size: 0; height: 0; text-indent: -999px; clear: both; }
.footer:after,
.row:after { clear: both; content: ''; display: table; }
#naviMain ul { list-style: none; }


/* floatings */
.float-left { float: left; }
.float-right { float: right; }
.float-none { float: none; }


/* effects */
#naviMain > ul > li > a,
.effect { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }


/* font-sizes */
.size-16, html, body { font-size: 16px; }
.size-20 { font-size: 20px; }
.size-24 { font-size: 24px; }


/* line-heights */
.line-height-18 { line-height: 18px; }
.line-height-24, .content p { line-height: 24px; }


/* colors */
.color.white { color: #FFF; }
.color.black, html, body { color: #000; }


/* background-colors */
.background.white { background-color: #FFF; }
.background.black { background-color: #000; }


/* margins */
.margin-40, .space-after-medium { margin-bottom: 40px; }
.margin-16, .content p, .content ul, .content ol, .content hr { margin-bottom: 16px; }


/* header */
.header {  }
.header #logo { float: left; }
.header .logo_link { display: block; line-height: 0; font-size: 0; }

/* naviMain */
#naviMain { position: relative; }
#naviMain > ul > li { float: left; position: relative; }
#naviMain > ul > li > a { display: block; padding-left: 20px; padding-right: 20px; }

/* naviMain first level */
#naviMain > ul > li > ul { opacity: 0; height: 0; overflow: hidden; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 50; }
#naviMain > ul > li:hover > ul { opacity: 1; height: auto; overflow: visible; visibility: visible; }
#naviMain > ul > li > ul > li { position: relative; }
#naviMain > ul > li > ul > li > a { white-space: nowrap; }

/* naviMain second level */
#naviMain > ul > li > ul > li > ul { opacity: 0; height: 0; overflow: hidden; visibility: hidden; position: absolute; top: 0; left: 100%; z-index: 50; }
#naviMain > ul > li > ul > li:hover > ul { opacity: 1; height: auto; overflow: visible; visibility: visible; }
#naviMain > ul > li > ul > li > ul > li { position: relative; }
#naviMain > ul > li > ul > li > ul > li > a { white-space: nowrap; }


/* banner */
.banner { position: relative; }
.banner .swiper-slide img{ width: 100%; display: block; }

.banner .banner-text { position: absolute; top: 0; left: 0; width: 100%; }
.banner .banner-text .bannerShow { float: left;  }
.banner .banner-text.orient-right .bannerShow { float: right;  }
.banner .swiper-pagi-out { position: absolute; bottom: 50px; left: 0; width: 100%; text-align: center; z-index: 5; line-height: 16px; }
.banner .swiper-pagi { }
.banner .swiper-pagi .swiper-pagination-bullet { height: 16px; width: 16px; margin-left: 10px; margin-right: 10px; }


/* content */
.content {  }
.content h1 {  }
.content h2 {  }
.content h3 {  }
/* if header + subheader = hands */
.content .hands{ }
.content .hands h1{ margin-bottom: 0; }
.content p {  }
.content ul, .content ol { margin-left: 18px;  }

/* notice for module */
/* put margin | clears | css3 to top. thats a demo. u can delete them */

/* content slider */
.slider { position: relative; }
.slider .swiper-slide img{ width: 100%; display: block; }

.slider .swiper-pagi-out { position: absolute; bottom: 50px; left: 0; width: 100%; text-align: center; z-index: 5; line-height: 16px; }
.slider .swiper-pagi { }
.slider .swiper-pagi .swiper-pagination-bullet { height: 16px; width: 16px; margin-left: 10px; margin-right: 10px; }


/* accordion */
.accordionOut { margin-bottom: 30px; }
.accordionOut > header { position: relative; cursor: pointer; }
.accordionOut > header:after { content: '>'; display: block; height: 20px; width: 20px; position: absolute; top: 0; right: 0; background-color: red; }
.accordionOut.accordionOpen > header:after { transform: rotate(90deg);  }
.accordionOut > .accordion { padding-top: 30px; }
.accordionOut > .accordion:after { clear: both; content: ''; display: table; }


/* tabs */
.tab {  }
.tab > .tabnavigation {  }
.tab > .tabnavigation:after { clear: both; content: ''; display: table; }
.tab > .tabnavigation > a { float: left; margin-right: 20px; cursor: pointer; }
.tab > .tabcontents > .tabcontent{ opacity: 0; height: 0; overflow: hidden; -webkit-transition: all 1s ease; transition: all 1s ease; } 
.tab > .tabcontents > .tabcontent.active{ display: block; opacity: 1; height: auto; }


/* background image */
.bgImg { position: relative; background: no-repeat; background-size: cover; }
.bgImg > .bgImgSrc { width: 100%; opacity: 0; visibility: hidden; }
.bgImg > .bgImgSrc > img { display: block; width: 100%; }
.bgImg > .bgImgText { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: red; }


/* grids */
.grid { overflow: hidden; }
.grid > .row { margin-left: -15px; margin-right: -15px; }
.grid > .row > .col { float: left; padding-left: 15px; padding-right: 15px;}
.grid_30_30_30 > .row > .col { width: 33.33%; }
.grid_25_25_25_25 > .row > .col { width: 25%; }
.grid_20_20_20_20_20 > .row > .col { width: 20%; }
.grid_50_50 > .row > .col {  width: 50%; }
.col_30 { width: 30%; }
.col_40 { width: 40%; }
.col_60 { width: 60%; }
.col_70 { width: 70%; }


/* footer */
footer {  }