@charset "UTF-8";

 @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700"); * {
margin: 0;
padding: 0; } body {
-webkit-text-size-adjust: 100%; }
img {
display: block;
border: 0px; }
.clear {
clear: both; }
a[href^="tel"] {
color: inherit;
text-decoration: none; }
a, ul, ol {
text-decoration: none;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease; } .menu-toggle {
display: none; }
.nav-menu {
display: block; }
.outer-header {
width: 100%;
background-color: #ffffff;
position: fixed;
height: 103px;
z-index: 500000;
-webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.05); }
.outer-header .header {
width: calc(100% - 112px);
margin: 0 auto;
padding-top: 20px;
padding-bottom: 20px; }
.outer-header .header .logo {
width: 200px;
float: left; }
.outer-header .header .main-menu {
float: right; }
.outer-header .header .main-menu .nav-menu {
list-style-type: none; }
.outer-header .header .main-menu .nav-menu li {
display: inline-block;
margin-left: 10px; }
.outer-header .header .main-menu .nav-menu li a {
display: block;
line-height: 63px;
text-transform: uppercase;
font-weight: 300;
color: #55443a;
padding: 0px 10px;
font-size: 15px; }
.outer-header .header .main-menu .nav-menu li a:hover {
color: #f0b13c; }
.outer-header .header .main-menu .nav-menu li.current-menu-item a {
color: #f0b13c; }
.outer-header .contact-us-tab {
position: absolute; right: -452px;
top: 103px;
width: 451px;
border: 1px solid #ffffff;
border-width: 0px 0px 1px 1px; }
.outer-header .contact-us-tab .button {
background: #f0b13c;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
color: #ffffff;
font-weight: 600;
font-size: 18px;
padding: 15px 20px;
text-transform: uppercase;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
cursor: pointer;
left: -130px;
top: 73px;
position: absolute; }
.outer-header .contact-us-tab .button:hover {
color: #f0b13c;
background: #ffffff; }
.outer-header .contact-us-tab .contact-form-flyout {
background: #f0b13c; }
.outer-header .contact-us-tab .contact-form-flyout .flyout-phone {
color: #ffffff;
font-size: 30px;
padding: 20px 20px 10px 20px; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 {
padding: 20px 30px 20px 20px; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row {
width: 100%; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .label {
color: #ffffff; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row input[type=text], .outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row input[type=email], .outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row textarea {
background: #ffffff; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .checkbox {
background: #ffffff; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .checkbox label {
background: #ffffff; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .checkbox input[type=checkbox]:checked + label {
background: #55443a; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .checkbox-text {
width: 60%;
font-size: 12px; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .checkbox-text span {
font-size: 10px; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row input[type=submit] {
background: #ffffff;
color: #55443a; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row input[type=submit]:hover {
background: #55443a;
color: #ffffff; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .select-styled {
width: calc(100% - 20px);
background: #ffffff; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .select-options {
background: #ffffff;
width: 100%; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .select-options li {
background: #ffffff;
border-bottom: 1px solid #eae7e4; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .select-options li:hover {
background: #55443a;
color: #ffffff; }
@media only screen and (min-width: 1040px) and (max-width: 1350px) {
.outer-header {
height: 90px; }
.outer-header .header {
padding-top: 14px;
padding-bottom: 12px;
width: calc(100% - 56px); }
.outer-header .header .logo {
width: 150px;
margin-top: 7px; }
.outer-header .header .main-menu .nav-menu li {
margin-left: 5px; }
.outer-header .header .main-menu .nav-menu li a {
padding: 0px 5px;
font-size: 14px; } }
@media only screen and (max-width: 1040px), screen and (max-device-width: 1040px) {
.menu-toggle {
display: block; }
.nav-menu {
display: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none; }
#nav-icon {
float: right;
margin: 21px 0px 0px 0px;
width: 25px;
height: 19px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
z-index: 999; }
#nav-icon span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #41868a;
border-radius: 2px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out; }
#nav-icon span:nth-child(1) {
top: 0px; }
#nav-icon span:nth-child(2) {
top: 8px; }
#nav-icon span:nth-child(3) {
top: 8px; }
#nav-icon span:nth-child(4) {
top: 16px; }
#nav-icon.open span {
background: #f0b13c; }
#nav-icon.open span:nth-child(1) {
top: 8px;
width: 0%;
left: 50%; }
#nav-icon.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
#nav-icon.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
#nav-icon.open span:nth-child(4) {
top: 8px;
width: 0%;
left: 50%; }
.outer-header {
height: 90px; }
.outer-header .header {
padding-top: 14px;
padding-bottom: 12px;
width: calc(100% - 56px); }
.outer-header .header .logo {
width: 150px;
margin-top: 7px; }
.outer-header .header .main-menu {
float: right; }
.outer-header .header .main-menu .nav-menu {
position: absolute;
right: 28px;
top: 91px;
background: #ffffff;
z-index: 50000000;
-webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.2); }
.outer-header .header .main-menu .nav-menu li {
display: block;
margin-left: 0px; }
.outer-header .header .main-menu .nav-menu li a {
display: block;
line-height: 35px;
padding: 0px 25px 0px 15px;
font-size: 14px;
background-color: #ffffff;
border-bottom: 1px solid #eeeeee; }
.outer-header .header .main-menu .nav-menu li a:hover {
background-color: #f0b13c;
color: #ffffff; }
.outer-header .header .main-menu .nav-menu li.current-menu-item a {
color: #f0b13c; }
.outer-header .header .main-menu .nav-menu li.current-menu-item a:hover {
background-color: #f0b13c;
color: #ffffff; }
.outer-header .header .main-menu .nav-menu li:last-child a {
border-bottom: 0px; } }
@media only screen and (min-width: 768px) and (max-width: 1040px) {
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row {
margin: 0px 0px 10px 0px; } }
@media only screen and (min-width: 481px) and (max-width: 767px) {
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 {
padding: 5px 20px 20px 20px; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row {
margin: 0px 0px 10px 0px; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .label {
font-size: 14px;
float: left; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .value {
width: calc(100% - 100px);
float: left; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .value input[type=text], .outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .value input[type=email] {
padding: 2px 10px; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .value textarea {
height: 60px; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .value .select .select-styled {
padding: 2px 10px;
font-size: 14px; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .value.checkbox {
width: 24px; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .value input[type=submit] {
font-size: 14px;
padding: 10px 20px; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .footer-right-side {
margin-top: -15px; }
.outer-header .contact-us-tab .contact-form-flyout .flyout-phone {
font-size: 24px; } }
@media only screen and (max-width: 480px), screen and (max-device-width: 480px) {
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 {
padding: 5px 20px 20px 20px; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row {
margin: 0px 0px 10px 0px; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .label {
font-size: 13px;
float: left; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .value {
width: calc(100% - 100px);
float: left; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .value input[type=text], .outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .value input[type=email] {
padding: 2px 10px; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .value textarea {
height: 60px; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .value .select .select-styled {
padding: 2px 10px;
font-size: 13px; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .value.checkbox {
width: 24px; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .value input[type=submit] {
font-size: 13px;
padding: 10px 20px; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .wpcf7-recaptcha {
position: relative;
right: 95px; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .contact-row .checkbox-text {
width: 44%; }
.outer-header .contact-us-tab .contact-form-flyout .wpcf7 .footer-right-side {
margin-top: -15px; }
.outer-header .contact-us-tab .contact-form-flyout .flyout-phone {
font-size: 18px; } }
.slider {
height: 500px;
position: relative; }
.slider .slide {
position: relative;
height: 500px;
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
.slider .slide .message {
top: 60px;
left: 56px;
position: absolute;
font-weight: 300;
font-size: 40px; }
.slider .slide .message strong {
font-weight: 600; }
.slider .slide .message.dark {
color: #55443a; }
.slider .slide .message.light {
color: #ffffff; }
.slider .bx-controls {
position: absolute;
z-index: 10000;
bottom: 35px;
left: 56px; }
.slider .bx-controls .bx-pager-item {
display: inline-block;
margin-right: 6px; }
.slider .bx-controls .bx-pager-item a {
color: transparent;
display: block;
width: 10px;
height: 10px;
border: 2px solid #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.slider .bx-controls .bx-pager-item a:hover {
background: #ffffff; }
.slider .bx-controls .bx-pager-item a.active {
background: white; }
.slider .slider-overlay {
position: absolute;
right: 0px;
top: 0px;
height: 500px;
background-color: #f0b13c;
z-index: 6000;
width: 156px;
mix-blend-mode: multiply;
opacity: 0.75; }
.slider .slider-overlay2 {
position: absolute;
right: 0px;
top: 0px;
height: 500px;
background-color: #f0b13c;
z-index: 6000;
width: 156px;
opacity: 0.3; }
@media only screen and (min-width: 768px) and (max-width: 1040px) {
.slider {
height: 425px; }
.slider .slider-overlay {
height: 425px; }
.slider .slide {
height: 425px; }
.slider .slide .message {
font-size: 36px; } }
@media only screen and (min-width: 481px) and (max-width: 767px) {
.slider {
height: 345px; }
.slider .slider-overlay {
width: 100px;
height: 345px; }
.slider .slide {
height: 345px; }
.slider .slide .message {
font-size: 32px;
left: 28px;
right: 128px; } }
@media only screen and (max-width: 480px), screen and (max-device-width: 480px) {
.slider {
height: 275px; }
.slider .slider-overlay {
width: 50px;
height: 275px; }
.slider .slide {
height: 275px; }
.slider .slide .message {
left: 28px;
right: 78px;
font-size: 28px; } }
img {
width: 100%;
height: auto; }
body {
font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
font-size: 14px; }
.wrapper {
padding-top: 103px; }
.outer-content {
margin-bottom: 50px;
overflow: hidden;
position: relative; }
.outer-content .content {
width: 100%;
padding-top: 45px; }
.outer-content .content h1 {
margin-left: 56px;
margin-right: 262px; }
.outer-content .content .content-block {
margin-bottom: 45px; }
.outer-content .content .content-block h2 {
font-weight: 300;
font-size: 22px;
color: #55443a;
margin-top: 0px;
margin-bottom: 30px; }
.outer-content .content .content-block h2 strong {
font-weight: bold; }
.outer-content .content .content-block h3 {
color: #55443a;
font-weight: 300;
font-size: 48px;
margin-bottom: 45px;
margin-top: 45px; }
.outer-content .content .content-block h3 strong {
font-weight: bold; }
.outer-content .content .content-block p {
color: #55443a;
font-weight: 300;
font-size: 16px;
margin-bottom: 20px; }
.outer-content .content .content-block p strong {
font-weight: bold; }
.outer-content .content .content-block blockquote::before {
content: url(//compello.uk.com/wp-content/themes/compello/images/start-quote.png);
display: block; }
.outer-content .content .content-block blockquote p {
color: #88ced6;
font-weight: normal;
font-size: 20px;
margin-bottom: 0px; }
.outer-content .content .content-block blockquote::after {
content: url(//compello.uk.com/wp-content/themes/compello/images/end-quote.png);
display: block;
text-align: right;
margin-top: 5px;
margin-bottom: 20px; }
.outer-content .content .content-block .yellowline-top {
border-bottom: 1px solid #f0b13c;
margin-bottom: 30px; }
.outer-content .content .content-block .yellowline-bottom {
border-top: 1px solid #f0b13c;
margin-top: 30px; }
.outer-content .content .content-block .content-left {
width: 45.4%;
float: left; }
.outer-content .content .content-block .content-left h2 {
margin-left: 56px;
margin-right: 56px; }
.outer-content .content .content-block .content-left h3 {
margin-left: 56px;
margin-right: 56px; }
.outer-content .content .content-block .content-left h3.rental {
margin-top: 0px;
margin-bottom: 0px; }
.outer-content .content .content-block .content-left p {
margin-left: 56px;
margin-right: 56px; }
.outer-content .content .content-block .content-left blockquote::before {
margin-left: 56px;
margin-right: 56px; }
.outer-content .content .content-block .content-left blockquote::after {
margin-left: 56px;
margin-right: 56px; }
.outer-content .content .content-block .content-left .yellowline-top {
margin-left: 56px;
margin-right: 56px; }
.outer-content .content .content-block .content-left .yellowline-bottom {
margin-left: 56px;
margin-right: 56px; }
.outer-content .content .content-block .content-left img {
margin-left: -56px;
width: calc(100% + 56px);
margin-top: 40px; }
.outer-content .content .content-block .content-left .doubleimage {
margin-right: 56px;
background: red; }
.outer-content .content .content-block .content-left .doubleimage img {
float: left;
margin: 0px;
width: 49.25%;
margin-right: 1.25%; }
.outer-content .content .content-block .content-left .doubleimage img:last-child {
margin-right: 0px; }
.outer-content .content .content-block .content-left .inline {
margin-left: 56px;
margin-right: 56px; }
.outer-content .content .content-block .content-left .inline img {
margin: 0px;
width: 100%;
height: auto; }
.outer-content .content .content-block .content-left ul {
margin-left: 72px;
margin-right: 56px; }
.outer-content .content .content-block .content-left ul li {
font-weight: 300;
font-size: 16px;
color: #55443a; }
.outer-content .content .content-block .content-right {
width: 54.6%;
float: right; }
.outer-content .content .content-block .content-right h2 {
margin-left: 0px;
margin-right: 262px; }
.outer-content .content .content-block .content-right h3 {
margin-left: 0px;
margin-right: 262px; }
.outer-content .content .content-block .content-right p {
margin-left: 0px;
margin-right: 262px; }
.outer-content .content .content-block .content-right ul {
margin-left: 15px;
margin-right: 262px; }
.outer-content .content .content-block .content-right ul li {
font-weight: 300;
font-size: 16px;
color: #55443a; }
.outer-content .content .content-block .content-right blockquote::after {
margin-right: 262px; }
.outer-content .content .content-block .content-right .yellowline-top {
margin-right: 262px; }
.outer-content .content .content-block .content-right .yellowline-bottom {
margin-right: 262px; }
.outer-content .content .content-block .content-right img {
margin-right: -262px;
width: calc(100% + 262px);
margin-top: 40px; }
.outer-content .content .content-block .content-right .doubleimage {
width: calc(100% - 156px); }
.outer-content .content .content-block .content-right .doubleimage img {
margin: 0px;
width: 49.25%;
margin-right: 1.5%;
float: left; }
.outer-content .content .content-block .content-right .doubleimage img:last-child {
margin-right: 0px; }
.outer-content .content .content-block .content-right .inline {
margin-left: 0px;
margin-right: 212px; }
.outer-content .content .content-block .content-right .inline img {
margin: 0px;
width: 100%;
height: auto; }
.outer-content .blue-bar {
width: 156px;
height: 100000px;
position: absolute;
top: 0px;
right: 0px;
background-color: #88ced6;
mix-blend-mode: multiply;
opacity: 0.75; }
.outer-content .blue-bar2 {
width: 156px;
height: 100000px;
position: absolute;
top: 0px;
right: 0px;
background-color: #88ced6;
opacity: 0.3; }
h1 {
color: #55443a;
font-weight: 300;
font-size: 48px;
margin-bottom: 45px; }
h1 b {
font-weight: 600; }
p a {
color: #41868a; }
p a:hover {
color: #f0b13c; }
ul {
margin-left: 15px;
margin-bottom: 25px; }
ul li {
font-weight: 300;
font-size: 16px;
color: #55443a; }
@media only screen and (min-width: 1040px) and (max-width: 1350px) {
.wrapper {
padding-top: 90px; }
.outer-content {
margin-bottom: 50px;
overflow: hidden;
position: relative; }
.outer-content .content {
width: 100%;
padding-top: 45px; }
.outer-content .content h1 {
margin-left: 56px;
margin-right: 262px; }
.outer-content .content .content-block {
margin-bottom: 45px; }
.outer-content .content .content-block h2 {
font-weight: 300;
font-size: 22px;
color: #55443a;
margin-top: 0px;
margin-bottom: 30px; }
.outer-content .content .content-block h2 strong {
font-weight: bold; }
.outer-content .content .content-block h3 {
color: #55443a;
font-weight: 300;
font-size: 44px;
margin-bottom: 45px;
margin-top: 45px; }
.outer-content .content .content-block h3 strong {
font-weight: bold; }
.outer-content .content .content-block p {
color: #55443a;
font-weight: 300;
font-size: 16px;
margin-bottom: 20px; }
.outer-content .content .content-block p strong {
font-weight: bold; }
.outer-content .content .content-block blockquote::before {
content: url(//compello.uk.com/wp-content/themes/compello/images/start-quote.png);
display: block; }
.outer-content .content .content-block blockquote p {
color: #88ced6;
font-weight: normal;
font-size: 20px;
margin-bottom: 0px; }
.outer-content .content .content-block blockquote::after {
content: url(//compello.uk.com/wp-content/themes/compello/images/end-quote.png);
display: block;
text-align: right;
margin-top: 5px;
margin-bottom: 20px; }
.outer-content .content .content-block .yellowline-top {
border-bottom: 1px solid #f0b13c;
margin-bottom: 30px; }
.outer-content .content .content-block .yellowline-bottom {
border-top: 1px solid #f0b13c;
margin-top: 30px; }
.outer-content .content .content-block .content-left {
width: 45.4%;
float: left; }
.outer-content .content .content-block .content-left h2 {
margin-left: 56px;
margin-right: 56px; }
.outer-content .content .content-block .content-left h3 {
margin-left: 56px;
margin-right: 56px; }
.outer-content .content .content-block .content-left h3.rental {
margin-top: 0px;
margin-bottom: 0px; }
.outer-content .content .content-block .content-left p {
margin-left: 56px;
margin-right: 56px; }
.outer-content .content .content-block .content-left blockquote::before {
margin-left: 56px;
margin-right: 56px; }
.outer-content .content .content-block .content-left blockquote::after {
margin-left: 56px;
margin-right: 56px; }
.outer-content .content .content-block .content-left .yellowline-top {
margin-left: 56px;
margin-right: 56px; }
.outer-content .content .content-block .content-left .yellowline-bottom {
margin-left: 56px;
margin-right: 56px; }
.outer-content .content .content-block .content-left img {
margin-left: -56px;
width: calc(100% + 56px);
margin-top: 40px; }
.outer-content .content .content-block .content-left .doubleimage {
margin-right: 56px;
background: red; }
.outer-content .content .content-block .content-left .doubleimage img {
float: left;
margin: 0px;
width: 49.25%;
margin-right: 1.25%; }
.outer-content .content .content-block .content-left .doubleimage img:last-child {
margin-right: 0px; }
.outer-content .content .content-block .content-left .inline {
margin-left: 56px;
margin-right: 56px; }
.outer-content .content .content-block .content-left .inline img {
margin: 0px;
width: 100%;
height: auto; }
.outer-content .content .content-block .content-left ul {
margin-left: 72px;
margin-right: 56px; }
.outer-content .content .content-block .content-left ul li {
font-weight: 300;
font-size: 16px;
color: #55443a; }
.outer-content .content .content-block .content-right {
width: 54.6%;
float: right; }
.outer-content .content .content-block .content-right h2 {
margin-left: 0px;
margin-right: 262px; }
.outer-content .content .content-block .content-right h3 {
margin-left: 0px;
margin-right: 262px; }
.outer-content .content .content-block .content-right p {
margin-left: 0px;
margin-right: 262px; }
.outer-content .content .content-block .content-right ul {
margin-left: 15px;
margin-right: 262px; }
.outer-content .content .content-block .content-right ul li {
font-weight: 300;
font-size: 16px;
color: #55443a; }
.outer-content .content .content-block .content-right blockquote::after {
margin-right: 262px; }
.outer-content .content .content-block .content-right .yellowline-top {
margin-right: 262px; }
.outer-content .content .content-block .content-right .yellowline-bottom {
margin-right: 262px; }
.outer-content .content .content-block .content-right img {
margin-right: -262px;
width: calc(100% + 262px);
margin-top: 40px; }
.outer-content .content .content-block .content-right .doubleimage {
width: calc(100% - 156px); }
.outer-content .content .content-block .content-right .doubleimage img {
margin: 0px;
width: 49.25%;
margin-right: 1.5%;
float: left; }
.outer-content .content .content-block .content-right .doubleimage img:last-child {
margin-right: 0px; }
.outer-content .content .content-block .content-right .inline {
margin-left: 0px;
margin-right: 212px; }
.outer-content .content .content-block .content-right .inline img {
margin: 0px;
width: 100%;
height: auto; }
.outer-content .blue-bar {
width: 156px;
height: 100000px;
position: absolute;
top: 0px;
right: 0px;
background-color: #88ced6;
mix-blend-mode: multiply;
opacity: 0.75; }
.outer-content .blue-bar2 {
width: 156px;
height: 100000px;
position: absolute;
top: 0px;
right: 0px;
background-color: #88ced6;
opacity: 0.3; }
h1 {
color: #55443a;
font-weight: 300;
font-size: 44px;
margin-bottom: 45px; }
h1 b {
font-weight: 600; }
p a {
color: #41868a; }
p a:hover {
color: #f0b13c; }
ul {
margin-left: 15px;
margin-bottom: 25px; }
ul li {
font-weight: 300;
font-size: 16px;
color: #55443a; } }
@media only screen and (min-width: 768px) and (max-width: 1040px) {
.wrapper {
padding-top: 90px; }
h1 {
font-size: 32px; }
.outer-content .content .content-block .content-left {
width: 100%;
float: none;
padding-right: 156px;
box-sizing: border-box; }
.outer-content .content .content-block .content-right {
width: 100%;
float: none;
padding-right: 156px;
box-sizing: border-box; }
.outer-content .content .content-block .content-right p {
margin-left: 56px;
margin-right: 56px; }
.outer-content .content .content-block .content-right blockquote::after {
margin-right: 56px; }
.outer-content .content .content-block .content-right .doubleimage {
width: 100%; }
.outer-content .content .content-block .content-right .yellowline-top {
display: none; }
.outer-content .content .content-block .content-right .inline {
margin-right: 56px;
margin-left: 56px; }
.outer-content .content .content-block .content-right h3 {
margin-left: 56px;
margin-right: 56px;
margin-top: 0; }
.outer-content .content .content-block blockquote::before {
margin-left: 56px; }
.outer-content .content .content-block h3 {
font-size: 36px;
margin-bottom: 30px; } }
@media only screen and (min-width: 481px) and (max-width: 767px) {
.wrapper {
padding-top: 90px; }
h1 {
font-size: 28px; }
.outer-content .blue-bar, .outer-content .blue-bar2 {
width: 100px; }
.outer-content .content h1 {
margin-left: 28px;
margin-right: 128px; }
.outer-content .content .content-block h3 {
margin-left: 28px;
margin-right: 28px;
font-size: 22px;
margin-bottom: 25px; }
.outer-content .content .content-block .content-left {
width: 100%;
float: none;
padding-right: 100px;
box-sizing: border-box; }
.outer-content .content .content-block .content-left h2 {
margin-left: 28px;
margin-right: 28px;
font-size: 20px; }
.outer-content .content .content-block .content-left h3 {
margin-left: 28px;
margin-right: 28px;
font-size: 24px;
margin-bottom: 25px; }
.outer-content .content .content-block .content-left p {
margin-left: 28px;
margin-right: 28px; }
.outer-content .content .content-block .content-left blockquote::before {
margin-left: 26px; }
.outer-content .content .content-block .content-left blockquote::after {
margin-right: 26px; }
.outer-content .content .content-block .content-left .yellowline-top {
margin-left: 28px;
margin-right: 28px; }
.outer-content .content .content-block .content-right {
width: 100%;
float: none;
padding-right: 100px;
box-sizing: border-box; }
.outer-content .content .content-block .content-right p {
margin-left: 28px;
margin-right: 28px; }
.outer-content .content .content-block .content-right blockquote::after {
margin-right: 28px; }
.outer-content .content .content-block .content-right .doubleimage {
width: 100%; }
.outer-content .content .content-block .content-right .yellowline-top {
display: none; }
.outer-content .content .content-block .content-right .inline {
margin-right: 28px;
margin-left: 28px; }
.outer-content .content .content-block .content-right h3 {
margin-left: 28px;
margin-right: 28px;
margin-top: 0; }
.outer-content .content .content-block blockquote::before {
margin-left: 28px; }
.outer-content .content .content-block h3 {
font-size: 36px;
margin-bottom: 30px; } }
@media only screen and (max-width: 480px), screen and (max-device-width: 480px) {
.wrapper {
padding-top: 90px; }
.outer-content .blue-bar, .outer-content .blue-bar2 {
width: 50px; }
.outer-content .content h1 {
margin-left: 28px;
margin-right: 78px;
font-size: 26px;
margin-bottom: 25px; }
.outer-content .content .content-block {
margin-bottom: 20px; }
.outer-content .content .content-block h3 {
margin-left: 28px;
margin-right: 28px;
font-size: 22px;
margin-bottom: 25px; }
.outer-content .content .content-block .content-left {
padding-right: 50px;
box-sizing: border-box;
width: 100%; }
.outer-content .content .content-block .content-left p {
margin-left: 28px;
margin-right: 28px; }
.outer-content .content .content-block .content-left h2 {
margin-left: 28px;
margin-right: 28px;
font-size: 18px; }
.outer-content .content .content-block .content-left h3 {
margin-left: 28px;
margin-right: 28px;
font-size: 22px;
margin-bottom: 25px; }
.outer-content .content .content-block .content-left blockquote::before {
margin-left: 26px; }
.outer-content .content .content-block .content-left blockquote::after {
margin-right: 26px; }
.outer-content .content .content-block .content-left .yellowline-top {
margin-left: 28px;
margin-right: 28px; }
.outer-content .content .content-block .content-right {
padding-right: 50px;
box-sizing: border-box;
width: 100%; }
.outer-content .content .content-block .content-right p {
margin-left: 28px;
margin-right: 28px; }
.outer-content .content .content-block .content-right h3 {
margin-left: 28px;
margin-right: 28px;
margin-top: 0;
font-size: 28px;
margin-bottom: 25px; }
.outer-content .content .content-block .content-right blockquote::after {
margin-right: 26px; }
.outer-content .content .content-block .content-right .doubleimage {
width: 100%; }
.outer-content .content .content-block .content-right .doubleimage img {
width: 100%;
margin-bottom: 5px; }
.outer-content .content .content-block .content-right img {
margin-right: -78px;
width: calc(100% + 78px);
margin-top: 0; }
.outer-content .content .content-block .content-right .yellowline-top {
display: none; }
.outer-content .content .content-block .content-right .inline {
margin-right: 0; }
.outer-content .content .content-block blockquote p {
font-size: 16px; }
.outer-content .content .content-block blockquote::before {
margin-left: 26px; } }
.widgets-wrapper {
width: calc(100% - 156px); }
.widgets-wrapper .widget {
display: block;
float: left;
width: 24.435%;
position: relative;
padding-bottom: 24.25%;
background-position: center;
background-repeat: no-repeat;
background-size: auto 100%;
-webkit-transition: 0.6s ease;
-moz-transition: 0.6s ease;
-o-transition: 0.6s ease;
transition: 0.6s ease;
margin-right: 0.75%;
overflow: hidden; }
.widgets-wrapper .widget:nth-child(4n+4) {
margin-right: 0px; }
.widgets-wrapper .widget .widget-overlay {
position: absolute;
top: 0px;
left: 0px;
mix-blend-mode: multiply;
-webkit-transition: 0.6s ease;
-moz-transition: 0.6s ease;
-o-transition: 0.6s ease;
transition: 0.6s ease; }
.widgets-wrapper .widget .widget-overlay2 {
position: absolute;
top: 0px;
left: 0px;
opacity: 0.35;
-webkit-transition: 0.6s ease;
-moz-transition: 0.6s ease;
-o-transition: 0.6s ease;
transition: 0.6s ease; }
.widgets-wrapper .widget .widget-icon {
position: absolute;
z-index: 5000;
bottom: 7%;
margin: 0 auto;
left: 0px;
right: 0px;
width: 12%; }
.widgets-wrapper .widget .widget-text {
margin: 0 auto;
left: 0px;
right: 0px;
position: absolute;
z-index: 5050;
color: #ffffff;
text-align: center;
bottom: 22%;
font-size: 30px;
font-weight: 300; }
.widgets-wrapper .widget .widget-logo {
position: absolute;
z-index: 5050;
bottom: 22%; }
.widgets-wrapper .widget .widget-logo img {
width: 65%;
margin: 0 auto; }
.widgets-wrapper .widget:hover {
background-size: auto 106%; }
.widgets-wrapper .widget:hover .widget-overlay {
opacity: 0.35; }
.widgets-wrapper .widget:hover .widget-overlay2 {
opacity: 0.1; }
.widgets-wrapper .vehicle-widget .widget-text {
bottom: 65%; }
.widgets-wrapper .vehicle-widget .widget-icon {
bottom: 46%;
width: 15%; }
.widgets-wrapper .vehicle-widget .widget-snippet {
position: absolute;
margin: 0px 10%;
color: #ffffff;
top: 60%;
text-align: center;
font-size: 13px;
font-weight: 200;
width: 80%; }
.widgets-wrapper .vacancy-widget .widget-text {
bottom: 50%;
transform: translateY(50%); }
.widgets-wrapper .vacancy-last {
background-color: #55443a; }
.widgets-wrapper .vacancy-last .widget-text {
bottom: 50%;
transform: translateY(50%);
padding-top: 52px; }
.widgets-wrapper .vacancy-last .widget-text span {
display: block;
font-size: 14px;
margin-top: 10px; }
.widgets-wrapper .vacancy-last .widget-text span a {
color: #ffffff; }
.team-widget {
border-bottom: 10px solid #ffffff; }
.team-widgets-wrapper {
margin-bottom: 30px; }
@media only screen and (min-width: 768px) and (max-width: 1040px) {
.widgets-wrapper .widget.vehicle-widget {
width: 32.83%;
padding-bottom: 32.25%; }
.widgets-wrapper .widget.vehicle-widget:nth-child(4n+4) {
margin-right: 0.75%; }
.widgets-wrapper .widget.vehicle-widget:nth-child(3n+3) {
margin-right: 0; }
.widgets-wrapper .widget.vacancy-last .widget-text {
padding-top: 40px; } }
@media only screen and (min-width: 481px) and (max-width: 767px) {
.widgets-wrapper {
width: calc(100% - 100px); }
.widgets-wrapper .widget {
width: 49.25%;
padding-bottom: 41.25%;
border-bottom: 5px solid #ffffff; }
.widgets-wrapper .widget.vehicle-widget {
padding-bottom: 47.25%; }
.widgets-wrapper .widget.vehicle-widget .widget-icon {
bottom: 56%; }
.widgets-wrapper .widget.vehicle-widget .widget-text {
bottom: 76%; }
.widgets-wrapper .widget.vehicle-widget .widget-snippet {
top: 49%; }
.widgets-wrapper .widget.vacancy-last .widget-text {
padding-top: 0px; } }
@media only screen and (max-width: 480px), screen and (max-device-width: 480px) {
.widgets-wrapper {
width: calc(100% - 50px); }
.widgets-wrapper .widget {
width: 49.25%;
padding-bottom: 41.25%;
border-bottom: 2px solid #ffffff; }
.widgets-wrapper .widget.vehicle-widget {
padding-bottom: 57.25%; }
.widgets-wrapper .widget.vehicle-widget .widget-icon {
bottom: 60%; }
.widgets-wrapper .widget.vehicle-widget .widget-text {
bottom: 76%; }
.widgets-wrapper .widget.vehicle-widget .widget-snippet {
top: 49%; }
.widgets-wrapper .widget.vacancy-last .widget-text {
padding-top: 0px; } }
.outer-footer {
background: #55443a; }
.outer-footer .footer {
width: calc(100% - 112px);
margin: 0 auto;
color: #ffffff;
text-transform: uppercase;
font-size: 12px; }
.outer-footer .footer .copyright {
line-height: 70px;
float: left;
margin-right: 25px; }
.outer-footer .footer .footer-menu {
list-style-type: none;
float: left; }
.outer-footer .footer .footer-menu li {
display: inline-block;
margin-right: 22px;
margin-top: 22px; }
.outer-footer .footer .footer-menu li a {
color: #ffffff;
font-size: 12px;
font-weight: normal; }
.outer-footer .footer .footer-menu li a:hover {
color: #f0b13c; }
.outer-footer .footer .footer-logos {
margin-left: 40px;
float: left; }
.outer-footer .footer .footer-logos img {
height: 34px;
width: auto;
float: left;
margin-right: 20px;
margin-top: 17px; }
.outer-footer .footer .reach {
float: right;
margin-right: 100px;
font-size: 10px;
text-transform: none;
text-align: right;
margin-top: 26px; }
.outer-footer .footer .reach img {
text-align: right;
margin-top: 5px;
width: 35px;
margin-left: 5px;
display: inline-block; }
.mobile {
display: none; }
.desktop {
display: block; }
@media only screen and (min-width: 768px) and (max-width: 1040px) {
.outer-footer .footer .copyright {
margin-right: 4px; }
.outer-footer .footer .footer-logos {
margin-left: 4px; }
.outer-footer .footer .reach {
margin-right: 40px; }
.mobile {
display: none; }
.desktop {
display: block; } }
@media only screen and (min-width: 481px) and (max-width: 767px) {
.outer-footer .footer {
width: calc(100% - 52px);
padding-bottom: 20px; }
.outer-footer .footer .reach {
text-align: center;
margin-right: 0;
width: 100%; }
.outer-footer .footer .footer-logos {
margin-left: 0;
margin: auto;
text-align: center;
width: 100%;
margin-top: -20px; }
.outer-footer .footer .footer-logos img {
float: none;
display: inline-block; }
.outer-footer .footer .footer-logos img:last-child {
margin-right: 0; }
.outer-footer .footer .footer-menu {
float: right; }
.outer-footer .footer .footer-menu li {
margin-right: 0; }
.mobile {
display: block; }
.desktop {
display: none; } }
@media only screen and (max-width: 480px), screen and (max-device-width: 480px) {
.outer-footer .footer {
width: calc(100% - 52px);
padding-bottom: 20px; }
.outer-footer .footer .reach {
text-align: center;
margin-right: 0;
width: 100%; }
.outer-footer .footer .footer-logos {
margin-left: 0;
margin: auto;
text-align: center;
width: 100%; }
.outer-footer .footer .footer-logos img {
float: none;
display: inline-block; }
.outer-footer .footer .footer-logos img:last-child {
margin-right: 0; }
.outer-footer .footer .copyright {
margin-right: 0; }
.outer-footer .footer .footer-menu {
float: right;
margin-left: 0; }
.outer-footer .footer .footer-menu li {
margin-right: 0; }
.mobile {
display: block; }
.desktop {
display: none; } }
.contact-row-left {
margin: 0px 56px 20px 56px; }
.contact-row-left .contact-linkedin, .contact-row-left .contact-twitter {
width: 34px;
height: 34px;
display: inline-block;
background-size: 100%;
margin-top: -5px;
margin-left: -2px; }
.contact-row-left .contact-linkedin:hover, .contact-row-left .contact-twitter:hover {
opacity: 0.6; }
.contact-row-left .contact-linkedin {
background-image: url(//compello.uk.com/wp-content/themes/compello/images/linkedin.png);
margin-right: 5px; }
.contact-row-left .contact-twitter {
background-image: url(//compello.uk.com/wp-content/themes/compello/images/twitter.png); }
.contact-label {
float: left;
width: 100px;
font-weight: bold;
font-size: 16px;
color: #55443a; }
.contact-value {
font-size: 16px;
float: left;
color: #55443a; }
.contact-value a {
color: #55443a; }
.contact-value a:hover {
color: #41868a; }
.contact-row {
margin: 0px 212px 10px 0px; }
.contact-row .label {
float: left;
width: 100px;
font-weight: bold;
font-size: 16px;
color: #55443a; }
.contact-row .value {
width: calc(100% - 100px);
float: left; }
.contact-row .value.checkbox {
width: 24px;
height: 24px;
background: #eae7e4;
position: relative;
margin-right: 10px; }
.contact-row .value.checkbox label {
display: block;
width: 16px;
height: 16px;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
cursor: pointer;
position: absolute;
top: 4px;
left: 4px;
z-index: 1;
background: #eae7e4; }
.contact-row .value.checkbox input[type=checkbox] {
visibility: hidden; }
.contact-row .value.checkbox input[type=checkbox]:checked + label {
background: #55443a; }
.contact-row .value.checkbox span.wpcf7-list-item-label {
display: none; }
.contact-row .value input[type=text], .contact-row .value input[type=email] {
width: calc(100% - 20px);
background: #eae7e4;
border: 0px;
font-size: 16px;
padding: 5px 10px; }
.contact-row .value textarea {
resize: none;
border: 0px;
background: #eae7e4;
width: calc(100% - 20px);
font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
padding: 10px;
height: 100px; }
.contact-row .value span.first {
margin-left: 0px; }
.contact-row .checkbox-text {
float: left;
margin-top: -3px; }
.contact-row .checkbox-text span {
display: block;
font-size: 12px;
font-style: italic; }
.contact-row .checkbox-text span a {
color: #41868a; }
.contact-row .checkbox-text span a:hover {
color: #f0b13c; }
.contact-row .value input[type=submit] {
cursor: pointer;
-webkit-transition: 0.2s ease;
-moz-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
background: #f0b13c;
padding: 10px 30px;
color: #ffffff;
border: 0px;
font-size: 30px;
font-weight: 100;
letter-spacing: 0.05em;
margin-top: 10px; }
.contact-row .value input[type=submit]:hover {
background: #55443a; }
.contact-block h3 {
margin-left: 56px;
margin-right: 56px; }
.contact-block #map {
margin-right: 156px; }
.job {
font-size: 20px;
font-weight: bold;
color: #55443a;
margin-bottom: -10px;
margin-top: -20px; }
.contact-row-right {
margin-left: 0px; }
.contact-row-right .contact-label {
margin-left: 0px; }
.contact-row-left.contact, .contact-row-left.email, .contact-row-left.telephone {
margin-bottom: 5px; }
.contact-row-left.email {
margin-bottom: 60px; }
.outer-content .content .content-block .content-right h3.contact {
margin-top: 0px; }
.footer-contact {
margin-left: 56px;
margin-right: 212px;
margin-bottom: 50px; }
.footer-contact h3.contact {
color: #55443a;
font-weight: 300;
font-size: 48px;
margin-bottom: 20px !important;
margin-top: 45px; }
.footer-contact h3.contact strong {
font-weight: bold; }
.footer-contact .footer-left-side {
width: 76.8%;
float: left; }
.footer-contact .footer-left-side .contact-row {
margin-right: 30px; }
.footer-contact .footer-left-side .contact-row textarea {
width: calc(100% - 20px);
height: 76px;
font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
padding: 10px; }
.footer-contact .footer-right-side {
float: right;
width: 22.4%; }
.footer-contact .footer-right-side .contact-row {
margin: 0px 0px 10px 0px; }
.footer-contact .footer-right-side .contact-row .label {
display: none; }
.footer-contact .footer-right-side .contact-row .checkbox-text {
width: calc(100% - 40px);
float: left; }
.wpcf7-mail-sent-ok {
display: none !important; }
.select {
position: relative; }
.select select {
display: none; }
.select .select-options {
display: none;
position: absolute;
z-index: 50000;
background: #eae7e4;
left: -15px;
width: calc(50% + 20px);
top: 34px;
list-style-type: none;
-webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2); }
.select .select-options li {
line-height: 34px;
border-bottom: 1px solid #ffffff;
padding: 0px 10px;
cursor: default;
-webkit-transition: 0.2s ease;
-moz-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
background-color: #eae7e4;
color: #55443a; }
.select .select-options li:last-child {
border-bottom: 0px; }
.select .select-options li:hover {
background-color: #55443a;
color: #ffffff !important; }
.select .select-styled {
width: 50%;
background: #eae7e4;
border: 0px;
font-size: 16px;
padding: 5px 10px;
cursor: pointer; }
.select .select-styled::after {
content: "▼";
float: right;
width: 37px;
border-left: 1px solid #ffffff;
text-align: center;
padding: 5px 0px;
margin-top: -5px;
margin-right: -10px;
color: #55443a; }
@media only screen and (min-width: 768px) and (max-width: 1040px) {
.footer-contact {
margin-left: 58px;
margin-right: 214px; }
.footer-contact .footer-right-side, .footer-contact .footer-left-side {
width: 100%;
float: none; }
.footer-contact .footer-right-side .contact-row, .footer-contact .footer-left-side .contact-row {
margin-right: 0;
margin: 0 0 10px 0; }
.contact-row-left {
margin: 0px 58px 20px 58px; }
.contact-row {
margin: 0px 58px 10px 58px; }
.contact-row .value input[type=submit] {
font-size: 18px; } }
@media only screen and (min-width: 481px) and (max-width: 767px) {
.footer-contact {
margin-left: 28px;
margin-right: 128px; }
.footer-contact .footer-right-side, .footer-contact .footer-left-side {
width: 100%;
float: none; }
.footer-contact .footer-right-side .contact-row, .footer-contact .footer-left-side .contact-row {
margin-right: 0;
margin: 0 0 10px 0; }
.contact-row-left {
margin: 0px 28px 20px 28px; }
.contact-row {
margin: 0px 28px 10px 28px; }
.contact-row .label {
float: none; }
.contact-row .value {
width: 100%;
float: none; }
.contact-row .value input[type=submit] {
font-size: 18px; }
.contact-row .select .select-styled {
width: initial; }
.contact-block #map {
margin-right: 100px; } }
@media only screen and (max-width: 480px), screen and (max-device-width: 480px) {
.footer-contact {
margin-left: 28px;
margin-right: 78px; }
.footer-contact .footer-right-side, .footer-contact .footer-left-side {
width: 100%;
float: none; }
.footer-contact .footer-right-side .contact-row, .footer-contact .footer-left-side .contact-row {
margin-right: 0;
margin: 0 0 10px 0; }
.contact-row-left {
margin: 0px 28px 20px 28px; }
.contact-row {
margin: 0px 28px 10px 28px; }
.contact-row .label {
float: none; }
.contact-row .value {
width: 100%;
float: none; }
.contact-row .value input[type=submit] {
font-size: 18px; }
.contact-row .select .select-styled {
width: initial; }
.contact-block #map {
margin-right: 50px; } }
.outer-content .team-content {
padding-top: 0px; }
.outer-content .team-content .team-profile {
display: -webkit-flex;
display: flex;
margin-left: 56px;
margin-right: 156px;
margin-bottom: 50px; }
.outer-content .team-content .team-profile .profile {
width: 49%;
position: relative;
padding-bottom: 100px;
margin-right: 0.85%; }
.outer-content .team-content .team-profile .profile.vacancy {
width: 100%; }
.outer-content .team-content .team-profile .profile h1 {
margin: 0px;
font-weight: bold;
margin-top: 50px;
font-size: 50px;
margin-bottom: 20px;
margin-right: 56px; }
.outer-content .team-content .team-profile .profile .position {
color: #55443a;
font-weight: bold;
font-size: 20px;
margin-bottom: 20px; }
.outer-content .team-content .team-profile .profile h2 {
font-weight: 300;
font-size: 22px;
color: #55443a;
margin-top: 0px;
margin-bottom: 30px;
margin-right: 56px; }
.outer-content .team-content .team-profile .profile h2 strong {
font-weight: bold; }
.outer-content .team-content .team-profile .profile h3 {
color: #55443a;
font-weight: 300;
font-size: 48px;
margin-bottom: 45px;
margin-top: 45px;
margin-right: 56px; }
.outer-content .team-content .team-profile .profile h3 strong {
font-weight: bold; }
.outer-content .team-content .team-profile .profile p {
color: #55443a;
font-weight: 300;
font-size: 16px;
margin-bottom: 20px;
margin-right: 56px; }
.outer-content .team-content .team-profile .profile p strong {
font-weight: bold; }
.outer-content .team-content .team-profile .profile .social {
position: absolute;
bottom: 0px;
left: 0px; }
.outer-content .team-content .team-profile .profile .social .profile-social-link {
width: 40px;
height: 40px;
display: inline-block;
margin-right: 10px;
background-size: 100%; }
.outer-content .team-content .team-profile .profile .social .profile-social-link.profile-email {
background-image: url(//compello.uk.com/wp-content/themes/compello/images/profile-email.png); }
.outer-content .team-content .team-profile .profile .social .profile-social-link.profile-linkedin {
background-image: url(//compello.uk.com/wp-content/themes/compello/images/profile-linkedin.png); }
.outer-content .team-content .team-profile .profile .social .profile-social-link.profile-twitter {
background-image: url(//compello.uk.com/wp-content/themes/compello/images/profile-twitter.png); }
.outer-content .team-content .team-profile .profile .social .profile-social-link:hover {
opacity: 0.6; }
.outer-content .team-content .team-profile .profile-image {
width: 53.1%; }
.outer-content .team-content .team-profile .content-blocks {
width: 100%; }
.outer-content .team-content .team-profile.wrap {
flex-wrap: wrap; }
.outer-content .team-content .team-profile.wrap .profile-image {
width: 50.15%; }
.outer-content .team-content .team-profile.wrap .profile {
padding: 0; }
.outer-content .team-content .team-profile.wrap .row {
display: flex;
margin-top: 40px;
align-items: center; }
.outer-content .team-content .team-profile.wrap .row:nth-child(2n-1) .profile-image {
order: 1;
width: 49%;
margin-right: 0.85%; }
.outer-content .team-content .team-profile.wrap .row:nth-child(2n-1) .profile.content {
order: 2; }
.outer-content .team-content .team-profile.wrap .row .profile.content {
padding: 0 30px;
box-sizing: border-box; }
.outer-content .news-content {
padding-top: 45px; }
.vehicle-bullets {
top: 50% !important;  
}
.vehicle-bullets p {
font-size: 20px;
}
.widget-arrow {
position: absolute;
bottom: 8%;
width: 7.5%;
margin: 0 auto;
left: 0px;
right: 0px;
}
a.vehicle-widget:hover {
opacity: 0.6;   
}
.outer-content .team-content .team-profile .full-width-layout {
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center; }
.outer-content .team-content .team-profile .full-width-layout .profile {
width: 65%;
margin-top: 50px;
min-width: 650px; }
.outer-content .team-content .team-profile .full-width-layout .profile p, .outer-content .team-content .team-profile .full-width-layout .profile h2 {
margin-right: 0; }
.outer-content .team-content .team-profile .full-width-layout .profile-image {
width: 65%;
min-width: 650px; }
@media only screen and (min-width: 768px) and (max-width: 1040px) {
.outer-content .team-content .team-profile {
flex-wrap: wrap;
margin-left: 58px;
margin-right: 214px; }
.outer-content .team-content .team-profile .profile-image {
order: 1;
width: 100%; }
.outer-content .team-content .team-profile .profile {
order: 2;
width: 100%;
margin-top: 20px;
padding-bottom: 0; }
.outer-content .team-content .team-profile .profile h1 {
margin-top: 10px;
font-size: 32px;
margin-bottom: 10px;
margin-right: 0; }
.outer-content .team-content .team-profile .profile h2, .outer-content .team-content .team-profile .profile p {
margin-right: 0; }
.outer-content .team-content .team-profile .full-width-layout .profile {
width: 100%;
min-width: auto; }
.outer-content .team-content .team-profile .full-width-layout .profile-image {
width: 100%;
min-width: auto; }
.outer-content .team-content .team-profile.wrap .content-blocks {
order: 3; }
.outer-content .team-content .team-profile.wrap .profile-image {
width: 100%; }
.outer-content .team-content .team-profile.wrap .row {
margin-top: 20px; }
.outer-content .team-content .team-profile.wrap .row:nth-child(2n) .profile-image {
order: 2; }
.outer-content .team-content .team-profile.wrap .row:nth-child(2n) .profile.content {
order: 1;
box-sizing: border-box;
padding-right: 5%; }
.outer-content .team-content .team-profile.wrap .row:nth-child(2n-1) .profile-image {
width: 35%; }
.outer-content .team-content .team-profile.wrap .row:nth-child(2n-1) .profile.content {
box-sizing: border-box;
padding-left: 5%; }
.outer-content .team-content .team-profile.wrap .row .profile.content {
padding: 0;
width: 65%; }
.outer-content .team-content .team-profile.wrap .row .profile-image {
width: 35%; } }
@media only screen and (min-width: 481px) and (max-width: 767px) {
.outer-content .team-content .team-profile {
flex-wrap: wrap;
margin-left: 28px;
margin-right: 128px; }
.outer-content .team-content .team-profile .profile-image {
order: 1;
width: 100%; }
.outer-content .team-content .team-profile .profile {
order: 2;
width: 100%;
margin-top: 20px;
padding-bottom: 0; }
.outer-content .team-content .team-profile .profile h1 {
margin-top: 10px;
font-size: 32px;
margin-bottom: 10px;
margin-right: 0; }
.outer-content .team-content .team-profile .profile h2, .outer-content .team-content .team-profile .profile p {
margin-right: 0; }
.outer-content .team-content .team-profile .full-width-layout .profile {
width: 100%;
min-width: auto; }
.outer-content .team-content .team-profile .full-width-layout .profile-image {
width: 100%;
min-width: auto; }
.outer-content .team-content .team-profile.wrap .content-blocks {
order: 3; }
.outer-content .team-content .team-profile.wrap .profile-image {
width: 100%; }
.outer-content .team-content .team-profile.wrap .row {
margin-top: 20px;
flex-wrap: wrap; }
.outer-content .team-content .team-profile.wrap .row:nth-child(2n) .profile-image {
order: 1; }
.outer-content .team-content .team-profile.wrap .row:nth-child(2n) .profile.content {
order: 2; }
.outer-content .team-content .team-profile.wrap .row:nth-child(2n-1) .profile-image {
width: 100%; }
.outer-content .team-content .team-profile.wrap .row:nth-child(2n-1) .profile.content {
width: 100%; }
.outer-content .team-content .team-profile.wrap .row .profile.content {
padding: 0;
width: 100%; }
.outer-content .team-content .team-profile.wrap .row .profile-image {
width: 100%; }
.team-widget {
border-bottom: 2px solid #ffffff; } }
@media only screen and (max-width: 480px), screen and (max-device-width: 480px) {
.outer-content .team-content .team-profile {
flex-wrap: wrap;
margin-left: 28px;
margin-right: 78px; }
.outer-content .team-content .team-profile .profile-image {
order: 1;
width: 100%; }
.outer-content .team-content .team-profile .profile {
order: 2;
width: 100%;
margin-top: 20px;
padding-bottom: 0; }
.outer-content .team-content .team-profile .profile h1 {
margin-top: 10px;
font-size: 32px;
margin-bottom: 10px;
margin-right: 0; }
.outer-content .team-content .team-profile .profile h2, .outer-content .team-content .team-profile .profile p {
margin-right: 0; }
.outer-content .team-content .team-profile .full-width-layout .profile {
width: 100%;
min-width: auto; }
.outer-content .team-content .team-profile .full-width-layout .profile-image {
width: 100%;
min-width: auto; }
.outer-content .team-content .team-profile.wrap .content-blocks {
order: 3; }
.outer-content .team-content .team-profile.wrap .profile-image {
width: 100%; }
.outer-content .team-content .team-profile.wrap .row {
margin-top: 20px;
flex-wrap: wrap; }
.outer-content .team-content .team-profile.wrap .row:nth-child(2n) .profile-image {
order: 1; }
.outer-content .team-content .team-profile.wrap .row:nth-child(2n) .profile.content {
order: 2; }
.outer-content .team-content .team-profile.wrap .row:nth-child(2n-1) .profile-image {
width: 100%; }
.outer-content .team-content .team-profile.wrap .row:nth-child(2n-1) .profile.content {
width: 100%; }
.outer-content .team-content .team-profile.wrap .row .profile.content {
padding: 0;
width: 100%; }
.outer-content .team-content .team-profile.wrap .row .profile-image {
width: 100%; }
.team-widget {
border-bottom: 2px solid #ffffff; } }
#catapult-cookie-bar {
background-color: #88ced6;
color: #ffffff;
font-size: 13px;
padding-left: 56px;
line-height: 40px; }
#catapult-cookie-bar .ctcc-more-info-link {
float: right;
width: 156px;
background: #41868a;
text-align: center;
text-transform: uppercase;
font-weight: normal; }
#catapult-cookie-bar .ctcc-more-info-link:hover {
background: #ffffff;
color: #41868a; }
#catapult-cookie-bar .ctcc-right-side {
float: right; }
#catapult-cookie-bar .ctcc-right-side button {
height: 40px;
width: 156px;
background: #f0b13c;
font-size: 16px;
color: #ffffff;
font-weight: normal;
cursor: pointer;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease; }
#catapult-cookie-bar .ctcc-right-side button:hover {
color: #f0b13c;
background: #ffffff; }
.outer-content .content .content-block.vehicle-top-wrap {
display: -webkit-flex; 
-webkit-flex-direction: row-reverse;
display: flex;
flex-direction: row-reverse;
margin-bottom: 12px;
}
.outer-content .content .content-block .content-left.vehicle-content-left {
width: 56.6%;  
}
.outer-content .content .content-block .content-right.vehicle-content-right {
margin-right: 156px;
background-repeat: no-repeat;
background-size: 100%;
background-position: center bottom;
padding-bottom: 23%;
width: 55.7%;
margin-top: -144px;
}
@media only screen and (min-width: 768px) and (max-width: 1040px) {
.outer-content .content .content-block .content-left.vehicle-content-left {
width: 56.6%;  
padding-right: 30px;
}
.outer-content .content .content-block .content-left.vehicle-content-left p {
margin-right: 0px;   
}
.outer-content .content .content-block .content-right.vehicle-content-right {
width: 27.6%;   
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.outer-content .content .content-block.vehicle-top-wrap {
display: block; 
margin-bottom: 12px;
}
.outer-content .content .content-block .content-left.vehicle-content-left {
width: 100%;  
}
.outer-content .content .content-block .content-right.vehicle-content-right {
padding-bottom: 50%;
width: calc(100% - 30px - 100px - 30px);
margin-top: -25px;
margin-bottom: 20px;
margin-left: 30px;
}
}
@media only screen and (max-width: 480px), screen and (max-device-width: 480px){
.outer-content .content .content-block.vehicle-top-wrap {
display: block; 
margin-bottom: 12px;
}
.outer-content .content .content-block .content-left.vehicle-content-left {
width: 100%;  
}
.outer-content .content .content-block .content-right.vehicle-content-right {
padding-bottom: 50%;
width: calc(100% - 30px - 50px - 30px);
margin-top: 0px;
margin-bottom: 20px;
margin-left: 30px;
padding-right: 0px;
margin-right: 0px;
float: none;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.mobile {
display: block; }
.desktop {
display: none; } }
@media only screen and (max-width: 480px), screen and (max-device-width: 480px) {
.mobile {
display: block; }
.desktop {
display: none; } }
.grecaptcha-badge {
bottom: 100px!important;
}.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//compello.uk.com/wp-content/themes/compello/js/fancybox/source/fancybox_sprite.png);
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(//compello.uk.com/wp-content/themes/compello/js/fancybox/source/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(//compello.uk.com/wp-content/themes/compello/js/fancybox/source/blank.gif); -webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
} .fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(//compello.uk.com/wp-content/themes/compello/js/fancybox/source/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
} .fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
} @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//compello.uk.com/wp-content/themes/compello/js/fancybox/source/fancybox_sprite@2x.png);
background-size: 44px 152px; }
#fancybox-loading div {
background-image: url(//compello.uk.com/wp-content/themes/compello/js/fancybox/source/fancybox_loading@2x.gif);
background-size: 24px 24px; }
}