/*1. DOCUMENT SETUP2. PAGE PRELOADER3. PAGE HEADER3.1 MAIN NAVIGATION3.2 PAGINATION NAVI4. WRAPPER5. AJAX CONTENT6. BANNER7. WORK7.1 FILTER TABS7.2 WORK GRID7.3 WORK DETAILS8. TEAM8.1 TRIANGLE LINKS9. NEWS9.1 NEWS DETAILS10. CONTACT10.1 CONTACT DETAILS10.2 GOOGLE MAP10.3 CONTACT FORM11. FOOTER/* --------------------------------------------------------------------- *//* 1. DOCUMENT SETUP/* --------------------------------------------------------------------- */html, body {width: 100%;height: 100%;}body {font-size: 100%;font-family: 'Istok Web', sans-serif;font-weight: 400;line-height: 1.7;letter-spacing: 0.1em;color: #3d4148;background: #f0f1f1;overflow-y: scroll;}::selection {background: #3d4148;color: #40c4dc;}::-moz-selection {background: #3d4148;color: #40c4dc;}.music-player {	position: fixed;	bottom:0;	right: 0;	z-index:9999;}.soundtrack{	position: absolute;	bottom: 37px;	right: 80px; z-index: 9999;}	/* --------------------------------------------------------------------- *//* 2. PAGE PRELOADER/* --------------------------------------------------------------------- */#page-preloader {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #f0f1f1;overflow: hidden;z-index: 99999;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform: rotateX(0) translateZ(99px);transform: rotateX(0) translateZ(99px);}#page-preloader .preloader-content {position: absolute;top: 50%;left: 0;width: 100%;margin-top: -80px;text-align: center;}#page-preloader .logo {display: block;margin: 0 auto 30px auto;}/* To top button */#totop {position: fixed;visibility:hidden;z-index:9999;bottom: 20px;right: 20px}#totop a {font-weight: normal;background-color:#fff;-webkit-transition: background-color 500ms linear;-moz-transition: background-color 500ms linear;-o-transition: background-color 500ms linear;-ms-transition: background-color 500ms linear;transition: background-color 500ms linear;font-size: 23px;padding: 15px 20px;color: #fff!important;border: 0!important;background-image: none!important;text-decoration:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-ms-border-radius:0;-o-border-radius:0;box-shadow: 0 0 1px rgba(0,0,0,.35);-moz-box-shadow: 0 0 1px rgba(0,0,0,.35);-webkit-box-shadow: 0 0 1px rgba(0,0,0,.35);-o-box-shadow: 0 0 1px rgba(0,0,0,.35);-ms-box-shadow: 0 0 1px rgba(0,0,0,.35)}#totop a:hover {font-weight: normal;background-color:#000;-webkit-transition: background-color 500ms linear;-moz-transition: background-color 500ms linear;-o-transition: background-color 500ms linear;-ms-transition: background-color 500ms linear;transition: background-color 500ms linear}/* --------------------------------------------------------------------- *//* 3. PAGE HEADER/* --------------------------------------------------------------------- */#page-header {position: absolute;top: 0;left: 0;width: 100%;z-index: 99998;}#logo {position: fixed;left: 50px;top: 20px;z-index: 98;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform: rotateX(0) translateZ(99px);transform: rotateX(0) translateZ(99px);}#logo .dark {display: none;}/* ============ 3.1 MAIN NAVIGATION ============*/#mobile-bars {display: none;}#mobile-close {display: none;}#main-navigation {position: absolute;top: 40px;right: 35px;font-family: 'Montserrat', sans-serif;}#main-navigation:after {display: block;content: '';clear: both;}#main-navigation li {float: left;}#main-navigation a {display: block;padding: 10px 15px;text-transform: uppercase;font-size: 0.9em;color: #727272; font-weight:500;}#main-navigation a:hover, #main-navigation a.active {text-decoration: line-through;}#main-navigation a.active {color: #40c4dc;}#main-navigation.dark a {color: #3d4148;}/* ============ 3.2 PAGINATION NAVI ============*/#pagination-navi {display: none;position: fixed;top: 50%;right: 50px;text-align: right;z-index: 98;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform: rotateX(0) translateZ(99px);transform: rotateX(0) translateZ(99px);}#pagination-navi li {padding: 3px 0;}#pagination-navi li:after {display: block;content: '';clear: both;}#pagination-navi .dot {display: block;float: right;width: 8px;height: 8px;margin-top: 10px;margin-left: 5px;background: #3d4148;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-transition: all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition: all 0.2s;}#pagination-navi .name {display: inline-block;padding-top: 2px;padding-right: 30px;filter: alpha(opacity=0);opacity: 0;-webkit-transition: all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition: all 0.3s;}#pagination-navi a {display: block;height: 22px;padding: 1px 2px;color: #3d4148;font-family: 'Montserrat', sans-serif;text-transform: uppercase;font-size: 0.85em;font-weight: 700;}#pagination-navi a.active .dot,#pagination-navi a:hover .dot {width: 12px;height: 12px;margin-top: 7px;margin-right: -2px;background: none;border: 1px solid #3d4148;}#pagination-navi a.active .name,#pagination-navi a:hover .name {padding-right: 3px;filter: alpha(opacity=100);opacity: 1;}/* --------------------------------------------------------------------- *//* 4. WRAPPER/* --------------------------------------------------------------------- */section {position: relative;background-image: url(../images/layout/section-background.png);	background-position: center top;background-repeat: repeat;padding-top: 80px;	padding-right: 0;padding-bottom: 0px;	padding-left: 0;}section.stand-alone {padding-top: 160px;}section.arrow:before {display: block;content: '';position: absolute;top: -30px;left: 50%;margin-left: -10px;z-index: 10;border-width: 20px;border-style: solid;border-right-width: 0;border-color: #f0f1f1;border-bottom-color: transparent !important;border-top-color: transparent !important;border-right-color: transparent !important;-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-sand-transform: rotate(-90deg);transform: rotate(-90deg);}section.parallax {position: static;z-index: 3;	padding-bottom: 80px;background-color: #aeeff0;background-position: center top;background-repeat: repeat;background-attachment: fixed;background-image: url(../images/layout/parallax-background-tahiti.jpg);}section.parallax.image {color: #fff;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-image: url(../images/banner/banner-background-02.jpg);}section.parallax:before {display: none;}section.parallax-contact {position: static;z-index: 3;	padding-bottom: 80px;background-color: #a8ebf1;background-position: center top;background-repeat: repeat;background-attachment: fixed;background-image: url(../images/layout/parallax-background-contact.jpg);}section.parallax-contact.image {color: #fff;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-image: url(../images/banner/banner-background-02.jpg);}section.parallax-contact:before {display: none;}section.parallax-surf {position: static;z-index: 3;	padding-bottom: 80px;background-color: #b6ded1;background-position: center top;background-repeat: repeat;background-attachment: fixed;background-image: url(../images/layout/parallax-background-surf.jpg);}section.parallax-surf.image {color: #fff;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-image: url(../images/banner/banner-background-02.jpg);}section.parallax-surf:before {display: none;}section.parallax-timeline {position: static;z-index: 3;	padding-bottom: 80px;background-color: #b6ded1;background-position: center top;background-repeat: repeat;background-attachment: fixed;background-image: url(../images/layout/parallax-background-clients.jpg);}section.parallax-timeline.image {color: #fff;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-image: url(../images/banner/banner-background-02.jpg);}section.parallax-timeline:before {display: none;}section.parallax-clients {position: static;z-index: 3;	padding-bottom: 80px;background-color: #a8ebf1;background-position: center top;background-repeat: repeat;background-attachment: fixed;background-image: url(../images/banner/parallax-background-video-still.jpg);}section.parallax-clients.image {color: #fff;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-image: url(../images/banner/parallax-background-video-still.jpg);}section.parallax-clients:before {display: none;}section.parallax-testimonials {position: static;z-index: 3;	padding-bottom: 80px;background-color: #a8ebf1;background-position: center top;background-repeat: repeat;background-attachment: fixed;background-image: url(../images/layout/parallax-background-surf.jpg);}section.parallax-testimonials.image {color: #fff;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-image: url(../images/banner/banner-background-02.jpg);}section.parallax-testimonials:before {display: none;}section.parallax-race {position: static;z-index: 3;	padding-bottom: 80px;background-color: #fff;background-position: center top;background-repeat: repeat;background-attachment: fixed;background-image: url(../images/layout/section-background.png);}section.parallax-race.image {color: #fff;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-image: url(../images/banner/banner-background-02.jpg);}section.parallax-race:before {display: none;}section.parallax-solutions {position: static;z-index: 3;	padding-bottom: 80px;background-color: #fff;background-position: center top;background-repeat: repeat;background-attachment: fixed;background-image: url(../images/layout/section-background.png);}section.parallax-solutions.image {color: #fff;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-image: url(../images/banner/banner-background-02.jpg);}section.parallax-solutions:before {display: none;}section.parallax-tb {position: static;z-index: 3;	padding-bottom: 80px;background-color: #ffffff;background-position: center top;background-repeat: repeat;background-attachment: fixed;background-image: url(../images/layout/parallax-background-tb.jpg);}section.parallax-tb.image {color: #fff;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-image: url(../images/banner/banner-background-02.jpg);}section.parallax-tb:before {display: none;}section.parallax-microsoft {position: static;z-index: 3;	padding-bottom: 80px;background-color: #92cdd0;background-position: center top;background-repeat: repeat;background-attachment: fixed;background-image: url(../images/layout/parallax-background-microsoft.jpg);}section.parallax-microsoft.image {color: #fff;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-image: url(../images/banner/banner-background-02.jpg);}section.parallax-microsoft:before {display: none;}section.parallax-surf-wide {position: static;z-index: 3;	padding-bottom: 80px;background-color: #92cdd0;background-position: center top;background-repeat: repeat;background-attachment: fixed;background-image: url(../images/layout/parallax-background-surf-wide.png);}section.parallax-surf-wide.image {color: #fff;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-image: url(../images/banner/banner-background-02.jpg);}section.parallax-surf-wide:before {display: none;}section.video {color: #fff;overflow: hidden;}section.video video {position: absolute;right: 0;bottom: 0;min-width: 100%;min-height: 100%;background-size: cover;z-index: -1;}/* --------------------------------------------------------------------- *//* 5. AJAX CONTENT/* --------------------------------------------------------------------- */#ajax-content {display: none;}#ajax-closer {position: fixed;top: 40px;left: 50px;z-index: 999;}#ajax-content .fluid-width-video-wrapper {margin-bottom: 60px;}/* --------------------------------------------------------------------- *//* 6. BANNER/* --------------------------------------------------------------------- */.banner {padding: 0;}.banner-carousel .item {position: relative;background-position: center top;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}.banner-content {position: absolute;top: 42%;left: 0;width: 100%;margin-top: -80px;padding: 0 20px;text-align: center;color: #fff;z-index: 4;}.banner-content h2 {font-size: 2.5em;line-height: 1.4;margin-bottom: 0;	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);color: #f0ebd1;}.banner-content h4 {margin-bottom: 35px;font-size: 1.4em;line-height: 1.4;color: #f0ebd1;}.banner-content-mobile {position: absolute;top: 50%;left: 0;width: 100%;margin-top: -90px;padding: 0 20px;text-align: center;color: #fff;z-index: 4;}.banner-content-mobile h2 {font-size: 2.8em;font-weight:500;line-height: 1.4;margin-bottom: 0; color: #f0ebd1;}.banner-content-mobile h4 {margin-bottom: 40px;font-size: 1.4em;line-height: 1.4; color: #f0ebd1;}#banner-video {position: absolute;right: 0;bottom: 0;min-width: 100%;min-height: 100%;background-size: cover;}/* --------------------------------------------------------------------- *//* 7. WORK/* --------------------------------------------------------------------- */#work {padding-bottom: 0px;}/* ============ 7.1 FILTER TABS ============*/.filter-tabs {width: 100%;margin-bottom: 30px;text-align: center;	display: none;}.filter-tabs li {display: inline-block;}.filter-tabs li.active .button {-webkit-transform: rotateX(89deg);transform: rotateX(89deg);}.filter-tabs li.active .button .front {background: #3d4148;}/* ============ 7.2 WORK GRID ============*/#work-grid li {display: none;position: relative;width: 33.33333%;float: left;overflow: hidden;}#work-grid:after {display: block;content: '';clear: both;}#work-grid a {display: block;position: relative;}#work-grid img {float: left;width: 102%;margin-left: -1%;}#work-grid a:after {display: block;content: '';clear: both;}#work-grid .layer {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(182,222,209,0.95);filter: alpha(opacity=0);opacity: 0;z-index: 2;text-align: center;color: #3d4148;-webkit-transition: all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition: all 0.4s;}#work-grid a:hover .layer {filter: alpha(opacity=100);opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}#work-grid .text {position: absolute;top: 40%;left: 0;width: 100%;margin-top: -30px;}#work-grid .undertitle {text-transform: uppercase;}/* ============ 7.3 WORK DETAILS ============*/.work-carousel {margin-bottom: 60px;font-size: 0.9em;}/* --------------------------------------------------------------------- *//* 8. TEAM/* --------------------------------------------------------------------- */.team-member {position: relative;margin-bottom: 30px;margin-left: auto;margin-right: auto;max-width: 275px;}.team-member .img-container {position: relative;overflow: hidden;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}.team-member img {float: left;width: 100%;height: auto;}.team-member .img-container:after {display: block;content: '';clear: both;}.team-member .layer {position: absolute;top: -0.5%;left: -0.5%;width: 101%;height: 101%;background: rgba(182,222,209,0.95);filter: alpha(opacity=0);opacity: 0;z-index: 5;text-align: center;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-transition: all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition: all 0.4s;}.team-member:hover .layer {filter: alpha(opacity=100);opacity: 1;}.team-member .text {position: absolute;top: 50%;left: 0;width: 100%;margin-top: -25px;}.team-member .undertitle {font-size: 0.9em;text-transform: uppercase;}/* ============ 8.1 TRIANGLE LINKS ============*/.team-member .triangle {position: absolute;bottom: 0;left: 0;z-index: 6;filter: alpha(opacity=0);opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);transform: scale(0);}.team-member .triangle:nth-child(3) {left: 50%;bottom: -40px;margin-left: -40px;}.team-member .triangle:nth-child(4) {left: auto;right: 0;}.team-member .triangle:nth-child(5) {left: auto;right: -40px;bottom: 50%;margin-bottom: -40px;}.team-member .triangle:nth-child(6) {left: auto;right: 0;bottom: auto;top: 0;}.team-member .triangle:nth-child(7) {left: 50%;bottom: auto;margin-left: -40px;top: -40px;}.team-member .triangle:nth-child(8) {left: 0;bottom: auto;top: 0;}.team-member .triangle:nth-child(9) {left: -40px;bottom: 50%;margin-bottom: -40px;}.team-member:hover .triangle {filter: alpha(opacity=100);opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}/* --------------------------------------------------------------------- *//* 9. NEWS/* --------------------------------------------------------------------- */#news {padding-bottom: 0;}#news-grid {position: relative;max-width: 1260px;min-width: 260px;margin: 0 auto;}#news-grid li {position: relative;padding: 15px 0;}#news-grid li:after {display: block;content: '';clear: both;}#news-grid .date {position: absolute;top: 0;right: 0;width: 110px;height: 45px;line-height: 45px;margin-left: -55px;background: #3d4148;color: #fff;text-align: center;font-size: 0.9em;z-index: 8;}#news-grid .img-container {position: relative;overflow: hidden;margin-bottom: 20px;}#news-grid .img-container:after {display: block;content: '';clear: both;}#news-grid .img-container img {float: left;}#news-grid .layer {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(182,222,209,0.95);filter: alpha(opacity=0);opacity: 0;z-index: 7;text-align: center;color: #3d4148;-webkit-transition: all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition: all 0.4s;}#news-grid li:hover .layer {filter: alpha(opacity=100);opacity: 1;}#news-grid .layer .text {position: absolute;top: 50%;left: 0;width: 100%;margin-top: -25px;}#news-grid .layer .comments {display: block;font-family: 'Montserrat', sans-serif;font-weight: 700;text-transform: uppercase;}#news-grid p {margin-bottom: 10px;}#news-grid .read-more {display: inline-block;padding: 0 24px 15px 0;color: #3d4148;font-weight:700; background: url(../images/layout/arrow-right.png) bottom right no-repeat;}#news-grid .read-more:hover {color: #40c4dc;}/* ============ 10. NEWS DETAILS ============*/.news-tags {margin-bottom: 60px;}.news-tags span {display: inline-block;margin: 0 5px;font-size: 1em;}.news-carousel {margin-bottom: 60px;}.news-tabs {margin-top: 50px;}#comments .comment {margin-bottom: 30px;}#comments .comment:after {display: block;content: '';width: 100%;height: 2px;margin-top: 30px;background: #f0f1f1 url(../images/layout/parallax-background.png) repeat;}#comments .comment:last-child {margin: 0;}#comments .comment:last-child:after {display: none;}#comments .comment .name {line-height: 1;margin-top: -5px;}#add-comment input.text, #add-comment textarea {max-width: none;text-align: left;}/* --------------------------------------------------------------------- *//* 10. CONTACT/* --------------------------------------------------------------------- */#contact {padding-bottom: 0;}/* ============ 10.1 CONTACT DETAILS ============*/.contact-details {text-align: center;}.contact-details .adress {text-transform: uppercase;}.contact-details .phone {margin-bottom: 30px;font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 1.4em;text-transform: uppercase;}/* ============ 10.2 GOOGLE MAP ============*/#map-button .smaller {display: none;}#googlemap {margin-top: 60px;width: 100%;height: 250px;}div.map-popup {position: relative;padding: 15px 10px 20px 10px;text-align: center;}div.map-popup h2 {margin-bottom: 20px;}div.map-popup p {font-size: 0.9em;}div.map-popup p:last-child {margin-bottom: 0;}/* ============ 10.3 CONTACT FORM ============*/.contact-form {text-align: center;}/* --------------------------------------------------------------------- *//* 11. FOOTER/* --------------------------------------------------------------------- */#page-footer {position: relative;padding: 30px 0 25px 0;background: #3d4148;color: #fff;}#page-footer:before {display: block;content: '';position: absolute;top: -30px;left: 50%;margin-left: -10px;z-index: 10;border-width: 20px;border-style: solid;border-right-width: 0;border-color: #3d4148;border-bottom-color: transparent !important;border-top-color: transparent !important;border-right-color: transparent !important;-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-sand-transform: rotate(-90deg);transform: rotate(-90deg);}#page-footer .bottom-line {text-align: center;font-size: 0.9em;}