/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('/css/font/raleway-v11-latin/raleway-v11-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Raleway Light'), local('Raleway-Light'),
       url('/css/font/raleway-v11-latin/raleway-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/font/raleway-v11-latin/raleway-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/font/raleway-v11-latin/raleway-v11-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/css/font/raleway-v11-latin/raleway-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/font/raleway-v11-latin/raleway-v11-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('/css/font/raleway-v11-latin/raleway-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
       url('/css/font/raleway-v11-latin/raleway-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/font/raleway-v11-latin/raleway-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/font/raleway-v11-latin/raleway-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/css/font/raleway-v11-latin/raleway-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/font/raleway-v11-latin/raleway-v11-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('/css/font/raleway-v11-latin/raleway-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Raleway Bold'), local('Raleway-Bold'),
       url('/css/font/raleway-v11-latin/raleway-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/css/font/raleway-v11-latin/raleway-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/css/font/raleway-v11-latin/raleway-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/css/font/raleway-v11-latin/raleway-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/css/font/raleway-v11-latin/raleway-v11-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* tag and classname based rules*/
* {margin:0;padding:0;box-sizing:border-box}
html, body {width:100%;height:100%;color:#666;background:#fff;font-family:Raleway;font-size:26px;line-height:1.6}
html {overflow-y: scroll;}
body {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;font-smooth: always;-moz-osx-font-smoothing: grayscale;}
ul li {list-style:none}
a {color:#fff;text-decoration:none}
h1,h2,h3,h4,h5 {font-weight:300;line-height:1.3}
h1 {font-size:2rem}
h2 {font-size:2rem}
h3 {font-size:1.5rem;font-weight:700;padding-bottom:10px}
h4 {font-size:1rem}
section {background:white;display:block;overflow:hidden}
a, .a, .c-ptr {cursor:pointer}

.strong {font-weight:700}
.tabr {display:table}
.tabr > div {display:table-cell}
.blue {color: #3EAEE4}
.none {display:none}
.bull > li:before {content:" •  "}
.error {text-align:center;color:red}

/* responsive  <1200 */
.pl {padding-left:2rem}
.pr {padding-right:2rem}
img.logo {width:9rem;margin-top:1rem}
div.menu {font-size:0.5rem;}
div.menu > div {padding-bottom:1rem}
div.menu li {padding:0 0 0 0.8rem;}

div.login > div{padding-top:6rem}
h1 {font-size:2rem;line-height:2rem}
h2 {font-size:2rem}
h3 {font-size:0.8rem;line-height:1.5rem}
input {height:1.5rem;line-height:1.5rem;font-size:inherit;padding:0 0.5rem;margin-top:0.5rem}
section {padding-top:4rem;padding-bottom:4rem;}
section.grey {background:#F6F6F6;padding-top:2rem;padding-bottom:2rem;}

div.text {font-size:0.7rem;line-height:1rem;padding:1rem 6rem 0}
section.icons {max-width:1400px;margin:0 auto}
section.icons {font-size:0.6rem;line-height:0.8rem}
section.icons div.icons {padding-right:2.4rem;}
div.module {font-size:0.6rem;line-height:0.9rem}
div.module h4 {font-size:0.7rem;line-height:1rem}
div.module div.pl{padding-right:2.5rem}
div.module div.pr{padding-left:2.5rem}
div.module h2 {font-size:1.5rem;padding-bottom:0.5rem}

ul.project {font-size:0.7rem;}
ul.project div.title {margin-top:1.5rem}
div.bgpict {height:16rem;}

ul.contact  {font-size:0.6rem}
section.contact a.button {width:6rem;margin-top:0.8rem;padding:0.3rem}

/* content based rules */
div.menu {z-index:4;position:fixed;left:0;right:0;top:0;width:100%;font-weight:700;color:#fff;background-color:rgba(62,174,228,0);transition:background-color 0.4s}
div.menu.scroll, div.menu.scroll-mobile {background:rgba(62,174,228,255)}
div.menu a.mobile i {font-size:1.6rem;position:relative;top:0.6rem}
div.menu.tabr > div {vertical-align:bottom;}
div.menu .pr {text-align:right;}
div.menu li {display:inline-block;}

ul.menu  {color:rgba(255,255,255,0.5)}
ul.menu a {color:#fff}

div.login {height: 100%;width: 100%;color:#fff}
div.login {background-image: url(/img/homepage/home-pv.jpg);background-size:cover;background-position:center}

div.homemsg {text-align:center;text-shadow:1px 1px 1px #000;padding-top:0;margin:-1rem auto 1rem auto;font-size:0.55rem;line-height:0.8rem}
div.homemsg p {padding-bottom:0.5rem}

div.login h1 {text-align:center;margin:0 auto;padding-bottom:2rem}
div.form {width:14rem;margin:0 auto;z-index:3;position:relative}
div.ds-form {background:white;border-radius:0.5em;color:#666;padding:0.5rem 1rem 0.5rem 1rem;font-size:0.5rem}
div.warn {background:white;border-radius:0.5em;color:red;padding:0.5rem 1rem 0.5rem 1rem;font-size:0.6rem;text-align:center;box-shadow:1px 1px 3px #999}
div.form input {width:100%;border:1px solid #999;border-radius:0.5em;}
div.form select {width:100%;border:1px solid #999;border-radius:0.5em;padding:0 0.25rem;margin:0.5rem 0}
div.form option {padding:0.25rem;}
div.form a {display:block;text-align:right;color:#666;margin-top:0.5rem}
div.form a.inline {display:inline-block}
div.form a.submit, div.form a.ds-button {width:100%;text-align:center;font-weight:700;line-height:1.5rem;background:#4f4f51;color:white;border-radius:0.5em}
div.ds-form.dsd-recovery0 {display:none;}

section.projects {padding-bottom:0}
section > h2 {color: #3EAEE4; text-align:center}
section > div.text {text-align:center;margin:0 auto;}
section.terms {padding-top:0}
section.terms > div.text {text-align:left;}

section.projects div.desc {width: 50%;margin:0 auto}
section.icons i:before {display:block;font-size:48px}
section.icons div.icons {display:inline-block;width:33.333%;vertical-align:top}
section.center {text-align:center;padding:0 0 100px 0}
a.button {display:inline-block;padding:0.6rem 0;font-size:0.5rem;text-align:center;background:#3EAEE4;color:white;border-radius:0.5em;text-decoration:none}
a.button.module {width:9rem;font-size:0.5rem;padding:0.6rem 0 0.2rem 0}
section.center a.button i:before{font-size:42px;line-height:0.5;display:block}

section.modules {display:none;padding-top:0}
div.module div.text {font-size:23px}
div.module + div.module {padding-top:3em}
div.module > div {display:inline-block;width:50%;vertical-align:top}
div.module h4 {font-weight: 700;padding: 1em 0 0.3em;}
div.module img {width:100%}

ul.bim {overflow:hidden;text-align:left;background:#F6F6F6;position:relative}
ul.bim > li {top:0;left:0;width:100%;text-align:center;}
ul.bim > li > div{padding-bottom:0.5em}
ul.bim div.text {padding-bottom:2em}

ul.project {overflow:hidden;text-align:left;background:#F6F6F6;position:relative}
ul.project > li {position:absolute;top:0;left:0;width:100%;text-align:center;opacity:0;transition:opacity 0.4s}
ul.project > li.show {opacity: 1;position: relative;z-index:2}
ul.project > li > div{padding-bottom:0.5em}
ul.project div.text {min-height:11em}
section.projects span {cursor:pointer;display:inline-block;width:0;height:0;border:6px;border-radius:6px;border-color:#ccc;border-style:solid;margin:10px 7px 43px 7px}
section.projects span.current {border-color:#999;}
div.bgpict {background-position:center;background-size:cover}
section.clients {text-align:center}
ul.client {text-align:center;max-width:1140px;margin:0 auto}
ul.client > li {width:16.66666%;max-width:190px;vertical-align:middle;padding:0.5em;display:inline-block}
ul.client > li.on {display:inline-block;}
ul.client img {width:100%}


ul.contact {text-align:left;max-width:900px;display:block;margin:0 auto;padding-top:4em}
ul.contact > li {display:inline-block;width:50%;padding-right:1rem;vertical-align:bottom}
ul.contact input[type=radio] {margin:0 1em 0.2em 1em;vertical-align:middle;height:1rem}
ul.contact input[type=text] {width:100%;border:0px solid #999;border-radius:0.5em;font-size:inherit;}
ul.contact input, ul.contact textarea  {font-size:inherit;color:#888;margin-top:0.5rem}
ul.contact textarea {width:100%;border:0px solid #999;border-radius:0.5em;padding:1em 1em;height:183px;font-family:inherit}

.mobile, .mobile-ib {display:none !important}
.desktop {display:block !important}
.desktop-ib {display:inline-block !important}


@media screen and (min-width: 1024px) {
	html, body {font-size:30px}
}

@media screen and (min-width: 1600px) {
	html, body {font-size:32px}
	div.text {padding:1rem 12rem 0}
}

@media screen and (max-width: 768px) {
	html, body {font-size:30px}
	.mobile {display:block !important}
	.mobile-ib {display:inline-block !important}
	.desktop, .desktop-ib {display:none !important}
	
	.pl, .pr {padding-left:1rem;padding-right:1rem}
	/*div.form {width:18rem}*/
	div.text {padding:1rem 1rem 0}
	section.icons div.icons {width:100%; padding:1em 20%; text-align:center}
	section.icons i:before {display:block;font-size:2.2em}
	div.module > div {width:100%;padding:1em !important}
	div.module > div.pr, div.module > div.pl {padding:1em 1.5em !important;text-align:center}
	ul.client > li {width:33.33333%}
	/*div.module > div.pict {width:50%;margin-left:25%}*/
	ul.contact > li {width:100% !important}
	div.menu ul {display:none;background:#F6F6F6 !important;}
	div.menu ul a  {color:#666}
	div.menu > div{vertical-align:center}
	
	div.menu ul {position:absolute;left:0em;top:88px;width:100%;background:#fff}
	div.menu ul li {display:block;font-size:1rem;padding:0.4rem 1rem;color:#666;text-align:left;border-bottom:1px solid #000;}
}

@media screen and (max-width: 480px) {
	html, body {font-size:24px}
	div.login h1 {font-size:1.3rem}
	div.login > div {padding-top: 4em}
}