body { background: white; margin: 0; padding: 0; font-family: 'campton_book', arial, serif; font-size: 16px; -webkit-font-smoothing: antialiased; color: #141414; }
form, fieldset { margin: 0; padding: 0; border: none; }
input, select, textarea { font-family: campton_book, serif; font-size: 14px; color: #2e2e2e; resize: none; }
input:focus, select:focus, textarea:focus { outline: none; }
input[type=text], input[type=password], input[type=submit], input[type=button], input[type=email], input[type=number], input[type=tel], textarea { -webkit-appearance: none; }
input[type=password] { font-family: arial, sans-serif !important; }
table { border-spacing: 0; }
td, th { padding: 0; }
img { vertical-align: bottom; }
a img { border: none; }
a { text-decoration: none; color: #141414; }
a:hover { text-decoration: none; }
.none { display: none; }
.clear { clear: both; }
.columns {width: 100%; display: inline-block; vertical-align: bottom; }
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-text-size-adjust: none; text-size-adjust: none; -moz-text-size-adjust: none; }

header { float: left; position: relative; z-index: 2; background-color: #ad9c82; width: 240px; }
section { border-left: 240px solid #ad9c82; padding: 0 40px 1px 40px; }
section::after {content: " "; clear: both; display: block; }
section:after {content: " "; clear: both; display: block; }
aside {border-left: 240px solid #ad9c82; }
footer {border-left: 240px solid #ad9c82; background-color: #141414; font-size: 12px; color: white; padding: 45px 40px; font-size: 12px; overflow: hidden; }
footer .copyright { float: left; font-weight: bold; }
footer .project { float: right; }
footer .project a { font-weight: bold; color: white; }

.logo { padding: 50px 0 0 50px;  margin: 0; }
.logo a {display: block; background: transparent url(../images/logo.png) no-repeat; text-indent: -10000px; width: 140px; height: 138px; }
.link-menu { display: none; }
#menu {padding: 40px 50px; }
#menu ul { list-style-type: none; margin: 0; padding: 0; }
#menu ul li { font-size: 18px; font-weight: bold; }
#menu ul li a { transition: all 0.6s; left:0;  padding: 4px 0 4px 30px; line-height: 22px; display: block; position: relative; }
#menu ul li a::before { transition: all 0.6s; content: " "; background-color: #141414; height: 2px; width: 15px; left: 0; top: 14px; position: absolute; }
#menu ul li a:before { transition: all 0.6s; content: " "; background-color: #141414; height: 2px; width: 15px; left: 0; top: 14px; position: absolute; }
#menu ul li a:hover { left: 10px; }
#menu ul li a:hover::before { left: -10px; width: 25px; }
#menu ul li a:hover:before { left: -10px; width: 25px; }
#menu ul li.active a { left: 10px; }
#menu ul li.active a::before { left: -10px; width: 25px; }
#menu ul li.active a:before { left: -10px; width: 25px; }

.filter { padding: 0 50px; }
.filter .box-title { font-size: 22px; font-weight: bold; }
.filter .box-title { display: block; }
.filter .note { font-size: 10px; font-weight: bold; padding-top: 27px; text-transform:uppercase; padding-bottom: 10px; }
.filter .filter-group { border-top: 4px solid black; overflow: hidden; }
.filter .filter-group.active .calendar, .filter .filter-group.active .list { display: block; }
.filter .filter-title { font-size: 18px; font-weight: bold; padding: 5px 0 25px 0; }
.filter .filter-title a {  display: block; background: transparent url(../images/expand.png) no-repeat right center; }
.filter .filter-group .list { list-style-type: none; margin: 5px 0 0 0; display: none; border-top: 1px solid black;  padding: 8px 0 10px 0; position: relaive; line-height: 19px; }
.filter .filter-group .list a { transition: all 0.6s; left:0; display: block; padding: 3px 0 3px 20px; position: relative; font-weight: bold; }
.filter .filter-group .list a::before { transition: all 0.6s; content: " "; background-color: #141414; height: 2px; width: 15px; left: 0; top: 12px; position: absolute; }
.filter .filter-group .list a:before { transition: all 0.6s; content: " "; background-color: #141414; height: 2px; width: 15px; left: 0; top: 12px; position: absolute; }
.filter .filter-group .list a:hover { left: 10px; }
.filter .filter-group .list a:hover::before { left: -10px; width: 25px; }
.filter .filter-group .list a:hover:before { left: -10px; width: 25px; }
.filter .calendar { list-style-type: none; margin: 5px -10px 0 -10px; display: none; padding: 15px 0; border-top: 1px solid black; position: relative; overflow: hidden; }
.filter .calendar li {float: left; width: 33%; margin-bottom: 10px; font-size: 10px; font-weight: bold; position: relative; text-transform: uppercase; }
.filter .calendar li:before { content: " "; position: absolute; background-color: black; width: 3px; left: -3px; top: 30%; height: 3px; border-radius: 3px; }
.filter .calendar li a { display: block; text-align: center; }
.filter .calendar li strong {display: block; font-size: 20px; }
.filter .download { font-size: 14px; font-weight: bold; padding-top: 25px; }
.filter .download a { padding-left: 31px;  display: block; background: transparent url(../images/download.png) no-repeat left center; line-height: 25px; }

.moveup { position: fixed; width: 42px; height: 42px; left: 90px; top: 80px; display: none; }
.moveup a {display: block; height: 42px; text-indent: -10000px; background: transparent url(../images/arrowup.png) no-repeat center; }
.tool-bar { overflow: hidden; border-bottom: 4px solid black; padding: 64px 0 0 0; }
.tool-bar .date { float: left; padding: 4px 20px 0 20px; overflow: hidden; max-width: 60%; height: 50px; line-height: 46px; background-color: #222222; color: white; font-size: 24px; }
.tool-bar .date strong { font-size: 36px; font-weight: normal; }
.social { text-align: right; list-style-type: none; margin: 0; padding: 0; }
.social li { display: inline-block; text-align:left; }
.social li a {display: block; width: 29px; line-height: 28px; background-color: black; text-indent: -10000px;  }
.social li.facebook a {background: black url(../images/fb.png) no-repeat center; }
.social li.instagram a {background: black url(../images/instagram.png) no-repeat center; }
.social li.vimeo a {background: black url(../images/vimeo.png) no-repeat center; }
.social li.en a { text-indent: initial; color: #fff; text-align: center; font-weight: bold; font-size: 14px; }
.social li.email a {background: black url(../images/email.png) no-repeat center; }
.social li.twitter a {background: black url(../images/twitter.png) no-repeat center; }
.social li.google a {background: black url(../images/google.png) no-repeat center; }

h1 { font-size: 60px; line-height: 60px; margin: 50px 0 35px 0; }

.news-list { margin-left: -15px; margin-right: -15px; padding: 15px 0; }
.news-list ol { list-style-type: none; margin: 0; padding: 0; display: inline-block; width: 100%; padding: 0; vertical-align: bottom; }
.news-list li {float: left; width: 33.3%; overflow: hidden; padding: 15px;position: relative; }
.news-list li img {width: 100%; height: auto; transition: opacity 0.6s; }
.news-list li a.photo { display: block; background-color: black; }
.news-list li a.photo span { display: block; opacity: 0.7; transition: opacity 0.6s; }
.news-list li:hover a.photo span { opacity: 1; }
.news-list li a.title { font-weight: bold; font-size: 30px; color: white; line-height: 34px; position: absolute; left: 0; bottom: 0; max-width: 100%; padding: 30px; }

.register-form { padding-bottom: 40px; }
.register-form fieldset { max-width: 660px; }
.register-form .register-info { font-size: 24px; line-height: 30px; }
.register-form .back { font-size: 18px; font-weight: bold; margin-top: 15px; margin-bottom: 40px; }
.register-form .back a { padding-left: 20px; background: transparent url(../images/back.png) no-repeat 0 50%; }
.register-form .input-line { text-align: right; margin: 10px 0; }
.register-form .input-line label { float: left; text-align: left;  width: 180px; font-size: 18px;}
.register-form .input-line input { width: 66.6%; font-size: 14px; font-weight: normal;  }
.register-form .file-line { max-width: 630px; width: 66.6%; margin: 40px 0 55px auto; }
.register-form .file-line label { display: block; background: transparent url(../images/attach.png) no-repeat 25px 50%; border: 1px dashed black; padding: 40px; text-align:center; font-size: 14px; line-height: 16px;  }
.register-form .file-line label span { display: block; font-weight: bold; }
.register-form .file-line input { position: absolute; left: -10000px; }
.register-form .checkbox-line {font-size: 14px; line-height: 20px; padding-left: 30px; position: relative; max-width: 630px; margin: 20px 0; }
.register-form .checkbox-line .placeholder {position: absolute; left: 0; top: 3px; border: 1px solid black; width: 12px; height: 12px; }
.register-form .checkbox-line input { position: absolute; left: -10000px; }
.register-form .checkbox-line.active .placeholder { background: transparent url(../images/checkbox.png) no-repeat center; }
.register-form .required-info { font-weight: bold; padding-left: 30px; }
.register-form .submit { margin-top: 30px; text-align:center; }
.register-form .submit input {cursor:pointer; }

.photo-text {display: inline-block; width: 100%; vertical-align: bottom; }
.photo-text .slogan { margin-top: 20px; font-size: 24px; line-height: 32px; }
.photo-text div.photo { float: left; width: 33.3%; margin: 25px 0; padding-right: 15px; }
.photo-text div.photo .photo { position: relative; }
.photo-text div.photo img { width: 100%; height: auto; }
.photo-text div.photo time { position: absolute; max-width: 100%; bottom: -12px; left: 0; font-size:12px; font-weight: bold; color: black; background-color: white; padding: 5px 12px; line-height: 22px; }
.photo-text div.photo .add { float: left; margin: 0; padding-top: 22px; line-height: 28px; }
.photo-text div.photo .add a { display: block; padding-left: 40px; font-weight: bold; text-transform: uppercase; font-size: 12px; }
.photo-text .social { text-align: right; list-style-type: none; margin: 0; padding: 22px 0 0 0; }
.photo-text .social li {display: inline-block; }
.photo-text .social li a {display: block; width: 29px; line-height: 28px; background-color: #d3d3d3; }
.photo-text .text { margin-left: 33.3%; padding-left: 15px; font-size: 16px; line-height: 25px; }
.photo-text .big-text {font-size: 18px; margin-bottom: 60px; }
.photo-text .text .type {text-transform: uppercase; font-weight: 900; font-size: 12px; padding-left: 20px; position: relative; }
.photo-text .text .type::before {content: " "; background-color: #141414; height: 2px; width: 10px; left: 0; top: 12px; position: absolute; }
.photo-text .text .type:before {content: " "; background-color: #141414; height: 2px; width: 10px; left: 0; top: 12px; position: absolute; }
.photo-text .text a { text-decoration: underline; }
.photo-text .text a:hover { text-decoration: none; }
.photo-text .text p { margin: 25px 0; }

.prelegent-box h2 { border-bottom: 4px solid black; }
.prelegent-box h2 span {display: inline-block; color: white; background-color: black; position: relative; top: 4px; font-size: 12px; text-transform: uppercase; padding: 0 15px; line-height: 34px; }
.prelegent-box .list { list-style-type: none; margin: 0; padding: 0; }
.prelegent-box .list > li { overflow: hidden; padding-bottom: 40px; }
.prelegent-box div.photo { float: left; width: 33.3%; margin: 25px 0; padding-right: 15px; position: relative; }
.prelegent-box div.photo .photo { position: relative; }
.prelegent-box div.photo img { width: 100%; height: auto; }
.prelegent-box div.photo:hover h3 {background-color: #141414; color: white; }
.prelegent-box div.photo:hover h3 a {color: white;}
.prelegent-box div.photo h3 { position: absolute; left: 0; z-index: 1; bottom: -10px; background-color: white; padding: 5px 15px; color: #141414; text-transform: uppercase; font-size: 12px; font-weight: bold; }
.prelegent-box .text { margin-left: 33.3%; padding-left: 15px; font-size: 16px; line-height: 25px; padding-top: 25px; }
.prelegent-box .more { margin-top: 25px; text-transform: uppercase; font-weight: 900; font-size: 12px; }
.prelegent-box .more a { transition: all 0.6s; left:0; padding-left: 20px; position: relative; display: inline-block; } 
.prelegent-box .more a::before {  transition: all 0.6s; content: " "; background-color: #141414; height: 2px; width: 10px; left: 0px; top: 12px; position: absolute; }
.prelegent-box .more a:before {  transition: all 0.6s; content: " "; background-color: #141414; height: 2px; width: 10px; left: 0px; top: 12px; position: absolute; }
.prelegent-box .more a:hover { left: 10px; }
.prelegent-box .more a:hover::before { left: -10px; width: 20px; }
.prelegent-box .more a:hover:before { left: -10px; width: 20px; }

.prototype-box h2 { border-bottom: 4px solid black; }
.prototype-box h2 span {display: inline-block; color: white; background-color: black; position: relative; top: 4px; font-size: 12px; text-transform: uppercase; padding: 0 15px; line-height: 34px; }
.prototype-box .list { list-style-type: none; margin: 0; padding: 0; }
.prototype-box .list > li { overflow: hidden; padding: 40px 0; border-top: 1px solid #dddddd; }
.prototype-box h3 { font-size: 24px; line-height: 32px; padding-left: 15px; display: inline-block; max-width: 66% }
.prototype-box .photo { float: left; width: 33.3%; padding-right: 15px; position: relative; }
.prototype-box .photo img { width: 100%; height: auto; }
.prototype-box .desc { margin-left: 33.3%; padding-left: 15px; font-size: 16px; line-height: 25px; padding-top: 25px; }
.prototype-box .link { margin-left: 33.3%; margin-top: 25px; text-transform: uppercase; font-weight: 900; font-size: 12px; }
.prototype-box .link a { transition: all 0.6s; left:0; padding-left: 35px; position: relative;  }
.prototype-box .link a::before { transition: all 0.6s; content: " "; background-color: #141414; height: 2px; width: 10px; left: 15px; top: 8px; position: absolute; }
.prototype-box .link a:before { transition: all 0.6s; content: " "; background-color: #141414; height: 2px; width: 10px; left: 15px; top: 8px; position: absolute; }
.prototype-box .link a:hover { left: 10px; }
.prototype-box .link a:hover::before { left: 5px; width: 20px; }
.prototype-box .link a:hover:before { left: 5px; width: 20px; }



.fulltime-box h2 { border-bottom: 4px solid black; }
.fulltime-box h2 span {display: inline-block; color: white; background-color: black; position: relative; top: 4px; font-size: 12px; text-transform: uppercase; padding: 0 15px; line-height: 34px; }
.fulltime-box dl { }
.fulltime-box dt { font-weight: bold; font-size: 14px; line-height: 20px; float: left; width: 33.3%; border-top: 1px solid #dddddd; padding: 25px 0; }
.fulltime-box dt:first-of-type { border-top-width: 0; }
.fulltime-box dt time { margin-left: 10px; padding-left: 10px; display: inline-block; border-left: 3px solid black; }
.fulltime-box dd { margin-left: 33.3%; font-size: 16px; line-height: 25px; border-top: 1px solid #dddddd; padding: 25px 0 25px 15px; }
.fulltime-box dd:first-of-type { border-top-width: 0; }

.gallery-box h2 { border-bottom: 4px solid black; }
.gallery-box h2 span {display: inline-block; color: white; background-color: black; position: relative; top: 4px; font-size: 12px; text-transform: uppercase; padding: 0 15px; line-height: 34px; }
.gallery-box .nav { list-style-type: none; margin: 0; padding: 0; position: relative; }
.gallery-box .nav li.prev { position: absolute; left: 0; top: 40px; }
.gallery-box .nav li.prev a { text-indent: -10000px; display: block; width: 31px; height: 31px; background: transparent url(../images/prev.png) no-repeat center; }
.gallery-box .nav li.next { position: absolute; right: 0; top: 40px; }
.gallery-box .nav li.next a { text-indent: -10000px; display: block; width: 31px; height: 31px; background: transparent url(../images/next.png) no-repeat center; }
.gallery-container { width: 850px; overflow: hidden; margin: 0 auto; position: relative; }
.gallery-container ul { list-style-type: none; margin: 0; padding: 0; width: 10000px; position: relative; }
.gallery-container ul li { width: 190px; margin-right: 30px; float: left; }

.contact-box { float: left; width: 33.3%; }
.contact-box h2 { border-bottom: 4px solid black; }
.contact-box h2 span {display: inline-block; color: white; background-color: black; position: relative; top: 4px; font-size: 12px; text-transform: uppercase; padding: 0 15px; line-height: 34px; }
.contact-box p { font-size: 16px; line-height: 25px; margin: 25px 0; }
.contact-box ul {list-style-type: none; margin: 0; padding: 0; font-size: 16px; line-height: 25px; font-weight: bold; }
.contact-box ul li a { transition: all 0.6s; left:0; display: block; padding-left: 20px; position: relative; }
.contact-box ul li a::before { transition: all 0.6s; content: " "; background-color: #141414; height: 2px; width: 10px; left: 0; top: 14px; position: absolute; }
.contact-box ul li a:before { transition: all 0.6s; content: " "; background-color: #141414; height: 2px; width: 10px; left: 0; top: 14px; position: absolute; }
.contact-box ul li a:hover { left: 10px; }
.contact-box ul li a:hover::before { left: -10px; width: 20px; }
.contact-box ul li a:hover:before { left: -10px; width: 20px; }



.bigmap-box { margin-left: 33.3%; padding-left: 30px; }
.bigmap-box h2 { border-bottom: 4px solid black; }
.bigmap-box h2 span {display: inline-block; color: white; background-color: black; position: relative; top: 4px; font-size: 12px; text-transform: uppercase; padding: 0 15px; line-height: 34px; }
#map { height: 270px; width: auto; margin: 25px 0; }


.team-box { padding-bottom: 40px; }
.team-box h2 { border-bottom: 4px solid black; margin-bottom: 25px; }
.team-box h2 span {display: inline-block; color: white; background-color: black; position: relative; top: 4px; font-size: 12px; text-transform: uppercase; padding: 0 15px; line-height: 34px; }
.team-box h3 { font-size: 30px; float: left; width: 33.3%; }
.team-box ul { list-style-type: none; margin-left: 33.3%; padding-left: 15px; margin-right: -15px; line-height: 25px; overflow: hidden; }
.team-box ul li { display: inline-block; vertical-align: top; width: 49.5%; font-size: 16px; padding: 0 15px; margin-bottom: 25px; }
.team-box ul li strong { font-size: 14px; text-transform: uppercase; }
.team-box ul li a:hover { text-decoration: underline; }
.team-box ul.full-width { margin-left: -15px; padding-left: 0; }
.team-box ul.full-width li {width: 33%; float: left; margin-bottom: 26px; }

.download-box { padding-bottom: 40px; }
.download-box h2 { border-bottom: 4px solid black; margin-bottom: 25px; }
.download-box h2 span {display: inline-block; color: white; background-color: black; position: relative; top: 4px; font-size: 12px; text-transform: uppercase; padding: 0 15px; line-height: 34px; }
.download-box .list { list-style-type: none; margin: 0; padding: 0; line-height: 20px;}
.download-box .list li {display: inline; font-size: 14px; font-weight: bold; padding: 0 20px; border-left: 2px solid black; }
.download-box .list li:first-child { border-left-width: 0; padding-left: 10px; }
.download-box .list a:hover { text-decoration: underline; }

.previous-box { padding-bottom: 40px; }
.previous-box h2 { border-bottom: 4px solid black; margin-bottom: 25px; }
.previous-box h2 span {display: inline-block; color: white; background-color: black; position: relative; top: 4px; font-size: 12px; text-transform: uppercase; padding: 0 15px; line-height: 34px; }
.previous-box .list { list-style-type: none; margin: 0 -15px; padding: 0; overflow: hidden; }
.previous-box .list li { float: left; width: 33.3%; padding: 0 15px; }
.previous-box .list li a { display: block; text-align:center; color: white; font-size: 30px; line-height: 110px; }
.previous-box .list li.item2015 a {background: transparent url(../images/2015.jpg) no-repeat center; background-size: cover; }
.previous-box .list li.item2014 a {background: transparent url(../images/2014.jpg) no-repeat center; background-size: cover; }
.previous-box .list li.item2013 a {background: transparent url(../images/2013.jpg) no-repeat center; background-size: cover; }
.previous-box .list li.item2012 a {background: transparent url(../images/2012.jpg) no-repeat center; background-size: cover; }

.location-box { padding-bottom: 40px; }
.location-box h2 { border-bottom: 4px solid black; margin-bottom: 25px; }
.location-box h2 span {display: inline-block; color: white; background-color: black; position: relative; top: 4px; font-size: 12px; text-transform: uppercase; padding: 0 15px; line-height: 34px; }
.location-box h3 { font-size: 30px; float: left; width: 33.3%; }
.location-box ul { list-style-type: none; margin-left: 33.3%; margin-right: -15px; padding-left: 15px; line-height: 25px; }
.location-box ul li { display: inline-block; vertical-align: top; margin-bottom: 20px; padding: 0 15px; width: 49.5%; font-size: 16px; }
.location-box ul.list li { margin-bottom: 45px; }
.location-box ul li .photo { margin-bottom: 15px; }
.location-box ul li .photo img {width: 100%; height: auto; }
.location-box ul li strong { font-size: 14px; display: block; text-transform: uppercase; }
.location-box ul.links .title { font-size: 14px; display: block; text-transform: uppercase; font-weight: bold; }
.location-box ul.links .more { transition: all 0.6s; left:0; display: block; font-size: 14px; padding-left: 20px; position: relative; }
.location-box ul.links .more::before { transition: all 0.6s;  content: " "; background-color: #141414; height: 1px; width: 10px; left: 0; top: 12px; position: absolute; }
.location-box ul.links .more:before { transition: all 0.6s;  content: " "; background-color: #141414; height: 1px; width: 10px; left: 0; top: 12px; position: absolute; }
.location-box ul.links .more:hover { left: 10px; }
.location-box ul.links .more:hover::before { left: -10px; width: 20px; }
.location-box ul.links .more:hover:before { left: -10px; width: 20px; }



.transport-box { padding-bottom: 40px; }
.transport-box h2 { border-bottom: 4px solid black; margin-bottom: 25px; }
.transport-box h2 span {display: inline-block; color: white; background-color: black; position: relative; top: 4px; font-size: 12px; text-transform: uppercase; padding: 0 15px; line-height: 34px; }
.transport-box h3 { font-size: 30px; float: left; width: 33.3%; }
.transport-box dl { list-style-type: none; margin-left: 33.3%; padding-left: 30px; line-height: 25px; }
.transport-box p {font-size: 18px; line-height: 25px; margin-bottom: 25px; font-weight: bold; margin-left: 33.3%; padding-left: 30px; }
.transport-box dl { font-size: 16px; line-height: 25px; }
.transport-box dt { font-weight: bold; }
.transport-box dd { margin-left: 0; padding-left: 35px; background: transparent url(../images/smallarrow1.png) no-repeat 10px 50%; }

.gallery-box { padding-bottom: 40px; }
.gallery-box h2 { border-bottom: 4px solid black; margin-bottom: 40px; }
.gallery-box h2 span {display: inline-block; color: white; background-color: black; position: relative; top: 4px; font-size: 12px; text-transform: uppercase; padding: 0 15px; line-height: 34px; }
.gallery-container { }

.steps-box { font-size: 18px; line-height: 25px; font-weight: bold; overflow: hidden; padding-bottom: 50px; padding-top: 40px; }
.steps-box ol { list-style-type: none; margin: 0; padding: 0 0 10px 0; overflow: hidden;  }
.steps-box ol li { float: left; width: 33.3%; padding-right: 100px; padding-left: 50px; padding-top: 90px; position: relative; }
.steps-box ol li.step1 { background: transparent url(../images/step1.png) no-repeat 50px 20px; }
.steps-box ol li.step2 { background: transparent url(../images/step2.png) no-repeat 40px 20px; }
.steps-box ol li.step2::before { content: " "; position: absolute; width: 42px; height: 21px; background: transparent url(../images/arrow.png) no-repeat; left: -25%; top: 40px; }
.steps-box ol li.step2:before { content: " "; position: absolute; width: 42px; height: 21px; background: transparent url(../images/arrow.png) no-repeat; left: -25%; top: 40px; }
.steps-box ol li.step3 { background: transparent url(../images/step3.png) no-repeat 50px 20px; }
.steps-box ol li.step3::before { content: " "; position: absolute; width: 42px; height: 21px; background: transparent url(../images/arrow.png) no-repeat; left: -25%; top: 40px; }
.steps-box ol li.step3:before { content: " "; position: absolute; width: 42px; height: 21px; background: transparent url(../images/arrow.png) no-repeat; left: -25%; top: 40px; }

.big-text { font-size: 24px; line-height: 32px; }
.big-text p { margin: 0 0 32px 0; }
.big-text p.link a { transition: all 0.6s; left:0; display: block; padding-left: 20px; position: relative; font-weight: bold; }
.big-text p.link a::before { transition: all 0.6s; content: " "; background-color: #141414; height: 2px; width: 10px; left: 0; top: 15px; position: absolute; }
.big-text p.link a:before { transition: all 0.6s; content: " "; background-color: #141414; height: 2px; width: 10px; left: 0; top: 15px; position: absolute; }
.big-text p.link a:hover { left: 10px; }
.big-text p.link a:hover::before { left: -10px; width: 25px; }
.big-text p.link a:hover:before { left: -10px; width: 25px; }



.event-info { margin: 20px -15px 0 -15px; overflow: hidden; }
.event-info .box { float: left; padding: 0 15px; width: 33.3%; line-height: 25px; }
.event-info .box h2 { border-bottom: 4px solid black; margin-bottom: 25px; }
.event-info .box h2 span {display: inline-block; color: white; background-color: black; position: relative; top: 4px; font-size: 12px; text-transform: uppercase; padding: 0 15px; line-height: 34px; }
.event-info .box p {margin: 25px 0 0 0; }
.event-info .box p a:hover { text-decoration: underline; }
.event-info .pressroom-box dl { overflow: hidden; position: relative; padding-bottom: 25px;  }
.event-info .pressroom-box dt {float: left; width: 50%; }
.event-info .pressroom-box dd { position: absolute; top: 25px; left: 0; }
.event-info .pressroom-box dd.item2 { left: 50%; }
.event-info .map-box { padding-bottom: 30px; }
.event-info .map-box .map { height: 140px; }
.event-info .map-box p {background-color: white; position: relative;z-index: 100;  display: inline-block; font-size: 12px; line-height: 18px; margin-top: -40px; padding-top: 15px; padding-right: 20px; }
.event-info .time-box dl {font-size: 14px; font-weight: bold; margin-top: -30px; line-height: 22px; }
.event-info .time-box dl dt { float: left; padding: 20px 0 20px 10px; }
.event-info .time-box dl dd {border-top: 1px solid #dddddd; padding: 20px 0; }
.event-info .time-box dl dd:first-of-type { border-top-width: 0; }
.event-info .time-box dl dd span { display: block; margin-left: 75px; padding-left: 23px; border-left: 3px solid black; }
.event-info .register-box dl {overflow: hidden; margin-top: -10px; }
.event-info .register-box dt { width: 83px; font-weight: bold; text-align:center; margin-right: 15px; float: left; border-right: 3px solid black; font-size: 30px; }
.event-info .register-box dt span { font-size: 14px; display: block; }
.event-info .register-box dd { padding: 5px 0; margin-left: 0; font-size: 14px; line-height: 18px; text-align: right; }
.event-info .register-box dd strong {display: block; }
.event-info .register-box .link { padding: 15px 0; border-top: 1px solid #dddddd; }
.event-info .register-box .link a {  transition: all 0.6s; left:0; display: block; padding-left: 20px; position: relative; font-weight: 900; font-size: 12px; text-transform: uppercase; }
.event-info .register-box .link a::before { transition: all 0.6s;content: " "; background-color: #141414; height: 2px; width: 10px; left: 0; top: 12px; position: absolute; }
.event-info .register-box .link a:before { transition: all 0.6s;content: " "; background-color: #141414; height: 2px; width: 10px; left: 0; top: 12px; position: absolute; }
.event-info .register-box .link a:hover { left: 10px; }
.event-info .register-box .link a:hover::before { left: -10px; width: 20px; }
.event-info .register-box .link a:hover:before { left: -10px; width: 20px; }

.box-links-questions { list-style-type: none; margin: 50px -15px; padding: 0; overflow: hidden; }
.box-links-questions li { float: left; width: 33.3%; padding: 0 15px; }
.box-links-questions li a { background-color:#f0f0f0; padding: 20px 20px 20px 22px; border-left: 4px solid black; display: block; }
.box-links-questions li a strong { transition: all 0.6s; left:0;display: block; padding-left: 20px; font-size: 14px; position: relative; }
.box-links-questions li a strong::before { transition: all 0.6s;content: " "; background-color: #141414; height: 2px; width: 10px; left: 0; top: 10px; position: absolute; }
.box-links-questions li a strong:before { transition: all 0.6s;content: " "; background-color: #141414; height: 2px; width: 10px; left: 0; top: 10px; position: absolute; }
.box-links-questions li a:hover strong { left: 10px; }
.box-links-questions li a:hover strong::before { left: -10px; width: 20px; }
.box-links-questions li a:hover strong:before { left: -10px; width: 20px; }

.press-box { margin-bottom: 60px; overflow: hidden; }
.press-box h2 { border-bottom: 4px solid black; margin-bottom: 30px; }
.press-box h2 span {display: inline-block; color: white; background-color: black; position: relative; top: 4px; font-size: 12px; text-transform: uppercase; padding: 0 15px; line-height: 34px; }
.press-box h3 { font-size: 30px; line-height: 36px; float: left; width: 33.3%; }
.press-box .list { list-style-type: none; margin: 0 -15px 0 0; padding: 0; }
.press-box .list > li { float: left; width: 33.3%; padding: 0 15px; }
.press-box .list .item {background: #141414 url(../images/mapbox.png) no-repeat 50% 40px; background-size: 100% auto; padding: 30px; color: white; position: relative; }
.press-box .list .item::before {content: " "; position: absolute; right: 0; top: 0; width: 10px; height: 10px; background-color: black; border-left:7px solid white; border-bottom: 7px solid white; }
.press-box .list .item:before {content: " "; position: absolute; right: 0; top: 0; width: 10px; height: 10px; background-color: black; border-left:7px solid white; border-bottom: 7px solid white; }
.press-box .list h4 { font-size: 30px; }
.press-box .list p { font-size: 18px; line-height: 25px; }

.big-download-box { padding-bottom: 60px; overflow: hidden; }
.big-download-box h2 { border-bottom: 4px solid black; margin-bottom: 25px; }
.big-download-box h2 span {display: inline-block; color: white; background-color: black; position: relative; top: 4px; font-size: 12px; text-transform: uppercase; padding: 0 15px; line-height: 34px; }
.big-download-box h3 { font-size: 30px; line-height: 36px; float: left; width: 33.3%; }
.big-download-box .group { float: left; width: 33.3%; padding: 0 15px; }
.big-download-box .group h4 { font-size: 24px; margin-bottom: 25px; }
.big-download-box .group ul { list-style-type: none; margin: 0; padding: 0; }
.big-download-box .group ul a {transition: all 0.6s; left:0; display: block; padding-left: 20px; position: relative; font-weight: bold; line-height: 25px; }
.big-download-box .group ul a::before {  transition: all 0.6s; content: " "; background-color: #141414; height: 2px; width: 10px; left: 0; top: 12px; position: absolute; }
.big-download-box .group ul a:before {  transition: all 0.6s; content: " "; background-color: #141414; height: 2px; width: 10px; left: 0; top: 12px; position: absolute; }
.big-download-box .group ul a:hover { left: 10px; }
.big-download-box .group ul a:hover::before { left: -10px; width: 25px; }
.big-download-box .group ul a:hover:before { left: -10px; width: 25px; }

.my-text { width: 100%; display: inline-block; margin-bottom: 100px; vertical-align: bottom; }
.my-text .print { float: right; width: 33.3%; padding-left: 15px; }
.my-text .print a { transition: all 0.6s; background: #f0f0f0 url(../images/print.png) no-repeat 35px 50%; display: block; font-size: 18px; font-weight: bold; padding: 50px 20px 50px 100px; }
.my-text .print a:hover { background-color: #cccccc; }
.my-text .text { font-size: 24px; line-height: 32px;  }

.main-columns {margin: 0 -15px; overflow: hidden; }
.main-slider { float: left; width: 66.6%; margin: 30px 0; border-left: 15px solid white; height: 370px; border-right: 15px solid white; height: 370px; position: relative; background: #ad9c82 url(../images/mainbox.png) no-repeat; background-size: cover; }
.main-slider .list { list-style-type: none; margin: 0; padding: 0; }
.main-slider .list li {position: absolute; left: 0; top: 0; width: 100%; }
.main-slider .list li a { color: white; font-weight: bold;  display: block; height: 370px; padding: 310px 40px 0 40px; font-size: 14px; text-transform: uppercase; }
.main-slider .list li a span { font-size: 45px; line-height: 50px; position: absolute; left: 40px; text-transform: none; right: 40px; bottom: 90px; }

.main-slider .list li a strong { transition: all 0.6s; left:0;  padding: 4px 0 4px 30px; line-height: 22px; display: block; position: absolute; left: 40px; bottom: 20px; }
.main-slider .list li a strong::before { transition: all 0.6s; content: " "; background-color: white; height: 2px; width: 15px; left: 0; top: 14px; position: absolute; }
.main-slider .list li a strong:before { transition: all 0.6s; content: " "; background-color: white; height: 2px; width: 15px; left: 0; top: 14px; position: absolute; }
.main-slider .list li a strong:hover { left: 50px; }
.main-slider .list li a strong:hover::before { left: -10px; width: 25px; }
.main-slider .list li a strong:hover:before { left: -10px; width: 25px; }


.main-slider .nav { position: absolute; z-index: 1; left: 40px; top: 40px; list-style-type: none; margin: 0; padding: 0; }
.main-slider .nav li {float: left; margin-right: 4px; }
.main-slider .nav a { display: block; text-indent: -10000px; width: 10px; height: 10px; border: 2px solid white; border-radius: 10px; }
.main-slider .nav .active a { background-color: white; }

.box-map { float: left; width: 33.3%; padding: 30px 15px; }
.box-map a {display: block; color: white; background: #141414 url(../images/mapbox.png) no-repeat; position: relative; background-size: cover; height: 370px; }
.box-map a::before {content: " "; position: absolute; left: 40px; top: 40px;width: 69px; height: 99px; background: transparent url(../images/map.png) no-repeat; }
.box-map a:before {content: " "; position: absolute; left: 40px; top: 40px;width: 69px; height: 99px; background: transparent url(../images/map.png) no-repeat; }
.box-map a span {font-size: 30px; line-height: 36px; position: absolute; left: 40px; bottom: 40px; right: 40px; font-weight: bold; }

.main-text {margin: 50px 0 50px 0; }
.main-text h2 { font-size: 30px; line-height: 36px; float: left; width: 33.3%; }
.main-text .slogan { margin-left: 33.3%; padding-left: 30px; margin-bottom: 30px; font-size:24px; line-height: 30px; }
.main-text .desc { margin-left: 33.3%; padding-left: 30px; font-size: 16px; line-height: 25px;  }
.main-text .more { margin-top: 25px; margin-left: 33.3%; text-transform: uppercase; font-weight: 900; font-size: 12px; padding-left: 30px;  }
.main-text .more a { transition: all 0.6s; left:0; padding-left: 20px; position: relative; }
.main-text .more a::before { transition: all 0.6s; content: " "; background-color: #141414; height: 2px; width: 10px; left: 0px; top: 8px; position: absolute; }
.main-text .more a:before { transition: all 0.6s; content: " "; background-color: #141414; height: 2px; width: 10px; left: 0px; top: 8px; position: absolute; }

.main-text .more a:hover { left: 10px; }
.main-text .more a:hover::before { left: -10px; width: 20px; }
.main-text .more a:hover:before { left: -10px; width: 20px; }

.main-smalltext {margin: 30px 0 50px 0; }
.main-smalltext h2 { border-bottom: 4px solid black; margin: 0 0 40px 0; }
.main-smalltext h2 span {display: inline-block; color: white; background-color: black; position: relative; top: 4px; font-size: 12px; text-transform: uppercase; padding: 0 15px; line-height: 34px; }
.main-smalltext h3 { font-size: 30px; line-height: 36px; float: left; width: 33.3%; }
.main-smalltext .desc { margin-left: 33.3%; padding-left: 30px; font-size: 16px; line-height: 25px;  }
.main-smalltext .more { margin-top: 25px; margin-left: 33.3%; text-transform: uppercase; font-weight: 900; font-size: 12px; padding-left: 30px; }
.main-smalltext .more a { transition: all 0.6s; left:0; padding-left: 20px; position: relative; }
.main-smalltext .more a::before { transition: all 0.6s; content: " "; background-color: #141414; height: 2px; width: 10px; left: 0px; top: 8px; position: absolute; }
.main-smalltext .more a:before { transition: all 0.6s; content: " "; background-color: #141414; height: 2px; width: 10px; left: 0px; top: 8px; position: absolute; }
.main-smalltext .more a:hover { left: 10px; }
.main-smalltext .more a:hover::before { left: -10px; width: 20px; }
.main-smalltext .more a:hover:before { left: -10px; width: 20px; }

.people-list {margin: 30px -15px 0 -15px; }
.people-list h2 { border-bottom: 4px solid black; margin: 0 15px 40px 15px; }
.people-list h2 span {display: inline-block; color: white; background-color: black; position: relative; top: 4px; font-size: 12px; text-transform: uppercase; padding: 0 15px; line-height: 34px; }
.people-list .list {list-style-type: none; margin: 0; padding: 0; width: 100%; display: inline-block; }
.people-list .list li {float: left; width: 33.3%; padding: 0 15px; margin-bottom: 50px; position: relative; }
.people-list .list li:hover .name, .people-list .list li.active .name {background-color: #141414; color: white; }
.people-list .list li:hover .name a, .people-list .list li.active .name a {color: white;}
.people-list .list li img {width: 100%; height: auto; }
.people-list .list li .name { position: absolute; left: 15px; bottom: -10px; background-color: white; padding: 5px 15px; color: #141414; text-transform: uppercase; font-size: 12px; font-weight: bold; }
.people-list .list li .desc { display: none; left: 15px; right: 15px; padding-bottom: 20px; background: #141414 url(../images/mapbox.png) no-repeat 50% 40px; font-size: 14px; line-height: 18px; color: #999999; position: absolute; }
.people-list .list li.active .desc { display: block; }
.people-list .list li .desc::before { content: " "; width: 10px; height: 10px; border-left: 7px solid white; border-bottom: 7px solid white; position: absolute; right: 0; top: 0; }
.people-list .list li .desc:before { content: " "; width: 10px; height: 10px; border-left: 7px solid white; border-bottom: 7px solid white; position: absolute; right: 0; top: 0; }
.people-list .list li .desc a { color: #999999; display: block; padding: 20px;}
.people-list .list li .desc a::after { content: " "; display: inline-block; width: 8px; height: 5px; background: transparent url(../images/smallarrow.png) no-repeat; vertical-align: middle; }
.people-list .list li .desc a:after { content: " "; display: inline-block; width: 8px; height: 5px; background: transparent url(../images/smallarrow.png) no-repeat; vertical-align: middle; }
.people-list .list li .desc .more a { line-height: 40px; text-align:center; background-color: white; font-weight: 900; font-size: 12px; color: #141414; padding: 0; margin: 0 20px; }
.people-list .list li .desc .more a::after {display: none; }
.people-list .list li .desc .more a:after {display: none; }

.main-box-title { padding-bottom: 10px; width: 100%; display: inline-block; vertical-align: bottom;  }
.main-box-title h2 { border-bottom: 4px solid black; margin-bottom: 40px; }
.main-box-title h2 span {display: inline-block; color: white; background-color: black; position: relative; top: 4px; font-size: 12px; text-transform: uppercase; padding: 0 15px; line-height: 34px; }
.main-boxs { list-style-type: none; margin: 0 -15px; padding: 0; position: relative; } 
.main-boxs > li { cursor:pointer; float: left; width: 33.3%; padding: 0 15px; position: relative; margin-bottom: 30px; }
.main-boxs li .type { display: inline-block; color: white; background-color: black; position: relative; top: -10px; font-size: 12px; text-transform: uppercase; padding: 0 15px; line-height: 30px; font-weight: bold; }
.main-boxs li .photo { display: block; }
.main-boxs li .photo img { width: 100%; height: auto; }
.main-boxs li .title { box-shadow: inset 0 -1px #e5e5e5; line-height: 22px; font-size: 20px; font-weight: bold; border-left: 4px solid black; padding: 20px 15px 10px 15px; margin-top: -10px; height:118px; position: relative; }
.main-boxs li .title a {display: block; height:88px; overflow: hidden; }
.main-boxs li .date { float: left; font-size: 12px; font-weight: 900; line-height: 22px; padding: 10px 15px; }
.main-boxs li .place { white-space: nowrap; text-align: right; font-size: 9px; color: #c2c2c2; padding: 15px 0 15px 0; line-height: 12px; font-weight: bold; border-left: 4px solid black; border-bottom: 4px solid black; }
.main-boxs li .place a { overflow: hidden; max-width: 45%; display: inline-block; padding-left: 15px; background: transparent url(../images/smallmap.png) no-repeat left center; color: #c2c2c2; }
.main-boxs li:hover .title, .main-boxs li.active .title { color: white; background-color: black; box-shadow: none; margin-top: -15px; padding-top: 25px; height: 123px; }
.main-boxs li:hover .title a, .main-boxs li.active .title a { color: white; }
.main-boxs li:hover .title::before, .main-boxs li.active .title::before { content: " "; height: 10px; width: 10px; right: 0; border-left: 5px solid white; border-bottom: 5px solid white; background-color: black; top: 0px; position: absolute; }
.main-boxs li:hover .title:before, .main-boxs li.active .title:before { content: " "; height: 10px; width: 10px; right: 0; border-left: 5px solid white; border-bottom: 5px solid white; background-color: black; top: 0px; position: absolute; }
.main-boxs li:hover .title::after, .main-boxs li.active .title::after { content: " "; height: 4px; left: 15px; right: 15px; background-color: white; bottom: -2px; position: absolute; }
.main-boxs li:hover .title:after, .main-boxs li.active .title:after { content: " "; height: 4px; left: 15px; right: 15px; background-color: white; bottom: -2px; position: absolute; }
.main-boxs li:hover .place, .main-boxs li.active .place { color: white; background-color: black; }
.main-boxs li:hover .place a { color: white; background-image: url(../images/smallmap1.png); padding-right: 15px; }
.main-boxs li.active .place a { visibility: hidden; }
.main-boxs li:hover .date, .main-boxs li.active .date {color: white; padding-left: 20px; }

.main-boxs li .item-layer { display: none; position: absolute; left: 15px; right: 15px; background-color: black; padding-bottom: 20px; }
.main-boxs li .item-layer .desc {  font-size: 14px; line-height: 18px; color: #999999; padding-left: 20px; padding-right: 20px; margin: -4px 0 20px 0; }
.main-boxs li .item-layer .desc a { display: block; color: #999999; }
.main-boxs li .item-layer .desc a::after { content: " "; display: inline-block; width: 8px; height: 5px; background: transparent url(../images/smallarrow.png) no-repeat; margin-left: 5px; vertical-align: middle; }
.main-boxs li .item-layer .desc a:after { content: " "; display: inline-block; width: 8px; height: 5px; background: transparent url(../images/smallarrow.png) no-repeat; margin-left: 5px; vertical-align: middle; }
.main-boxs li .item-layer .counter { float: left; font-size: 10px; font-weight: 900; color: white; margin: 0 20px; text-transform: uppercase; }
.main-boxs li .item-layer .note { text-align: right; font-size: 10px; font-weight: 900; color: white; margin: 0 20px; text-transform: uppercase;  }
.main-boxs li .item-layer .link { margin: 0 20px 15px 20px; padding-top: 18px; }
.main-boxs li .item-layer .link a { display: block; transition: all 0.6s; color: black; background-color: white; font-size: 12px; font-weight: 900; text-align: center; line-height: 40px; text-transform: uppercase; }
.main-boxs li .item-layer .link a:hover { background-color: #bbbbbb; }
.main-boxs li .item-layer .links { list-style-type: none; margin: 0; padding: 0 15px 15px 15px; text-transform: uppercase;  }
.main-boxs li .item-layer .links li { padding-top: 3px; }
.main-boxs li .item-layer .links li a { padding-left: 20px; transition: all 0.6s; left:0; font-size: 12px; font-weight: 900; color: white;  display: block; position: relative; }
.main-boxs li .item-layer .links li a::before { transition: all 0.6s; content: " "; background-color: white; height: 2px; width: 15px; left: 0; top: 7px; position: absolute; }
.main-boxs li .item-layer .links li a:before { transition: all 0.6s; content: " "; background-color: white; height: 2px; width: 15px; left: 0; top: 7px; position: absolute; }
.main-boxs li .item-layer .links li a:hover { left: 10px; }
.main-boxs li .item-layer .links li a:hover::before { left: -10px; width: 25px; }
.main-boxs li .item-layer .links li a:hover:before { left: -10px; width: 25px; }

.main-boxs li .item-layer .placeaddress { margin-left: 20px; line-height: 20px; }
.main-boxs li .item-layer .placeaddress a { color: #c2c2c2; font-weight: bold; font-size: 9px; background: url(../images/smallmap1.png) no-repeat 0 50%; padding-left: 15px; }
.main-boxs li .item-layer .placeaddress em { float: right; font-style: normal; font-size: 12px; color: #999999; font-size: 12px; font-weight: normal; padding-right: 20px;  }
.main-boxs li .item-layer .map { height: 120px; margin: 20px 20px 0 20px; }
.main-boxs li.active { z-index: 10; }
.main-boxs li.active .item-layer { display: block; }


.bottom-links { display: inline-block; width: 100%; padding: 0 40px 50px 40px; vertical-align: bottom;  }
.bottom-links a:hover { text-decoration: underline; }
.bottom-container {margin: 0 -15px; position: relative; padding-top: 40px; }
.bottom-container::before {content: " "; position: absolute; background-color: black; height: 4px; left: 15px; top: 0; right: 15px; }
.bottom-container:before {content: " "; position: absolute; background-color: black; height: 4px; left: 15px; top: 0; right: 15px; }
.bottom-links .group4 { float: left; width: 33.33%; padding: 0 15px; }
.bottom-links .left-group { float: left; width: 66.66%; padding: 0 15px; }
.bottom-links .left-group .group { float: left; }
.bottom-links .left-group .group1 { width: 41.6%; }
.bottom-links .left-group .group2 { width: 33%; }
.bottom-links .left-group .group3 { width: 25%; }
.bottom-links .title { font-size: 18px; font-weight: bold; }
.bottom-links p {font-size: 12px; line-height: 20px; padding-bottom: 12px; }
.bottom-links ul {list-style-type: none; margin: 0; padding: 0; font-size: 12px; line-height: 20px; }
.bottom-links ul li a { transition: all 0.6s; left: 0; display: block; padding-left: 20px; position: relative; }
.bottom-links ul li a::before { transition: all 0.6s; content: " "; background-color: #141414; height: 1px; width: 10px; left: 0; top: 10px; position: absolute; }
.bottom-links ul li a:before { transition: all 0.6s; content: " "; background-color: #141414; height: 1px; width: 10px; left: 0; top: 10px; position: absolute; }
.bottom-links ul li a:hover { left: 5px; }
.bottom-links ul li a:hover::before { left: -5px; width: 15px; }
.bottom-links ul li a:hover:before { left: -5px; width: 15px; }
.bottom-links .newsletter label { display: none; }
.bottom-links .newsletter .input-line { padding-top: 23px; margin-right: 80px; }
.bottom-links .newsletter .input-line input { width: 100%; }
.bottom-links .newsletter .submit { float: right; margin-top: -30px; }
.bottom-links .newsletter .submit input {width: 70px; padding: 0; }

.input-line input { border-width: 0; border-bottom: 1px solid #141414; font-size: 12px; color: #141414; font-weight: bold; height: 30px; }
.submit input { border-width: 0; background-color: #141414; color: white; text-transform: uppercase; font-size: 12px; font-weight: bold; padding: 0 20px; height: 30px; }


.partners-box { display: block; overflow: hidden; padding-top:41px;width: 100%}
.partners-box h2 { font-size:14px; line-height:16px; color:#FFFFFF; font-weight:bold;text-transform:uppercase; width:16.65%; height:140px; background-color:#000000; float: left; padding:22px 19px; position: relative;}
.partners-box h2::before { content:" "; position:absolute; width:15px; height:30px; top:50%; margin-top:-15px; right:-15px; background:url(../images/arrow_full.png); }
.partners-box h2:before { content:" "; position:absolute; width:15px; height:30px; top:50%; margin-top:-15px; right:-15px; background:url(../images/arrow_full.png); }
.partners-box ul { margin:0; padding:0; }
.partners-box ul li { list-style-type:none; float: left; margin:0 0 20px 0; padding:5px;  width:16.65%; height:140px; text-align:center; border-left:1px solid #d3d3d3}
.partners-box ul li:first-child { border:0; }
.partners-box ul li a { line-height:130px; vertical-align:middle; text-align:center; display: block;}
.partners-box ul li a img { vertical-align:middle; max-width:100%; height:auto }

@media all and (min-width:1450px){
    .gallery-container { width: 1070px; }
    .news-list li { width: 25%; }
    .people-list .list li { width: 25%; }
    .main-boxs > li { width: 25%; }
    .partners-box h2 { width:12.5%; }
    .partners-box ul li { width:12.5%;}

}

@media all and (min-width:1850px){
    .gallery-container { width: 1290px; }
    .news-list li { width: 16.6%; }
    .people-list .list li { width: 16.6%; }
    .main-boxs > li { width: 16.6%; }
    .partners-box h2 { width:8.3%; }
    .partners-box ul li { width:8.3%;}
}

@media all and (max-width:1250px){
    .gallery-container { width: 630px; }
    .box-links-questions li { font-size: 14px; }
    .box-links-questions li a strong { font-size: 12px; line-height: 20px; }
}

@media all and (max-width:1100px){
    .main-slider .list li a span {font-size: 36px; line-height: 40px; }
    .bottom-links .left-group { float: none; width: 100%; }
    .bottom-links .group4 {float: none; clear: both; width: auto; padding-top: 30px; }
    .news-list li a.title {font-size: 24px; line-height: 30px; }
    .my-text .print { width: 50%; margin-bottom: 20px; }
    .my-text .print a { font-size: 16px; padding: 30px 30px 30px 90px; background-position: 25px 50%;  }
    .press-box .list h4 { font-size: 24px; }
    .press-box .list p { font-size: 16px; }
    .box-links-questions li { float: none; width: auto; font-size: 16px; }
    .box-links-questions li a strong { font-size: 14px; }
    
    .event-info { margin-bottom: 0; }
    .event-info .box { float: none;  width: auto; margin-bottom: 20px; }
    .event-info .map-box  { padding-bottom: 0; }
    
    
}
@media all and (max-width:1200px){
    .partners-box h2 { width:25%; }
    .partners-box ul li { width:25%;}
}
@media all and (max-width:1000px){
    .main-boxs > li {width: 50%;}
    .box-map a span { font-size: 24px; line-height: 30px; }   

    .gallery-container { width: 410px; }
    .news-list li {width: 50%; }
    .news-list li a.title {font-size: 30px; line-height: 34px; }
    .people-list .list li { width: 50%; }
    .team-box ul.full-width li { width: 50%; }
    .contact-box { float: none; width: auto; margin-bottom: 20px; }
    .bigmap-box { margin-left: 0; padding-left: 0; }
    .team-box h3 { float: none; width: auto; padding-bottom: 10px; }
    .team-box ul { margin-left: -15px; padding-left: 0; }
    .location-box h3 { float: none; width: auto; padding-bottom: 10px; }
    .location-box ul { margin-left: -15px; padding-left: 0; }
    .press-box h3 { float: none; width: auto; padding-bottom: 20px; }
    .press-box .list { margin-left: -15px; padding-left: 0; }
    .press-box .list > li { width: 50%; }
    .big-download-box h3 { float: none; width: auto; padding-bottom: 20px; }
    .big-download-box .group { width: 50%; padding-left: 0; }
    .transport-box h3 { float: none; width: auto; padding-bottom: 10px; }
    .transport-box p { margin-left: 0; padding-left: 0; }
    .transport-box dl { margin-left: 0; padding-left: 0; }
    #all .steps-box ol li { font-size: 14px; line-height: 18px; padding-left: 0; padding-right: 0; text-align: center; border-right: 70px solid white; background-position: 50% 20px; }
    #all .steps-box ol li::before { left: -50%;  }
    .register-form .input-line label { float: none; display: block; padding-bottom: 10px; width: auto;}
    .register-form .input-line input { width: 100%; }
    .register-form .file-line { width: 100%; }
    footer { text-align: center; }
    footer .copyright { float: none; }
    footer .project { float: none; }
}
@media all and (max-width:900px){
    header { width: 180px; }
    .logo {padding-left: 20px; }
    #menu {padding-left: 20px; padding-right: 20px; }
    .filter {padding-left: 20px; padding-right: 20px; }
    .moveup { left: 65px; }
    section { border-left-width: 180px; padding-left: 30px; padding-right: 30px;  }
    aside { border-left-width: 180px; }
    .bottom-links {padding-left: 30px; padding-right: 30px; }
    footer { border-left-width: 180px; padding-left: 30px; padding-right: 30px; }
}
@media all and (max-width:800px){
    .main-slider { width: 100%; float: none; }
    .main-slider .list li a { padding-left: 20px; padding-right: 20px; }
    .main-slider .list li a strong { left: 20px; }
    .main-slider .list li a strong:hover { left: 30px; }
    .main-slider .nav { left: 20px; }
    .main-slider .list li a span { font-size: 24px; line-height: 30px; left: 20px; right: 20px; }
    .box-map { display: none; }    
    .partners-box h2 { width:50%; }
    .partners-box ul li { width:50%;}
}

@media all and (max-width:850px){
    .partners-box h2 { width:50%; }
    .partners-box ul li { width:50%;}
}
    

@media all and (min-width:700px) and (max-width:800px), all and (max-width:600px) {
    .main-text h2 {float: none; width: auto; padding-bottom: 10px; }
    .main-text .slogan { margin-left: 0; padding-left: 0;  }
    .main-text .desc { margin-left: 0; padding-left: 0; }
    .main-text .more { margin-left: 0; padding-left: 0; }
    
    .main-smalltext h3 {float: none; width: auto; padding-bottom: 10px; }
    .main-smalltext .desc { margin-left: 0; padding-left: 0; }
    .main-smalltext .more { margin-left: 0; padding-left: 0; }
    
    .news-list li a.title {font-size: 24px; line-height: 30px; }
}
@media all and (max-width:700px){
    header { background-color: transparent; position: static; }
    .menu-container { position: absolute; background-color: #ad9c82; z-index: 1000; top: 0; left: -240px; }
    .link-menu {display: block; position: absolute; right: 30px; top: 10px; }
    .link-menu a {display: block; text-indent: -10000px; border-top: 5px solid black; border-bottom: 5px solid black; position: relative; width: 30px; height: 28px;  }
    .link-menu a::before {content: " "; background-color: black; height: 5px; width: 100%; left: 0; top: 7px; position: absolute; }
    .logo { padding-top: 10px; padding-left: 30px; }
    .logo a { width: 100px; height: 100px; background-size: cover;}
    #all .steps-box ol li { float: none; width: auto; border-width: 0; padding: 100px 0 0 0; line-height: 25px; font-size: 18px; }
    section { border-left-width: 0; }
    aside { border-left-width: 0; }
    footer { border-left-width: 0; }
    .moveup { display: none !important; }
    .fulltime-box dt { float: none; width: auto; padding-bottom: 0; }
    .fulltime-box dd { padding-left: 0; margin-left: 0; border-top-width: 0; }
    
    .partners-box h2 { width:25%; }
    .partners-box ul li { width:25%;}
}
@media all and (max-width:600px){
    .main-columns  { clear: both; }
    h1 {font-size: 40px; line-height: 40px; }
    .tool-bar .social { position: absolute; top: 10px; right: 90px; }
    .tool-bar form {float: none; width: auto; }
    .bottom-links .left-group .group1 { width: auto; float: none; }
    .bottom-links .left-group .group2 { padding-top: 30px; width: auto; float: none; }
    .bottom-links .left-group .group3 { padding-top: 30px; width: auto; float: none; }
    .main-boxs { float: none; }
    .main-boxs > li { float: none; width: 100%; }
    .people-list .list li { float: none; width: auto; }
    .team-box ul.full-width li { float: none; width: auto; display: block; }
    .gallery-container { width: 190px; }
    .team-box ul li { width: 100%; }
    .location-box ul li { width: 100%; }
    .photo-text div.photo { float: none; width: auto; padding-right: 0; }
    .photo-text .text { margin-left: 0; padding-left: 0; }
    .prelegent-box div.photo { float: none; width: auto; padding-right: 0; }
    .prelegent-box .text { margin-left: 0; padding-left: 0; }
    .prototype-box h3 { display: block; padding-left: 0;  padding-bottom: 20px; }
    .prototype-box .photo { float: none; width: auto; padding-right: 0; }
    .prototype-box .desc { margin-left: 0; padding-left: 0; }
    .prototype-box .link { margin-left: 0; padding-left: 0; }
    .news-list li { float: none; width: auto; height: 200px; overflow: hidden; }
    .news-list li .title {bottom: auto; top: 0px; }
    .previous-box .list li { float: none; width: auto; margin-bottom: 15px; }
    .my-text .print { width: auto; float: none; padding-left: 0; }
    .press-box { margin-bottom: 20px; }
    .press-box .list > li { float: none; width: auto; margin-bottom: 30px;}
    .big-download-box .group { width: auto; float: none; margin-bottom: 30px; }
    .big-download-box { padding-bottom: 20px; }
    .partners-box h2 { width:50%; }
    .partners-box ul li { width:50%;}

}
@media all and (max-width:500px){
    header {  float: none; }
    .tool-bar  { display: none; }
}
.tool-bar .social, .link-menu{
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
@media all and (max-width:600px){
	.hasSearchbar .tool-bar .social{ top:80px;}
	.hasSearchbar .link-menu{ top:80px;}
}


.transport-box.faq-box p{
	font-weight:normal;
}

.faq-content p{
	margin-bottom:35px;
}

.faq-box .richtext{
	font-size: 18px;
    line-height: 25px;
    margin-left: 33.3%;
    padding-left: 30px;
}
.faq-box .richtext p{
	margin-left:0;
	padding-left:0;
	
}
.faq-box h2{
	cursor:pointer;
}
.faq-box .hideable{
	display:none;
}
.faq-box small{
	float: right;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
}