body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
.bs-caption {
    position: fixed;
    left: 0;
    bottom: 0;
    margin-left: 40px;
    color: white;
}
 
.bs-nav {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

.bs-nav .item, .bs-nav .item-nav {
    display: inline-block;
    *display: inline;
    zoom: 1;

    width: 10px;
    height: 10px;
    line-height: 10px;
    margin: 0 4px;

    text-indent: -999em;
    *text-indent: 0;

    border: 2px solid #fff;
    border-radius: 6px;

    cursor: pointer;
    opacity: .4;

    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
}

.bs-nav .item.active {
    background: #fff;
    opacity: 1;
}

.bs-nav .item-nav {
    border-radius: 0;
    width: 0;
    height: 0;
    border-style: inset;
    -webkit-transform:rotate(360deg);
}

.bs-nav .item-nav:hover {
    opacity: 1;
}

.bs-nav .item-nav.next {
    border-width: 7px 0 7px 14px;
    border-color: transparent transparent transparent #ffffff;
}

.bs-nav .item-nav.prev {
    border-width: 7px 14px 7px 0;
    border-color: transparent #ffffff transparent transparent;
}

/* general.css */
.clearall:hover a{color: black}.ce_text.button:hover,.clearall:hover,.ce_download.button:hover{background-color: white}.ce_text.button:hover a,.ce_download.button:hover a{color: black;padding: 40px}*{margin: 0;padding: 0}html{background: rgb(0,0,0);color: white;font-family: 'Titillium Web', sans-serif;font-weight: 300;font-size: 16px;line-height: 1.8em;overflow-y: scroll}h1,h2{font-family: 'Titillium Web', sans-serif;font-weight: 700;font-size: 2em;line-height: 1.2em}.ce_text table{width: 100%;border: 1px solid #FFFFFF;    padding: 20px}.ce_text table tr > td:first-child{width: 140px}::selection{background: white}::-moz-selection{background: white}#wrapper{max-width: 1700px;margin: 0 auto;padding: 0px 20px}.ce_text p{font-size: 1.2em;line-height: 1.6em}#header{border-bottom: 1px solid #FFFFFF;margin-bottom: 60px}#header .inside{display: flex;    justify-content: space-between;    width: 100%}#header .logo{width: 200px;margin: 20px 0px}.flex-container{display: -webkit-flex;display: -ms-flex;display: flex}.flex-container > *{flex: 1 0 50%}.ce_text > div{align-items: center}[id*="short-profile-no-showreel"] .ce_text > div{align-items: center;justify-content: center}.ce_text.center-text-bottom-hr{text-align: center;padding-bottom: 60px;margin-bottom: 70px;border-bottom: 1px solid #FFFFFF}.responsive-container{position: relative;height: 0;padding-bottom: 56.25%;width: 100%}.responsive-container iframe,.responsive-container video{position: absolute;top: 0;left: 0;width: 100%;height: 100%}img{width: 100%}hr{height: 1px;border: none;background-color: #FFFFFF;margin: 60px 0px}[class*="portrait"] figure img{border-radius: 50%}body.index .mod_article:not(.first){margin: 60px 0px;    padding: 60px 0px 0px 0px;    border-top: 1px solid #FFFFFF}.mod_article[id*="best-of"] > .ce_headline{text-align: center;margin-bottom: 40px}.mod_article[id*="best-of"] > .ce_metamodel_content{margin: 0 auto}.mod_article .ce_metamodel_content .layout_full ul li{list-style-type: none}.mod_article .ce_metamodel_content .layout_full td ul li{list-style-type: disc;list-style-position: inside}.mod_article:not(#project-detail) .ce_metamodel_content .layout_full{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;justify-content: center}.mod_article:not(#project-detail) .ce_metamodel_content .layout_full .item{max-width: unset;width: 25%;margin-bottom: 50px}.mod_article:not(#project-detail) .ce_metamodel_content .layout_full .item .field.title{margin-top: 10px}.mod_article:not(#project-detail) .ce_metamodel_content .layout_full .item a{color: white;text-decoration: none}.mod_article:not(#project-detail) .ce_metamodel_content .layout_full .item figure{margin: 4px 4px -3px 4px}.mod_article:not(#project-detail) .ce_metamodel_content .layout_full .item .field.thumbnail{overflow: hidden;border-radius: 50%;-webkit-transition: 0.5s ease;transition: 0.3s ease;margin: 0px 10px}.mod_article:not(#project-detail) .ce_metamodel_content .layout_full .item .field.thumbnail:hover{-webkit-box-shadow: inset 0px 0px 0px 4px rgba(255,255,255,1);-moz-box-shadow: inset 0px 0px 0px 4px rgba(255,255,255,1);box-shadow: inset 0px 0px 0px 4px rgba(255,255,255,1)}.mod_article:not(#project-detail) .ce_metamodel_content .layout_full .item .field.thumbnail{margin: 4px 30px 0px 30px}.mod_article .ce_metamodel_content .layout_full .item .field.thumbnail img{border-radius: 50%}.mod_article:not(#project-detail) .ce_metamodel_content .layout_full .item .field{text-align: center}.mod_article:not(#project-detail) .ce_metamodel_content .layout_full .item .field.title span{color: white;text-decoration: none;font-size: 2em;font-style: italic;font-weight: 100}.mod_article#project-detail .ce_metamodel_content .layout_full .item .field.thumbnail .label,.mod_article#project-detail .ce_metamodel_content .layout_full .item .field.title .label,.mod_article#project-detail .ce_metamodel_content .layout_full .item .field.gallery .label{display: none}.mod_article#project-detail .ce_metamodel_content .layout_full .item .info-column .file img{border-radius: 50%}.mod_article#project-detail .layout_full .item .info-column > div{width: 33.33%;margin-right: 40px}.mod_article#project-detail .layout_full .item .info-column{display: flex;justify-content: center;flex-wrap: wrap;margin-bottom: 80px}.mod_article#project-detail .ce_metamodel_content .layout_full .item .field div:first-child{float: left;font-weight: 400;padding-right: 25px}a:link,a:visited{color: #FFFFFF;text-decoration: underline;-webkit-transition: 0.3s ease;transition: 0.3s ease}.ce_text.button,.ce_download.button{padding: 10px 30px;    border-radius: 40px;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;    margin: 0 auto;    border: 1px solid white}.clearall{padding: 10px 30px;    border-radius: 40px;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;    border: 1px solid white;    height: 25px;    margin-top: 28px}.ce_text.button a,.clearall a,.ce_download.button a{color: #FFFFFF;text-decoration: none}.clearall a::before{content: "\2716";    margin-right: 8px}.ce_text.button.before a::before,.ce_download.button.before a::before{content: "\25C4  "}.ce_text.button.after a::after,.ce_download.button.after a::after{content: "  \25BA"}.ce_text.columns2{-webkit-columns:2;-moz-columns:2;columns:2}.ce_text.columns3{-webkit-columns:3;-moz-columns:3;columns:3}.ce_text a:hover,.ce_text a:focus,.ce_text a:active,td a:hover,td a:focus,td a:active{/* color: black; */*/ background-color: #FFFFFF; */}#footer{border-top: 1px solid #FFFFFF;margin-top: 30px;padding: 20px 0px 20px 0px;text-align: center;/*position: fixed; *//*bottom: 0; *//*width: 1560px; */}.mod_article#project-detail .layout_full .item{display: -webkit-flex;display: -moz-flex;display: flex;flex-flow: wrap row;margin-bottom: 60px}.mod_article#project-detail .layout_full .item > *{flex: 1 0 auto}.mod_article#project-detail .layout_full .item .info-column table{border: 1px solid #b7b7b7;padding: 20px;width: -moz-calc(66.67% - 48px);width: -o-calc(66.67% - 48px);width: -webkit-calc(66.67% - 48px);width: calc(66.67% - 48px)}.mod_article#project-detail .layout_full .item .info-column tr td:first-child{padding-right: 20px;    font-weight: 600;    font-style: italic;min-width: 90px}.info-column,.media-column{width: 100%;max-width: 1440px;margin: 0 auto}.mod_article#project-detail .layout_full .item .media-column .responsive-container{margin-bottom: 60px}.mod_article#project-detail .layout_full .item .media-column ul.file li{margin-bottom: 53px}.mod_article .ce_text ul li{margin-left:19px}tr{vertical-align: top}.filter-menu{display: flex;justify-content: center;margin: -12px 0px 63px 0px}.filter-menu label{display: block;margin-left: 20px}.filter-menu .mm_select:before{content: "\25BC";  font-size: 20px;  position: absolute;  right: 10px;  top: 38px;  color: #fff;z-index: -1}.filter-menu .mm_select{position: relative;display: inline-block;margin-right: 30px}.filter-menu .mm_select select{-moz-appearance: none;-webkit-appearance: none;border: none;outline: none;padding: 10px 20px;background: none;border: 1px solid #FFFFFF;cursor: pointer;width: 200px;color: #FFFFFF;font-family: 'Titillium Web', sans-serif}.filter-menu .mm_select select option{color: rgb(30,30,30)}.mod_login .formbody > *{text-align: center;margin: 0 auto}.mod_login table input{background: rgba(0,0,0,0);    border: 1px solid white;    line-height: 1em;    padding: 10px 20px;    color: white;    width: -webkit-fill-available}.mod_login table input:hover{background: rgba(255,255,255,1);cursor:pointer;    color: black}.mod_login table input.submit{border-radius: 40px;width: 100%}.mod_login table td{vertical-align: baseline}.mod_login table td label{padding-right: 20px}#portfolio{overflow: visible}.embed-container{width: 100%;height: 0;padding-top: 69%;position: relative;overflow: hidden;margin-bottom: 53px}.embed-container > *{position: absolute;top: 0;left: 0;width: 100%;height: 100%}[id*="short-profile-no-showreel"]{max-width: 640px;margin: 0 auto}[id*="short-profile-no-showreel"] .ce_text.portrait p{text-align: center}[id*="short-profile-no-showreel"] .ce_text.portrait{display: block}[id*="short-profile-no-showreel"] .ce_text.portrait-mobile{display: none}
@media (max-width: 1300px){
/* 1300-max.css */
.mod_article:not(#project-detail) .ce_metamodel_content .layout_full .item{max-width: unset;width: 33.3%}
}
@media (max-width: 1024px){
/* 1024-max.css */
.mod_article:not(#project-detail) .ce_metamodel_content .layout_full .item{max-width: unset;width: 50%}
}
@media (max-width: 800px){
/* 0800-max.css */
.mod_article#project-detail .layout_full .item .info-column figure,[id*="short-profile"] .flex-container .portrait figure{margin-right: 0px;margin: 0 auto !important;width: 80%;margin-bottom: 30px !important}.ce_text.columns3{-webkit-columns:2;-moz-columns:2;columns:2}#header .logo{margin: 20px auto}[id*="short-profile"] .flex-container{display: unset}[id*="short-profile"] .flex-container .portrait > div{justify-content: center;margin: 0 auto;text-align: center}[id*="short-profile"] .flex-container .ce_text.portrait{margin-bottom: 40px}#about_me .flex-container{display: block;margin-bottom: 40px}.mod_article[id*="best-of"]{display: block}.mod_article[id*="best-of"] > .ce_headline{text-align: center;width: unset;font-size: 2em;margin-bottom: 50px}.mod_article[id*="best-of"] > .ce_metamodel_content{width: unset}.mod_article#project-detail .layout_full .item .info-column{width: 100%}.mod_article#project-detail .layout_full .item .info-column div{justify-content: center}.mod_article#project-detail .layout_full .item .info-column > div{width: 100%;margin-right: 0px}.mod_article#project-detail .layout_full .item .info-column table{width: 100%}
}
@media (max-width: 768px){
/* 0768-max.css */
.mod_login{margin-bottom: 30px}.mod_article#project-detail .layout_full .item .info-column figure,[id*="short-profile"] .flex-container .portrait figure{margin-right: 0px;margin: 0 auto !important;width: 80%;margin-bottom: 30px !important}#header .inside{display: unset;    justify-content: unset;    width: unset}.ce_text.columns3{-webkit-columns:1;-moz-columns:1;columns:1;text-align: justify}.ce_text.columns3 p{-webkit-hyphens: auto;  -moz-hyphens: auto;  -ms-hyphens: auto;  hyphens: auto}[id*="short-profile"] .flex-container .portrait > div{display: block !important;text-align: center}.filter-menu{display: block}.filter-menu .mm_select{position: relative;display: block;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;margin: 0 auto 20px auto}.clearall{margin: 24px auto 0px auto}.mod_article:not(#project-detail) .ce_metamodel_content .layout_full .item{max-width: unset;width: 100%}.mod_article#project-detail .layout_full .item .info-column div{display: block;justify-content: unset}.mod_article#project-detail .layout_full .item .info-column > table{width: 100%}.mod_article#project-detail .layout_full .item .info-column div > *{text-align: center}.mod_article#project-detail .layout_full .item .info-column div > h1{margin-top: 20px}
}