@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,700,700italic,900,900italic,400italic);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,700);
@import url(../fonts/simplefly-font/styles.css);
@import url(font-awesome.css);

a, a:active, a:focus {
    text-decoration: none;
    outline: 0
}

#footer:after, #header:after, #main:after, #wrapper:after, .center-block:after, .clearfix:after, .row:after, html:after {
    clear: both
}

.fade-animation, .social li a {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out
}

#header, #topbar, html {
    width: 100%
}

#banner .caption, #header .button-3, .invisible, .right-content {
    visibility: hidden
}

#panel, .button-1, .button-2, .map .info {
    box-sizing: border-box
}

@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.eot?v=4.3.0);
    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format('embedded-opentype'), url(../fonts/fontawesome-webfont.woff2?v=4.3.0) format('woff2'), url(../fonts/fontawesome-webfont.woff?v=4.3.0) format('woff'), url(../fonts/fontawesome-webfont.ttf?v=4.3.0) format('truetype'), url(../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: latohairline;
    src: url(lato-hairline-webfont.eot);
    src: url(../fonts/lato-hairline-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/lato-hairline-webfont.woff2) format('woff2'), url(../fonts/lato-hairline-webfont.woff) format('woff'), url(../fonts/lato-hairline-webfont.ttf) format('truetype'), url(../fonts/lato-hairline-webfont.svg#latohairline) format('svg');
    font-weight: 400;
    font-style: normal
}

a {
    color: #33aa9a
}

a:hover {
    text-decoration: underline
}

.hidden {
    display: none
}

textarea {
    resize: vertical;
    overflow-y: auto
}

#banner, #banner .bg, #panel .inner, #wrapper {
    overflow: hidden
}

input[type=submit] {
    filter: chroma(color=#000000)
}

button, input[type=submit], input[type=button] {
    -webkit-appearance: none
}

input, select, textarea {
    color: inherit;
    font-size: inherit;
    font-family: inherit
}

.placeholder, input::-moz-placeholder, textarea::-moz-placeholder {
    color: #999;
    opacity: 1;
    filter: alpha(opacity=1)
}

input.placeholder {
    color: #999
}

:-ms-input-placeholder {
    color: #999
}

a, input:focus, textarea:focus {
    outline: 0
}

.chromeframe {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

#wrapper, body {
    background: #fff;
    min-height: 100%
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

#footer:after, #footer:before, #header:after, #header:before, #main:after, #main:before, #wrapper:after, #wrapper:before, .center-block:after, .center-block:before, .clearfix:after, .clearfix:before, .row:after, .row:before, html:after, html:before {
    content: " ";
    display: table
}

#wrapper, .center-block {
    margin: 0 auto;
    position: relative
}

img {
    vertical-align: middle
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

html {
    font-size: 16px;
    height: 100%
}

body {
    color: #262626;
    font: 300 18px Lato, Arial, Helvetica, sans-serif
}

#wrapper {
    height: auto
}

#header .button-3, .button-3, .wp-editor .sf_button a {
    height: 40px;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    display: inline-block;
    padding: 0 15px;
    letter-spacing: 2px;
    font-family: Montserrat;
    text-transform: uppercase
}

.center-block {
    max-width: 980px
}

.fade-animation {
    transition: all .2s ease-in-out
}

#header {
    margin-bottom: 0;
    border: 0;
    z-index: 3
}

#header .button-3 {
    position: fixed;
    right: 123px;
    background: #33aa9a;
    z-index: 7;
    top: 30px;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -ms-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out
}

#header .button-3:hover {
    text-decoration: none;
    background: #29877a
}

.button-3, .wp-editor .sf_button a {
    background: #33aa9a;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -ms-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out
}

#footer, #nav ul li a, .breadcrumb-container, .button-1, .button-2, .team-block .block .name {
    letter-spacing: 1px
}

.button-3:hover, .wp-editor .sf_button a:hover {
    text-decoration: none;
    background: #29877a
}

#topbar {
    position: fixed;
    z-index: 5;
    top: 0;
    height: 90px
}

#topbar .logo {
    padding: 24px 20px 12px 60px;
    display: block;
    width: 250px
}

#topbar.freeze {
    top: 0;
    background: url(../images/bg-opt-1.png)
}

#topbar .logo .freezelogo, #topbar.freeze .logo img {
    display: none
}

#topbar.freeze .logo img.freezelogo {
    display: block
}

.nav-button .button {
    width: 40px;
    height: 40px;
    display: block;
    border: 2px solid #fff;
    padding: 2px 6px;
    position: fixed;
    right: 60px;
    top: 30px;
    visibility: hidden
}

.nav-button .button:hover {
    opacity: 1
}

.nav-button .button:active {
    transition: 0
}

.lines, .lines:after, .lines:before {
    display: inline-block;
    height: 3px;
    background: #fff;
    transition: .3s;
    width: 100%
}

.lines {
    position: relative
}

.lines:after, .lines:before {
    position: absolute;
    left: 0;
    content: '';
    -webkit-transform-origin: .28571rem center;
    transform-origin: .28571rem center
}

#banner.homebanner.smallHeight .bottom a, #nav ul li ul {
    display: none
}

#panel, .bgoverlay {
    position: fixed;
    height: 100%
}

.lines:before {
    top: 8px
}

.lines:after {
    top: -8px
}

.nav-button .button:hover .lines:before {
    top: 9px
}

.nav-button .button:hover .lines:after {
    top: -9px
}

.nav-button .button.close {
    -webkit-transform: scale3d(.8, .8, .8);
    transform: scale3d(.8, .8, .8)
}

.nav-button .button.x.active .lines {
    background: 0
}

.nav-button .button.x.active .lines:after, .nav-button .button.x.active .lines:before {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    width: 100%
}

.nav-button .button.x.active .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg)
}

.nav-button .button.x.active .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg)
}

#topbar.freeze .nav-button .button {
    border: 3px solid #000
}

.freeze #panel .nav-button .button {
    border: 2px solid #000
}

.freeze #panel .nav-button .button .lines, .freeze #panel .nav-button .button .lines:after, .freeze #panel .nav-button .button .lines:before {
    background: #000
}

.freeze #panel .nav-button .button.active .lines {
    background: 0
}

#panel {
    right: 0;
    top: 0;
    z-index: 6
}

#panel .inner {
    display: none
}

#nav {
    margin-bottom: 68px
}

#nav ul li {
    padding: 19px 0
}

#nav ul li a {
    font-family: Montserrat;
    font-size: 16px;
    text-transform: uppercase;
    color: #262626;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

#nav ul li a:hover {
    color: #33aa9a;
    text-decoration: none
}

#nav li.current-menu-ancestor > a, #nav li.current-menu-item > a, #nav li.current-menu-parent > a, #nav li.current-page-ancestor > a {
    color: #33aa9a
}

.social li {
    float: left;
    margin-left: 20px
}

.social li:first-child {
    margin-left: 0
}

.social li a {
    color: #262626;
    font-size: 26px;
    text-decoration: none;
    transition: all .2s ease-in-out
}

.button-1, .team-block .block > a {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out
}

.social li a:hover {
    color: #33aa9a;
    text-decoration: none
}

.bgoverlay {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    background: url(../images/bg-overlay-2.png)
}

#banner {
    position: relative;
    height: 275px
}

#banner.homebanner {
    height: 1044px
}

.author #banner {
    height: 375px
}

#banner.small {
    height: 95px
}

#banner .bg, #banner .content, #banner .overlay {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@-webkit-keyframes twinkle_one {
    0%   { opacity: 1; }
    30%  { opacity: 1; }
    70%  { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes twinkle_one {
    0%   { opacity: 1; }
    30%  { opacity: 1; }
    70%  { opacity: 0; }
    100% { opacity: 1; }
}
@-o-keyframes twinkle_one {
    0%   { opacity: 1; }
    30%  { opacity: 1; }
    70%  { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes twinkle_one {
    0%   { opacity: 1; }
    30%  { opacity: 1; }
    70%  { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes twinkle_two {
    0%   { opacity: 1; }
    25%  { opacity: 0; }
    80%  { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes twinkle_two {
    0%   { opacity: 1; }
    25%  { opacity: 0; }
    80%  { opacity: 0; }
    100% { opacity: 1; }
}
@-o-keyframes twinkle_two {
    0%   { opacity: 1; }
    25%  { opacity: 0; }
    80%  { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes twinkle_two {
    0%   { opacity: 1; }
    25%  { opacity: 0; }
    80%  { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes twinkle_three {
    0%   { opacity: 1; }
    30%  { opacity: 0; }
    40%  { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes twinkle_three {
    0%   { opacity: 1; }
    30%  { opacity: 0; }
    40%  { opacity: 0; }
    100% { opacity: 1; }
}
@-o-keyframes twinkle_three {
    0%   { opacity: 1; }
    30%  { opacity: 0; }
    40%  { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes twinkle_three {
    0%   { opacity: 1; }
    30%  { opacity: 0; }
    40%  { opacity: 0; }
    100% { opacity: 1; }
}

#banner .bg {
    position: absolute;
    left: 0;
    right: 0;
    background-color: #000;
}

#banner .bg .animate-star {
    position: absolute;
    background-color: white;
}

#banner .bg .star-type1 {
    width: 1px;
    height: 1px;
    border-radius: 50%;
    -webkit-animation: twinkle_one 6s ease-in-out infinite;
    -moz-animation: twinkle_one 6s ease-in-out infinite;
    -o-animation: twinkle_one 6s ease-in-out infinite;
    animation: twinkle_one 6s ease-in-out infinite;
}
#banner .bg .star-type2 {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    -webkit-animation: twinkle_two 24s ease-in-out infinite;
    -moz-animation: twinkle_two 24s ease-in-out infinite;
    -o-animation: twinkle_two 24s ease-in-out infinite;
    animation: twinkle_two 24s ease-in-out infinite;
}
#banner .bg .star-type3 {
    width: 1px;
    height: 1px;
    border-radius: 50%;
    -webkit-animation: twinkle_three 14s ease-in-out infinite;
    -moz-animation: twinkle_three 14s ease-in-out infinite;
    -o-animation: twinkle_three 14s ease-in-out infinite;
    animation: twinkle_three 14s ease-in-out infinite;
}

#banner .overlay {
    position: absolute;
    background: url(../images/bg-overlay-5.png)
}

#banner .bg img {
    position: relative;
    width: 100%;
    min-width: 1800px;
}

#banner .content {
    -webkit-transition-duration: 1.5s;
    -webkit-transition-property: opacity;
    -webkit-transition-delay: .25s;
    -webkit-transition-timing-function: 'ease-in-out';
    transition-duration: 1.5s;
    transition-property: opacity;
    transition-delay: .25s;
    transition-timing-function: 'ease-in-out';
    position: absolute;
    text-align: center;
    z-index: 2;
    color: #fff
}

#banner .caption h1,
#banner .caption .button,
#banner .caption .shortcont {
    display: block;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

#banner .caption {
    padding-top: 22px
}

#banner .caption h1 {
    font-size: 66px;
    color: #fff;
    font-weight: 100;
    font-family: latohairline;
    margin-bottom: 12px
}

.button-1, .sub-navbar nav > ul > li > ul > li > a {
    text-transform: uppercase;
    font-family: Montserrat
}

#banner.homebanner .caption {
    padding-top: 0
}

#banner.homebanner .caption h1 {
    display: inline-block;
    margin-bottom: 36px
}

#banner .caption .shortcont {
    margin-bottom: 43px;
    font-size: 27px;
    line-height: 1.5;
    max-width: 970px
}

#banner.homebanner .illus {
    position: absolute;
    right: 60px;
    bottom: 0;
    width: 27%
}

#banner.homebanner .illus img {
    width: 100%
}

#banner.homebanner .bottom {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 10px;
    padding: 0 35% 60px
}

#banner.homebanner .bottom a {
    color: #fff;
    text-decoration: none;
    display: block;
    position: relative;
    line-height: 1.5
}

#banner.homebanner .bottom a .icon {
    font-size: 12px
}

@-webkit-keyframes arrow {
    0%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes arrow {
    0%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

#banner.homebanner .bottom .arrowscroll {
    bottom: 0;
    height: 35px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    width: 60px
}

#banner.homebanner .bottom .arrowscroll:hover {
    cursor: pointer
}

#banner.homebanner .bottom .arrow {
    background: url(../images/arrow-down.png) no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -10px;
    -webkit-animation: arrow 1s infinite;
    animation: arrow 1s infinite
}

#banner.homebanner .bottom a:hover {
    color: #4ddcc9
}

#banner .star {
    position: absolute;
    top: 265px;
    text-align: center;
    width: 100%;
    margin-left: -530px
}

#breadcrumb_menu ul.menu > li, #main {
    position: relative
}

#banner .star img {
    width: 615px;
}

.button-1 {
    border: 2px solid #fff;
    text-align: center;
    line-height: 46px;
    display: inline-block;
    font-size: 15px;
    color: #fff;
    padding: 0 20px;
    transition: all .2s ease-in-out
}

.button-1:active, .button-1:focus, .button-1:hover {
    text-decoration: none;
    background: #fff;
    border: 2px solid #fff;
    color: #262626
}

#main {
    background: #fff
}

.sub-navbar {
    background: #ebebeb
}

.sub-navbar nav > ul ul, .sub-navbar nav > ul > li {
    display: none
}

.sub-navbar nav > ul > li.current-menu-ancestor, .sub-navbar nav > ul > li.current-menu-item, .sub-navbar nav > ul > li.current-menu-parent, .sub-navbar nav > ul > li.current-page-ancestor {
    display: block
}

.sub-navbar nav > ul > li.current-menu-ancestor > a, .sub-navbar nav > ul > li.current-menu-item > a, .sub-navbar nav > ul > li.current-menu-parent > a, .sub-navbar nav > ul > li.current-page-ancestor > a {
    display: none
}

.sub-navbar nav > ul > li.current-menu-ancestor > ul, .sub-navbar nav > ul > li.current-menu-item > ul, .sub-navbar nav > ul > li.current-menu-parent > ul, .sub-navbar nav > ul > li.current-page-ancestor > ul {
    display: block;
    font-size: 0;
    text-align: center
}

.sub-navbar nav > ul > li > ul > li {
    display: inline-block;
    padding: 0 15px
}

.sub-navbar nav > ul > li > ul > li > a {
    font-size: 13px;
    display: inline-block;
    line-height: 56px;
    color: #262626
}

.sub-navbar nav > ul > li > ul > li > a:hover {
    text-decoration: none;
    color: #33aa9a
}

.sub-navbar nav > ul > li > ul > li.current-menu-ancestor > a, .sub-navbar nav > ul > li > ul > li.current-menu-item > a, .sub-navbar nav > ul > li > ul > li.current-menu-parent > a, .sub-navbar nav > ul > li > ul > li.current-page-ancestor > a {
    color: #33aa9a
}

.breadcrumb-container {
    height: 52px;
    font-family: Lato;
    font-size: 13px;
    line-height: 20px;
    position: relative;
    z-index: 2;
    padding-top: 15px
}

#footer, .left-menu > ul > li > ul > li > ul > li a {
    font-family: Montserrat;
    text-transform: uppercase
}

#breadcrumb, #breadcrumb_menu {
    display: none
}

#breadcrumb a, #breadcrumb span {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap
}

#breadcrumb span.breadcrumb_last {
    white-space: nowrap
}

#breadcrumb span span a:after {
    content: url(../images/breadcrumb-icon.png);
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top
}

#breadcrumb > span > span > a:first-child {
    margin-left: 60px
}

#breadcrumb_menu > :before {
    content: url(../images/breadcrumb-icon.png);
    margin-left: 10px;
    margin-right: 10px;
    float: left
}

#breadcrumb_menu > a:first-child:before {
    content: "";
    margin: 0
}

#breadcrumb a:hover, #breadcrumb_menu > a:first-child:hover {
    text-decoration: none;
    color: #33aa9a
}

#breadcrumb_menu > a:first-child {
    float: left;
    display: block;
    margin-left: 60px
}

#breadcrumb_menu ul.menu, #breadcrumb_menu ul.menu_sub, #breadcrumb_menu ul.menu_sub_sub {
    float: left
}

#breadcrumb_menu ul.menu > li, #breadcrumb_menu ul.menu_sub > li, #breadcrumb_menu ul.menu_sub_sub > li {
    float: left;
    display: none
}

#breadcrumb_menu ul.menu > li > a, #breadcrumb_menu ul.menu_sub > li > ul > li > a {
    padding-right: 23px
}

#breadcrumb_menu ul.menu li.current-menu-ancestor, #breadcrumb_menu ul.menu li.current-menu-item, #breadcrumb_menu ul.menu li.current-menu-parent, #breadcrumb_menu ul.menu li.current-page-ancestor, #breadcrumb_menu ul.menu li.current-post-ancestor, #breadcrumb_menu ul.menu_sub li.current-menu-ancestor, #breadcrumb_menu ul.menu_sub li.current-menu-item, #breadcrumb_menu ul.menu_sub li.current-menu-parent, #breadcrumb_menu ul.menu_sub li.current-page-ancestor, #breadcrumb_menu ul.menu_sub li.current-post-ancestor {
    display: block !important
}

#breadcrumb_menu ul.menu li a, #breadcrumb_menu ul.menu_sub li a {
    float: left
}

#breadcrumb_menu a:hover, #breadcrumb_menu ul.menu li a:hover {
    text-decoration: none
}

#breadcrumb_menu ul.menu_sub > li.current-menu-ancestor, #breadcrumb_menu ul.menu_sub > li.current-menu-item, #breadcrumb_menu ul.menu_sub > li.current-menu-parent, #breadcrumb_menu ul.menu_sub > li.current-page-ancestor, #breadcrumb_menu ul.menu_sub > li.current-post-ancestor {
    padding-left: 0
}

#breadcrumb_menu ul.menu > li.current-menu-ancestor.menu-item-has-children > a, #breadcrumb_menu ul.menu > li.current-menu-item.menu-item-has-children > a, #breadcrumb_menu ul.menu > li.current-menu-parent.menu-item-has-children > a, #breadcrumb_menu ul.menu > li.current-page-ancestor.menu-item-has-children > a, #breadcrumb_menu ul.menu > li.current-post-ancestor.menu-item-has-children > a, #breadcrumb_menu ul.menu_sub > li > ul > li.current-menu-ancestor.menu-item-has-children > a, #breadcrumb_menu ul.menu_sub > li > ul > li.current-menu-item.menu-item-has-children > a, #breadcrumb_menu ul.menu_sub > li > ul > li.current-menu-parent.menu-item-has-children > a, #breadcrumb_menu ul.menu_sub > li > ul > li.current-page-ancestor.menu-item-has-children > a, #breadcrumb_menu ul.menu_sub > li > ul > li.current-post-ancestor.menu-item-has-children > a, #breadcrumb_menu ul.menu_sub_sub > li > ul > li > ul > li.current-menu-ancestor.menu-item-has-children > a, #breadcrumb_menu ul.menu_sub_sub > li > ul > li > ul > li.current-menu-item.menu-item-has-children > a, #breadcrumb_menu ul.menu_sub_sub > li > ul > li > ul > li.current-menu-parent.menu-item-has-children > a, #breadcrumb_menu ul.menu_sub_sub > li > ul > li > ul > li.current-page-ancestor.menu-item-has-children > a, #breadcrumb_menu ul.menu_sub_sub > li > ul > li > ul > li.current-post-ancestor.menu-item-has-children > a {
    background: url(../images/arrow-parent.png) 100% 9px no-repeat;
    padding-right: 18px
}

#breadcrumb_menu ul.menu > li.current-menu-item, #breadcrumb_menu ul.menu > li.current_page_item, #breadcrumb_menu ul.menu_sub > li > ul.sub-menu > li.current-menu-item, #breadcrumb_menu > span {
    float: left
}

#breadcrumb_menu ul.menu .sub-menu li a:hover, #breadcrumb_menu ul.menu_sub > li > ul.sub-menu > li > ul li a:hover {
    background-color: #f7f7f7
}

#breadcrumb_menu ul.menu + span {
    display: none
}

#breadcrumb_menu ul.menu .sub-menu, #breadcrumb_menu ul.menu_sub > li > ul.sub-menu > li > ul, #breadcrumb_menu ul.menu_sub_sub > li > ul > li > ul > li > ul {
    position: absolute;
    left: 0;
    top: 20px;
    min-width: 100%;
    display: none;
    overflow: hidden;
    background: url(../images/arow-submenu.png) 15px 5px no-repeat;
    padding-top: 17px
}

#breadcrumb_menu ul.menu .sub-menu ul {
    display: none !important
}

#breadcrumb_menu ul.menu .sub-menu li, #breadcrumb_menu ul.menu_sub > li > ul.sub-menu > li > ul li {
    float: none
}

#breadcrumb_menu ul.menu .sub-menu li a, #breadcrumb_menu ul.menu_sub > li > ul.sub-menu > li > ul li a {
    font-size: 12px;
    color: #262626;
    padding: 15px 20px;
    line-height: normal;
    white-space: nowrap;
    background: #ebebeb;
    float: none;
    display: block
}

#breadcrumb_menu ul.menu_sub > li.current-menu-ancestor > a, #breadcrumb_menu ul.menu_sub > li.current-menu-item > a, #breadcrumb_menu ul.menu_sub > li.current-menu-parent > a, #breadcrumb_menu ul.menu_sub > li.current-page-ancestor > a, #breadcrumb_menu ul.menu_sub > li.current-post-ancestor > a, #breadcrumb_menu ul.menu_sub_sub > li > ul > li.current-menu-ancestor > a, #breadcrumb_menu ul.menu_sub_sub > li > ul > li.current-menu-item > a, #breadcrumb_menu ul.menu_sub_sub > li > ul > li.current-menu-parent > a, #breadcrumb_menu ul.menu_sub_sub > li > ul > li.current-page-ancestor > a, #breadcrumb_menu ul.menu_sub_sub > li > ul > li.current-post-ancestor > a {
    display: none
}

#breadcrumb_menu ul.menu_sub > li.current-menu-ancestor > ul.sub-menu, #breadcrumb_menu ul.menu_sub > li.current-menu-item > ul.sub-menu, #breadcrumb_menu ul.menu_sub > li.current-menu-parent > ul.sub-menu, #breadcrumb_menu ul.menu_sub > li.current-page-ancestor > ul.sub-menu, #breadcrumb_menu ul.menu_sub > li.current-post-ancestor > ul.sub-menu, #breadcrumb_menu ul.menu_sub > li > ul.sub-menu > li.current-menu-ancestor, #breadcrumb_menu ul.menu_sub > li > ul.sub-menu > li.current-menu-item, #breadcrumb_menu ul.menu_sub > li > ul.sub-menu > li.current-menu-parent, #breadcrumb_menu ul.menu_sub > li > ul.sub-menu > li.current-page-ancestor #breadcrumb_menu ul.menu_sub > li > ul.sub-menu > li.current-post-ancestor {
    display: block !important
}

#breadcrumb_menu ul.menu_sub > li > ul.sub-menu > li, #breadcrumb_menu ul.menu_sub > li > ul.sub-menu > li > ul {
    display: none
}

#breadcrumb_menu ul.menu_sub_sub > li > ul > li.current-menu-ancestor > ul, #breadcrumb_menu ul.menu_sub_sub > li > ul > li.current-menu-item > ul, #breadcrumb_menu ul.menu_sub_sub > li > ul > li.current-menu-parent > ul, #breadcrumb_menu ul.menu_sub_sub > li > ul > li.current-page-ancestor > ul, #breadcrumb_menu ul.menu_sub_sub > li > ul > li.current-post-ancestor > ul {
    display: block !important;
    position: static;
    background: 0;
    padding: 0;
    overflow: visible
}

#breadcrumb_menu ul.menu_sub li, #footer, .clients li {
    position: relative
}

#breadcrumb_menu ul.menu_sub_sub > li > ul > li.current-menu-ancestor > ul > li, #breadcrumb_menu ul.menu_sub_sub > li > ul > li.current-menu-item > ul > li, #breadcrumb_menu ul.menu_sub_sub > li > ul > li.current-menu-parent > ul > li, #breadcrumb_menu ul.menu_sub_sub > li > ul > li.current-page-ancestor > ul > li, #breadcrumb_menu ul.menu_sub_sub > li > ul > li.current-post-ancestor > ul > li {
    float: left;
    display: none
}

#breadcrumb_menu ul.menu_sub_sub > li > ul > li > ul > li.current-menu-ancestor, #breadcrumb_menu ul.menu_sub_sub > li > ul > li > ul > li.current-menu-item, #breadcrumb_menu ul.menu_sub_sub > li > ul > li > ul > li.current-menu-parent, #breadcrumb_menu ul.menu_sub_sub > li > ul > li > ul > li.current-page-ancestor, #breadcrumb_menu ul.menu_sub_sub > li > ul > li > ul > li.current-post-ancestor {
    display: block !important
}

#breadcrumb_menu ul.menu_sub_sub > li > ul > li > ul > li.current-menu-ancestor > a, #breadcrumb_menu ul.menu_sub_sub > li > ul > li > ul > li.current-menu-item > a, #breadcrumb_menu ul.menu_sub_sub > li > ul > li > ul > li.current-menu-parent > a, #breadcrumb_menu ul.menu_sub_sub > li > ul > li > ul > li.current-page-ancestor > a, #breadcrumb_menu ul.menu_sub_sub > li > ul > li > ul > li.current-post-ancestor > a {
    padding: 0 18px 0 0;
    background: 0;
    color: #33aa9a;
    line-height: 20px
}

.shortcont, .why-block .block .caption {
    line-height: 1.6
}

#breadcrumb_menu ul.menu_sub_sub > li > ul > li > ul > li > a {
    background-color: transparent !important
}

#breadcrumb_menu ul.menu + ul.menu_sub > li > ul > li > ul > li > ul {
    display: none !important
}

.page-content {
    margin-top: 25px
}

.page-content + .block-text, .page-content + .block-text-button {
    padding-top: 0;
}

.left-menu > ul ul, .left-menu > ul > li, .left-menu > ul > li > ul > li {
    display: none
}

.left-menu > ul li.current-menu-ancestor, .left-menu > ul li.current-menu-item, .left-menu > ul li.current-menu-parent, .left-menu > ul li.current-page-ancestor {
    display: block !important
}

.left-menu > ul > li.current-menu-ancestor > a, .left-menu > ul > li.current-menu-item > a, .left-menu > ul > li.current-menu-parent > a, .left-menu > ul > li.current-page-ancestor > a, .left-menu > ul > li > ul > li.current-menu-ancestor > a, .left-menu > ul > li > ul > li.current-menu-item > a, .left-menu > ul > li > ul > li.current-menu-parent > a, .left-menu > ul > li > ul > li.current-page-ancestor > a {
    display: none
}

.left-menu > ul li.current-menu-ancestor > ul, .left-menu > ul li.current-menu-item > ul, .left-menu > ul li.current-menu-parent > ul, .left-menu > ul li.current-page-ancestor > ul {
    display: block !important
}

.left-menu > ul > li > ul > li > ul > li {
    padding-top: 40px
}

.left-menu > ul > li > ul > li > ul > li:first-child {
    padding-top: 0;
    margin-top: 6px
}

.left-menu > ul > li > ul > li > ul > li.menu-item-has-children > a:after {
    background: url(../images/icon-folde-in.png) 0 -117px no-repeat;
    width: 9px;
    height: 8px;
    content: "a";
    color: transparent;
    margin-left: 10px;
    margin-top: 2px
}

.left-menu > ul > li > ul > li > ul > li.menu-item-has-children > a:hover:after {
    background-position: 0 -177px
}

.left-menu > ul > li > ul > li > ul > li.current-menu-ancestor-item-has-children > a:after, .left-menu > ul > li > ul > li > ul > li.current-menu-item.menu-item-has-children > a:after, .left-menu > ul > li > ul > li > ul > li.current-menu-parent.menu-item-has-children > a:after {
    background: url(../images/icon-folde-in.png) 0 -57px no-repeat
}

.left-menu > ul > li > ul > li > ul > li a {
    font-size: 12px;
    color: #262626;
    display: block
}

.left-menu > ul > li > ul > li > ul > li a:hover {
    text-decoration: none;
    color: #33aa9a
}

.left-menu > ul li.current-menu-ancestor > a, .left-menu > ul li.current-menu-item > a, .left-menu > ul li.current-menu-parent > a, .left-menu > ul li.current-page-ancestor > a {
    color: #33aa9a !important
}

#footer, #footer a {
    color: #8e8d8d
}

.left-menu > ul > li > ul > li > ul > li > ul > li {
    padding-top: 29px;
    padding-left: 20px
}

.left-menu > ul > li > ul > li > ul > li > ul > li a {
    font-size: 11px
}

#footer {
    background: #fff;
    font-size: 12px;
    padding: 30px 0;
    text-align: center;
    font-weight: 400
}

#footer span {
    display: inline-block;
    margin-left: 7px
}

#footer span:before {
    content: "| \00a0 "
}

#footer span:first-child:before {
    content: ""
}

#footer a:hover {
    color: #33aa9a;
    text-decoration: none
}

#footer .social i {
    font-size: 20px;
    vertical-align: middle
}

#footer .social a {
    color: #262626;
    margin-left: 5px
}

#footer .social a:first-child {
    margin-left: 0
}

#footer .social a:hover {
    color: #33aa9a
}

.team-block {
    padding: 77px 0 0
}

.team-block .title {
    text-align: center;
    font-family: Lato;
    font-weight: 300;
    font-size: 42px;
    margin-bottom: 35px
}

.team-block .col-md-10 {
    font-size: 0;
    text-align: center
}

.team-block .block {
    text-align: center;
    margin-bottom: 70px;
    float: none;
    display: inline-block;
    vertical-align: top
}

.team-block .block > a {
    display: block;
    color: #262626;
    text-decoration: none;
    transition: all .2s ease-in-out
}

.team-block .block > a > img {
    display: inline-block;
    border-radius: 50%;
    -ms-border-radius: 50%;
    margin-bottom: 30px;
    max-width: 100%
}

.team-block .block .name {
    text-transform: uppercase;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 15px;
    color: #262626;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.team-block .block a:hover .name, .team-block .block:hover a .name {
    color: #33aa9a
}

.team-block .block .position {
    font-size: 14px
}

.home .team-block .row {
    display: none
}

.home .team-block .txtintro {
    display: block
}

.team-block .txtintro {
    margin-bottom: 65px
}

.client-block {
    margin: 0 0 70px;
    font-size: 0;
    text-align: center
}

.client-block .title, .why-block .title {
    font-weight: 300;
    font-size: 42px;
    text-align: center
}

.client-block .title {
    font-family: Lato;
    margin-bottom: 35px
}

.clients li {
    display: inline-block;
    vertical-align: top;
    margin: 20px 10px 0;
    width: 175px
}

.clients li img {
    max-width: 100%
}

.clients li img.hover {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    left: 0
}

.clients li a:hover img.hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.portfolio-block {
    overflow: hidden
}

.portfolio-block .feature {
    float: left;
    width: 66.55%;
    position: relative
}

.portfolio-block .feature img, .portfolio-block .other .block img {
    display: block;
    width: 100%
}

.portfolio-block .other {
    overflow: hidden
}

.portfolio-block .block {
    position: relative
}

.portfolio-block .caption, .portfolio-block .overlay {
    position: absolute;
    width: 100%;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0);
    top: 0;
    left: 0
}

.portfolio-block .block > a {
    display: block
}

.portfolio-block .overlay {
    height: 100%;
    background: url(../images/bg-overlay-1.png);
    transition: all .2s ease-in-out
}

.portfolio-block .caption {
    text-align: center;
    box-sizing: border-box;
    padding: 0 40px;
    color: #fff;
    transition: all .2s ease-in-out
}

.blogs .item .illus, .masonry-container, .other-blogs .item .illus {
    position: relative
}

.article-detail .meta a, .button-2, .meta a {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out
}

.portfolio-block .block > a:hover .caption, .portfolio-block .block > a:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=1)
}

.portfolio-block .txtreview {
    font-style: italic
}

.portfolio-block .caption .name {
    text-transform: uppercase;
    font-family: Montserrat;
    letter-spacing: 1px;
    margin-top: 35px
}

.portfolio-block a {
    color: #fff;
    text-decoration: none
}

.why-block {
    padding: 80px 0 90px
}

.why-block .title {
    font-family: Lato;
    margin-bottom: 48px
}

.why-block .block {
    text-align: center
}

.why-block .block img {
    margin-bottom: 27px;
    height: 204px
}

.why-block .block:last-child img {
    padding-bottom: 32px;
}

.why-block .button {
    text-align: center;
    margin-top: 47px
}

.button-2 {
    border: 2px solid #262626;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    color: #262626;
    text-transform: uppercase;
    font-family: Montserrat;
    padding: 13px 20px;
    transition: all .2s ease-in-out;
    background: #fff
}

.portfolio-slider h1, .reference-block h2 {
    font-family: Lato;
    font-weight: 300
}

.button-2:active, .button-2:focus, .button-2:hover {
    text-decoration: none;
    background: #3cbead;
    border: 2px solid #3cbead;
    color: #fff
}

.reference-block {
    background: #f3f3f3;
    padding: 80px 0 70px
}

.reference-block h2 {
    font-size: 28px;
    margin-bottom: 25px
}

.article-detail .meta, .blogs .item .meta, .other-blogs .meta {
    font-family: Montserrat;
    text-transform: uppercase;
    letter-spacing: 1px
}

.reference-block a:hover {
    color: #216158;
    text-decoration: none
}

.reference-block .tweetfeed {
    padding-left: 70px
}

.locate-block .block {
    width: 50%;
    float: left
}

.locate-block .block img {
    width: 100%
}

.aside-left {
    width: 25%;
    float: left;
    margin-right: 10px
}

.page-template-template-dienstenpagina .right-content {
    padding: 0 0 44px;
}

.right-content {
    overflow: hidden;
}

.feature-image-right {
    padding-left: 0;
    padding-right: 0;
    right: 0;
    text-align: right
}

.feature-image-right img {
    height: auto;
    margin-top: 10px;
    max-width: 100%
}

.maside {
    display: none
}

.sidebar-left .quote {
    padding-right: 70px
}

blockquote {
    line-height: 1.49;
    font-size: 26px;
    background: url(../images/icon-quote.png) 0 10px no-repeat;
    padding-left: 40px
}

.sidebar-left .line {
    height: 1px;
    background: #dadada;
    margin-top: 25px;
    margin-left: 40px
}

.article-detail {
    margin-top: -7px
}

.article-detail .meta {
    font-size: 12px;
    color: #b2b2b2;
    margin-bottom: 32px;
    margin-bottom: 32x
}

.article-detail .meta a, .meta a {
    color: #b2b2b2;
    transition: all .2s ease-in-out
}

.blogs .item .illus .overlay, .blogs .item h3, .other-blogs .item .illus .overlay {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out
}

.article-detail .meta a:hover, .meta a:hover {
    color: #33aa9a;
    text-decoration: none
}

.page-content .team-block.first, .page-content .team-block:first-child {
    padding-top: 0
}

.highlight {
    background: #f7f7f7
}

.team-block.highlight {
    padding-top: 60px
}

.page-content .team-block {
    padding-bottom: 12px
}

.page-content .team-block .block {
    margin-bottom: 60px
}

.page-content .team-block .wp-editor {
    padding-bottom: 7px
}

.page-content .team-block .block > a > img {
    margin-bottom: 35px
}

.page-content .team-block .block .name {
    margin-bottom: 10px
}

.team-detail {
    padding-bottom: 50px
}

.team-detail .social li {
    margin-left: 10px
}

.team-detail .social li:first-child {
    margin-left: 0
}

.team-detail .social li a {
    font-size: 30px;
    color: #cecece
}

.team-detail .social li a:hover {
    color: #3cbead
}

.blogs.highlight {
    padding: 63px 0 50px
}

.blogs .title {
    font-size: 34px;
    padding-bottom: 15px;
    font-weight: 300
}

.blogs .masonry-container {
    margin-top: 20px
}

.blogs .item {
    margin-bottom: 30px
}

.blogs .item .inner {
    color: #262626;
    text-decoration: none;
    display: block;
    background: #fff;
    overflow: hidden
}

.blogs .item .illus img, .other-blogs .item .illus img {
    width: 100%
}

.blogs .item .illus .overlay, .other-blogs .item .illus .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/bg-overlay-4.png);
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .2s ease-in-out
}

.blogs .item a:hover .overlay, .blogs .item:hover .overlay, .other-blogs .item a:hover .illus .overlay, .other-blogs .item:hover .illus .overlay {
    opacity: 1;
    filter: alpha(opacity=100)
}

.blogs .item .caption {
    padding: 10px 20px 20px;
    background: #fff
}

.blogs .item h3 {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.3;
    margin-bottom: 17px;
    transition: all .2s ease-in-out
}

.other-blogs .shortcont, .other-blogs .shortcont a {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out
}

.other-blogs .shortcont a {
    color: #262626;
    transition: all .2s ease-in-out
}

.blogs .item .inner:hover h3, .blogs .item:hover h3, .other-blogs .item:hover .shortcont a, .other-blogs a:hover, .other-blogs a:hover .shortcont {
    color: #33aa9a;
    text-decoration: none
}

.blogs .item .meta, .other-blogs .meta {
    font-size: 12px;
    color: #b2b2b2;
    margin-bottom: 11px
}

.staff-image {
    width: 185px;
    height: 185px;
    border-radius: 50%;
    -ms-border-radius: 50%;
    margin-bottom: 17px
}

.staff-name {
    font-size: 50px !important;
    font-family: latohairline;
    margin-bottom: 0 !important
}

.other-blogs {
    padding-left: 100px;
    margin-top: 7px
}

.other-blogs .item {
    margin-top: 42px
}

.other-blogs .item:first-child, .portfolio .page-content {
    margin-top: 0
}

.other-blogs .inner {
    color: #262626;
    text-decoration: none
}

.other-blogs .meta {
    margin: 15px 0 5px
}

.other-blogs .shortcont {
    font-size: 22px;
    transition: all .2s ease-in-out;
    color: #262626;
    line-height: 1.5
}

.page-nav {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
    height: 52px;
    padding: 15px 60px 0 20px
}

.page-nav .next, .page-nav .prev {
    width: 21px;
    height: 19px;
    display: inline-block;
    text-indent: -9000em;
    color: transparent
}

.page-nav .prev {
    background: url(../images/arrow-nav.png) no-repeat;
    margin-right: 23px
}

.page-nav .prev:hover {
    background-position: 0 -25px
}

.page-nav .next {
    background: url(../images/arrow-nav.png) -44px 0 no-repeat
}

.page-nav .next:hover {
    background-position: -44px -25px
}

.portfolio-intro {
    margin-top: 3px
}

.portfolio-content {
    padding: 0 0 0 60px;
}

.filter-content {
    max-width: 216px;
}

.filter-block p.title {
    display: none;
}

.filter-option h2 {
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 0.6px;
    color: #33aa9a;
    margin: 0 0 20px;
}

.filter-block a {
    color: #a6a6a6;
    font-size: 11px;
    font-family: 'Montserrat';
    letter-spacing: 0.3px;
    line-height: normal;
    margin: 0 0 20px;
    display: block;
    text-transform: uppercase;
}

.filter-block a:last-child {
    margin: 0;
}

.filter-block a:hover {
    color: #33aa9a;
    text-decoration: none;
}

.filter-block a.active {
    color: #262626;
}

.all-items {
    border-top: solid 1px #e8e8e8;
    padding: 15px 0 0;
}

.filter-option a:last-child {
    margin: 0;
}

.filter-option {
    margin: 25px 0 34px;
}

.portfolio-content .container {
    width: auto;
}

.portfolio-item {
    padding: 0;
    position: relative
}

.portfolio-item .image {
    float: right;
    padding-left: 5px;
    padding-right: 0;
    text-align: left;
    width: calc(100% - 33%);
    display: none;
}

.portfolio-item.highlight .image {
    padding-right: 45px;
    padding-left: 0;
    float: left;
    text-align: right
}

.portfolio-item .image img {
    width: 100%
}

.portfolio-item .caption {
    float: left;
    width: 33%;
    padding-bottom: 30px;
    margin-top: -5px;
    padding-right: 40px;
}

.portfolio-item .caption h2 {
    font-size: 34px;
    font-weight: 300;
    margin-bottom: 30px;
    line-height: 1.294;
    word-wrap: break-word;
}

.portfolio-item .caption h2 a, .portfolio-item .caption h2 a:hover {
    color: #262626;
    text-decoration: none
}

.portfolio-item .caption .more {
    margin-top: 35px
}

.portfolio-item .caption .more a:hover {
    text-decoration: none
}

.portfolio-detail .info p, .portfolio-item .caption .more p {
    margin-top: 12px;
    position: relative;
    padding-left: 38px
}

.portfolio-detail .info .fa, .portfolio-item .caption .fa {
    color: #a1a1a1;
    margin-right: 17px;
    position: absolute;
    top: 3px;
    left: 0
}

.portfolio-intro {
    margin-bottom: 20px
}

.portfolio-detail .info {
    background: #e7f1f0;
    padding: 20px;
    margin-bottom: 40px;
    margin-right: 45px
}

.portfolio-detail .info a:hover {
    text-decoration: none
}

.portfolio-detail .info p:first-child {
    margin-top: 0
}

.portfolio-detail .page-content .wp-editor {
    margin-top: -10px
}

.portfolio-slider {
    background: #f4f4f4;
    position: relative;
    margin-bottom: 70px
}

.portfolio-slider .slider li {
    text-align: center;
    display: none
}

.portfolio-slider .slider li:first-child {
    display: block
}

.portfolio-slider .slider li img {
    width: 100%
}

.portfolio-slider h1 {
    font-size: 46px;
    text-align: center;
    margin-bottom: 105px;
    margin-top: 65px;
    position: absolute;
    width: 100%
}

.loading-bar {
    background: #fcfcfc;
    height: 4px
}

#progressbar {
    height: 4px;
    background: #cacaca
}

.portfolio-slider .bx-next, .portfolio-slider .bx-prev {
    width: 59px;
    height: 59px;
    color: transparent;
    text-indent: -9000em;
    position: absolute;
    top: 50%;
    margin-top: -48px;
    display: none
}

.portfolio-slider .bx-prev {
    background: url(../images/arrow-slider.png) 0 0px no-repeat;
    left: 60px
}

.portfolio-slider .bx-next {
    background: url(../images/arrow-slider.png) -100px 0px no-repeat;
    right: 60px
}

.bx-wrapper:hover .bx-controls-direction a {
    display: block
}

.contact-page {
    position: relative;
    min-height: 1130px;
    overflow: hidden
}

.contact-page .map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.contact-page .map-canvas {
    min-height: 1027px;
    overflow: hidden
}

.contact-page .map img {
    width: 100%;
    min-width: 1800px
}

.map .info {
    min-height: 80px;
    text-align: center;
    font-size: 16px;
    background: #f7f7f7;
    padding: 25px 15px
}

.contact-page .page-content {
    margin-top: 82px
}

.contact-page .contact-info {
    background: #fff;
    padding: 30px 35px;
    line-height: 1.72;
    min-height: 220px
}

.contact-page .contact-info p {
    position: relative;
    padding-left: 40px
}

.contact-page .gform_confirmation_message, .contact-page .gform_heading {
    padding: 35px;
    background: #fff;
    box-sizing: border-box
}

.contact-page .contact-info .icon {
    color: #cecece;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 3px
}

.contact-page .contact-info a, .contact-page .contact-info a:focus, .contact-page .contact-info a:hover {
    color: #33aa9a
}

.contact-page .gform_heading {
    margin-bottom: 30px;
    min-height: 220px
}

.contact-page .gform_body {
    background: #fff;
    padding: 35px 35px 0
}

.contact-page .gform_footer {
    background: #fff;
    padding: 0 40px 40px
}

.gform_wrapper {
    overflow: hidden
}

.gform_heading .gform_title {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 30px
}

.gform_heading .gform_description {
    line-height: 1.6
}

.gform_wrapper .gform_body {
    width: 100%;
    overflow: hidden
}

.gform_wrapper .gfield .gfield_label {
    display: block;
    float: none;
    width: auto;
    font-weight: 400;
    margin-bottom: 5px
}

.gform_wrapper .upload-file .ginput_container input {
    display: none;
}

.gform_wrapper .upload-file .name_file {
    word-break: break-word;
    display: block;
    font-size: 16px;
}

.upload-file .ginput_preview strong {font-weight: 300;}

.gform_wrapper .upload-file .gfield_label {
    border: 2px solid #262626;
    text-align: center;
    line-height: 44px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    color: #262626;
    text-transform: uppercase;
    font-family: Montserrat;
    font-weight: 700 !important;
    letter-spacing: 1px;
    padding: 0 20px;
    margin-bottom: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #fff;
    -webkit-appearance: none;
}

.ginput_container_fileupload {
    display: inline-block;
    vertical-align: middle;
}

.gform_wrapper .upload-file .gfield_label:hover {
    text-decoration: none;
    background: #3cbead;
    border: 2px solid #3cbead;
    color: #fff;
}

.gform_wrapper .upload-file .gfield_description {
    font-style: italic;
    font-size: 16px;
}

.contact-page .gform_wrapper .gfield .gfield_label {
    display: block;
    float: none;
    width: auto
}

.gform_wrapper .gfield .ginput_container {
    overflow: hidden
}

.gform_wrapper .gfield .ginput_container input[type=text] {
    height: 47px;
    padding: 7px 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 100%;
    background: #f7f7f7;
    border: 1px solid #dedede;
    border-right: 0;
    border-bottom: 0;
    margin: 0;
    -webkit-appearance: none;
    font-weight: 300
}

.gform_wrapper .gfield .ginput_container input[type=text]:focus {
    border-color: #b9b9b9
}

.gform_wrapper .gfield .ginput_container textarea {
    height: 110px;
    padding: 7px 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 100%;
    background: #f7f7f7;
    border: 1px solid #dedede;
    border-right: 0;
    border-bottom: 0;
    margin: 0;
    -webkit-appearance: none;
    float: left;
    clear: left;
    font-weight: 300
}

.gform_wrapper .gfield .ginput_container textarea:focus {
    border-color: #b9b9b9
}

.gform_wrapper .gfield .ginput_container input[type=radio], .gform_wrapper .gfield .ginput_container input[type=checkbox] {
    margin-left: 0
}

.gform_wrapper .gfield .ginput_container input.datepicker {
    float: left
}

.ui-datepicker-trigger {
    background: url(../images/icon-date.png) no-repeat;
    width: 18px;
    height: 21px !important;
    float: left;
    margin-left: -30px;
    margin-top: 14px
}

.gform_wrapper .gfield_error .ginput_container input[type=text], .gform_wrapper .gfield_error .ginput_container textarea, .wp-editor .gform_wrapper .gfield_error .ginput_container input[type=text], .wp-editor .gform_wrapper .gfield_error .ginput_container textarea {
    border: 2px solid red
}

.validation_message {
    background: red;
    color: #FFF;
    float: left;
    font-size: 13px;
    padding: 0 8px;
    line-height: 30px;
    position: absolute;
    right: 0
}

.ginput_container_fileupload .validation_message {
    display: none;
}

.gform_wrapper .gform_fields, .wp-editor .gform_wrapper .gform_fields {
    margin-left: -30px
}

.wp-editor .gform_wrapper li {
    background: 0;
    padding-left: 0;
    padding-bottom: 12px
}

.gform_wrapper li.gfield, .wp-editor .gform_wrapper li.gfield {
    width: 50%;
    float: left;
    overflow: hidden;
    padding-bottom: 30px;
    padding-left: 30px;
    position: relative
}

.gform_wrapper li.gfield:nth-child(2n+1), .wp-editor .gform_wrapper li.gfield:nth-child(2n+1) {
    clear: left
}

.gform_wrapper li.gfield.large, .wp-editor .gform_wrapper li.gfield.large {
    width: 100%
}

.icheckbox, .iradio {
    width: 20px;
    margin-right: 5px
}

.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio, .wp-editor .gform_wrapper .gfield_checkbox, .wp-editor .gform_wrapper .gfield_radio {
    overflow: hidden;
    padding-bottom: 5px;
    padding-top: 10px
}

.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li, .wp-editor .gform_wrapper .gfield_checkbox li, .wp-editor .gform_wrapper .gfield_radio li {
    padding: 0;
    margin-top: 10px
}

.gform_wrapper .gfield_checkbox li:first-child, .gform_wrapper .gfield_radio li:first-child, .wp-editor .gform_wrapper .gfield_checkbox li:first-child, .wp-editor .gform_wrapper .gfield_radio li:first-child {
    margin-top: 0
}

.gform_wrapper .gform_footer {
    overflow: hidden;
    clear: left;
    text-align: right
}

.gform_wrapper .gform_footer .gform_button {
    border: 2px solid #262626;
    text-align: center;
    line-height: 44px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    color: #262626;
    text-transform: uppercase;
    font-family: Montserrat;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 0 20px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #fff;
    -webkit-appearance: none
}

.gform_wrapper .gform_footer .gform_button:active, .gform_wrapper .gform_footer .gform_button:focus, .gform_wrapper .gform_footer .gform_button:hover {
    text-decoration: none;
    background: #3cbead;
    border: 2px solid #3cbead;
    color: #fff
}

/* Style setect2 */
select {
    width: 100%;
}

.select2-container {
    position: relative;
    display: block;
    z-index: 1;
}

.ginput_container_select .select2-container {
    width: 100% !important;
}

.select2-selection {
    display: block;
    position: relative;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
}

.select2-selection .select2-selection__arrow {
    width: 46px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 0;
    height: 46px;
    background: url('../images/selectbox-arrow.png') center 21px no-repeat;
}

.select2-selection .select2-selection__arrow b {
    display: none;
}

.select2-selection .select2-selection__rendered {
    padding: 13px 50px 12px 15px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 1.187;
    border: 1px solid #dbdbdb;
    border-bottom-width: 2px;
    border-right-width: 2px;
    border-radius: 4px;
    -ms-border-radius: 4px;
}

.select2-search,
.select2-hidden-accessible {
    display: none;
}

.select2-dropdown {
    display: block;
    box-shadow: 0 0 6px rgba(0, 0, 0, .15);
    border: 1px solid #d2d2d2;
    border-top: none;
    border-radius: 0 0 4px 4px;
}

.select2-results {
    display: block;
}

.select2-results li {
    background: #fff;
    padding: 11px 15px 12px;
    cursor: pointer;
}

.select2-results li:hover {
    background: #3cbead;
    color: #fff;
}

.select2-results__option[aria-selected=true] {
    background: #f7f7f7;
    color: #262626;
}

.select2-results__options {
    overflow-y: auto;
    max-height: 200px;
}

.offerte-form >.validation_error {
    margin-bottom: 25px;
}

.offerte-form .ginput_container_checkbox +.validation_message{
    bottom: 30px;
}

.offerte-form .select2-selection .select2-selection__rendered {
    padding: 16px 50px 17px 15px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    background-color: #fff;
}

.offerte-form .select2-selection .select2-selection__arrow {
    width: 56px;
    right: 2px;
    height: 56px;
    background: url('../images/selectbox-arrow.png') center 26px no-repeat;
}

/* End style select2 */

.offerte-form .gform_page_footer .button.gform_button {
    background-color: #33aa9a;
}

.offerte-form .gform_page_footer .gform_button:hover {
    background-color: #29877a;
}

.offerte-form .gform_page_footer .gform_previous_button {
    float: left;
    background-color: #fff;
    color: #33aa9a;
    padding: 0 20px !important;
}

.offerte-form .gform_page_footer .gform_previous_button:hover {
    background-color: #e2e2e2;
}

.gfield_checkbox input {
    display: none;
}

.gfield_checkbox label {
    position: relative;
    padding-left: 25px;
}

.gfield_checkbox label:before {
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    height: 20px;
    background: url(../images/icheck.png) no-repeat;
    content: '';
}

.gfield_checkbox input[type=checkbox]:checked+label::before {
    background-position: 0 -72px;
}

.gform_wrapper .gfield.upload-file-label {
    padding-bottom: 5px !important;
}

.gform_wrapper .gfield.upload-file-label .gfield_label {
    font-weight: 300;
}


.validation_error {
    color: red;
}

.multipage_wrapper form {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.multipage .gform_heading {
    margin-bottom: 10px;
}

.wp-editor .progress-form {
    margin-bottom: 0;
}

.gform_wrapper .gform_page li.gfield, .wp-editor .gform_wrapper .gform_page li.gfield {
    width: 100%;
    float: none;
}

.gform_page .gform_page_footer {
    text-align: right;
}

.gform_page_footer .button.gform_previous_button {
    margin-right: 10px;
}

.gform_page_footer .button {
    border: none;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #33aa9a;
    font-weight: 400;
    text-align: center;
    line-height: 44px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    font-family: Montserrat;
    letter-spacing: 1px;
    padding: 0 20px;
}

.gform_page_footer .button:hover {
    background-color: #29877a;
}

.gform_page_footer .button.gform_button {
    background: #262626;
}

.gform_validation_container {
    display: none;
}

.multipage .gform_save_link {
    float: left;
    line-height: 40px;
}

.icheckbox, .icheckbox + label, .iradio, .iradio + label {
    display: inline-block;
    vertical-align: top;
}

.gfield_checkbox label,
.gfield_radio label {
    width: calc(100% - 30px);
}

.iradio {
    background: url(../images/icheck.png) 0 -200px no-repeat;
    height: 20px
}

.iradio.checked {
    background-position: 0 -300px
}

.icheckbox {
    background: url(../images/icheck.png) no-repeat;
    height: 20px
}

.icheckbox.checked {
    background-position: 0 -72px
}

.icheckbox input, .iradio input {
    position: absolute;
    left: 0;
    top: 0
}

.gfield_checkbox label, .gfield_radio label, .gform_wrapper label {
    font-weight: 300 !important
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a, .ui-datepicker td span {
    display: block;
    padding: .2em;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-cover {
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px
}

.ui-datepicker.ui-widget-content {
    border: 1px solid #d5d5d5;
    background: #fff;
    z-index: 10 !important
}

.ui-datepicker td a, .ui-datepicker td span {
    border: 1px solid #d5d5d5;
    color: #4b4b4d;
    text-align: center;
    font-size: 12px
}

.ui-datepicker td a:hover {
    background: #efefef
}

.ui-datepicker .ui-state-highlight, .ui-datepicker .ui-state-highlight:hover {
    background: #33aa9a;
    color: #fff;
    border: 1px solid #33aa9a
}

.ui-datepicker .ui-datepicker-header {
    border: 1px solid #d5d5d5
}

.ui-datepicker .ui-widget-header .ui-icon {
    background-image: url(../images/ui-icons_jquery.png);
    width: 16px;
    height: 16px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em
}

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
    display: block;
    font-size: 0;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    color: transparent
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-datepicker .ui-datepicker-title {
    line-height: 1.8em;
    margin: 0 2.3em;
    text-align: center;
    color: #4b4b4d;
    font-weight: 700
}

.ui-state-disabled {
    cursor: default !important
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-datepicker-current-day .ui-state-active {
    border: 1px solid #ee2c49
}

.block-text-image img {
    width: 100%;
    height: auto;
}

.block-text-image {
    background-image: linear-gradient(347deg, #b2b2b2, #8d959c);
}

.block-text-image p a {
    color: #fff;
    text-decoration: underline;
}

.block-text-image .image {
    position: relative;
}

.block-text-image .info {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 18px;
    line-height: 1.33;
    font-weight: 300;
    border-left: 1px #fff solid;
    padding-left: 10px;
}

.block-text-image .info .name {
    font-weight: 700;
    margin: -5px 0 5px;
}

.block-text-image .info .carrer {
    margin: -4px 0;
}

.block-text-image .caption {
    padding: 20px;
    color: #fff;
    max-width: 720px;
}

.block-text-image h2 {
    font-size: 48px;
    font-weight: 300;
    line-height: 1.13;
    margin: -10px 0 18px;
}

.block-text-image .caption p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.56;
    margin: 0 0 15px;
}

.block-text-image .button-4 {
    box-shadow: 0 3px 38px 0 rgba(0, 0, 0, 0.15);
}

.block-text-image .button-4:hover {
    box-shadow: 0 3px 38px 0 rgba(0, 0, 0, 0.35);
    background: #41c3b2;
}

.button-4 {
    color: #fff;
    background: #4fcdbc;
    font-size: 15px;
    font-family: 'Montserrat';
    text-transform: uppercase;
    letter-spacing: 1.4px;
    padding: 20px 65px 20px 47px;
    transition: all .3s ease-in-out;
    position: relative;
    display: inline-block;
}

.button-4:after {
    font-family: "simplefly";
    font-size: 10px;
    content: 'b';
    letter-spacing: 2px;
    position: absolute;
    right: 45px;
    top: 50%;
    transform:translateY(-50%);
    text-transform: none;
}

.button-4:hover {
    background: #29877a;
    text-decoration: none;
}

.button-4.gray {
    background: #bfbfbf;
}

.button-4.gray:hover {
    background: #9a9a9a;
}

.block-text h2.title {
    font-size: 34px;
    font-weight: 300;
    line-height: 1.12;
    margin: 0 0 24px;
}

.block-text {
    padding: 70px 0 22px;
}

.block-text .wp-editor ol {
    margin-bottom: 20px;
    list-style: none;
}

.block-text .wp-editor ol li {
    counter-increment: item;
    position: relative;
    padding-left: 50px;
    list-style: none;
    margin-left: 0;
    min-height: 38px;
    margin: 0 0 10px;
    padding-top: 4px;
}

.block-text .wp-editor ol li:after {
    content: counter(item);
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 20px;
    color: #33aa9a;
    font-weight: 300;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 32px;
    border: solid 1px #33aa9a;
    background: #fff;
    border-radius: 50%;
}

.block-text .wp-editor ol li:before {
    position: absolute;
    left: 18px;
    top: 1px;
    bottom: -10px;
    content: '';
    width: 1px;
    background: #33aa9a;
}

.block-text .wp-editor ol li:last-child:before {
    display: none;
}

.block-text .wp-editor ol li:last-child {
    margin: 0;
}

.block-text-button {
    padding: 57px 0 70px;
}

.block-text-button .button-4 {
    margin-right: 25px;
    margin-top: 15px;
    width: calc(50% - 27px);
    text-align: center;
    padding: 20px 20px 20px 20px;
    vertical-align: middle;
}

.block-text-button .button-4:last-child {
    margin-right: 0;
}

.block-text-button .button-4:after {
    position: static;
    display: inline-block;
    margin-left: 16px;
    vertical-align: middle;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
}

.block-text-button h2.title {
    font-size: 34px;
    font-weight: 300;
    line-height: 1.12;
    margin: 0 0 24px;
}

.related-portfolio img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.related-portfolio .slider {
    overflow: hidden;
}

.related-portfolio h2 {
    font-size: 34px;
    font-weight: 300;
    line-height: 1.12;
    margin: 0 0 24px;
}

.related-portfolio .column {
    padding: 0;
}

.related-portfolio .column a {
    position: relative;
    display: block;
}

.related-portfolio .column a:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: '';
    background: rgba(0,0,0,0.5);
    transition: all .3s ease-in-out;
}

.related-portfolio .info {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;
    padding: 10px 60px;
    color: #fff;
}

.related-portfolio .quote {
    font-style: italic;
    line-height: 1.5;
    margin: 0 0 19px;
}

.related-portfolio .quote:last-child {
    margin: 0;
}

.related-portfolio .title {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1.33;
    font-weight: 700;
    font-family: 'Montserrat';
}

.related-portfolio .bx-wrapper {
    position: relative;
}

.related-portfolio .bx-controls-direction a {
    transition: all .3s ease-in-out;
    font-size: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.related-portfolio .bx-controls-direction a.bx-prev {
    left: 0px;
}

.related-portfolio .bx-controls-direction a.bx-next {
    right: 0px;
}

.related-portfolio .bx-controls-direction a:before {
    content: '';
    color: #fff;
    background: url(../images/arrow-left.svg) no-repeat left top;
    display: block;
    width: 62px;
    height: 137px;
}

.related-portfolio .bx-controls-direction a.bx-next:before {
    background: url(../images/arrow-right.svg) right top no-repeat;
}

@media (min-width: 992px) {
    .col-md-offset-2 {
        margin-left: 13.66666667%
    }

    .filter-content {
        display: block!important;
    }

    .block-text-image .image {
        display: inline-block;
        width: 627px;
        margin: 0 -2px;
        vertical-align: middle;
    }

    .block-text-image .caption {
        margin: 0 -2px;
        display: inline-block;
        width: calc(100% - 627px);
        vertical-align: middle;
        padding: 50px 10px 50px 0;
    }

    .related-portfolio .column {
        width: calc(100%/3);
        float: left;
    }

    .gform_wrapper .upload-file {
        display: flex;
        align-items: center;
    }

    .gform_wrapper .upload-file .name_file,
    .gform_wrapper .upload-file .gfield_description,
    .upload-file .ginput_preview {
        padding: 0 15px;
    }
}

@media (min-width: 1200px) and (max-width: 1600px) {
    .filter-block.sticked {
        max-width: 200px;
    }
}

@media (max-width: 1400px) {
    .portfolio-item .caption .more {
        display: none;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1200px
    }

    .block-text-image .caption {
        padding-left: 95px;
    }

    .related-portfolio .info, .related-portfolio .column a:before {
        opacity: 0
    }

    .related-portfolio .column a:hover .info, .related-portfolio .column a:hover:before {
        opacity: 1;
    }

    .related-portfolio .bx-controls-direction a {
        opacity: 0.7;
    }

    .related-portfolio .bx-controls-direction a:hover {
        opacity: 1;
    }

    .filter-block.sticked {
        position: fixed;
        top: 70px;
        bottom: 15px;
        overflow-y: auto;
        z-index: 100;
    }

    .cookies-pp .filter-block.sticked {
        top: 140px;
    }
}

@media (min-width: 992px) {
    .col-md-offset-2 {
        margin-left: 13.66666667%
    }
}

@media only screen and (max-width: 1300px) {
    #topbar .logo {
        padding-left: 47px
    }

    #topbar .nav-button {
        width: 103px
    }

    #panel .nav-button .button {
        top: 30px;
        right: 43px
    }

    #banner.homebanner .illus {
        right: 43px
    }

    .page-nav {
        padding-right: 46px
    }
}

@media only screen and (max-width: 1199px) {
    #header .button-3 {
        right: 96px
    }

    #banner.homebanner .illus, #panel .nav-button .button {
        right: 27px
    }

    #topbar .logo {
        padding-left: 30px;
        width: 222px
    }

    #topbar .nav-button {
        width: 87px
    }

    .sidebar-left .quote {
        padding-right: 0
    }

    .other-blogs {
        padding-left: 0
    }

    .page-nav {
        padding-right: 30px
    }

    #breadcrumb > span > span > a:first-child, #breadcrumb_menu > a:first-child {
        padding-left: 30px
    }

    .portfolio-item .image {
        padding-left: 60px
    }

    .portfolio-item.highlight .image {
        padding-right: 60px
    }

    .clients li {
        width: 14%
    }

    .portfolio-item .image {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        float: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: block;
    }

    .portfolio-item .caption {
        margin-top: 30px !important;
        float: none;
        width: 100%;
        padding-bottom: 40px;
        padding-right: 0;
    }

    .portfolio-item.highlight .caption {
        padding-right: 30px;
        padding-left: 30px;
    }

    .portfolio-content {
        padding: 0 25px;
    }
}

@media screen and (max-width: 992px) {
    #header .button-3 {
        display: none
    }

    #header #panel.active .button-3 {
        display: block
    }

    #panel.active {
        width: 350px;
        z-index: 8
    }

    #panel .inner {
        background: #fff;
        height: 100%;
        padding-left: 55px;
        padding-top: 70px !important;
        overflow-y: auto
    }

    #panel .nav-button .button.active {
        border: 2px solid #000
    }

    #panel .nav-button .button.active .lines, #panel .nav-button .button.active .lines:after, #panel .nav-button .button.active .lines:before {
        background: #000
    }

    #panel .nav-button .button.active .lines {
        background: 0
    }

    #panel .nav-button .button {
        top: 30px;
        right: 27px
    }

    #nav {
        margin-bottom: 40px
    }

    #nav ul li ul {
        padding-left: 20px;
        margin-top: 10px;
        display: none !important
    }

    #nav ul li {
        padding: 20px 0
    }

    #nav ul li ul li {
        padding: 20px 0 0
    }

    #nav > ul > li.current-menu-ancestor > ul, #nav > ul > li.current-menu-item > ul, #nav > ul > li.current-menu-parent > ul, #nav > ul > li.current-page-ancestor > ul, #nav > ul > li > ul > li.current-menu-ancestor > ul, #nav > ul > li > ul > li.current-menu-item > ul, #nav > ul > li > ul > li.current-menu-parent > ul, #nav > ul > li > ul > li.current-page-ancestor > ul, #nav > ul > li > ul > li > ul > li.current-menu-ancestor > ul, #nav > ul > li > ul > li > ul > li.current-menu-item > ul, #nav > ul > li > ul > li > ul > li.current-menu-parent > ul, #nav > ul > li > ul > li > ul > li.current-page-ancestor > ul {
        display: block !important
    }

    #banner .star, #banner.homebanner .bottom {
        display: none
    }

    #topbar .logo {
        padding-left: 30px;
        width: 222px
    }

    #topbar .nav-button {
        width: 87px
    }

    #banner .caption {
        padding-left: 30px;
        padding-right: 30px
    }

    #banner .caption h1 {
        font-size: 40px
    }

    #banner.homebanner .caption h1 {
        margin-bottom: 20px
    }

    #banner .caption .shortcont {
        font-size: 18px;
        margin-bottom: 20px
    }

    .button-1 {
        font-size: 15px
    }

    #banner.homebanner .illus {
        right: auto;
        left: 50%;
        margin-left: -244px;
        width: 488px;
        text-align: center
    }

    .gform_wrapper .gform_fields, .sidebar-left .line, .wp-editor .gform_wrapper .gform_fields {
        margin-left: 0
    }

    #banner.homebanner .illus img {
        width: auto;
        height: 120px
    }

    #footer span {
        margin-bottom: 10px
    }

    #footer span:first-child, #footer span:last-child {
        display: block;
        vertical-align: top
    }

    .breadcrumb-container, .contact-page .contact-info, .feature-image-right, .left-menu, .sub-navbar {
        display: none
    }

    #footer span:first-child {
        margin-bottom: 0
    }

    #footer span:last-child {
        margin-top: 0;
        margin-bottom: 0
    }

    #footer span:first-child + span:before, #footer span:last-child:before {
        content: ""
    }

    .reference-block .block, .why-block .block {
        margin-top: 40px
    }

    .reference-block .block:first-child, .why-block .block:first-child {
        margin-top: 0
    }

    .locate-block .block, .portfolio-block .feature {
        width: 100%;
        float: none
    }

    .reference-block .tweetfeed {
        padding-left: 0
    }

    .contact-page .contact-info {
        margin-top: 30px
    }

    .gform_wrapper li.gfield, .wp-editor .gform_wrapper li.gfield {
        width: 100%;
        padding-left: 0
    }

    .sidebar-left {
        margin-bottom: 30px
    }

    .page-nav {
        width: 100%;
        background: #ebebeb;
        height: 52px;
        top: 0;
        position: static;
        padding-top: 15px;
        padding-right: 30px;
        text-align: right;
        right: 0;
        margin-top: -55px;
        margin-bottom: 40px
    }

    .other-blogs {
        padding-top: 20px
    }

    .portfolio-intro {
        margin-top: 40px
    }

    .portfolio-item .image {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        float: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .portfolio-item .caption {
        margin-top: 30px !important;
        float: none;
        width: 100%;
        padding-bottom: 40px
    }

    .portfolio-detail .page-nav {
        margin-top: 0;
        margin-bottom: 0
    }

    .portfolio-detail .info {
        margin-right: 0
    }

    .portfolio-slider .bx-prev {
        left: 20px
    }

    .portfolio-slider .bx-next {
        right: 20px
    }

    .why-block {
        padding: 55px 0 70px
    }

    .team-block {
        padding-top: 55px;
        padding-bottom: 10px
    }

    .page-content .team-block .block, .team-block .block {
        margin-bottom: 50px
    }

    .team-block .txtintro {
        margin-bottom: 20px
    }

    .reference-block {
        padding: 55px 0 60px
    }

    .reference-block h2 {
        margin-bottom: 15px
    }

    .team-block .txtintro blockquote {
        margin-bottom: 30px
    }

    .contact-page .page-content, .page-content {
        margin-top: 55px
    }

    .blogs.highlight {
        padding-top: 40px
    }

    .article-detail h1.title, .wp-editor h1 {
        font-size: 35px !important
    }

    .team-block.highlight {
        padding-top: 55px
    }

    .portfolio-slider h1 {
        margin-top: 55px;
        margin-bottom: 55px;
        font-size: 35px
    }

    .article-detail, .other-blogs {
        margin-top: 0
    }

    .maside {
        display: block;
        margin-top: 25px
    }

    .portfolio-aside {
        display: none
    }

    .clients li {
        width: 13%
    }

    .filter-block p.title {
        display: block;
        font-size: 18px;
        font-weight: 300;
        color: #262626;
        position: relative;
    }

    .filter-block p.title.active:before {
        background: url(../images/close.svg) center no-repeat;
        height: 10px;
        top: 7px;
    }

    .filter-block p.title:before {
        background: url(../images/selectbox-arrow.png) center no-repeat;
        content: '';
        width: 10px;
        height: 6px;
        position: absolute;
        right: 0;
        top: 12px;
    }

    .filter-content {
        display: none;
        margin: 20px 0 0;
    }

    .filter-block {
        margin: 30px 0;
        box-shadow: 1px 1px 0 0 #dbdbdb;
        padding: 12px 14px 15px 18px;
        background: #fff;
        border-radius: 4px;
        border: solid 1px #eaeaea;
    }

    .related-portfolio .column {
        width: 50%;
        float: left;
    }
}

@media only screen and (device-width: 768px) and (orientation: landscape) {
    #banner.homebanner .illus img {
        height: 120px
    }
}

@media only screen and (device-width: 768px) and (orientation: portrait) {
    #banner.homebanner .illus img {
        height: 250px
    }
}

@media screen and (max-width: 767px) {
    #banner .caption .shortcont, #banner .caption h1 {
        font-family: Lato;
        font-weight: 300
    }

    .portfolio-item .caption h2 {
        font-size: 28px;
    }

    #footer span, #footer span:first-child {
        margin-bottom: 10px
    }

    #footer span, .team-block .block {
        display: block
    }

    .container {
        padding-left: 20px;
        padding-right: 20px
    }

    #header .button-3 {
        right: 80px;
        top: 10px
    }

    #panel.active {
        width: 85%
    }

    #topbar {
        height: auto
    }

    #topbar .logo {
        padding-left: 20px;
        padding-top: 10px;
        width: 185px
    }

    #topbar .logo img, #topbar.freeze .logo img {
        width: 140px
    }

    #topbar .nav-button {
        width: 70px
    }

    #panel .inner {
        padding-left: 30px
    }

    #panel .nav-button .button {
        right: 20px;
        top: 10px
    }

    .social li {
        margin-left: 15px
    }

    #nav {
        margin-bottom: 20px
    }

    #nav ul li {
        padding: 15px 0
    }

    #nav ul li a {
        font-size: 14px
    }

    #banner, .author #banner {
        height: 180px
    }

    #banner.homebanner .content {
        margin-top: -30px
    }

    #banner .caption h1 {
        font-size: 30px
    }

    #banner .caption .shortcont {
        font-size: 14px
    }

    .button-1 {
        font-size: 13px;
        line-height: 40px
    }

    #banner .caption {
        padding-top: 35px
    }

    #banner.homebanner .illus {
        right: 20px;
        left: 20px;
        margin-left: 0;
        width: auto;
        bottom: -30px
    }

    #footer {
        padding-top: 30px;
        padding-bottom: 30px
    }

    #footer span:last-child {
        margin-bottom: 0
    }

    #footer span:before {
        content: ""
    }

    .reference-block, .why-block {
        padding: 30px 0
    }

    .team-block .title, .why-block .title {
        font-size: 30px;
        margin-bottom: 25px
    }

    .team-block, .team-block.highlight {
        padding: 30px 0 0
    }

    .blogs.highlight {
        padding: 30px 0 10px
    }

    .contact-page .gform_heading, .gform_wrapper .gform_body {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .team-detail {
        padding-bottom: 40px
    }

    .team-block .txtintro {
        margin-bottom: 20px
    }

    .page-content .team-block .block, .team-block .block {
        margin-bottom: 30px
    }

    .contact-page .page-content, .page-content {
        margin-top: 40px
    }

    .contact-page .gform_heading {
        margin-bottom: 0
    }

    .contact-page .map {
        position: static
    }

    .contact-page .map-canvas {
        height: 400px;
        min-height: 400px
    }

    .masonry-container .item {
        position: static !important
    }

    .page-nav {
        margin-bottom: 20px;
        margin-top: -40px;
        padding-right: 20px
    }

    .portfolio-intro {
        margin-bottom: 0
    }

    .portfolio-slider {
        margin-bottom: 30px
    }

    .portfolio-slider h1 {
        margin-top: 30px;
        margin-bottom: 40px;
        font-size: 30px
    }

    .portfolio-slider .bx-next, .portfolio-slider .bx-prev {
        display: none !important
    }

    blockquote {
        font-size: 22px
    }

    .page-content .team-block .block > a > img, .team-block .block > a > img {
        margin-bottom: 15px
    }

    .team-block .block .name {
        margin-bottom: 5px
    }

    .reference-block h2 {
        font-size: 25px
    }

    #banner .button-1 {
        padding: 0 15px
    }

    .reference-block .block, .why-block .block {
        margin-top: 30px
    }

    .reference-block h2, .why-block .block img {
        margin-bottom: 15px
    }

    .article-detail h1.title, .wp-editor h1 {
        font-size: 30px !important
    }

    #banner .staff-name {
        font-size: 35px !important
    }

    .staff-image {
        width: 70px;
        height: 70px;
        margin-bottom: 5px
    }

    .portfolio-intro {
        margin-top: 40px
    }

    .contact-page .gform_footer {
        padding: 0 0 40px
    }

    .wp-editor div {
        max-width: 100%
    }

    .client-block {
        display: none
    }

    select {
        max-width: 100% !important
    }

    .portfolio-item .shortcont {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    #panel {
        background: 0;
        width: auto;
        height: auto;
        padding-right: 208px;
        padding-left: 0
    }

    #panel .inner {
        margin-top: 32px;
        float: right;
        overflow: visible
    }

    #panel .social {
        display: none
    }

    #nav {
        margin: 0
    }

    #nav ul li {
        float: left;
        padding: 0 20px 0 0;
        position: relative
    }

    #nav > ul > li {
        height: 43px
    }

    #nav ul li a {
        color: #fff;
        display: block;
        line-height: 37px;
        font-size: 14px
    }

    #nav > ul > li.menu-item-has-children > a {
        padding-right: 18px
    }

    #nav > ul > li.menu-item-has-children > a.hover, #nav > ul > li.menu-item-has-children > a:hover {
        color: #33aa9a
    }

    #nav > ul > li > ul {
        position: absolute;
        top: 42px;
        background: url(../images/icon-arrow-menu.png) 20px 0 no-repeat;
        padding-top: 13px
    }

    #nav > ul > li > ul li {
        padding-right: 0;
        float: none;
        background: url(../images/bg-opt-1.png)
    }

    #nav > ul > li > ul li a {
        white-space: nowrap;
        min-width: 100%;
        padding: 19px 20px;
        line-height: normal;
        font-size: 13px;
        color: #262626;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    #nav > ul > li > ul li a:hover {
        color: #262626;
        background: #fff
    }

    #nav > ul > li > ul ul li {
        background: 0
    }

    #nav > ul > li > ul ul li a {
        padding-left: 40px
    }

    #nav > ul > li > ul > li.current-menu-ancestor > ul, #nav > ul > li > ul > li.current-menu-item > ul, #nav > ul > li > ul > li.current-menu-parent > ul, #nav > ul > li > ul > li.current-page-ancestor > ul {
        display: block !important
    }

    .freeze #nav > ul > li > a {
        color: #262626
    }

    .freeze #nav li.current-menu-ancestor > a, .freeze #nav li.current-menu-item > a, .freeze #nav li.current-menu-parent > a, .freeze #nav li.current-page-ancestor > a, .freeze #nav > ul > li > a.hover, .freeze #nav > ul > li > a:hover {
        color: #33aa9a
    }

    .bgoverlay {
        display: none
    }
}

@media screen and (min-width: 1200px) {
    #panel {
        padding-right: 245px
    }

    #nav > ul > li {
        padding-right: 25px
    }

    #nav > ul > li.menu-item-has-children > a {
        padding-right: 0
    }
}

@media screen and (min-width: 1300px) {
    #panel {
        padding-right: 260px
    }

    #header .button-3 {
        right: 140px
    }
}

@media screen and (max-width: 640px) {
    .block-text-button .button-4 {
        display: block;
        width: 100%;
        margin-right: 0;
    }
}

/*cookie bar*/
.cc-btn {
    font-family: 'Montserrat';
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    padding: 12px 23px 11px;
}

.cc-message {
    font-family: Lato;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.81;
    color: #444;
    padding: 0 10px;
    max-height: 95.025rem;
    overflow: hidden;
}

.cc-message a {
    color: #00ad9a;
    text-decoration: none;
}

.cc-message a:hover {
    text-decoration: underline;
}

.cc-wrapper {
    max-width: 980px;
    margin: auto;
}

.cookies-pp #topbar,
.cookies-pp #banner .overlay,
.cookies-pp #panel {
    top: 233px;
}

.cookies-pp #panel .nav-button .button,
.cookies-pp #header .button-3 {
    top: 243px;
}

.cookies-pp #wrapper {
    padding: 233px 0 0;
}

@media only screen and (min-width: 348px) {
    .cc-message {
        max-height: 130.32rem;
    }

    .cookies-pp #topbar,
    .cookies-pp #banner .overlay,
    .cookies-pp #panel {
        top: 212px;
    }

    .cookies-pp #panel .nav-button .button,
    .cookies-pp #header .button-3 {
        top: 222px;
    }

    .cookies-pp #wrapper {
        padding: 212px 0 0;
    }
}

@media only screen and (min-width: 394px) {
    .cc-message {
        max-height: 76.02rem;
    }

    .cookies-pp #topbar,
    .cookies-pp #banner .overlay,
    .cookies-pp #panel {
        top: 191px;
    }

    .cookies-pp #panel .nav-button .button,
    .cookies-pp #header .button-3 {
        top: 201px;
    }

    .cookies-pp #wrapper {
        padding: 191px 0 0;
    }
}

@media only screen and (min-width: 458px) {
    .cc-message {
        max-height: 57.015rem;
    }

    .cookies-pp #topbar,
    .cookies-pp #banner .overlay,
    .cookies-pp #panel {
        top: 170px;
    }

    .cookies-pp #panel .nav-button .button,
    .cookies-pp #header .button-3 {
        top: 180px;
    }

    .cookies-pp #wrapper {
        padding: 170px 0 0;
    }
}

@media only screen and (min-width: 601px) {
    .cc-message {
        max-height: 38.01rem;
    }

    .cookies-pp #topbar,
    .cookies-pp #banner .overlay,
    .cookies-pp #panel {
        top: 149px;
    }

    .cookies-pp #panel .nav-button .button,
    .cookies-pp #header .button-3 {
        top: 179px;
    }

    .cookies-pp #wrapper {
        padding: 149px 0 0;
    }
}

.offerte-form {
    background-color: #f7f7f7;
    padding: 20px;
}

.offerte-form .gfield .ginput_container input[type=text],
.offerte-form .gfield .ginput_container textarea {
    background-color: #fff;
}

.offerte-form .gform_page_footer .button {
    font-weight: 500;
    padding: 0 40px 0 20px;
}

.offerte-form .gform_page_footer {
    position: relative;
}

.offerte-form .gform_page_footer::after {
    position: absolute;
    top: 50%;
    right: 20px;
    font-family: 'FontAwesome';
    content: '\f105';
    transform: translateY(-50%);
    font-size: 20px;
    color: #fff;
}

.gf_progressbar {
    display: none;
}

.gf_progressbar_title {
    display: none;
}

.progress-form li {
    display: flex;
    align-items: center;
}

.progress-form span {
    color: #33aa9a;
}

.progress-form .number {
    width: 37px;
    height: 37px;
    border-radius: 50%;
    text-align: center;
    margin-right: 20px;
    font-size: 20px;
    line-height: 35px;
    border: 1px solid #33aa9a;
}

.progress-form .active span {
    font-weight: 400;
}

.progress-form .active .number {
    background-color: #33aa9a;
    color: #fff;
    font-weight: 300;
}

.customer-service {
    display: flex;
    align-items: flex-start;
    background-color: #33aa9a;
    color: #fff;
    padding: 20px;
}

.customer-service_content {
    padding-left: 20px;
    line-height: 1.6;
}

.customer-service a {
    color: #fff;
    font-weight: 700;
}

.customer-service img {
    margin-top: 8px;
}

.aside-form {
    padding: 0 15px;
    margin-bottom: 20px;
}

.aside-form > p {
    font-size: 23px;
    line-height: 34px;
    margin-bottom: 35px;
}

@media only screen and (min-width: 850px) {
    .cookies-pp #topbar,
    .cookies-pp #banner .overlay,
    .cookies-pp #panel {
        top: 128px;
    }

    .cookies-pp #panel .nav-button .button,
    .cookies-pp #header .button-3 {
        top: 158px;
    }

    .cookies-pp #wrapper {
        padding: 128px 0 0;
    }
}

@media only screen and (min-width: 768px) {
    .page-template-template-home.cookies-pp #wrapper {
        padding: 0;
    }

    .offerte-form {
        padding: 40px 50px;
    }

    .customer-service {
        padding: 32px 30px;
    }

    .customer-service_content {
        padding-left: 32px;
    }

    .progress-form {
        display: flex;
    }

    .progress-form li {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .progress-form .number {
        margin-right: 12px;
    }

    .wp-editor .progress-form li + li {
        padding-left: 15px;
    }
}

@media only screen and (min-width: 1024px) {
    .cookies-pp #topbar,
    .cookies-pp #banner .overlay,
    .cookies-pp #panel {
        top: 78px;
    }

    .cookies-pp #panel .nav-button .button,
    .cookies-pp #header .button-3 {
        top: 108px;
    }

    .cookies-pp #wrapper {
        padding: 78px 0 0;
    }

    .aside-form {
        width: 38%;
        float: left;
        padding: 5px 38px;
    }

    .offerte-form .gform_page_footer .button {
        padding: 8px 65px 8px 40px;
    }

    .offerte-form .gform_page_footer::after {
        right: 40px;
    }

    .offerte-form .gform_page_footer .gform_previous_button {
        padding: 8px 40px !important;
    }
}

@media only screen and (min-width: 1200px) {
    .offerte-form {
        padding: 40px 88px 60px;
    }
}