@font-face {
font-family: 'futuralight';
src: url(//www.vibemarketingdurban.co.za/wp-content/themes/vibe/assets/fonts/futura_light_bt.woff2) format('woff2'),
url(//www.vibemarketingdurban.co.za/wp-content/themes/vibe/assets/fonts/futura_light_bt.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'futuralight_condensed';
src: url(//www.vibemarketingdurban.co.za/wp-content/themes/vibe/assets/fonts/futura-condensedlight.woff2) format('woff2'),
url(//www.vibemarketingdurban.co.za/wp-content/themes/vibe/assets/fonts/futura-condensedlight.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'futurabold';
src: url(//www.vibemarketingdurban.co.za/wp-content/themes/vibe/assets/fonts/unicode-futurab.woff2) format('woff2'),
url(//www.vibemarketingdurban.co.za/wp-content/themes/vibe/assets/fonts/unicode-futurab.woff) format('woff');
font-weight: normal;
font-style: normal;
}
:focus {
outline: none;
}
a{
text-decoration: none !important;
}
ul li{
list-style: none;
}
body{
font-family: futuralight;
overflow-x: hidden;
color: #4d4d4d;
}
h1, h2, h3, h4, h5, h6{
font-family: 'futurabold';
}
header{ position: relative;
padding: 30px 0; 
z-index: 99;
}
header .menu{
position: fixed;
top: 0;
left: 0; width: 91px; height: 91vh;
background-color: #1d9abb;
line-height: 113px;
text-align: center;
z-index: 9999;
transition: all ease 0.5s;
}
header .menu.fixedmenu{
height: 113px;
}
header .logo{ }
header .social{
float: right;
}
.social ul{
padding-left: 0;
margin-bottom: 0;
}
.social ul li{
list-style: none;
display: inline-block;
margin-right: 15px;
}
.social ul li a{
color: #1d9abb;
font-size: 28px;
}
header nav{
background-color: #1d9abb;
width: 70%;
max-width: 960px;
position: fixed;
top: 0;
left: -960px;
padding: 0 180px;
z-index: 999;
display: table; min-height: 91vh;
overflow: hidden;
transition: all ease 0.5s;
}
header nav.menu-show{
left: 0;
}
header nav:before{
content: '';
position: absolute;
right: -260px;
top: 0;
background: url(//www.vibemarketingdurban.co.za/wp-content/themes/vibe/assets/images/vibe-nav-bg-icon.png) no-repeat;
background-size: 745px;
width: 745px;
height: 745px;
z-index: -1;
}
header nav ul{
padding-left: 0;
display: table-cell;
vertical-align: middle;
}
header nav ul li{
list-style: none;
}
header nav ul li a{
font-size: 36px;
line-height: 60px;
font-family: 'futurabold';
text-transform: uppercase;
color: #fff;
transition: all ease 0.5s;
}
header nav ul li a:hover{
color: #37607A;
text-decoration: none;
}
.banner-slide{
outline: none;
height: auto;
}
.banner-img{
padding-left: 30%;
}
.banner-img img{
width: 100%;
}
.banner-text{
margin-top: -450px;
}
.banner-text h1{
font-size: 120px;
line-height: 105px;
color: #37607A;
}
.banner-text span img{
display: inline-block;
margin-top: -20px;
}
.banner-slider{
margin-bottom: 0 !important;
}
.banner-slider .slick-dots{
bottom: 24px;
width: 70%;
left: 30%;
}
.banner-slider .slick-dots li button:before{ color: transparent;
display: inline-block;
width: 13px;
height: 13px;
background-color: #5594BC;
border-radius: 50px;
opacity: 1;
}
.banner-slider .slick-dots li.slick-active button:before{
background-color: #37607A;
}
.home-sec1{
padding: 140px 0 80px; 
}
.home-sec1 .inner-text{
padding-top: 60px;
}
.title h5{
font-size: 36px;
line-height: 53px;
color: #B6CEDF;
font-family: 'futuralight';
}
.title h4{
position: relative;
font-size: 48px;
line-height: 48px;
color: #37607a;
margin-bottom: 15px;
}
.title h4:before{
content: '';
position: absolute;
bottom: -30px;
left: 0;
width: 75px;
height: 3px;
background-color: #B6CEDF;
}
.title p{
font-family: 'futuralight';
font-size: 24px;
line-height: 30px;
color: #4d4d4d;
padding-left: 85px;
}
.home-sec1 .inner-img{
position: relative;
padding-left: 40px;
}
.home-sec1 .inner-img img,
.home-sec2 .inner-img img{
border-radius: 10px;
}
.home-sec1 .inner-img:before,
.home-sec2 .inner-img:before{
content: '';
position: absolute;
width: 100%;
height: 100%;
max-width: 438px;
background-color: #DEF4FE;
top: 45px;
left: -300px;
border-radius: 10px;
z-index: -1;
}
.home-sec2{
padding: 120px 0 80px; 
}
.home-sec2 .inner-img:before{
left: inherit;
right: -300px;
}
.title.right{
text-align: right;
}
.title.right h4:before{
left: inherit;
right: 0;
}
.title.right p{
padding-left: 110px;
padding-right: 85px;
}
.title.left p{
padding-right: 110px;   
}
.home-sec3{
padding: 110px 0 80px; 
}
.home-sec3 .inner-text{
margin-bottom: 80px;
}
.home-sec3 .inner-text .title h4:before{
width: 167px;
}
.service-box{
position: relative;
max-width: 343px;
min-height: 250px;
background-color: #DEF4FE;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 40px;
}
.service-box a{
text-decoration: none;
color: inherit;
width: 100%;
}
.service-box-title{
width: 100%;
text-align: center;
}
.service-box-title h4:before{
content: '';
position: absolute;
bottom: -18px;
left: 0;
right: 0;
margin: 0 auto;
width: 167px;
height: 3px;
background-color: #5594bc;
}
.service-box h4{
font-family: 'futuralight';
font-weight: 600;
position: relative;
color: #fff;
}
.service-box-text{
background-color: #333333;
}
.service-box-text h4{
color: #5594bc;
}
.service-box-text{
position: absolute;
top: -7%;
left: -7%;
width: 114%;
height: 114%;
padding: 30px 15px 30px 70px;
border-radius: 10px;
z-index: 99;
transition: all ease 0.4s;
opacity: 0;
}
.service-box:hover .service-box-text{
opacity: 1;
}
.service-box-text h4{
font-size: 27px;
}
.service-box-text p{
color: #fff;
font-size: 24px;
}
.service-box-text:before{
content: '';
position: absolute;
left: 50px;
top: 30px;
width: 3px;
height: 80%;
background-color: #5594bc;
}
.home-sec4{
width: 100%;
padding-bottom: 70px;
position: relative; overflow-x: hidden;
}
.home-sec4:before{
content: '';
position: absolute;
top: 40px;
right: -150px;
background: url(//www.vibemarketingdurban.co.za/wp-content/themes/vibe/assets/images/map-bg-icon.png) no-repeat;
background-size: 373px;
width: 373px;
height: 523px;
}
.home-sec4 .title{
margin-bottom: 70px;
}
.home-sec4 .title h4{
text-transform: uppercase;
}
.home-sec4 .title h4:before{
width: 167px;
}
.home-sec4 .location-inner{
text-align: right;
margin-bottom: 50px;
position: relative;
}
.home-sec4 .location-inner:before{
content: '';
position: absolute;
top: -8px;
right: -17px;
width: 39px;
height: 39px;
background-color: #DEF4FE;
border-radius: 100%;
z-index: -1;
opacity: 1;
animation: ripples 2s linear 0s infinite;
-moz-animation: ripples 2s linear 0s infinite;
-webkit-animation: ripples 2s linear 0s infinite;
}
.home-sec4 .location-inner:after{
content: '';
position: absolute;
top: 21px;
right: -14px;
width: 10px;
height: 10px;
background-color: #333333;
border-radius: 100%;
z-index: -1;
}
.home-sec4 .location-inner:hover:after{
animation: fade 1s linear 0s infinite;
-webkit-animation: fade 1s linear 0s infinite;
-moz-animation: fade 1s linear 0s infinite;
}
@keyframes ripples{
50%, 100%{
transform: scale(2);
opacity: 0;
}
}
@-webkit-keyframes ripples{
50%, 100%{
transform: scale(2);
opacity: 0;
}
}@-moz-keyframes ripples{
50%, 100%{
transform: scale(2);
opacity: 0;
}
}
@-webkit-keyframes fade{
50%{
opacity: 0;
}
}@-moz-keyframes fade{
50%{
opacity: 0;
}
}@keyframes fade{
50%{
opacity: 0;
}
}
.home-sec4 .location-inner h4{
font-family: futuralight;
font-weight: 600;
color: #37607a;
margin-bottom: 0;
}
.home-sec4 .location-inner ul{
padding-left: 0;
}
.home-sec4 .location-inner ul li{
list-style: none;
color: #37607a;
font-size: 16px;
line-height: 20px;
}
.home-map{
position: absolute;
left: 0;
}
.home-map .slovenia {
top: 348px;
left: 356px;
}
.home-map .jordan {
top: 405px;
left: 429px;
}    .home-map .frenchriviera {
top: 361px;
left: 333px;
}
.home-map .amsterdam {
top: 324px;
left: 340px;
}
.home-map .unitedkingdom {
top: 319px;
left: 316px;
}
.home-map .libya {
top: 407px;
left: 352px;
}
.home-map .australia {
top: 642px;
left: 744px;
}
.home-map .iraq {
top: 386px;
left: 446px;
}
.home-map .durban {
top: 585px;
left: 413px;
}
.home-map .malta {
top: 381px;
left: 358px;
}
.home-map .latvia {
top: 306px;
left: 374px;
}
.home-map .dublin {
top: 324px;
left: 299px;
}
.home-map .mapdot{
position: absolute;
width: 17px;
height: 17px;
background-color: #def4fe;
border-radius: 50px;
opacity: 0;
}
.home-map .mapdot.mapanimate{
animation: fadetwo 1s linear 0s infinite;
-webkit-animation: fadetwo 1s linear 0s infinite;
-moz-animation: fadetwo 1s linear 0s infinite;
}
@-webkit-keyframes fadetwo{
50%{
opacity: 1;
}
}@-moz-keyframes fadetwo{
50%{
opacity: 1;
}
}@keyframes fadetwo{
50%{
opacity: 1;
}
}
.home-map .mapdot.mapanimate:before{
content: '';
position: absolute;
top: -10px;
right: -10px;
width: 39px;
height: 39px;
background-color: #DEF4FE;
border-radius: 100%;
z-index: -1;
opacity: 1;
animation: ripplestwo 2s linear 0s infinite;
}
@keyframes ripplestwo{
100%{
transform: scale(2);
opacity: 0;
}
}
.home-sec5{
background-color: #DEF4FE;
padding: 95px 0;
z-index: 9;
position: relative;
overflow: hidden;
}
.client-logo-bg-text {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
}
.client-logo-bg-text h2{
font-size: 229px;
text-transform: uppercase;
color: #D2E9F4;
letter-spacing: 45px;
text-align: center;
}
.client-logo-slider{
padding: 0 50px;
}
.client-logo-slider .logo-slide img{
margin: 0 auto;
}
footer{
padding: 40px 0 40px;
background-color: #333333;
}
footer ul{
padding-left: 0;
}
footer ul li{
list-style: none; 
margin-bottom: 3px;
}
footer ul li a{
color: #fff;
font-size: 15px;
transition: all ease 0.5s;
}
.footer-col4 ul li a{
}
footer ul li a:hover{
color: #1d9abb;
}
footer h4{
font-family: futuralight;
font-weight: 600;
color: #1d9abb;
text-transform: uppercase;
font-size: 18px;
margin-bottom: 17px;
letter-spacing: 1px;
}
footer p{
color: #fff;
font-size: 15px;
}
.footer-col1{
padding-right: 70px;
}
.footer-col1,
.footer-col2,
.footer-col3{
padding-top: 40px;
}
.footer-col4{
max-width: 243px;
border-radius: 10px;
background-color: #1d9abb;
padding: 30px 50px;
}
footer .footer-col4 ul li{
margin-bottom: 7px;
}
footer .footer-col4 ul li a{
text-transform: uppercase;
}
footer .footer-col4 ul li a:hover{
color: #333333;
}
footer .social-icon{
margin-bottom: 0;
}
footer .social-icon li{
display: inline-block;
margin-right: 15px;
margin-bottom: 0 !important;
}
.copyright{
margin-top: -20px;
}
.copyright p{
margin-bottom: 0;
margin-top: 25px;
}
.copyright a{
color: #fff;
transition: all ease 0.5s;
}
.copyright a:hover{
color: #1d9abb; } header.inner-header .logo img{
filter: grayscale(1) brightness(111);
}
header.inner-header .social ul li a{
color: #fff;
}
.inner-banner{
position: relative;
margin-top: -111px;
z-index: 9;
}
.inner-banner img{
width: 100%;
}
.inner-banner-text-box{
background-color: #fff;
box-shadow: 7px 7px 54px 0px rgba(125, 124, 125, 0.13);
padding: 50px 70px 55px;
margin-top: -190px;
border-radius: 10px;
}
.inner-banner-text-box h1{
font-size: 48px;
line-height: 58px;
letter-spacing: 2.4px;
text-transform: uppercase;
color: #5594bc;
margin-bottom: 50px;
}
.inner-banner-text-box p{
padding-left: 0;
margin-bottom: 0;
}
.inner-banner-text-box b{
font-weight: bolder;
color: #5594bc;
}
.whyus-sec1{
padding: 100px 0 0;
}
.whyus-box{
position: relative;
display: flex;
padding-right: 90px;
margin-bottom: 140px;
}
.whyus-text{
position: relative;
}
.whyus-box h5{
position: absolute;
top: 20px;
left: -70px;
color: #F3F3F3;
font-size: 180px;
z-index: -1;
}
.whyus-box h3{
font-size: 42px;
line-height: 42px;
color: #37607a;
text-transform: uppercase;
position: relative;
}
.whyus-box h3:before{
content: '';
position: absolute;
top: -40px;
left: -40px;
width: 90px;
height: 90px;
background-color: #DEF4FE;
border-radius: 100%;
z-index: -1;
}
.whyus-box p{
font-size: 24px;
line-height: 34px;
padding-left: 17px;
position: relative;
}
.whyus-box p:before{
content: '';
position: absolute;
top: 8px;
left: 0;
width: 3px;
height: 45px;
background-color: #AAC9DD;
}
.whyus-box .whyus-icon{
padding-right: 10px;
}
.references-sec1{
padding: 200px 0;
}
.references-sec1 p{
font-size: 24px;
line-height: 30px;
}
.references-sec1 p b{
position: relative;
font-weight: normal;
box-shadow: inset 0 0px 0 0 #fff, inset 0 -10px 0 0 #def4fe;
}
.reference-name{
position: relative;
padding-top: 15px;
margin-top: 20px;
}
.reference-name:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 76px;
height: 3px;
background-color: #AAC9DD;
}
.references-sec1 h4{
font-size: 16px;
color: #37607a;
}
.references-sec1 h6{
font-family: futuralight;
font-size: 16px;
font-weight: 400;
color: rgba(85, 148, 188, .5);
}
.reference-box{
position: relative;
margin-bottom: 200px;
}
.reference-box:last-child{
margin-bottom: 0;
}
.reference-box:before{
content: '';
position: absolute;
top: -100px;
left: -100px;
background: url(//www.vibemarketingdurban.co.za/wp-content/themes/vibe/assets/images/quote-icon.png) no-repeat; 
background-size: 345px;
width: 345px;
height: 185px;
} .portfolio-sec1{
padding: 100px 0;
}
.portfolio-menu{
margin-bottom: 50px;
}
.portfolio-menu ul {
padding-left: 0;
}
.portfolio-menu ul li{
display:inline-block;
list-style: none;
color: rgba(85, 148, 188, 0.5);
font-size: 21px;
margin: 0 20px;
cursor: pointer;
}
.portfolio-menu ul li.active{
color: #37607a;
}
.portfolio-item{
columns: 3;
column-gap: 30px;  }
.portfolio-item .item{ width: 30%; break-inside: avoid;
margin-bottom: 27px;
margin-right: 30px;
}
.portfolio-item .item a{
position: relative;
display: inline-block;
border-radius: 10px;
overflow: hidden;
color: #dedddd;
}
.portfolio-item .item img{
width: 100%; }
.portfolio-item-text{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(51,51,51,.93);
z-index: 1;
text-align: center;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
opacity: 0;
transition: all ease 0.5s;
}
.portfolio-item .item a:hover .portfolio-item-text{
opacity: 1;
}
.portfolio-item-text h4{
font-family: futuralight;
text-transform: uppercase;
font-size: 30px;
position: relative;
padding-bottom: 12px;
}
.portfolio-item-text h4:before{
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 67%;
height: 3px;
background-color: #5594bc;
}
.portfolio-item-text p{
font-size: 18px;
margin-bottom: 0;
}
.contact-sec1{
position: relative;
padding-top: 340px;
background-color: #DAEFF9;
margin-top: -212px;
z-index: 2;
}
form.contactform, .wpcf7-form{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
form.contactform .form-group, .wpcf7-form .form-group{
width: 42%;
position: relative;
margin-bottom: 70px;
}
form.contactform .form-group.full, .wpcf7-form .form-group.full{
width: 100%;
}
form.contactform input, .wpcf7-form input{
padding: 0;
font-size: 20px;
color: #5594bc;
border: none;
border-bottom: 2.5px solid #5594bc;
background-color: transparent;
border-radius: 0;
}
form.contactform textarea, .wpcf7-form textarea{
padding: 0;
font-size: 20px;
background-color: transparent;
border: none;
border-bottom: 2.5px solid #5594bc;
border-radius: 0;
min-height: 50px;
}
form.contactform input:focus,
form.contactform textarea:focus{
box-shadow: none;
border-color: #5594bc;
background-color: transparent;
}
form.contactform .form-control-placeholder, .wpcf7-form .form-control-placeholder{
color: #5594bc;
font-size: 24px;
}
form.contactform .form-control-placeholder, .wpcf7-form .form-control-placeholder{
position: absolute;
top: -7px;
transition: all 200ms;
}
form.contactform .form-control-placeholder, .wpcf7-form .form-control-placeholder {
position: absolute;
top: -7px;
left: 0;
transition: all 200ms;
z-index: -1;
}
.form-control:focus {
background: transparent;
outline: none;
box-shadow: none !important;
border-color: #5594bc;
}
form.contactform .form-control:focus + .form-control-placeholder,
form.contactform .form-control:valid + .form-control-placeholder,
label.has-focus {
font-size: 16px !important;
transform: translate3d(0, -100%, 0);
opacity: .5;
}
.form-btn{
text-align: center;
}
form.contactform .form-btn input,
input#c-submit{
font-size: 17px;
font-weight: 700;
letter-spacing: 1px;
color: #fff;
text-transform: uppercase;
background-color: #488EBB !important;
border-radius: 10px;
padding: 16px 62px;
border: none;
transition: all ease 0.5s;
}
form.contactform .form-btn input:hover,
input#c-submit: hover{
background-color: #333333 !important; 
}
.contactform-bg-text{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
}
.contactform-bg-text h2{
font-size: 316px;
line-height: 290px;
letter-spacing: 0;
text-transform: uppercase;
color: #D2E9F4;
text-align: center;
}
.contact-sec2{
padding: 100px 0;
}
.contact-location-title{
text-align: center;
}
.contact-location-title h2{
font-size: 140px;
color: #5594BC;
}
.contact-location-title h5{
font-size: 24px;
color: #333333;
font-family: 'futuralight';
margin-top: 25px;
}
.contact-location-title h5 b{
font-family: 'futurabold';
}
.contact-location-tabs{
margin-top: 75px;
}
.contact-location-tabs ul{
display: flex;
justify-content: space-between;
}
.contact-location-tabs .nav a{
background-color: #5594BC;
text-transform: uppercase;
color: #fff;
font-size: 25px;
padding: 10px 15px;
min-width: 241px; 
text-align: center;
border-radius: 10px !important;
transition: all ease 0.5s;
}
.contact-location-tabs .nav a.active,
.contact-location-tabs .nav a:hover{
background-color: #333333 !important;
}
.contact-all-location-sec .tab-content{
padding-left: 70px !important;
}
.contact-all-location-sec .contact-location-tabs{
margin-top: 0 !important;
}
.contact-location-tabs .tab-content{
margin-top: 100px;
padding-left: 180px;
}
.contact-location-tabs .tab-content h4{
font-size: 37px;
color: #37607A;
}
.contact-location-tabs .tab-content h4 b{
font-size: 27px;
font-family: 'futuralight';
font-weight: normal;
}
.contact-location-tabs .tab-content p{
font-size: 24px;
margin: 5px;
}
.contact-location-tabs .tab-content-text a{
font-size: 24px;
color: #5594bc;
}
.contact-location-tabs .tab-content-text a:hover{
color: #333333;
}
.tab-content-box{
margin-bottom: 100px;
}
.directors-sec1{
margin-top: -141px;
}
.directors-sec1-inner {
display: flex;
flex-wrap: wrap;
} 
.directors-sec1-inner .director-block{
color: #fff;
width: 33.33333%;
padding: 210px 70px 89px 89px;
}
.directors-sec1-inner .director-block:nth-child(1){
background-color: #333333;
} 
.directors-sec1-inner .director-block:nth-child(2){
background-color: #37607A;
} 
.directors-sec1-inner .director-block:nth-child(3){
background-color: #5594BC;
} 
.directors-sec1-inner .director-block h4{
position: relative;
font-family: futuralight;
font-size: 30px;
padding-bottom: 15px;
margin-bottom: 20px;
}
.directors-sec1-inner .director-block h4:before{
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 76px;
height: 3px;
background-color: #5594BC;
}
.directors-sec1-inner .director-block p{
font-size: 24px;
line-height: 34px;
margin-bottom: 0;
}
.directors-sec1-inner .director-block h2{
font-size: 55px;
text-transform: uppercase;
}
.directors-sec1-inner .director-block .white-btn{
display: inline-block;
background-color: #fff;
color: #333333;
font-size: 17px;
letter-spacing: 1.275px;
text-transform: uppercase;
border-radius: 10px;
padding: 19px 36px;
font-weight: 700;
transition: all ease 0.5s;
margin-top: 50px;
}
.directors-sec1-inner .director-block .white-btn:hover{
background-color: #333;
color: #fff;
}
.btn-center{
text-align: center;
}
.directors-sec2{
padding: 100px 0;
}
.team-block{
position: relative;
border-radius: 10px;
overflow: hidden;
text-align: center;
color: #fff;
box-shadow: 0px 4px 17.46px 0.54px rgba(125, 124, 124, 0.17);
transition: all ease 0.5s;
margin-bottom: 50px;
}
.director-img img{
-webkit-filter: grayscale(1);
-webkit-filter: grayscale(100%);
filter: gray;
filter: grayscale(100%);
max-height: 365px;
min-height: 365px;
}
.director-text{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: all ease 0.5s;
}
.team-block:hover{
z-index: 9;
transform: scale(1.205);
}
.team-block:hover .director-text{
opacity: 1;
}
.team-block .director-name{
height: 80%;
background-color: rgba(51, 51, 51, .93);
display: flex;
align-items: flex-end;
justify-content: center;
padding-bottom: 10px;
}
.team-block .director-name p{
margin-bottom: 0;
font-size: 19px;
}
.team-block .director-name h4{
font-family: futuralight;
text-transform: uppercase;
font-weight: 600;
font-size: 30px;
}
.team-block .director-contact{
height: 20%;
background-color: rgba(85, 148, 188, .93);
display: flex;
align-items: center;
justify-content: center;
}
.team-block .director-contact ul{
padding-left: 0;
margin-bottom: 0;
}
.team-block .director-contact ul li a{
color: #fff;
}
.franchise-sec1{
position: relative;
padding: 170px 0;
}
.franchise-sec1:before{
content: '';
position: absolute;
top: 80px;
left: -100px;
background: url(//www.vibemarketingdurban.co.za/wp-content/themes/vibe/assets/images/franchise-sec-img1.png) no-repeat;
width: 891px;
height: 891px;
background-size: 891px;
}
.franchise-sec-inner h3{
font-size: 48px;
color: #375E76;
text-transform: uppercase;
margin-bottom: 30px;
}
.franchise-sec-inner .franchise-text{
position: relative;
padding-right: 330px !important;
padding-left: 100px !important;
} 
.franchise-sec.right .franchise-sec-inner .franchise-text{
padding-left: 330px !important;
padding-right: 100px !important;
} 
.franchise-sec-inner .franchise-text:before{
content: '';
position: absolute;
left: 0;
top: 15px;
width: 75px;
height: 3px;
background-color: #A4C1D4;
} 
.franchise-sec-inner p{
color: #4d4d4d;
font-size: 24px;
line-height: 30px;
}
.franchise-sec-inner p b{
font-weight: normal;
box-shadow: inset 0 0px 0 0 #fff, inset 0 -10px 0 0 #def4fe;
}
.franchise-sec-inner p a{
color: #4d4d4d;
font-weight: 700;
}
.franchise-video{
position: relative;
margin-right: 80px;
}
.franchise-video:before{
content: '';
position: absolute;
top: -80px;
right: -80px;
width: 100%;
height: 100%;
background-color: #DEF4FE;
border-radius: 10px;
z-index: -1;
}
.franchise-video iframe{
width: 100%;
border-radius: 10px;
}
video{
width: 100%;
border-radius: 10px;   }
.franchise-sec2.right .franchise-sec-inner{
text-align: right;
}
.franchise-sec2.right .franchise-sec-inner .franchise-text{
padding-left: 0;
padding-right: 100px;
}
.franchise-sec2.right .franchise-sec-inner .franchise-text:before{
left: inherit;
right: 0;
}
.franchise-sec2.right .justify-content-end{
-ms-flex-pack: start!important;
justify-content: flex-start!important;
}
.franchise-sec2.right .franchise-video{
margin-left: 80px;
margin-right: 0;
}
.franchise-sec2.right .franchise-video:before{
right: inherit;
left: -80px;
} .franchise-video-text{
position: absolute;
transform: rotate(-90deg);
left: -108px;
top: 60px;
}
.franchise-video-text h5{
margin-bottom: 0;
color: #4d4d4d;
font-size: 24px;
}
.franchise-video-text p{
margin-bottom: 0;
}
.franchise-text{
padding: 0 280px 0 100px;
}
.franchise-text{
padding: 0 100px 0 280px  !important;
} .franchise-video-text.franchise-video-text-right{
position: absolute;
transform: rotate(90deg);
right: -165px;
left: inherit;
top: 65px;
}
.franchise-video-text.franchise-video-text-right h5{
font-weight: 700;
font-family: 'futuralight';
}
.franchise-video-text.franchise-video-text-right p{
left: 40px;
position: relative;
}
.franchise-sec2{
position: relative;
padding-bottom: 150px;
}
.franchise-sec2:before{
content: '';
position: absolute;
top: -20px;
right: -230px;
background: url(//www.vibemarketingdurban.co.za/wp-content/themes/vibe/assets/images/franchise-sec-img2.png) no-repeat;
width: 1048px;
height: 1048px;
background-size: 1048px;
}
.franchise-service-offer{
text-align: right;
padding-left: 150px;
padding-top: 50px;
}
.franchise-service-offer h4{
color: #B0C8DA;
font-family: futuralight;
font-size: 30px;
}
.franchise-service-offer p{
font-size: 24px;
line-height: 30px;
}
.franchise-service-offer p b{
font-weight: normal;
box-shadow: inset 0 0px 0 0 #fff, inset 0 -10px 0 0 #def4fe;
}
.franchise-service-offer .service-offer-one{
padding-right: 95px;
position: relative;
}
.franchise-service-offer .service-offer-one:before{
content: '';
position: absolute;
right: 0;
top: 15px;
width: 76px;
height: 3px;
background-color: #A5C4D8;
}
.franchise-service-offer .service-offer-two{
position: relative;
margin-right: 95px;
padding-right: 30px;
}
.franchise-service-offer .service-offer-two:before{
content: '';
position: absolute;
right: 0;
top: 0;
width: 3px;
height: 100%;
background-color: #A5C4D8;
}
.franchise-service-offer .service-offer-two ul{
padding-left: 0;
}
.franchise-service-offer .service-offer-two ul li{
font-size: 19px;
}
.franchise-sec3 {
position: relative;
padding-bottom: 200px;
}
.franchise-sec3:before{
content: '';
position: absolute;
top: -100px;
left: -100px;
background: url(//www.vibemarketingdurban.co.za/wp-content/themes/vibe/assets/images/franchise-sec-img3.png) no-repeat;
width: 830px;
height: 830px;
background-size: 830px;
}
.franchise-sec4{
padding: 70px 0;
background-color: #DEF4FE;
}
.franchise-sec4 h5{
font-family: 'futuralight';
font-size: 36px;
color: #A2C7DE;
margin-bottom: 0;
}
.franchise-sec4 h4{
color: #37607A;
font-size: 48px;
}
.franchise-table-sec-title{
margin-bottom: 30px;
} .franchise-table{
background-color: #fff;
border-radius: 10px;
box-shadow: 0px 4px 17.46px 0.54px rgba(125, 124, 124, 0.17);
text-align: center;
overflow: hidden;
margin-bottom: 70px;
}
.table-heading{
padding: 20px 0;
background-color: #37607A;
}
.table-heading h4{
color: #fff;
font-size: 20px;
font-family: 'futurabold';
margin-bottom: 0;
text-transform: uppercase;
}
.table-body{
display: flex;
flex-wrap: wrap;
padding: 20px;
}
.table-body p{
position: relative;	
font-size: 16px;
line-height: 18px;
padding-bottom: 15px;
margin-bottom: 15px;
min-height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.table-body p:last-child:before{
height: 0;
}
.table-body p:last-child{
margin-bottom: 0;
padding-bottom: 0;
}
.table-body p:before{
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
width: 190px;
height: 1px;
background-color: #B0CDE0;
}
.table-body .table-col{
width: 33%;
padding: 15px;
}
.table-body .table-col:nth-child(2){
border-left: 1px solid #B4D0E1; 
border-right: 1px solid #B4D0E1; 
}
.franchise-sec4-bottom{
}
.franchise-sec4-bottom-inner{
padding-right: 220px;
margin-bottom: 80px;
}
.franchise-sec4-bottom-inner h4{
font-size: 26px;
color: #37607A;
text-transform: uppercase;
padding-bottom: 25px;
margin-bottom: 10px;
position: relative;
}
.franchise-sec4-bottom-inner h4:before{
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 400px;
height: 3px;
background-color: #99C4DD;
}
.franchise-sec4-bottom-inner p{
font-size: 24px;
}
.franchise-sec4-bottom-inner p b{
font-weight: normal;
color: #37607a;
}
.franchise-sec4-bottom-inner:nth-child(even){
text-align: right;
padding-right: 0;
padding-left: 220px;
}
.franchise-sec4-bottom-inner:nth-child(even) h4:before{
left: inherit;
right: 0;
}
.franchise-sec4-bottom-note p{
font-size: 27px; color: #333333;
margin-bottom: 0;
text-align: center;
font-weight: bold;
}
.franchise-sec5{
padding: 140px 0 160px;
text-align: center;
background: url(//www.vibemarketingdurban.co.za/wp-content/themes/vibe/assets/images/interested-bg-img.png) no-repeat;
background-size: cover;
background-position: center 100px;
}
.franchise-sec5 h2 {
font-size: 50px;
color: #5594BC;
padding-bottom: 5px;
text-transform: uppercase;
} .franchise-sec5 p{
font-size: 24px;
margin: 15px 0 35px;
}
.franchise-sec5 p a{
color: #5594BC;
font-weight: 700;
}
.franchise-sec5 p b a{
color: #333333;
}
.brochure-download-btn{
display: inline-block;
padding: 10.5px 30px;
border-radius: 10px;
font-size: 25px;
background-color: #5594BC;
color: #fff;
margin: 0 5px 15px;
transition: all ease 0.5s;
}
.brochure-download-btn:hover{
background-color: #333;
color: #fff;
}
.home-portfolio-item .service-box{
background: ;
}
.home-portfolio-item .service-box img{
position: absolute;
top: 0;
left: 0;
border-radius: 8px;
opacity: .5;
}
.home-portfolio-item .service-box{
background-color: #000;
}  .laptop-wrapper{
position: relative;
background: url(//www.vibemarketingdurban.co.za/wp-content/themes/vibe/assets/images/laptop.png) no-repeat;
background-size: cover;
max-width: 1262px;
min-height: 742px;
margin: 0 auto;
}
.laptop-wrapper-inner{
max-width: 967px;
margin: 0 auto;
padding-top: 30px;
}
.laptop-wrapper header{
padding: 50px 0 10px;
}
.laptop-wrapper header .menu{
position: absolute;
top: 20px;
left: -2px;
height: 80vh;
max-height: 525px;
}
.laptop-wrapper header .logo{
padding-left: 100px;
}
.laptop-wrapper .banner-slider{
padding-left: 102px;
}
.laptop-wrapper .banner-slide{
height: 522px;
}
.laptop-wrapper .banner-text {
margin-top: -350px;
}
.laptop-wrapper .banner-img {
padding-left: 20%;
}
.laptop-wrapper .banner-text h1{
font-size: 80px;
line-height: 70px;
}
.laptop-wrapper .banner-text span img {
max-width: 56px;
margin-top: -16px;
}
.laptop-wrapper .banner-img img{
height: 522px;
object-fit: cover
}
.laptop-wrapper .banner-slider .slick-dots{
bottom: 30px;
}
.laptop-wrapper .laptop-wrapper-inner{
position: relative;
overflow: hidden;
}
.laptop-wrapper header nav{
position: absolute;
top: 20px;
min-height: 80.1vh;
}
.laptop-wrapper .banner-slider .banner-img{
overflow:hidden; 
}       .laptop-wrapper .banner-slider video{
border-radius: 0;
height: 522px;
width: auto;
position: relative;
z-index: -1;
}
.header2 .menu{
width: 90px;
height: 90px;
line-height: 90px;
left: -100px;
}
.header2 .menu.fixedmenu{
height: 90px;
left: 0;
}
.home-sec1{
padding-top: 60px;
}
.inner-header .menu.innerpage-banner-menu-fix{
height: 90px;
line-height: 90px;
} .home-portfolio-item.portfolio-item .item a{
position: unset;
display: unset;
border-radius: 0;
overflow: unset;
color: unset;
}
.home-portfolio-item.portfolio-item .item{
margin-bottom: 0;
}
header.mobile-header .menu{
height: 80vh;
}
.franchise-banner-img video{
border-radius: 0;
}
.portfolio-item .portfolio-box{
position: relative;
}
.portfolio-box img{
background-color: #000 !important;
opacity: 0.5;
}
.portfolio-item .portfolio-box{
background-color: #333333 !important;
}
.portfolio-item .portfolio-box .portfolio-item-img{
opacity: 0.5;
}
.privacy-page,
.termspage{
margin-bottom: 40px;
}
video::-webkit-media-controls-volume-slider,
video::-webkit-media-controls-timeline,
video::-webkit-media-controls-fullscreen-button {
display:none;
}
.home-portfolio-item .service-box-text {
padding: 110px 15px 30px 70px;
}
.portfolio-item-img h4 {
display: inline-block;
width: auto;
position: relative;
}
.portfolio-box-otitle h4:before, .portfolio-box-mtitle h4:before, .portfolio-box-mctitle h4:before, .portfolio-box-dtitle h4:before, .portfolio-box-gtitle h4:before, .portfolio-box-gctitle h4:before, .portfolio-box-octitle h4:before, .portfolio-box-budtitle h4:before, .portfolio-box-abtitle h4:before, .portfolio-item-img h4:before {
content: '';
position: absolute;
bottom: -12px;
left: 0;
right: 0;
margin: 0 auto;
width: 100%;
height: 3px;
background-color: #5594bc;
}
.portfolio-item .portfolio-box-otitle, .portfolio-item .portfolio-box-mtitle, .portfolio-item .portfolio-box-mctitle, .portfolio-item .portfolio-box-dtitle, .portfolio-item .portfolio-box-gtitle, .portfolio-item .portfolio-box-gctitle, .portfolio-item .portfolio-box-octitle, .portfolio-item .portfolio-box-budtitle, .portfolio-item .portfolio-box-abtitle, .portfolio-item-img div {
position: absolute;
top: 50%;
left: 50%;
padding: 0;
border-radius: 10px;
transition: all ease 0.4s;
color: #fff;
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
}
.last-section{
background-image: url(//www.vibemarketingdurban.co.za/wp-content/themes/vibe/assets/images/last-sec.jpg);
background-color: #5594bc;
background-size: cover;
background-repeat: no-repeat;
padding-top: 200px;
background-position: center;
padding-bottom: 200px;
padding-left: 100px;
padding-right: 100px;
}
.last-section h4{
text-align: center;
font-size: 49px;
line-height: 48px;
color: #def4fe;
}
.franchise-sec4-bottom-note b {
font-weight: bold;
color: 	#5594bc;
}
@media screen and (max-width: 1900px) and (min-width: 1800px) {
.inner-header .container {
max-width: 1500px;
}
}     @media screen and (max-width: 1799px) and (min-width: 1600px) {
.inner-header .container {
max-width: 1370px;
}
}
@media screen and (max-width: 1599px) and (min-width: 1480px) {
.inner-header .container {
max-width: 1260px;
}
}
@media screen and (max-width: 1338px) and (min-width: 1199px) {
.inner-header .container {
max-width: 1050px;
}
}
@media screen and (max-width: 1120px) and (min-width: 1025px) {
.inner-header .container {
max-width: 880px;
}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
.portfolio-item-img video{
width: 194px;
height: 128px;
}
}
@media screen and (max-width: 767px) and (min-width: 537px) {
.portfolio-item-img video{
width: 219px;
height: 140px;
}
}
@media screen and (max-width: 536px) and (min-width: 452px) {
.portfolio-item-img video{
height: 120px;
}
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
.portfolio-item-img video{
width: 281px;
height: 185px;
}
}
@media screen and (min-width: 320px) and (max-width: 480px){
}
.inner-banner-text-box .title a{
color: #5594bc;
}
.franchise-sec4 h4.highlight{
color: #37607A;
font-size: 23px;
text-transform: uppercase;
font-family: 'futuralight';
font-weight: bold;
}
.contact-location-tabs .tab-content p b{
font-size: 24px;
color: #000;
font-weight: bold;
}
.contact-location-tabs .tab-content-text p{
font-size: 24px;
margin: 5px;
color: #000 !important;
font-weight: bold;
}
.portfolio-menu ul li a{
display: inline-block;
list-style: none;
color: rgba(85, 148, 188, 0.5);
font-size: 21px;
margin: 0 20px;
cursor: pointer;
}
.portfolio-menu ul li a.active {
color: #37607a;
}
#success-mail{
background-color: #c9ffe5;
border: 1px solid #09c97f;
color: #000000;
font-size: 21px;
padding: 8px;
margin-bottom: 20px;
width: 100%;
text-align: center;
}
.form-group br {
display: none;
}
form.contactform textarea, form.wpcf7-form textarea {
height: 50px;
width: 100%;
}
label.form-control-placeholder {
color: #5594bc;
font-size: 24px;
}
h1:not(.site-title):before, h2:before{
display: none;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
margin: 0;
}
video {
width: 100%;
height: 100%;
}
.hide{
display: none !important;
}
.wpcf7-response-output {
margin: 0 auto !important;
margin-bottom: 35px !important;
}
.home .home-portfolio-menu.portfolio-menu {
display: none;
}
.home-sec6{
padding: 0px 0px 70px 0px;
}
.video-sec {
display: flex;
justify-content: center;
max-width: 640px;
margin: 0px auto;
border: 7px solid #1d9abb;
border-radius: 10px;
overflow: hidden;
max-height: 375px;
}
.row.video-sec iframe {
object-fit: contain;
width: 100%;
}
.video-heading h4 {
text-align: center !important;
margin-bottom: 65px;
line-height: 57px;
text-transform: uppercase;
}
.title.video-heading h4:before {
right: 0 !important;
margin: 0 auto;
}
.video-sec video {
border-radius: 0px !important;
} .blog_page_section .whyus-box {
position: relative;
display: inline-block;
padding-right: 0;
margin-bottom: 140px;
}
.blog_page_section .whyus-box h3 {
font-size: 22px;
line-height: 29px;
padding: 5px;
}
.blog_page_section .whyus-box h3 a {
color: #37607a;
}
.blog_page_section .whyus-box p {
font-size: 20px;
line-height: 28px;
padding-left: 8px;
position: relative;
margin-top: 7px;
}
.blog_page_section .whyus-box .whyus-icon img {
width: 100%;
height: 250px;
object-fit: cover;
}
.blog_page_section .whyus-box p {
font-size: 20px;
line-height: 28px;
padding-left: 15px;
position: relative;
margin-top: 7px;
}
.blog_page_section .whyus-text a {
margin-top: 15px;
display: inline-block;
color: #37607a;
font-weight: 600;
}
.blog_page_section .whyus-box p:before {
content: '';
position: absolute;
top: 0px;
left: 4px;
width: 1px;
height: 100%;
background-color: #AAC9DD;
}
.blog_page_section .navigation.pagination {
display: flex;
justify-content: center;
width: 100%;
margin-bottom: 30px;
}
.blog_page_section .nav-links {
display: flex;
align-items: center;
}
.blog_page_section .navigation .nav-links .page-numbers {
display: flex;
align-items: center;
margin-left: 20px;
color: #1d9abb;
font-weight: 600;
}
.prev .page-numbers svg,
.page-numbers svg {
background: #1d9abb;
color: #e5e5e5;
height: 35px;
width: 35px;
fill: #fff;
border-radius: 5px;
}
span.page-numbers.current {
background: #def4fe;
text-align: center;
line-height: 30px;
padding: 2px 14px;
border-radius: 5px;
font-weight: 800;
}
.blog_page_section span.nav-next-text,.blog_page_section span.nav-prev-text {
display: none;
}
.header_meta_section {
margin-bottom: 30px;
}
.header_meta_section,
.header_meta_section span {
display: flex;
align-items: center;
margin-right: 10px;
}
.header_meta_section span svg {
background: #def4fe;
height: 32px;
width: 32px;
line-height: 30px;
padding: 6px;
border-radius: 50%;
fill: #5594bc;
}
.header_meta_section span a {
margin-left: 6px;
color: #5594bc;
font-size: 16px;
}
.entry-content p img{
width: 100%;
max-width: 100%;
width: auto;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
font-size: 22px;
line-height: 33px;
text-transform: uppercase;
margin-bottom: 12px;
color: #5594bc;
}
.entry-content p {
font-size: 18px;
color: #000;
}
.entry-content p a {
color: #5594bc;
font-weight: 700;
letter-spacing: 1px;
}
.single-post .navigation.post-navigation .nav-links {
display: flex;
justify-content: space-between;
}
.single-post .nav-links .meta-nav {
background: #1d9abb;
color: #fff;
padding: 10px 15px;
border-radius: 5px;
font-size: 19px;
transition: all ease 0.5s;
}
.single-post .nav-links .meta-nav:hover{
background: #333333;
}
.single-post .nav-links .post-title {
display: none;
}
.discussion-avatar-list {
display: none;
}
.discussion-avatar-list {
display: none;
}
.comment-list {
list-style: none;
}
.comment-meta {
background: transparent;
padding: 0;
}
.comment-author img {
border-radius: 50%;
margin-right: 20px;
}
.children {
list-style: none;
padding: 10px 25px;
border-left: 2px solid #1d9abb;
margin-left: 30px;
}
.comment-metadata a time,
.comment-content {
color: #000;
}
.comment-author a b {
color: #000;
text-transform: capitalize;
}
.comment-form-comment label {
display: block;
text-transform: uppercase;
color: #000;
font-weight: 600;
} 
.comment-author {
margin-top: 10px;
}
.comment-notes,
.comment-form-cookies-consent label{
color: #000 !important; 
font-weight: 600;
text-transform: capitalize;
}
.comment-form-email input,
.comment-form-url input,
.comment-form-author input,
.comment-form-comment textarea {
width: 100%;
border-radius: 5px;
border: 1px solid #dddd;
}
.comment-form-email label,
.comment-form-url label,
.comment-form-author label {
display: block;
color: #000;
font-size: 20px;
}
.form-submit input{
background: #1d9abb;
color: #fff;
padding: 7px 15px;
border-radius: 5px;
border: none;
font-size: 17px;
transition: all ease 0.5s;
}
.form-submit input:hover{
background: #333333;
}
.single-post article {
border-bottom: 1px solid #dddd;
margin-bottom: 39px;
}
.single-post .navigation.post-navigation {
margin-bottom: 70px;
}
.comments-title {
color: #000;
margin-bottom: 10px;
}
.comment-author .post-author-badge {
display: none;
}
.discussion-meta-info {
display: flex;
align-items: center;
}
.single .entry-content figure {
margin: 0 auto;
text-align: center;
}@media (min-width: 1169px) {
.mobile-header,
.mobile-banner-slider{
display: none;
}
}
@media (max-width: 1168px) {
.laptop-wrapper{
display: none !important;
}
}
@media (max-width: 1170px) {
.laptop-wrapper-inner {
max-width: 900px;
}
.laptop-wrapper .banner-slider video{
height: 475px;
}
.laptop-wrapper .banner-img img {
height: 475px;
}
.laptop-wrapper .banner-slider .slick-dots {
bottom: 60px;
} .franchise-sec1,
.franchise-sec2,
.franchise-sec3,
.franchise-sec4,
.franchise-sec5{
overflow-x: hidden;
}
.laptop-wrapper{
background-size: 100%;
max-width: 100%;
min-height: 710px;
}
.laptop-wrapper header .menu{
left: 0;
top: 16px;
}
.laptop-wrapper header {
max-width: 80vw;
}
.laptop-wrapper header .logo {
padding-left: 100px;
}
}
@media (max-width: 1199px) {
.home .service-box {
min-height: 210px;
}
}
@media (max-width: 1100px) {
.contactform-bg-text h2 {
font-size: 250px;
line-height: 250px;
}
}
@media (max-width: 1024px) {
.banner-text h1{
font-size: 80px;
line-height: 80px;
}
header .menu,
header .menu.fixedmenu {
height: 90px;
width: 90px;
line-height: 90px;
}
.banner-text,
header .logo	{
padding-left: 80px;
}
header .menu.fixedmenu{
height: 100px;
line-height: 100px;
}
.inner-img img{
width: 100%;
}
.title.left p {
padding-right: 0;
}
.title.right p{
padding-left: 0;
}
.home-sec4{
background-size: 70%;
background-position: left center;
}
.client-logo-slider .logo-slide img{
width: 100%;
}
footer .social-icon li{
margin-right: 10px;
}
.client-logo-bg-text h2{
font-size: 160px;
}
.service-box-text{
padding: 30px 15px 30px 50px;
}
.service-box-text:before{
left: 30px;
}
.portfolio-menu ul li{
margin: 0 10px 15px;
}
.portfolio-menu{
margin-bottom: 30px;
}
.whyus-box h3{
font-size: 32px;
line-height: 32px;
}
.whyus-box p {
font-size: 18px;
line-height: 28px;
}
.whyus-box {
padding-right: 15px;
}
.inner-banner-text-box h1{
margin-bottom: 20px;
}
.contact-location-title h2 {
font-size: 60px;
}
.contact-location-tabs .nav a{
padding: 10px 20px;
min-width: auto;
}
.contact-location-tabs .tab-content-img img{
max-width: 100%;
}
.contact-location-tabs .tab-content {
padding-left: 0;
}
.directors-sec1-inner .director-block {
padding: 210px 25px 89px 25px;
}
.franchise-sec5 h2 {
font-size: 50px;
}
}
@media (max-width: 991px) {
.banner-text span img {
width: 65px;
}
.banner-text, header .logo {
padding-left: 0;
}
.title h4{
font-size: 36px;
line-height: 36px;
}
.home-sec1 .inner-img:before, .home-sec2 .inner-img:before{
top: 45px;
left: -60px;
}
.home-sec2 .inner-img:before {
left: inherit;
right: -60px;
}
.home-sec1,
.home-sec2,
.home-sec3 {
padding: 80px 0 80px;
}
.home-sec4 {
background-size: 60%;
}
.client-logo-bg-text h2{
font-size: 150px;
}
.client-logo-slider{
padding: 0;
}
.footer-col4{
max-width: initial;
padding: 30px 20px;
}
.copyright {
margin-top: 30px;
}
.portfolio-item-text h4{
font-size: 18px;
}
.portfolio-item .item{
width: 28%;
}
.inner-banner-text-box h1 {
font-size: 40px;
line-height: 50px;
}
.inner-banner-text-box{
padding: 50px 50px 55px;
}
.contact-all-location-sec .tab-content {
padding-left: 0px !important;
}
.tab-content-img img{
max-width: 100%;
}
.franchise-sec-inner .franchise-text {
padding-right: 100px !important;
}
.franchise-sec.right .franchise-sec-inner .franchise-text{
padding-left: 100px !important;
}
.franchise-sec4-bottom-inner:nth-child(even){
padding-left: 0;
}
.franchise-sec4-bottom-inner{
padding-right: 0;
}
.home .service-box {
min-height: 145px;
}
.home-portfolio-item .service-box-text {
padding: 50px 15px 60px 70px;
}
}
@media (max-width: 800px) {
.banner-text, header .logo {
padding-left: 60px;
}
.banner-img {
padding-left: 25%;
}
.banner-text {
margin-top: -350px;
}
.contactform-bg-text h2 {
font-size: 170px;
line-height: 170px;
}
}
@media (max-width: 768px) {
.franchise-sec-inner .franchise-text {
padding-right: 0 !important;
}
.franchise-sec.right .franchise-sec-inner .franchise-text {
padding-left: 0 !important;
}
.franchise-service-offer {
padding-left: 0;
}
}
@media (max-width: 767px) {
header .menu,
header .menu.fixedmenu {
height: 100px !important;
line-height: 100px !important;
}
.banner-text, header .logo {
padding-left: 0;
}
.home-sec2 .title.right{
margin-top: 55px;
}
.home-sec1, .home-sec2, .home-sec3 {
padding: 60px 0 60px;
}
.service-box{
margin: 0 auto 15px;
}
.home-sec4{
background-position: 0 0;
background-size: 92%;
}
.home-sec4 .inner-text{
margin-top: 550px;
}
.whyus-box h5{
top: -20px;
}
.portfolio-item{
columns: 1;
}
.portfolio-item .item {
width: 43%;
}
.tab-content-img{
margin-bottom: 15px;
}
.tab-content-img,
.tab-content-text{
text-align: center;
}
.contact-location-tabs ul{
justify-content: center;
}
.contact-location-tabs ul li{
margin-right: 15px;
margin-bottom: 15px;
}
.directors-sec1 .director-block{
width: 100%;
}
.directors-sec1 .btn-center{
text-align: left;
}
.directors-sec1-inner .director-block .white-btn{
margin-top: 20px;
}
.directors-sec2 .director-img img{
max-height: initial;
min-height: auto;
width: 100%;
}
.directors-sec2 .team-block{
margin-bottom: 30px;
}
.home-map .mapdot{
display: none;
}
.home-map img{
width: 100%;
}
.home .service-box {
min-height: 165px;
}
.home-portfolio-item .service-box-text {
padding: 70px 15px 60px 50px;
}
}
@media (max-width: 676px) {
header .menu, header .menu.fixedmenu {
height: 80px !important;
line-height: 80px !important;
width: 80px;
}
header {
padding: 30px 0 30px 40px;
}
.banner-text h1 {
font-size: 50px;
line-height: 50px;
}
.banner-text span img {
width: 38px;
margin-top: -10px;
}
.banner-text {
margin-top: -210px;
}
.home-sec1 .inner-text {
padding-top: 0;
}
.inner-banner-text-box{
margin-top: -140px;
}
.contact-sec1{
margin-top: -264px;
}
.directors-sec1 {
margin-top: -176px;
}
}
@media (max-width: 575px) {
header nav{
height: 100%;
width: 100%;
padding: 0 100px;
}
header {
padding: 20px 0 30px 80px;
}
header .col-md-6{
max-width: 50%;
}
.home-sec2 .inner-img:before{
right: 0;
}
.home-sec1 .inner-img:before, .home-sec2 .inner-img:before {
left: 0;
}
.home-sec4 .inner-text{
padding-right: 50px;
}
.global-location .col-md-6{
max-width: 50%;
}
.client-logo-bg-text h2 {
font-size: 120px;
letter-spacing: 0;
}
.inner-banner-text-box{
padding: 30px 40px 40px;
}
.inner-banner-text-box {
margin-top: -50px;
}
.reference-box:before{
left: 0;
}
.reference-box:nth-child(even):before {
right: 0;
}
.contactform-bg-text h2 {
font-size: 120px;
line-height: 120px;
}
form.contactform .form-group {
width: 100%;
}
.contact-sec1 {
margin-top: -290px;
}
.directors-sec1 {
margin-top: -231px;
}
.directors-sec1-inner .director-block:nth-child(1) {
padding-top: 250px;
}
.team-block:hover {
transform: scale(1);
}
}
@media (max-width:535px) and (min-width:470px) {
.home-portfolio-item .service-box-text {
padding: 70px 15px 60px 50px;
}
}
@media (max-width: 540px) {   }
@media (max-width: 480px) {
.inner-banner-text-box h1{
font-size: 38px;
line-height: 38px;
}
.whyus-box h3 {
font-size: 28px;
line-height: 32px;
}
.directors-sec1 {
margin-top: -245px;
}
.directors-sec1-inner .director-block:nth-child(1) {
padding-top: 270px;
}
.team-block .director-name h4 {
font-size: 18px;
}
.home-sec4 .inner-text {
margin-top: 400px;
}   }
@media (max-width:473px) and (min-width:465px) {
.home .service-box {
min-height: 138px;
}
}
@media (max-width:474px) and (min-width:414px) {
.service-box-text:before {
left: 20px;    
top: 18px;
}
.home-portfolio-item .service-box-text {
padding: 60px 15px 60px 34px;
}
.service-box-text h4 {
font-size: 24px;
}
}
@media (max-width: 414px) {
.banner-img {
padding-left: 20%;
}
.banner-text {
margin-top: -200px;
}
.banner-text h1 {
font-size: 32px;
line-height: 32px;
}
.banner-text span img {
width: 25px;
margin-top: -4px;
}
.banner-text {
margin-top: -130px;
}
.title h4 {
font-size: 24px;
line-height: 24px;
}
.title h5{
font-size: 28px;
line-height: 42px;
}
.title p,
.service-box-text p{
font-size: 18px;
line-height: 24px;
}
.service-box-text h4 {
font-size: 22px;
}
.home-sec4 .inner-text {
margin-top: 300px;
}
.home-sec4 .location-inner h4{
font-size: 18px;
}
.copyright{
padding: 0 15px;
}
header .menu, header .menu.fixedmenu {
height: 50px !important;
line-height: 50px !important;
width: 50px;
}
header nav{
padding: 0 50px;
}
header{
padding: 10px 0 20px 50px;
}
header .logo img{
max-width: 100px;
}
.social ul li a{
font-size: 18px;
}
.social ul li{
margin-right: 10px;
}
.menu img{
max-width: 26px;
}
header nav ul li a{
font-size: 26px;
line-height: 50px;
}
.client-logo-slider .logo-slide img {
width: auto;
max-width: 100%;
}
.portfolio-item .item {
width: 96%;
}
.contactform-bg-text h2 {
font-size: 90px;
line-height: 90px;
}
}
@media (max-width: 375px) {
.banner-slider .slick-dots{
bottom: 10px;
}
.slick-dots li,
.banner-slider .slick-dots li button:before{
width: 9px;
height: 9px;
}
.home-sec5{
padding: 50px 0;
}
.client-logo-bg-text h2{
font-size: 80px;
}
.footer-col1, .footer-col2, .footer-col3{
padding: 0;
}
.whyus-box h3 {
font-size: 24px;
line-height: 28px;
}
.inner-banner img {
min-height: 240px;
object-fit: cover;
}
.inner-banner-text-box {
padding: 20px 20px 30px;
}
.inner-banner-text-box h1 {
font-size: 28px;
line-height: 28px;
margin-bottom: 10px;
}
.references-sec1 {
padding: 130px 0;
}
.references-sec1 p {
font-size: 18px;
line-height: 28px;
}
.reference-box {
margin-bottom: 150px;
}
.contact-location-tabs .tab-content p {
font-size: 18px;
}
.contact-location-tabs .tab-content h4,
.contact-location-tabs .tab-content h4 b {
font-size: 24px;
}
.contact-location-tabs ul li{
margin-right: 0px;
margin-bottom: 15px;
width: 100%;
}
.contact-location-tabs .nav a {
font-size: 18px;
}
form.contactform .form-group {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 767px) and (min-width: 548px) {
.table-body p:before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
width: 131px;
height: 1px;
background-color: #B0CDE0;
}
}		
@media only screen and (max-width: 547px) and (min-width: 320px) {
.table-body p:before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
width: 70px;
height: 1px;
background-color: #B0CDE0;
}
}
@media only screen and (max-width: 410px) and (min-width: 320px) {
.franchise-sec2.right .franchise-video {
margin-left: 18px;
margin-right: -9px;
}
.franchise-video {
position: relative;
margin-right: 0;
}
}		
@media only screen and (max-width: 410px) and (min-width: 320px){
.last-section h4 {
text-align: center;
font-size: 35px;
line-height: 40px;
color: #def4fe;
}
}
@media (max-width: 320px) {
.inner-banner-text-box {
padding: 20px 20px 30px;
}
.inner-banner-text-box h1{
font-size: 26px;
}
.inner-banner-text-box h1 {
margin-bottom: 10px;
}
.reference-box:before {
background-size: 275px;
width: 275px;
height: 115px;
}
.references-sec1 p {
font-size: 18px;
line-height: 24px;
}
.home .service-box {
min-height: 210px;
}
}
@media (max-width:535px) and (min-width:470px) {
.home .service-box {
min-height: 145px;
}
}
@media (max-width:465px) and (min-width:451px) {
.home .service-box {
min-height: 135px;
}
}
@media (max-width:450px) and (min-width:444px) {
.home .service-box {
min-height: 230px;
}
}
@media (max-width:443px) and (min-width:414px) {
.home .service-box {
min-height: 215px;
}
}
@media (max-width:450px) and (min-width:414px) {
.home-portfolio-item.portfolio-item {
left: 12%;
}
.portfolio-sec1 .portfolio-item {
left: 12%;
}   .service-box-title h4:before {
content: '';
position: absolute;
bottom: -18px;
left: 0;
right: 0;
margin: 0 auto;
width: 68px;
height: 3px;
background-color: #5594bc;
}
.service-box h4 {
font-family: 'futuralight';
font-weight: 600;
position: relative;
color: #fff;
font-size: 20px;
}
.portfolio-item .item {
width: 73%;
}   .service-box-text {
position: absolute;
top: -3%;
left: -7%;
width: 111%;
height: 110%;
padding: 30px 15px 30px 70px;
border-radius: 10px;
z-index: 99;
transition: all ease 0.4s;
opacity: 0;
}
.home-portfolio-item .service-box-text {
padding: 105px 15px 60px 34px;
}
}
@media (max-width: 414px) {
.home .service-box {
min-height: 210px;
}
.home-portfolio-item .service-box img{
height: 211px;    
}
.service-box-text {
position: absolute;
top: 0;
left: 0;
width: 105%;
height: 103%;
padding: 30px 15px 30px 70px;
}
.home-portfolio-item .service-box-text {
padding: 90px 15px 60px 50px;
}
}
@media (max-width:1024px){
.header_meta_section span a {
font-size: 17px;
}
}
@media (max-width:991px){
.header_meta_section {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 8px;
}
.header_meta_section span{
margin-top: 10px;
}
.blog_page_section .whyus-box h3 {
font-size: 18px;
line-height: 25px;
}
}