/**************** RESET STYLES IS A GOOD THING *************************************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, 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, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, 
menu, footer, header, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0;}

main, article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {display: block;}

a{text-decoration: none; color: black;}
a img {border: 0;}

p:last-child{margin-bottom: 0;}

figure {position: relative;}
figure img {width: 100%;}

img{user-drag: none; -moz-user-select: none; -webkit-user-drag: none;}

label{cursor: pointer;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin: 0; padding: 0; outline: none;}

/********* Default *********/

html, body{height: 100%;}

h1{font-weight: normal; font-size: 2rem; font-family: 'source_sans_proextralight', Helvetica, sans-serif;line-height: 1.3em;color: #585858;/* color: #A9A9A9;color: rgba(169, 169, 169, 1);text-shadow: 1px 1px 2px rgba(255, 255, 255, 1); */}
h2{font-weight: normal; font-size: 1.2rem; font-family: 'asapregular', Helvetica, sans-serif;line-height: 1.3em;margin-bottom: 0.3em;text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);}
h3{font-weight: normal; font-size: 0.83em; font-family: 'asapbold', Helvetica, sans-serif;line-height: 1.3em;margin-bottom: 0.3em;}

p, ul, ol{font-weight: normal; font-size: 0.85rem; font-family: 'asapregular', Helvetica, sans-serif; margin-bottom: 1em; line-height: 1.6em;}

a{color: #b0c801;color: rgba(177, 200, 0, 1);text-decoration: none;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
a:hover{color: #A6A7A8}

strong{font-family: 'asapbold', Helvetica, sans-serif;font-weight: normal;}

html{font-weight: normal; font-size: 100%; font-family: 'asapregular', Helvetica, sans-serif;color: rgba(89, 89, 89, 1);}
body{background-image: url(/assets/frontend/dt_background.jpg); background-size: cover; background-attachment: fixed; overflow-x: hidden;}

main{width: 84%; min-height: 100%; max-width: 1400px; ;margin: 0 auto; display: block; position: relative;}

/******** Header ********/

.mobileTrigger{display: none;}

.mainhead{width: 100%; height: 80px;padding-left: 2.040816326531%; background : #FFFFFF;background : rgba(255, 255, 255, 1);  border-radius : 0 0 40px 40px / 0 0 35px 35px;-moz-border-radius : 0 0 40px 40px / 0 0 35px 35px;-webkit-border-radius : 0 0 40px 40px / 0 0 35px 35px; position: relative;}
.mainhead:before, .mainhead:after{content: " "; font-size: 0; width: 0; height: 0; display: block; position: absolute; border: 25px solid white; border-left-width: 5px; border-right-width: 5px; border-bottom-color: transparent; }
.mainhead:before{left: -10px; border-left-color: transparent;}
.mainhead:after{right: -10px; border-right-color: transparent;}

.lang{position: relative;float: left;width: 140px;}
.lang ul{list-style-type: none; height: 40px;}
.lang ul li{float: left;padding: 12px 5px;}
.lang ul li.active{background-color: #FFFFFF;background-color: rgba(255, 255, 255, 0.6);}
.lang ul li a{float: left; font-family: 'asapregular', Helvetica, sans-serif; font-size: 0.9rem; color: #A9A9A9;color: rgba(169, 169, 169, 1);text-decoration: none;text-transform: uppercase;text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);}
.lang ul li.inactive a{color: #dbdbdb; pointer-events: none;}
.lang ul li.active a{color: #B1C800;}

.mainnav{position: relative;float: left;}
.mainnav ul{list-style-type: none;}
.mainnav ul li {float: left;text-align: center;padding: 11px 20px 11px 20px;/* background: url('/assets/frontend/nav-border.png') no-repeat right top;  */position: relative;}
.mainnav ul li.active, .mainnav ul li:hover{background : -moz-linear-gradient(50% 100% 90deg,rgba(255, 255, 255, 1) 0%,rgba(253, 253, 252, 1) 62.13%,rgba(245, 246, 244, 1) 99.9%,rgba(245, 246, 244, 1) 100%);background : -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(253, 253, 252, 1) 62.13%, rgba(245, 246, 244, 1) 99.9%, rgba(245, 246, 244, 1) 100%);background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(255, 255, 255, 1) ),color-stop(0.6213,rgba(253, 253, 252, 1) ),color-stop(0.999,rgba(245, 246, 244, 1) ),color-stop(1,rgba(245, 246, 244, 1) ));background : -o-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(253, 253, 252, 1) 62.13%, rgba(245, 246, 244, 1) 99.9%, rgba(245, 246, 244, 1) 100%);background : -ms-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(253, 253, 252, 1) 62.13%, rgba(245, 246, 244, 1) 99.9%, rgba(245, 246, 244, 1) 100%);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F5F6F4' ,GradientType=0)";background : linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(253, 253, 252, 1) 62.13%, rgba(245, 246, 244, 1) 99.9%, rgba(245, 246, 244, 1) 100%);}
.mainnav ul li a{float: left; font-family: 'asapregular', Helvetica, sans-serif; font-size: 0.9rem; letter-spacing : 0.28px;  color : #A6A7A8;text-decoration: none;text-transform: uppercase;text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);}
.mainnav ul li.active a{color: #585858;}
.mainnav ul li:hover a{color: #b0c801;}

.mainnav ul:before, .mainnav ul li:after{ background : -moz-linear-gradient(50% 100% 90deg,rgba(255, 255, 255, 1) 0%,rgba(252, 252, 252, 1) 9.23%,rgba(239, 239, 239, 1) 55.38%,rgba(235, 235, 235, 1) 100%);background : -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(252, 252, 252, 1) 9.23%, rgba(239, 239, 239, 1) 55.38%, rgba(235, 235, 235, 1) 100%);background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(255, 255, 255, 1) ),color-stop(0.0923,rgba(252, 252, 252, 1) ),color-stop(0.5538,rgba(239, 239, 239, 1) ),color-stop(1,rgba(235, 235, 235, 1) ));background : -o-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(252, 252, 252, 1) 9.23%, rgba(239, 239, 239, 1) 55.38%, rgba(235, 235, 235, 1) 100%);background : -ms-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(252, 252, 252, 1) 9.23%, rgba(239, 239, 239, 1) 55.38%, rgba(235, 235, 235, 1) 100%);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EBEBEB' ,GradientType=0)";background : linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(252, 252, 252, 1) 9.23%, rgba(239, 239, 239, 1) 55.38%, rgba(235, 235, 235, 1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEBEB',endColorstr='#FFFFFF' , GradientType=0);}
.mainnav ul:before, .mainnav ul li:after{content: " "; width: 1px; height: 48px; display: block; position: absolute;}
.mainnav ul:before{left: 0;}
.mainnav ul li:after{right: 0; top: 0;}



.mainhead .logo{position: absolute;right: 0;top: 20px;width: 26%;}

/*******************/

.showMeeting{width: 180px; height: 180px; display: block; position: absolute; background-size: cover; background-repeat: no-repeat; background-repeat: no-repeat;transform: translate(-50%, -70%) rotate(-5deg); top: -30px; left: 150px; left: calc(164px + 2% ); /* border-radius: 100%; box-shadow: 0px 0px 100px rgba(255, 255, 255, 1); */}

.introImage{position: relative;width: 100%;}

.content{padding: 0 2% 175px 2%; position: relative;}
.content.noImage{margin-top: 160px;}

.content.s-termin{padding-top: 70px;}

.content .introduction{margin-bottom: 50px;}
.content .introduction h1{text-align: center;margin-bottom: 0.5em;margin: auto 10%;line-height: 1.2em;}
.content .introduction p,
.content .introduction ul,
.content .introduction ol{text-align: center;margin: 1.5em 10% auto 10%;/* -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;-webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; */}
.content .introduction ul,
.content .introduction ol{text-align: left;}
.content .introduction ul ul{list-style-type: square;}

/* .content .introduction p{width: 40%; float: left; margin-left: 10%;} */

.content .contact ul{padding: 30px 0 30px 150px;}
.content .view.contact ul li{padding-left: 2.5rem; margin-bottom: 15px;}
.content .contact ul li.num{background-image: url(/assets/frontend/icons/tel.svg); background-size: 26px;}
.content .contact ul li.mail{background-image: url(/assets/frontend/icons/mail.svg); background-size: 28px 26px;}
.content .contact ul li.fax{background-image: url(/assets/frontend/icons/fax.svg); background-size: 28px 26px;}
.content .contact ul li.form{background-image: url(/assets/frontend/icons/form.svg); background-size: 28px 26px;}
.content .contact ul li a{color: rgba(22,183,211,1); font-size: 25px; line-height: 34px; display: block; cursor: pointer;}
.content .contact ul li a:hover{color: rgba(127,200,219,1);}

.content .contactForm{height: 0; overflow: hidden;}
.content .contactForm .formelem{display: block; float: left; padding: 10px;}
.content .contactForm .formHalf{width: 50%;}
.content .contactForm .formFull{width: 100%;}
.content .contactForm .formThird{width: 33.333333333333%; width: calc(100% / 3);}
.content .contactForm .formQuarter{width: 25%;}
.content .contactForm input, .content .contactForm textarea{font: inherit;}
.g-recaptcha {display: block; float: left; margin-left: 10px;}

.bscyoungboys{display: none;}

.content .contactForm .formelem label{display: block; margin-bottom: 5px; font-size: 0.83em;}
.content .contactForm .formelem input, .content .contactForm .formelem textarea{display: block; width: 100%; color: #595959; padding: 5px; font-size: 0.83em; border: 1px solid #cccccc; box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); outline: none;}
.content .contactForm hr { float: left; width: 100%; border: none; margin: 25px 0; border-bottom: 1px solid #FFFFFF; }
.content .contactForm .formelem input[type=submit], .content .contactForm .formelem input[type=button]{display: block; width: 100%; background: #B1C800; border-color: transparent; cursor: pointer; color: white; transition: .5s;}
.content .contactForm .submit{float: none; clear: both; transition: .5s;}
.content .contactForm .submit:hover{opacity: 0.6;}

.content .view{position: relative;float: left;width: 63.829787234043%;margin-right: 4.255319148936%;}
.content .view h1{margin-bottom: 20px;}
.content .view ul{font-size: 0.83em;margin-bottom: 1em;line-height: 1.4em;list-style-type: none;}
.content .view ul li{padding-left: 15px;background-image: url('/assets/frontend/list.png');background-repeat: no-repeat;background-position: 0px 5px;margin-bottom: 0.1em;}

.content .view p a.dl:before{content: url(/assets/frontend/icons/download_icon.png);margin: 0 5px -3px 0;vertical-align: sub;} 

/* .content .view .border{position: relative;padding: 10px 1.666666666667% 5px 1.666666666667%;background-color: #FFFFFF;background-color: rgba(255, 255, 255, 1);background-image: -moz-linear-gradient(top, #FFFFFF 55%, #F0F0F0 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#FFFFFF), color-stop(100%,#F0F0F0));background-image: -webkit-linear-gradient(top, #FFFFFF 50%, #F0F0F0 100%);background-image: -o-linear-gradient(top, #FFFFFF 50%, #F0F0F0 100%);background-image: -ms-linear-gradient(top, #FFFFFF 50%, #F0F0F0 100%);background: linear-gradient(to bottom, #FFFFFF 50%, #F0F0F0 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F0F0F0',GradientType=0);border-radius: 15px;-webkit-border-radius: 15px;border: 3px solid #FFFFFF;-webkit-box-shadow: 0px 0px 6px 0px #DDDDDD;box-shadow: 0px 0px 6px 0px #DDDDDD;-webkit-transition: none;-moz-transition: none;transition: none;} */
.content .view .border{position: relative;padding: 10px 1.666666666667% 5px 1.666666666667%;background : -moz-linear-gradient(50% 100% 90deg,rgba(255, 255, 255, 1) 0%,rgba(245, 246, 244, 1) 100%);background : -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(255, 255, 255, 1) ),color-stop(1,rgba(245, 246, 244, 1) ));background : -o-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);background : -ms-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F5F6F4' ,GradientType=0)";background : linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);border-radius: 10px;-webkit-border-radius: 10px;border: 1px solid #FFFFFF;-webkit-box-shadow: 0px 0px 6px 0px #DDDDDD;box-shadow: 0px 0px 6px 0px #DDDDDD;-webkit-transition: none;-moz-transition: none;transition: none;}
.content .view .HalfWidth{float: left;width: 42.333333333333%;margin-right: 6.666666666667%;margin-bottom: 20px;margin-top: 20px;}

.content .view p{clear: both;}

.content .view figure.image{margin-bottom: 1em;}
.content .view figure.image img{margin-bottom: 0.3em;}
.content .view figure.image figcaption p{color: #a6a7a8;  font-family: 'asapitalic';}

/********** SIDENAV ********/

.content>.sideNavWrap, .multiSideNav{position: relative;float: right;width: 31.914893617021%; margin-top: 10px;}
 
.content .sideNavWrap .sideNav{z-index: 1; position: relative;float: left;width: 100%;padding: 30px 7.874015748031% 0 7.874015748031%;margin-bottom: 40px;background : -moz-linear-gradient(50% 100% 90deg,rgba(255, 255, 255, 1) 0%,rgba(245, 246, 244, 1) 100%);background : -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(255, 255, 255, 1) ),color-stop(1,rgba(245, 246, 244, 1) ));background : -o-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);background : -ms-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F5F6F4' ,GradientType=0)";background : linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);border-style : Solid;border-color : #FFFFFF;border-color : rgba(255, 255, 255, 1);border-width : 1px;border-radius : 10px;-moz-border-radius : 10px;-webkit-border-radius : 10px;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F6F4',endColorstr='#FFFFFF' , GradientType=0);-webkit-box-shadow: 0px 0px 6px 0px #DDDDDD;box-shadow: 0px 0px 6px 0px #DDDDDD;}
.content .sideNavWrap .sideNav img{position: absolute;top: -30px;left: -15px;width: 100px;}
.content .sideNavWrap .sideNav ul{font-weight: normal; font-size: 0.83rem; font-family: 'asapregular', Helvetica, sans-serif; list-style-type: none;margin-bottom: 1em;}
.content .sideNavWrap .sideNav ul li{border-bottom: 1px solid #FFFFFF;}
.content .sideNavWrap .sideNav ul li a{padding: 8px 0; display: block;}
.content .sideNavWrap .sideNav ul li a:hover{color: #585858;}
.content .sideNavWrap .sideNav ul li.active{border-bottom: 1px solid #FFFFFF;}
.content .sideNavWrap .sideNav ul li.active a{color: #a6a7a8;color: rgba(166, 167, 168, 1); pointer-events: none;}
.content .sideNavWrap .sideNav ul li ul{border-top: 1px solid #FFFFFF; margin: 0;}
.content .sideNavWrap .sideNav ul li ul li a{padding-left: 20px;}

/******** TABLE *********/

.content table{margin-bottom: 1em; border-spacing: 0; font-size: 0.85rem; min-width: 50%;}
.content table thead th{border-bottom: 1px solid black;}
.content table tr *{padding: 5px 10px;}
.content table tr *:first-child{padding-left: 0;}
.content table tr *:last-child{padding-right: 0;}

/******** IFRAMES / VIDEO **********/

.videoWrap{position: relative; width: 100%; padding-top: 56.25%;}
.videoWrap iframe{position: absolute; height: 100%; width: 100%; top: 0; left: 0;}

/********* WIDGETS *********/

.widgets{position: relative;margin-top: 40px; z-index: 1;}
.widgets article{position: relative;float: left;width: 30.4964539%; min-height: 200px;height: auto !important;height: 170px;margin-right: 4.255319148936%;padding: 30px 2% 0 2%;background : -moz-linear-gradient(50% 100% 90deg,rgba(255, 255, 255, 1) 0%,rgba(245, 246, 244, 1) 100%);background : -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(255, 255, 255, 1) ),color-stop(1,rgba(245, 246, 244, 1) ));background : -o-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);background : -ms-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F5F6F4' ,GradientType=0)";background : linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);border-radius: 10px;-webkit-border-radius: 10px;border: 1px solid #FFFFFF;-webkit-box-shadow: 0px 0px 6px 0px #DDDDDD;box-shadow: 0px 0px 6px 0px #DDDDDD;-webkit-transition: none;-moz-transition: none;transition: none;}
.widgets article:nth-of-type(3n+3){margin-right: 0;}
.widgets article a{color: #595959;color: rgba(89, 89, 89, 1);text-decoration: none;}
.widgets article a:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.widgets article img{position: absolute;top: -30px;left: -15px;width: 100px;-webkit-transition: -webkit-transform 0.2s ease-in-out;-moz-transition: -moz-transform 0.2s ease-in-out;transition: transform 0.2s ease-in-out;}
.widgets article span{color: #A9A9A9;color: rgba(169, 169, 169, 1);padding-left: 3px;/* background: url("/images/interface/icons/read-on_icon.png") no-repeat 0 1px; */}

.widgets article:nth-child(n+4){margin-top: 40px;}

.page-homepage .view.widgets, .page-homepage .sideNavWrap{margin-top: 0;}
.page-homepage .view.widgets article,.page-homepage .view.widgets article:nth-of-type(3n+3){width: 46.666666666667%; margin-right: 6.666666666666%;}
.page-homepage .view.widgets article:nth-of-type(2n+2){margin-right: 0;}
.page-homepage .view.widgets article:nth-child(n+3){margin-top: 40px;}

/********** SBB *********/

.sbb{position: relative;float: left;clear: left;padding: 10px 1.666666666667% 5px 1.666666666667%;width: 63.829787234043%;margin-top: 40px;text-align: right;background-color: #FFFFFF;background-color: rgba(255, 255, 255, 1);background-image: -moz-linear-gradient(top, #FFFFFF 55%, #F0F0F0 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#FFFFFF), color-stop(100%,#F0F0F0));background-image: -webkit-linear-gradient(top, #FFFFFF 50%, #F0F0F0 100%);background-image: -o-linear-gradient(top, #FFFFFF 50%, #F0F0F0 100%);background-image: -ms-linear-gradient(top, #FFFFFF 50%, #F0F0F0 100%);background: linear-gradient(to bottom, #FFFFFF 50%, #F0F0F0 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F0F0F0',GradientType=0);border-radius: 15px;-webkit-border-radius: 15px;border: 3px solid #FFFFFF;-webkit-box-shadow: 0px 0px 6px 0px #DDDDDD;box-shadow: 0px 0px 6px 0px #DDDDDD;}
.sbb h3{width: 100%;background-color: #DDDDDD;padding: 2px 0px 2px 5px;margin: 0;height: 19px;text-align: left;clear: both;}
.sbb table{width: 100%;margin: 4px;}
.sbb table tr *{padding: 0;}

.sbbMobile{display: none;}

/******** GOOGLE MAPS ******/

.googleMaps{width: 125%; height: 600px; top: -60px; bottom: -60px; margin-bottom: -235px; position: relative; left: 50%; transform: translateX(-50%); overflow: hidden;}
.googleMask{width: 100%; height: 100%; position: relative; transform: rotate(-6deg)  scale(1.05); transform-origin: top right; border-radius: 170px 120px 0 0 / 123px 0 0 0; overflow: hidden;}
.googleMaps iframe{width: 100%; height: 100%; height: 600px; transform: rotate(6deg) scale(0.95238095238095); transform-origin: top right;}
.googleOverlay{position: absolute; width: 100%; height: 100%; text-align: center; top: 0; background: rgba(0,0,0,0.4); opacity: 0; transition: opacity .5s; cursor: pointer;}
.googleOverlay span{transform: rotate(6deg) translateY(-50%); display: block; position: relative; top: 25%; color: white;}
.googleOverlay:hover{opacity: 1;}

.googleMaps{width: 100vw;}

/******** TEAM ***********/

.team{float: left; width: 63.829787234043%;margin-right: 4.255319148936%;}
.team .member{width: 33.33333333%; display: block; padding-bottom: 90px; color: #585858; position: relative; float: left;}
.team .member figure{ overflow: hidden;position: relative; z-index: 1; background : -moz-linear-gradient(50% 100% 90deg,rgba(255, 255, 255, 1) 0%,rgba(245, 246, 244, 1) 100%);background : -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(255, 255, 255, 1) ),color-stop(1,rgba(245, 246, 244, 1) ));background : -o-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);background : -ms-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F5F6F4' ,GradientType=0)";background : linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);border-style : Solid;border-color : #FFFFFF;border-color : rgba(255, 255, 255, 1);border-width : 1px;border-radius : 10px;-moz-border-radius : 10px;-webkit-border-radius : 10px;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F6F4',endColorstr='#FFFFFF' , GradientType=0);}
.team .member p{font-size: 0.7rem; line-height: 1.6; position: relative; z-index: 1; height: 0;}
.team .member p strong{font-size: 0.83rem;}
.team .member:before, .team .member:after{content: " "; font-size: 0; width: 100%; position: absolute; bottom: 7px; left: -15px; display: block; min-height: 10px; background-repeat: no-repeat; height: 100%; background-position: bottom left; background-size: contain;}
.team .member:before{background-image: url(/assets/frontend/profile_bg_2.svg);}
.team .member:after{background-image: url(/assets/frontend/profile_bg_2-hover.svg); opacity: 0; transition: .5s; }
.team .member:hover:after{opacity: 1;}

.team .member:nth-child(3n-2){padding-right: 20px;}
.team .member:nth-child(3n-1){padding-left: 10px; padding-right: 10px;}
.team .member:nth-child(3n){padding-left: 20px;}

.team .member:nth-child(3n-1):before, .team .member:nth-child(3n-1):after{left: -5px;}
.team .member:nth-child(3n):before, .team .member:nth-child(3n):after{left: 5px;}
/*
.team .member:nth-child(2n){padding-left: 15px;}
.team .member:nth-child(2n+1){padding-right: 15px;}
*/
/* .team .member:nth-child(2n):before, .team .member:nth-child(2n):after{left: -10px;} */
.team .member:nth-child(2n):before{ background-image: url(/assets/frontend/profile_bg_1.svg);}
.team .member:nth-child(2n):after{background-image: url(/assets/frontend/profile_bg_1-hover.svg);}

/******** PROFILE ********/

.profile{position: relative;}

.content .profile h1{margin-bottom: 0; line-height: 1; position: relative;}
.profile h2{font-size: 0.9rem; margin-top: 5px; position: relative;}
.profile figure{width: 66.6666666%;margin-bottom: 10px; background : -moz-linear-gradient(50% 100% 90deg,rgba(255, 255, 255, 1) 0%,rgba(245, 246, 244, 1) 100%);background : -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(255, 255, 255, 1) ),color-stop(1,rgba(245, 246, 244, 1) ));background : -o-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);background : -ms-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F5F6F4' ,GradientType=0)";background : linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);border-style : Solid;border-color : #FFFFFF;border-color : rgba(255, 255, 255, 1);border-width : 2px;border-radius : 10px;-moz-border-radius : 10px;-webkit-border-radius : 10px;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F6F4',endColorstr='#FFFFFF' , GradientType=0);}

.profile:before{content: url(/assets/frontend/profile_bg_2.svg); transform: scaleY(-1); display: block; position: absolute; margin-top: -10%; left: -50px; width: 90%;}

.profile .leftCol, .profile .rightCol{width: 50%; float: left; padding-top: 1rem;}
.profile .leftCol{padding-right: 20px;}
.profile .rightCol{padding-left: 20px;}

.profile .langChar{width: 30%; width: calc(100% / 3 - (60px / 3)); margin-right: 3%; margin-right: calc(30px); margin-top: 15px; float: left; display: block; text-align: center;}
.profile .langChar:nth-of-type(3n){margin-right:0;}
.profile .langChar p{margin: 15px 0 0;}

.circleChar{width: 100%; padding-top: 100%; position: relative;}
.circleChar .circleTile{width: 100%; height: 100%; border: 3px solid white; border-radius: 100%; position: absolute; top: 0; left: 0;}

.circleChar .rightTile, .circleChar .leftTile{width: 50%; height: 100%; top: 0; position: absolute; overflow: hidden; -webkit-animation: rotate 1s linear backwards; animation: rotate 1s linear backwards;-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
.circleChar .rightTile{left: 0; transform-origin: right center;}
.circleChar .leftTile{right: 0; transform-origin: left center;  -webkit-animation-delay: 1s; animation-delay: 1s;}

.circleChar .rightTile .circleBar, .circleChar .leftTile .circleBar{width: 100%; height: 100%; border: 3px solid #a6a7a8;  position: absolute; display: block; animation-timing-function: linear; -webkit-animation: rotate 1s linear backwards; animation: rotate 1s linear backwards;}
.circleChar .rightTile .circleBar{border-radius: 0 100% 100% 0 / 0 50% 50% 0; border-left-width: 0; left: 100%; transform-origin: left center;}
.circleChar .leftTile .circleBar{border-radius: 100% 0 0 100% / 50% 0 0 50%; border-right-width: 0; right: 100%; transform-origin: right center; -webkit-animation-delay: 1s; animation-delay: 1s;}

.progress-circle{position: absolute; top:0; left: 0; height: 100%; width: 100%;}
.progress-circle .inner{fill: none; stroke: white; stroke-width: 3;}
.progress-circle .outer{fill: none; stroke: #a6a7a8; stroke-width: 3; transition: 1s; stroke-dasharray: 314; stroke-dashoffset: 314; transform-origin: center; -webkit-animation: dash 2s linear; animation: dash 2s linear;}
.progress-circle:hover .outer{stroke: #b0c801; -webkit-animation-name: dash, dash; animation-name: dash1, dash;}

@keyframes dash {
  from {
    stroke-dashoffset: 314;
  }
}

.profile .timepoint{border-left: 2px solid #F5F6F4; padding-bottom: 1rem; padding-left: 20px; margin-left: -20px; position: relative;}
.profile .timepoint:before{content: " "; font-size: 0; width: 10px; height: 10px; border-radius: 100%; background: #F5F6F4; display: block; position: absolute; left: -6px;}
.profile .timepoint:last-child{padding-bottom: 0;}
.profile .timepoint h4{font-family: 'asapitalic'; font-size: 0.83rem; color: #a6a7a8; font-weight: normal;}
.profile .timepoint p:last-child{margin-bottom: 0;}



@keyframes rotate{
	0%{transform: rotate(0deg);}
}

@keyframes rotate2{
	0%, 50%{transform: rotate(0deg);}
}

.xAccordionTitle{cursor: pointer;}
.xAccordionTitle:before{/* content: "\25B6"; */content: "+"; display: inline-block; margin-right: 10px; vertical-align: text-top; line-height: 1; width: 15px;}
.open .xAccordionTitle:before{/* content: "\25BC"; */content: "-";}
.xAccordionContent p:last-child{margin-bottom: 1em;}

/********** TRAITEMENT ********/

.traitement .leftCol, .traitement .rightCol{width: 50%; float: left;}
.traitement .leftCol{padding-right: 25px;}
.traitement .rightCol{padding-left: 25px;}
.traitement .widget{position: relative; display: block; color: inherit; margin-bottom: 50px; padding: 30px 2% 15px 2%;background : -moz-linear-gradient(50% 100% 90deg,rgba(255, 255, 255, 1) 0%,rgba(245, 246, 244, 1) 100%);background : -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(255, 255, 255, 1) ),color-stop(1,rgba(245, 246, 244, 1) ));background : -o-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);background : -ms-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F5F6F4' ,GradientType=0)";background : linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);border-radius: 10px;-webkit-border-radius: 10px;border: 1px solid #FFFFFF;-webkit-box-shadow: 0px 0px 6px 0px #DDDDDD;box-shadow: 0px 0px 6px 0px #DDDDDD;}
.traitement .widget:before{content: " "; background-image: url(/assets/frontend/icons/icon_cross-light.svg); background-repeat: no-repeat; background-size: 100% auto; position: absolute;top: -30px;left: -15px;width: 100px; height: 60px; /* -webkit-transition: background-image 0.2s ease-in-out;transition: background-image 0.2s ease-in-out; */}
.traitement .widget *{transition: .5s;}

.traitement .leftCol:hover .widget:before{background-image: url(/assets/frontend/icons/icon_cross-lighter.svg);}
.traitement .leftCol:hover .widget *{opacity: 0.6;}
.traitement .leftCol .widget:hover:before{background-image: url(/assets/frontend/icons/icon_cross.svg);}
.traitement .leftCol .widget:hover *{opacity: 1;}

.traitement .offer{padding: 30px 2% 0 2%; position: relative; background : -moz-linear-gradient(50% 100% 90deg,rgba(255, 255, 255, 1) 0%,rgba(245, 246, 244, 1) 100%);background : -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(255, 255, 255, 1) ),color-stop(1,rgba(245, 246, 244, 1) ));background : -o-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);background : -ms-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F5F6F4' ,GradientType=0)";background : linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(245, 246, 244, 1) 100%);border-radius: 10px;-webkit-border-radius: 10px;border: 1px solid #FFFFFF;-webkit-box-shadow: 0px 0px 6px 0px #DDDDDD;box-shadow: 0px 0px 6px 0px #DDDDDD;}
.traitement .offer:before{content: " "; background-image: url(/assets/frontend/icons/icon_arrow.svg); background-repeat: no-repeat; background-size: 100% auto; position: absolute;top: -30px;left: -15px;width: 100px; height: 60px; -webkit-transition: background-image 0.2s ease-in-out;transition: background-image 0.2s ease-in-out;}
.traitement .offer a{color: inherit; padding: 15px 0; display: block; border-bottom: 1px solid white;}
.traitement .offer a h3{font-size: 0.83rem; color: #b0c801; font-weight: normal; font-family: inherit;}
.traitement .offer a:hover h3{color: #A6A7A8;}

/******** MEETING *********/

#meeting{position: fixed; width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; top: 0; left:0; padding: 50px; background: rgba(255, 255, 255,0.8); display: none; z-index: 100000;}
#meeting .closeMeeting{display: block; width: 50px; height: 50px; background: #afc701; border-radius: 100%; position: absolute; right: 10px; top: 10px; cursor: pointer;}
#meeting .closeMeeting:before, #meeting .closeMeeting:after{content: " "; font-size: 0; width: 30px; height: 2px; position: absolute; top: 50%; right: 50%; background: white; display: block; transform-origin: center center; transition: .5s;}
#meeting .closeMeeting:before{-webkit-transform: translate(-50%) rotate(45deg);-ms-transform: translate(-50%) rotate(45deg);transform: translate(50%) rotate(45deg);}
#meeting .closeMeeting:after{-webkit-transform: translate(-50%) rotate(-45deg);-ms-transform: translate(-50%) rotate(-45deg);transform: translate(50%) rotate(-45deg);}

#meeting .meetingWrap{position: relative; background : #FFFFFF; box-shadow : 0px 0px 3px rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000000'); height: 100%; overflow: auto; padding: 70px 50px 50px; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); transition: transform 1s;}

#meeting .closeMeeting:hover:before, #meeting .closeMeeting:hover:after{opacity: 0.8;}
#meeting .closeMeeting:hover:before{-webkit-transform: translate(-50%) rotate(135deg);-ms-transform: translate(-50%) rotate(135deg);transform: translate(50%) rotate(135deg);}
#meeting .closeMeeting:hover:after{-webkit-transform: translate(-50%) rotate(45deg);-ms-transform: translate(-50%) rotate(45deg);transform: translate(50%) rotate(45deg);}

.mw-content, .mw-page-wrap{min-width: 0;}

/******** FOOTER ********/

.mainFooter{position: absolute;bottom: 0;/* margin-left: 2.040816326531%; */width: 480px;height: 150px;}
.mainFooter .footer-canvas{position: absolute;left: 0;bottom: 0;top: 0;width: 100%;height: 100%;height: auto !important;min-height: 100%;overflow: hidden;}
.mainFooter p{position: relative; font-size: 0.75em; font-family: 'asapregular', Helvetica, sans-serif;color: #A9A9A9;color: rgba(169, 169, 169, 1);margin: 50px 0 0 5.5%;line-height: 1.7em;}

/******* Misc *******/



.cf:after{content: "."; font-size: 0; line-height: 0; clear: both; display: block; visibility: hidden; opacity: 0;}