input,label,select,button,textarea{margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;white-space:normal;background:none;line-height:1}input:focus{outline:0}input,textarea{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}button,input[type=reset],input[type=button],input[type=submit],input[type=checkbox],input[type=radio],select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{width:13px;height:13px}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}button,input[type="reset"],input[type="button"],input[type="submit"]{overflow:visible;width:auto}::-webkit-file-upload-button{padding:0;border:0;background:none}textarea{vertical-align:top;overflow:auto}select[multiple]{vertical-align:top}html{font-family:'Sarabun'}html body{margin:0}html body main#main section article{padding:60px 10px}html body main#main section article h1{font-weight:400;font-size:23px;margin-top:0;font-family:'Staatliches', cursive}html body main#main section article p{font-family:Sarabun;font-weight:200;line-height:2;font-size:14px}html body main#main section article p:last-of-type{margin-bottom:0}html body main#main section.gray{background-color:whitesmoke}html body .container{max-width:1200px;overflow:auto;margin:0 auto}*{box-sizing:border-box}#ytVideo{display:none}#ytVideo .videoContent{border-radius:8px;overflow:hidden}#ytVideo.modal{padding:0;max-width:600px;font-size:0}#ytVideo.modal iframe{width:100%;height:336px;border:none}.ytVideo.round,.externalVideoLink.round{position:relative;width:230px;height:230px;background-repeat:no-repeat;background-size:185%;border-radius:50%;margin:0 auto;cursor:pointer;padding:10px;background-position:center}.ytVideo.round .playButton,.externalVideoLink.round .playButton{position:absolute;width:40px;top:50%;left:50%;margin-top:-20px;margin-left:-20px;opacity:0.8;transition:opacity .5s ease-out;-moz-transition:opacity .5s ease-out;-webkit-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;pointer-events:none}.ytVideo.round:hover .playButton,.externalVideoLink.round:hover .playButton{opacity:1}.ytVideo.rectangle,.externalVideoLink.rectangle{position:relative;max-width:500px;margin:30px auto;cursor:pointer;padding:10px}.ytVideo.rectangle .playButton,.externalVideoLink.rectangle .playButton{position:absolute;width:60px;top:50%;left:50%;margin-top:-30px;margin-left:-30px;opacity:0.8;transition:opacity .5s ease-out;-moz-transition:opacity .5s ease-out;-webkit-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;pointer-events:none}.ytVideo.rectangle .video,.externalVideoLink.rectangle .video{border-radius:10px;width:100%;-moz-box-shadow:0 0 3px #ccc;-webkit-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc}.ytVideo.rectangle:hover .playButton,.externalVideoLink.rectangle:hover .playButton{opacity:1}.upperHeader{font-family:'Staatliches', cursive;background-color:black;color:white;overflow:auto}.upperHeader>.container{padding:5px 10px}.upperHeader>.container #lang,.upperHeader>.container #tel{float:right;text-transform:none}.upperHeader>.container #lang a,.upperHeader>.container #tel a{color:white;text-decoration:none}.upperHeader>.container #lang a.active,.upperHeader>.container #tel a.active{color:gray;pointer-events:none}header{position:relative;font-family:'Staatliches', cursive;overflow:auto;border-bottom:1px solid whitesmoke}header>.container{padding:0 10px}@media only screen and (max-width: 767px){header>.container{padding:10px}}header #logo{float:left;margin-top:15px}header #logo>a{display:inline-block}@media only screen and (max-width: 767px){header #logo{text-align:center;float:none;margin-top:0}}header nav>ul{margin:0;padding:0;float:right;list-style-type:none}header nav>ul>li{float:left}header nav>ul>li>a{color:#686868;text-decoration:none;font-size:15px;padding:44px 30px;position:relative;display:inline-block}header nav>ul>li>a .borderItem{position:absolute;background-color:black;width:0;bottom:0;left:0;height:4px}header nav>ul>li>a:hover{color:black}@media only screen and (max-width: 980px){header nav>ul>li>a{padding:44px 20px}}@media only screen and (max-width: 850px){header nav>ul>li>a{padding:44px 14px}}header nav>ul>li:last-of-type{margin-right:0}@media only screen and (max-width: 767px){header nav{display:none}}#openMobileMenuButton{display:none;position:fixed;top:15%;right:-50px;width:100px;height:100px;background-color:#68221d;cursor:pointer;border-radius:50%;z-index:2;padding:-5px}#openMobileMenuButton>div{position:absolute;left:8px;top:38px;font-size:18px;color:white;font-weight:bold;font-family:'Staatliches', cursive}@media only screen and (max-width: 767px){#openMobileMenuButton{display:block}}#mobileMenu{position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.9);width:100%;height:100%;z-index:3;display:none}#mobileMenu>img{float:right;padding:20px;cursor:pointer}#mobileMenu ul{margin:0;padding:0;clear:both}#mobileMenu ul li{text-align:center}#mobileMenu ul li a{color:white;text-decoration:none;display:inline-block;padding:20px;font-family:'Staatliches', cursive;font-size:20px}#arrowRight,#arrowLeft{display:none}.slider{margin:0}.bx-wrapper{border:0;box-shadow:none;-webkit-box-shadow:none;margin-bottom:0}.bx-wrapper .slider{margin:0 auto}.bx-wrapper .slider img{width:100%;max-width:none}.bx-wrapper .bx-controls-direction a{z-index:0}.bx-wrapper .bx-controls-direction a.bx-next,.bx-wrapper .bx-controls-direction a.bx-prev{width:50px;height:50px;margin-top:-25px;background:none}.bx-wrapper .bx-pager{bottom:10px}.bx-wrapper .bx-pager.bx-default-pager a{width:20px;border-radius:0;-webkit-border-radius:0;opacity:0.7;height:7px}.bx-wrapper .sliderArrow{display:block;cursor:pointer;top:0}.bx-wrapper .sliderArrow[data-u="arrowright"]{right:25px}.bx-wrapper .sliderArrow[data-u="arrowleft"]{left:25px}.bx-wrapper .sliderArrow svg{position:absolute;top:0;left:0;width:100%;height:100%}.bx-wrapper .sliderArrow svg polyline{fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10}.bx-wrapper .sliderArrow:hover{opacity:0.8}#contact{position:relative}#contact #boxes .box{width:33.3%;text-align:center;float:left;color:gray}#contact #boxes .box .sectionIcon{width:48px}#contact #boxes .box p{line-height:1.4}#contact #boxes .box p a{color:black}@media only screen and (max-width: 450px){#contact #boxes .box{width:100%;margin-bottom:60px}#contact #boxes .box:last-of-type{margin-bottom:20px}}#contact #map{height:600px;width:100%;margin-bottom:100px}@media only screen and (max-width: 450px){#contact #map{height:300px;margin-bottom:60px}}#homepage .cocoen{border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}#homepage .cocoen>div{width:5%}#homepage .cocoen .cocoen-drag{background-color:#525252;left:5%}#homepage .cocoen .cocoen-drag:before{left:5%;width:16px;border-color:#525252}#homepage .cocoen .cocoen-drag:after{content:"\2194 \FE0E";display:inline;text-decoration:none;height:30px;left:50%;margin-left:16px;margin-top:-4px;position:absolute;top:50%;width:14px;font-size:25px;color:#525252;animation:blinker 1s linear infinite}@keyframes blinker{50%{opacity:0}}#homepage .split-box{height:500px;overflow:auto}#homepage .split-box.right>*{float:right;background-color:white !important;color:#732f2b !important}#homepage .split-box.left>*{float:left}#homepage .split-box .split-image{height:100%;background-size:cover;width:50%;background-position:center;font-size:14px}#homepage .split-box .split-text{background-color:#732f2b;width:50%;height:100%;vertical-align:middle;padding:1em;color:white;text-align:center;font-family:Sarabun;display:flex;align-items:center;text-align:center}#homepage .split-box .split-text h2{font-weight:100;font-size:4em;font-family:Sarabun;margin:0 auto;margin-top:-0.5em}#homepage .references{overflow:auto}#homepage .references .referenceWrapper{width:25%;float:left;padding:10px;margin-top:35px}#homepage .references .referenceWrapper .reference{border:1px solid #d0d0d0;font-weight:200;line-height:1.5;padding:10px;text-align:center;padding-top:70px;font-size:14px;position:relative}#homepage .references .referenceWrapper .reference img.profilImage{position:absolute;top:-35px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;width:70px;border:1px solid #d0d0d0;left:50%;margin-left:-35px;box-shadow:0 0 1px 0px #d0d0d0 inset, 0 0 1px 0px #d0d0d0}#homepage .references .referenceWrapper .reference .quote{text-align:center;margin-bottom:15px;font-size:0}#homepage .references .referenceWrapper .reference .quote img{width:26px}#homepage .references .referenceWrapper .reference.gray{background-color:#1d1d1d;color:white}@media only screen and (max-width: 950px){#homepage .references .referenceWrapper{width:50%}}@media only screen and (max-width: 550px){#homepage .references .referenceWrapper{width:100%}}#homepage .services{overflow:auto}#homepage .services .serviceWrapper{width:25%;float:left;padding:10px}#homepage .services .serviceWrapper .service{font-weight:200;line-height:1.5;text-align:left;position:relative;background-color:white}#homepage .services .serviceWrapper .service .serviceImage{padding:15px;font-size:0;text-align:center}#homepage .services .serviceWrapper .service .serviceImage img{height:70px;vertical-align:middle;margin:0 auto;opacity:0.5}#homepage .services .serviceWrapper .service .serviceDescription{padding:20px 10px;font-size:14px;text-align:center}#homepage .services .serviceWrapper .service .serviceDescription h3{margin-top:0;text-transform:uppercase;font-size:16px;text-align:center}#homepage .services .serviceWrapper .service .serviceDescription p{color:#464646;letter-spacing:0.35px}#homepage .services .serviceWrapper .service .serviceDescription ul{display:inline-block}#homepage .services .serviceWrapper .service .serviceDescription ul li{float:left;margin-right:35px;list-style-type:square}#homepage .services .serviceWrapper .service .serviceDescription ul li span{position:relative;left:-5px}@media only screen and (max-width: 1000px){#homepage .services .serviceWrapper{width:50%}}@media only screen and (max-width: 767px){#homepage .services .serviceWrapper{width:100%}}#brands .brandWrapper{padding:10px;float:left;width:25%}#brands .brandWrapper .brand{border:1px solid #e0e0e0;padding:10px;display:block;color:#636363;text-transform:uppercase;text-decoration:none}#brands .brandWrapper .brand .logo{height:200px;text-align:center}#brands .brandWrapper .brand .logo img{max-width:100%;max-height:100%}#brands .brandWrapper .brand>p{text-align:center;font-weight:bold;font-size:15px}#brands .brandWrapper:nth-of-type(odd) .brand{background-color:whitesmoke}#brands .brandWrapper:nth-of-type(even) .brand{background-color:white}@media only screen and (max-width: 1100px){#brands .brandWrapper{width:33.3%}}@media only screen and (max-width: 768px){#brands .brandWrapper{width:50%}}@media only screen and (max-width: 450px){#brands .brandWrapper{width:100%}}#projects{overflow:auto}#projects .projectWrapper{width:33.33%;float:left;padding:10px}#projects .projectWrapper .project{border:1px solid #d0d0d0;font-weight:200;line-height:1.5;text-align:left;position:relative;background-color:white;display:block;color:black;text-decoration:none}#projects .projectWrapper .project .projectImage{font-size:0}#projects .projectWrapper .project .projectImage img{width:100%}#projects .projectWrapper .project .projectDescription{padding:20px 10px;font-size:14px}#projects .projectWrapper .project .projectDescription h3{margin-top:0;text-transform:uppercase;font-size:16px}@media only screen and (max-width: 1000px){#projects .projectWrapper{width:50%}}@media only screen and (max-width: 767px){#projects .projectWrapper{width:100%}}#gallery #videos .videoWrapper{width:33.3%;float:left;padding:30px 0}@media only screen and (max-width: 800px){#gallery #videos .videoWrapper{width:50%}}@media only screen and (max-width: 500px){#gallery #videos .videoWrapper{width:100%}}
/*# sourceMappingURL=screen.css.map */