@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css); html {
font-size: 16px;
line-height: 1.428;
}
@media only screen and (max-width: 1920px) {
html {
font-size: 19px;
}
h1{ font-size: 3rem !important;
font-family: 'Nunito Sans', sans-serif;
line-height: 1.5;
}
h2 {
font-size: 2rem !important;
font-family: 'Nunito Sans', sans-serif;
line-height: 1.5;
}
h3{
font-size:  1.895rem !important;
font-family: 'Nunito Sans', sans-serif;
line-height: 1.5;
}
.sec-home-slider h2{ font-size: 3.263rem !important;
}
.content-area .vc_row ul li {
font-size: 1.105rem !important;
}
.case-study-post-content h3 {
font-size: 1.684rem !important;
}
.services-block-wrapper h2 {
font-size: 1.684rem !important;
}
#row-about-dark-bg h2,
#row-about-community h2,
h2.about-grid-block-heading {
font-size: 2.632rem !important;
}
.about-grid-block-content p {
font-size: 1.105rem !important;
}
footer.site-footer h3 {
font-size: 2.375rem !important;
}
}
@media only screen and (max-width: 1600px) {
html {
font-size: 16px;
}
h1,h2{ font-size: 2.938rem !important;
}
h3{
font-size: 1.875rem !important
}
.sec-home-slider h2{ font-size: 3.25rem !important;
}
.content-area .vc_row ul li {
font-size: 1.063rem !important;
}
.case-study-post-content h3 {
font-size: 1.625rem !important;
}
.services-block-wrapper h2 {
font-size: 1.625rem !important;
}
#row-about-dark-bg h2,
#row-about-community h2,
h2.about-grid-block-heading {
font-size: 2.563rem !important;
}
.about-grid-block-content p {
font-size: 1.063rem !important;
}
footer.site-footer h3 {
font-size: 2.375rem !important;
}
}
@media only screen and (min-width: 1920px) {
html {
font-size: 19px;
}
h1,h2{ font-size: 3rem !important;
}
h3{
font-size:  1.895rem !important
}
.content-area .vc_row ul li {
font-size: 1.105rem !important;
}
.case-study-post-content h3 {
font-size: 1.684rem !important;
}
.services-block-wrapper h2 {
font-size: 1.684rem !important;
}
#row-about-dark-bg h2,
#row-about-community h2,
h2.about-grid-block-heading {
font-size: 2.632rem !important;
}
.about-grid-block-content p {
font-size: 1.105rem !important;
}
footer.site-footer h3 {
font-size: 2.375rem !important;
}
}
@media only screen and (max-width: 1000px) {
html {
font-size: 14px;
}
}
html a {
line-height: 1.2;
letter-spacing: 1.4;
}
#wpadminbar {
position: fixed;
}
.hidden_animated {
opacity: 0;
}
.animated {
opacity: 1 !important;
}
img.alignright {
float: right;
margin: 0 0 1em 1em;
}
img.alignleft {
float: left;
margin: 0 1em 1em 0;
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
html header {
position: absolute;
top: 0;
width: 100%;
z-index: 999;
transition: 0.5s;
flex-wrap: wrap;
}
html header .header-bottom {
display: flex;
width: 100%;
align-items: center;
height: 7.7rem;
margin: 0 auto;
max-width: 71rem;
justify-content: space-between;
transition: 0.5s;
}
@media only screen and (max-width: 1000px) {
html header .header-bottom {
height: 5rem;
padding: 0 5%;
justify-content: space-between;
}
}
html header .header-bottom .header-left {
transition: 0.5s;
width: 25%;
display: flex;
justify-content: center;
align-items: center;
}
@media only screen and (max-width: 1000px) {
html header .header-bottom .header-left {
width: 9rem;
}
}
html header .header-bottom .header-right {
width: 80%;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
}
@media only screen and (max-width: 1000px) {
html header .header-bottom .header-right {
display: none;
}
}
html header .header-bottom .header-right .menu-menu-1-container {
width: 100%;
text-align: right;
}
html header .header-bottom .header-right .menu-menu-1-container #menu-menu-1 {
padding: 0;
width: 100%;
margin: 0;
}
html header .header-bottom .header-right .menu-menu-1-container #menu-menu-1 li {
display: inline-block;
font-size: 1rem;
padding-right: 3rem;
letter-spacing: 0.02rem;
text-transform: lowercase;
font-weight: 400;
}
html header .header-bottom .header-right .menu-menu-1-container #menu-menu-1 li a {
color: greyColor;
}
html header .header-bottom .header-right .menu-menu-1-container #menu-menu-1 .current-menu-item a {
color: #113766;
}
html header .header-bottom .header-right .menu-menu-1-container #menu-menu-1 .sub-menu {
display: none;
position: absolute;
background-color: rgba(255,255,255,0.3);
padding: 0.3rem 0.8rem;
}
html header .header-bottom .header-right .menu-menu-1-container #menu-menu-1 .sub-menu li {
display: block;
padding-right: 0;
text-align: left;
line-height: 2rem;
}
html header .header-bottom .header-right .menu-menu-1-container #menu-menu-1 :hover .sub-menu {
display: block;
}
html header .header-bottom .header-right .menu-menu-1-container #menu-menu-1 li:last-child {
padding-right: 0;
}
@media only screen and (max-width: 1000px) {
html header {
justify-content: space-between;
}
}
html header .mobile-button,
html header .mobile-button:hover,
html header .mobile-button:active,
html header .mobile-button:focus {
display: none;
border-radius: 0;
border: none;
background-color: transparent;
color: #fff;
}
@media only screen and (max-width: 1000px) {
html header .mobile-button,
html header .mobile-button:hover,
html header .mobile-button:active,
html header .mobile-button:focus {
display: inline-block;
}
}
@media only screen and (min-width: 1000px) {
html header.active {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
background: #282828ed;
position: fixed;
}
html header.active .logo-wrapper {
padding: 15px 0 15px 15%;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
html header.active .logo-wrapper img.logo {
max-width: 75px;
width: 100%;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
html header.active .cta ul {
font-size: 20px;
}
html header.active .btn-menu {
font-size: 16px;
margin-top: 18px;
}
html header.active .header-top-right {
padding-top: 10px;
}
html header.active .header-left {
width: 6rem;
transition: 0.5s;
}
html header.active .header-right {
width: 82%;
}
}
html header.active .header-bottom {
height: 60px;
transition: 0.5s;
padding-bottom: 0;
}
html #mobileMenu .well {
margin: 0;
border-radius: 0;
}
html #mobileMenu #menu-menu-2 {
padding: 0;
margin: 0;
list-style: none;
}
html #mobileMenu #menu-menu-2 li {
text-align: center;
font-size: 1.5rem;
line-height: 2rem;
margin-bottom: 0.5rem;
padding-bottom: 0.5rem;
}
html #mobileMenu #menu-menu-2 li a {
color: #113766;
}
html #mobileMenu #menu-menu-2 li .sub-menu {
padding: 0;
font-size: 1.5rem;
line-hegith: 2rem;
margin-top: 0.5rem;
padding-top: 0.5rem;
list-style: none;
}
html #mobileMenu #menu-menu-2 li:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
html #mobileMenu #menu-menu-2 .menu-item-has-children {
margin-bottom: 0;
padding-bottom: 0;
}
html #mobileMenu .mod-links {
text-align: center;
padding-top: 0.5rem;
}
html #mobileMenu .mod-links i {
color: #113766;
font-size: 2rem;
padding: 0 1rem;
}
.container {
width: 75%;
}
.bar1,
.bar2,
.bar3 {
width: 35px;
height: 5px;
background-color: #333;
margin: 6px 0;
transition: 0.4s;
}
.change .bar1 {
-webkit-transform: rotate(-45deg) translate(-9px, 6px);
transform: rotate(-45deg) translate(-9px, 6px);
}
.change .bar2 {
opacity: 0;
}
.change .bar3 {
-webkit-transform: rotate(45deg) translate(-8px, -8px);
transform: rotate(45deg) translate(-8px, -8px);
}
.child_header {
background: url(http://jlbdev1.net/fiveiron/public_html/wp-content/uploads/2017/02/HERO-BACK.jpg) no-repeat center center;
background-size: cover;
width: 100%;
min-height: 350px;
padding: 2rem;
background-attachment: fixed;
}
.child_header h1 {
margin: 0;
color: #fff;
margin-top: 5%;
font-size: 3rem;
max-width: 1000px;
}
.blog #content {
margin: 2rem 6rem;
}
@media only screen and (max-width: 1400px) {
.blog #content {
margin: 2rem;
}
}
@media only screen and (max-width: 768px) {
.blog #content {
margin: 2rem 0;
}
}
@media only screen and (max-width: 768px) {
.blog #content .no-padding {
padding: 0;
}
}
@media only screen and (max-width: 768px) {
.blog #content {
margin: 2rem 1rem;
}
}
.blog #content .single-post-margin {
margin-bottom: 15px;
}
.blog #content .single-post {
color: #fff;
height: 100%;
width: 100%;
overflow: hidden;
}
@media only screen and (max-width: 768px) {
.blog #content .single-post {
max-width: 500px;
padding: 1rem 0;
margin: 0 auto;
}
}
.blog #content .single-post .post-thumbnail-bg {
height: 100%;
width: 100%;
position: relative;
min-height: 250px;
transition: 1s;
overflow: none;
}
.blog #content .single-post .post-thumbnail-bg:hover {
transform: scale(1.02);
}
.blog #content .single-post .post-thumbnail-bg .single-post-overlay {
position: absolute;
background: rgba(0,0,0,0.4);
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.blog #content .single-post .post-thumbnail-bg .top-section-blog-post {
z-index: 2;
margin-top: 15px;
padding: 0.5rem 0.75rem;
background: #ffa500;
display: inline;
position: absolute;
top: 0;
left: 0;
text-transform: uppercase;
}
.blog #content .single-post .post-thumbnail-bg .bottom-section-blog-post {
padding: 2rem 1rem;
z-index: 2;
position: absolute;
bottom: 0;
left: 0;
color: #fff;
width: 100%;
}
.blog #content .single-post .post-thumbnail-bg .bottom-section-blog-post .blog-archive-date {
font-size: 1.25rem;
letter-spacing: 2px;
text-decoration: underline;
-moz-text-decoration-color: #ffa500; -webkit-text-decoration-color: #ffa500; text-decoration-color: #ffa500;
}
.blog #content .popular-container {
margin: 2rem 0;
}
.blog #content .popular-container .col-title {
text-transform: uppercase;
border-bottom: 2px solid #ffa500;
margin-bottom: 2rem;
}
.blog #content .popular-container .col-title h3 {
background: #ffa500;
padding: 0.5rem 1rem;
color: #fff;
display: inline-block;
margin: 0;
font-size: 1.1rem;
letter-spacing: 2px;
}
.blog #content .popular-container .highlight-news .single-highlight {
margin-bottom: 2rem;
}
@media only screen and (max-width: 768px) {
.blog #content .popular-container .highlight-news .single-highlight {
text-align: center;
}
}
.blog #content .popular-container .highlight-news .single-highlight .highlight-feature-img {
margin: 0 auto;
width: 100%;
}
.blog #content .popular-container .highlight-news a {
color: #808080;
}
.blog #content .popular-container .highlight-news .blog-highlight-title {
margin-top: 1rem;
}
.blog #content .popular-container .highlight-news .btn.btn-default {
background-color: #ffa500;
color: #fff;
border-radius: 0;
font-family: sans-serif;
letter-spacing: 2px;
}
.blog #content .popular-container .highlight-news .btn.btn-default:hover {
cursor: pointer;
}
.blog #content .popular-container .highlight-news .single-highlight-reg {
text-align: center;
}
@media only screen and (min-width: 768px) {
.blog #content .popular-container .highlight-news .single-highlight-reg {
margin-bottom: 0;
}
}
.blog #content .popular-container .highlight-news .single-highlight-reg .highlight-img {
height: 200px;
width: auto;
display: block;
margin: 1rem auto;
}
@media only screen and (max-width: 768px) {
.blog #content .popular-container .highlight-news .single-highlight-reg .highlight-img {
max-width: 100%;
width: 100%;
height: auto;
}
}
.blog #content .popular-container .popular-news .single-pop {
display: block;
margin: 1rem 0;
}
.blog #content .popular-container .popular-news .single-pop .popular-img {
margin: 0 auto;
height: auto;
width: 100%;
padding: 0.25rem;
}
.blog #content .popular-container .popular-news .single-pop .single-pop-title {
margin: 0;
color: #808080;
font-size: 0.9rem;
}
.blog #content .popular-container .popular-news .single-pop .popular-cat-date {
font-size: 0.85rem;
}
.blog #content .popular-container .popular-news .single-pop .popular-cat-date span {
color: #ffa500;
} body {
font-family: 'Avenir-Book';
color: #282828;
}
.clear {
clear: both;
width: 0;
height: 0;
position: relative;
margin: 0;
padding: 0;
}
.text-white {
color: #ffffff !important;
}
.text-orange {
color: #ff7125 !important;
}
.text-grey {
color: #333 !important;
}
.hide {
display: none !important;
}
a:hover {
text-decoration: none;
}
h1,h2,h3,h4,h5,h6 {
font-family: 'Avenir-Book' !important;
}
p {
font-family: 'Avenir-Book';
}
.rev_slider .tp-mask-wrap .tp-caption  {
font-size: 45px !important;
} .logo-wrapper {
padding: 50px 0 15px 15%;
display: block;
font-size: 24px;
font-weight: 700;
letter-spacing: 0.5px;
line-height: 26px;
color: #fff;
white-space: nowrap;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.logo-wrapper img.logo {
max-width: 128px;
width: 80%;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.header-right {
margin: 0 0 3px;
width: 95%;
height: 40px;
}
.slider-home-wrapper .slick-prev, 
.slider-home-wrapper .slick-next {
display: none !important;
}
.header-top-right {
padding-top: 3.5em;
padding-right: 7%;
}
.cta {
position: relative;
float: right;
margin-right: 24px;
margin-top: -3px;
}
.cta ul {
list-style: none;
font-size: 24px;
color: #fff;
}
.cta ul li {
display: inline-block;
padding: 0 0.2em;
font-weight: 400;
top: -9px;
position: relative;
}
.cta ul li a{
color: #fff;
}
.cta ul li:first-child{
left: 9px;
}
.cta ul li:last-child::before {
content: "|";
position: relative;
display: inline-block;
padding-right: 0.3em;
font-size: 54px;
top: 12px;
left: 5px;
}
i.fa.fa-instagram, 
i.fa.fa-chrome, 
i.fa.fa-whatsapp,
i.fa.fa-google-plus {
position: relative;
} .wrap {
position: absolute;
overflow: hidden;
top: 0;
right: 0;
bottom: 85px;
left: 0;
padding: 20px 50px;
display: block;
border-radius: 0px;
transform: translateY(-120%);
transition: all 0.3s;
visibility: hidden;
min-height: 345px;
width: 100%;
background: #fff;
}
.wrap .content {
opacity: 0;
}
.wrap:before {
position: absolute;
width: 1px;
height: 1px;
background: transparent;
content: "";
bottom: 10px;
left: 50%;
top: 95%;
color: #fff;
border-radius: 50%;
-webkit-transition: all 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.wrap.active {
display: block;
visibility: visible;
box-shadow: 2px 3px 16px silver;
transition: all .3s linear;
transform: translateY(0px);
}
.wrap.active:before {
height: 2000px;
width: 2000px;
border-radius: 50%;
top: 50%;
left: 50%;
margin-left: -1000px;
margin-top: -1000px;
display: block;
-webkit-transition: all 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.wrap.active .content {
position: relative;
z-index: 1;
opacity: 1;
transition: all 700ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.btn-menu {
float: right;
padding: 0.3em 0.8em;
font-size: 20px;
color: #fff;
border: 3px solid #fff;
margin-top: 0.8em;
margin-left: 10px;
cursor: pointer;
letter-spacing: 3px;
}
.btn-menu:hover {
color: #333;
}
.hvr-bounce-to-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.main-nav-wrapper {
position: absolute;
top: 0;
left: 0;
z-index: 9;
width: 100%;
height: 100%;
padding: 0;
overflow: hidden;
display: block;
}
.hr-nav {
border-top: 2px solid #eee;
position: absolute;
left: 0;
right: 0;
top: 51px;
}
nav#main-navbar-collapse {
position: relative;
float: left;
width: 58%;
padding-top: 25px;
}
ul#menu-header-nav {
position: relative;
display: block;
text-align: center;
list-style: none;
}
ul#menu-header-nav li{
display: inline-block;
text-align: center;
position: relative;
padding: 0 3em;
font-size: 20px;
font-family: 'Avenir-Book';
font-weight: 400;
font-style: normal;
}
ul#menu-header-nav li a {
color:#333;
font-weight: 700;
}
ul#menu-header-nav li a:hover{
background-color: transparent;
text-decoration: none;
}
.main-nav-wrapper span.caret {
display: none;
}
.dropdown-menu {
display: block;
margin: 47px 0 0;
background-color: transparent;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 0px solid #ccc;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.dropdown-menu>li {
margin-left: -10px;
display: block !important;
min-height: inherit !important;
margin-bottom: 1px;
}
.dropdown-menu>li>a {
padding: 6px 10px;
font-size: 16px;
text-align: left;
}
ul#menu-header-nav li .dropdown-menu>li>a:hover{
color: #ff7225!important;
}
.widget-nav {
position: relative;
width: 17%;
height: auto;
float: left;
}
.widget-nav.widget-contact {
width: 15%;
padding-top: 20px;
}
.widget-nav.widget-ad {
margin-right: 0px;
width: 27%;
z-index: 9;
margin-top: -8px;
}
.ad-wrapper {
margin-top: 8px;
}
.ad-wrapper img{
min-height: 350px;
height: 100%;
}
.widget-nav h5{
font-size: 20px;
color: #333;
text-transform: capitalize;
margin: 0;
padding: 7px 0 3px;
font-weight: 700;
}
a.btn-call {
color: #565656;
font-size: 24px;
margin: 58px 0 15px;
display: block;
font-weight: 700;
}
address {
font-size: 15px;
color: #565656;
font-family: 'Avenir-Book';
padding-right: 25px;
margin-bottom: 15px;
font-weight: 600;
}
ul.links-socialicons {
position: relative;
list-style: none;
display: block;
padding-left: 0;
padding-bottom: 12px;
padding-top: 8px;
}
ul.links-socialicons li {
display: inline-block;
text-align: center;
}
ul.links-socialicons li a{
color: #565656;
border: 1px solid #565656;
border-radius: 50%;
padding: 6px 0 3px 0;
font-size: 14px;
display: block;
width: 26px;
height: 27px;
text-align: center;
}
.ad-wrapper p {
background-color: rgba(255, 255, 255, 0.58);
position: absolute;
bottom: -5px;
padding: 15px 40px 15px 25px;
font-size: 18px;
width:100%;
}
.ad-wrapper p a{
color: #333;
display: block;
font-weight: 600;
}
.ad-wrapper p i.fa.fa-angle-right {
position: absolute;
right: 10px;
top: 10px;
font-size: 32px;
width: 34px;
height: 34px;
display: block;
border: 1px solid #333;
border-radius: 50%;
text-align: center;
}
#btn-menu-close {
width: 28px;
height: 50px;
position: absolute;
left: 50px;
margin: 0;
top: 10px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
-o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
cursor: pointer;
}
#btn-menu-close span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #333;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
-o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
#btn-menu-close span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 26px;
left: 0px;
}
#btn-menu-close span:nth-child(2) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 26px;
left: 0px;
} .home-page-template {
position: relative;
}
section.sec-home-slider {
overflow: hidden !important;
height: 100vh;
}
.home-first-section .jlb-slider-section .vc_col-sm-12 {
float: none;
}
.row-home-slider .vc_column_container > .vc_column-inner {
padding-left: 0;
padding-right: 0;
}
.row-home-slider .vc_column_container .vc_column-inner .wpb_wrapper, .row-home-slider .vc_column_container .vc_single_image-wrapper {
display: block;
}
.sec-home-slider  .row-home-slider, .sec-home-slider  .wpb_column, .sec-home-slider  .vc_column-inner{
height: 100%;
}
.row-home-slider .vc_column_container .vc_single_image-wrapper img {
height: 100%;
width: 100%;
object-fit: cover;
min-height: 100vh;
}
.slider-home-wrapper .slick-slide {
overflow: hidden;
min-height: 860px;
position: relative;
}
.row-home-slider .vc_column_container h2 {
font-size: 52px;
color: #fff;
position: absolute;
bottom: 45px;
left: 0;
right: 0;
margin: auto;
}
#row-home:before {
width: 0;
height: 0;
border-top: 350px solid #f1f1f1;
border-right: 350px solid transparent;
position: absolute;
left: 0;
top: 0;
}
#row-home:after {
width: 0;
height: 0;
border-bottom: 350px solid #f1f1f1; 
border-left: 350px solid transparent;
position: absolute;
right: 0;
bottom: -3px;
z-index: -1;
}
ul.btn-inner-pages-links {
list-style: none;
text-align: center;
display: block;
padding: 0;
margin:0;
}
ul.btn-inner-pages-links  li {
display: inline-block;
padding:0;
margin-right: -6px;
}
ul.btn-inner-pages-links li a{
font-size:19px;
color:#fff;
background-color: #ff7125;
padding: 0.5em 2.9em;
text-transform: uppercase;
letter-spacing: 3px;
}
ul.btn-inner-pages-links li a:after{
border-right: 10px solid #fff;
-webkit-transform: skew(-40deg);
-moz-transform: skew(-40deg);
-o-transform: skew(-40deg);
transform: skew(-40deg);
display: inline-block;
position: relative;
content: " ";
white-space: pre;
left: 40px;
padding:0.8em 0em;
}
ul.btn-inner-pages-links li:last-child a:after{
display: none;
}
.portfolio-home .portfolio-home-wrapper {
height:100% !important;
}
.sec-home-portfolio .wpb_column .vc_column-inner {
padding-left: 0px;
padding-right: 0px;
}
.section-portfolio-heading .wpb_column .vc_column-inner {
padding-left: 1px;
padding-right: 1px;
}
.portfolio-home-wrapper .col-sm-3:nth-child(4n+1){
padding-left: 0px;
}
.portfolio-home-wrapper .col-sm-3:nth-child(4n){
padding-right: 0px;
}
.portfolio-home {
margin-bottom: 30px;
}
.portfolio-home div#portfolio-items {
padding-top: 0;
margin: 0 auto;
}
.portfolio-home .portfolio-items-wrapper .portfolio .project-item .project-image a:hover::before {
background-color: rgba(255, 113, 37, 0.75);
}
.fancyboxElement-content {
padding: 15px 10px 5px;
color: #000;
width: 100%;
margin-left: 0%;
font-size: 20px;
}
#fancybox-title {
top: -10px;
}
.portfolio-hover-img {
position: absolute;
z-index: 9;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
width: 100%;
height: 100%;
}
.portfolio:hover .portfolio-hover-img {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.portfolio-items-wrapper .portfolio .project-item .project-image .portfolio-hover-img img, .project-items-wrapper .project .project-item .project-image .portfolio-hover-img img {
height: auto;
max-width: 350px;
width: 75%;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 0;
bottom: 0;
}       .btn-learnmore-about button{
color: #ff7125 !important;
letter-spacing: 3px;
font-size: 22px !important;
}
#our-work-home {
padding-right: 6%;
}
a.btn-view-portfolio {
border: 3px solid #fff;
padding: 0px;
color: #fff;
font-size: 21px;
letter-spacing: 2.5px;
margin-top: 5px;
display: block;
border-right: 0;
text-align: center;
text-transform: uppercase;
height: 75px;
line-height: 75px;
font-weight: 700;
}
a.btn-view-portfolio:hover,
a.btn-view-portfolio:hover .right-triangle {
background: #ffffff;
color: #282828;
}
a.btn-view-portfolio .right-triangle {
position: absolute;
margin: auto;
top: 16px;
right: -19px;
width: 53px;
height: 53px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
border-right: 3px solid #ffffff;
border-bottom: 3px solid #ffffff;
display: block;
}
.home-partners-carousel .vc_images_carousel.vc_per-view-more .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item>.vc_inner {
display: block;
text-align: center;
}
.carousel-wrapper .slick-slide {
display: block;
outline: none;
border: none;
margin: 0 2.1em;
}
.partners-carousel-wrapper .slick-slide {
margin: auto;
min-height: 70px;
}
.awards-carousel-wrapper .slick-slide {
margin: 0 3em;
display: inline-block;
float: none;
vertical-align: middle;
width: 23% !important;
}
.partners-carousel-wrapper .slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0) !important;
-moz-transform: translate3d(0, 0, 0) !important;
-ms-transform: translate3d(0, 0, 0) !important;
-o-transform: translate3d(0, 0, 0) !important;
transform: translate3d(0, 0, 0) !important;
}
.carousel-wrapper .slick-prev, .slick-next {
background: #f1f1f1 !important;
width: 30px;
height: 30px;
border-radius: 100%;
}
.carousel-wrapper .slick-prev:before, .slick-next:before {
opacity: 1;
color: #000;
}
.body-container .bg-testimonials {
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover;
}
#bg-testimonials .testimonial-wrapper .testimonials {
padding-top: 3em;
}
#bg-testimonials .testimonial-wrapper .testimonials p{
text-align: center;
font-size: 30px;
color: #fff;
margin: 0;
}
#bg-testimonials .testimonial-wrapper .container {
outline: none;
border: none;
padding-bottom: 2em;
width: 100%;
}
#bg-testimonials div#star {
text-align: center;
display: block;
padding-bottom: 2em;
}
#bg-testimonials div#star img {
display: inline-block;
}
.btn-testimonial {
background: none !important;
color: #fff !important;
font-size: 30px !important;
border: 3px solid #fff !important;
text-transform: uppercase;
box-sizing: border-box;
word-wrap: break-word;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
padding: 10px 20px;
margin-top: 20px;
}
.d-block {
display: block !important;
}
.services-imgs-wrapper {
max-width: 1000px;
margin: 0px auto;
width: 70%;
}
.services-imgs-wrapper .slick-list {
padding: 0px !important;
overflow: visible;
}
.services-img-icon  {
margin: 0;
list-style: none;
text-align: center;
}
.services-img-icon {
margin-top: 160px;
display: inline-block;
margin-bottom: 5px;
position: relative;
outline: 0px;
}
.services-img-icon::after {
position: absolute;
content: "";
background: url(//oldjlb.webservice.team/wp-content/themes/jlb/images/icon_plus-sign.png) no-repeat right top;
width: 35px;
height: 30px;
margin-top:-50px;
right: -10px;
}
.services-img-icon:last-child::after {
display: none;
}
.services-img-icon img {
vertical-align: middle;
cursor: pointer;
margin: 0px auto;
}
.services-img-icon .services-icon-content {
position: absolute;
top: -160px;
left: -42px;
z-index: 99999;
background-color: #ff7125;
color: #fff;
width: 150%;
padding: 10px 2px;
font-size: 13px;
min-height: 100px;
display: none;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.services-img-icon:hover .services-icon-content {
display: block;
-webkit-transition: all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.services-img-icon .services-icon-content::after {
width: 0;
height: 0;
content: "";
border-left: 18px solid transparent;
border-right: 18px solid transparent;
border-top: 13px solid #ff7125;
position: absolute;
bottom: -13px;
left: 43%;
}
.services-hover-img {
position: absolute;
opacity: 0;
width: 100%;
}
.services-img-icon:hover .services-hover-img{
opacity: 1 !important;
}
.services-img-icon:hover .services-normal-img{
opacity: 0;
}
.services-img-icon .slick-slide img {
text-align: center;
width: 60px;
margin: 0 auto;
} .default-page-template {
position: relative;
}
section {
position: relative;
}
#row-about:before {
width: 0;
height: 0;
border-top: 400px solid #f1f1f1;
border-left: 350px solid transparent;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
#row-about:after {
width: 0;
height: 0;
border-bottom: 290px solid #f1f1f1; 
border-right: 280px solid transparent;
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
}
.awards-carousel-wrapper {
padding: 21px 0px;
text-align: center;
}
.awards-carousel-wrapper img {
margin: 0px 3em;
display: inline-block;
width: 23%;
}
.awards-carousel-wrapper img:nth-child(2) {
width: 16%;
}
.vc_section.ab-third-container {
background-position: bottom !important;
}
.vc_section.ab-third-container.about-container {
max-height: inherit;
padding-bottom: 20px;
}
.bg-boxes-about {
height: 300px;
position: absolute !important;
background: url(//oldjlb.webservice.team/wp-content/themes/jlb/images/bg-small-boxes-top.jpg) no-repeat center top;
transform: rotateX(180deg);
background-size: cover !important;
}
div#row-about-dark-bg {
margin-top: 90px;
position: relative;
}
.about-content-area {
margin-top: 50px;
margin-bottom: 10px;
position: relative; 
}
#row-about-dark-bg h2 {
margin-top: 26%;
margin-bottom: 0;
}
.btn-learn-services a.btn-view-portfolio {
border: 2px solid #fff;
padding: 0.5em 0em;
color: #fff;
font-size: 16px;
letter-spacing: 2px;
border-right:0;
width: 63%;
float: right;
}
.btn-learn-services a.btn-view-portfolio .right-triangle {
top: auto;
right: 130px;
bottom: 5px;
width: 28px;
height: 28px;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
}
.logos_awards .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item>.vc_inner {
margin: 0 10px;
text-align: center;
}
.logos_awards .slick-track {
text-align: center;
}
.bg-boxes-bottom .wpb_image_grid_ul li:nth-child(3) {
left: 530px;
}
.about-grid-block .vc_figure .vc_single_image-wrapper {
position: relative;
}
.about-grid-block .vc_figure .vc_single_image-wrapper img {
height: 600px;
}
.about-grid-block .vc_figure .vc_single_image-wrapper:before {
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
width: 100%;
height: 100%;
content: " ";
left: 0;
}
.about-grid-block .vc_column-inner {
padding-left: 2px;
padding-right: 2px;
}
h2.about-grid-block-heading {
position: absolute;
top: 45%;
left: 0;
right: 0;
margin: auto;
padding-bottom: 10px !important;
-webkit-transition: all  0.4s linear;
-moz-transition:all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.about-grid-block-content {
display: none;
position: absolute;
-webkit-transition: all  0.4s linear;
-moz-transition:all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.about-grid-block:hover .vc_figure .vc_single_image-wrapper:before {
background-color: rgba(255, 255, 255, 0.5);
}
.about-grid-block:hover .about-grid-block-content {
display: block;
-webkit-transition: all  0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.about-grid-block:hover h2.about-grid-block-heading {
color: #333 !important;
-webkit-transition: all  0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.about-grid-block:hover h2.about-grid-block-heading:after {
border-bottom: 3px solid #eb6b24;
content: '';
width: 40%;
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: 0;
}
.body-container .bg-boxes-bottom {
background-position: bottom !important;
padding-bottom: 60px;
}
.bg-boxes-bottom #row-about-community {
width: 90%;
margin:0px auto;
}
#row-about-community .img-grid {
width: 95%;
margin-left: auto;
margin-right: auto;
}
#row-about-community .img-grid .vc_single_image-wrapper img {
filter: grayscale(1);
width: 90%;
margin: 0px auto;
min-height: 80px;
vertical-align: super;
}
#row-about-community .img-grid .vc_single_image-wrapper:hover img {
filter: grayscale(0);
}
.static-companies-logo .wpb_content_element {
margin-bottom: 0px;
}
.static-companies-logo img {
width: 83%;
}
#row-about-grid {
width: 90% !important;
} .portfolio-page-template .project-header div {
min-height: 596px !important;
position: relative;
}
.portfolio-page-template .project-header div h1 {
bottom: auto;
top: 37%;
background: none;
}
div#portfolio-filter {
position: relative;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto 40px;
padding-top: 3%;
}
ul#filter {
list-style: none;
text-align: center;
display: block;
text-transform: uppercase;
padding-bottom: 1.2em;
padding-left: 0;
border-bottom: 1px solid #cfcfcf;
}
ul#filter li {
position: relative;
display: inline-block;
margin: 0 1em;
font-size: 15px;
font-weight: 600;
text-align: center;
}
ul#filter li:first-child{
margin-left: 0;
}
ul#filter li:last-child{
margin-right: 0;
}
@-moz-document url-prefix() {
ul#filter li  {
margin: 0 1.5em;
}
}
ul#filter li a{
color: #fff;
}
ul#filter li a:hover,
ul#filter li a.current  {
color: #ff7226;
text-decoration: none;
}
div#portfolio-items {
display: block;
background-color: #fff;
border-bottom: 3px solid #fff;
text-align: center;
width: 100% !important;
margin: 0 auto -17px;
padding-top: 2px;
}
.portfolio-items-wrapper .col-sm-3 {
padding: 3px;
margin: 0;
}
.project-item .project-image {
position: relative;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.project-item .project-image a::before{
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
content: "";
width: 100%;
height:100%;
z-index: 9;
cursor: pointer;
-webkit-transition: background-color 0.4s ease-out;
-moz-transition: background-color 0.4s ease-out;
-o-transition: background-color 0.4s ease-out;
transition: background-color 0.4s ease-out;
}
.project-item .project-image a:hover::before{
background-color: rgba(255, 113, 37, 0.75);
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;
}
.lb-outerContainer:before {
position: absolute;
top: -15px;
right: 0px;
content: "x";
font-size: 25px;
color: #ffffff;
cursor: pointer;
z-index: 0;
display: none;
}
.portfolio-items-wrapper .portfolio .project-item .project-image a {
position: relative;
display: block;
text-align: center;
}
.portfolio-items-wrapper .portfolio .project-item .project-image img {
max-width: 100%;
width: 100%;
height:20vw;
}
.portfolio-page-template p { }
div#star {
position: relative;
display: block;
text-align: center;
} div#pagination-wrapper {
position: relative;
right: 0;
bottom: 0;
}
.pagination {
clear:both;
position:relative;
font-size:11px;
line-height:13px;
float:right; 
}
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff; 
background: #555; 
-webkit-transition: background .15s ease-in-out;
-moz-transition: background .15s ease-in-out;
-ms-transition: background .15s ease-in-out;
-o-transition: background .15s ease-in-out;
transition: background .15s ease-in-out;
}
.pagination a:hover{
color:#fff;
background: #ff7125; 
}
.pagination .current{
padding:6px 9px 5px 9px;
background: #000; 
color:#fff;
} .isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
} .isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height;
-moz-transition-property: height;
-ms-transition-property: height;
-o-transition-property: height;
transition-property: height;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
-ms-transition-property:     -ms-transform, opacity;
-o-transition-property:      -o-transform, opacity;
transition-property:         transform, opacity;
} .isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}              #fancybox-title {
width: 70% !important;
margin: auto !important;
text-align: center !important;
margin-left: auto !important;
right: 0 !important;
position: relative;
}
#fancybox-title-over {
background: transparent !important;
color: #999;
} .sec-services{
min-height: 430px;
}
section.services-offered  {
background-size: cover !important;
}
.services-img-hover {
position: relative;
opacity: 0;
left: 0;
margin-top: -106px;
}
.services-block-wrapper:hover .services-img-hover{
opacity: 1;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.services-block-wrapper:hover .services-img-normal{
opacity:0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.services-block-wrapper .wpb_single_image {
margin-bottom: 0px;
}
.btn-orange-large .vc_btn3-block.vc_btn3-size-lg {
background-color: #ff7125;
}
.jlb-serv-case-studies .case_study.col-sm-4{
padding-left: 8px;
padding-right: 8px;
}
.jlb-serv-case-studies .case-study-post-content h3 {
margin-bottom: 20px;
}
.case-study-post-wrapper {
margin-bottom: 20px;
}
.case-study-post-image img{
width: 100%;
max-width: 100%;
height: auto;
}
.case-study-post-content {
position: relative;
width: 100%;
background-color: #f6f6f6;
padding: 15px 10px 5px 10px;
min-height: 300px;
}
.case-study-post-content h3 {
margin-top: 15px;
margin-bottom: 25px;
}
.case-study-post-content  h3{
font-family: 'Avenir-Book';
}
.case-study-post-content ul{
padding-left: 30px;
}
.case-study-post-content ul li{
padding-bottom: 1.2em;
line-height: 1.4;
}
.btn-orange-large button {
color: #FFFFFF;
background-color: #ff7125 !important;
width: 54%;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0 auto;
font-weight: 700;
}
.jlb-service-button .vc_general {
padding-top: 15px !important;
padding-bottom: 15px !important;
margin: 0px auto;
max-width: 600px;
text-transform: uppercase;
font-weight: bold;
}
.btn-link-orange button{
color: #ff7125 !important;
letter-spacing: 1px;
font-size: 22px !important;
}
.logo-company .wpb_wrapper {
display: block;
text-align: center;
position: relative;
padding: 0 10%;
}
.logo-company .wpb_single_image {
position: relative;
display: inline-block;
}
.jlb-services-com-logos {
width: 100%;
} .sec-managed-services #row-about{
min-height: 275px;
}
section.vc_custom_1519018149066 {
background-position: 30% 99%;
padding: 6em 0 5em;
}
.sec-one-bill {
background-repeat: no-repeat !important;
background-position: center bottom !important;
}
.sec-one-bill .wpb_text_column  {
width: 90%;
margin: 0px auto 40px auto;
letter-spacing: 1px;
}
.jlb-managed-second-section {
background-position: bottom !important;
background-size: cover;
} .case-stories-wrapper {
margin-top: -20px;
}
.case-stories-wrapper .case_study {
padding:1em 0 3em;
}
.case-stories-wrapper .case_study h2 { margin-bottom: 30px;
color: #5f5f5f;
letter-spacing: 2px;
}
.case-stories-wrapper .case_study h3 {
margin-top: 0;
font-weight: 700;
}
.case-stories-wrapper .case_study:nth-child(even) {
background-color: #f4f4f4;
}
.case-stories-wrapper .case_study:nth-child(odd) {
background-color: #ffffff;
}
.case-stories-wrapper .case_study:nth-child(even) .story-thumbnail {
float:  right;
}
.case-stories-wrapper .col-sm-6.story-thumbnail {
padding: 0 15px;
}
.case-stories-wrapper .case_study .story-thumbnail img{
width: 100%;
height: auto;
}
.case-stories-wrapper .case_study .story-content ul {
padding-left: 23px;
}
.case-stories-wrapper .case_study .story-content ul li {
padding-bottom: 1.2em;
line-height: 1.3;
} div#project-items {
background: #fff;
margin-bottom: -10px;
width:100% !important;
padding:3px 0px;
}
.project-items-wrapper .col-sm-3 {
padding: 3px;
}
.project-items-wrapper .col-sm-3:nth-child(4n+1) {
padding-left: 0px;
}
.project-items-wrapper .col-sm-3:nth-child(4n) {
padding-right: 0px;
}
.project-items-wrapper .project .project-item .project-image img {
max-width: 100%;
width: 100%;
height: 20vw;
} .project-header div{
min-height: 694px;
position: relative;
}
.project-header div h1{
position: absolute;
white-space: nowrap;
font-size: 48px;
line-height: 48px;
font-weight: 400;
color: #ffffff;
background-color: rgba(255, 113, 37, 0.82);
width: 100%;
height: auto;
padding: 41px 20px;
text-align: center;
margin: 0px;
bottom: 0px;
}
.project-content {
padding-top: 3em;
padding-bottom:5em;
}
.jlb-content-area {
margin-top: 70px;
}
.project-content img {
width: auto;
max-width: 100%;
height: auto;
}
.project-content h2 {
font-size: 2.4rem !important;
padding: 0.8em 0;
color: #ff7125;
}
.project-services-detail {
position: relative;
padding: 3em 0;
}
.project-services-detail h2 {
font-size: 42px;
margin-bottom: 20px;
letter-spacing: 2px;
}
.project-content-bottom-imgs {
padding-top: 20px;
}
.project-content-bottom-imgs img {
min-height: 16vw;
width: 100%;
}
.project-img-rite {
text-align: right;
}
.bg-project-services {
position: relative;
background:url(http://jlbworks.coduplabs.com/wp-content/uploads/2018/02/MANAGED-SERVICES_06.png) no-repeat center top;
background-size: cover;
padding:6em 0;
}
ul.icons-project-services {
position: relative;
display: block;
text-align: center;
list-style: none;
padding: 0;
}
ul.icons-project-services li {
float: left;
width: 25%;
text-align: center;
display: block;
position: relative;
}
ul.icons-project-services li img {
display: block;
width: 150px;
position: relative;
margin: 0 auto;
}
ul.icons-project-services li img.project-hover-icon {
display: none;
}
ul.icons-project-services li:hover img {
display: none;
}
ul.icons-project-services li:hover img.project-hover-icon {
display: block;
}
ul.icons-project-services li h3 {
letter-spacing: 2px;
font-size: 27px;
margin-top: 40px;
} .header-error-page {
position: absolute;
top: 0;
background: url(http://oldjlb.webservice.team/wp-content/uploads/2018/02/banner-services_01.png) no-repeat center top;
background-size: cover;
width: 100%;
padding: 7em 0;
color: #fff;
font-weight: 700;
}
#page_not_found {
padding: 20rem 1rem 2rem;
position: relative;
} .single-post-header {
padding: 10em 0;
color: #fff;
position: absolute;
top: 0;
width: 100%;
}
.single-post-header h1 {
font-weight: 700;
}
.single-post-header:after {
position: absolute;
width:100%;
background: #000;
top: 0;
left:0;
}
.single-post .content-area {
position: relative;
padding-top: 28%;
padding-bottom: 2%;
} footer.site-footer {
background-color: #282828;
text-align: center;
color: #ffffffba;
padding: 6em 0 2em;
margin-top: -2px;
}
.f-logo img {
vertical-align: middle;
padding-bottom: 30px;
width: 40%;
max-width: 200px;
}
footer.site-footer h3 {
color: #ff7226;
font-weight: 400;
margin-top: 7px;
}
.footer-bottom {
font-weight: 400;
color: #fff;
font-size: 14px;
padding-top: 20px;
}
.footer-bottom  p {
margin: 0 0 18px;
}
p.footer-cta-links{
color: #fff;
font-size: 17px;
font-weight: 600;
}
p.footer-cta-links a.link-mail {
color: #ff7125;
}
p.footer-cta-links span{
color: #ff7125;
display: block;
padding-top: 17px;
font-size: 20px;
}
p.text-footer-address {
font-size: 14px;
line-height: 1.3;
}
#post-6275 .case-study-post-wrapper .case-study-post-content div>p {
display: none;
}
.footer-bottom ul.links-socialicons{
padding-bottom: 0;
}
.footer-bottom ul.links-socialicons li a{
width: 34px;
color: #fff;
background: transparent;
font-size: 16px;
height: 33px;
padding: 6px 0 3px 0;
}
.footer-bottom ul.links-socialicons li a:hover,
.footer-bottom ul.links-socialicons li a:focus,
.footer-bottom ul.links-socialicons li a:active {
background: #ff7226;
color: #fff !important;
}
.text-footer-copyright {
color: #fff;
font-size: 11px;
line-height: 18px;
background: none;
border: 1px solid #fff;
display: inline-block;
padding: 15px;
margin: 10px 120px 0;
} @media (min-width: 700px) {
.hero {
height: 60vh;
min-height: 850px;
}
.sub-banner{
height: 50vh;
min-height: 530px;
}
}
@media (min-width: 2000px) {
.container {
width: 1470px;
}
div#portfolio-items {
padding-left: .2%;
}
.section-portfolio-heading .portfolio-items-wrapper .col-sm-3 {
width:24.9%;
}
}
@media (min-width: 2001px) and (max-width: 3000px) {
section.home-first-section {
padding-bottom: 50px !important;
}
.body-container .bg-testimonials {
padding-top: 15em !important;
padding-bottom: 24em !important;
}
nav#main-navbar-collapse {
width: 50%;
}
ul#menu-header-nav li {
font-size: 24px;
}
.widget-nav.widget-contact {
width: 20%;
}
.widget-nav.widget-ad {
width: 30%;
}
#row-about-community .vc_custom_1519732411073 {
padding-top: 0px !important;
padding-bottom: 80px !important;
}
#row-about:after {
border-bottom: 310px solid #f1f1f1;
border-right: 290px solid transparent;
}
#bg-testimonials .testimonial-wrapper .testimonials p {
font-size: 45px !important;
}
a.btn-testimonial {
font-size: 45px !important;
}
#bg-testimonials .testimonial-wrapper .testimonials p {
font-size: 29px;
}
.bg-boxes-bottom .wpb_image_grid_ul li:nth-child(6) {
left: 535px !important;
}
footer.site-footer {
margin-top: -4px;
}
.f-logo img {
width: 11%;
}
#row-about-community .wpb_image_grid .wpb_image_grid_ul {
margin-left: 10%;
}
.static-companies-logo img {
width: 98%;
}
.about-grid-block:hover .about-grid-block-content {
width: 100%;
}
.bg-boxes-bottom #row-about-community {
width: 80%;
}
#row-about-grid {
width: 59% !important;
} #row-about-community .vc_custom_1522757853636 {
padding-right: 7% !important;
}
.vc_custom_1522912590404 {
margin-top: 20px !important;
margin-bottom: 80px !important;
}
.vc_custom_1522912090338 {
margin-top: 15px !important;
margin-bottom: 40px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
}
#row-about-community .img-grid .vc_single_image-wrapper img {
width: 100%;
}
.vc_custom_1522911852763 {
padding-right: 0px !important;
padding-left: 0px !important;
}
.vc_custom_1522912938997 {
margin-top: 0px !important;
margin-bottom: 70px !important;
padding-right: 0px !important;
padding-left: 0px !important;
}
.vc_custom_1522914324440 {
margin-top: 0px !important;
margin-bottom: 50px !important;
padding-right: 0px !important;
padding-left: 0px !important;
}
#row-about-grid h2 {
font-size: 2.7rem !important;
} .logo-wrapper img.logo {
max-width: 138px;   
}
.header-top-right {
padding-right: 9%;
}
.cta ul {
font-size: 26px;
}
.cta ul li {
top: -4px;
letter-spacing: 1px;
}
.btn-menu {
font-size: 26px;
letter-spacing: 4px;
}
} @media (min-width: 1800px) and (max-width: 2000px) {
.sec-services {
padding-bottom: 25em !important;
}
.section-portfolio-heading .portfolio-items-wrapper .col-sm-3 {
width: 24.9%;
}
div#portfolio-items {
padding-left: .2%;
}  section.home-first-section {
padding-bottom: 50px !important;
padding-top: 50px }
#row-home:after {
bottom: -88px;
}
.body-container .bg-testimonials {
padding-bottom: 15em !important;
padding-top: 9em !important;
}
#row-about-community .wpb_image_grid .wpb_image_grid_ul {
margin-left: 8%;
}
#row-about:after {
border-bottom: 340px solid #f1f1f1;
border-right: 340px solid transparent;
}
#row-about-community .wpb_image_grid .wpb_image_grid_ul .isotope-item {
margin: 0 10px 1px;
}
#row-about-community .wpb_image_grid .wpb_image_grid_ul .isotope-item img {
width: 90%;
margin: 0px auto;
}
.bg-boxes-bottom .wpb_image_grid_ul li:nth-child(3) {
left: 530px;
}
#bg-testimonials .testimonial-wrapper .testimonials p {
font-size: 29px;
}
.static-companies-logo img {
width: 95%;
}
#row-about-community {
padding-top: 75px !important;
padding-bottom: 80px !important;
}
#row-about-community .vc_custom_1522757853636 {
padding-right: 7% !important;
}
.vc_custom_1522912590404 {
margin-top: 20px !important;
margin-bottom: 80px !important;
}
.vc_custom_1522912090338 {
margin-top: 15px !important;
margin-bottom: 40px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
}
#row-about-community .img-grid .vc_single_image-wrapper img {
width: 100%;
}
.vc_custom_1522911852763 {
padding-right: 0px !important;
padding-left: 0px !important;
}
.vc_custom_1522912938997 {
margin-top: 0px !important;
margin-bottom: 70px !important;
padding-right: 0px !important;
padding-left: 0px !important;
}
.vc_custom_1522914324440 {
margin-top: 0px !important;
margin-bottom: 50px !important;
padding-right: 0px !important;
padding-left: 0px !important;
}
#row-about-grid h2 {
font-size: 2.5rem !important;
}
.f-logo img {
max-width: 253px;
}
.header-top-right {
padding-right: 9%;
}
.cta ul {
font-size: 26px;
}
.cta ul li {
top: -4px;
letter-spacing: 1px;
}
.btn-menu {
font-size: 25px;
letter-spacing: 4px;
}
} @media (max-width: 1799px){
.home .body-container .bg-testimonials {
padding-bottom: 15em !important;
}
.body-container .bg-testimonials{
padding-bottom: 13em !important;
}
.vc_section.ab-third-container {
max-height: 900px;
}
.case-study-post-content {
min-height: 415px;
}
.section-portfolio-heading .portfolio-items-wrapper .col-sm-3 {
width: 24.9%;
}
div#portfolio-items {
padding-left: .2%;
}
} @media (max-width: 1600px) {
.project-header div {
min-height: 560px !important;
}
.portfolio-page-template .project-header div {
min-height: 498px !important;
}
.project-header div h1 {
padding: 30px 20px !important;
}
.case-study-post-content {
min-height: 305px;
}
} @media (max-width: 1560px) {
.awards-carousel-wrapper img {
margin: 0px 2em;
max-width: 300px;  
width: auto; 
}
.case-study-post-content {
min-height: 310px;
}
.services-img-icon .services-icon-content {
top: -158px;
}
.case-study-post-content h3 {
font-size: 1.4rem !important;
}
a.btn-view-portfolio {
font-size: 20px;
letter-spacing: 1.5px;
}
} @media (max-width: 1450px) {
ul#menu-header-nav li {
padding: 0 2em;
}
ul#filter li {
margin: 0 1em 0.5em;
}
.services-img-icon .services-icon-content {
top: -146px;
}
a.btn-view-portfolio {
letter-spacing: 1px;
}
} @media (max-width: 1399px) {
.case-study-post-content {
min-height: 350px;
}
.services-img-icon .services-icon-content {
top: -141px;
}
a.btn-view-portfolio {
font-size: 18px;
}
} @media (max-width: 1366px) {
.slider-home-wrapper .slick-slide .container h1 {
font-size: 50px;
left: 32%;
}
.carousel-wrapper.partners-carousel-wrapper .slick-slide {
margin: auto;
}
.carousel-wrapper .slick-slide {
margin: 0 2.4em;
}
footer.site-footer {
margin-top: -2px;
}
.awards-carousel-wrapper img {
max-width: 250px;   
}
a.btn-view-portfolio {
letter-spacing: 1px;
font-size: 15px;
}
.case-study-post-content {
min-height: 350px;
}
section.services-offered .services-block-wrapper .wpb_text_column {
padding-right: 20px !important;
padding-left: 20px !important;
}
.jlb-content-area {
margin-top: 0px;
}
.services-img-icon .services-icon-content {
top: -138px;
}
} @media (max-width: 1250px) {
.jlb-serv-case-studies .case_study.col-sm-4 {
min-height: 550px;
}
ul#menu-header-nav li {
padding: 0 2em;
}
#row-home:after {
bottom: 0px;
}
.ad-wrapper p i.fa.fa-angle-right {
right: 5px;
top: 10px;
}
.services-img-icon .services-icon-content {
top: -138px;
}
.case-study-post-content h3 {
font-size: 1.2rem !important;
}
} @media (max-width: 1199px) {
#row-home:before {
border-top: 250px solid #f1f1f1;
border-right: 250px solid transparent;
}
#row-home:after {
border-bottom: 250px solid #f1f1f1; 
border-left: 250px solid transparent;
}
.row-home-slider .vc_column_container h2 {
font-size: 50px !important;
}
h2 {
font-size: 32px !important;
}
ul#menu-header-nav li {
padding: 0 1.5em;
}
ul.links-socialicons li a {
width: 26px;
height: 26px;
font-size: 14px;
}
a.btn-view-portfolio {
font-size: 13px;
padding-left: 0;
}
.portfolio-section h2 {
margin-top: 25px !important;
}
.home-partners-carousel .vc_right {
right: -30px !important;
}
.home-partners-carousel .vc_left {
left: -30px !important;
}
.btn-learn-services a.btn-view-portfolio {
width: 80%;
}
.rev_slider li.tp-revslider-slidesli:after {
padding: 35px 0;
}
.logo-company .wpb_wrapper {
padding: 0 2%;
}
.carousel-wrapper.partners-carousel-wrapper .slick-slide {
margin: auto;
}
.carousel-wrapper .slick-slide {
margin: 0 1em;
}
.logos_awards .container {
width: 90%;
}
.awards-carousel-wrapper img {
max-width: 200px;   
}
.vc_section.ab-third-container {
max-height: inherit;
}
#row-about-community .img-grid .vc_col-sm-4 {
width: 50%;
}
#row-about-community .img-grid .img-grid-last-col {
width: 100%;
}
#row-about-community .img-grid .vc_col-sm-4 .wpb_single_image.vc_align_left {
text-align: center !important;
}
#row-about-community .img-grid .vc_col-sm-4 .vc_custom_1522914324440 {
float: left;
padding-left: 30px !important;
}
#row-about-community .img-grid .vc_col-sm-4 .vc_custom_1522913005432 {
float: right;
}
#row-about-community .img-grid .vc_custom_1522912590404 {
margin-bottom: 45px !important;
}
.body-container .bg-testimonials {
padding-bottom: 8em !important;
}
#bg-testimonials .testimonial-wrapper .testimonials p {
font-size: 26px;
}
.case-study-post-content h3 {
font-size: 1.1rem !important;
}
.case-study-post-content {
min-height: 325px;
}
section.services-offered .services-block-wrapper .wpb_text_column {
padding-right: 25px !important;
padding-left: 25px !important;
}
h2.about-grid-block-heading {
font-size: 2.163rem !important;
}
} @media (min-width: 1024px) {
.services-imgs-wrapper .slick-track {
-webkit-transform: translate3d(0, 0, 0) !important;
-moz-transform: translate3d(0, 0, 0) !important;
-ms-transform: translate3d(0, 0, 0) !important;
-o-transform: translate3d(0, 0, 0) !important;
transform: translate3d(0, 0, 0) !important;
}
}
@media (max-width: 1024px) {
#btn-menu-close {
left: 30px;
}
ul#menu-header-nav li {
padding: 0 1em;
}
.dropdown-menu>li>a {
font-size: 14px;
}
a.btn-call {
font-size: 20px;
}
ul.links-socialicons li a {
width: 23px;
height: 23px;
font-size: 12px;
padding: 4px 0 3px 0;
}
.ad-wrapper p {
padding: 15px 40px 15px 15px;
font-size: 15px;
}
.slider-home-wrapper .slick-slide .container h1 {
left: 27%;
}
#row-about:before {
border-top: 200px solid #f1f1f1;
border-left: 200px solid transparent;
}
#row-about:after {
border-bottom: 200px solid #f1f1f1; 
border-right: 200px solid transparent;
}
.bg-boxes-bottom .wpb_gallery_slides ul.wpb_image_grid_ul {
position: relative;
height: auto !important;
}
.bg-boxes-bottom .wpb_gallery_slides ul.wpb_image_grid_ul li.isotope-item{
position: relative !important;
left: 0px !important;
top: 0px !important;
margin: 0 1px 30px 0;
float: none;
vertical-align: middle;
display: inline-block;
text-align: center;
width: 49%;
}
.bg-boxes-bottom .wpb_image_grid_ul li:nth-child(4), 
.bg-boxes-bottom .wpb_image_grid_ul li:nth-child(5), 
.bg-boxes-bottom .wpb_image_grid_ul li:nth-child(6) {
top: 0px !important;
}
.bg-boxes-bottom .wpb_gallery_slides ul.wpb_image_grid_ul li.isotope-item img {
margin: 0px auto;
}
.services-imgs-wrapper {
width:100%;
}
.services-img-icon img {
margin: 0px 20px 0px 0px;
width: 100%;
max-width: 60px;
height: auto;
float: right;
}
.services-img-icon {
width: 100% !important;
margin:0px 0 20px;
min-height: 105px;
}
.services-hover-img {
display: none;
}
.services-img-icon:hover .services-normal-img {
opacity: 1;
}
.services-normal-img {
float: left;
width: 25%;
}
.services-img-icon .services-icon-content {
width: 75%;
top: 0px;
right: 0px;
left: 0px;
padding: 10px;
display: block;
min-height: inherit;
position: relative;
float: right;
}
.services-img-icon .services-icon-content p {
text-align: left !important;
margin-bottom: 0px;
}
.services-img-icon .services-icon-content strong {
display: block;
font-size: 15px;
margin-bottom: 5px;
}
.services-img-icon .services-icon-content br {
display: none;
}
.services-img-icon .services-icon-content::after {
border-right: 10px solid #ff7125;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
top: 10px;
left: -22px;
}
.services-img-icon::after {
display: none;
}
.services-imgs-wrapper .slick-track {
margin-top: 110px;
width: 100% !important;
-webkit-transform: translate3d(0, 0, 0) !important;
-moz-transform: translate3d(0, 0, 0) !important;
-ms-transform: translate3d(0, 0, 0) !important;
-o-transform: translate3d(0, 0, 0) !important;
transform: translate3d(0, 0, 0) !important;
}
.vc_custom_1522757853636 {
padding-left: 5% !important;
}
.case-study-post-content h3 {
font-size: 1rem !important;
}
a.btn-view-portfolio {
font-size: 12px;
padding-left: 0;
letter-spacing: 0;
}
a.btn-view-portfolio .right-triangle {
right:-19px;
}
.jlb-managed-img .wpb_wrapper img {
width: 85%;
}
.about-grid-block.vc_col-sm-4 {
width: 50%;
}
#row-about-community .img-grid .img-grid-last-col {
width: 100%;
}
#row-about-community .img-grid .vc_col-sm-4 .wpb_single_image.vc_align_left {
float: left;
margin-left: 5%;
}
#fancybox-content, #fancybox-outer {
width: 97% !important;
margin: auto;
}
.text-footer-copyright {
margin: 10px 20px 0;
}
} @media (max-width: 992px) {
.row-home-slider .vc_column_container h2 {
font-size: 50px !important;
}
h2 {
font-size: 26px !important;
}
#btn-menu-close {
width: 30px;
height: 45px;
left: 5px;
}
ul#menu-header-nav li {
width: 24%;
padding: 0 0.4em;
}
.dropdown-menu>li>a {
padding: 5px 0px 0;
font-size: 14px;
}
ul.links-socialicons li a {
width: 18px;
height: 18px;
padding: 2px 0;
font-size: 11px;
}
a.btn-view-portfolio {
font-size: 10px;
}
.section-portfolio-heading .portfolio-items-wrapper .col-sm-3 {
width: 33%;
}
div#portfolio-items {
padding-left: .5%;
}
.portfolio-items-wrapper .col-sm-3, .project-items-wrapper .col-sm-3 {
width: 33.33%;
}
.portfolio-home-wrapper .col-sm-3:nth-child(3n+1), .project-items-wrapper .col-sm-3:nth-child(3n+1) {
padding-left: 0px;
padding-right:3px;
}
.portfolio-home-wrapper .col-sm-3:nth-child(3n), .project-items-wrapper .col-sm-3:nth-child(3n) {
padding-left: 3px;
padding-right:0px;
}
.portfolio-home-wrapper .col-sm-3:nth-child(4n+1) {
padding-left: 4px;
}
.portfolio-home-wrapper .col-sm-3:nth-child(4n) {
padding-right: 3px;
}
.slider-home-wrapper .slick-slide .container h1 {
font-size: 40px;
left: 25%;
}
div#row-home {
min-height: 695px;
}
.services-imgs-wrapper .slick-prev, 
.services-imgs-wrapper .slick-next {
top: 80%;
}
#bg-testimonials .text-testimonials p {
font-size: 26px;
}
div#portfolio-filter {
width: 80%;
}
.home-partners-carousel .vc_right {
right: -60px !important;
}
.home-partners-carousel .vc_left {
left: -60px !important;
}
a.btn-call {
font-size: 16px;
}
address {
font-size: 12px;
}
div#row-about-dark-bg, .container.about-content-area {
width: 90%;
}
div#row-about-dark-bg .btn-learn-services {
padding-top: 0 !important;
}
.btn-learn-services a.btn-view-portfolio {
width: 100%;
font-size: 13px;
padding: 0.8em 0em;
}
.about-grid-block .vc_figure:before {
width: 94%;
}
.about-grid-block .about-grid-block-content p{
font-size: 12px;
}
.case-study-post-content h3 {
font-size: 20px;
}
.services-imgs .services-img-icon {
padding: 0 2em;
margin-top: 18.5%;
}
.services-imgs .services-img-icon::after {
margin-left: 30px;
}
.portfolio-hover-img {
left: 0;
width: 100%;
}
.ad-wrapper p {
padding: 15px;
font-size: 14px;
}
.rev_slider li.tp-revslider-slidesli:after {
padding: 28px 0;
}
.logo-company .wpb_wrapper {
padding: 0;
margin-right: -32px;
}
ul.icons-project-services li {
width: 50%;
margin-bottom: 2rem;
}
ul.btn-inner-pages-links li a {
font-size: 14px;
}
.partners-carousel-wrapper .slick-list {
padding: 0px !important;
}
.jlb-serv-case-studies .case_study.col-sm-4 {
width: 50%; 
}
.awards-carousel-wrapper img {
margin: 0px 2.5%;
max-width: 180px;   
}
.vc_custom_1522757853636 {
padding-left: 15% !important;
}
#row-about-community .img-grid .vc_col-sm-4 {
width: 100%;
}
#row-about-community .img-grid .vc_col-sm-4 .vc_align_right,
#row-about-community .img-grid .vc_col-sm-4 .vc_align_left {
text-align: center !important;
}
#row-about-community .img-grid .vc_col-sm-4 .vc_custom_1522914324440
#row-about-community .img-grid .vc_col-sm-4 .vc_custom_1522913005432 {
float: none;
padding-left: 0;
}
#row-about-dark-bg .vc_col-sm-8 {
margin-top: 32%;
}
#row-about-dark-bg h2, 
#row-about-community h2, 
h2.about-grid-block-heading {
font-size: 1.8rem !important;
}
.cta {
margin-right: 10px;
}
#row-about-community .img-grid .vc_col-sm-4 .vc_custom_1522913005432 {
float: none;
}
.case-study-post-content {
min-height: auto;
}
.case-study-post-content h3 {
font-size: 1.3rem !important;
}
.jlb-serv-case-studies .case_study.col-sm-4 {
min-height: inherit;
}
section.services-offered .services-block-wrapper .wpb_text_column {
padding-right: 15px !important;
padding-left: 15px !important;
}
.services-block-wrapper h2 {
font-size: 1.325rem !important;
}
#row-about-community .img-grid .vc_col-sm-4 .vc_custom_1522914324440 {
float: none;
padding-left: 0px !important;
}
.about-grid-block .vc_figure .vc_single_image-wrapper img {
height: auto;
}
.static-companies-logo img {
width: 95%;
}
.awards-carousel-wrapper img:nth-child(2) {
width: auto;
}
.img-grid-logo {
margin-top: 90px !important;
}
#row-about-community .vc_col-sm-5 .vc_column-inner {
padding-top: 0;
margin-top: -70px;
}
#row-about-community .img-grid .vc_col-sm-4 .wpb_single_image.vc_align_left {
float: none;
margin-left: 0;
}
.portfolio-items-wrapper .portfolio .project-item .project-image img, .project-items-wrapper .project .project-item .project-image img {
height: 30vw;
}
} @media (max-width: 845px) {
#our-work-home .btn-view-portfolio {
font-size:8px;
white-space: nowrap;
}
ul.btn-inner-pages-links li a {
font-size: 13px;
}
.about-grid-block.vc_col-sm-4 {
width: 100%;
}
.about-grid-block .about-grid-block-content {
padding-right: 125px !important;
padding-left: 125px !important;
}
#row-about-community .vc_col-sm-5 .vc_column-inner {
padding-top: 10px;
margin-top: 0;
}
} @media (max-width: 767px) {
.portfolio-home-wrapper .col-sm-3, .project-items-wrapper .col-sm-3 {
width: 50%;
float: left;
}
.section-portfolio-heading .portfolio-items-wrapper .col-sm-3 {
width: 49.8%;
float: left;
}
div#portfolio-items {
padding-left: .2%;
}
.portfolio-home-wrapper .col-sm-3:nth-child(2n+1), .project-items-wrapper .col-sm-3:nth-child(2n+1) {
padding-left: 0px;
padding-right: 3px;
}
.portfolio-home-wrapper .col-sm-3:nth-child(2n), .project-items-wrapper .col-sm-3:nth-child(2n) {
padding-left: 3px;
padding-right: 0px;
}
ul.links-socialicons {
padding-bottom: 0;
}
h2 {
font-size: 22px !important;
}
h3 {
font-size: 20px;
}
.wrap {
padding: 20px 10px;
overflow: auto;
margin-bottom: 10px;
overflow-x: hidden;
min-height: 580px;
}
.wrap.active:before {
border-radius: 0%;
height: auto;
}
.main-nav-wrapper {
padding: 45px 0 0;
overflow-y: auto;
}
.header-top-right {
padding-top: 3.5em;
padding-right: 5%;
}
nav#main-navbar-collapse {
float: none;
width: 100%;
padding: 0 15px;
}
ul#menu-header-nav {
display: block;
text-align: center;
margin-bottom: 0;
padding-left: 0;
}
ul#menu-header-nav li {
display: block;
font-size: 16px;
text-align: left !important;
padding: 0;
float: left;
width: 50%;
}
.dropdown-menu {
display: block;
position: relative;
padding-left: 20px;
margin-top: 0px;
margin-bottom: 10px;
padding-top: 0;
float: none;
}
.dropdown-menu>li{
display: block !important;
width: auto !important;
float: none !important;
}
.services-normal-img {
width:15%;
}
.services-img-icon .services-icon-content {
width: 85%;
}
.widget-nav.widget-ad {
width: 100%;
margin-top: 5px;
}
.widget-nav {
width: 100%; }
.widget-nav.widget-contact {
width: 100%;
padding-top: 0;
padding: 0 15px;
}
.widget-nav h5 {
font-size: 16px;
padding: 0px 0 5px;
}
a.btn-call {
font-size: 14px;
margin: 0px 0 5px;
}
address {
margin-bottom: 5px;
}
.ad-wrapper p {
padding: 10px 50px 10px 10px;
width: 100%;
}
#btn-menu-close {
left: 10px;
width: 25px;
height: 40px;
top: -10px;
}
.hr-nav {
top: 15px;
}
.ad-wrapper p i.fa.fa-angle-right {
right: 0;
top: 1px;
}
.slider-home-wrapper .slick-slide .container h1 {
font-size: 30px;
left: 30%;
}
a.btn-view-portfolio,  #our-work-home .btn-view-portfolio {
margin-right: 15px;
font-size: 20px;
}
a.btn-view-portfolio .right-triangle {
top: 16px;
right: -5px;
}
.home-partners-carousel .vc_carousel-control {
top: 0% !important;
}
.home-partners-carousel .vc_right {
right: 0px !important;
}
.home-partners-carousel .vc_left {
left: 0px !important;
}
.home-partners-carousel .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item {
width: 5% !important;
}
.home-partners-carousel .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item>.vc_inner img {
max-width: 100%;
}
.body-container .bg-testimonials{
padding-top: 0em !important;
padding-bottom: 3em !important;
}
#bg-testimonials .text-testimonials p {
font-size: 16px;
}
#bg-testimonials .btn-testimonial button {
font-size: 16px !important;
}
div#row-about-dark-bg .wpb_single_image.vc_align_right {
text-align: center;
}
div#row-about-dark-bg h2 {
padding-top: 0 !important;
text-align: center !important;
}
div#row-about-dark-bg .vc_custom_1516628723791 {
padding-right: inherit !important;
}
.btn-learn-services a.btn-view-portfolio {
float: none;
margin: 0 auto;
width: 60%;
}
.btn-learn-services a.btn-view-portfolio .right-triangle {
top: -6px;
right: -15px;
position: relative;
float: right;
}
.about-grid-block{
overflow: hidden;
}
.about-grid-block .vc_figure:before {
width: 76%;
}
.about-grid-block:hover .about-grid-block-content {
width: 80%;
margin-left: auto;
margin-right: auto;
left: 0;
position: relative;
}
h2.about-grid-block-heading {
top: 50%;
}
.about-grid-block .about-grid-block-content p {
font-size: 14px;
}
.default-page-template .sec-about-content {
padding-bottom: 0em !important;
}
div#row-about {
padding-bottom: 20px !important;
}
#row-about:before {
border-top: 100px solid #f1f1f1;
border-left: 100px solid transparent;
}
#row-about:after {
border-bottom: 100px solid #f1f1f1;
border-right: 100px solid transparent;
}
.case-study-post-content h3 {
font-size: 24px;
}
.jlb-serv-case-studies .case_study.col-sm-4 {
width: 100%;
}
.case-study-post-content {
min-height: auto;
padding: 15px 10px 25px 10px;
}
.btn-orange-large .vc_btn3.vc_btn3-size-lg {
width: 100%;
width: 50%;
margin: 0 auto;
}
.logos_companies .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item {
float: none !important;
left: 10% !important;
position: relative;
}
.static-companies-logo img {
width: 100%;
}
.static-companies-logo .wpb_row+.wpb_row {
padding-top: 0px !important;
}
.static-companies-logo .vc_col-sm-3.wpb_column {
margin-bottom: 3em;
}
.static-companies-logo .vc_col-sm-3.wpb_column .vc_column-inner {
margin-top: 0px;
}
.logos_companies .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item>.vc_inner img,
.logos_awards .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item>.vc_inner img {
max-width: 100%;
}
.logos_awards .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item>.vc_inner  img {
height: 55px;
margin-top: 17%;
}
.logos_awards .vc_images_carousel .vc_carousel-control .icon-next {
left: 100%;
}
.logos_awards .vc_images_carousel .vc_carousel-control .icon-prev {
left: 0;
}  
.services-imgs .services-img-icon {
display: block;
margin-bottom: 5px;
padding: 0em;
}
.services-imgs .services-img-icon img {
width: auto;
}
.services-imgs .services-img-icon::after {
background: url(//oldjlb.webservice.team/wp-content/themes/jlb/images/icon_plus-sign.png) no-repeat center bottom;
margin-top: 10px;
margin-left: -16px;
}
#row-home:before {
border-top: 90px solid #f1f1f1;
border-left: 0px solid transparent;
}
#row-home:after {
border-bottom: 80px solid #f1f1f1;
border-right: 0px solid transparent;
}
.services-imgs .services-img-icon .services-icon-content::after {
border-left: 13px solid transparent;
border-right: 13px solid transparent;
border-bottom: 13px solid #ff7125;
border-top: none;
left: 45%;
top: -10px;
}
.services-imgs .services-img-icon:last-child .services-icon-content{
margin-top: -205px;
}
.services-imgs .services-img-icon:last-child .services-icon-content::after {
border-left: 13px solid transparent;
border-right: 13px solid transparent;
border-top: 13px solid #ff7125;
border-bottom: none;
left: 45%;
bottom: -10px;
top: auto;
}
footer.site-footer {
padding: 3em 0 2em;
}
footer.site-footer h3 {
font-size: 34px;
}
p.footer-cta-links {
font-size: 18px;
}
.vc_custom_1518529347330 {
padding-bottom: 30px !important;
padding-top: 30px;
}
.jlb-services-com-logos .wpb_single_image {
float: none;
margin-bottom: 30px;
display: block;
}
.logo-company .wpb_wrapper {
margin-right: 0;
}
.rev_slider_wrapper .tp-caption {
font-weight: 600 !important;
}
.case-story-post-wrapper h3 {
font-size: 24px;
margin-top: 10px;
}
.case-stories-wrapper .case_study h3 {
margin-top: 20px;
}
.case-stories-wrapper .case_study:nth-child(even) .story-thumbnail {
float: none;
}
.project-header div h1 {
font-size: 2.5rem !important;
line-height: normal;
white-space: normal;
padding: 25px 2%;
}
.project-content-bottom-imgs img {
margin-bottom: 15px;
min-height: inherit;
max-height: inherit;
}
.sec-one-bill h2 {
font-weight: 700;
}
.rev_slider .tp-mask-wrap .tp-caption {
font-size: 30px !important;
position: relative;
text-align: center !important;
display: block !important;
}
.portfolio-page-template .rev_slider .tp-mask-wrap .tp-caption,
.page-id-7 .default-page-template .rev_slider .tp-mask-wrap .tp-caption { top: 50px;
position: relative;
}
ul.icons-project-services li h3 {
font-size: 20px;
}
#bg-testimonials .testimonial-wrapper .testimonials p {
font-size: 25px;
}
a.btn-testimonial {
font-size: 20px !important;
}
.jlb-managed-third-section .vc_column-inner {
padding-right: 0px !important;
}
.jlb-managed-second-section .vc_column-inner {
padding-right: 0px !important;
}
.jlb-managed-third-section .vc_column-inner{
padding-right: 0px !important;
padding-left: 0px !important;
}
ul.btn-inner-pages-links li a {
font-size: 10px;
}
ul.btn-inner-pages-links li a:after{ 
left: 20px;
}
.fancyboxElement-content {
font-size: 14px;
}
.awards-carousel-wrapper {
padding: 0;
}
.awards-carousel-wrapper img {
margin: 30px auto 40px;
max-width: inherit;
display: block;
}
div#row-home {
width: 100%;
}
#row-about-community .vc_custom_1522757853636 {
padding-left: 3% !important;
}
#row-about-community .img-grid .vc_col-sm-4 .vc_custom_1522914324440 {
float: none;
padding-left: 0 !important;
}
#row-about-community .img-grid .vc_col-sm-4 .vc_custom_1522913005432 {
float: none;
}
.bg-boxes-bottom #row-about-community {
padding-bottom: 0 !important;
}
#row-about-community .img-grid {
margin-top: 0 !important;
}
#row-about-community #vc_custom_1522757853636 {
padding-top: 0px !important;
}
#row-about-community .vc_custom_1522749032485 {
padding-top: 0px !important;
padding-left: 0px !important;
}
#row-about-dark-bg h2 {
margin-top: 0;
}
.case-study-post-content h3,
.services-block-wrapper h2  {
font-size: 1.6rem !important;
}
.about-grid-block .about-grid-block-content {
padding-right: 25px !important;
padding-left: 25px !important;
}
#row-about .wpb_column {
padding-left:0;
}
#row-about-grid {
width: 100% !important;
}
.portfolio-items-wrapper .portfolio .project-item .project-image img, .project-items-wrapper .project .project-item .project-image img {
height: 40vw;
}
.btn-testimonial {
font-size: 26px !important;
display: block;
}
} @media (max-width: 600px) {
.portfolio-home-wrapper .col-sm-3, .project-items-wrapper .col-sm-3{
padding-left: 0px !important;
padding-right: 0px !important;
width: 90%;
margin: 0px auto;
float: none;
}
.section-portfolio-heading .portfolio-items-wrapper .col-sm-3  {
right:0;
left:0;
margin: auto;
width: 80%;
float: none;
}
.row-home-slider .vc_column_container h2 {
font-size: 40px !important;
}
.btn-learn-services a.btn-view-portfolio {
width: 100%;
font-size: 12px;
letter-spacing: 1px;
padding: 0.9em 0.5em;
}
.btn-learn-services a.btn-view-portfolio .right-triangle {
top: -7px;
right: -20px;
}
.about-grid-block .vc_figure:before {
width: 97%;
}
#row-about:before {
border-top: 50px solid #f1f1f1;
border-left: 50px solid transparent;
}
#row-about:after {
border-bottom: 50px solid #f1f1f1;
border-right: 50px solid transparent;
}
.btn-orange-large .vc_btn3.vc_btn3-size-lg {
width: 70%;
}
.rev_slider li.tp-revslider-slidesli:after {
padding: 18px 0;
}
ul.icons-project-services li {
float: none;
width: 100%;
}
.slider-home-wrapper .slick-slide {
min-height: 400px;
}
.slider-home-wrapper .slick-slide .container h1 {
font-size: 24px;
left: 25%;
}
.container {
width: 98%;
}
#bg-testimonials div#star img {
width: 15%;
}
.portfolio-items-wrapper .portfolio .project-item .project-image img, .project-items-wrapper .project .project-item .project-image img {
height: 60vw;
}
} @media (max-width: 460px) {
.row-home-slider .vc_column_container h2 {
font-size: 35px !important;
}
ul.btn-inner-pages-links li {
display: block;
margin-right: -5px;
margin-bottom: 5px;
}
ul.btn-inner-pages-links li a{
display: block;
font-size: 14px;
}
ul.btn-inner-pages-links li a:after {
display: none;
}
.btn-orange-large .vc_btn3.vc_btn3-size-lg {
width:100%;
}
ul#filter {
float: left;
padding-bottom: 1em;
}
ul#filter li {
margin: 0 0em 0.5em;
width: 50%;
float: left;
text-align: left;
}
ul#filter li:nth-child(even) {
text-align:right;
}
.about-grid-block:hover .about-grid-block-content {
width: 100%;
}
.rev_slider li.tp-revslider-slidesli:after {
padding: 15px 0;
}
.slider-home-wrapper .slick-slide .container h1 {
font-size: 20px;
}
a.btn-testimonial {
font-size: 16px !important;
}
#bg-testimonials .testimonial-wrapper .testimonials p {
font-size: 20px;
}
.bg-boxes-bottom .wpb_gallery_slides ul.wpb_image_grid_ul li.isotope-item{ 
width: 100%;
}
.awards-carousel-wrapper img {
max-width: 250px;
}
.project-header div h1 {
font-size: 2rem !important;
}
} @media (max-width: 375px) {
.project-header div h1 {
font-size: 1.6rem !important;
}
.row-home-slider .vc_column_container h2 {
font-size: 28px !important;
}
.btn-learn-services a.btn-view-portfolio {
font-size: 11px;
padding: 0.99em 0.4em;
}
.btn-learn-services a.btn-view-portfolio .right-triangle {
right: -18px;
}
.rev_slider li.tp-revslider-slidesli:after {
padding: 11px 0;
}
.ad-wrapper p i.fa.fa-angle-right {
right: 5px;
top: 9px;
}
a.btn-testimonial {
font-size: 13px !important;
}
a.btn-view-portfolio, #our-work-home .btn-view-portfolio {
font-size: 18px;
}
} .blog .sidebar{
width: 31%;
}
.blog .left-page-content {
padding: 0;
width: 69%;
margin-right: 1vw;
}
.sidebar ul {
list-style: none;
margin: 0;
padding: 0;
}
.sidebar ul .cat-item{
font-size:1.5rem;
}
.blog .featured-posts .featured-col-left a .featured-post-copy {
background: rgba(0, 0, 0, 0.4);
}
.home
.vc_custom_1542750208391 {
margin-top: 6vw;
}
.back-row-bill ul {
text-align: left;
}
section.projectContentarea {
display: flex;
justify-content: center;
align-items: center;
}
.project-img-rite {
text-align: center;
width: 100%;
max-width: 25rem;
}
.sshot {
margin: 3rem auto;
}
.linkpj {
text-align: center;
}
.linkpj a button {
background: #ff7225;
border: none;
padding: 1rem;
color: white;
}
.linkpj a button:hover {
opacity: 0.9;
}