/*phone + signal section*/
.phone-container {
position: relative;
height: 700px;
}
img.phone-image {
width: 50%;
position: absolute;
top: 25%;
}
.signal {
width: 8%;
background-color: #EBEBEB;
position: absolute;
bottom: -16%;
}
.signal.sig1 {
height: 100px;
right: 40%;
}
.signal.sig2 {
height: 250px;
right: 28%;
}
.signal.sig3 {
height: 400px;
right: 15%;
}
@media screen and (max-width: 1199px) {
.top-content {
margin-left: 10px!important;
}
.signal {
transform: none!important;
bottom: 15%!important;
}
img.phone-image {
transform: none!important;
bottom: 0!important;
top: unset!important;
}
.phone-container {
width: 75%;
margin: auto;
height: 500px;
}
}
@media screen and (max-width: 750px ){
.phone-container {
height: 355px!important;
}
.signal.sig2 {
height: 195px;
}
.signal.sig3 {
height: 283px;
}
}
@media (min-width: 1199px) and (max-width: 1510px) {
.top-content {
margin-left: 85px!important;
}
}
@media (min-width: 1199px ) and (max-width:1650px ) {
img.phone-image {
top: 46%!important;
left: 5%;
}
}
@media screen and (max-width: 650px) {
img.phone-image {
width: 67%!important;
left: -12%!important;
}
}
/* */
/*general*/
.rb-button {
width: 137px!important;
}
@media screen and (max-width: 1199px) {
.grey-row {
flex-direction: column-reverse;
display: flex;
}
}
header.otb-header {
border-bottom: none!important;
}
span.ts-cs {
color: #4c4c4c;
}
i.head-mail.far.fa-envelope {
position: absolute;
right: -16%;
top: 37px;
background-color: #759937;
padding: 5px 12px;
border-radius: 12%;
box-shadow: 0px 4px 6px 0px #d8d8d8;
color: #fff;
font-size: 30px;
}
.rb-nav.rb-mob-nav {
position: relative;
}
#wwd .rb-button {
padding: 20px 50px;
margin: 10px 0;
text-align: center;
border-radius: 0px;
width: fit-content;
transition: 200ms;
display: block;
}
.better-line {
width: 188px;
height: 7px;
background-color: #8FB153;
margin-top: 44px;
margin-left: 345px;
}
.better-line-2 {
width: 188px;
margin-left: auto;
height: 7px;
background-color: #8FB153;
margin-top: 44px;
margin-right: 280px;
}
.better-line-3 {
width: 188px;
margin-left: auto;
height: 7px;
background-color: #8FB153;
margin-top: 44px;
margin-right: 190px;
}
.better-line-4 {
width: 498px;
margin-left: auto;
height: 7px;
background-color: #8FB153;
margin-top: 24px;
margin-right: 30px;
}
.top-content {
margin-top: 110px;
margin-left: 300px;
}
button.vc_general {
width: 130px;
background-color: #769936!important;
color: #444444!important;
}
.rb-button {
width: 100px;
height: 26px;
letter-spacing: 2px;
line-height: 27px;
}
@media screen and (min-width: 1200px) {
.bottom-content {
margin-right: 190px;
}
}
.rb-logo-image {
padding-top: 5px;
}
/*logo slider*/
/* .tp-leftarrow.tparrows.hesperiden.noSwipe,
.tp-rightarrow.tparrows.hesperiden.noSwipe {
position: absolute!important;
background-color: #8fb153;
color: #fff;
}
.tp-leftarrow.tparrows.hesperiden.noSwipe {
left: 33%!important;
}
.tp-rightarrow.tparrows.hesperiden.noSwipe {
left: 67%!important;
}
.tp-bgimg.defaultimg {
filter: blur(4px);
background-size: 80%!important;
transition: 300ms 0ms;
}
li.tp-revslider-slidesli.active-revslide .tp-bgimg.defaultimg {
filter: blur(0)!important;
background-size: 100%!important;
transition: 300ms 500ms;
} */
/* Grey Row */
img.headphones {
position: relative;
top: 150px;
display: block;
margin-left: auto;
margin-right: auto;
width: 65%;
}
/* .grey-row {
overflow: visible!important;
padding-top: 100px;
}
.grey-row:before {
content: '';
display: block;
position: absolute;
top: -370px;
left: 0;
height: 390px;
width: 100%;
background-color: #f6f6f6;
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
clip-path: polygon(0 0, 0% 100%, 100% 100%);
} */
header .container {
max-width: 1700px!important;
}
/* */
.home-blocks-container {
max-width: 80%;
margin: 0 auto;
}
.home-blocks-container:after {
content: '';
display: block;
clear: both;
}
.home-block {
background-image: url( '/wp-content/uploads/2018/02/lhhc-slide-2.jpg' );
box-sizing: border-box;
background-position: center center;
background-size: cover;
height: 500px;
transition: 300ms;
text-align: center;
position: relative;
margin-bottom: 20px;
overflow: hidden;
}
.home-block .content {
width: 100%;
height: 100%;
background: linear-gradient( to top, #8fb153, rgba(143, 177, 83, .6) );
position: absolute;
top: 75%;
box-sizing: border-box;
transition: 300ms;
}
.home-block.services .content,
.home-block.services:hover .content {
background: linear-gradient( to top, #2e58a6, rgba(46, 88, 166, 0.6) );
}
.home-blocks-container a .home-block.services .rb-button {
color: #2e58a6!important;
}
.home-blocks-container .home-block.services .content:after:nth-last-of-type(3n-1) {
background: #2e58a6;
}
.home-block:hover .content {
background: linear-gradient( to top, rgba(143, 177, 83, 1), rgba(143, 177, 83, .6) );
}
.home-block .content:after {
content: '';
display: block;
width: 100%;
height: 25%;
position: absolute;
top: 0;
transition: 200ms;
z-index: 0;
}
.home-block:hover .content:after {
transition-delay: 50ms;
opacity: 0;
}
.home-block .content .center-box {
width: 100%;
position: relative;
top: 28%;
transform: translateY( -50% );
transition: 300ms;
z-index: 1;
}
.home-block:hover .content .center-box {
top: 50%;
}
.home-block .content h2 {
color: #fff;
font-size: 36px;
font-weight: 100;
line-height: 38px;
}
.home-block .content h2:after {
content: '';
display: block;
width: 0px;
height: 1px;
background-color: #fff;
position: relative;
left: 50%;
top: 5px;
transform: translateX( -50% );
margin-bottom: 30px;
margin-top: 10px;
transition: 300ms;
}
.home-block:hover .content h2:after {
width: 100px;
}
.home-block:hover .content {
top: 0;
}
.home-block .content p {
color: #fff;
width: 85%;
margin: 0 auto;
}
.home-block .rb-button {
background-color: #fff;
color: #8fb153;
padding: 10px 15px;
text-align: center;
display: inline-block;
border: 1px solid rgba( 255, 255, 255, .2 );
margin-top: 30px;
transition: 300ms;
border-radius: 5px;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
}
.home-block .rb-button:hover {
background-color: rgba( 255, 255, 255, 0.8 );
}
@media screen and ( min-width: 1000px ) {
.home-block {
width: 49.5%;
float: left;
margin-right: 1%;
}
.home-blocks-container .home-block:nth-of-type( 2n ) {
margin-right: 0;
}
}
@media screen and ( max-width: 999px ) {
.home-block {
margin-bottom: 20px;
}
.home-blocks-container a:nth-of-type( 3n ) .home-block {
margin-bottom: 20px;
}
.home-block .content {
top: 0;
}
.home-block .content h2 {
margin-bottom: 0px;
font-size: 26px;
}
.home-block .content h2:after {
margin-bottom: 15px;
margin-top: 5px;
}
.home-block .content:after {
opacity: 0;
}
.home-block .content .center-box {
top: 50%;
}
}
@media screen and (max-width: 1199px) {
.rb-button {
margin: auto!important;
margin-top: 40px!important;
margin-bottom: 40px!important;
}
.rb-about p, .rb-about h2 {
text-align: center!important;
}
.better-line-3,
.better-line,
.better-line-2 {
margin: auto;
margin-top: 50px;
}
.top-content {
margin: auto!important;
margin-top: 40px!important;
}
.vc_column_container>.vc_column-inner {
padding-left: 0px!important;
padding-right: 0px!important;
}
.rb-about {
padding-right: 5px;
}
}
@media screen and (max-width: 705px ) {
.header-text {
padding-left: unset!important;
}
.header-text h2 {
padding-left: unset!important;
text-align: center!important;
}
}
@media screen and (max-width: 605px) {
.header-text h2 {
font-size: 45px!important;
line-height: 52px!important
}
}
@media screen and (max-width: 645px ) {
.rb-logo-image {
width: 80%!important;
height: auto!important;
}
.rb-logo-image img {
height: auto!important;
}
}
@media screen and (max-width: 1250px ) {
.tp-rightarrow.tparrows.hesperiden.noSwipe {
display: none;
}
.tp-leftarrow.tparrows.hesperiden.noSwipe {
displaY: none;
}
}
@media screen and (min-width: 1200px) {
.market-content {
margin-right: 310px;
}
}
@media screen and (max-width: 1199px) {
.vc_row.wpb_row.vc_row-fluid.market-row {
display: flex!important;
flex-direction: column-reverse!important;
}
}
@media screen and (max-width: 1199px) {
img.vc_single_image-img.attachment-large {
width: 75%;
}
}
span.text-shadow {
line-height: 68px;
border-width: 0px;
margin: 0px; padding: 0px;
letter-spacing: 0px; font-weight: 700;
font-size: 40px;
color: #fff;
}
.img-top-bit {
background-size: cover;
}
@media screen and (max-width: 1024px) {
header.otb-header .rb-nav .rb-primary-menu .menu-item a .rb-menu-button {
color: #444!important;
font-weight: bold;
}
}
img.vc_single_image-img.attachment-large {
width: 75%!important;
}