/*
(c) 2022
www.dialogsued.de
*/
html { background-color:#fff; margin: 0; padding: 0; scroll-behavior: smooth; }
body { overflow-x: hidden; margin:0 }

/* SCROLL */
::selection { background:white; color:red }
::-moz-selection { background:white; color:red }

/* Loader-Animation */
#loader {
    position: relative;
    float:left;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    margin:100px;
}

.spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: #333;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
}

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

/* FADE */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.fade { opacity:0; -webkit-animation:fadeIn ease-in 1; -moz-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards;	animation-fill-mode:forwards;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;animation-duration:.5s; }
.fade:first-child {-webkit-animation-delay: .5s;-moz-animation-delay: .5s; animation-delay: .5s;}
.fade:nth-child(2n) {-webkit-animation-delay: .5s;-moz-animation-delay: .5s; animation-delay: .5;}

/* BAR */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
::-webkit-scrollbar-thumb { background: rgba(255,0,0,0.8); }
::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4); }

/* cookie */
#cookie-popup { text-transform:lowercase; font-family: 'Lucida Sans Unicode', sans-serif; position:fixed; color:#fff; text-align:center; left:0px; padding:15px 0 15px 0; font-size:10px; bottom:0px; letter-spacing: 2px; width:100%; background:black; z-index:999 }
#cookie-popup a { text-transform:lowercase; font-family: 'Lucida Sans Unicode', sans-serif;font-size:10px;  color:#fff; text-align:center; text-decoration:underline}
#cookie-popup button { text-transform:uppercase; font-family: 'Lucida Sans Unicode', sans-serif; position:relative; color:#fff; text-align:center; margin:2px 20px; padding:4px 8px; border:2px solid #fff; letter-spacing: 3px; background:black; font-size:15px; cursor:pointer}
#cookie-popup.hidden { display: none; }

/* LINK ANIMATION */
.btn { border: 1px solid black; border-radius: 20px; }
.btn:hover { border: 0px }

.redlink a { color:#000; overflow: hidden; font-family: 'Lucida Sans Unicode', sans-serif; font-size:1em; letter-spacing: 0.3em; padding:10px 20px; position: relative; display: inline-block; }
.redlink a::before, a::after {  content: ''; position: absolute; width: 100%; left: 0; }
.redlink a::before { background-color: red; height: 2px; bottom: 0; transform-origin: 100% 50%; transform: scaleX(0);   transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1); }
.redlink a::after { content: attr(data-replace); padding:10px 20px;   height: 100%;   top: 0; transform-origin: 100% 50%;   transform: translate3d(200%, 0, 0);   transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);   color: red; }
.redlink a:hover::before { transform-origin: 0% 50%;   transform: scaleX(1); }
.redlink a:hover::after { transform: translate3d(0, 0, 0); }
.redlink a span { display: inline-block;   transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1); }
.redlink a:hover span { transform: translate3d(-200%, 0, 0); }

/* MENU */
.fix { position: relative; left: 0; top: 0; right: 0; bottom: auto; height: 40vh; z-index: 999; }
.fix2 { position: relative; left: 0; top: 0; right: 0; bottom: auto; z-index: 10; }

.navigation { position:fixed; margin:3% 10%; overflow: auto; }
.navigation2 { position:fixed; margin:3% 3%; overflow: auto; }
.navigation li { float: left; cursor:pointer; list-style-type:none; margin:0 50px 0 0px; text-shadow: white 1px 1px; font-family: 'Lucida Sans Unicode', sans-serif; font-size:1.2em; letter-spacing: 0.3em;  }
.navigation .active { color:#000; padding: 2px 2px 5px 10px }
.navigation .active a { color:#000;}
.navigation .active a:hover { color:red;}
.navigation2 li { float: left; cursor:pointer; list-style-type:none; margin:0 50px 0 0px; text-shadow: white 1px 1px; font-family: 'Lucida Sans Unicode', sans-serif; font-size:1.2em; letter-spacing: 0.3em;  }

/* HEAD */
.head { position:fixed; margin:6% 10% 3% 3%;}
.head2 { position:fixed; margin:6% 10% 3% 3%; bottom:0;}
.head img { -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; width:100% }
.head2 img { -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; width:10% }
.head.small img { -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; width:20%; }
.head2.small2 img { -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; width:20%; }

/* MAIN */
.main { position:relative; z-index: 1;}
.info { position:relative; width:60%; margin:5% 10%; text-align: justify; font-family: 'Oswald', sans-serif; font-size:1.5em; letter-spacing: 0.2em; }
.info h1 { font-family: 'Anton', sans-serif; font-size:1.5em; letter-spacing: 0.2em; }
.all_topics { position:relative; float:left }

.culture { overflow: auto; position:relative; margin:0% 10% 5% 10%;}
.culture img { width:100% }

.rotating { position: relative; text-align: center; top:-100px; z-index:2; }
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {     -webkit-transform: rotate(0deg);     -o-transform: rotate(0deg);     transform: rotate(0deg);   }
  to {     -webkit-transform: rotate(360deg);     -o-transform: rotate(360deg);     transform: rotate(360deg);   }
}
@keyframes rotating {
  from {     -ms-transform: rotate(0deg);     -moz-transform: rotate(0deg);     -webkit-transform: rotate(0deg);     -o-transform: rotate(0deg);     transform: rotate(0deg);   }
  to {     -ms-transform: rotate(360deg);     -moz-transform: rotate(360deg);     -webkit-transform: rotate(360deg);     -o-transform: rotate(360deg);     transform: rotate(360deg);   }
}
.rotating { -webkit-animation: rotating 2s linear infinite; -moz-animation: rotating 2s linear infinite; -ms-animation: rotating 2s linear infinite; -o-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; }
.rotating img { width:80px; }
.rotating img:hover {  }

.how { overflow: auto; position:relative; margin:2% 40% 5% 10%; text-align:justify }
.how { font-family: 'Oswald', sans-serif; font-size:1.4em; letter-spacing: 0.1em; }
.how h1 { font-family: 'Anton', sans-serif; font-size:1.4em; letter-spacing: 0.1em; }
.how h2 { font-family: 'Anton', sans-serif; font-size:1.2em; letter-spacing: 0.1em; }

.contact { overflow: auto; position:relative; margin:5% 10%; font-family: 'Lucida Sans Unicode', sans-serif; font-size:1.2em; letter-spacing: 0.3em; }
.contact img { width:100% }
.contact .one { position:relative; float:left; width:50%; text-align:left; }
.contact .one_in { margin-right:100px;}
.contact .one h1, h2, h3 { font-family: 'Anton', sans-serif; font-size:1em; letter-spacing: 0.2em; }
.contact .one .tel-display { font-family: 'Anton', sans-serif; font-size:1em; letter-spacing: 0.2em; }
.contact .one .clients { position:relative; float:left; width:33%; text-align:left;  }
.contact .two { position:relative; float:left; width:25%; text-align:left;  }
.contact .three { position:relative; float:left; width:25%; text-align:right;  }
.contact .bold { font-family: 'Anton', sans-serif; font-size:1em; letter-spacing: 0.2em; }

.contact .tel1 { position:relative;  width: 100%; text-align:left; font-family: 'Anton', sans-serif; font-size:4em; letter-spacing: 0.2em; }
.contact .tel2 { position:relative; width: 100%; text-align:right; font-family: 'Anton', sans-serif; font-size:4em; letter-spacing: 0.2em; }
.contact .clients .right { position:relative; float:left; text-align:right;  }
.contact .more { position:absolute; bottom:0; right:0; overflow: hidden;}
.contact .more a { padding:12px 18px; background: red; color: white; text-decoration: none }


/* OVERLAYS */
.smart_navigation {  z-index:2; cursor:pointer}
.overlay {z-index:9999; height: 0%; width: 100%; position: fixed; top: 0; right: 0; background: url(blei.jpg) center; overflow:scroll; /* overflow-y: hidden; */ transition: 0.5s; }
.overlay-content { position: relative; top: 15%; width: 100%; text-align: center; margin-top: 10px; }
.overlay a { text-decoration: none; text-transform:uppercase; padding:10px; margin:20px 40px; background-color:#222; color:#fff; display: block; transition: 0.3s; border:1px #222 solid}
.overlay a:hover, .overlay a:focus { background-color:#fff; color:#222;  opacity: 0.5; }
.overlay a.mobile_active { background-color:#ffffff; color:#222  }
.overlay .closebtn { position: absolute; padding:5px 20px; top: 20px; right: 0px; font-size: 30px; background-color:#fff; color:#222 }
.overlay .closebtn:hover { letter-spacing:0; opacity:1; background-color:#222; color:#fff }

.talk { position:relative; z-index:2; position:relative; margin:5% 10%; font-family: 'Lucida Sans Unicode', sans-serif; font-size:1.2em; letter-spacing: 0.3em; }
.talk .a { width:60%; margin: 0 4%; text-align:left; color:white; font-family: 'Anton', sans-serif; font-size:1.5em; letter-spacing: 0.2em; }

/* START TOPICS */
.topic { position:relative; margin:8% 10% 1% 10%; z-index: 1; overflow:auto; }
.topic .videocontent { width:80%; height:100% }
.topic .w30 { width:30%; height:100% }
.topic .w40 { width:40%; height:100% }
.topic .w50 { width:50%; height:100% }
.topic .w60 { width:60%; height:100% }
.topic .w70 { width:70%; height:100% }
.topic .w80 { width:80%; height:100% }
.topic .w90 { width:90%; height:100% }
.topic .w100 { width:100%; height:100% }
.topic .right { float:right }
.topic .center { margin: auto; }

.desc { z-index:1; position:absolute; top: 20%; background:white;}
.desc.right { right:0; }
.desc.right25 { right:25%; }
.desc.center { left:40%; }
.desc.left { left:0; }
.desc.left25 { left:25%; }
.all_topics h2 { text-decoration: underline; font-family: 'Anton', sans-serif; font-size:2em; letter-spacing: 0.2em; line-height:0.5em; text-transform: lowercase; }
.all_topics h3 { font-family: 'Lucida Sans Unicode', sans-serif; font-size:1em; letter-spacing: 0.2em; padding-left:40px;  line-height:0.8em; }
.all_topics h4 { font-family: 'Oswald', sans-serif; font-size:1em; letter-spacing: 0.6em; line-height:0.5em; text-transform: lowercase; }
.all_topics h5 { font-family: 'Oswald', sans-serif; font-size:1em; letter-spacing: 0.1em; line-height:0.5em; }

/* START GIF HOVER */
.static {   position:absolute;   opacity: 1; }
.static:hover {   opacity:0; }
.slide_out { position:relative; width:30% }
.topic .slide:hover { transition: filter .2s ease-in; }
.topic .slide2:hover { transition: filter .2s ease-in; -webkit-filter: saturate(1.5); filter: saturate(1.5); }
.topic .slide img { transition: filter .3s ease-in-out; width:100% }
.topic .slide2 img { transition: filter .3s ease-in-out; width:100% }

/* SHOW */
.show { /* mix-blend-mode: multiply; */ position:relative; /* float:right; width:60%; */ margin:0; top:0; right:0; z-index: 1; }
.thing { position:relative; z-index:0; /* text-align:right; line-height: 0; */ }
.watchthat { position:relative; z-index:0; text-align:center; margin:100px 0}
.thing video { width:100%; margin:0 }
.thing img { width:100%; margin:0 }
.things { margin-top: 2.36111vw; }

.project_list { position:relative; float:left; width:60%; margin:0.1% 20% 5% 20%; padding-bottom: 8%; top:200px; right:0; z-index: 1; }
.eintrag { position:relative; float:left; width:100%; margin:0 0 8px 0; padding:8px 0; top:0; right:0;}
.eintrag:hover { background: #eee;  }
.eintrag .a { position:relative; float:left; width:70%; font-family: 'Oswald', sans-serif; color:#000; font-size:1.2em; letter-spacing: 0.4em; }
.eintrag .b { position:relative; float:left; width:30%;  font-family: 'Oswald', sans-serif; color:#000; font-size:1em; letter-spacing: 0.8em; text-align: right }
.eintrag .image { position: absolute; width:500px; z-index: 9999; text-align:center; top: 50%; left:50%; transform: translate(-50%, -50%);  }

.middlee { /* mix-blend-mode: multiply; */ height: 100%; width:100%; cursor: pointer; }
.middlee2 { position:absolute; z-index:2; opacity: 0.7; width: 80%; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%) }
.middlee2 { font-family: 'Anton', sans-serif; font-size:4em; line-height: 0.8em; letter-spacing: 0.2em;  }
.middlee2 h1 { font-size:2em; margin:0; text-transform: lowercase; }
.middlee2 h1 a { color:red; text-decoration:none; text-transform: lowercase; }
.middlee2 h2 { font-family: 'Oswald', sans-serif; font-size:1em; line-height: 1em; margin:0; text-transform: lowercase; }
.middlee2 h2 a { text-decoration:none; text-transform: lowercase; }
.middlee2 h2.white a {color:white; text-decoration:none }
.middlee2 h2.black a {color:black; text-decoration:none }
.middlee2 h3 { font-size:1.5em; line-height: 1em; margin:0; text-transform: lowercase; }
.middlee2 h3.white a {color:white; text-decoration:none }
.middlee2 h3.black a {color:black; text-decoration:none }
.middlee2 h4 { font-family: 'Oswald', sans-serif; font-size:.7em; line-height: 1em; margin:0; text-transform: lowercase; }
.middlee2 h4.white a {color:white; text-decoration:none }
.middlee2 h4.black a {color:black; text-decoration:none }

.mediabox-wrap {     position: fixed;     width: 100%;     height: 100%;     background-color: #000;     background-color: rgba(0,0,0,1);     top: 0;     left: 0;     opacity: 0;     z-index: 999;     -webkit-animation-duration: 0.5s;     animation-duration: 0.5s;     -webkit-animation-fill-mode: both;     animation-fill-mode: both;     -webkit-animation-name: mediabox;     animation-name: mediabox; }
@-webkit-keyframes mediabox {     0% {         opacity: 0;     }      100% {         opacity: 1;     } }
@keyframes mediabox {     0% {         opacity: 0;     }      100% {         opacity: 1;     } }
.mediabox-content {     /* max-width: 680px; */     display: block;     margin: 0 auto;     height: 100%;     position: relative; }
.mediabox-content iframe {     max-width: 100% !important;     width: 100% !important;     display: block !important;     /* height: 480px !important; */     height: 70%;     border: none !important;     position: absolute;     top: 0;     bottom: 0;     margin: auto 0; }
.mediabox-hide {     -webkit-animation-duration: 0.5s;     animation-duration: 0.5s;     -webkit-animation-fill-mode: both;     animation-fill-mode: both;     -webkit-animation-name: mediaboxhide;     animation-name: mediaboxhide; }
@-webkit-keyframes mediaboxhide {     0% {         opacity: 1;     }      100% {         opacity: 0;     } }
@keyframes mediaboxhide {     0% {         opacity: 1;     }      100% {         opacity: 0;     } }
.mediabox-close {     position: absolute;     top: 50px;     cursor: pointer;     right: 50px;     margin: auto 0;     width: 24px;     height: 24px;     background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAMvSURBVHja7Js9aBRBFMd/d1lPY6FiJVjY+Fkoxl7wA1Q0prQRS6tgoZV2MWIRRVHUUq3U+JnESrS2sBXBzipREWMlATXwt8gFznC5nd15M7Nn8uC45nZnfr/dY96+N1uTxFKOOks8lgUU/H2t4tJqIQUcAiaBGeBymcECRgO4B/wBPgJ9zkdKcvkclfRL/8ZtSTXH40N+GpLGF8zth6Q9Lse7DHCsDXxVJLSDLyQhb4B+Sb/VOVJJ6ATfKqGvrIDjDvCpJLjAz8d0JwmLDTBQAD62hIakiYJzm5a021VAfwn4WBLKwLdK2JUnIJP0XX4RSoIP/Hy8W3jeepv1dL3nmjwI3DLOExrAU2DA8zwb8xKhGeCuwYQtJTSAZwbwAHdcEqFM0mPZhO/foSHppdFcrraby2IDV0FCcPi8PCClhCjwLplgCgkrDeGv5I3pcjViSogK7yogloTo8EUEhJaQBL6oAGsJ9yVtkrRD0qsU8JKolagKZ8AD4ETFymFXgPOAQpXE5mMWOAk86XZ4n6pwlSSUhvcti1dBghe8RV8gpYQRX3irxkgKCSPABV94y85QTAlm8NatsRgSTOGBUnmAS57w3KiA0Ro3gHOW8KEEAOwE3hvfXWubFauu6A6vCND07OmW9viq5vpsGT3AtRAN2XoA+BfAwQBiTweoNpMZw48BRwKuAoPN7zNVWwZjwAfpO9S7DN5cQmYAPw4cTvAsYPJ3qHcpvNmdUO9ieBMJZQT0AhMVgfeWUC8BP87cjjHfuA6sATY0c4c0EgpUUHslvTaq3l5aUL1N1oarAnxSCVWBTyYhJvyw41XJJI3GkpAH/yYyfHQJi01gdUL4qBKqCh9NQrtBx4wGvGi0XS6T9MhoTkN5AtZVDN5awlTePsGfwDfPjGwYGDKu3s4Cp4BRz/N8cskED0iaqciVt7wTvkra5roKlJEQGt5HwhdJ24vmAUUkDEV+VyCT9NBxbp/bXXnXTNBFQmz4IhI6wrs+C+zvICEVvIuEKUlbrZ4G97WRkBq+k4RJSVusd4ntlfSheVudrQh8q4SbmntH6K2kzSF3if1Xsfzq7LKAJR5/BwCdAQBJn4egPgAAAABJRU5ErkJggg==') no-repeat;     background-size: 24px 24px;     -webkit-background-size: 24px 24px;     -moz-background-size: 24px 24px;     -o-background-size: 24px 24px; }
.mediabox-close:hover {     opacity: 0.5; }

/* LANDING PAGE */
.landing_head video { width:100%; margin:0 }

/* FOOT */
.foot { position:relative; margin:1% 10%; /* z-index: 1; */ font-family: 'Lucida Sans Unicode', sans-serif; font-size:1.2em; letter-spacing: 0.3em;  }
.logo { position:relative; margin:2% 0; width:100%; font-family: 'Anton', sans-serif; font-size:3em; letter-spacing: 0.2em; }
.foot .a { position:relative; float:left; width:50%; margin:0 0 10% 0 }
.foot .a a { color:black; font-size:0.8em; text-decoration: none; padding-right:20px }
.foot .a a:hover { color:red; text-decoration: underline }
.foot .bold { font-family: 'Anton', sans-serif; font-size:1em; letter-spacing: 0.2em; }
.foot .b { position:relative; float:left; width:40%; padding:50px  }
.foot .b a { color:black; font-size:0.8em; text-decoration: none; padding-right:20px }
.foot .b a:hover { text-decoration: underline }

/* mailinglist */
.foot p {  font-family: 'Lucida Sans Unicode', sans-serif; font-size:0.8em; letter-spacing: 0.1em;  }
select, .form-control, textarea, input {   height: 55px;   padding: 0 30px;   border: 1px solid transparent;    background-color: transparent;    width: 100%;   transition: 0.4s ease-in-out;   padding-right: 45px;  }
.newsletter-form {   position: relative; margin-top:15px;   }
.newsletter-form .form-group {   margin-bottom: 22px; }
.newsletter-form .form-group input { height: 60px; font-family: 'Anton', sans-serif; font-size:1em; letter-spacing: 0.2em; padding: 0 30px 0 0px; background: transparent; border: 0; border-bottom: 2px solid #000; }
.newsletter-form .form-group input:focus {     outline: none; }
.newsletter-form .form-group input::placeholder {   color: rgba(10, 12, 0, 0.5); }
.newsletter-form .f_btn {   position: absolute;   right: 0;   top: 0;   padding: 0;   border:0;  height: 60px;   background: transparent;   line-height: 60px; }
.newsletter-form .f_btn:hover { opacity: 0.5; cursor:pointer  }

.popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: black;
    color: white;
    padding: 20px;
    border-radius: 5px;
    z-index: 1000;
    text-align: center;
}

.popup.visible {
    display: block;
}



/* mobile menu disable  */
@media screen and (min-width: 1200px) {
	.smart_navigation { display:none; }
}

/* mobile view */
@media screen and (max-width: 1200px) {
	body { top:0; left:0; right:0; bottom:0; padding: 30px; overflow-y: scroll; overflow-x: hidden; }
	.navigation { display:none; }
	.navigation2 { display:none; }
	.project_list { display:none; }
	.foot .b { display:none; }
	.smart_navigation { position:absolute; z-index:80; font-family: 'Anton', sans-serif; font-size:1em; letter-spacing: 0.2em;  }
	.overlay { height: 0%; width: 100%; position: fixed; z-index: 90; top: 0; right: 0; background-color: rgba(255,255,255, 0.9); overflow-y: hidden; transition: 0.5s; }
	.overlay-content { position: relative; top: 15%; width: 100%; text-align: center; margin-top: 10px; }
	.overlay a { text-decoration: none; padding:5px; font-family: 'Anton', sans-serif; font-size:1em; letter-spacing: 0.2em; margin:5px 40px; line-height:50px; background-color:#fff; color:black; display: block; transition: 0.3s;}
	.overlay a:hover, .overlay a:focus { background-color:#fff; color:black; opacity: 0.5; }
	.overlay a.mobile_active { background-color:black; opacity:0.5; color:#fff  }
	.overlay .closebtn { position: absolute; padding:0px 10px 10px 20px; top: 20px; right: 0px; font-size: 60px; background-color:#fff; color:black }
	.overlay .closebtn:hover { letter-spacing:0; opacity:1; background-color:black; color:#fff }

	.head { margin:12% 10% 3% 0%;}
	.head2 img { width:25% }
	.head.small img { width:50%; }
	.head2.small2 img { width:50%; }

	.fix { height: 25vh;}
	.talk { position: relative; float: right; width: 90%; height: auto; margin:10% 10%; }

	.info { width:100%; margin:5% 0%; font-size:1.4em; letter-spacing: 0.1em; }
	.topic { margin:5% 0.1% 20% 0.1%; overflow:visible; }
	.topic .videocontent { width:100%; height:100% }
	.topic .w30, .topic .w40, .topic .w50, .topic .w60, .topic .w70, .topic .w80, .topic .w90 { width:100%; height:100% }
	.topic .right { float: none;}
	.topic .center { float: none; }
	.desc { z-index:1; position:relative; margin: 0; color:black; }
	.desc.right { right:0; left: auto; }
	.desc.right25 { right:0; left: auto; }
	.desc.center { right:0; left: auto; }
	.desc.left { right:0; left: auto; }
	.desc.left25 { right:0; left: auto; }
	.topic .desc1 { font-size: 1em; text-decoration: none}
	.topic .desc2 { display:none }
	.topic .desc3 { display:none }
	.topic .desc4 { display:none }
	.desc h2 { line-height: 1.3em; }

	.middlee { position:relative; margin: 20px; text-align: right; }
	.middlee2 { position:relative; width: 100%; top: 0; left: 0; margin:0; transform:none; line-height: 0.8em; letter-spacing: 0.05em;  }
	.middlee2 h1 { font-size:0.3em; margin:0; color:red; text-transform: lowercase; }
	.middlee2 h2 { font-size:0.3em; line-height: 1em; margin:0; }
	.middlee2 h3 { font-size:0.3em; line-height: 1em; margin:0; }
	.middlee2 h4 { font-size:0.3em; line-height: 1em; margin:0; text-transform: lowercase;  }
	.middlee2 h2.white a {color:black; text-decoration:none }
	.middlee2 h2.black a {color:black; text-decoration:none }
	.middlee2 h3.white a {color:black; text-decoration:none }
	.middlee2 h3.black a {color:black; text-decoration:none }
	.middlee2 h4.white a {color:black; text-decoration:none }
	.middlee2 h4.black a {color:black; text-decoration:none }

	.things { margin-top: 10vw; }

	.landing_head video { width:100%; margin:80px 0 }

	.culture { overflow: auto; position:relative; margin:15% -10%; }
	.culture img { width:100%; margin-bottom: 100px; }
	.rotating img { width:100px }
	.how { width:100%; margin:5% 0% 10% 0%; font-size:1.2em; letter-spacing: 0.1em; }

	.contact { margin:0 }
	.contact .one { width:100%; font-size:0.75em; letter-spacing: 0.1em; }
	.contact .one_in { margin:0; }
	.contact .tel1 { position:relative; float:left; font-size:2em; letter-spacing: 0.1em; }
	.contact .tel2 { psition:relative; float:left; text-align:center; font-size:2em; letter-spacing: 0.1em; }
	.contact .two { width:100%; margin-top:10%; }
	.contact .three { width:100%; }

	.foot { margin:1% 0%; }
	.foot .logo { font-size:1em;  }
	.foot .a { font-size:0.7em; }

}