/* RESET
---------------------------------------------------------------------------------------------------- */
a, abbr, acronym, address, applet, article, aside, audio,
b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed,
fieldset, figcaption, figure, form, footer,
header, hgroup, h1, h2, h3, h4, h5, h6, html,
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, output, p, pre, q, ruby,
s, samp, section, main, small, span, strike, strong, sub, summary, sup,
tt, table, tbody, textarea, tfoot, thead, time, tr, th, td,
u, ul, var, video {
	font-family: inherit;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	white-space: normal;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, main {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*----------------------- Preloader -----------------------*/
body.preloader-site {
    overflow: hidden;
}

.preloader-wrapper {
    height: 100%;
    width: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index:999;
}

.preloader-wrapper .preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width:200px;
}



.button-up {background:url(../images/icon-up.png) no-repeat;cursor:pointer;width:38px;height:38px;position:fixed;bottom:40px;right:40px;opacity:0.5;z-index:150;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.button-up:hover{opacity:1}




/*  ----------------------------------------------------------------------------------
	General styling
----------------------------------------------------------------------------------- */
html, body {width:100%;height:100%;background:#1b1b1b;}
body {display: flex;flex-direction: column;color:#6b6b6b;font-family:'Lato', tahoma, verdana, sans-serif;-webkit-font-smoothing:antialiased;}


#grid {display:none;z-index:9999999;position:absolute;width:1160px;height:8000px;left:50%;margin-left:-580px;background:url(../images/grid.png) top center;background-repeat:repeat-y;}
 img {max-width: 100%;}

a.more {padding:6px 20px;color:#fff;text-align:center;font-size:11px;text-decoration:none;border:1px solid #525252;text-transform:uppercase;letter-spacing:1px;}
a.more:hover {border:1px solid #fff;}
a:hover, .item:hover {transition-duration:550ms;transition-timing-function:ease;}
/* --------- Global ----------*/
.transition{
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}
.img-responsive{
    width:100%;
}

.aligncenter {text-align:center;}
.alignright {text-align:right;}

section {padding:65px 0;}

.welcome {color:#fff;background:#2f2f2f;}

.news {padding:115px 0 65px 0;color:#fff;background:#1b1b1b url(../images/bg-news.png) 50% 0 no-repeat;}
.news .bloc img {margin:0 0 20px 0;}

.slideshow {margin:65px 0;}
/*
.content {padding-top:150px;padding-bottom:80px;color:#fff;}*/
.a-propos h4 {margin-top:0px;}

.content article {padding:0px 0 0 0;}
.content .aligncenter article {background-position:50% 0;}




/*----- Accordion -----*/
.accordion, .accordion * {}
.accordion {overflow:hidden;}

/*----- Section Titles -----*/
.accordion-section-title {display:block;cursor:pointer;width:100%;height:100%;padding:10px 0;color:#fff;text-align:center;font:300 1.5em 'Lato', georgia, garamond, serif;border-top:1px solid #3f3f3f;
}
.accordion-section-title a {display:block;width:100%;height:100%;cursor:pointer;color:#fff;text-decoration:none;}

.accordion-section-title.active, .accordion-section-title:hover {background:#2f2f2f;text-decoration:none;color:#fff;}
.accordion-section:last-child .accordion-section-title {border-bottom:none;}

.accordion-section-content {display:none;padding-top:38px;padding-left:30px;border-top:1px solid #3f3f3f;border-left:1px solid #3f3f3f;border-right:1px solid #3f3f3f;background:url(../images/arrow-item.png) 50% 0 no-repeat;}




.accordion {margin:35px 0;}
.item {display:block;cursor:pointer;width:100%;/*height:100%;*/padding:10px 0;color:#fff;font:300 1.5em 'Lato', georgia, garamond, serif;border-top:1px solid #3f3f3f;}
.item a {display:block;width:100%;height:100%;cursor:pointer;color:#fff;text-decoration:none;}
.item:first-child {border-top:0;}
.item:hover, .active-item  {background:#2f2f2f;}
.accordion .hidden {padding-top:38px;border-top:1px solid #3f3f3f;border-left:1px solid #3f3f3f;border-right:1px solid #3f3f3f;background:url(../images/arrow-item.png) 50% 0 no-repeat;}


/*  ----------------------------------------------------------------------------------
	Typopgraphy
----------------------------------------------------------------------------------- */
h2 {margin-bottom:20px;padding:0;color:#fff;font:700 30px/38px 'Lato', arial, tahoma, verdana, sans-serif;text-transform:uppercase;}
/*
h2:after {display:block;content:url(../images/bg-transparent-bar.png);}*/
h3 {margin-bottom:20px;color:#fff;font:300 1.5em/1em 'Lato', arial, tahoma, verdana, sans-serif;}
h3 a {color:#bbb;text-decoration:none;}
h3 a:hover {color:#fff;}

/*h3 {margin:0 0 30px 0;padding:0;color:#fff;font-size:24px;font-family:'Cabin',serif;font-weight:400;}*/
h4 {font:600 24px/20px 'Lato', arial, tahoma, verdana, sans-serif;margin-bottom:0px;}
h6 {font-size:15px;}
p {margin:0 0 30px 0;font-size:1em;line-height:1.4em;font-weight:300;}


/*  ----------------------------------------------------------------------------------
	Top
----------------------------------------------------------------------------------- */
.top {position:fixed;z-index:0;width:100%;height:58px;padding:0;line-height:58px;background:#fff;}
.top h1 {display:block;width:176px;height:58px;line-height:58px;font-size:11px;text-indent:-9999px;background:url('../images/logo-small.png') 0 50% no-repeat;}
.top h1 a {position:relative;display:block;width:100%;height:100%;border:0;}


/*  ----------------------------------------------------------------------------------
	Header
----------------------------------------------------------------------------------- */
header {height:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.headline {position:absolute;width:100%;top:40%;left:0;text-align:center;}
.arrow-down {position:absolute;overflow:visible;clear:both;text-align:center;left:0px;width:100%;height:100px;bottom:8%;}


/*  ----------------------------------------------------------------------------------
	Menu
----------------------------------------------------------------------------------- */
nav:focus {outline:none;}
.menu {float:left;}
.menu, .languages {/*height:58px;*/}
.menu ul, .languages ul {margin:0;padding:0;list-style:none;float:right}
.menu ul li, .languages ul li {display:inline;}
.menu ul li:last-child a {border:0;}
.menu ul li a, .languages ul li a  {color:#23272a;padding:0 10px;text-decoration:none;text-transform:uppercase;}
.menu ul li a:hover, .languages ul li a:hover {color:#23272a;}
.menu ul li > a, .languages ul li > a {color:#7a8084;font:11px 'Lato',tahoma,verdana,sans-serif;}

.languages ul li:first-child a {border-right:1px solid #8b8b8b;}
.languages ul li:last-child a {padding-right:0;}
.menu ul li a.active {font-weight:900;color:#23272a;}
.languages ul li.active a {font-weight:900;color:#23272a;/*text-decoration:underline;*/}
.languages a {text-transform:uppercase;}


/*  ----------------------------------------------------------------------------------
	Forms
----------------------------------------------------------------------------------- */
.contactform {margin:0;padding:0;}
.contactform label {display:block;width:100%;margin-bottom:8px;color:#fff;font:300 18px 'Lato',sans-serif;}
.contactform label .red {color:#eb7370;}
.contactform label.error {color:#eb7370;text-align:left;font:italic 14px 'Pt Sans',tahoma,verdana,sans-serif;}
.form-row {position:relative;display:block;width:100%;margin-bottom:5px;}
.contactform input[type=text], .contactform input[type=email], .contactform textarea {width:100%;text-indent:20px;padding:10px 0;color:#fff;font:14px 'Pt Sans',sans-serif;border:0;background:#1b1b1b;border:2px solid #636363;}
.contactform textarea {display:block;height:145px;margin-bottom:8px;background:#1b1b1b;border:2px solid #636363;}
.contactform input[type=text].error, .contactform textarea.error {border:2px solid #eb7370;}
.contactform input[type=text].valid, .contactform textarea.valid {border:2px solid #a2c16d;}
.contactform input[type=submit] {width:100%;height:50px;line-height:50px;font:18px 'Vollkorn',sans-serif;color:#fff;background:#0c0c0c;border:0;text-transform:uppercase;}
.contactform .fake {display:none;}
.contactform input[type=submit]:hover {cursor:pointer;background:#2f2f2f;}
.contactsuccess {display:none;width:100%;height:100%;padding:25px 0;color:#fff;text-align:center;background:url('../images/icon-paperplane.png') 50% 50% no-repeat;border:2px solid #2f2f2f;}
.contactsuccess h2 {font-size:18px;margin-bottom:0px;}
.contactsuccess p {font-size:20px;margin-bottom:0px;}


.file {margin-bottom:28px;}
.file a div.icon {float:left;width:40px;height:40px;margin-right:18px;}
.file.pdf a div.icon {background:url('../images/icon-file-pdf.png') 10% 50% no-repeat;}

.file a {display:block;width:100%;height:100%;color:#fff;text-decoration:none;border:1px dotted #4e4e4e;border-radius:25px;padding:8px 18px;}
.file a:hover {background:#3e3e3e;}
.file span {font-size:11px;}

/* --------- Simple Zoom Effects ----------*/
.view {position:relative;overflow:hidden;margin-bottom:28px;}
.view:hover img{transform: scale(1.9);}
img{transform:scale(1);}



/*  ----------------------------------------------------------------------------------
	Footer
----------------------------------------------------------------------------------- */
footer {color:#fff;font:.8em/5em 'Lato',tahoma,verdana,sans-serif;background:#2f2f2f;}
footer h4 {margin-bottom:20px;}
footer img.avatar {-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-khtml-border-radius:50%;border-radius:50%;behavior:url('/assets/styles/PIE.php');}
footer ul li {line-height:18px;list-style:none;}
footer ul li a {color:#fff;font-size:12px;text-decoration:none;border-bottom:0;}
.copyright {margin-top:40px;background:#1b1b1b;}
.copyright p {margin:0 0 0 0;padding:0;height:80px;line-height:80px;color:#c7c7c7;font-size:11px;font-family:'Arial';}
.copyright a {color:#fff;}