/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

.text-center{text-align:center;}

.main-content {
    padding: 50px 0;
    margin-top: 30px;
    position: relative;
    z-index: 2
}

.main-content.large {
    margin-top: 0;
    padding-bottom: 0;
    overflow: hidden
}

.main-content.smaller {
    margin-top: 70px
}

.main-content.smaller .container-padded {
    padding-top: 0
}

.main-content.video-wrapper {
    margin-top: 0;
    padding: 0
}

.main-content.video-wrapper .container-full {
    padding: 0;
    margin-bottom: 0 !important;
    background: #fff
}

.main-content.video-wrapper .container-padded {
    padding: 75px 0
}

.main-content.video-wrapper video {
    width: 100%;
    height: 100%;
    margin-bottom: -15px
}

.main-content.absolute {
    position: relative;
    padding-top: 0
}

.main-content.absolute h1 {
    position: absolute;
    top: 50px;
    width: 100%
}

.main-content.image-wrapper {
    margin-top: 0;
    padding: 0
}

.main-content.single {
    padding: 0;
    margin: 0
}

.main-content.single>.container-theme {
    margin-bottom: 0 !important
}

.main-content.page-contact {
    overflow: hidden
}

.main-content.page-contact>.container {
    position: relative;
    z-index: 2
}

.main-content.page-contact .pigeon {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    visibility: hidden
}

.main-content.page-contact .pigeon.visible {
    visibility: visible
}

.main-content.page-design {
    position: relative;
    overflow: hidden
}

.main-content.page-design header {
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main-content.page-design header h1 {
    font-family: 'MarkPro-Medium';
    font-size: 48px;
    letter-spacing: -5px;
    line-height: .9;
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 50px;
    position: relative
}

.main-content.page-design header h1 span {
    color: #29539B;
    display: inline-block;
    height: 73px;
    line-height: 73px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.main-content.page-design header h1 span.single-letter.h {
    padding-right: 7px
}

.main-content.page-design header h1 span.box {
    display: inline-block;
    line-height: 61px;
    padding-right: 8px;
    border: 6px solid #29539B
}

.main-content.page-design header h1 span.tagblue {
    height: 73px;
    line-height: 73px
}

.main-content.page-design header .tagline {
    display: inline-block;
    width: 100%;
    height: auto;
    line-height: inherit;
    padding-right: 10px;
    position: absolute;
    bottom: -10px;
    left: 0
}

.main-content.page-design header .video-control {
    display: inline-block;
    width: 220px;
    height: 42px;
    max-width: 100%;
    padding: 0 0 4px
}

.main-content.page-design header .video-control .btn-play {
    background-color: #7ed321;
    display: block;
    width: 100%;
    color: #fff;
    font-family: "GothamSSm-Book";
    font-size: 13px;
    line-height: 24px;
    padding: 9px 20px;
    border: none;
    border-radius: 4px
}

.main-content.page-design header .subtitle {
    display: inline-block;
    width: 310px;
    max-width: 100%;
    color: #29539B;
    font-size: 15px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-transition: all 0.4s ease;
    ransition: all 0.4s ease
}

.main-content.page-design header h1 span.over-ink,
.main-content.page-design header .subtitle.over-ink {
    color: #fff;
    border-color: #fff
}

.main-content.page-design header h1 span.single-letter.invisible {
    visibility: hidden
}

.main-content.page-design header h1 span.single-letter.t.invisible {
    margin-left: -24px
}

.main-content.page-design header h1 span.single-letter.h.invisible {
    margin-left: -31px
}

.main-content.page-design header .tagline.invisible,
.main-content.page-design header .video-control.invisible,
.main-content.page-design header .subtitle.invisible {
    display: none
}

.main-content.page-design .main-title {
    position: absolute;
    left: 0;
    top: 110px;
    width: 100%;
    text-align: center;
    color: #fff
}

.main-content.page-design .container-full {
    position: relative
}

.main-content.page-design .container-full:first-child {
    display: none;
    height: 1000px;
    overflow: hidden
}

.main-content.page-design .container-full video {
    background: #fff;
    background-size: cover;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    transition: 1s opacity;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1
}

.main-content.page-design .container-full .mobile-image {
    display: none;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    transition: 1s opacity;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1
}

.main-content>div:first-child {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@ieOpacity)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.main-content>div:first-child.visible {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@ieOpacity)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.main-content .nav-tabs-wrapper {
    background: #fff;
    position: relative;
    height: 96px
}

.main-content .nav-tabs-wrapper.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 121
}

.main-content .inner-gutter {
    padding: 0 50px
}

.main-content .inner-gutter.smaller {
    padding: 0 30px
}

.main-content .inner-gutter.gray-bg {
    background: #fafafa;
    height: 100%
}

.main-content .inner-gutter.inside {
    padding: 60px
}

.main-content .inner-gutter.inside.no-top-padding {
    padding-top: 0
}

.main-content h1,
.main-content .h1 {
    margin: 0 0 20px 0;
    font-size: 56px;
    line-height: 65px;
    color: #1b1c2b;
    font-family: "MarkPro-ExtraLight"
}

.main-content h1.smaller,
.main-content .h1.smaller {
    font-size: 45px;
    line-height: 56px
}

.main-content h1.smallest,
.main-content .h1.smallest {
    font-size: 33px;
    line-height: 41px;
    letter-spacing: -0.6px
}

.main-content h1.smaller-margin,
.main-content .h1.smaller-margin {
    margin-bottom: 40px !important
}

.main-content h1.smallest-margin,
.main-content .h1.smallest-margin {
    margin-bottom: 10px !important
}

.main-content h1 .smile,
.main-content .h1 .smile {
    display: inline-block;
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

.main-content h1 .smile.rotated,
.main-content .h1 .smile.rotated {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.main-content h1 a:hover,
.main-content .h1 a:hover,
.main-content h1 a:focus,
.main-content .h1 a:focus {
    text-decoration: none
}

.main-content h2 {
    margin: 0 0 20px 0;
    font-size: 44px;
    line-height: 60px;
    color: #1b1c2b;
    font-family: "inherit"
}

.main-content h2.large {
    font-size: 34px
}

.main-content h2.smaller {
    font-size: 26px;
    line-height: 110%
}

.main-content h2.large {
    font-size: 44px !important;
    line-height: 48px
}

.main-content h3 {
    margin: 0 0 5px 0;
    font-size: 20px;
    line-height: 33px;
    color: #1b1c2b;
    font-family: "inherit"
}

.main-content h3.smaller {
    font-size: 16px;
    color: #fff;
    line-height: 23px;
    font-family: "inherit"
}

.main-content h3.big-margin {
    margin-bottom: 40px
}

.main-content h3.dark {
    color: #1b1c2b
}

.main-content h3.smallest {
    font-size: 14px;
    color: #fff
}

.main-content h3.font-smaller {
    font-size: 18px;
    line-height: 20px
}

.main-content h3.font-smallest {
    font-size: 15px
}

.main-content p {
    font-size: 18px;
    color: #0a0a0a;
    line-height: 32px;
    font-family: "inherit"
}

.main-content p.smaller {
    font-size: 13px;
    line-height: 21px
}

.main-content p.smallest {
    font-size: 12px;
    line-height: 20px
}

.main-content p.smaller-lh {
    line-height: 24px
}

.main-content p.larger-lh {
    line-height: 28px
}

.main-content p.smallest-lh {
    line-height: 14px
}

.main-content p.larger-margin {
    margin-bottom: 20px
}

.main-content>.container-theme:last-child {
    margin-bottom: 50px
}

.main-content>.container-image-bg:last-child {
    margin-bottom: 0
}

.main-content .right-aligned {
    left: -50px
}

.main-content .styled .icon {
    color: #59d5f0
}

.main-content .styled p {
    font-size: 13px
}

.main-content .animate-image {
    position: absolute;
    bottom: -1000px;
    left: 15%;
    width: 70%
}

.main-content .animate-image-title {
    position: relative;
    z-index: 12;
    padding-top: 100px
}

.main-content .video-background video {
    width: 100%;
    margin-bottom: -15px
}

.main-content .ui-video-background {
    display: none
}

.main-content .mtw-maps-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    padding: 30px 6%;
    background: rgba(0, 0, 0, 0.4)
}

.main-content .mtw-maps-info h3 {
    color: #fff
}

.main-content .mtw-world .clouds {
    position: absolute;
    width: 60%;
    left: 20%;
    bottom: 0
}

.main-content .mtw-world .baloon {
    position: absolute;
    width: 95px;
    top: 30%;
    left: 30%
}

.main-content .mtw-world .plane {
    position: absolute;
    width: 600px;
    top: 10%;
    right: 10%
}

.main-content .mtw-world .boat {
    position: absolute;
    width: 169px;
    bottom: 5%;
    left: 1%
}

.main-content .mtw-world .download {
    position: absolute;
    bottom: 70px;
    left: 0;
    width: 100%
}

.main-content .mtw-world .download img {
    width: 220px
}

.main-content .mtw-world .download h3 {
    color: #fff
}

.main-content .mtw-the-character {
    position: relative;
    min-height: 700px
}

.main-content .mtw-the-character .lamp {
    position: absolute;
    right: -15px;
    top: 200px;
    z-index: 80;
    width: 638px
}

.main-content .mtw-the-character .light {
    position: absolute;
    right: -17px;
    top: 128px;
    z-index: 79;
    display: none
}

.main-content .mtw-the-character .ele {
    position: absolute;
    right: 10%;
    bottom: 2%;
    z-index: 79;
    width: 364px
}

.main-content .mtw-the-character .ele-color {
    position: absolute;
    right: 25%;
    bottom: 5%;
    z-index: 78;
    width: 453px
}

.main-content .mtw-the-character .ele-3 {
    position: absolute;
    right: 40%;
    top: 150px;
    z-index: 78;
    width: 331px
}

.main-content .mtw-the-character .erz {
    position: absolute;
    right: 70%;
    bottom: 30%;
    z-index: 78;
    width: 65px
}

.main-content .info-box {
    background: rgba(89, 213, 240, 0.15);
    padding: 25px 25px 25px 90px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.main-content .info-box h2 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 16px;
    font-family: "inherit"
}

.main-content .info-box p {
    font-size: 15px;
    line-height: 24px
}

.main-content .info-box .icon {
    font-size: 48px;
    color: #59d5f0;
    position: absolute;
    left: 35px;
    top: 20px
}

.main-content .the-team {
    height: auto;
    margin: auto;
    padding: 0;
    width : 80%;
}

.main-content .the-team.inline {
    height: auto;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0 15px
}

.main-content .the-team.inline li {
    display: block;
    opacity: 1
}

.main-content .the-team.inline li.pull-right {
    width: auto
}

.main-content .the-team .music-link__JS {
    display: block;
    text-align: center;
    margin-bottom: 15px;
    font-size: 16px;
    margin-top: -25px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.main-content .the-team .music-link__JS.opacity-0 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@ieOpacity)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.main-content .the-team li {
    position: absolute;
    opacity: 0;
    cursor: crosshair;
    z-index: 9;
    width: 30%;
    padding: 0 0.625em 1.25em;
    display: inline;
    height: auto;
    float: left;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
	margin-bottom: 50px;
}
.team-grid .team-title {
  font-size: 22px;
  line-height: 1.1;
  margin: 10px 0;
	text-align:center;
	font-weight:500;
	color:#333;
}
.team-grid .tdesc {
  line-height: 17px;
  margin-bottom: 0;
  font-size: 18px;
	text-align:center;
	color:#333;
}

.main-content .the-team li:nth-child(12n) .tooltip-title {
    left: auto;
    right: 5px
}

.main-content .the-team li:nth-child(12n) .tooltip-title:before {
    right: 10px
}

.main-content .the-team li.visible-member {
    position: relative;
    opacity: 1;
    top: 0 !important;
    left: 0 !important
}

.main-content .the-team li.visible-member-m {
    position: relative;
    opacity: 1;
    top: 0;
    left: 0
}



.main-content .the-team li .tooltip-title {
    font-size: 11px;
    position: absolute;
    white-space: nowrap;
    bottom: -30px;
    left: 33px;
    background: #34aadc;
    color: #fff;
    display: none;
    padding: 3px 10px
}

.main-content .the-team li .tooltip-title:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #34aadc;
    position: absolute;
	transform: rotate(180deg);
    bottom: 100%;
}

.main-content .beforeafter {
    background: url(/assets/img/black-ipad.png) no-repeat 0 0;
    padding: 31px 56px 31px 60px;
    background-size: auto 465px;
    width: 608px;
    height: 450px;
    margin: 0 auto;
    position: relative;
    top: 900px
}

.main-content .beforeafter .mirrorlabel {
    display: block;
    padding: 0 26px 0 14px;
    background: url(/assets/img/orange-arrow.png) no-repeat 0 0;
    background-size: auto 33px;
    color: #fff;
    position: absolute;
    top: 202px;
    left: 300px;
    z-index: 999;
    opacity: 0;
    height: 33px;
    line-height: 33px;
    font-size: 14px
}

.main-content .beforeafter .handler img {
    width: 48px !important;
    max-width: 48px !important;
    top: 0px !important;
    height: 370px !important
}

.main-content .beforeafter img.jk {
    max-width: 493px;
    width: 493px;
    height: 370px
}

.main-content .sizes .icon,
.main-content .sizes img {
    font-size: 60px;
    margin: 0 30px
}

.main-content .bottom-arrow {
    position: absolute;
    z-index: 121;
    bottom: 20px;
    font-size: 16px;
    cursor: pointer;
    display: none;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: "MarkPro-ExtraLight"
}

.main-content .bottom-arrow.smaller {
    font-size: 12px;
    line-height: 26px;
    bottom: 0px
}

.main-content .bottom-arrow.medium {
    font-size: 14px
}

.main-content .bottom-arrow.medium span {
    font-family: "MarkPro-Book"
}

.main-content .bottom-arrow:hover .yellow,
.main-content .bottom-arrow:hover .white {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@ieOpacity)";
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8
}

.main-content .bottom-arrow:hover .icon {
    color: rgba(255, 255, 255, 0.7)
}

.main-content .bottom-arrow.styled {
    color: #08c;
    display: block
}

.main-content .bottom-arrow.styled .icon {
    color: #08c
}

.main-content .bottom-arrow.styled:hover {
    color: #006ca4
}

.main-content .bottom-arrow.styled:hover .icon {
    color: #006ca4
}

.main-content .bottom-arrow .icon {
    color: #fff;
    font-size: 10px
}

.overlay-section {
    position: relative;
    background: #fff;
    padding: 0;
    width: auto;
    width: 834px;
    margin: 20px auto
}

.overlay-section:last-child .overlay-content .no-thanks-wrapper {
    margin-top: 28px
}

.overlay-section .overlay-header {
    background: rgba(0, 0, 0, 0.05);
    padding: 25px 10px
}

.overlay-section .overlay-header h2 {
    color: #000;
    font-size: 32px
}

.overlay-section .overlay-content {
    padding: 48px 60px
}

.overlay-section .overlay-content h3 {
    font-size: 26px;
    margin-top: 0;
    margin-bottom: 20px
}

.overlay-section .overlay-content p {
    font-size: 14px;
    margin-bottom: 40px;
    font-family: "MarkPro-Light"
}

.overlay-section .overlay-content .form-wrapper.is-hide {
    display: none
}

.overlay-section .overlay-content .form-group {
    padding-right: 10px;
    width: 280px;
    float: left
}

.overlay-section .overlay-content .form-group:last-child {
    padding-right: 0;
    width: 110px
}

.overlay-section .overlay-content .form-group input,
.overlay-section .overlay-content .form-group textarea {
    width: 100%;
    height: 44px;
    line-height: 44px;
    padding: 0 15px;
    border: 1px solid #000;
    resize: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.overlay-section .overlay-content .form-group input.has-error,
.overlay-section .overlay-content .form-group textarea.has-error {
    border: 1px solid #f33
}

.overlay-section .overlay-content .form-group textarea {
    height: 100px;
    line-height: 150%;
    padding: 15px
}

.overlay-section .overlay-content .form-group button {
    width: 100%;
    background: #000;
    height: 44px;
    line-height: 44px;
    text-align: center;
    padding: 0;
    color: #fff
}

.overlay-section .overlay-content .form-group button:focus {
    outline: none !important
}

.overlay-section .overlay-content .form-group button:hover {
    background: rgba(0, 0, 0, 0.8)
}

.overlay-section .overlay-content .form-group button.submit-form {
    margin-top: 56px
}

.overlay-section .overlay-content .form-group button .icon {
    display: inline-block
}

.overlay-section .overlay-content a {
    color: #000;
    font-size: 14px;
    width: 100%;
    text-align: left;
    height: auto;
    position: relative;
    margin: 0;
    text-decoration: underline;
    padding: 0;
    font-family: "MarkPro-Light"
}

.overlay-section .overlay-content .no-thanks-wrapper {
    margin-top: 50px
}

.overlay-section .overlay-content .error-message,
.overlay-section .overlay-content .error-message-empty {
    color: #f33;
    margin-top: -10px
}

.overlay-section .overlay-content .btn {
    width: 188px;
    height: 44px;
    line-height: 44px;
    padding: 0;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin: 0 0 10px 0;
    text-decoration: none;
    font-family: "MarkPro-Light"
}

.overlay-section .overlay-content .btn.btn-facebook {
    background: #4D67A4
}

.overlay-section .overlay-content .btn.btn-twitter {
    background: #029FF5
}

.overlay-section .overlay-content .btn.btn-email {
    background: #000
}

.overlay-section .overlay-content .btn:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@ieOpacity)";
    filter: alpha(opacity=90);
    -moz-opacity: .9;
    -khtml-opacity: .9;
    opacity: .9
}

p:last-child {
    margin-bottom: 0
}

.row.no-gutter {
    margin-right: 0;
    margin-left: 0
}

.row.no-gutter.overflow {
    overflow: hidden
}

.row.no-gutter>div {
    padding-right: 0;
    padding-left: 0
}

.row.smaller {
    margin-left: -3px;
    margin-right: -3px
}

.row.smaller:last-child .thumbnail.left {
    margin-bottom: 0
}

.row.smaller>div {
    padding-left: 3px;
    padding-right: 3px
}

.container-large {
    width: 1310px;
    margin: 0 auto;
    position: relative;
    padding: 0 15px
}

ul.styled {
    margin: 0;
    padding: 0
}

ul.styled li {
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    width: 100%
}

ul.styled li a {
    color: #007aff;
    line-height: 36px;
    font-size: 16px;
    font-family: "Gotham-Extra-Light-ExtraLight"
}

ul.jobs li {
    margin-bottom: 15px
}

ul.jobs li a {
    line-height: 16px
}

.navigation {
    position: absolute;
    width: 100%;
    z-index: 121
}

.navigation.theme-dark.theme-with-bg {
    background: rgba(0, 0, 0, 0.8)
}

.navigation.theme-dark.theme-with-bg .header {
    line-height: 60px;
    height: 60px
}

.navigation.theme-dark.theme-with-bg .logo {
    margin-top: -35px
}

.navigation.with-border .inner-container {
    border-bottom: 1px solid #6d8498;
    float: left;
    width: 100%
}

.navigation .header {
    line-height: 75px;
    height: 75px
}

.navigation .menu {
    margin: 0;
    padding: 0
}

.navigation .menu li {
    list-style: none;
    padding: 0 12px;
    float: left
}

.navigation .menu li:first-child {
    padding-left: 0
}

.navigation .menu li:last-child,
.navigation .menu li.pull-right {
    padding-right: 0
}

.navigation .menu li.active>a {
    color: rgba(255, 255, 255, 0.5)
}

.navigation .menu li.share {
    padding-left: 0;
    padding-right: 12px
}

.navigation .menu li.share span {
    font-size: 19px;
    position: relative;
    top: 2px
}

.navigation .menu li.share.share-facebook {
    padding-right: 0
}

.navigation .menu li.share.share-facebook span {
    font-size: 16px
}

.navigation .menu li.share.team-dance {
    padding-left: 12px;
    padding-right: 5px;
    margin-top: -12px
}

.navigation .menu li.share.team-dance img {
    width: 38px
}

.navigation .menu li a {
    font-size: 14px;
    color: #fff;
    font-family: "MarkPro-Regular";
    -webkit-transition: color .6s ease-out;
    transition: color .6s ease-out
}

.navigation .menu li a:hover {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none
}

.navigation .logo {
    position: absolute;
    left: 50%;
    top: 0;
    margin-top: -27px;
    margin-left: -55px;
    width: auto;
    z-index: 121;
    height: 100px;
    overflow: hidden
}

.navigation .logo a {
    font-size: 111px;
    line-height: 100%;
    color: #fff
}

.navigation .logo a:hover {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none
}

.navigation .logo a .icon:before {
    line-height: 132px
}

.navigation .page-title {
    color: #fff;
    margin-top: 2px;
    margin-left: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.navigation .page-title.animated {
    margin-left: 125px
}

.navigation .page-title a {
    font-family: "MarkPro-Light"
}

.navigation .page-title a:hover {
    text-decoration: none
}

.navigation .page-title a .icon {
    position: relative;
    top: 3px
}

.navigation .submenu-area {
    -webkit-transition: background .3s ease-out;
    transition: background .3s ease-out
}

.navigation .inner-submenu-area {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    line-height: 52px
}

.navigation .inner-submenu-area .page-title {
    font-size: 18px;
    font-family: "MarkPro-Regular"
}

.navigation .inner-submenu-area ul {
    margin: 0;
    padding: 0
}

.navigation .inner-submenu-area ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    margin-left: 30px;
    clear: right
}

.navigation .inner-submenu-area ul li.active>a {
    color: rgba(255, 255, 255, 0.5)
}

.navigation .inner-submenu-area ul li a {
    font-size: 12px;
    color: #fff;
    -webkit-transition: color .6s ease-out;
    transition: color .6s ease-out;
    font-family: "MarkPro-Light"
}

.navigation .inner-submenu-area ul li a:hover {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none
}

.navigation .inner-submenu-area ul li a:focus {
    text-decoration: none
}

.navigation #inner-nav.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.scrolled .theme-light .inner-nav-area,
.scrolled-fix .theme-light .inner-nav-area,
.scrolled .theme-light .submenu-area,
.scrolled-fix .theme-light .submenu-area {
    background: rgba(255, 255, 255, 0.93);
    border-bottom: 1px solid rgba(214, 214, 214, 0.5)
}

.scrolled .theme-dark .inner-nav-area,
.scrolled-fix .theme-dark .inner-nav-area,
.scrolled .theme-dark .submenu-area,
.scrolled-fix .theme-dark .submenu-area {
    background: rgba(0, 0, 0, 0.6);
    border-bottom: 1px solid rgba(68, 68, 68, 0.5)
}

.scrolled .navigation .inner-submenu-area,
.scrolled-fix .navigation .inner-submenu-area {
    border-top: 0 !important
}

.theme-lightest .menu li.active a {
    color: rgba(0, 0, 0, 0.6)
}

.theme-lightest .menu li a {
    color: #000
}

.theme-lightest .menu li a:hover {
    color: rgba(0, 0, 0, 0.6)
}

.theme-lightest .logo a {
    color: #000
}

.theme-lightest .logo a:hover {
    color: rgba(0, 0, 0, 0.6)
}

.theme-lightest.navigation.with-border .inner-container {
    border-bottom: 1px solid #000
}

.theme-light .inner-nav-area.opened,
.theme-light .submenu-area.opened {
    background: #fff
}

.theme-light .inner-nav-area .page-title,
.theme-light .submenu-area .page-title {
    color: #6d8498
}

.theme-light .inner-nav-area .inner-menu li ul li.active a,
.theme-light .submenu-area .inner-menu li ul li.active a {
    color: rgba(109, 132, 152, 0.7)
}

.theme-light .inner-nav-area .inner-menu li ul li a,
.theme-light .submenu-area .inner-menu li ul li a {
    color: #6d8498
}

.theme-light .inner-nav-area .inner-menu li ul li a:hover,
.theme-light .submenu-area .inner-menu li ul li a:hover {
    color: rgba(109, 132, 152, 0.7)
}

.theme-light .logo a {
    color: #6d8498
}

.theme-light .logo a:hover {
    color: rgba(109, 132, 152, 0.7)
}

.theme-light .menu li.active>a {
    color: rgba(109, 132, 152, 0.7)
}

.theme-light .menu li a {
    color: #6d8498
}

.theme-light .menu li a:hover {
    color: rgba(109, 132, 152, 0.7)
}

.theme-light .inner-submenu-area {
    border-top: 1px solid rgba(109, 132, 152, 0.7)
}

.buttons {
    position: absolute;
    right: 30px;
    bottom: 30px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    display: none;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.buttons.reset {
    bottom: 95px
}

.buttons.reset button {
    line-height: 34px;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important
}

.buttons.reset button .icon:before {
    height: 18px;
    display: block;
    margin-left: 1px
}

.buttons.top {
    right: auto;
    bottom: auto;
    top: 30px;
    left: 30px
}

.buttons.top.right {
    left: auto;
    right: 30px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 21px;
    padding: 10px 16px;
    font-family: "Gotham-Extra-Light-ExtraLight"
}

.buttons.top.full {
    top: 0;
    left: 0;
    height: 50px;
    width: 100%;
    text-align: center;
    background: rgba(1, 83, 103, 0.8)
}

.buttons.top.full a {
    position: absolute;
    left: 0;
    top: 0;
    background: none;
    border: 0;
    padding: 15px;
    color: #fff
}

.buttons.top.full a:hover {
    color: rgba(255, 255, 255, 0.7)
}

.buttons.top.full h1 {
    text-align: center;
    color: #fff;
    font-size: 21px;
    margin: 0;
    line-height: 50px;
    font-family: "MarkPro-Book"
}

.buttons.top a {
    display: inline-block;
    padding: 10px 16px;
    background: #fff;
    font-size: 11px;
    color: #000;
    font-family: "MarkPro-Book"
}

.buttons.top a:hover {
    text-decoration: none
}

.buttons.top a .icon {
    font-size: 14px;
    margin: 0 5px 0 0;
    position: relative;
    top: 2px
}

.buttons.left {
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 21px;
    padding: 10px 16px;
    font-family: "Gotham-Extra-Light-ExtraLight"
}

.buttons.left.bottom {
    bottom: 0 !important
}

.buttons.bottom.middle {
    background: #fff;
    right: auto;
    left: 50%;
    margin-left: -85px;
    text-align: center
}

.buttons.bottom.middle a {
    font-size: 11px;
    display: inline-block;
    color: #000;
    padding: 10px 16px;
    font-family: "GothamSSm-Medium"
}

.buttons.bottom.middle a .icon {
    position: relative;
    top: 1px;
    margin-right: 4px
}

.buttons button {
    background: #fff;
    border: 0;
    padding-left: 0;
    padding-right: 0;
    color: #7f7f7f;
    width: 30px;
    height: 30px;
    font-size: 20px;
    line-height: 25px;
    font-weight: bold;
    clear: right;
    position: relative;
    float: right
}

.buttons button:first-child {
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0
}

.buttons button:last-child {
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px
}

.buttons button:focus {
    outline: none
}

.buttons button:first-child {
    z-index: 2
}

.buttons button:first-child:after {
    content: "";
    position: absolute;
    bottom: -2px;
    width: 70%;
    left: 15%;
    border-bottom: 1px solid #eee
}

#poster {
    width: 100%;
    display: none
}

#poster.drag {
    cursor: move
}

.spinner-gif {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -20px
}

.poster-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: none
}

.poster-overlay.bottom {
    top: auto;
    bottom: 0
}

.poster-overlay .trigger-home {
    position: fixed;
    top: 0;
    left: 0;
    display: inline-block;
    width: 4%;
    z-index: 121
}

.poster-overlay .trigger-home.bottom {
    top: auto;
    bottom: 0
}

.thumbnail.none {
    background: none
}

.thumbnail.relative {
    margin-bottom: 0;
    border: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.thumbnail.relative:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.thumbnail.relative:hover img.no-transform {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.thumbnail.relative:focus {
    outline: none
}

.thumbnail.relative .caption {
    background: #fff;
    position: relative;
    z-index: 15;
    padding-bottom: 0
}

.thumbnail.relative .caption.styled {
    border: 1px solid #ccc;
    padding-bottom: 5px
}

.thumbnail.relative img {
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
    width: 100%
}

.thumbnail.absolute {
    margin-bottom: 30px;
    border: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.thumbnail.absolute.left {
    margin-bottom: 0
}

.thumbnail.absolute.left .caption {
    top: 15px;
    left: 0;
    padding-left: 15px;
    margin: 0;
    text-align: left
}

.thumbnail.absolute.left .caption p {
    color: #fff;
    margin: 5px 0 0 0;
    font-size: 14px
}

.thumbnail.absolute.bottom h2 {
    position: absolute;
    display: none;
    z-index: 2;
    top: 30px;
    left: 30px;
    line-height: 105%;
    font-size: 20px;
    color: #fff !important;
    margin: 0;
    font-family: "MarkPro-Book";
    -webkit-transition: .3s all ease;
    transition: .3s all ease
}

.thumbnail.absolute.bottom .caption {
    bottom: 30px;
    padding-left: 30px;
    top: auto;
    display: none;
    -webkit-transition: .3s all ease;
    transition: .3s all ease
}

.thumbnail.absolute.bottom .caption h3 {
    font-size: 30px;
    padding-right: 15px;
    font-family: "MarkPro-Light"
}

.thumbnail.absolute.bottom .caption p {
    font-size: 20px;
    font-family: "MarkPro-Medium"
}

.thumbnail.absolute:hover.bottom h2 {
    display: block
}

.thumbnail.absolute:hover.bottom .caption {
    display: block
}

.thumbnail.absolute:hover.bottom .inner-thumbnail-overlay-opacity {
    display: block
}

.thumbnail.absolute:hover img,
.thumbnail.absolute:hover .inner-img {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.thumbnail.absolute img,
.thumbnail.absolute .inner-img {
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
    width: 100%
}

.thumbnail.absolute .caption {
    position: absolute;
    top: 50%;
    margin: -10px 0 0 0;
    padding: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 2
}

.thumbnail.absolute .caption h3 {
    color: #fff;
    margin: 0;
    line-height: 110%;
    font-family: "Gotham-Extra-Light-ExtraLight"
}

.thumbnail .inner-thumbnail {
    overflow: hidden;
    position: relative
}

.thumbnail .inner-thumbnail.no-cursor a {
    cursor: default
}

.thumbnail .inner-thumbnail.animate.visible .box-image-ghost {
    -webkit-animation: box-intro .8s ease forwards;
    -moz-animation: box-intro .8s ease forwards;
    animation: box-intro .8s ease forwards
}

.thumbnail .inner-thumbnail.animate.visible img,
.thumbnail .inner-thumbnail.animate.visible .inner-thumbnail-overlay,
.thumbnail .inner-thumbnail.animate.visible .caption,
.thumbnail .inner-thumbnail.animate.visible .inner-img {
    -webkit-animation: fade-in .5s ease forwards .3s;
    -moz-animation: fade-in .5s ease forwards .3s;
    animation: fade-in .5s ease forwards .3s
}

.thumbnail .inner-thumbnail.animate .box-image-ghost {
    -webkit-transition: width .5s ease, height .5s ease;
    -moz-transition: width .5s ease, height .5s ease display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%) scale(.8);
    -moz-transform: translate(-50%, -50%) scale(.8);
    -ms-transform: translate(-50%, -50%) scale(.8);
    -o-transform: translate(-50%, -50%) scale(.8);
    transform: translate(-50%, -50%) scale(.8);
    transition: width .5s ease, height .5s ease;
    opacity: 0;
    background: #ccc;
    z-index: 22
}

.thumbnail .inner-thumbnail.animate .box-image-ghost.green {
    background: #dcffb5
}

.thumbnail .inner-thumbnail.animate .box-image-ghost.blue {
    background: #bef3ff
}

.thumbnail .inner-thumbnail.animate .box-image-ghost.red {
    background: #ffcece
}

.thumbnail .inner-thumbnail.animate .box-image-ghost.gray {
    background: #eee
}

.thumbnail .inner-thumbnail.animate .box-image-ghost.yellow {
    background: #faf399
}

.thumbnail .inner-thumbnail.animate img,
.thumbnail .inner-thumbnail.animate .inner-thumbnail-overlay,
.thumbnail .inner-thumbnail.animate .caption,
.thumbnail .inner-thumbnail.animate .inner-img {
    opacity: 0
}

.thumbnail .inner-thumbnail.animate .inner-img {
    background-size: 100% !important
}

.thumbnail .inner-thumbnail-overlay-opacity {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.25);
    -webkit-transition: .3s all ease;
    transition: .3s all ease
}

.thumbnail .inner-thumbnail-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.4)
}

.thumbnail p {
    line-height: 30px;
    font-size: 15px;
    line-height: 24px
}

.markers-wrapper {
    position: relative
}

.markers-wrapper .map-marker {
    position: absolute;
    left: 10%;
    top: 20%;
    background: url(/assets/img/map-marker.png) no-repeat 0 0;
    background-size: 100%;
    width: 27px;
    height: 35px;
    color: #fff;
    font-size: 8px;
    text-align: center;
    line-height: 26px;
    z-index: 1;
    -webkit-transition: .1s all ease;
    transition: .1s all ease
}

.markers-wrapper .map-marker:hover {
    width: 54px;
    height: 70px;
    margin-left: -13.5px;
    margin-top: -32px;
    font-size: 13px;
    line-height: 56px;
    text-decoration: none;
    z-index: 2
}

.markers-wrapper .map-marker.sfo {
    top: 35%;
    left: 11.5%
}

.markers-wrapper .map-marker.nyc {
    top: 30%;
    left: 28%
}

.markers-wrapper .map-marker.lon {
    top: 23%;
    left: 45%
}

.markers-wrapper .map-marker.ord {
    top: 28%;
    left: 49.5%
}

.markers-wrapper .map-marker.clj {
    top: 24%;
    left: 52%
}

.markers-wrapper .map-marker.tgm {
    top: 32%;
    left: 53.5%
}

.markers-wrapper .map-marker.asia {
    top: 38%;
    left: 85%
}

.markers-wrapper .map-maker-label {
    position: absolute;
    display: none;
    top: 45%;
    left: 85%;
    color: #1b1c2b;
    font-size: 10px;
    text-align: center;
    line-height: 26px;
    z-index: 1
}

.nav-tabs.styled-tabs li.active a {
    background: none;
    border: 0;
    font-family: "MarkPro-Medium"
}

.nav-tabs.styled-tabs li a {
    background: none;
    border: 0;
    padding: 15px 19px;
    margin: 0;
    font-size: 15px;
    color: #24272b;
    font-family: "MarkPro-Light"
}

.nav-tabs.tabs-small li {
    float: none;
    display: inline-block
}

.nav-tabs.tabs-small li a {
    font-size: 12px;
    padding: 15px 24px
}

.tab-content.padded {
    padding-top: 96px
}

.tab-content .job,
.tab-content .no-link {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 15px;
    font-family: "MarkPro-Light"
}

.tab-content .tab-pane img {
    visibility: hidden
}

.tab-content .tab-pane img.visible {
    visibility: visible
}

.contact-form .contact-row {
    position: relative
}

.contact-form .on-top {
    position: relative;
    z-index: 12
}

.contact-form .on-top:nth-child(2) {
    z-index: 13
}

.contact-form .input-title {
    font-size: 22px;
    margin-right: 10px;
    font-family: "MarkPro-Light"
}

.contact-form .form-control-wrapper {
    width: 100px;
    display: inline-block;
    position: relative
}

.contact-form .form-control-wrapper.auto {
    width: auto
}

.contact-form .form-control-wrapper.auto .form-control {
    height: 36px;
    position: relative;
    top: 0;
    padding-top: 6px
}

.contact-form .form-control-wrapper.auto .icon-arrow-down {
    top: 16px
}

.contact-form .form-control-wrapper .form-control {
    padding-right: 35px;
    padding-top: 0;
    width: 100%;
    line-height: 120%;
    height: 26px;
    position: relative;
    top: 10px
}

.contact-form .form-control {
    border: 0;
    border-bottom: 1px dotted #aaa;
    color: #1b1c2b;
    font-size: 22px;
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 0;
    padding-bottom: 0;
    width: 220px;
    height: auto;
    color: red;
    text-shadow: 0 0 0 #1b1c2b;
    -webkit-text-fill-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-family: "MarkPro-Light"
}

.contact-form .form-control:focus {
    border-bottom: 1px solid #000;
    color: #1b1c2b
}

.contact-form .form-control.valid {
    color: #007aff !important;
    text-shadow: 0 0 0 #007aff !important
}

.contact-form .form-control.error {
    color: #f33;
    text-shadow: 0 0 0 #f33
}

.contact-form .form-control.full {
    width: 100%;
    height: 190px;
    border: 1px solid #aaa;
    resize: none;
    font-size: 22px;
    padding: 30px 54px;
    text-shadow: 0 0 0 #aaa
}

.contact-form .form-control.full.complete {
    text-shadow: 0 0 0 #1b1c2b;
    text-align: left
}

.contact-form .form-control.large {
    width: 340px
}

.contact-form .icon-arrow-down {
    color: #007aff;
    position: absolute;
    right: 10px;
    cursor: pointer;
    top: 14px;
    font-size: 11px
}

.contact-form .options-list {
    position: absolute;
    z-index: 1;
    background: #fff;
    border: 1px solid #ccc;
    left: 15px;
    top: 0;
    text-align: left;
    margin: 0;
    padding: 30px 0 40px 0;
    display: none;
    -webkit-box-shadow: 3px 3px 20px 4px #ccc;
    -moz-box-shadow: 3px 3px 20px 4px #ccc;
    box-shadow: 3px 3px 20px 4px #ccc
}

.contact-form .options-list.smaller {
    top: -100px
}

.contact-form .options-list li {
    list-style: none;
    padding: 8px 70px 8px 40px;
    white-space: nowrap;
    margin: 0;
    font-size: 20px;
    cursor: pointer;
    font-family: "MarkPro-Light"
}

.contact-form .options-list li:hover {
    background: #eee
}

.contact-form .checkbox-agree {
    font-weight: 300;
    font-size: 13px;
    padding-left: 22px;
    position: relative;
    text-align: left
}

.contact-form .checkbox-agree input {
    position: absolute;
    top: 0;
    left: 0
}

footer {
    background: #1b1c2b;
    padding: 0;
    border-top: 1px solid #eee;
    position: relative;
    z-index: 1
}

footer.no-border {
    border-top: 0
}

footer .inner-footer {
    background: #fff;
    padding: 58px 0 35px 0
}

footer .inner-footer .light {
    font-size: 13px;
    margin-top: 20px;
    color: rgba(0, 0, 0, 0.4);
    font-family: "MarkPro-Light"
}

footer .inner-footer .light.has-error {
    margin-top: 40px
}

footer .inner-footer .form-inline label {
    font-size: 19px;
    position: relative;
    top: 4px;
    font-family: "MarkPro-Medium"
}

footer .inner-footer .form-inline .form-group {
    margin-left: 15px;
    position: relative
}

footer .inner-footer .form-inline .form-group input {
    width: 300px;
    height: 38px;
    line-height: 38px;
    padding: 0 20px;
    color: #1b1c2b;
    border: 1px solid #ccc;
    background: #fcfcfc;
    -webkit-border-radius: 38px;
    -moz-border-radius: 38px;
    border-radius: 38px
}

footer .inner-footer .form-inline .form-group input.has-error {
    border: 1px solid #f33
}

footer .inner-footer .form-inline .form-group .error-message {
    color: #f33;
    top: 110%;
    left: 0;
    position: absolute;
    text-align: left;
    width: 100%
}

footer .inner-footer .form-inline .form-group button.btn {
    width: 72px;
    height: 38px;
    position: absolute;
    right: 0;
    top: 0;
    background: #000;
    border: 0;
    font-size: 13px;
    color: #fff;
    -webkit-border-radius: 38px;
    -moz-border-radius: 38px;
    border-radius: 38px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

footer .inner-footer .form-inline .form-group button.btn:hover {
    background: rgba(0, 0, 0, 0.8);
    color: #fff
}

footer .inner-footer .form-inline .form-group button.btn:focus,
footer .inner-footer .form-inline .form-group button.btn:active {
    outline: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background: rgba(0, 0, 0, 0.8) !important;
    color: #fff !important
}

footer .inner-footer .form-inline .message-success {
    display: inline-block;
    clear: left;
    margin: 20px 0 0 0
}

footer .inner-footer .form-inline .message-success a {
    color: #8a6d3b;
    text-decoration: underline
}

footer .footer-info {
    background: #edeeef;
    padding: 30px 0 20px 0
}

footer .footer-info .bottom-menu {
    margin: 0;
    padding: 0
}

footer .footer-info .bottom-menu li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    margin-right: 30px
}

footer .footer-info .bottom-menu li:last-child {
    margin-right: 0
}

footer .footer-info .bottom-menu li a {
    font-size: 13px;
    color: #0a0d0c;
    text-transform: uppercase;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    font-family: "MarkPro-Regular"
}

footer .footer-info .bottom-menu li a:hover {
    color: rgba(0, 0, 0, 0.6);
    text-decoration: none
}

footer .social {
    margin-top: 34px;
    margin-bottom: 26px
}

footer .social a {
    display: inline-block;
    color: #1b1c2b;
    line-height: 32px;
    font-size: 13px;
    margin: 0 50px 0 0;
    position: relative;
    padding-left: 45px;
    text-align: center
}

footer .social a.social-facebook {
    color: #4164b4
}

footer .social a.social-twitter {
    color: #029ff5
}

footer .social a.social-email {
    color: #7ed321
}

footer .social a:last-child {
    margin-right: 0
}

footer .social a:hover {
    text-decoration: none
}

footer .social a:hover img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

footer .social a img {
    position: absolute;
    top: -5px;
    left: 0;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

footer .copyright {
    font-size: 11px;
    color: rgba(0, 0, 0, 0.4);
    font-family: "MarkPro-Light"
}

footer .copyright span {
    font-size: 10px
}

footer .copyright a {
    color: rgba(0, 0, 0, 0.4);
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

footer .copyright a:hover {
    color: rgba(0, 0, 0, 0.6);
    border-bottom: 1px solid rgba(0, 0, 0, 0.6)
}

.fa-spin {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg)
    }

    to {
        -ms-transform: rotate(360deg)
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes box-intro {
    0% {
        opacity: 0
    }

    10% {
        opacity: 1
    }

    40% {
        -webkit-transform: translate(-50%, -50%) scale(1)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(1)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(1)
    }
}

@-moz-keyframes box-intro {
    0% {
        opacity: 0
    }

    10% {
        opacity: 1
    }

    40% {
        -moz-transform: translate(-50%, -50%) scale(1)
    }

    60% {
        opacity: 1;
        -moz-transform: translate(-50%, -50%) scale(1)
    }

    100% {
        opacity: 0;
        -moz-transform: translate(-50%, -50%) scale(1)
    }
}

@keyframes box-intro {
    0% {
        opacity: 0
    }

    10% {
        opacity: 1
    }

    40% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        -moz-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        -o-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(1);
        -moz-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        -o-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(1);
        -moz-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        -o-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
}

@-webkit-keyframes fade-in {

    0%,
    25% {
        opacity: 0
    }

    100%,
    50% {
        opacity: 1
    }
}

@-moz-keyframes fade-in {

    0%,
    25% {
        opacity: 0
    }

    100%,
    50% {
        opacity: 1
    }
}

@keyframes fade-in {

    0%,
    25% {
        opacity: 0
    }

    100%,
    50% {
        opacity: 1
    }
}

@-moz-keyframes line1 {
    0% {
        transform: scale3d(0, 0, 1) rotate(-180deg)
    }

    100% {
        transform: scale3d(1, 1, 1) rotate(-180deg)
    }
}

@-webkit-keyframes line1 {
    0% {
        transform: scale3d(0, 0, 1) rotate(-180deg)
    }

    100% {
        transform: scale3d(1, 1, 1) rotate(-180deg)
    }
}

@keyframes line1 {
    0% {
        transform: scale3d(0, 0, 1) rotate(-180deg)
    }

    100% {
        transform: scale3d(1, 1, 1) rotate(-180deg)
    }
}

@-moz-keyframes line2 {
    0% {
        transform: scale3d(0, 0, 1) rotate(-45deg)
    }

    100% {
        transform: scale3d(1, 1, 1) rotate(-45deg)
    }
}

@-webkit-keyframes line2 {
    0% {
        transform: scale3d(0, 0, 1) rotate(-45deg)
    }

    100% {
        transform: scale3d(1, 1, 1) rotate(-45deg)
    }
}

@keyframes line2 {
    0% {
        transform: scale3d(0, 0, 1) rotate(-45deg)
    }

    100% {
        transform: scale3d(1, 1, 1) rotate(-45deg)
    }
}

@-moz-keyframes line3 {
    0% {
        transform: scale3d(0, 0, 1) rotate(45deg)
    }

    100% {
        transform: scale3d(1, 1, 1) rotate(45deg)
    }
}

@-webkit-keyframes line3 {
    0% {
        transform: scale3d(0, 0, 1) rotate(45deg)
    }

    100% {
        transform: scale3d(1, 1, 1) rotate(45deg)
    }
}

@keyframes line3 {
    0% {
        transform: scale3d(0, 0, 1) rotate(45deg)
    }

    100% {
        transform: scale3d(1, 1, 1) rotate(45deg)
    }
}

@-moz-keyframes line4 {
    0% {
        transform: scale3d(0, 0, 1) rotate(-90deg)
    }

    100% {
        transform: scale3d(1, 1, 1) rotate(-90deg)
    }
}

@-webkit-keyframes line4 {
    0% {
        transform: scale3d(0, 0, 1) rotate(-90deg)
    }

    100% {
        transform: scale3d(1, 1, 1) rotate(-90deg)
    }
}

@keyframes line4 {
    0% {
        transform: scale3d(0, 0, 1) rotate(-90deg)
    }

    100% {
        transform: scale3d(1, 1, 1) rotate(-90deg)
    }
}

@-moz-keyframes line5 {
    0% {
        transform: scale3d(0, 0, 1) rotate(90deg)
    }

    100% {
        transform: scale3d(1, 1, 1) rotate(90deg)
    }
}

@-webkit-keyframes line5 {
    0% {
        transform: scale3d(0, 0, 1) rotate(90deg)
    }

    100% {
        transform: scale3d(1, 1, 1) rotate(90deg)
    }
}

@keyframes line5 {
    0% {
        transform: scale3d(0, 0, 1) rotate(90deg)
    }

    100% {
        transform: scale3d(1, 1, 1) rotate(90deg)
    }
}

@-moz-keyframes line6 {
    0% {
        transform: scale3d(0, 0, 1) rotate(0)
    }

    100% {
        transform: scale3d(1, 1, 1) rotate(0)
    }
}

@-webkit-keyframes line6 {
    0% {
        transform: scale3d(0, 0, 1) rotate(0)
    }

    100% {
        transform: scale3d(1, 1, 1) rotate(0)
    }
}

@keyframes line6 {
    0% {
        transform: scale3d(0, 0, 1) rotate(0)
    }

    100% {
        transform: scale3d(1, 1, 1) rotate(0)
    }
}

@-moz-keyframes line7 {
    0% {
        transform: scale3d(0, 0, 1) rotate(-45deg)
    }

    100% {
        transform: scale3d(1, 1, 1) rotate(-45deg)
    }
}

@-webkit-keyframes line7 {
    0% {
        transform: scale3d(0, 0, 1) rotate(-45deg)
    }

    100% {
        transform: scale3d(1, 1, 1) rotate(-45deg)
    }
}

@keyframes line7 {
    0% {
        transform: scale3d(0, 0, 1) rotate(-45deg)
    }

    100% {
        transform: scale3d(1, 1, 1) rotate(-45deg)
    }
}

@-moz-keyframes line8 {
    0% {
        transform: scale3d(0, 0, 1) rotate(45deg)
    }

    100% {
        transform: scale3d(1, 1, 1) rotate(45deg)
    }
}

@-webkit-keyframes lin8 {
    0% {
        transform: scale3d(0, 0, 1) rotate(45deg)
    }

    100% {
        transform: scale3d(1, 1, 1) rotate(45deg)
    }
}

@keyframes line8 {
    0% {
        transform: scale3d(0, 0, 1) rotate(45deg)
    }

    100% {
        transform: scale3d(1, 1, 1) rotate(45deg)
    }
}

@-moz-keyframes line9 {
    0% {
        transform: scale3d(0, 0, 1) rotate(-45deg)
    }

    100% {
        transform: scale3d(1, 1, 1) rotate(-45deg)
    }
}

@-webkit-keyframes line9 {
    0% {
        transform: scale3d(0, 0, 1) rotate(-45deg)
    }

    100% {
        transform: scale3d(1, 1, 1) rotate(-45deg)
    }
}

@keyframes line9 {
    0% {
        transform: scale3d(0, 0, 1) rotate(-45deg)
    }

    100% {
        transform: scale3d(1, 1, 1) rotate(-45deg)
    }
}

@media screen and (min-width:1460px) {
    .main-content .animate-image {
        width: 50%;
        left: 25%
    }
}

@media only screen and (max-device-width:1024px) and (orientation:landscape) {
    #hero {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important
    }
}

@media only screen and (max-device-width:1024px) and (orientation:portrait) {
    #hero {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important
    }
}

@media screen and (max-width:1024px) {
    .container {
        width: 100%
    }

    .container-full .title-head h2 {
        margin-bottom: 0
    }

    .container-full .guidelines .line3.active {
        width: 40px
    }

    .container-full .guidelines .line6.active {
        width: 20px
    }

    .tablet-top-margin-large {
        margin-top: 40px
    }

    .tablet-top-margin-medium {
        margin-top: 30px
    }

    .tablet-top-margin-small {
        margin-top: 20px
    }

    .tablet-top-margin-smaller {
        margin-top: 10px
    }

    .main-content .the-team {
        min-height: 930px
    }

    .main-content .the-team li {
        width: 10%
    }

    .main-content .the-team li:nth-child(10n) .tooltip-title {
        left: auto;
        right: 5px
    }

    .main-content .the-team li:nth-child(10n) .tooltip-title:before {
        right: 10px
    }

    .main-content .the-team li:nth-child(12n) .tooltip-title {
        left: 5px;
        right: auto
    }

    .main-content .the-team li:nth-child(12n) .tooltip-title:before {
        right: auto
    }

    .main-content .inner-gutter.smaller {
        padding: 0 15px
    }

    .main-content .inner-gutter.inside {
        padding: 30px
    }

    .tablet-visible {
        display: block !important
    }

    .tablet-hidden {
        display: none !important
    }

    #hero {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important
    }

    .main-content .sizes .icon,
    .main-content .sizes img {
        margin: 15px 10px
    }

    .main-content .mobile-double-width {
        width: 200%;
        margin-left: -50%
    }

    .main-content .animate-image {
        width: 90%;
        left: 5%
    }

    .main-content .mtw-maps-info img {
        width: 300px
    }

    .nav-tabs.styled-tabs li a {
        padding: 10px 16px
    }

    .thumbnail.absolute.bottom h2 {
        font-size: 14px;
        left: 15px;
        top: 15px
    }

    .thumbnail.absolute.bottom .caption {
        bottom: 15px;
        padding-left: 15px
    }

    .thumbnail.absolute.bottom .caption h3 {
        font-size: 20px
    }

    .thumbnail.absolute.bottom .caption p {
        font-size: 13px
    }
}

@media screen and (max-width:868px) {
    footer {
        height: auto
    }

    footer .form-label {
        position: absolute;
        right: 0;
        top: 0
    }
}

@media screen and (max-width:834px) {
    .overlay-section {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .mobile-visible {
        display: block !important
    }

    .mobile-hidden {
        display: none !important
    }

    .mobile-text-center {
        text-align: center !important
    }

    .mobile-text-right {
        text-align: right !important
    }

    .mobile-text-left {
        text-align: left !important
    }

    .mobile-bottom-margin-medium {
        margin-bottom: 15px !important
    }

    .mobile-top-margin-large {
        margin-top: 40px !important
    }

    .mobile-top-margin-medium {
        margin-top: 30px !important
    }

    .mobile-top-margin-small {
        margin-top: 20px !important
    }

    .mobile-top-margin-smaller {
        margin-top: 10px !important
    }

    .mobile-top-margin-zero {
        margin-top: 0 !important
    }

    .row.smaller:last-child .thumbnail.left {
        margin-bottom: 6px
    }

    .row.smaller:last-child>div:last-child .thumbnail.left {
        margin-bottom: 0
    }

    .main-content {
        padding: 30px 0
    }

    .main-content.page-contact .pigeon {
        right: -300px
    }

    .main-content h1,
    .main-content .h1 {
        font-size: 30px;
        line-height: 34px
    }

    .main-content h1.smaller,
    .main-content .h1.smaller {
        font-size: 28px;
        line-height: 35px
    }

    .main-content h1.smallest,
    .main-content .h1.smallest {
        font-size: 26px;
        line-height: 36px
    }

    .main-content h2 {
        font-size: 24px;
        line-height: 34px
    }

    .main-content h2.large {
        line-height: 38px !important;
        font-size: 24px !important
    }

    .main-content h2.smaller {
        font-size: 20px;
        line-height: 30px
    }

    .main-content .mobile-double-width {
        width: 500%;
        margin-left: -200%
    }

    .main-content .mobile-double-width-smaller {
        width: 160%;
        margin-left: -30%
    }

    .main-content .mobile-double-width-small {
        width: 240%;
        margin-left: -70%
    }

    .main-content p {
        line-height: 26px
    }

    .main-content .inner-gutter {
        padding: 0
    }

    .container-full.container-image-bg {
        padding: 30px 0;
        background-position: 0 0
    }

    .container-full.container-image-bg.container-image-hide-mobile {
        background: #000;
        padding-top: 0;
        padding-bottom: 30px
    }

    .container-full.container-image-bg.container-image-hide-mobile.theme-light {
        background: #fff
    }

    .container-full.container-image-bg.container-image-padded {
        padding: 140px 15px 300px 15px !important
    }

    .container-full.container-image-bg.container-image-padded-bottom {
        padding: 120px 15px 320px 15px
    }

    .container-full.container-image-bg.container-image-padded-bottom-smaller {
        padding: 30px 15px
    }

    .container-full.container-image-bg.container-fixed {
        background-attachment: scroll !important
    }

    .container-full.container-image-bg.container-min-height {
        min-height: 500px
    }

    .container-full.container-image-bg h2 {
        font-size: 18px
    }

    .container-full.container-no-padding .slick-next,
    .container-full.container-no-padding .slick-prev {
        line-height: 80px
    }

    .container-full.container-no-padding .slick-next:before,
    .container-full.container-no-padding .slick-prev:before {
        font-size: 30px
    }

    .container-full.container-no-padding .slick-prev {
        left: 0
    }

    .container-full.container-no-padding .slick-next {
        right: 0
    }

    .container-full.container-no-padding .thumbnail .caption {
        padding: 12px 0 26px 0
    }

    .container-full.container-no-padding .thumbnail .caption p {
        font-size: 14px;
        line-height: 14px;
        padding: 0 12px
    }

    .container-full.container-no-padding-left-right {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .container-full.theme-dark {
        padding: 15px
    }

    .container-full .main-title {
        top: 70px !important
    }

    .container-full .guidelines .line2.active {
        left: 10%
    }

    .container-full .guidelines .line3.active {
        left: 10%
    }

    .container-full .title-head {
        top: 40px
    }

    .container-full .city-info {
        bottom: 120px;
        width: 100%;
        margin-top: 30px
    }

    .container-full .city-info.pull-right {
        right: auto;
        left: 0;
        bottom: 30px
    }

    .container-full .city-info.pull-right .info {
        float: left;
        margin-left: 0
    }

    .container-full .city-info.pull-right .info:last-child {
        float: right;
        margin-right: 0
    }

    .container-top {
        margin-top: 30px
    }

    .container-large {
        padding: 0
    }

    .container-padded {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .container.container-team {
        padding-bottom: 60px !important
    }

    .container.container-services {
        margin-bottom: 0 !important
    }

    .container.container-services .thumbnail {
        margin-bottom: 30px
    }

    .container .extra-info {
        bottom: 30px;
        text-align: center
    }

    .container img.mobile-full-width {
        width: 100%
    }

    .container .left-divider {
        border-left: 0;
        padding-bottom: 50px;
        margin-bottom: 30px
    }

    .container .left-divider:after {
        content: "";
        width: 70%;
        border-bottom: 1px solid rgba(243, 243, 243, 0.2);
        position: absolute;
        left: 15%;
        bottom: 0
    }

    .container .left-divider:last-child {
        padding-bottom: 0;
        margin-bottom: 0
    }

    .container .left-divider:last-child:after {
        display: none
    }

    .navigation.with-border .inner-container {
        border-bottom: 0
    }

    .navigation.theme-dark.theme-with-bg .header {
        line-height: 45px
    }

    .navigation.theme-lightest.with-border .inner-container {
        border-bottom: 0
    }

    .navigation.theme-lightest .open .burger-container .bar {
        background: #fff
    }

    .navigation.theme-lightest .burger-container .bar {
        background: #000
    }

    .navigation.theme-lightest .menu li {
        border-bottom: 1px solid rgba(243, 243, 243, 0.2)
    }

    .navigation.theme-lightest .menu li.active a {
        color: rgba(255, 255, 255, 0.5)
    }

    .navigation.theme-lightest .menu li a {
        color: #fff
    }

    .navigation.theme-light .inner-burger-container .icon {
        color: #6d8498
    }

    .navigation.theme-light .inner-burger-container .icon:hover {
        color: #6d8498
    }

    .navigation.theme-light .burger-container .bar {
        background: #6d8498
    }

    .navigation.theme-light .inner-submenu-area>ul.open {
        background: #fff
    }

    .navigation.theme-light .inner-submenu-area>ul li li {
        border-bottom: 1px solid #6d8498
    }

    .navigation.theme-light .header.open .menu {
        background: #fff
    }

    .navigation.theme-light .header.open .menu li {
        border-bottom: 1px solid #6d8498
    }

    .navigation .header {
        line-height: 45px;
        height: 45px
    }

    .navigation .header.open .menu {
        background: #000
    }

    .navigation .header.open .menu li {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        opacity: 1
    }

    .navigation .header.open .menu li:nth-child(1) {
        -webkit-transition-delay: 0.27s;
        transition-delay: 0.27s
    }

    .navigation .header.open .menu li:nth-child(2) {
        -webkit-transition-delay: 0.32s;
        transition-delay: 0.32s
    }

    .navigation .header.open .menu li:nth-child(3) {
        -webkit-transition-delay: 0.37s;
        transition-delay: 0.37s
    }

    .navigation .header.open .menu li:nth-child(4) {
        -webkit-transition-delay: 0.42s;
        transition-delay: 0.42s
    }

    .navigation .header.open .menu li:nth-child(5) {
        -webkit-transition-delay: 0.47s;
        transition-delay: 0.47s
    }

    .navigation .header.open .menu li:nth-child(6) {
        -webkit-transition-delay: 0.52s;
        transition-delay: 0.52s
    }

    .navigation .header.open .menu li:nth-child(7) {
        -webkit-transition-delay: 0.57s;
        transition-delay: 0.57s
    }

    .navigation .header.open .menu li:nth-child(8) {
        -webkit-transition-delay: 0.62s;
        transition-delay: 0.62s
    }

    .navigation .header.open .menu li:nth-child(9) {
        -webkit-transition-delay: 0.67s;
        transition-delay: 0.67s
    }

    .navigation .header.open .menu li:nth-child(10) {
        -webkit-transition-delay: 0.72s;
        transition-delay: 0.72s
    }

    .navigation .header.open .bar {
        -webkit-transition: all .4s cubic-bezier(.4, .01, .165, .99);
        transition: all .4s cubic-bezier(.4, .01, .165, .99);
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    .navigation .header.open .bar.topBar {
        -webkit-transform: translateY(4px) rotate(45deg);
        transform: translateY(4px) rotate(45deg)
    }

    .navigation .header.open .bar.btmBar {
        -webkit-transform: translateY(3px) rotate(-45deg);
        transform: translateY(3px) rotate(-45deg)
    }

    .navigation .logo {
        margin-top: -40px
    }

    .navigation .logo.fix {
        margin-top: -28px
    }

    .navigation .menu {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        padding: 0 15px;
        padding-top: 45px;
        display: none;
        z-index: 12;
        -webkit-transition: background 1s ease-out;
        transition: background 1s ease-out
    }

    .navigation .menu li {
        width: 100%;
        padding: 0 !important;
        border-bottom: 1px solid rgba(243, 243, 243, 0.2);
        -webkit-transform: scale(1.15) translateY(-30px);
        transform: scale(1.15) translateY(-30px);
        opacity: 0;
        -webkit-transition: opacity .6s cubic-bezier(.4, .01, .165, .99), -webkit-transform .5s cubic-bezier(.4, .01, .165, .99);
        transition: opacity .6s cubic-bezier(.4, .01, .165, .99), -webkit-transform .5s cubic-bezier(.4, .01, .165, .99);
        transition: transform .5s cubic-bezier(.4, .01, .165, .99), opacity .6s cubic-bezier(.4, .01, .165, .99);
        transition: transform .5s cubic-bezier(.4, .01, .165, .99), opacity .6s cubic-bezier(.4, .01, .165, .99), -webkit-transform .5s cubic-bezier(.4, .01, .165, .99)
    }

    .navigation .menu li.mobile-visible.team-dance-mobile {
        margin-top: 0
    }

    .navigation .menu li.mobile-visible.team-dance-mobile img {
        margin-top: -10px;
        margin-left: -5px;
        width: 30px
    }

    .navigation .menu li a {
        display: inline-block;
        width: 100%
    }

    .navigation .burger-container {
        position: relative;
        left: -15px;
        top: 0px;
        z-index: 112;
        display: inline-block;
        height: 45px;
        width: 50px;
        cursor: pointer;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: all .3s cubic-bezier(.4, .01, .165, .99);
        transition: all .3s cubic-bezier(.4, .01, .165, .99);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent
    }

    .navigation .burger-container #burger {
        width: 18px;
        height: 8px;
        position: relative;
        display: block;
        margin: -4px auto 0;
        top: 50%
    }

    .navigation .burger-container .bar {
        width: 100%;
        height: 1px;
        display: block;
        position: relative;
        background: #FFF;
        -webkit-transition: all .3s cubic-bezier(.4, .01, .165, .99);
        transition: all .3s cubic-bezier(.4, .01, .165, .99);
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .navigation .burger-container .bar.topBar {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg)
    }

    .navigation .burger-container .bar.btmBar {
        -webkit-transform: translateY(6px) rotate(0deg);
        transform: translateY(6px) rotate(0deg)
    }

    .navigation .inner-burger-container {
        display: block !important;
        padding: 15px;
        height: 50px;
        width: 50px;
        line-height: 30px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1
    }

    .navigation .inner-burger-container .icon {
        position: relative;
        top: 0;
        right: 0;
        color: #fff;
        cursor: pointer
    }

    .navigation .inner-burger-container .icon:hover {
        color: rgba(255, 255, 255, 0.7)
    }

    .navigation .inner-submenu-area .page-title {
        position: relative;
        z-index: 1
    }

    .navigation .inner-submenu-area>ul {
        position: absolute;
        left: 0;
        top: 45px;
        padding: 0 15px;
        padding-top: 50px;
        width: 100%;
        display: none;
        -webkit-transition: background 1s ease-out;
        transition: background 1s ease-out
    }

    .navigation .inner-submenu-area>ul.open {
        background: #000
    }

    .navigation .inner-submenu-area>ul li {
        width: 100%;
        margin: 0;
        line-height: 50px;
        border-bottom: 1px solid rgba(243, 243, 243, 0.2)
    }

    .navigation .inner-submenu-area>ul li a {
        display: inline-block;
        width: 100%
    }

    .main-content.large {
        margin-top: 0px
    }

    .main-content.smaller {
        margin-top: 40px
    }

    .main-content.image-wrapper {
        margin-top: 0
    }

    .main-content.video-wrapper .container-padded {
        padding: 30px 0
    }

    .main-content>.container-theme:last-child {
        margin-bottom: 30px
    }

    .main-content .nav-tabs-wrapper {
        height: 156px
    }

    .main-content .bottom-arrow {
        bottom: 0
    }

    .main-content .right-aligned {
        left: 0
    }

    .main-content .the-team {
        min-height: 2200px
    }

    .main-content .the-team.inline {
        min-height: 1px
    }

    .main-content .the-team li {
        width: 25%
    }

    .main-content .the-team li:nth-child(10n) .tooltip-title {
        left: 10px;
        right: auto
    }

    .main-content .the-team li:nth-child(10n) .tooltip-title:before {
        right: auto
    }

    .main-content .the-team li:nth-child(4n) .tooltip-title {
        left: auto;
        right: 0px
    }

    .main-content .the-team li:nth-child(4n) .tooltip-title:before {
        right: 20px
    }

    .main-content .animate-image {
        width: 100%;
        left: 0
    }

    .main-content .beforeafter {
        width: 290px;
        height: 212px;
        background-size: 100%;
        padding: 15px 0 0 29px
    }

    .main-content .beforeafter img.jk {
        width: 236px;
        height: auto
    }

    .main-content .beforeafter .handler img {
        width: 23px !important;
        height: 177px !important
    }

    .main-content .mtw-the-character {
        min-height: 400px
    }

    .main-content .mtw-the-character .lamp {
        width: 330px
    }

    .main-content .mtw-the-character .ele {
        width: 180px
    }

    .main-content .mtw-the-character .ele-color {
        width: 220px
    }

    .main-content .mtw-the-character .erz {
        width: 33px
    }

    .main-content .mtw-the-character .ele-3 {
        width: 170px
    }

    .main-content .mtw-maps-info img {
        width: 100%;
        margin: 6px 0 10px 0
    }

    .main-content .mtw-world .plane {
        top: 30%
    }

    .main-content .mtw-world .download {
        bottom: 30px
    }

    .main-content .mtw-world .download img {
        width: 100px
    }

    .main-content p {
        font-size: 15px
    }

    .buttons {
        right: 10px;
        bottom: 10px
    }

    .buttons.bottom {
        bottom: 10px
    }

    .buttons.reset {
        bottom: 75px
    }

    .buttons.left {
        width: 100%;
        font-size: 16px;
        text-align: center
    }

    .buttons.top {
        left: 10px;
        top: 10px
    }

    .buttons.top.right {
        top: 60px;
        right: auto;
        width: 100%;
        font-size: 16px;
        text-align: center
    }

    .buttons.top.full {
        height: 95px
    }

    .buttons.top.full h1 {
        line-height: 130px
    }

    .buttons.top.topest {
        height: 50px
    }

    .buttons.top.topest h1 {
        font-size: 16px;
        display: inline;
        padding-right: 8px;
        line-height: 50px
    }

    .markers-wrapper img {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@ieOpacity)";
        filter: alpha(opacity=50);
        -moz-opacity: .5;
        -khtml-opacity: .5;
        opacity: .5
    }

    .markers-wrapper .offices-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }

    .markers-wrapper .offices-wrapper ul li a {
        line-height: 26px
    }

    .slick-slider .slick-next {
        right: 0;
        width: 36px;
        height: 44px;
        line-height: 52px;
        margin-top: -16px
    }

    .slick-slider .slick-next:before {
        font-size: 34px
    }

    .slick-slider .slick-prev {
        left: 0;
        width: 36px;
        height: 44px;
        line-height: 52px;
        margin-top: -16px
    }

    .slick-slider .slick-prev:before {
        font-size: 34px
    }

    .overlay-section .overlay-header {
        padding: 10px
    }

    .overlay-section .overlay-header h2 {
        font-size: 26px
    }

    .overlay-section .overlay-content {
        padding: 20px
    }

    .overlay-section .overlay-content h3 {
        font-size: 20px;
        margin-top: 20px
    }

    .overlay-section .overlay-content p {
        font-size: 13px;
        margin-bottom: 20px
    }

    .overlay-section .overlay-content .form-group {
        width: 100%;
        padding: 0
    }

    .overlay-section .overlay-content .form-group:last-child {
        width: 100%
    }

    .overlay-section .overlay-content .form-group button {
        width: 100%
    }

    .overlay-section .overlay-content .no-thanks-wrapper {
        margin-top: 0
    }

    .overlay-section .overlay-content .t-shirt-wrapper img {
        width: 60%
    }

    .nav-tabs.styled-tabs li a {
        padding: 10px
    }

    .nav-tabs.tabs-small li {
        margin-bottom: 20px
    }

    .nav-tabs.tabs-small li a {
        padding: 6px;
        font-size: 10px
    }

    .nav-tabs.tabs-small li a .icon {
        font-size: 22px
    }

    #hero {
        background-position: center center
    }

    .slick-dots li {
        margin: 0 4px
    }

    .contact-form .input-title {
        font-size: 16px;
        margin-right: 0
    }

    .contact-form .form-control-wrapper {
        position: static
    }

    .contact-form .form-control-wrapper.auto .form-control {
        height: 30px
    }

    .contact-form .form-control-wrapper .form-control {
        padding-top: 8px;
        padding-left: 0;
        padding-right: 25px;
        height: 42px
    }

    .contact-form .form-control {
        font-size: 16px
    }

    .contact-form .form-control.full {
        font-size: 16px;
        padding: 15px;
        height: 140px
    }

    .contact-form .form-control.large {
        width: 100%
    }

    .contact-form .icon-arrow-down {
        top: 2px !important;
        right: 5px;
        margin-top: -20px;
        float: right;
        position: relative
    }

    .contact-form .options-list {
        left: 0;
        top: 30px;
        width: 100%;
        padding: 20px 0
    }

    .contact-form .options-list.smaller {
        top: 0
    }

    .contact-form .options-list li {
        font-size: 14px
    }

    footer .inner-footer {
        padding: 30px 15px 15px 15px
    }

    footer .inner-footer .form-inline .form-group {
        margin-left: 0;
        margin-top: 20px
    }

    footer .inner-footer .form-inline .form-group input {
        width: 100%
    }

    footer .inner-footer .form-inline .form-group .error-message {
        text-align: center
    }

    footer .footer-info {
        text-align: center
    }

    footer .footer-info .bottom-menu {
        float: none !important;
        display: inline
    }

    footer .footer-info .bottom-menu:last-child li:last-child {
        margin-right: 0 !important
    }

    footer .footer-info .bottom-menu li {
        margin-right: 20px !important;
        float: none !important;
        display: inline
    }

    footer .social a {
        margin-right: 20px;
        margin-bottom: 10px
    }
}

@media screen and (min-width:680px) {
    .main-content.page-design header h1 {
        font-size: 102px;
        letter-spacing: -10px;
        margin-bottom: 30px;
        padding-bottom: 100px
    }

    .main-content.page-design header h1 span {
        height: 153px;
        line-height: 153px
    }

    .main-content.page-design header h1 span.single-letter.h {
        padding-right: 10px
    }

    .main-content.page-design header h1 span.box {
        line-height: 129px;
        padding-right: 14px;
        border-width: 12px;
        margin-right: 58px
    }

    .main-content.page-design header h1 .tagline {
        padding-right: 10px;
        bottom: 0
    }

    .main-content.page-design .video-control {
        height: 50px;
        padding: 3px 0 4px
    }

    .main-content.page-design .video-control .btn-play {
        font-size: 14px;
        line-height: 25px
    }

    .main-content.page-design .subtitle {
        font-size: 18px
    }

    .main-content.page-design h1 span.single-letter.t.invisible {
        margin-left: -52px
    }

    .main-content.page-design h1 span.single-letter.h.invisible {
        margin-left: -62px
    }
}
@media only screen and (min-width: 480px) and (max-width: 640px) {
	.main-content .the-team{width:100%;}
	.main-content .the-team li{width:50%;}
}
@media only screen and (min-width: 200px) and (max-width: 480px) {
	.main-content .the-team{width:100%;}
	.main-content .the-team li{width:50%;}
	
	
}