/* default */
*{margin:0;padding:0;border:0}
body{font-family:"Plus Jakarta Sans", sans-serif;font-weight:400;font-size:14px;font-weight:400;color:#000;background-color:#000}
a{outline:none;color:inherit;text-decoration:none}


/* container */
div#container{position:relative;background-color:#fff}


/* top */
div#top .inner{}
div#top .inner .content{margin-left:200px;overflow:hidden;border-bottom:1px solid #eee}
div#top .inner .content div{float:right;height:50px;line-height:50px;font-size:12px;font-weight:700}
div#top .inner .content div ul li{display:inline-block}
div#top .inner .content div ul li +li{margin-left:10px}
div#top .inner .content div ul li img{display:inline-block;vertical-align:middle;height:20px}
div#top .inner .content div.address{float:left}
div#top .inner .content div.text{margin-left:50px}
div#top .inner .content div.text li{cursor:pointer}
div#top .inner .content div.text .small{font-size:10px}
div#top .inner .content div.text .medium{font-size:14px}
div#top .inner .content div.text .large{font-size:18px}
div#top .inner .content div.text .contrast{margin-left:30px}
div#top .inner .content div.text .contrast img{margin-right:10px}
div#top .inner .content div.socialmedia{margin-left:50px}


/* header */
div#header{position:relative;margin:0 auto;z-index:500;height:160px}

div#header .logo{position:absolute;z-index:200;left:50px;top:-20px;width:83px;height:150px;background-image:url(../images/header-CKSiP.svg);background-size:83px 150px}

div#header .main{display:none}

div#header .menu{position:absolute;top:60px;left:200px}
div#header .menu ul{list-style:none}
div#header .menu ul li{position:relative;display:inline-block}
div#header .menu ul li +li{margin-left:20px}
div#header .menu ul li span,
div#header .menu ul li a{position:relative;display:block;height:30px;line-height:30px;font-weight:800;transition:all 0.5s ease}
div#header .menu ul li span:hover,
div#header .menu ul li a:hover,
div#header .menu ul li .active{color:#e9801b}
div#header .menu ul li .submenu:after{content:'';position:absolute;bottom:-10px;left:calc(50% - 5px);display:block;width:10px;height:10px;background-image:url(../images/header-menu-arrow.svg?v2);background-size:10px 10px}

div#header .menu ul ul{position:absolute;display:none;top:50px;padding:10px 20px;width:180px;background-color:#fff;list-style:none;border:1px solid #eee;border-left-width:5px;border-left-color:#e9801b;box-shadow:0 0 5px rgba(0,0,0,.1)}
div#header .menu ul ul li{margin-left:0 !important}
div#header .menu ul ul li +li{border-top:1px solid #eee}
div#header .menu ul ul li a{display:block;padding:10px 0;width:160px;min-height:20px;height:auto;line-height:20px;font-size:12px;background-color:#fff;color:#000}


/* breadcrumbs */
div#breadcrumbs{position:absolute;left:0;bottom:-50px;z-index:100;width:100%}
div#breadcrumbs ul{list-style:none;text-align:center}
div#breadcrumbs ul li{display:inline-block;position:relative;margin-left:30px;font-size:12px;color:#aaa}
div#breadcrumbs ul li a:hover{border-bottom:1px solid #ccc;color:#ccc}
div#breadcrumbs ul li +li:before{content:'❯';position:absolute;left:-30px;width:30px;text-align:center}
div#breadcrumbs .inner{height:50px;line-height:50px}


/* content */
div#content{position:relative}
div#content p +p{margin-top:20px}
div#content ul.album{overflow:hidden;margin:0;margin-top:50px;list-style:none}
div#content ul.album li{float:left;margin:5px;width:calc(25% - 10px)}
div#content ul.album li a img{display:block;width:100%}
div#content label.error{display:block;width:300px;height:29px;line-height:29px;border-bottom:1px solid #ee0000;color:#ee0000}
div#content input[type=text],
div#content input[type=file],
div#content input[type=password],
div#content select,
div#content textarea{padding:5px;width:calc(100% - 10px);height:30px;line-height:30px;border:1px solid #333;border-radius:2px;background-color:#222;color:#fff;font-size:14px;font-family:'Red Hat Display', sans-serif}
div#content textarea{height:240px}
div#content input[type=submit]{cursor:pointer;font-family:"Plus Jakarta Sans";font-size:14px;background-color:transparent}

div#content .slider{position:relative;margin:0 auto;margin-bottom:100px;max-width:1100px}
div#content .slider ul{height:500px}
div#content .slider ul li{position:relative;height: 100%}
div#content .slider ul li .image{float:left;width:50%;height:100%;background-size:cover}
div#content .slider ul li .description{float:left;width:calc(50% - 150px);height:calc(100% - 150px);padding:75px;background-color:#e9801b;color:#fff}
div#content .slider ul li .description .header{margin-bottom:20px;font-size:2.5em}
div#content .slider ul li .description p{margin-bottom:20px}
div#content .bx-wrapper .bx-prev,
div#content .bx-wrapper .bx-next{margin:0;margin-top:-20px;top:calc(100% - 130px);background-position:center center;background-size:12px 12px;width:46px;height:46px;border:2px solid rgba(255,255,255,.5)}
div#content .bx-wrapper .bx-prev{right:148px;background-image:url(../images/slider-arrow-left.svg?v2)}
div#content .bx-wrapper .bx-next{right:100px;background-image:url(../images/slider-arrow-right.svg?v2)}
div#content .bx-wrapper .bx-prev:hover,
div#content .bx-wrapper .bx-next:hover{background-position:center center}
div#content .bx-wrapper .bx-controls-direction a{margin-top:0}

div#content .page{position:relative;width:100%}
div#content .page .buttons{display:block;margin-top:50px}

div#content .page.top{position:relative;margin:0 auto;max-width:1200px;min-height:500px;background-size:cover;background-position:center center;background-color:#000;color:#fff}
div#content .page.top .header{position:absolute;left:100px;bottom:0px;margin:0;font-size:80px;color:#fff;text-align:center}
div#content .page.top.nobg{margin-top:0;width:100%;min-height:400px}
div#content .page.top.nobg .header{width:100%}

div#content .page.block .image{float:left;width:50%}
div#content .page.block .image img{display:block;width:100%}
div#content .page.block .description{float:left;width:50%}
div#content .page.block .description .header{text-align:left}

div#content .page.text{margin:50px 0}
div#content .page.text.line{padding-top:50px;border-top:1px solid #eee}
div#content .page.text p{max-width:800px}
div#content .page.text .inner{max-width:800px;text-align:justify}
div#content .page.text .inner h1{font-size:3em}
div#content .page.text .inner h2{font-size:2em;line-height:1em}
div#content .page.text .inner .lead{font-size:1.5em;line-height:1.5em;font-weight:700}
div#content .page.text .inner .content{font-size:1.5em;line-height:1.5em}
div#content .page.text .inner .content h2{margin-top:50px;margin-bottom:20px;font-size:1.2em}
div#content .page.text .inner .content h3{margin-top:30px;margin-bottom:20px;font-size:1.1em}
div#content .page.text .inner .content ol,
div#content .page.text .inner .content ul{margin-top:5px;margin-left:30px;text-align:left}
div#content .page.text .inner .content ol li,
div#content .page.text .inner .content ul li{margin-bottom:5px}
div#content .page.text .inner .content ul li{list-style-image:url(../images/list-arrow.png)}
div#content .page.text .inner .photo{margin:50px -100px}
div#content .page.text .inner .photo img{display:block;width:100%}

div#content .page.opinions{margin-top:100px}
div#content .page.opinions:before{content:'';position:absolute;top:-150px;left:50%;width:300px;height:300px;background-image:url(../images/opinion-icon.png)}

div#content .table{width:100%;font-size:.7em;line-height:1.2em}
div#content .table th{padding:10px;background-color:#f5f5f5;text-align:center}
div#content .table td{padding:10px;border-bottom:1px solid #eee;text-align:left}

div#content .news{position:relative;margin-bottom:100px}
div#content .news.bg:before{content:'';position:absolute;top:200px;z-index:0;left:0;background-color:#f5f5f5;width:100%;height:calc(100% - 200px)}
div#content .news.bg.yellow:before{background-color:#fef6d9}
div#content .news.bg.orange:before{background-color:#fcecdd}
div#content .news .list{overflow:hidden;padding:0 50px}
div#content .news .list.inline .item{position:relative;margin-left:90px;margin-bottom:50px;float:left;width:calc(33.333333% - 60px)}
div#content .news .list.inline .item:nth-child(3n+1){clear:left;margin-left:0}
div#content .news .list.inline .item .image{display:block;margin-bottom:40px;width:100%;height:350px;box-shadow:10px 10px 0 rgba(0,0,0,.1);background-size:cover;background-position:center center}
div#content .news .list.inline .item .description{}
div#content .news .list.inline .item h3{margin:15px 0}
div#content .news .list.inline .item h3 a{font-weight:bold;font-size:1.2em}

div#content .news .detail{margin:0 auto;max-width:800px}
div#content .news .detail h1{font-size:3em}
div#content .news .detail .photo{margin:50px -150px;padding:50px 0;background-color:#f5f5f5;text-align:center}
div#content .news .detail .photo img{max-width:800px;max-height:600px}
div#content .news .detail .lead{font-size:2em}
div#content .news .detail .content{font-size:1.5em;line-height:1.5em}

div#content .album{position:relative;margin-bottom:100px}
div#content .album .list.inline{overflow:hidden;margin:0 -200px}
div#content .album .list.inline .item{position:relative;margin-left:20px;margin-bottom:50px;float:left;width:calc(25% - 15px)}
div#content .album .list.inline .item:nth-child(4n+1){clear:left;margin-left:0}
div#content .album .list.inline .item .image{display:block;width:100%;height:350px;background-size:cover;background-position:center center}
div#content .album .list.inline .item .description{padding:25px;min-height:120px;background-color:#000}
div#content .album .list.inline .item h3{margin:20px 0;color:#fff}
div#content .album .list.inline .item h3 a{font-weight:bold;font-size:1.2em}

div#content .video{position:relative;margin-bottom:100px}
div#content .video .list.inline{overflow:hidden;margin:0 -200px}
div#content .video .list.inline .item{position:relative;margin-left:20px;margin-bottom:50px;float:left;width:calc(25% - 15px)}
div#content .video .list.inline .item:nth-child(4n+1){clear:left;margin-left:0}
div#content .video .list.inline .item .image{display:block;width:100%;height:200px;background-size:cover;background-position:center center}
div#content .video .list.inline .item h3{margin:20px 0}
div#content .video .list.inline .item h3 a{font-weight:bold;font-size:1.2em}

div#content .video .player{position:relative;padding:50px;height:550px;background-color:#000}
div#content .video #player{position:relative;z-index:0;display:block;width:100%;height:100%}
div#content .video #unmute{position:absolute;top:0px;left:0px;z-index:200px;width:100%;height:100%;background-color:rgba(0,0,0,.3);cursor:pointer}
div#content .video #unmute .icon{position:absolute;top:calc(50% - 40px);left:calc(50% - 40px);width:80px;height:80px;background-image:url(../images/icon-unmute.svg);background-size:80px 80px}

div#content .more{overflow:hidden}
div#content .more a{float:right;padding:10px 20px;background-color:#e9801b;color:#fff;font-size:20px;font-weight:800}

div#content .photos{margin:50px -100px 50px -100px;overflow:hidden}
div#content .photos ul{list-style:none}
div#content .photos ul li{position:relative;float:left;margin:10px}
div#content .photos ul li img{display:block;width:100%}
div#content .photos.big ul li{width:calc(50% - 20px)}
div#content .photos.big ul li:nth-child(3n){width:calc(100% - 20px)}
div#content .photos.small ul li{width:calc(25% - 20px)}

div#content .form{background-color:#222;padding:50px;}
div#content .form div{margin-bottom:20px}

div#content .date{font-weight:700;letter-spacing:2px}

div#content .paging{margin-top:25px;padding:20px 0;border-top:1px solid #eee;text-align:center}
div#content .paging span,
div#content .paging b,
div#content .paging a{margin:0 10px}
div#content .paging b{color:#333}
div#content .paging span{float:right}


/* partner */
div#partner{margin-top:50px;padding:50px 0;border-top:2px solid #eee}
div#partner .header{font-size:1em;text-transform:uppercase;letter-spacing:5px;text-align:center}
div#partner ul{text-align:center}
div#partner ul li{display:inline-block}
div#partner ul li +li{margin-left:20px}
div#partner ul li img{display:block;height:70px}


/* footer */
div#footer{position:relative;z-index:150;background-color:#000}
div#footer .contact{overflow:hidden;margin:0 auto;padding:75px 0;max-width:1100px}
div#footer .contact .col{float:left;margin-left:20px;width:calc(20% - 20px);color:#fff}
div#footer .contact .col .header{border-bottom:1px solid #75400e;font-size:12px;text-transform:uppercase;letter-spacing:2px}
div#footer .contact .col .logo{display:block;width:83px;height:150px;background-image:url(../images/footer-CKSiP.svg);background-size:83px 150px}
div#footer .copyright{margin:0 auto;max-width:1200px;padding:50px 0;border-top:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.5);font-weight:600;text-align:left}


/* project */
div#project{padding:50px 0;background-color:#fff;}
div#project .header{font-size:1em;text-align:center}
div#project img{display:block;margin:0 auto;max-width:800px;width:100%}


/* privacy */
div#privacy{position:fixed;bottom:50px;right:50px;z-index:1000;width:300px;padding:50px;background-color:rgba(0,0,0,.8);color:#fff}
div#privacy p{line-height:20px}
div#privacy p a{color:#fff;border-bottom:1px dotted #fff}
div#privacy p a:hover{color:#fff}
div#privacy .close{display:block;position:absolute;right:20px;top:20px;height:20px;width:20px;background:url(../images/privacy-close.png) no-repeat center center}


/* other */
.button{position:relative;display:inline-block;padding:0 25px;height:30px;line-height:30px;font-size:10px;font-weight:800;text-align:center;text-transform:uppercase;letter-spacing:2px;background-color:#e9801b;color:#fff;transition:all 0.5s ease}
.button:hover{}
.button.white{border:2px solid #fff}
.break{float:none;clear:left}
.break.border{border-bottom:1px solid #ccc}
.mt50{margin-top:50px}
.mb50{margin-bottom:50px}
.center{text-align:center}
.right{text-align:right}
.justify{text-align:justify}
.header{position:relative;margin-bottom:40px;font-size:2em;font-weight:800}
.header .subheader{display:block;font-size:.5em}
.section{overflow:hidden;position:relative;margin-bottom:40px;font-size:2em;font-weight:800;text-transform:lowercase}
.section.big{font-size:3em}
.section.line:after{content:'';position:absolute;z-index:0;top:50%;margin-left:20px;width:100%;height:4px;background-color:#e9801b}
.section .button{position:absolute;z-index:10;right:0;top:calc(50% - 15px)}
.color.orange{color:#e9801b}
.inner{position:relative;margin:0 auto;max-width:1100px}


/* max-width: 1100px */
@media screen and (max-width: 1100px) {
div#content .album .list.inline{margin:0}

div#content .video .list.inline{margin:0}
}

/* max-width: 800px */
@media screen and (max-width: 800px) {
div#top .inner .content div.address{display:none}
div#top .inner .content div.text{margin-left:20px;float:left}
div#top .inner .content div.socialmedia{margin-right:20px}

div#header .main{display:block;position:absolute;top:50px;right:50px}
div#header .main span{display:block;width:35px;height:2px;background-color:#e9801b}
div#header .main span:nth-child(2){margin-left:10px;width:25px}
div#header .main span:nth-child(3){margin-left:5px;width:30px}
div#header .main span +span{margin-top:4px}
div#header .main:hover span{width:35px;margin-left:0}
div#header .main b{display:block;margin-top:10px}

div#header .menu{display:none;position:absolute;left:0;top:100px;padding:25px;width:calc(100% - 50px);height:auto;z-index:500;background-color:#f5f5f5}
div#header .menu ul{width:100%}
div#header .menu ul li{display:block;text-align:left}
div#header .menu ul li a{display:block;padding:0 20px;height:auto;line-height:40px}
div#header .menu ul ul{display:block;position:relative;top:0}

div#content .slider{width:100%}
div#content .slider ul{height:800px}
div#content .slider ul li .image{width:100%;height:400px}
div#content .slider ul li .description{width:calc(100% - 100px);height:300px;padding:50px}
div#content .slider ul li .description .header{font-size:2em}

div#content .page{width:100%}
div#content .page .inner{padding:50px 0}
div#content .page .buttons{display:block;margin-top:50px}

div#content .page.top{margin-top:0;width:100%;min-height:400px}
div#content .page.top .header{left:0;width:100%;font-size:30px}
div#content .page.top.nobg{min-height:300px}

div#content .page.text .inner{padding:25px;text-align:left}
div#content .page.text .inner h1{font-size:2em}
div#content .page.text .inner h2{font-size:1.5em}
div#content .page.text .inner .lead{font-size:1.3em;line-height:1.3em}
div#content .page.text .inner .content{font-size:1.3em;line-height:1.3em}
div#content .page.text .inner .photo{margin:50px -25px}

div#content .page.block .image{float:none;width:100%}
div#content .page.block .description{float:none;width:100%}

div#content .news .list{padding:0 25px}
div#content .news .list.inline .item{margin-left:50px;width:calc(50% - 25px)}
div#content .news .list.inline .item:nth-child(2n+1){clear:left;margin-left:0}

div#content .news .detail{padding:0 25px}
div#content .news .detail h1{font-size:2em}
div#content .news .detail .photo{margin:50px -25px;padding:25px 0}
div#content .news .detail .photo img{width:100%}

div#content .album .list.inline .item{width:calc(50% - 20px)}
div#content .album .list.inline .item:nth-child(2n+1){clear:left;margin-left:0}

div#content .video .list.inline .item{width:calc(50% - 20px)}
div#content .video .list.inline .item:nth-child(2n+1){clear:left;margin-left:0}

div#footer .contact{padding:0 25px}
div#footer .contact .col{float:none;margin-left:0;width:100%}
div#footer .contact .col .logo{display:none}
div#footer .contact .col +.col{margin-top:50px}

.section{margin-left:25px}
.section.big{font-size:2em}
}

/* max-width: 600px */
@media screen and (max-width: 600px) {
div#top .inner .content{margin-left:0}

div#header .logo{top:20px;width:66px;height:120px;background-size:66px 120px}

div#content .news .list.inline .item,
div#content .album .list.inline .item,
div#content .video .list.inline .item{margin-left:0;width:100%}
}