@charset "utf-8";
img {
height: auto;
image-rendering : -webkit-optimize-contrast;
image-rendering : optimizeQuality;
}
object, embed, iframe {
max-width: 100%;
} .ie6 img {
width:100%;
}
body, html {
color: #1D242C;
font-family: "Museo Sans 300";
font-weight: normal;
background-attachment: fixed;
background-size: cover;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
height: 100%;
}
p {
font-size: 18px;
line-height: 180%;
margin: 0 0 20px 0;
font-weight: normal;
}
p.menu-address {
font-size: 14px;
}
img.bounce, .flex img.bounce {
animation: bounce 1s ease-in-out infinite;
display: inline-block;
width: 28px !important;
margin-top: -2px;
height: auto !important;
position: relative !important;
min-width: 0 !important;
min-height: 0 !important;
}
img.bounce-footer {
animation: bounce-footer 1s ease-in-out infinite;
display: inline-block;
width: 28px;
margin-top: -2px;
}
.flex img.bounce {
position: absolute !important;
bottom: 0;
margin-top: 20px;
}
.rotate {
animation: rotate 14s infinite linear;
}
.desktop-view {
display: none !important;
}
@keyframes bounce {
0%,
100% {
transform: translate(0, 0) rotate(360deg);
}
50% {
transform: translate(10px, 0px) rotate(360deg);
}
}
@keyframes bounce-footer {
0%,
100% {
transform: translate(0, 0) rotate(360deg);
}
50% {
transform: translate(10px, 0px) rotate(360deg);
}
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
a:link, a:active, a:visited {
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;  
}
a:hover{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;  
}
ul {
margin: 0 0 20px 20px;
padding: 0;
}
li {
margin: 0 0 2% 0;
padding: 0 0 0 4%;
background-image: none;
background-position: left 3px;
background-repeat: no-repeat;
}
h1, h2, h3, h4 {
font-family: "Prata Regular";
font-weight: normal;
margin: 0;
padding: 0;
overflow-wrap: normal;
}
h3 {
font-size: 22px; 
margin: 0 0 20px 0;
}  #mainNav-responsive {
height: 100%;
position: fixed;
right: 0;
width: 100%;
transform: translateY(-500%);
transition: transform 350ms ease-in-out;
background: #1D242C;
box-sizing: border-box;
top: 0;
z-index: 9;
}
input[type="checkbox"]:checked ~ #mainNav-responsive {
transform: translateX(0);
}
input[type=checkbox] {
transition: all 0.3s;
box-sizing: border-box;
display: none;
}
.sidebarIconToggle {
transition: all 0.3s;
box-sizing: border-box;
cursor: pointer;
position: fixed;
z-index: 99;
top: 0;
right: 25px;
height: 54px;
width: 54px;
padding: 17px 10px;
background-color: #E53D52;
}
.spinner {
transition: all 0.3s;
box-sizing: border-box;
position: absolute;
height: 3px;
width: 100%;
background-color: #fefefe;
}
.horizontal {
transition: all 0.3s;
box-sizing: border-box;
position: relative;
float: left;
margin-top: 5px;
width: 75%;
}
.diagonal.part-1 {
position: relative;
transition: all 0.3s;
box-sizing: border-box;
float: left;
}
.diagonal.part-2 {
transition: all 0.3s;
box-sizing: border-box;
position: relative;
float: left;
margin-top: 5px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
transition: all 0.3s;
box-sizing: border-box;
opacity: 0;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
transition: all 0.3s;
box-sizing: border-box;
transform: rotate(135deg);
margin-top: 8px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
transition: all 0.3s;
box-sizing: border-box;
transform: rotate(-135deg);
margin-top: -11px;
}
#mainNav-responsive ul { 
margin: 0;
}
#mainNav-responsive li { 
font-size: 26px;
font-family: "Prata Regular";
font-weight: normal;
display: block;
padding: 0px;
text-decoration: none;
background-image: none;
margin: 0 0 5px 0;
line-height: 40px;
}
#mainNav-responsive li a {
text-decoration: none;
color: #FEFEFE;
display: block;
}
#mainNav-responsive li a:hover { 
color: #E53D52;
}
#mainNav-responsive .sub-menu li { 
font-size: 24px;
font-family: "Prata Regular";
font-weight: normal;
display: block;
padding: 0 0 0 40px;
text-decoration: none;
background-image: none;
margin: 0 0 10px 0;
line-height: 34px;
}
#mainNav-responsive .sub-menu li a {
text-decoration: none;
color: #FEFEFE;
}
#mainNav-responsive .sub-menu li a:hover { 
color: #E53D52;
}
a.responsive-link:link, a.responsive-link:active, a.responsive-link:visited, .responsive-link a:link, .responsive-link a:active, .responsive-link a:visited, .responsive-link  { 
text-decoration: underline;
} .home-header-gap {
height: 90%;
}
.mobile-content-mask {
height: 54px;
position: fixed;
z-index: 11;
width: 100%;
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
top: 0;
background-color: #E53D52;
}
.show {
display: none;
}
#logo-cherry, #logo-cherry-small {
position: fixed; 
top: 0;
left: 25px;
width: 150px;
z-index: 10;
padding: 10px;
}
#logo-cherry-small {
width: 29px;
background-color: #E53D52;
}
#logo-cherry img, #logo-cherry-small img {
max-width: 100%;
}
.head-space {
margin-top: 40px !important;
}
.bottom-space {
margin-bottom: 20px;
display: block;
}
.bottom-space-double {
margin-bottom: 40px !important;
display: block;
}
.bottom-space-zero {
margin: 0px;
}
.slim-right  {
padding-right: 40px;
}
.slim-left  {
padding-left: 40px;
}
.red-underline:after {
width: 25%;
content: "";
height: 1px;
background-color: #E53D52;
display: block;
margin-top: 20px;
}
.intro-title-mini, .intro-title-small, .intro-title-medium, .intro-title-medium-light {
font-size: 16px;
font-family: "Museo Sans 700";
text-transform: uppercase;
letter-spacing: 2px;
}
.intro-title-small ul {
margin: 0;
}
.intro-title-mini {
font-size: 14px;
}
.intro-title-medium, .intro-title-medium-light, .intro-title-medium p, .intro-title-medium-light p {
font-size: 18px;
}
.intro-title-medium-light {
font-family: "Museo Sans 300";
text-transform: none;
letter-spacing: 0px;
}
.hero-title-x-small {
font-size: 30px;
line-height: 41px;
font-family: "Prata Regular";
font-weight: normal;
}
.hero-title-small {
font-size: 26px;
line-height: 44px;
font-family: "Prata Regular";
font-weight: normal;
}
.hero-title-medium {
font-size: 30px;
line-height: 42px;
letter-spacing: 1px;
font-family: "Prata Regular";
font-weight: normal;
}
.hero-title-large {
font-size: 40px;
line-height: 50px;
letter-spacing: 2px;
font-family: "Prata Regular";
font-weight: normal;
}
.hero-title-mega {
font-size: 46px;
line-height: 39px;
letter-spacing: 5px;
font-family: "Prata Regular";
font-weight: normal;
}
.hero-title-hello {
font-size: 90px;
font-family: "Prata Regular";
font-weight: normal;
text-shadow: 0px 0px 100px #1D242C;
}
.white-bg {
background: #FEFEFE;
}
.grey-bg {
background: #F8F8F8;
}
.black-bg {
background: #1d242c;
}
.pale-pink-bg {
background: #F6CDD6;
}
.pale-pink-opaque-bg {
background: #fdf5f7;
}
.purple-bg {
background: #2E2972;
}
.red-bg {
background: #E53D52;
}
.black-text {
color: #1d242c;
}
.white-text, .white-text a:link, .white-text a:visited, .white-text a:active {
color: #FEFEFE;
}
.pale-pink-text, .pale-pink-text a:link, .pale-pink-text a:visited, .pale-pink-text a:active {
color: #F6CDD6;
}
.purple-text {
color: #2E2972;
}
.red-text {
color: #E53D52;
}
a.red-link:link, a.red-link:active, a.red-link:visited, a.red-link-white:link, a.red-link-white:active, a.red-link-white:visited, a.red-link-menu:link, a.red-link-menu:active, a.red-link-menu:visited, a.red-link-menu:hover, a.white-link:link, a.white-link:active, a.white-link:visited {
color: #E53D52;
font-size: 16px;
font-family: "Museo Sans 700";
text-transform: uppercase;
letter-spacing: 1px;
}
a.red-link:hover, a.category:active, a.white-link:hover {
color: #1d242c;
}
a.red-link-white:hover, a.white-link:link, a.white-link:active, a.white-link:visited {
color: #FEFEFE;
}
.left {
text-align: left !important;
}
.right {
text-align: right !important;
display: block;
}
.our-team-right {
text-align: left;
display: block;
}
.center {
text-align: center !important;
}
.half, .half-float, #half-float  {
width: 100%;
display: block;
}
.half {
box-sizing: border-box;
}
.half p:last-child {
margin-bottom: 0;
}
img.full-width  {
width: 100%;
}
img.half-width-overflow  {
width: 100%;
max-width: none !important;
}
img.sticker {
position: absolute;
left: -60px;
width: 160px;
top: 60px;
}
.narrow {
max-width: 944px;
margin: 0 auto;
}
#body-wrapper, #body-wrapper-padless, #body-wrapper-footer, #body-wrapper-specialisms, #body-wrapper-map {
width: 100%;
z-index: 1;
display: block;
padding: 70px 7%;
box-sizing:border-box;
overflow: hidden;
position: relative;
}
#body-wrapper-padless {
padding: 0;
}
#body-wrapper-specialisms {
margin-top: 0px !important;
}
#body-wrapper-map {
padding: 0;
height: 320px;
}
#body-wrapper-background-image, #body-wrapper-background-image-work-header, #body-wrapper-specialisms {
padding: 0;
overflow: hidden;
position: relative;
text-align: center;
}
#body-wrapper-background-image img {
width: 100vw;
min-height: 100vh;
min-width: 177.77vh;
transform: translate(-50%,-0%);
-ms-transform: translate(-50%,-0%);
position: absolute;
}
#body-wrapper-background-image-work-header img {
filter: alpha(opacity=30);
-moz-opacity: .3;
-khtml-opacity: .3;
opacity: .3;
width: 100vw;
min-height: 100vh;
min-width: 177.77vh;
transform: translate(-50%,-0%);
-ms-transform: translate(-50%,-0%);
position: absolute;
}
#body-wrapper-specialisms img {
width: 100%;
height: 100%;
position: relative;
object-fit: cover;
}
.background-image {
padding: 70px 7%;
}
#body-content-inner, #body-content-inner-single-blog {
width: 100%;
margin: 0 auto;
clear: both;
text-align: left;
position: relative;
display: block;
box-sizing: border-box;
}
#body-content-inner-single-blog {
padding: 70px 7%;
}
#body-content-1-2-col, #body-content-1-2-col-unflex, #body-content-1-3-col, #body-content-1-4-col,  #body-content-1-3-col-unflex, #body-content-2-3-col-unflex, #body-content-1-2-col-tight, #body-content-1-2-col-loose {
width: 100%;
display: block;
margin: 0 auto 2% auto;
text-align:left;
box-sizing: border-box;
}
body-content-2-3-col-unflex ul {
padding: 0 0 0 20px;
}
body-content-2-3-col-unflex iframe {
max-width: 100% !important;
}
#body-content-1-2-col {
margin-bottom: 80px;
}
#body-content-1-2-col-tight {
margin: 0;
padding: 40px;
border: solid 1px #F8F8F8;
}
#body-content-1-2-col-loose {
padding: 40px;
}
#body-content-1-3-col img, #body-content-inner img {
max-width: 100%;
}
.flex {
display: flex;
flex-wrap: wrap;
}
#body-content-1-3-col-unflex, #body-content-2-3-col-unflex, #body-content-1-2-col-unflex {
display: inline-block;	
}
#body-content-1-3-col{
margin-bottom: 40px;	
} .blog-thumb  {
overflow: hidden;
margin-bottom: 20px;
}
.blog-thumb img {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; 
max-width: 100%;
}
.blog-thumb:hover img {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; 
filter: alpha(opacity=70);
-moz-opacity: .7;
-khtml-opacity: .7;
opacity: .7;
transform: scale(1.1);
}
.date, .category {
color: #E53D52;
font-size: 14px;
font-family: "Museo Sans 700";
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 10px;
display: inline-block;
}
.category a:link, .category a:visited, .category a:active {
color: #E53D52;
}
.category, .category a:link, .category a:visited, .category a:active {
text-decoration: underline;
}
li.cat-item {
padding: 0 20px 0 0;
margin: 0;
display: inline-block;
font-family: "Museo Sans 300";
}
li.cat-item a {
color: #1d242c !important;	
}
li.cat-item a:hover {
color: #E53D52 !important;	
}
.avatar img {
display: inline-block !important;
border-radius: 50%;
margin: 0 20px 0 0 !important;
max-width: 96px !important;
position: relative !important;
filter: alpha(opacity=100) !important;
-moz-opacity: 1;
-khtml-opacity: .3;
opacity: 1 !important;
transform: translate(0,0) !important;
left: 0;
min-height: 0 !important;
min-width:  0 !important;
}
.social-sharing {
margin: 0 0 40px 0;
}
a.ss-button-facebook, a.ss-button-twitter, a.ss-button-linkedin, a.ss-button-pinterest, a.ss-button-xing, a.ss-button-reddit {
background-size: 270px 90px;
}
a.ss-button-facebook:hover {
background-position: -90px -45px;
}
a.ss-button-twitter:hover {
background-position: 0 -45px;
}
a.ss-button-pinterest:hover {
background-position: -180px -45px;
} .client-logo {
width:49%;
display: inline-block;
}
.client-logo img {
max-width: 100%;
padding: 0 20px;
box-sizing: border-box;
} #tab-holder {
text-align: right;
}
.tab {
overflow: hidden;
display: inline-block;
} .tab button, #subNav li {
font-size: 16px;
font-family: "Museo Sans 300";
text-transform: uppercase;
letter-spacing: 2px;
background-color: inherit;
border: none;
outline: none;
cursor: pointer;
padding: 0 10px 0 0;
margin: 0 10px 0 0;
border-right: solid #1D242C 1px !important;
}
#subNav ul {
margin: 0;
padding: 0;
}
#subNav li {
display: inline-block;
list-style-type: none;
line-height: 100%;
padding: 0 12px 0 0;
margin: 0 12px 0 0;
} .tab button:hover, #subNav li a:hover {
color: #E53D52;
} .tab button.active {
font-size: 16px;
font-family: "Museo Sans 700";
text-transform: uppercase;
letter-spacing: 2px;
} .tabcontent {
display: none;
padding: 0;
animation: fadeEffect 1s; margin: 0 auto;
} @keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}
.offset-block  {
padding: 15px 15px 0 15px;
display: inline-block;
width: 75%;
box-sizing: border-box;
bottom: 45px;
position: relative;
float: right;
right: -20px;
} .filter-block  {
border-top: solid 1px #707070;
padding: 40px 7% 0 7%;
} .container, .container-related {
float: left;
position:relative;
background-color: #1D242C;
overflow: hidden;
height: 400px;
width: 100%;
}
.container:hover .image, .container-related:hover .image {
filter: alpha(opacity=30);
-moz-opacity: .3;
-khtml-opacity: .3;
opacity: .3;
width: auto;
transform: scale(1.1);
}
.container:hover .middle, .container-related:hover .middle {
opacity: 1;
}
.image, .image img {
filter: alpha(opacity=60);
-moz-opacity: .6;
-khtml-opacity: .6;
opacity: .6;
display: block;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; 
backface-visibility: hidden;
margin: 0 !important;
object-fit: cover;
width: 100%;
height: 400px;
}
.middle {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; 
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: left;
width: 85%;
}  .middle-aligned {
padding: 20px;
box-sizing: border-box;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.top-aligned {
padding: 80px 20px;
box-sizing: border-box;
position: relative;
top: 0%;
left: 50%;
transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
}  .diagonal-line-animation-red, .diagonal-line-animation-pink {
background-image: url(//dev.hatch.group/wp-content/themes/hatch-pr/assets/diagonal-line-animation-red.gif);
width: 200px;
height: 200px;
position: absolute;
background-size: 100% 100%;
top: 0;
right: 0;
z-index: -1;
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.diagonal-line-animation-pink {
background-image: url(//dev.hatch.group/wp-content/themes/hatch-pr/assets/diagonal-line-animation-pink.gif);
}
.bottom-animate {
bottom: 250px;
top: auto;
}
.circular-graphic {
position: relative;
width: 100%;
margin-bottom: 20px;
height: 180px;
}
.circular-graphic img {
width: 180px;
position: absolute;
right: 0;
} .vacancy-block {
padding: 40px;
box-sizing: border-box;
border: 1px solid #707070;
margin-bottom: 40px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.vacancy-block:hover {
border: 1px solid #707070;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.vacancy-block img {
width: 50%;
right: 0;
position: absolute;
top: 0;
transform: translate(50%,50%);
} #bold-split-block-image, #bold-split-block-image-narrow {
width: 100%;
display: inline-block;
overflow: hidden;
text-align: center;
position: relative;
}
#bold-split-block-image-narrow {
width: 100%;
}
#bold-split-block-image img, #bold-split-block-image-narrow img {
position: relative;
width: 100%;
object-fit: cover;
height: 100%;
}
#bold-split-block {
width: 100%;
float: left;
position: relative;
}
#bold-split-block-narrow {
width: 100%;
position: relative;
}
#bold-split-block .inner-left, #bold-split-block .inner-right {
padding: 7%;
box-sizing: border-box;
}
#bold-split-block-narrow .inner {
padding: 40px 40px 30px 40px;
box-sizing: border-box;
bottom: 0;
}
#bold-split-block-image .location-letters-left, #bold-split-block-image .location-letters-right {
bottom: 0;
position: absolute;
font-size: 75px;
text-transform: uppercase;
font-family: "Prata Regular";
color: #ffffff;
z-index: 1;	
line-height: 60%;
}
#bold-split-block-image .location-letters-left {
left: 0;
}
#bold-split-block-image .location-letters-right {
right: 0;
}
#bold-split-block .inner-left a:link, #bold-split-block .inner-left a:active , #bold-split-block .inner-left a:visited, #bold-split-block .inner-right a:link, #bold-split-block .inner-right a:active , #bold-split-block .inner-right a:visited  {
text-decoration: underline;
}   .nf-field-label label {
font-weight: normal;
}
.nf-field-container {
clear: none !important;
width: 100% !important;
float: left !important;
}
.field-wrap .pikaday__container, .field-wrap .pikaday__display, .field-wrap>div input, .field-wrap select, .field-wrap textarea {
width: 98%;
padding: 15px;
background-color: #1D242C !important;
border-bottom: 1px solid #fefefe;
border-top: none;
border-left: none;
border-right: none;
font-size: 16px;
font-family: "Museo Sans 700";
text-transform: uppercase;
letter-spacing: 2px;
color: #fefefe;
}
.field-wrap>div input {
width: 98% !important;
}
.field-wrap input[type=button], .field-wrap input[type=submit], #sign-up .field-wrap input[type=button], #sign-up .field-wrap input[type=submit] {
width: 200px !important;
position: absolute !important;
left: 50% !important;
background-color: #e53d52 !important;
margin-left: -100px !important;
border: none;
top: 40px;
line-height: 100%;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; 
}
.field-wrap input[type=button]:hover, .field-wrap input[type=submit]:hover, #sign-up .field-wrap input[type=button]:hover, #sign-up .field-wrap input[type=submit]:hover {
background-color: #ffffff !important;
color: #1d242c !important;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; 
}
.nf-error-msg, .ninja-forms-req-symbol, .ninja-forms-form-wrap *, .nf-error-msg, .ninja-forms-req-symbol {
color: #fefefe !important;
}
.nf-error .ninja-forms-field {
border: 1px solid #fefefe;
}
.nf-fu-progress {
background-color: #fefefe !important;
border-radius: 0 !important;
margin-bottom: 0 !important;
height: 1px !important;
margin-top: 17px !important;
}
.nf-fu-fileinput-button {
font-size: 16px;
font-family: "Museo Sans 700";
text-transform: uppercase;
margin-bottom: -48px !important;
border: 0;
background-color: #1D242C;
text-decoration: underline;
float: right;
padding: 15px;
color: #fefefe !important;
}  #mini-form {
display: inline-block;
width: 100%;
box-sizing: border-box;
padding: 30px;
}
#mini-form .nf-field-label label {
font-weight: normal;
}
#mini-form .nf-field-container {
clear: none !important;
width: 100% !important;
float: left !important;
}
#mini-form .field-wrap .pikaday__container, #mini-form .field-wrap .pikaday__display, #mini-form .field-wrap>div input, #mini-form .field-wrap select, #mini-form .field-wrap textarea {
width: 100%;
padding: 15px;
background-color: #F8F8F8 !important;
border-bottom: 1px solid #1D242C;
border-top: none;
border-left: none;
border-right: none;
font-size: 16px;
font-family: "Museo Sans 700";
text-transform: uppercase;
letter-spacing: 2px;
color: #1D242C !important;
}
#mini-form .field-wrap>div input {
width: 98% !important;
}
#mini-form .field-wrap input[type=button], #mini-form .field-wrap input[type=submit] {
width: 100% !important;
position: relative!important;
left: 0 !important;
color: #1D242C !important;
margin-left: 0 !important;
border: none;
top: 0px;
display: block;
text-align: center;
box-sizing: border-box;
padding: 15px 0;
}
#mini-form .nf-error-msg, #mini-form .ninja-forms-req-symbol, #mini-form .ninja-forms-form-wrap *, #mini-form .nf-error-msg, #mini-form .ninja-forms-req-symbol {
color: #1D242C !important;
}
.list-checkbox-wrap .nf-field-element li label, .list-image-wrap .nf-field-element li label, .list-radio-wrap .nf-field-element li label {
margin: 0 !important;
font-size: 14px;
line-height: 16px;
}
#mini-form .nf-field-container {
margin-bottom: 0 !important;
}
#mini-form .nf-form-fields-required, .nf-form-fields-required {
display: none !important;
}  .reveal-button, .reveal-button-red {
font-size: 16px;
font-family: "Museo Sans 700";
text-transform: uppercase;
letter-spacing: 2px;
background-color: inherit;
border: none;
outline: none;
cursor: pointer;
padding: 10px 0;
background-image: url(//dev.hatch.group/wp-content/themes/hatch-pr/assets/plus.png);
background-repeat: no-repeat;
background-position: right center;
background-size: 16px;
display: block;
}
.open {
background-image: url(//dev.hatch.group/wp-content/themes/hatch-pr/assets/minus.png);
background-repeat: no-repeat;
background-position: right center;
}
.reveal-button-red {
background-image: none;
padding: 0;
color: #E53D52;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; 
}
.reveal-button-red:hover {
color: #1D242C;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; 
}
.open-red {
color: #1D242C;
margin-bottom: 20px
}
.reveal-panel {
background-color: #fefefe;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
box-sizing: border-box;
} img.social-footer {
width: 21px;
margin: 10px 20px 0 0;
display: inline-block;
} @media only screen and (min-width: 481px) { .client-logo {
width: 24%;
} } @media only screen and (min-width: 550px) {
.hero-title-hello {
font-size: 100px;
} .container, .container-related, .image, .image img {
height: 500px;
} } @media only screen and (min-width: 769px) { .head-space {
margin-top: 0px !important;
}
p.menu-address {
font-size: 16px;
} #mainNav-responsive li { 
font-size: 34px;
line-height: 60px;
margin: 0 0 10px 0;
}
#mainNav-responsive .sub-menu li { 
font-size: 24px;
padding: 0 0 0 40px;
margin: 0 0 10px 0;
line-height: 34px;
} .intro-title-medium, .intro-title-medium-light, .intro-title-medium p, .intro-title-medium-light p {
font-size: 20px;
}
.hero-title-small {
font-size: 34px;
line-height: 44px;
}
.hero-title-medium {
font-size: 36px;
line-height: 48px;
}
.hero-title-large {
font-size: 60px;
line-height: 66px;
}
.desktop-view {
display: unset !important;
}
.mobile-view {
display:none;
}
.mobile-content-mask {
display: none;
}
.offset-right-padded  {
padding-right: 220px;
}
.our-team-right {
text-align: right;
}
.tabcontent {
width: 100%;
}
.half {
width: 50%;
}	
.hero-title-mega {
font-size: 56px;
line-height: 49px;;
}
img.half-width-overflow  {
width: 125% !important;
margin-top: 0;
}
img.sticker {
left: -60px;
width: 160px;
top: 60px;
}
#body-content-1-2-col {
width: 50%;
padding: 0 20px;
vertical-align: top;
margin: 0 auto 80px auto;
}
#body-content-1-2-col-tight, #body-content-1-2-col-loose {
width: 50%;
padding: 80px;
vertical-align: top;
margin: 0;
}
#body-content-1-2-col-loose {
width: 48%;
margin: 1%;
padding: 40px;
}
#body-content-1-2-col-unflex {
width: 49%;
padding: 0 20px;
vertical-align: middle;
margin: 0;
}
#body-content-1-3-col {
width: 48%;
padding: 0 20px;
vertical-align: top;
margin: 0 auto 2% auto;
}
#body-content-1-3-col-unflex {
vertical-align: middle;
margin: 0;
width: 33%;
}
#body-wrapper-background-image img {
width: 100%;
}
#body-wrapper-specialisms {
margin-top: 80px !important;
}
#body-wrapper-specialisms img {
width: 50%;
height: 100%;
position: absolute;
object-fit: cover;
}
.blog-third {
vertical-align: top !important;
padding-right: 40px;
}
#body-content-2-3-col-unflex {
vertical-align: middle;
margin: 0;
width: 66%;
}
#body-content-1-4-col {
width: 25%;
padding: 0 20px;
vertical-align: top;
margin: 0 auto 80px auto;
}
.client-logo {
width:19%;
}
.diagonal-line-animation-red, .diagonal-line-animation-pink {
width: 500px;
height: 500px;
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.bottom-animate {
bottom: auto;
top: 0px
}
.circular-graphic {
position: absolute;
right: 0;
top: 0;
margin: 0;
width: 180px;
height: auto;
} .nf-field-container {
width: 50% !important;
}
.field-wrap input[type=button], .field-wrap input[type=submit] {
left: 100% !important;
}
#sign-up .field-wrap input[type=button], #sign-up .field-wrap input[type=submit]{
left: 0% !important;
}  .container, .container-related {
float: left;
position:relative;
background-color: #1D242C;
overflow: hidden;
width: 100%;
height: auto;
}
.container:hover .image, .container-related:hover .image {
filter: alpha(opacity=30);
-moz-opacity: .3;
-khtml-opacity: .3;
opacity: .3;
height: auto;
width: 100%;
transform: scale(1.1);
}
.container:hover .middle, .container-related:hover .middle {
opacity: 1;
}
.image, .image img {
opacity: 1;
display: block;
width: 100%;
height: auto;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; 
backface-visibility: hidden;
margin: 0 !important;
}
.middle {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; 
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: left;
width: 75%;
}  #bold-split-block-image, #bold-split-block-image-narrow {
width: 60%;
display: inline-block;
overflow: hidden;
text-align: center;
}
#bold-split-block-image-narrow {
width: 50%;
}
#bold-split-block-image img, #bold-split-block-image-narrow img {
position: relative;
}
#bold-split-block {
width: 40%;
float: left;
position: relative;
}
#bold-split-block-narrow {
width: 50%;
position: relative;
}
#bold-split-block .inner-left {
padding: 0px 40px 30px 0px;
box-sizing: border-box;
bottom: 0;
width: 304px;
position: absolute;
right: 0;
text-align: right;
}
#bold-split-block .inner-right {
padding: 0px 0px 30px 40px;
box-sizing: border-box;
bottom: 0;
width: 304px;
position: absolute;
}
#bold-split-block-narrow .inner {
padding: 30px 40px;
box-sizing: border-box;
bottom: 0;
position: relative;
}
#bold-split-block-image .location-letters-left, #bold-split-block-image .location-letters-right {
font-size: 150px;
}  .blog-thumb  {
height: 160px;
}  .middle-aligned {
padding: 80px 20px;
}  } @media only screen and (min-width: 964px) {
.half-float, #half-float {
width: 50%;
float: left;
}
.tabcontent {
width: 100%;
}
.filter-block  {
padding: 40px 0 0 0;
}
.hero-title-medium {
font-size: 40px;
line-height: 54px;
}
.hero-title-mega {
font-size: 76px;
line-height: 69px;
}
.hero-title-hello {
font-size: 140px;
}
img.half-width-overflow  {
width: 125%;
} #body-wrapper, #body-content-inner-single-blog {
padding: 130px 0;
}
#body-wrapper-padless, #body-wrapper-specialisms {
padding: 0;
}
#body-wrapper-footer {
padding: 70px 0;
}
#body-content-inner, #body-content-inner-single-blog {
width: 944px;
}
#body-wrapper-map {
height: 600px;
}
.client-logo {
width:16%;
}
#body-content-1-3-col {
width: 31%;
margin: 0 1% 2% 1%;
}
.background-image {
padding: 130px 0;
}
.flat-bottom {
margin-bottom: 0 !important;
}
.vacancy-block {
padding: 80px;
} #bold-split-block-narrow .inner {
padding: 70px 80px;
}
#bold-split-block .inner-left, #bold-split-block .inner-right {
width: 370px;
}
#bold-split-block .inner-left {
padding: 0px 80px 70px 0px;
}
#bold-split-block .inner-right {
padding: 0px 0px 70px 80px;
}  .blog-thumb  {
height: 240px;
}  #footer-content-inner {
width: 944px;
}
#body-content-inner-two-eighths {
width: 25%; 
}
#body-content-inner-three-eighths {
width: 37%;
}
#footer-content-inner-one-half, #body-content-inner-one-half-right, #body-content-inner-one-half, #body-content-inner-one-half-sticky {
width: 50%;
}
#body-content-inner-two-thirds {
width: 66%; 
padding: 0 0 0 80px;
}
#body-content-inner-one-third {
width: 33%; 
}
.ssba {
float: none;
margin-top: 0;
} .view-all a:link, .view-all a:active, .view-all a:visited, .view-all-double {
width: 944px;
}
.blog-background img, .blog-background-single img {
width: 100%;
}  ul.instagram-pics.instagram-size-small li {
width: 12% !important;
}  .ec-shortcode-outer-wrap {
width: 944px;
} #footer-content-inner, #footer-content-inner-narrow {
width: 944px;
} .what-we-do-block p {
min-height: 235px;
} #contact-block {
width: 944px;
height: 700px;
}
#contact-block-image {
height: 700px
}
#contact-block-image img {
height: 700px;
}
} @media only screen and (min-width: 1220px) { #body-content-inner, #body-content-inner-single-blog {
width: 1200px;
} .blog-thumb  {
height: 310px;
}  img.triangular-header  {
margin-top: -200px;;
}
}
  article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }  html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-size: 18px; line-height: 180%; margin: 0 0 20px 0; font-weight: normal; }
body, button, input, select, textarea { font-family: "Museo Sans 300"; color: #1D242C; font-weight: normal; }   a { color: #1D242C; font-weight: normal; }
a:visited { color: #1D242C; }
a:hover { color: #1D242C; }
a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; }
b, strong { font-family: "Museo Sans 700"; font-weight: normal;}
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 20px 0; padding: 0; width: 25% }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; } ul, ol {  }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }  img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } table button, table input { *overflow: auto; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::placeholder { opacity: 1 !important; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #ffffff; } table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }   .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:after { clear: both; }
.clearfix { zoom: 1; } @media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; font-weight: 100; }
}#video-container {
position: relative;
padding-bottom: 56.25%;
height: 0; overflow: hidden;
margin-top: 0px;
background-color: #1D242C;
}
#video-container iframe, #video-container object, #video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ytp-gradient-top, .ytp-chrome-top, .player .vp-sidedock {
display: none !important;
}
.video-info {
margin-top: 40px;
} #videoBackground {
height: 100vh;
width: 100%;
overflow: hidden;
text-align: center;
position: fixed;
}
#videoBackground iframe {
width: 100vw;
height: 56.25vw;
min-height: 100vh;
min-width: 177.77vh;
transform: translate(-50%,-0%);
-ms-transform: translate(-50%,-0%);
position: absolute;
}.flex-container a:hover,
.flex-slider a:hover {
outline: none;
}
.slides,
.slides > li,
.flex-control-nav {
margin: 0;
padding: 0;
}
.flex-pauseplay span {
text-transform: capitalize;
} .flexsliderHomeCarousel {
width: 100%;
margin: 0 auto;
clear: both;
text-align: left;
position: relative;
display: block;
box-sizing: border-box;
zoom: 1;
}
.flexsliderHomeCarousel ul.slides {
display: flex;
flex-wrap: wrap;
}
.flexsliderHomeCarousel .slides > li {
display: none;
-webkit-backface-visibility: hidden;
box-sizing: border-box;
vertical-align: top;
text-align: left;
padding: 0px;
width: 100%;
overflow: hidden;
background-color: #1D242C;
}
.flexsliderHomeCarousel .slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .flexsliderHomeCarousel .slides {
display: block;
}
* html .flexsliderHomeCarousel .slides {
height: 1%;
}
.no-js .flexsliderHomeCarousel .slides > li:first-child {
display: block;
}
.flexsliderHomeCarousel .slides {
zoom: 1;	
}
.flexsliderHomeCarousel .slides img {
display: block;
height: 600px;
-moz-user-select: none;
max-width: none;
width: auto;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; 
filter: alpha(opacity=60);
-moz-opacity: .6;
-khtml-opacity: .6;
opacity: .6;
transform: translate(-25%,0%);
min-height: 100%;
object-fit: cover;
}
.flexsliderHomeCarousel .slides img.clear-gallery {
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.flexsliderHomeCarousel .slides:hover img {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; 
filter: alpha(opacity=30);
-moz-opacity: .3;
-khtml-opacity: .3;
opacity: .3;
}
.flexsliderHomeCarousel .slides:hover img.clear-gallery {
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.flexsliderHomeCarousel .flex-viewport {
margin: 0 auto;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
width: 86%;
padding: 0 7%;
}
@-moz-document url-prefix() {
.loading .flex-viewport {
max-height: none;
}
}
.flex-direction-nav {
padding: 40px 0 0 0;
text-align: center;
margin: 0;
}
.flex-direction-nav li {
display: inline-block;
padding: 0;
margin: 0;
}
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: 0;
z-index: 10;
overflow: hidden;
cursor: pointer;
background-image: none;
}
.flex-direction-nav a:hover {
background-image: none;
}
.flex-direction-nav a:before {
font-size: 40px;
display: inline-block;
content: '';
width: 40px;
height: 40px;
background-image: url(//dev.hatch.group/wp-content/themes/hatch-pr/css/prev-arrow.png);
background-repeat: no-repeat;
background-size: 35px 18px;
background-position: center;
}
.flex-direction-nav a.flex-next:before {
content: '';
background-image: url(//dev.hatch.group/wp-content/themes/hatch-pr/css/next-arrow.png);
}
.flex-direction-nav .flex-prev {
left: 0;
}
.flex-direction-nav .flex-next {
right: 0;
text-align: right;
}
.flex-direction-nav .flex-disabled {
filter: alpha(opacity=0);
cursor: default;
z-index: -1;
}
.flex-control-nav {
width: 100%;
position: relative;
bottom: 0px;
z-index: 10;
display: block;
margin: 0 auto;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #ffffff;
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.flex-control-paging li a:hover {
background: #1D242C;
}
.flex-control-paging li a.flex-active {
background: #1D242C;
cursor: default;
}
.central {
position: absolute;
top: 50%;
transform: translate(0%,-50%);
-ms-transform: translate(0%,-50%);
padding: 30px;
box-sizing: border-box;
width: 320px;
}
img.work-icon, img.work-icon:hover  {
width: 120px !important;
height: auto !important;
margin-bottom: 20px;
filter: alpha(opacity=100) !important;
-moz-opacity: 1 !important;
-khtml-opacity: 1 !important;
opacity: 1 !important;
position: relative !important;
transform: translate(0%,0%) !important;
-ms-transform: translate(0%,0%) !important;
min-height: auto !important;
min-width: auto !important;
}
img.bounce, img.bounce:hover {
filter: alpha(opacity=100) !important;
-moz-opacity: 1 !important;
-khtml-opacity: 1 !important;
opacity: 1 !important;
}
@media only screen and (min-width: 550px) {
.central {
width: 450px;
}
}
@media only screen and (min-width: 769px) {
.central {
width: 669px;
padding: 50px;
}
.flexsliderHomeCarousel .slides img {
width:100%;
height: auto;
transform: translate(0%,0%);
}
.flexsliderHomeCarousel .slides > li {
width: 760px;
}
.flex-control-nav {
width: 50%;
bottom: 50px;
margin: 0 auto;
}
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
}
@media only screen and (min-width: 964px) {	
.flexsliderHomeCarousel .flex-viewport {
width: 80%;
padding: 0 10%;
}
.central {
width: 864px;
padding: 80px;
}
.flexsliderHomeCarousel .slides > li {
width: 944px;
}	
}	
@media only screen and (min-width: 1104px) {	
.flexsliderHomeCarousel .slides > li {
width: 944px;
}
}
@media only screen and (min-width: 1220px) {
.flexsliderHomeCarousel .slides > li {
width: 1200px;
}
}
@media only screen and (min-width: 1360px) {
.flexsliderHomeCarousel .slides > li {
width: 1200px;
}
}.flexsliderHelloCarousel .flex-container a:hover,
.flexsliderHelloCarousel .flex-slider a:hover {
outline: none;
}
.flexsliderHelloCarousel .slides,
.flexsliderHelloCarousel .slides > li,
.flexsliderHelloCarousel .flex-control-nav,
.flexsliderHelloCarousel .flex-direction-nav {
margin: 0 ;
padding: 0 ;
list-style: none;
height: 100%;
} 
.flexsliderHelloCarousel .flex-pauseplay span {
text-transform: capitalize;
} .flexsliderHelloCarousel {
width: 100vw;
position: fixed;
}
.flexsliderHelloCarousel p {
color: #ffffff !important;
margin-bottom: 40px;
}
.flexsliderHelloCarousel .central {
position: absolute;
top: 50%;
left: 0%;
transform: translate(-0%,-50%);
-ms-transform: translate(-0%,-50%);
text-align: center;
width: 100%;
padding: 0 7%;
}
.flexsliderHelloCarousel .slides > li {
display: none;
-webkit-backface-visibility: hidden;
box-sizing: border-box;
vertical-align: top;
text-align: left;
padding: 0px;
width: 100%;
overflow: hidden;
min-height: 100vh;
}
.flexsliderHelloCarousel .slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .flexsliderHelloCarousel .slides {
display: block;
}
* html .flexsliderHelloCarousel .slides {
height: 1%;
}
.no-js .flexsliderHelloCarousel .slides > li:first-child {
display: block;
} .flexsliderHelloCarousel .slides {
zoom: 1;
max-width: 1400px;
margin: 0 auto;
}
.flexsliderHelloCarousel .flex-viewport {
margin: 0 auto;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
}
@-moz-document url-prefix() {
.loading .flex-viewport {
max-height: none;
}
}
.carousel li {
margin-right: 5px;
}
@media only screen and (min-width: 769px) {
.flexsliderHelloCarousel p {
display: inline-block;
}	
.flexsliderHelloCarousel .flex-viewport {
width: 100%;
}	
}