.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both} .animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite} @-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}} @keyframes fadeIn{0%{opacity:0}100%{opacity:1}} .fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn} @-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}} @keyframes pulse{0%{-webkit-transform:scale3d(1, 1, 1);-ms-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);-ms-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}100%{-webkit-transform:scale3d(1, 1, 1);-ms-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}} .pulse{-webkit-animation-name:pulse;animation-name:pulse} @-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}} @keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-ms-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-ms-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);-ms-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);-ms-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}} .flipInX{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX} @font-face{font-family:"Open Sans Regular";src:url("../fonts/opensans-light.eot");src:url("../fonts/opensans-light.eot?#iefix") format("embedded-opentype"),url("../fonts/opensans-light.woff2") format("woff2"),url("../fonts/opensans-light.woff") format("woff"),url("../fonts/opensans-light.ttf") format("truetype"),url("../fonts/opensans-light.svg#open_sanslight") format("svg");font-weight:300;font-style:normal} @font-face{font-family:"Open Sans Regular";src:url("../fonts/opensans-lightitalic.eot");src:url("../fonts/opensans-lightitalic.eot?#iefix") format("embedded-opentype"),url("../fonts/opensans-lightitalic.woff2") format("woff2"),url("../fonts/opensans-lightitalic.woff") format("woff"),url("../fonts/opensans-lightitalic.ttf") format("truetype"),url("../fonts/opensans-lightitalic.svg#open_sanslight_italic") format("svg");font-weight:300;font-style:italic} @font-face{font-family:"Open Sans Regular";src:url("../fonts/opensans-regular.eot");src:url("../fonts/opensans-regular.eot?#iefix") format("embedded-opentype"),url("../fonts/opensans-regular.woff2") format("woff2"),url("../fonts/opensans-regular.woff") format("woff"),url("../fonts/opensans-regular.ttf") format("truetype"),url("../fonts/opensans-regular.svg#open_sansregular") format("svg");font-weight:400;font-style:normal} @font-face{font-family:"Open Sans Semibold";src:url("../fonts/opensans-semibold.eot");src:url("../fonts/opensans-semibold.eot?#iefix") format("embedded-opentype"),url("../fonts/opensans-semibold.woff2") format("woff2"),url("../fonts/opensans-semibold.woff") format("woff"),url("../fonts/opensans-semibold.ttf") format("truetype"),url("../fonts/opensans-semibold.svg#open_sanssemibold") format("svg");font-weight:600;font-style:normal} @media screen and (-webkit-min-device-pixel-ratio: 0){ @font-face{font-family:"Open Sans Regular";src:url("../fonts/opensans-light.svg#open_sanslight") format("svg");font-style:normal} @font-face{font-family:"Open Sans Regular";src:url("../fonts/opensans-lightitalic.svg#open_sanslight_italic") format("svg");font-style:italic} @font-face{font-family:"Open Sans Regular";src:url("../fonts/opensans-regular.svg#open_sansregular") format("svg");font-style:normal} @font-face{font-family:"Open Sans Semibold";src:url("../fonts/opensans-semibold.eot");src:url("../fonts/opensans-semibold.svg#open_sanssemibold") format("svg");font-style:normal} } html,body{margin:0;padding:0;border:0;width:100%;height:100%;-webkit-font-smoothing:subpixel-antialiased} html.disablescroll,body.disablescroll{overflow-y:hidden;height:100%} html{font-size:100%} body{font:normal 1em/1.4 "Open Sans Regular",Arial,sans-serif;text-align:left;color:#000;background:#000;min-width:320px} h1{font:1.9375em/1.1 "Open Sans Regular",Arial,sans-serif;color:#0db02b;text-transform:uppercase;margin:1.5em 0;font-weight:300;} h1 span{font-family:"Open Sans Regular",Arial,sans-serif;font-weight:normal} h1:first-child{margin-top:0} h1+h2,h1+h3{margin-top:-0.5em} h1+h4{margin-top:0} h2{font:1.1875em/1.2 "Open Sans Regular",Arial,sans-serif;color:#000;margin:1.5em 0;font-weight:300} h2:first-child{margin-top:0} h3{font:1.1875em/1.2 "Open Sans Regular",Arial,sans-serif;color:#000;margin:1.5em 0} h3:first-child{margin-top:0} h4{font:1em "Open Sans Semibold",Arial,sans-serif;color:#000;margin:1.5em 0} h4:first-child{margin-top:0} p{font-size:1em;line-height:1.75;margin:0 0 1.5em 0} p:last-child,p.last{margin-bottom:0} strong{font-family:"Open Sans Regular",Arial,sans-serif} a{color:#fff} a:hover{text-decoration:none} ul li:first-child{margin-top:0} img{margin:0;padding:0;border:0} blockquote{margin:0;padding:0;border:0;font-style:italic} picture{display:block} picture img{display:block;width:100%;line-height:0;vertical-align:middle} .top{margin-top:0;padding-top:0} .button,input.sml_submitbtn{position:relative;display:inline-block;*display:inline;zoom:0;padding:5px;border:1px solid #fff;background:none;font-size:1em;line-height:1;text-decoration:none;text-transform:uppercase;cursor:pointer;color:#fff;outline:none;z-index:1} .button span{font-family:"Open Sans Semibold",Arial,sans-serif} .button:after,input.sml_submitbtn:after{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;content:"";z-index:-1;width:100%;height:0;top:0;left:0;background:#fff} .button:hover,.button:active,input.sml_submitbtn:hover,input.sml_submitbtn:active{color:#0db02b} .button:hover:after,.button:active:after,input.sml_submitbtn:hover:after,input.sml_submitbtn:active:after{height:100%} .button.large{font-size:1.45em;padding:10px 20px} .button-primary{border-color:#000;color:#000;padding:10px} .button-primary:hover,.button-primary:active{border-color:#0db02b;color:#0db02b} .button-primary:after{display:none} .design-stage{color:#0db02b;border-color: #0db02b;} .button-primary:hover,.button-primary:active{cursor: default;} .button-secondary{font-size:1.1875em;padding:20px} .quote{text-align:center;margin:30px 0;font-size:1.125em} .quote .title{font-size:1em;padding:0;margin-bottom:10px} .quote .button{font-size:1em} .hide-mobile{display:none !important} .hide-desktop{display:block !important} .show-mobile{display:block !important} .show-mobile-inline{display:inline-block !important;*display:inline !important;zoom:1} .show-desktop{display:none !important} .show-desktop-inline{display:none !important;*display:none !important} #mainheader{position:relative;background:#000;padding:10px 0 0 0;height:110px} #mainheader .logo{background-image:url("../images/logo@0.5x.png");display:block;width:103px;height:59px;margin:10px;margin-top:0;text-decoration:none;background-position:0 0;background-repeat:no-repeat} @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){ #mainheader .logo{background-image:url("../images/logo.png");background-size:103px 59px} } #mainheader .socials{position:absolute;bottom:40px;right:10px} #mainheader .socials a{display:inline-block;*display:inline;margin-right:-4px;zoom:1;vertical-align:top;text-decoration:none;margin:0;padding:10px} #mainheader .socials a.facebook{background-image:url("../images/socials.fb.png");width:8px;height:15px;background-position:center center;background-repeat:no-repeat} #mainheader .socials a.facebook:hover{background-image:url("../images/socials.fb-hover.png")} @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){ #mainheader .socials a.facebook{background-image:url("../images/socials.fb@2x.png");background-size:8px 15px} #mainheader .socials a.facebook:hover{background-image:url("../images/socials.fb@2x-hover.png")} } #mainheader .socials a.instagram{background-image:url("../images/socials.instagram.png");width:15px;height:15px;background-position:center center;background-repeat:no-repeat;margin-right:-10px} #mainheader .socials a.instagram:hover{background-image:url("../images/socials.instagram-hover.png")} #mainheader .socials a.youtube{background-image:url("../images/socials.youtube.png");width:15px;height:15px;background-position:center center;background-repeat:no-repeat;margin-right:-10px;margin-left:9px;} #mainheader .socials a.youtube:hover{background-image:url("../images/socials.youtube-hover.png")} @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){ #mainheader .socials a.instagram{background-image:url("../images/socials.instagram@2x.png");background-size:15px 15px} #mainheader .socials a.instagram:hover{background-image:url("../images/socials.instagram@2x-hover.png")} #mainheader .socials a.youtube{background-image:url("../images/socials.youtube@2x.png");background-size:15px 15px;margin-left:9px;} #mainheader .socials a.youtube:hover{background-image:url("../images/socials.youtube@2x-hover.png")} } #mainheader .contacts{position:absolute;top:10px;right:10px;line-height:1} #mainheader .contacts .phone{text-decoration:none;font-size:1em;line-height:1} #mainheader .mainnav{position:relative;width:100%;color:#fff;margin:10px 0 0 0} #mainheader .mainnav .title{display:block;background:#0db02b;padding:10px 20px;text-transform:uppercase;text-align:center;font-size:1em;cursor:pointer} #mainheader .mainnav .top{position:relative;display:block;padding:10px;height:40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center} #mainheader .mainnav-inner{-webkit-transition:height 1s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:height 1s cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition:height 1s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:height 1s cubic-bezier(0.215, 0.61, 0.355, 1);transition:height 1s cubic-bezier(0.215, 0.61, 0.355, 1);display:none;position:fixed;top:120px;bottom:0;width:100%;background:#202020;z-index:999;overflow-y:auto} #mainheader .mainnav ul{margin:0;padding:0;border:0;width:100%;list-style:none} #mainheader .mainnav ul li{position:relative;display:block;margin:0;padding:0 10px} #mainheader .mainnav ul li a{display:block;text-decoration:none;text-transform:uppercase;font-size:0.875em;padding:10px 0;border-top:1px solid rgba(255,255,255,0.3)} #mainheader .mainnav ul li:first-child a{border-top:0} #mainheader .mainnav ul.sub-menu{display:block;position:relative;background:#2c2b2b;border-top:1px solid rgba(255,255,255,0.3)} #mainheader .mainnav ul.sub-menu li{padding:0} #mainheader .mainnav ul.sub-menu li a{padding:10px 20px} #mainheader .mainnav ul.active{display:block} #mainheader .mainnav.active .mainnav-inner{display:block} #home .slideshow .slide{position:absolute;width:100%;height:100%;overflow:hidden;} #home .slideshow .slide picture{position:relative;z-index:1} #home .slideshow .slide picture img{max-width:100%} #home .slideshow .slide .title{font-size:1.875em;line-height:1.2;padding:0 10px;color:#fff;text-shadow:3px 3px 3px rgba(0,0,0,0.54);opacity:54;font-weight:300} #home .slideshow .slide .content{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.67);z-index:2} #home .slideshow .slide .content-inner{/*width:100%;height:100%;display:table*/height:100%;display:table;text-align:left;margin-left:auto;margin-right:auto;} #home .slideshow .slide .content-inner .title{display:table-cell;text-align:center;vertical-align:middle} #home #homefooter{position:relative;padding:10px;background:#000;color:#fff} #home #homefooter .member{display:block;width:130px;height:56px;background-image:url("../images/footer-member.png");background-position:0 0;background-repeat:no-repeat} @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){ #home #homefooter .member{background-image:url("../images/footer-member@2x.png");background-size:130px 56px} } #home #homefooter .phone,#home #homefooter .email{display:block;text-decoration:none;line-height:1;margin-top:10px} #home #homefooter .phone{font-size:1.3125em} #home #homefooter .email{font-size:1em} #home #homefooter .subscribe{margin-top:20px} #home #homefooter .subscribe .button{font-size:0.875em;margin-bottom:10px} #home #homefooter .subscribe p{font-size:0.875em;line-height:1.3;max-width:200px} .innerpage{background:#fff} .innerpage.black,.innerpage.page-contact{background:#000} .innerpage.black #mainfooter,.innerpage.page-contact #mainfooter{background:#000;color:#fff} .innerpage.black #mainfooter .member,.innerpage.page-contact #mainfooter .member{width:130px;height:56px;background-image:url("../images/footer-member.png");background-position:0 0;background-repeat:no-repeat;background-size:100%;} @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){ .innerpage.black #mainfooter .member,.innerpage.page-contact #mainfooter .member{background-image:url("../images/footer-member@2x.png");background-size:130px 56px} } .innerpage.black #mainfooter section a,.innerpage.page-contact #mainfooter section a{color:#fff} #mainfooter{position:relative;text-align:left;margin:100px auto 25px auto;padding:0 10px;z-index:2} #mainfooter .member{width:161px;height:69px;margin:20px 0;background:url("../images/footer-member-gray@2x.png") no-repeat 0 0;background-size:161px 69px;} #mainfooter section{display:block;vertical-align:top;text-align:left;min-height:69px} #mainfooter section strong{font-family:"Open Sans Semibold",Arial,sans-serif;text-transform:uppercase} #mainfooter section a{color:#000;text-decoration:none} #mainfooter section p{line-height:1.8;margin:0;padding-top:10px} #mainfooter section p:last-child{padding-top:0} #maincontent .bg{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1} #maincontent .bg img{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;margin:auto;min-width:50%;min-height:50%} #maincontent .bg picture{position:fixed;top:-50%;left:-50%;width:200%;height:200%} @media screen and (min-width: 480px){ h1{font-size:2.1875em}h2,h3{font-size:1.4375em}.quote{margin:60px 0;font-size:1.25em} .quote .title{margin-bottom:20px} #mainheader{height:186px;padding-top:20px} #mainheader .logo{width:200px;height:115px;background-image:url("../images/logo.png");background-size:contain;margin:20px;margin-top:0} } @media screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 480px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 480px) and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-width: 480px) and (min-device-pixel-ratio: 2), screen and (min-width: 480px) and (min-resolution: 192dpi), screen and (min-width: 480px) and (min-resolution: 2dppx){ #mainheader .logo{background-image:url("../images/logo@2x.png");background-size:206px 118px} } @media screen and (min-width: 480px){ #mainheader .socials{bottom:58px;right:20px}#mainheader .socials a.facebook{background-image:url("../images/socials.fb@2x.png");width:15px;height:29px} #mainheader .socials a.facebook:hover{background-image:url("../images/socials.fb@2x-hover.png")} } @media screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 480px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 480px) and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-width: 480px) and (min-device-pixel-ratio: 2), screen and (min-width: 480px) and (min-resolution: 192dpi), screen and (min-width: 480px) and (min-resolution: 2dppx){ #mainheader .socials a.facebook{background-image:url("../images/socials.fb@2x.png");background-size:15px 29px} #mainheader .socials a.facebook:hover{background-image:url("../images/socials.fb@2x-hover.png")} } @media screen and (min-width: 480px){ #mainheader .socials a.instagram{background-image:url("../images/socials.instagram@2x.png");width:29px;height:29px} #mainheader .socials a.instagram:hover{background-image:url("../images/socials.instagram@2x-hover.png")} #mainheader .socials a.youtube{background-image:url("../images/socials.youtube@2x.png");width:29px;height:29px;margin-left:9px;} #mainheader .socials a.youtube:hover{background-image:url("../images/socials.youtube@2x-hover.png")} } @media screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 480px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 480px) and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-width: 480px) and (min-device-pixel-ratio: 2), screen and (min-width: 480px) and (min-resolution: 192dpi), screen and (min-width: 480px) and (min-resolution: 2dppx){ #mainheader .socials a.instagram{background-image:url("../images/socials.instagram@2x.png");background-size:29px 29px} #mainheader .socials a.instagram:hover{background-image:url("../images/socials.instagram@2x-hover.png")} #mainheader .socials a.youtube{background-image:url("../images/socials.youtube@2x.png");background-size:29px 29px;margin-left:9px;} #mainheader .socials a.youtube:hover{background-image:url("../images/socials.youtube@2x-hover.png")} } @media screen and (min-width: 480px){ #mainheader .contacts{top:20px;right:20px;font-size:1.25em} #mainheader .mainnav{margin-top:0;padding-top:3px;} #mainheader .mainnav .title{font-size:1.25em} #mainheader .mainnav-inner{top:206px} #mainheader .mainnav ul li{padding:0 20px} #mainheader .mainnav ul li a{font-size:0.9375em;padding:15px 0} #mainheader .mainnav ul.sub-menu li a{padding:15px 30px} #home .slideshow .slide .title{font-size:2.0625em;padding:0 80px;} #home .slideshow .slide .content-inner .title{text-align:left} #home #homefooter{padding:20px} #home #homefooter .member{width:151px;height:64px;background-image:url("../images/footer-member@1.5x.png")} } @media screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 480px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 480px) and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-width: 480px) and (min-device-pixel-ratio: 2), screen and (min-width: 480px) and (min-resolution: 192dpi), screen and (min-width: 480px) and (min-resolution: 2dppx){ #home #homefooter .member{background-image:url("../images/footer-member@2x.png");background-size:151px 64px} } @media screen and (min-width: 480px){ #home #homefooter .phone,#home #homefooter .email{margin-top:20px} #home #homefooter .phone{font-size:1.5625em} #home #homefooter .email{font-size:1.125em} #home #homefooter .subscribe{margin-top:40px} #home #homefooter .subscribe .button{margin-bottom:20px} #home #homefooter .subscribe p{font-size:1em;max-width:220px} #mainfooter{padding:0 20px} } @media screen and (min-width: 1024px){ p{font-size:0.875em} .quote{margin:60px 0;font-size:0.9375em} .hide-mobile{display:block !important} .hide-desktop{display:none !important} .show-mobile{display:none !important} .show-mobile-inline{display:none !important;*display:none !important} .show-desktop{display:block !important} .show-desktop-inline{display:inline-block !important;*display:inline !important;zoom:1} .left{float:left}.right{float:right} .prepend-615{margin-left:-615px !important} .prepend-640{margin-left:-640px !important} .prepend-335{margin-left:-335px !important} .append-50{margin-left:50px !important} #mainheader{position:fixed;top:0;bottom:0;width:260px;height:100%;left:20px;background:rgba(0,0,0,0.65);z-index:3;padding:0} #mainheader .logo{margin:30px;margin-right:auto} #mainheader .contacts{position:relative;top:auto;left:auto;right:auto;font-size:1em;margin:30px} #mainheader .contacts .member{width:151px;height:64px;background:url("../images/footer-member@1.5x.png") no-repeat 0 0} #mainheader .contacts .phone,#mainheader .contacts .email{display:block;text-decoration:none;line-height:1} #mainheader .contacts .phone{font-size:1.5625em;margin-top:30px} #mainheader .contacts .email{font-size:0.9375em;margin-top:20px} #mainheader .subscribe{position:fixed;right:20px;bottom:20px;color:#fff;text-align:right} #mainheader .subscribe .button{font-size:0.875em;margin-bottom:10px} #mainheader .subscribe p{font-size:0.75em;line-height:1.3;max-width:160px} #mainheader .socials{position:fixed;top:10px;right:20px;bottom:auto} #mainheader .socials a.facebook{background-image:url("../images/socials.fb@1.5x.png");width:11px;height:20px} #mainheader .socials a.facebook:hover{background-image:url("../images/socials.fb@1.5x-hover.png")} } @media screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), screen and (min-width: 1024px) and (min-resolution: 192dpi), screen and (min-width: 1024px) and (min-resolution: 2dppx){#mainheader .socials a.facebook{background-image:url("../images/socials.fb@1.5x.png");background-size:11px 20px} #mainheader .socials a.facebook:hover{background-image:url("../images/socials.fb@1.5x-hover.png")} } @media screen and (min-width: 1024px){ #mainheader .socials a.instagram{background-image:url("../images/socials.instagram@1.5x.png");width:20px;height:20px} #mainheader .socials a.instagram:hover{background-image:url("../images/socials.instagram@1.5x-hover.png")} #mainheader .socials a.youtube{background-image:url("../images/socials.youtube@1.5x.png");width:20px;height:20px;margin-left:10px;} #mainheader .socials a.youtube:hover{background-image:url("../images/socials.youtube@1.5x-hover.png")} } @media screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), screen and (min-width: 1024px) and (min-resolution: 192dpi), screen and (min-width: 1024px) and (min-resolution: 2dppx){ #mainheader .socials a.instagram{background-image:url("../images/socials.instagram@1.5x.png");background-size:20px 20px} #mainheader .socials a.instagram:hover{background-image:url("../images/socials.instagram@1.5x-hover.png")} #mainheader .socials a.youtube{background-image:url("../images/socials.youtube@1.5x.png");background-size:20px 20px;margin-left: 10px;} #mainheader .socials a.youtube:hover{background-image:url("../images/socials.youtube@1.5x-hover.png")} } @media screen and (min-width: 1024px){ #mainheader .mainnav{margin-top:30px} #mainheader .mainnav-inner{display:block;position:relative;background:transparent;overflow-y:inherit;top:0} #mainheader .mainnav ul li{padding:0 30px} #mainheader .mainnav ul li a{font-size:0.9375em;padding:15px 0;letter-spacing:0.05em} #mainheader .mainnav ul .current-menu-item a,#mainheader .mainnav ul li a:hover{color:#0db02b} #mainheader .mainnav ul li:first-child a{border-top:1px solid rgba(255,255,255,0.3)} #mainheader .mainnav ul li.last a,#mainheader .mainnav ul li:last-child a{border-bottom:1px solid rgba(255,255,255,0.3)} #mainheader .mainnav ul li.menu-item-has-children:after{-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;width:20px;height:20px;position:absolute;right:20px;top:50%;margin-top:-10px;content:">";display:block;background:#353535;color:rgba(255,255,255,0.6);z-index:1;text-align:center;line-height:20px} #mainheader .mainnav ul li.hover .sub-menu{-webkit-transform:translateX(-10px) translateZ(0);-moz-transform:translateX(-10px) translateZ(0);-ms-transform:translateX(-10px) translateZ(0);-o-transform:translateX(-10px) translateZ(0);transform:translateX(-10px) translateZ(0);visibility:visible;opacity:1} #mainheader .mainnav ul.sub-menu{-webkit-transform:translateX(-50px) translateZ(0);-moz-transform:translateX(-50px) translateZ(0);-ms-transform:translateX(-50px) translateZ(0);-o-transform:translateX(-50px) translateZ(0);transform:translateX(-50px) translateZ(0);-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;position:absolute;left:100%;top:0;width:190px;padding:0 20px;border:1px solid rgba(255,255,255,0.3);background:rgba(0,0,0,0.65);opacity:0;visibility:hidden;z-index:3} #mainheader .mainnav ul.sub-menu li a{padding:15px 0;border-top:1px solid rgba(255,255,255,0.3)} #mainheader .mainnav ul.sub-menu li:first-child a{border-top:0} #mainheader .mainnav ul.active{display:block} #mainheader .mainnav.active .mainnav-inner{display:block} #home{height:100%} #home .slideshow{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1} #home .slideshow .slide{height:100%} #home .slideshow .slide img{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;margin:auto;min-width:50%;min-height:50%} #home .slideshow .slide picture{position:fixed;top:-50%;left:-50%;width:200%;height:200%} #home .slideshow .slide .title{font-size:5em;/*padding-left:360px*/} #home .slideshow .slide .content-inner{padding-left:280px;} .innerpage.black #mainfooter,.innerpage.page-contact #mainfooter{background:transparent} #mainfooter{max-width:1230px;padding:0 30px;text-align:center} #mainfooter .member{margin-top:0} #mainfooter section{display:inline-block;*display:inline;margin-right:-4px;zoom:1;padding:0 30px;text-align:left;border-left:2px solid #a1a1a1} #mainfooter section:first-child{border:0;padding-left:0} .innerpage{background:#fff} .innerpage #mainheader{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:55px;left:0;background:rgba(9,9,9,0.9)} .innerpage #mainheader .wrap{*zoom:1;position:relative;max-width:1116px;margin:0 auto;padding-left:103px;padding-right:71px} .innerpage #mainheader .wrap:before,.innerpage #mainheader .wrap:after{content:" ";display:table} .innerpage #mainheader .wrap:after{clear:both} .innerpage #mainheader .logo{width:180px;height:23px;position:absolute;top:19px;left:30px;margin:0;left:30px;background:url("../images/buildridge_landscape.png") no-repeat 0 0; z-index:2} .innerpage #mainheader .socials{position:absolute;right:30px} .innerpage #mainheader .contacts,.innerpage #mainheader .subscribe{display:none} .innerpage #mainheader .mainnav{float:left;margin:17px 0 0 120px;width:75%;} .innerpage #mainheader .mainnav ul{text-align:center} .innerpage #mainheader .mainnav ul li{display:inline-block;*display:inline;margin-right:-4px;zoom:1;margin:0;padding:0} .innerpage #mainheader .mainnav ul li a{font-size:0.8125em;padding:10px 15px 5px 10px;margin:0;border:0} .innerpage #mainheader .mainnav ul li a span{display:block;margin-bottom:4px;border-bottom:1px solid transparent} .innerpage #mainheader .mainnav ul .current-menu-item a,.innerpage #mainheader .mainnav ul li a:hover{color:#0db02b} .innerpage #mainheader .mainnav ul li.menu-item-has-children:after{display:none} .innerpage #mainheader .mainnav ul li.hover>a{text-decoration:none} .innerpage #mainheader .mainnav ul li.hover>a span{border-bottom:1px solid #fff} .innerpage #mainheader .mainnav ul li.hover .sub-menu{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);visibility:visible;opacity:1;margin-top:-3px;} .innerpage #mainheader .mainnav ul.sub-menu{-webkit-transform:translate(0, -30px);-moz-transform:translate(0, -30px);-ms-transform:translate(0, -30px);-o-transform:translate(0, -30px);transform:translate(0, -30px);-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;left:0;top:100%;width:230px;padding:0 30px;border:0;background:rgba(9,9,9,0.9)} .innerpage #mainheader .mainnav ul.sub-menu li{display:block;text-align:left;margin:0} .innerpage #mainheader .mainnav ul.sub-menu li a{padding:15px 0;border:0; color:#fff} .innerpage #mainheader .mainnav ul.sub-menu li a:hover{color:#0db02b}} @media screen and (min-width: 1280px){ #home .slideshow .slide .title{/*padding-right:180px;padding-left:460px*/} } .showcase{padding:0 10px 0 10px;overflow:hidden;height:100%} .showcase h1{text-align:center;margin:30px 0} .showcase-list .item{position:relative;display:block;text-decoration:none;margin-top:10px} .showcase-list .item .top{display:inline-block;*display:inline;margin-right:-4px;zoom:1;font-size:1.375em;text-transform:uppercase;padding:15px;text-shadow:0 2px 2px rgba(0,0,0,0.6);font-weight:300;} .showcase-list .item .sub{display:block;font-size:0.90909em;margin-top:5px;padding-top:5px;border-top:2px solid #0db02b;text-transform:none} .showcase-list .item picture{margin:0;padding:0;border:0;position:relative;display:block;z-index:1;filter:url("data:image/svg+xml;utf8,#grayscale");filter:gray;-webkit-filter:grayscale(1);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%)} .showcase-list .item .content{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2} .showcase-list .item .content-inner{width:100%;height:100%;display:table} .showcase-list .item .content-inner .title{display:table-cell;text-align:left;vertical-align:bottom} .showcase-list .item:hover picture{filter:none;-webkit-filter:grayscale(0)} .showcase-list .item:first-child{margin-top:0} @media screen and (min-width: 480px){ .showcase{padding:0 20px 0 20px} .showcase h1{margin:60px 0} .showcase-list .item{margin-top:20px} .showcase-list .item .top{padding:20px;font-size:1.625em} .showcase-list .item .sub{font-size:0.92308em} } @media screen and (min-width: 600px){ .showcase-list{margin-left:-5px} .showcase-list .item{display:block;margin-right:0px;zoom:1;width:50%;vertical-align:top;margin-top:0; float:left} .showcase-list .item picture{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:5px;padding-bottom:5px;min-height: 313px;} .showcase-list .item .content{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:5px;padding-bottom:5px} } @media screen and (min-width: 1024px){ .showcase{margin-top:55px;padding:0 30px 0 30px;max-width:1230px;margin-left:auto;margin-right:auto} .showcase h1{margin:90px 0}.showcase-list .item{width:33.33%;margin-left:0;margin-bottom:0} } .showcaseview{padding:20px 10px 0 10px;overflow:hidden;height:100%} .showcaseview .hero{display:none} .showcaseview .gallery picture{display:block;margin-top:10px} .showcaseview .gallery picture:first-child{margin-top:0} @media screen and (min-width: 480px){ .showcaseview{padding:40px 20px 0 20px} .showcaseview .gallery picture{margin-top:20px} } @media screen and (min-width: 600px){ .showcaseview .gallery{margin-left:-20px;margin-bottom:-20px} .showcaseview .gallery picture{display:inline-block;*display:inline;margin-right:-4px;zoom:1;vertical-align:top;width:50%;margin-top:0} .showcaseview .gallery picture img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:20px;padding-bottom:20px} } @media screen and (min-width: 1024px){ .showcaseview{padding:0} .showcaseview .quote .button-primary{padding:5px;font-size:1.06667em} .showcaseview .ct{padding-left:50px} .showcaseview .hero{display:block;max-height:470px;overflow:hidden} .showcaseview .hero img{display:block;width:100%;line-height:0;vertical-align:middle} .showcaseview .gallery{margin:0} .showcaseview .gallery picture{display:block;width:100%;margin-top:30px} .showcaseview .gallery picture img{padding-left:0;padding-bottom:0} .showcaseview .gallery picture:first-child{margin-top:0} .showcaseview .pagecontent{*zoom:1;padding:0 480px 30px 30px;max-width:780px;margin-top:90px;margin-left:auto;margin-right:auto} .showcaseview .pagecontent:before,.showcaseview .pagecontent:after{content:" ";display:table} .showcaseview .pagecontent:after{clear:both} .showcaseview aside{float:left;width:100%} .showcaseview article{float:right;width:450px;margin-right:-450px} } .aboutus{padding:10px;padding-top:0} .aboutus .hero{position:relative;display:block;margin-left:-10px;margin-right:-10px} .aboutus .hero picture{position:relative;z-index:1} .aboutus .hero picture img{display:block;width:100%;line-height:0;vertical-align:middle} .aboutus .hero .title{font-size:0.875em;line-height:1.2;color:#fff;text-shadow:3px 3px 3px rgba(0,0,0,0.54)} .aboutus .hero .title .top{display:inline-block;*display:inline;margin-right:-4px;zoom:1;position:relative;margin-bottom:10px;padding-bottom:5px;text-transform:uppercase} .aboutus .hero .title .top:after{position:absolute;bottom:0;left:50%;content:"";width:80%;margin-left:-40%;border-bottom:1px solid #fff} .aboutus .hero .title .sub{display:block;max-width:70%;margin:0 auto;line-height:1.4} .aboutus .hero .title .sub em{display:block;font-family:"Open Sans Semibold",Arial,sans-serif;line-height:1.6} .aboutus .hero .content{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.5);z-index:2} .aboutus .hero .content-inner{width:100%;height:100%;display:table} .aboutus .hero .content-inner .title{display:table-cell;text-align:center;vertical-align:middle} .aboutus .timer{*zoom:1;position:relative;display:block;margin-top:10px;margin-bottom:10px;margin-left:-10px;margin-right:-10px;overflow:hidden} .aboutus .timer:before,.aboutus .timer:after{content:" ";display:table} .aboutus .timer:after{clear:both} .aboutus .timer .title{display:block;text-align:center;font:bold 1em "Open Sans Semibold",Arial,sans-serif;color:#fff;margin-bottom:20px;text-shadow:3px 3px 3px rgba(0,0,0,0.54)} .aboutus .timer .counter{text-align:center} .aboutus .timer .counter section{width:40px;height:40px;display:inline-block;*display:inline;margin-right:-4px;zoom:1;vertical-align:middle;position:relative;border:1px solid rgba(255,255,255,0.5);border-radius:100%;padding:5px;margin-top:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .aboutus .timer .counter section .label{position:absolute;top:-20px;left:0;display:block;width:100%;color:#fff;text-shadow:3px 3px 3px rgba(0,0,0,0.54);text-align:center;font:bold 0.5625em "Open Sans Semibold",Arial,sans-serif;text-transform:uppercase} .aboutus .timer .counter section .count{width:100%;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:28px;font-size:1em;font-weight:bold;font-family:"Open Sans Semibold",Arial,sans-serif;color:#fff;text-align:center} .aboutus .timer .counter section svg{width:100%;height:100%;position:absolute;top:0;left:0} .aboutus .timer .counter section .path{transform-origin:center;stroke:#fff} .aboutus .timer .counter section .path.years{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);stroke-dasharray:180;stroke-dashoffset:45} .aboutus .timer .counter section .path.months{stroke-dasharray:180;stroke-dashoffset:180} .aboutus .timer .counter section .path.weeks{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);stroke-dasharray:180;stroke-dashoffset:81} .aboutus .timer .counter section .path.days{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);stroke-dasharray:180;stroke-dashoffset:144} .aboutus .timer .content{position:relative;z-index:2;padding:10px} .aboutus .timer picture{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1} .aboutus .timer picture img{max-width:100%} .aboutus .timer.top{margin-top:0} .aboutus article picture{margin-bottom:10px;vertical-align:top} .aboutus article picture:last-child,.aboutus article picture.last{margin-bottom:0} @media screen and (min-width: 480px){ .aboutus{padding:20px;padding-top:0} .aboutus .hero{margin-left:-20px;margin-right:-20px} .aboutus .hero .title{font-size:0.875em} .aboutus .hero .title .sub{max-width:60%} .aboutus .timer{margin-top:20px;margin-right:-20px;margin-left:-20px;margin-bottom:20px} .aboutus .timer .title{font-size:1.25em} .aboutus .timer .content{padding:20px} .aboutus .timer .content section{width:60px;height:60px} .aboutus .timer .content section .label{top:-20px;font-size:0.625em} .aboutus .timer .content section .count{line-height:45px;font-size:1.4375em} .aboutus .timer .content section .path.years{stroke-dasharray:190;stroke-dashoffset:48} .aboutus .timer .content section .path.months{stroke-dasharray:190;stroke-dashoffset:190} .aboutus .timer .content section .path.weeks{stroke-dasharray:190;stroke-dashoffset:85.5} .aboutus .timer .content section .path.days{stroke-dasharray:190;stroke-dashoffset:152} .aboutus .timer .content section:nth-child(n+1){margin-left:-10px} .aboutus article picture{margin-bottom:20px} .aboutus article picture:last-child,.aboutus article picture.last{margin-bottom:0} } @media screen and (min-width: 600px){ .aboutus .hero{max-height:470px;overflow:hidden} .aboutus .hero .title{font-size:1.25em} .aboutus .hero .title .sub{width:50%} .aboutus .timer{margin-top:0} .aboutus .gallery{margin-left:-20px;margin-bottom:-20px} .aboutus .gallery picture{display:inline-block;*display:inline;margin-right:-4px;zoom:1;vertical-align:top;width:50%;margin-top:0} .aboutus .gallery picture img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:20px;padding-bottom:20px} } @media screen and (min-width: 1024px){ .aboutus{padding:0} .aboutus h1{margin-top:0;padding-top:0} .aboutus .hero{margin:0;margin:0} .aboutus .hero .title{font-size:1.875em;padding-top:55px} .aboutus .hero .title .sub em{font-family:"Open Sans Regular",Arial,sans-serif} .aboutus .timer{margin-top:60px;margin-bottom:60px;margin-left:-670px;margin-right:-30px} .aboutus .timer .title{font:normal 1.875em "Open Sans Regular",Arial,sans-serif} .aboutus .timer .content{padding:60px} .aboutus .timer .content section{width:80px;height:80px;margin-top:30px} .aboutus .timer .content section .label{top:-30px;font:normal 1em "Open Sans Regular",Arial,sans-serif} .aboutus .timer .content section .count{font:normal 2.1875em "Open Sans Regular",Arial,sans-serif;line-height:65px} .aboutus .timer .content section .path.years{stroke-dasharray:180;stroke-dashoffset:45} .aboutus .timer .content section .path.months{stroke-dasharray:180;stroke-dashoffset:180} .aboutus .timer .content section .path.weeks{stroke-dasharray:180;stroke-dashoffset:81} .aboutus .timer .content section .path.days{stroke-dasharray:180;stroke-dashoffset:144} .aboutus .timer .content section:nth-child(n+1){margin-left:-10px} .aboutus .gallery{*zoom:1;margin:0} .aboutus .gallery:before,.aboutus .gallery:after{content:" ";display:table} .aboutus .gallery:after{clear:both} .aboutus .gallery picture{width:auto;margin-right:0} .aboutus .gallery picture img{padding:0} .aboutus .pagecontent{*zoom:1;padding:0 30px 30px 620px;max-width:640px;margin-top:90px;margin-left:auto;margin-right:auto} .aboutus .pagecontent:before,.aboutus .pagecontent:after{content:" ";display:table} .aboutus .pagecontent:after{clear:both} .aboutus .ct{padding-left:50px} .aboutus .row{*zoom:1} .aboutus .row:before,.aboutus .row:after{content:" ";display:table} .aboutus .row:after{clear:both} .aboutus article{float:right;width:100%} } @media screen and (min-width: 1280px){ .aboutus .hero .title{font-size:2.1875em} .aboutus .timer{margin-top:90px;margin-bottom:90px;margin-left:-670px;margin-right:-30px} .aboutus .timer .title{font:normal 2.3125em "Open Sans Regular",Arial,sans-serif} .aboutus .timer .content{padding:60px} .aboutus .timer .content section{width:110px;height:110px;margin-top:60px} .aboutus .timer .content section .label{top:-30px;font:normal 1.125em "Open Sans Regular",Arial,sans-serif} .aboutus .timer .content section .count{font:normal 2.8125em "Open Sans Regular",Arial,sans-serif;line-height:95px} .aboutus .timer .content section .path.years{stroke-dasharray:180;stroke-dashoffset:45} .aboutus .timer .content section .path.months{stroke-dasharray:180;stroke-dashoffset:180} .aboutus .timer .content section .path.weeks{stroke-dasharray:180;stroke-dashoffset:81} .aboutus .timer .content section .path.days{stroke-dasharray:180;stroke-dashoffset:144} .aboutus .timer .content section:nth-child(n+1){margin-left:-25px} } .contactus{position:relative;padding:0 10px 0 10px;background:#000 url("../images/contactus/bg-480.jpg") no-repeat center top;text-align:center;z-index:2} .contactus h1,.contactus h2{color:#fff;margin-bottom:1em} .contactus h2{font:1.9375em/1.1 "Open Sans Regular",Arial,sans-serif;text-transform:uppercase;margin:1.5em 0 1em 0} .contactus h2 span{font-family:"Open Sans Regular",Arial,sans-serif;font-weight:normal} .contactus .gotoform{margin:40px 0} .contactus .map-container{margin-top:50px;margin-bottom:0;margin-left:-10px;margin-right:-10px} .contactus .map-container #map{width:100%;height:200px;border:0} .contactus .vcard{text-align:left;color:#fff} .contactus .vcard i{background-image:url("../images/contact.png");width:30px;height:30px;background-position:0 0;background-repeat:no-repeat;position:absolute;left:0;top:0;content:""} @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){ .contactus .vcard i{background-image:url("../images/contact@2x.png");background-size:230px 30px} } .contactus .vcard i.postal-address{background-position:-195px 0} .contactus .vcard i.phone{background-position:-30px 0} .contactus .vcard i.email{background-position:-60px 0} .contactus .vcard i.fax{width:40px;height:30px;background-position:-94px 0} .contactus .vcard i.abn{background-position:-130px 0} .contactus .vcard i.number{background-position:-160px 0} .contactus .vcard p{position:relative;padding-left:50px} .contactus .vcard p strong,.contactus .vcard p span{display:block} .contactus .vcard p.single{line-height:30px} .contactus .vcard p.single strong,.contactus .vcard p.single span{display:inline} .contactus .form{text-align:left;color:#fff} .contactus .form input,.contactus .form textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font:normal 1em/1.4 "Open Sans Regular",Arial,sans-serif;color:#fff;background:transparent;border:0;margin:0;padding:6.66667px 10px;width:100%} .contactus .form input::-webkit-input-placeholder,.contactus .form textarea::-webkit-input-placeholder{color:#fff} .contactus .form input:-moz-placeholder,.contactus .form textarea:-moz-placeholder{color:#fff} .contactus .form input::-moz-placeholder,.contactus .form textarea::-moz-placeholder{color:#fff} .contactus .form input:-ms-input-placeholder,.contactus .form textarea:-ms-input-placeholder{color:#fff} .contactus .form input:focus,.contactus .form textarea:focus{outline:0 none} .contactus .form fieldset{border:0;padding:0;margin:35px 0 0 0} .contactus .form fieldset:first-child{margin-top:0} .contactus .form legend{margin:0;padding:0;border:0;display:block;width:100%;position:relative;font:normal 1em/1 "Open Sans Regular",Arial,sans-serif;text-transform:uppercase;padding-bottom:10px;border-bottom:1px solid #fff;margin:0 0 20px 0} .contactus .form .input{border:1px solid rgba(255,255,255,0.7);margin-top:15px} .contactus .form .input.error{border-color:red} .contactus .form .input.error input{color:red} .contactus .form .input.error input::-webkit-input-placeholder{color:red} .contactus .form .input.error input:-moz-placeholder{color:red} .contactus .form .input.error input::-moz-placeholder{color:red} .contactus .form .input.error input:-ms-input-placeholder{color:red} .contactus .form .input:first-child{margin-top:0} .contactus .form .checkbox{margin-top:5px;position:relative;padding-left:50px;min-height:27px} .contactus .form .checkbox span{width:25px;height:25px;-webkit-transition:all,0.3s;-moz-transition:all,0.3s;-ms-transition:all,0.3s;-o-transition:all,0.3s;transition:all,0.3s;position:absolute;border:1px solid rgba(255,255,255,0.7);background:transparent;left:0} .contactus .form .checkbox span:before{-webkit-transform:rotate(45deg) translate3d(0, -0.5em, 0);-moz-transform:rotate(45deg) translate3d(0, -0.5em, 0);-ms-transform:rotate(45deg) translate3d(0, -0.5em, 0);-o-transform:rotate(45deg) translate3d(0, -0.5em, 0);transform:rotate(45deg) translate3d(0, -0.5em, 0);display:none;content:"";position:absolute;top:.2em;left:0;width:.4em;height:.7em;border-right:3px solid transparent;border-bottom:3px solid transparent;transform-origin:0% 100%;border-color:#0db02b} .contactus .form .checkbox label{cursor:pointer} .contactus .form .checkbox input{display:none} .contactus .form .checkbox input:checked+span{border-color:#0db02b} .contactus .form .checkbox input:checked+span:before{display:block} .contactus .form .checkbox .label{line-height:25px} .contactus .form .checkbox:first-child,.contactus .form .checkbox:nth-child(2){/*margin-top:0*/} .contactus .form .file-group{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;display:table;border-collapse:separate;width:100%} .contactus .form .file-group .btn{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:table-cell;width:1%;position:relative;font-size:0;white-space:nowrap;vertical-align:middle;margin-left:-2px} .contactus .form .file-group .btn span{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;*display:inline;margin-right:-4px;zoom:1;font-size:14px;line-height:1;height:34px;margin-right:-1px;margin-left:10px;padding:6.66667px 15px;color:#fff;border:1px solid #fff;overflow:hidden;cursor:pointer} .contactus .form .file-group .btn input{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);opacity:0;background:red;cursor:inherit;display:block} .contactus .form .file-group .control{display:table-cell;position:relative;float:left;width:100%;z-index:2;border:1px solid rgba(255,255,255,0.7)} .contactus .form .file{margin-top:20px} .contactus .form .file:first-child{margin-top:0} .contactus .form .textarea{margin-top:35px;min-height:100px} .contactus .form .textarea textarea{min-height:100%;border: 1px solid rgba(255,255,255,0.7);} .contactus .form .submit{margin-top:20px} .contactus .form .submit button{font-family:"Open Sans Regular",Arial,sans-serif;font-weight:normal;text-transform:none;padding:10px 20px} .contactus .form .submit button span{font-family:"Open Sans Regular",Arial,sans-serif} #messageform .wpcf7-form fieldset div.file-list {padding-bottom: 35px; padding-top: 5px;} @media screen and (min-width: 480px){ .contactus{padding:0 20px 0 20px;background:#000 url("../images/contactus/bg-600.jpg") no-repeat center top} .contactus h2{font-size:2.1875em} .contactus .gotoform{margin:80px 0;font-size:1.4375em} .contactus .map-container{margin-top:100px;margin-bottom:0;margin-left:-20px;margin-right:-20px} .contactus .map-container #map{height:300px} .contactus .form .textarea{min-height:200px} } @media screen and (min-width: 480px) and (max-width: 1023px){ .contactus .form .textarea{margin-top:35px;min-height:200px} #messageform .wpcf7-form fieldset div.file-list {padding-bottom: 35px; padding-top: 5px;} } @media screen and (min-width: 600px){.contactus{background:#000 url("../images/contactus/bg-1024.jpg") no-repeat center top}} @media screen and (min-width: 1024px){ .contactus{margin-top:85px;padding:0;background:transparent} .contactus .gotoform{display:none} .contactus .map-container{margin-top:30px;margin-bottom:0;margin-left:0;margin-right:0} .contactus .map-container #map{height:410px} .contactus .pagecontent{*zoom:1;padding:0 520px 30px 30px;max-width:470px;margin:0 auto} .contactus .pagecontent:before,.contactus .pagecontent:after{content:" ";display:table} .contactus .pagecontent:after{clear:both} .contactus .vcard p{font-size:1em} .contactus .form h2{margin-top:0} .contactus .form input,.contactus .form textarea{font-size:0.875em;padding:6.66667px 10px} .contactus .form legend{font-size:0.875em} .contactus .form .input{display:inline-block;*display:inline;margin-right:-4px;zoom:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:top;width:235px} .contactus .form .input.fullwidth{width:100%} .contactus .form .input.even{margin-left:20px} .contactus .form .input.first-line{margin-top:0px} .contactus .form .checkbox{display:inline-block;*display:inline;margin-right:-4px;zoom:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:top;width:235px;padding-left:30px} .contactus .form .checkbox span{width:15px;height:15px} .contactus .form .checkbox span:before{-webkit-transform:rotate(45deg) translate3d(0, -0.2em, 0);-moz-transform:rotate(45deg) translate3d(0, -0.2em, 0);-ms-transform:rotate(45deg) translate3d(0, -0.2em, 0);-o-transform:rotate(45deg) translate3d(0, -0.2em, 0);transform:rotate(45deg) translate3d(0, -0.2em, 0);top:0;left:0;width:.2em;height:.5em} .contactus .form .checkbox .label{line-height:1.3;font-size:0.875em} .contactus .form .checkbox.second{margin-top:0} .contactus .form .checkbox.even{margin-left:20px} .contactus .form .file{display:inline-block;*display:inline;margin:0 07px 15px 0;zoom:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:top;width:235px} .contactus .form .file.second{margin-top:0} .contactus .form .file.even{/*margin-left:20px*/} .contactus .form .textarea{min-height:120px;float:left;min-width:350px;margin-top:5px;} .contactus .form .submit{float:right;margin-top:5px} .contactus article{float:left;width:100%} .contactus aside{float:right;width:490px;margin-right:-490px} } @media screen and (min-width: 1280px){ .contactus{margin-top:145px} } .status{width:25px;height:21px;display:inline-block;*display:inline;margin-right:-4px;zoom:1;vertical-align:middle;} .status.tendering{background: url("../images/tendering_small.png") no-repeat;background-color:#0db02b;} .status.uconstruction{background: url("../images/constr_small.png") no-repeat;background-color:#0db02b} .status.ucontract{background: url("../images/contract_small.png") no-repeat;background-color:#0db02b} .status.cdesign{background: url("../images/design_small.png") no-repeat;background-color:#0db02b;padding:0} .status.none.tendering{background: url("../images/tendering_small.png") no-repeat;background-color:#ccc;} .status.none.uconstruction{background: url("../images/constr_small.png") no-repeat;background-color:#ccc} .status.none.ucontract{background: url("../images/contract_small.png") no-repeat;background-color:#ccc} .status.none.cdesign{background: url("../images/design_small.png") no-repeat;background-color:#ccc;padding:0} .status.none{background-color: #ccc;background-position:-34px -38px} .status.big{width:32px;height:28px;background-position:0 0} .status.big.tendering{background: url("../images/tendering_medium.png") no-repeat;background-color: #0db02b;} .status.big.uconstruction{background: url("../images/constr_medium.png") no-repeat;background-color: #0db02b;} .status.big.ucontract{background: url("../images/contract_medium.png") no-repeat;background-color: #0db02b;} .status.big.cdesign{background: url("../images/design_medium.png") no-repeat;background-color: #0db02b;} .worksinprogress{overflow:hidden;height:100%} .worksinprogress .hero{display:none} .worksinprogress .pagecontent{padding:20px 10px 0 10px} .worksinprogress .statuses-list .item{display:block;overflow:hidden;min-height:30px;margin:20px 0 0 0;padding-left:50px} .worksinprogress .statuses-list .item .status{float:left;margin-left:-50px} .worksinprogress .statuses-list .item .label{display:inline-block;*display:inline;margin-right:-4px;zoom:1;vertical-align:middle;text-transform:uppercase;line-height:1.8} .worksinprogress .statuses-list .item:nth-child(odd){padding-right:20px} .worksinprogress .pagination{text-align:center;margin:40px 0 0 0} .worksinprogress .pagination a,.worksinprogress .pagination span{display:inline-block;*display:inline;margin-right:-4px;zoom:1;color:#5ec25a!important;margin-left:20px;border:2px solid #5ec25a;padding:5px 10px;box-shadow:none;text-shadow:none;border-radius:0;background:transparent;text-decoration:none;font:normal 1.125em/1 "Open Sans Semibold",Arial,sans-serif} .worksinprogress .pagination a:hover,.worksinprogress .pagination a:focus{background:none;border:2px solid #5ec25a;} .worksinprogress .pagination a:first-child,.worksinprogress .pagination span:first-child{margin-left:0} .worksinprogress .pagination span{color:#a1a1a1!important;border-color:#a1a1a1} .worksinprogress .objects-list{margin-top:50px} .worksinprogress .objects-list>ul{margin:0;padding:0;border:0;list-style:none} .worksinprogress .objects-list>ul>li{margin:40px 0 0 0} .worksinprogress .objects-list>ul>li:first-child{margin-top:20px} .worksinprogress .objects-list .period{font-size:1.3125em;color:#5ec25a;padding-bottom:6.66667px;margin-top:40px;text-transform:uppercase;border-bottom:1px solid #5ec25a} .worksinprogress .objects-list .period:first-child{margin-top:0} .worksinprogress .objects-list .object-title{font:normal 1.125em "Open Sans Regular",Arial,sans-serif} .worksinprogress .objects-list .object-desc p{margin-bottom:0} .worksinprogress .objects-list .object-desc strong{font-family:"Open Sans Regular",Arial,sans-serif;font-weight:normal} .worksinprogress .objects-list .object-status{margin-top:10px} .worksinprogress .objects-list .object-status .status{margin-right:0} @media screen and (min-width: 480px){ .worksinprogress .pagecontent{padding:40px 20px 0 20px} .worksinprogress .statuses-list .item{display:inline-block;*display:inline;margin-right:-4px;zoom:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:25%;vertical-align:top} .worksinprogress .objects-list .period{font-size:1.5625em} } @media screen and (min-width: 600px){ .worksinprogress .pagination{margin-top:80px;margin-bottom:40px} .worksinprogress .pagination a,.worksinprogress .pagination span{font-size:1em!important} .worksinprogress .objects-list>ul>li{display:inline-block;*display:inline;margin-right:-4px;zoom:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:top;width:50%;margin-top:40px} .worksinprogress .objects-list>ul>li:first-child{margin-top:40px} .worksinprogress .objects-list>ul>li:nth-child(odd){padding-right:25px} .worksinprogress .objects-list>ul>li:nth-child(even){padding-left:25px} .worksinprogress .objects-list .object-desc{max-width:80%} } @media screen and (min-width: 1024px){ .status.big.tendering{width:36px;height:32px;background: url("../images/tendering_big.png") no-repeat;background-position: 1 0;background-color: #0db02b;} .status.big.uconstruction{width:38px;height:32px;background: url("../images/constr_big.png") no-repeat;background-position: 1 0;background-color: #0db02b;} .status.big.ucontract{width:36px;height:32px;background: url("../images/contract_big.png") no-repeat;background-color: #0db02b;} .status.big.cdesign{width:36px;height:32px;background: url("../images/design_big.png") no-repeat;background-color: #0db02b;} .worksinprogress .hero{display:block;max-height:470px;overflow:hidden} .worksinprogress .hero img{display:block;width:100%;line-height:0;vertical-align:middle} .worksinprogress .pagecontent{*zoom:1;padding:0 30px;max-width:1230px;margin:90px auto 0 auto} .worksinprogress .pagecontent:before,.worksinprogress .pagecontent:after{content:" ";display:table} .worksinprogress .pagecontent:after{clear:both} .worksinprogress .introduction{padding:0 60px 60px 60px} .worksinprogress .introduction h1{text-align:center} .worksinprogress .statuses-list{width:100%;margin:0 auto} .worksinprogress .statuses-list .label{font-size:1.1875em} .worksinprogress .objects-list{padding:0 60px 0 60px} .worksinprogress .objects-list .period{padding-bottom:20px} .worksinprogress .objects-list .object-title{font-size:1em} } @media screen and (min-width: 1280px){ .worksinprogress .introduction,.worksinprogress .objects-list{padding-left:0px;padding-right:0px} } .design{padding:20px 10px 0 10px;overflow:hidden;height:100%} .design p{text-align:left} .design .quote{margin-bottom:0} .design .quote .title{text-align:center} .design .hero{display:none} .design .gallery picture{display:block;margin-top:10px} .design .gallery picture:first-child{margin-top:0} .design .stage .hero{display:block;overflow:none;margin:30px 0} .design .stage.stage-1{margin-top:40px} .design .stage.stage-1 .hero{margin-top:0} .design .ct{text-align:center} .design .ct .button{margin-bottom:30px} @media screen and (min-width: 480px){ .design{padding:40px 20px 0 20px} .design .gallery picture{margin-top:20px} .design .stage .hero{margin:60px 0} .design .stage.stage-1{margin-top:60px} .design .ct .button{margin-bottom:60px} } @media screen and (min-width: 1024px){ .design{padding:0} .design p{text-align:left} .design .quote .button-primary{padding:5px;font-size:1.06667em} .design>.hero{display:block;max-height:470px;overflow:hidden} .design>.hero img{display:block;width:100%;line-height:0;vertical-align:middle} .design .gallery{margin-bottom:-30px} .design .gallery picture{display:inline-block;*display:inline;margin-right:-4px;zoom:1;vertical-align:top;width:50%;margin-top:0} .design .gallery picture img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:30px;padding-bottom:30px} .design .gallery.prepend-615{max-width:615px} .design .gallery.prepend-615 picture img{padding-left:0;padding-right:30px} .design .gallery-single picture{width:100%} .design .introduction{padding:0 60px 60px 60px} .design .introduction h1{text-align:center} .design .pagecontent{*zoom:1;padding:0 30px 30px 645px;margin-top:90px;margin-left:auto;margin-right:auto} .design .pagecontent:before,.design .pagecontent:after{content:" ";display:table} .design .pagecontent:after{clear:both} .design .ct{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:615px;text-align:center;padding-top:60px} .design .ct .button{margin-bottom:30px} .design .ct.prepend-615{padding-right:60px} .design .row{*zoom:1;max-width:615px;margin:0 auto} .design .row:before,.design .row:after{content:" ";display:table} .design .row:after{clear:both} .design .stage{*zoom:1;clear:left} .design .stage:before,.design .stage:after{content:" ";display:table} .design .stage:after{clear:both} .design .stage .hero{margin:65px -30px 65px -645px} .design .stage.stage-1{margin-top:0} .design article{float:right;width:100%} } @media screen and (min-width: 1280px){ .design .introduction{padding-left:150px;padding-right:150px} .design .ct{padding-left:60px} .design .ct.prepend-615{padding-right:60px;padding-left:0} } .brochures{padding:20px 10px 0 10px;overflow:hidden} .brochures .hero{display:none} .brochures .list{margin-top:40px} .brochures .list .title{font-size:1.25em;color:#0db02b;margin-bottom:10px;text-transform:uppercase} .brochures .list .desc{margin-bottom:10px} .brochures .list .item{margin-top:40px} .brochures .list .item:first-child{margin-top:0} @media screen and (min-width: 480px){ .brochures{padding:40px 20px 0 20px} .brochures .list{margin-top:60px} .brochures .list .title{font-size:1.5em;margin-bottom:20px} .brochures .list .desc{margin-bottom:20px} .brochures .list .item{margin-top:60px} } @media screen and (min-width: 1024px){ .brochures{padding:0} .brochures .hero{display:block;max-height:470px;overflow:hidden} .brochures .hero img{display:block;width:100%;line-height:0;vertical-align:middle} .brochures .introduction{padding:0 60px 60px 60px} .brochures .introduction h1{text-align:center} .brochures .list{margin-top:0;padding:0 60px 0 60px} .brochures .list .item{display:inline-block;*display:inline;margin-right:-4px;zoom:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:50%;margin:60px -4px 0 0;vertical-align:top} .brochures .list .item:nth-child(odd){padding-right:50px} .brochures .list .item:nth-child(even){padding-left:50px} .brochures .list .item:nth-child(2){margin-top:0} .brochures .pagecontent{*zoom:1;padding:0 30px 0 30px;max-width:1230px;margin-top:90px;margin-left:auto;margin-right:auto} .brochures .pagecontent:before,.brochures .pagecontent:after{content:" ";display:table} .brochures .pagecontent:after{clear:both} } @media screen and (min-width: 1280px){ .brochures .introduction,.brochures .list{padding-left:150px;padding-right:150px} } .sponsorships{padding:20px 10px 0 10px;overflow:hidden} .sponsorships picture img{width:auto;max-width:100%} .sponsorships .hero{display:none} .sponsorships .list{margin-top:40px} .sponsorships .list .title{font-size:1.25em;color:#0db02b;margin-bottom:10px;text-transform:uppercase} .sponsorships .list .desc{margin-bottom:10px} .sponsorships .list .item{margin-top:50px} .sponsorships .list .item:first-child{margin-top:0} @media screen and (min-width: 480px){ .sponsorships{padding:40px 20px 0 20px} .sponsorships .list{margin-top:60px} .sponsorships .list .title{font-size:1.5em;margin-bottom:20px} .sponsorships .list .desc{margin-bottom:20px} .sponsorships .list .item{display:inline-block;*display:inline;margin-right:-4px;zoom:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:50%;margin:60px -4px 0 0;vertical-align:top} .sponsorships .list .item:nth-child(odd){padding-right:25px} .sponsorships .list .item:nth-child(even){padding-left:25px} .sponsorships .list .item:nth-child(2){margin-top:0}} @media screen and (min-width: 1024px){ .sponsorships{padding:0} .sponsorships .hero{display:block;max-height:470px;overflow:hidden} .sponsorships .hero img{display:block;width:100%;line-height:0;vertical-align:middle} .sponsorships .introduction{padding:0 60px 60px 60px} .sponsorships .introduction h1{text-align:center} .sponsorships .list{margin-top:0;padding:0 60px 0 60px} .sponsorships .list .item{margin:60px -4px 0 0} .sponsorships .list .item:nth-child(odd){padding-right:50px} .sponsorships .list .item:nth-child(even){padding-left:50px} .sponsorships .pagecontent{*zoom:1;padding:0 30px 0 30px;max-width:1230px;margin-top:90px;margin-left:auto;margin-right:auto} .sponsorships .pagecontent:before,.sponsorships .pagecontent:after{content:" ";display:table} .sponsorships .pagecontent:after{clear:both} } @media screen and (min-width: 1280px){ .sponsorships .introduction,.sponsorships .list{padding-left:150px;padding-right:150px} } .organisation{padding:20px 10px 0 10px;overflow:hidden} .organisation picture img{width:auto;max-width:100%} .organisation .hero{display:none} .organisation .employees{margin-top:40px} .organisation .employees .image{display:inline-block;*display:inline;margin-right:-4px;zoom:1;margin:0} .organisation .employees .image picture{-xwebkit-border-radius:100%;-xmoz-border-radius:100%;-xms-border-radius:100%;-xo-border-radius:100%;xborder-radius:100%;width:75px;height:75px;overflow:hidden} .organisation .employees .image picture img{width:100%} .organisation .employees .title{font-size:1.1875em;margin-top:1em;margin-bottom:0} .organisation .employees .subtitle{font-size:1.0625em} .organisation .employees .item{position:relative;margin-top:40px} .organisation .employees .row{text-align:center} .organisation .employees .row:first-child .item{margin-top:0} @media screen and (min-width: 480px){ .organisation{padding:40px 20px 0 20px} .organisation .employees{padding:0 10%;margin-top:95px} .organisation .employees .title{font-size:1.3125em} .organisation .employees .subtitle{font-size:1.1875em} .organisation .employees .item{display:inline-block;*display:inline;margin-right:-4px;zoom:1;position:relative;width:33.33%} .organisation .employees .row.firstlevel{border:1px solid #000;border-width:1px 1px 0px 1px;margin-left:10%;margin-right:10%} .organisation .employees .row.firstlevel .item{width:100%;margin:-35px 0 0 0} .organisation .employees .row.firstlevel .item .image{padding:0 20px;background:#fff} .organisation .employees .row.secondlevel{margin-left:-30%;margin-right:-30%; overflow:hidden} .organisation .employees .row.thirdlevel{margin-left:-10%;margin-right:-10%;margin-top:40px;margin-bottom:-40px} .organisation .employees .row.thirdlevel .item{margin-top:40px;margin-bottom:40px} .organisation .employees .row.thirdlevel .item:before{position:absolute;content:"";top:-40px;left:50%;margin-left:-1px;width:2px;height:50%;border-left:1px solid #000;overflow:hidden;z-index:-1} .organisation .employees .row.thirdlevel .item:after{position:absolute;content:"";top:-40px;left:50%;width:100%;height:2px;border-top:1px solid #000;overflow:hidden;z-index:-1} .organisation .employees .row.sixthlevel .item:after{position:absolute;content:"";top:-40px;left:50%;width:100%;height:2px;border-top:none;overflow:hidden;z-index:-1} .organisation .employees .row.thirdlevel .item:nth-child(even):after{left:auto;right:50%} .organisation .employees .row.thirdlevel .item:last-child:after{left: inherit; right:50%;} .organisation .employees .row.thirdlevel .item .image{padding:20px 0 0 0;z-index:2;background:#fff} .organisation .employees .row.secondlevel .item{width:50%; display:block;} .organisation .employees .row.secondlevel .item:first-child{float:left; margin-left:0px;} .organisation .employees .row.secondlevel .item:last-child{float:right; margin-right:0px;} } @media screen and (min-width: 680px){ .organisation .employees{margin-top:140px} .organisation .employees .image{display:inline-block;*display:inline;margin-right:-4px;zoom:1;margin:0} .organisation .employees .image picture{-xwebkit-border-radius:100%;-xmoz-border-radius:100%;-xms-border-radius:100%;-xo-border-radius:100%;xborder-radius:100%;width:160px;height:160px;overflow:hidden} .organisation .employees .image picture img{width:100%} .organisation .employees .row.firstlevel .item{margin-top:-80px}} @media screen and (min-width: 1024px){ #messageform .wpcf7-form fieldset div.file-list{padding-bottom: 20px;padding-top: 5px;} .organisation{padding:0} .organisation .hero{display:block;max-height:470px;overflow:hidden} .organisation .hero img{display:block;width:100%;line-height:0;vertical-align:middle} .organisation .introduction{padding:0 60px 60px 60px} .organisation .introduction h1{text-align:center} .organisation .employees{margin-top:80px;padding-left:60px;padding-right:60px} .organisation .employees .title{font-size:1.4375em} .organisation .employees .subtitle{font-size:1.3125em} .organisation .employees .item{width:33.33%} .organisation .employees .row.firstlevel{margin-left:auto;margin-right:auto; max-width:820px;} .organisation .employees .row.secondlevel{margin-left:-140px;margin-right:-140px; overflow:hidden} .organisation .employees .row.secondlevel .item{width:50%; display:block;} .organisation .employees .row.secondlevel .item:first-child{float:left; margin-left:-100px;} .organisation .employees .row.secondlevel .item:last-child{float:right; margin-right:-100px;} .organisation .employees .row.thirdlevel{margin-left:-140px;margin-right:-140px} .organisation .employees .row.thirdlevel .item{margin-top:85px} .organisation .employees .row.thirdlevel .item:before{top:-85px} .organisation .employees .row.thirdlevel .item:after{top:-85px} .organisation .employees .row.thirdlevel .item:nth-child(n+2):after{left:auto;right:50%} .organisation .pagecontent{*zoom:1;padding:0 30px 0 30px;max-width:1230px;margin-top:90px;margin-left:auto;margin-right:auto} .organisation .pagecontent:before,.organisation .pagecontent:after{content:" ";display:table} .organisation .pagecontent:after{clear:both} } @media screen and (min-width: 1280px){ .organisation .introduction{padding-left:150px;padding-right:150px} .organisation .employees{padding-left:150px;padding-right:150px} .organisation .employees .row.secondlevel{margin-left:-150px;margin-right:-150px} .organisation .employees .row.thirdlevel{margin-left:-150px;margin-right:-150px} } .profile{padding:20px 10px 0 10px;overflow:hidden} .profile picture img{width:100%;max-width:100%} .profile h1{margin-bottom:0.75em} .profile h2{text-transform:uppercase;letter-spacing:0.1em} .profile .socials{text-align:left} .profile .socials a{display:inline-block;*display:inline;margin-right:-4px;zoom:1;vertical-align:top;text-decoration:none} .profile .socials a.linkedin{width:37px;height:37px;margin-right:10px;background:url("../images/social.primary.linkedin.png") no-repeat 0 0} .profile .socials a.linkedin:hover{background-position:0 -37px} .profile .socials a.facebook{width:37px;height:37px;background:url("../images/social.primary.facebook.png") no-repeat 0 0;margin-right:10px} .profile .socials a.facebook:hover{background-position:0 -37px} .profile .hero{display:none} .profile .profile-image{text-align:center;margin-bottom:30px} .profile .profile-image picture{display:inline-block;*display:inline;margin-right:-4px;zoom:1;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;width:150px;height:150px;overflow:hidden;margin:0} @media screen and (min-width: 480px){ .profile{padding:40px 20px 0 20px} .profile .profile-image{margin-bottom:60px} .profile .profile-image picture{width:300px;height:300px} } @media screen and (min-width: 1024px){ .profile{padding:0} .profile h2{font-size:1em} .profile .hero{display:block;max-height:470px;overflow:hidden} .profile .hero img{display:block;width:100%;line-height:0;vertical-align:middle} .profile .profile-image{float:left;margin-left:-300px;margin-bottom:0} .profile .ct{padding-left:100px} .profile .pagecontent{*zoom:1;padding:0 30px 0 330px;max-width:700px;margin-top:90px;margin-left:auto;margin-right:auto} .profile .pagecontent:before,.profile .pagecontent:after{content:" ";display:table} .profile .pagecontent:after{clear:both} } @media screen and (max-width: 992px){ .contactus .form .checkbox:nth-child(2){margin-top: 15px;} } .profile .socials a.instagram{width:37px;height:37px;background:url("../images/social.primary.instagram.png") no-repeat 0 0;margin-right:10px} .profile .socials a.instagram:hover{background-position:0 -37px} .profile .socials a.google_plus{width:37px;height:37px;background:url("../images/social.primary.googleplus.png") no-repeat 0 0;margin-right:10px} .profile .socials a.google_plus:hover{background-position:0 -37px} /*# sourceMappingURL=style.css.map */ .subscribe-form{width:100%;height:100%;position:absolute;top:0;left:0;display:none;z-index:999;color:#fff} .subscribe-form-inner{display:table-cell;text-align:center;vertical-align:middle} .subscribe-form-content{position:relative;width:400px;margin:0 auto;padding:30px;padding-top:50px;background:#000;text-align:center} .subscribe-form-content:before{position:absolute;content:"";top:-20px;bottom:-20px;right:-20px;left:-20px;border:20px solid rgba(42,42,42,0.55);z-index:-1} .subscribe-form .close{-webkit-transform:rotate(45deg) translateZ(0);-moz-transform:rotate(45deg) translateZ(0);-ms-transform:rotate(45deg) translateZ(0);-o-transform:rotate(45deg) translateZ(0);transform:rotate(45deg) translateZ(0);display:block;position:absolute;right:10px;top:-5px;font-size:2.1875em;cursor:pointer;z-index:1} .subscribe-form .title{display:inline-block;*display:inline;margin-right:-4px;zoom:1;font-size:2.25em;letter-spacing:0.1em;line-height:1;padding-bottom:0.350em;margin-bottom:1em;text-align:center;border-bottom:1px solid #fff;text-transform:uppercase} .subscribe-form p{font-size:0.9375em;text-align:center;max-width:300px;margin:0 auto 2em auto} .subscribe-form fieldset{margin:0;padding:0;border:0;border:0} .subscribe-form input{-webkit-appearance: none;border-radius: 0;display:block;width:100%;height:40px;padding:0 20px;font:normal 0.9375em/40px "Open Sans Regular",Arial,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#000;color:#fff;border:0;/*text-transform:uppercase;*/border:1px solid #fff} .subscribe-form input:focus{outline:none;border-color:#0db02b;box-shadow:0 0 5px rgba(80,185,72,0.3)} .subscribe-form select{border-radius: 0;display:block;width:100%;height:40px;padding:0 20px;font:normal 0.9375em/40px "Open Sans Regular",Arial,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#000;color:#fff;border:0;border:1px solid #fff} .subscribe-form select:focus{outline:none;border-color:#0db02b;box-shadow:0 0 5px rgba(80,185,72,0.3)} .subscribe-form form{max-width:300px;margin:0 auto;padding:0;text-align:right} .subscribe-form .input{width:100%;margin-bottom:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:left} .subscribe-form .button, .subscribe-form input.sml_submitbtn{height:inherit;font-family:"Open Sans Regular";padding:12px 24px;font-size:1em;line-height:1;letter-spacing:0.1em} .subscribe-form.active{display:table} .subscribe-form p.wysija-paragraph {position: relative;} .formError {left: 0!important;top: 0!important;width: 100%; max-width:258px;} .formError .formErrorContent { background: transparent; border: 1px solid red; color: #fff; display: block; font: 0.9375em/40px "Open Sans Regular",Arial,sans-serif; height: 38px; padding: 0 20px; /*text-transform: uppercase;*/ width: 100%; text-align: left; text-indent: 9999px; overflow:hidden } @media screen and (max-width: 520px){ .subscribe-form{background:rgba(0,0,0,0.8);min-height: 122vh; } .subscribe-form-content{position:relative;width:90%;margin:0 auto;padding:5%; padding-top:20px; padding-bottom:20px; } .subscribe-form-content:before{position:absolute;content:"";top:0px;bottom:0px;right:0px;left:0px;border:0px solid rgba(42,42,42,0.55);z-index:-1; display:none} /*.formError {opacity: 1!important;left: inherit!important;position: relative !important;top: 0px!important; margin-bottom:5px;} .formError .formErrorContent {padding: 4px 0;width: 100%;}*/ .aboutus .timer .title {margin-bottom:5px;} .formError .formErrorContent {xborder-radius:5px;max-width:246px; } } #home.active {display:none} .contactus .form .submit input { font-family: "Open Sans Regular",Arial,sans-serif; font-weight: normal; text-transform: none; padding: 10px 20px; } .contactus .form input#submit { border: 1px solid #fff; } span.wpcf7-not-valid-tip { display: none; } div.wpcf7-validation-errors { border: 1px solid #FFFFFF; font-size: 13px; padding: 10px; } div.wpcf7-mail-sent-ok { border: 1px solid #fff; margin: 0; padding: 0.5em 1em; } #messageform .wpcf7-form.sent fieldset, #messageform .wpcf7-form fieldset p, #messageform .wpcf7-form fieldset .checkbox-list p, #messageform .wpcf7-form fieldset .file-list p, #messageform .wpcf7-form fieldset .checkbox-list .checkbox p, #messageform .wpcf7-form fieldset .file-list .file p, #messageform .wpcf7-form fieldset .file-list .file .file-group p, #messageform .wpcf7-form fieldset .submit button br { display: none; } div.wpcf7-mail-sent-ok { margin-top: 20px; } .contactus .form .invalid .input {/*border: 1px solid red!important*/} .contactus .form .invalid .input input{/*color: red!important*/} div.wpcf7-form.invalid .wpcf7-email {} .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; height: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-inner .item { width: 100%; height: 100%; } .carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .fill { background-position: center; background-size: cover; background-repeat: no-repeat } .show-xs {display: none;} @media screen and (max-width: 1024px){ .show-xs {display: block;} .button:after,input.sml_submitbtn:after{display: none;} .button:hover, .button:active, input.sml_submitbtn:hover, input.sml_submitbtn:active{color:#0db02b; background:#fff;} .showcaseview .gallery picture {width: 100%;} #home .slideshow .slide .content-inner .title {text-align: center;} #home .slideshow .slide .content-inner {padding-left:0px;} } @media screen and (max-width: 768px){} input.wysija-submit.wysija-submit-field { width: auto; margin: 0 auto; line-height:normal; -webkit-appearance: none; border-radius:none!important; } .widget_wysija_cont .updated, .widget_wysija_cont .login .message { background: transparent; color: #FFF; border: none; } #mainfooter section.show-mobile { padding-bottom: 15px; } #mainfooter .footer-text { padding: 23px 0; xbackground: #231f20; color: #231f20; float: left; font-size:25px; } .page-contact #mainfooter .footer-text { xbackground: #FFF; color: #fff; } .clear {clear: both;} .organisation .employees .title { line-height: normal; } .organisation .employees .row .item:nth-child(2n):before { height: 60%; margin-top:-30px; } .showcase-list .item .showcase-image { overflow: hidden; max-height: 313px; } .showcase-list .item .showcase-image img{ transition: all 0.5s ease-in 0s !important } .showcase-list a:hover .showcase-image img { transform: scale(1.2,1.2) rotate(0deg); transition: all 0.9s ease-in 0s !important } .employee-image .profile-image img{ transition: all 0.5s ease-in 0s !important; -webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%; } .employee-image:hover .profile-image img { #transform: scale(1.2,1.2) rotate(0deg); transition: all 0.9s ease-in 0s !important } .employee-image .profile-image picture{margin:0;padding:0;border:0;position:relative;display:block;z-index:1;filter:url("data:image/svg+xml;utf8,#grayscale");filter:gray;-webkit-filter:grayscale(1);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%)} .employee-image .profile-image img{ transition: all 0.5s ease-in 0s !important } .employee-image .profile-image:hover picture{filter:none;-webkit-filter:grayscale(0)} .showcase-list .item picture { padding-left: 0px; padding-bottom: 0px; } .showcase-list .item { margin-left: 0px; margin-bottom: 10px; } #mainheader .mainnav ul li.menu-item-has-children:after { right: 24px; content: no-open-quote; background: url(../images/right-arrow.png) no-repeat center center; } @media screen and (max-width: 1270px){ .worksinprogress .statuses-list .label {font-size: 15px;} } @media screen and (max-width: 992px){ .worksinprogress .statuses-list { max-width: 550px; margin: 0 auto; } .worksinprogress .statuses-list .item {width: 50%;} } .showcase-list .item .showcase-wrap {padding: 0 5px;} .showcase-list .item .showcase-image picture img {*width: inherit;} @media screen and (max-width: 768px){ .worksinprogress .statuses-list {max-width: 100%;} .worksinprogress .statuses-list .item {width: 100%;} } img.gray { filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(1); } @media screen and (max-width: 1300px){ .showcase-list .item .showcase-image { overflow: hidden; max-height: 244px; } } @media screen and (max-width: 803px){ .showcase-list .item .showcase-image { overflow: hidden; max-height: 178px; } } @media screen and (max-width: 1207px){ .innerpage #mainheader .mainnav ul li a { font-size: 0.75em; padding: 10px 10px 5px 0px; } } @media screen and (max-width: 1268px){ #mainfooter .footer-text { font-size: 18px; } #mainfooter section{ padding: 0 10px; } } .pagecontent ul { list-style-type: square; font-size: 0.875em; line-height: 24.5px; } body { -webkit-touch-callout: none !important; } a { -webkit-user-select: none !important; } span.email_link a{ text-decoration: none} .contactus .form .checkbox-list .wpcf7-free-text{ display: inline; float: right; width: 160px; z-index: 2; margin-top: -5px; } .contactus .form .has-free-text div.label{ display: inline; } .who-are-you .wpcf7-free-text::-webkit-input-placeholder { text-decoration: underline; font-style: italic; } .who-are-you .wpcf7-free-text:-moz-placeholder { /* older Firefox*/ text-decoration: underline; font-style: italic; } .who-are-you .wpcf7-free-text::-moz-placeholder { /* Firefox 19+ */ text-decoration: underline; font-style: italic; } .who-are-you .wpcf7-free-text:-ms-input-placeholder { text-decoration: underline; font-style: italic; } .contactus .form .file-list span.wpcf7-not-valid-tip { display: inline; border: none; color: red; position: absolute; top: 12px; z-index: 20000; margin-left: -53px; font-size: 11px; } span.wpcf7-not-valid-tip { display: inline; border: none; color: red; position: absolute; top: 32px; z-index: 20000; margin-left: -230px; font-size: 11px; width: 200px; } @media screen and (max-width: 1023px){ .contactus .form .checkbox-list .wpcf7-free-text{ width: 165px; } } .contactus .form .checkbox-list{ margin-bottom: -10px; } #home .title { font-family: 'Work Sans', sans-serif; }