/*
Theme Name: twentynineteen Child Theme
Theme URI: https://en-gb.wordpress.org/themes/twentynineteen/
Author: ChildThemeWP.com
Author URI: https://childthemewp.com
Description: My WordPress Twenty Nineteen child theme.
Template: twentynineteen
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0.0
Text Domain: twentynineteen-child
*/
/* =Reset
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Martel+Sans:200,300,400,600,700,800,900|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

.mobile-cta{
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	z-index: 1900;
}


.mobile-cta-btn{
	text-align: center;
	padding: 20px 20px;
	box-sizing: border-box;
	background: #141313;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	font-weight: bold;
	width: 100%;
}

@media screen and (min-width: 992px){
	.mobile-cta{
		display: block;
	}
}

#cta-section a{
	color: #fff;
	text-decoration: none;
}

#main-header .my-container{
	display: flex;
	align-content: center;
	justify-content: space-between;
}

#resmenu {
	display: none;
	box-sizing: unset;
	padding: 20px 0;
}
.sticky-header header {
    background: rgba(20,20,20,0.9);
    position: fixed;
    width: 100%;
    top: 0;
    padding: 8px 0px;
	z-index: 999;
    box-shadow: 6px -11px 19px #fff;
}
body{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
    overflow-x: hidden !important;
}
h2 {
    margin-bottom: 50px !important;
}
.my-container {
    max-width: 1110px;
    margin: 0 auto;
    z-index: 1;
    /*position: relative;*/
}
.my-container:after{
	content:"";
	clear:both;
	display:block;
}
.my-flex {
	display: flex;
	flex-wrap: wrap;
}
.vimeo-wrapper {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.normal-paragrpah {
    margin-bottom: 40px;
}
ul.normal-list {
	display: block !important;
    padding-left: 20px;
    margin-bottom: 24px;
}
ul.normal-list li {
	position: relative;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
}
ul.normal-list.disk-type li {
	padding-left: 24px;
}
ul.normal-list.disk-type li::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background-color: #000;
    left: 0;
    top: calc(50% - 3px);
    position: absolute;
    border-radius: 50%;
}
header{
	z-index:2;
	position:relative;
}
.main-header-logo, .header-menu, .social-media {
    /*  display: inline-block;
    vertical-align: middle; */
}
.sticky-header header .main-header-logo {
    max-width: 80px;
}
.sticky-header header .main-header-logo img {
    width: 100%;
}
.sticky-header header #main-header {
    padding-top: 0;
}
.social-media i:hover,
.footer-copy-right a:hover,
.footer-menu li a:hover,
.header-menu li a:hover,
#hp-section6 .why_choose_us_list ul li div:hover{
	opacity:0.6;
}
.social-media i,
.footer-copy-right a,
.footer-menu li a,
.header-menu li a,
#hp-section6 .why_choose_us_list ul li div{
	transition:all ease 0.5s;
}
.header-menu {
    /*max-width: 81%;
    width: 100%;
    text-align: center;*/
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.header-menu li {
    display: inline-block;
}
.header-menu li a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    padding: 0px 19px;
    font-weight: 400;
}
.menu-item-has-children .sub-menu {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding-top: 30px;
    background-color: transparent;
	opacity: 0;
	visibility: hidden;
	transition: all ease 0.2s;
}
.menu-item-has-children:hover .sub-menu {
	opacity: 1;
	visibility: visible;
}
.menu-item-has-children .sub-menu li {
    display: block;
    width: 100%;
}
.menu-item-has-children .sub-menu a {
    color: #000;
	display: block;
	padding: 10px 30px;
	background-color: rgba(255,255,255,0.95);
    width: 100%;
    box-sizing: border-box;
    text-align: left;
	transition: all ease 0.2s;
	opacity: 1 !important;
}
.menu-item-has-children .sub-menu a:hover {
	background-color: rgba(0,0,0,0.9);
	color: #fff;
}
.social-media i {
    color: #1f1f1f;
    background: #fff;
    border-radius: 50px;
    height: 25px;
    width: 25px;
    text-align: center;
    padding-top: 5px;
    box-sizing: border-box;
    margin-left: 5px;
}

#menu-main-menu li:nth-child(2) > a{
	position: relative;
}
#menu-main-menu li:nth-child(2) > a:after {
	color: #fff;
    content: '▼';
    font-size: 10px;
    vertical-align: 1px;
    top: 4px;
    position: absolute;
    right: 0;
}
#menu-main-menu li li:nth-child(2) > a:after {
	display: none;
}

div#main-header {
    padding-top: 11px;
}
.social-media {
    /*text-align: right;
    float: right;
    margin-top: 25px;*/
	display: flex;
	align-content: center;
	flex-wrap: wrap;
}

.call{
	padding: 0px 15px;
}

.call a{
	display: inline-block;
	border-radius: 30px;
	padding: 5px 11px;
	background: #fff;
	color: #000;
	text-decoration: none;
	font-size: 14px;
}

div#banner-section h1 {
    font-size: 52px;
    color: #fff;
    font-weight: bold;
    font-family: 'Martel Sans', sans-serif;
    text-align: center;
	line-height:1.3em;
    margin: 230px auto 0px;
    text-transform: uppercase;
}
.sub-title {
    font-size: 19px;
    color: #fff;
    text-align: center;
    margin-top: 5px;
}
div#banner-section {
    min-height: 835px;
    overflow: hidden;
    position: relative;
    top: -100px;
	width:100%;
	z-index:1;
}
a.btn-default {
    font-size: 16px;
    color: #000000;
    background: #fff;
    font-family: 'Martel Sans', sans-serif;
    font-weight: bold;
    text-decoration: none;
    padding: 15px 0px;
    width: 100%;
    max-width: 153px;
    margin: 32px auto 0px;
    display: block;
    text-align: center;
	transition:all ease 0.5s;
}
#cta-section a.btn-link {
    font-size: 16px;
    color: #000000;
    background: #fff;
    font-family: 'Martel Sans', sans-serif;
    font-weight: bold;
    text-decoration: none;
    padding: 15px 0px;
    width: 100%;
    max-width: 193px;
    margin: 32px auto 0px;
    display: block;
    text-align: center;
    transition: all ease 0.5s;
}
a.btn-default:hover,
#cta-section a.btn-link:hover {
    background: none;
    color: #fff;
    border: 2px solid;
}
div#banner-section:before {
    content: "";
    display: block;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
}
div#banner-section:after {
    content: "";
    background-image: url(/wp-content/uploads/2020/02/after-banner_02-x1.png);
    position: absolute;
    bottom: -4px;
    width: 100%;
    height: 210px;
    background-size: cover;
    background-position: top center;
}

div#hp-section2 h2 {
    text-align: center;
    font-size: 38px;
    font-weight: 900;
    font-family: 'Martel Sans', sans-serif;
    width: 100%;
    margin: 0px auto 10px;
    line-height: 1.2em;
}
.heading-h2{
        text-align: center;
        font-size: 38px;
        font-weight: bold;
        font-family: 'Martel Sans', sans-serif;
        width: 100%;
        line-height: 1.2em;
}
#hp-section2 .sub-title {
    color: #4c4c4c;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    line-height: 24px;
}
#hp-section2 .hpsec2-button {
    text-align: center;
    margin-top: 40px;
	display: none;
}
div#hp-section2 {
    background-size: cover;
    background-position: center top;
    padding-bottom: 100px;
    /* padding-top: 100px;
       margin-top: 50px;*/
    z-index: 0;
    position: relative;
}

.specialised_list li {
    display: inline-block;
    width: 19%;
    text-align: center;
	position: relative;
    vertical-align: top;
}
.specialised_list .service-link {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}
.specialised_services_list_content {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    font-family: open sans;
    background: rgba(0, 0, 0, 0.8);
    min-height: 230px;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    padding: 15% 20px;
    opacity: 0;
    top: 0;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.specialised_list li:hover .specialised_services_list_content {
    opacity: 1;
}
.specialised_list {
	max-width: 860px;
	margin: 0 auto;
	padding: 42px 0 130px;
}
.specialised_list h3 {
    font-size: 18px;
    font-weight: 900;
    font-family: 'Martel Sans', sans-serif;
    max-width: 200px;
    margin: 5px auto 0;
    line-height: 1.2em;
}
#hp-section2 .specialize-video {
	position: relative;
    text-align: center;
	padding-top: 130px;
}
#hp-section2 .specialize-video .portfolio_video_thumbnail {
    display: block;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}
#hp-section2 .specialize-video .iframe-video {
    width: 100%;
    height: calc(100% - 22px);
}
#hp-section2 .specialize-video iframe {
    height: 100%;
    width: 100%;
	top: 0;
}
#hp-section2::before {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2020/02/Double-Black-arrow-border.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 110px;
	top: 40%;
}
#hp-section3 h2 {
    text-align: center;
    font-size: 38px;
    font-weight: 900;
    font-family: 'Martel Sans', sans-serif;
    width: 100%;
    margin: 100px auto 10px;
    line-height: 1.2em;
	color: #fff;
}

#hp-section3 .sub-title {
    color: #ffffff;
    font-size: 19px;
    font-family: 'Open Sans', sans-serif;
    line-height: 24px;
}

#hp-section3 .sub-title {
    color: #ffffff;
    font-size: 19px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.2em;
    max-width: 510px;
    margin: 0 auto;
}

div#hp-section3 {
    background-size: cover;
    background-position: top center;
    padding-bottom: 168px;
    margin-top: 0px;
    padding-top: 100px;
	position:relative;
}
div#hp-section3:after {
    content: "";
    display: block;
    background: url(/wp-content/uploads/2019/08/after-img-3.png);
    position: absolute;
    height: 100px;
    width: 100%;
    left: 0;
    bottom: -20px;
    background-size: cover;
}
#hp-section3 .how_we_work_list li {
    display: block;
    width: 100%;
}
.how_we_work:hover:after {
    content: "";
    background: rgba(0,0,0,0.5);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: block;
    z-index: 0;
}
.how_we_work_list_container h3, .how_we_work_list_container h4 {
    z-index: 1;
    position: relative;
}
.how_we_work {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 370px;
    text-align: left;
    padding: 40px 26px;
	position:relative;
    box-sizing: border-box;
}
.how_we_work_list {
    margin-top: 62px;
}
.how_we_work_list ul {
    width: 100%;
    max-width: 920px;
    text-align: center;
    margin: 0 auto;
    display: grid;
    place-items: start;
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-columns: repeat(3, 1fr);
    grid-column-gap: 23px;
    grid-row-gap: 23px;
}
.how_we_work_list_container {
    position: absolute;
    bottom: 29px;
	width:100%;
	left:19px;
}
.how_we_work_list_container h3:after {
    content: "";
    display: block;
    height: 4px;
    background: #fff;
    width: 90%;
    margin-bottom: 12px;
    margin-top: 0px;
}

.how_we_work_list_container h3 {
    font-size: 65px;
    color: #fff;
    font-weight: bold;
    font-family: 'Martel Sans', sans-serif;
    line-height: 1em;
    padding: 0;
    margin: 0;
}
.how_we_work_list_container h4 {
    font-size: 26px;
    font-weight: bold;
    font-family: 'Martel Sans', sans-serif;
    color: #fff;
    line-height: 1em;
}
div#hp-section4 h2 {
    text-align: center;
    font-size: 38px;
    font-weight: 900;
    font-family: 'Martel Sans', sans-serif;
    width: 100%;
    line-height: 1.2em;
    color: #000000;
}
#hp-section4 .client_list .slick-track {
    display: flex;
    align-items: center;
}
#hp-section4 li img {
    width: 200px;
	max-width: 100%;
}
img.gv-img-client {
    position: absolute;
    z-index: -1;
    top: -55px;
    left: 0;
}
.client-heading-cont {
    max-width: 565px;
    margin: 0 auto;
    position: relative;
}
.client_list ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
}
.client_list ul li {
    display: inline-block;
    margin: 0;
    text-align: center;
	padding: 0 30px 30px;
}
.client_list {
    background: rgba(254, 254, 254, 0.3);
    padding-top: 20px;
    padding-bottom: 20px;
}
div#hp-section4 {
    min-height: 700px;
	position:relative;
	padding-bottom:100px;
}
div#hp-section4:after {
    content: "";
    display: block;
    width: 100%;
    height: 90%;
    position: absolute;
    background: rgba(244, 244, 244, 0.3);
    bottom: 0;
    z-index: 1;
}

/* Modal */
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.heading{
	text-align: center;
    font-size: 38px;
    font-weight: 900;
    font-family: 'Martel Sans', sans-serif;
    width: 100%;
    line-height: 1.2em;
    color: #000000;
}
/* Modal Content */
.modal-content {
    background-color: transparent;
    margin: 50px auto;
    padding: 0;
    border: none;
    width: 100%;
    max-width: 800px;
    position: relative;
}

/* The Close Button */
.close {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-right: -10px;
}
img#video-modal {
    cursor: pointer;
}
.modal-content iframe {
    width: 100%;
    height: 515px;
    position: absolute;
    z-index: 1;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

a.btn-link i {
    font-size: 23px !important;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    color: #5c5c51;
}

.hp-sec5-left img {
    width: 100%;
}
.hp-sec5-left {
    float: left;
    width: 57%;
}
#hp-section5 {
    background: #fcfcfc;
	padding-bottom: 104px;
}
.hp-sec5-right p {
    font-size: 19px;
    font-weight: 300;
    padding-left: 100px;
    display: block;
}
.client-heading-cont h2,
.client_list {
    z-index: 2;
}
.hp-sec5-right {
    float: right;
    width: 43%;
    padding: 0;
    left: -65px;
    position: relative;
    top: -20px;
}
.hp-sec5-right h2 {
    color: #000000;
    font-size: 42px;
    font-family: 'Martel Sans', sans-serif;
    font-weight: 900;
    line-height: 1.2em;
}
.hp-sec5-right h2:after {
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    background: #000000;
    margin-top: 20px;
    margin-bottom:20px;
}
.hp-sec5-buttons {
    padding-left: 100px;
    margin-top: 42px;
}

.hp-sec5-buttons a {
    display: inline-block;
    margin-right: 59px;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    font-family: 'Martel Sans', sans-serif;
}
.hp-sec5-buttons a:hover{
	opacity:0.6;
}

#hp-section6 .why_choose_us_list {
    z-index: 2;
}

#hp-section6 .why_choose_us_list ul {
    text-align: center;
    margin: 0;
    padding: 0;
}


#hp-section6 .why_choose_us_list ul li div {
    background-size: contain;
    height: 100px;
    width: 100px;
    background-repeat: no-repeat;
    padding: 32px 40px 40px;
    box-sizing: border-box;
	margin:0 auto;
}
#hp-section6 .why_choose_us_list ul li {
    display: inline-block;
    margin: 0;
    font-size: 18px;
    color: #000;
    text-decoration: none;
    font-weight: 900;
    font-family: 'Martel Sans', sans-serif;
    line-height: 1em;
    text-align: left;
    max-width: 24%;
    width: 100%;
}

#hp-section6 h2 {
    margin-bottom: 24px;
}
#hp-section6 {
    position: relative;
    background: url(/wp-content/uploads/2019/08/bg-sec.jpg);
    background-size: cover;
    background-position: bottom center;
    padding-top: 115px;
    padding-bottom: 150px;
	z-index: 1;
}
#hp-section6:before {
    content: "";
    background-image: url(/wp-content/uploads/2019/08/curve-before.jpg);
    display: block;
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    height: 65px;
    background-position: bottom center;
    background-size: cover;
}
div#hp-section7 h2 {
    font-size: 42px;
    text-align: left;
    margin-bottom: 30px;
}
div#hp-section7 {
    padding-top: 40px;
    position: relative;
    min-height: 900px;
}
div#hp-section7 .testimonial-content {
    font-size: 19px;
    font-weight: 300;
    border-left: 2px solid #000;
    padding-left: 20px;
    color: #4c4c4c;
	line-height:30px;
}
div#hp-section7 .testimonial-company {
    font-size: 19px;
    font-weight: bold;
    color: #4c4c4c;
}
div#hp-section7 .left {
    max-width: 50%;
    padding-top: 135px;
}
div#hp-section7 .testimonial-title {
    font-size: 19px;
    font-weight: bold;
    color: #4c4c4c;
    margin-top: 25px;
    margin-bottom: 10px;
}
ul.slick-dots li button {
    background: transparent;
    border: 2px solid #1b1b1b;
    color: transparent;
    border-radius: 50%;
    width: 16px;
    height: 16px;
}
ul.slick-dots li {
    display: inline-block;
    margin-right: 5px;
}
.slick-dots li.slick-active button {
    background: #1b1b1b;
}
div#hp-section7 ul.slick-dots {
    margin-top: 30px;
}
div#hp-section7 .right {
    position: absolute;
    top: 0;
    right: 0;
}
div#cta-section h2 {
    color: #fffefe;
    padding-top: 150px;
}

img.gv-img-footer {
    position: absolute;
    width: 375px;
}
.footer-widget-sub-title p {
    color: #ffffff;
    text-align: center;
    font-size: 19px;
    line-height: 30px;
    max-width: 50%;
    margin: 19px auto;
}
div#banner-section .my-container {
    position: relative;
}

div#cta-section:after {
    content: "";
    background: url(/wp-content/uploads/2019/08/GV-home-v2_06.png);
    position: absolute;
    bottom: -11px;
    left: 0;
    width: 100%;
    height: 75px;
    z-index: 0;
    background-size: cover;
    background-position: bottom center;
}
div#cta-section {
    min-height: 459px;
    position: relative;
    background-size: cover;
    background-position: top center;
}
.columns {
    display: inline-block;
    vertical-align: middle;
}
div#copyright-footer {
    padding-top: 25px;
	padding-bottom: 40px;
}
.footer-menu li a {
    font-size: 15px;
    text-decoration: none;
    color: #141414;
    font-weight: 400;
}
.footer-menu li {
    display: inline-block;
    margin: 0px 17px;
}
.column-3.columns,
.column-1.columns {
    width: 20%;
}
.column-2 {
    width: 59%;
}
.footer-copy-right p {
    font-size: 10px;
    font-weight: bold;
    font-family: 'Martel Sans', sans-serif;
    line-height: 1.2em;
    margin-top: 9px;
    text-transform: uppercase;
}
.footer-copy-right a {
    color: #1b1b1b;
    text-decoration: none;
}

.footer-social-media .social-media-container-footer i {
    color: #fff;
    background: #1f1f1f;
    font-size: 18px;
    padding-top: 3px;
}
#banner-section-inner {
    min-height: 650px;
    background-size: cover;
    background-position: bottom center;
    margin-top: -100px;
    box-sizing: border-box;
    padding-top: 198px;
}
.heading-title {
    font-size: 52px;
    color: #fff;
    font-weight: bold;
    font-family: 'Martel Sans', sans-serif;
    text-align: center;
    line-height: 1.3em;
}
.banner-tagline {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 1.4;
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
}
.service-list-sec{
    padding-top:80px !important;
}
.service-list-sec .specialised_list {
    margin-top: 80px;
}
.specialised_list_container ul {
    display: grid;
    place-items: start;
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-columns: repeat(3, 1fr);
    grid-column-gap: 23px;
    grid-row-gap: 23px;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
}
.specialised_list_container li {
    width: 100%;
    min-height: 330px;
    background-size: cover;
    box-sizing: border-box;
    position: relative;
    background-position: top center;
    height: 100%;
}
.ss_front h3 {
    width: 100%;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    font-family: 'Martel Sans', sans-serif;
    line-height: 36px;
    padding-top: 50%;
    min-height: 84px;
    padding-left: 20px;
    max-width: 235px;
    position: relative;
}


.specialised_list_container li:hover .ss_front {
    opacity: 0;
}
.specialised_list_container li:hover .ss_back {
    opacity: 1;
}
.specialised_list_container {
    margin-top: 110px;
}
.ss_back {
    position: absolute;
    top: -75px;
    opacity: 0;
    min-height: 390px;
    z-index: 1;
    width: 100%;
    left: 0;
    background: rgba(255,255,255,0.85);
    transition: all ease 0.5s;
    padding: 40px 20px;
    box-sizing: border-box;
    text-align: center;
    transform: scale(1.1);
}
.ss_back h3 br{
    display: none;
}
.ss_back a {
    color: #000000;
    font-size: 21px;
    font-weight: bold;
    padding-top: 51px;
    display: block;
    font-family: 'Martel Sans', sans-serif;
    text-decoration: none;
    border-bottom: 2px solid #858585;
    max-width: 130px;
    margin: 0 auto;
    line-height: 1em;
}
.ss_back a:hover{
    opacity: 0.6;
}
.ss_back h3 {
    font-size: 21px;
    font-weight: bold;
    color: #000000;
    line-height: 1.2em;
    font-family: 'Martel Sans', sans-serif;
}
.ss_front h3:before {
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    position: absolute;
    bottom: -5px;
    background: #fff;
    left: 20px;
    max-width: 230px;
}
.ss_back h3:after {
    content: "";
    background: #fff;
    display: block;
    height: 3px;
    width: 100%;
    max-width: 265px;
    margin: 10px auto 28px;
}
.ss-back-cont p {
    color: #000;
    font-size: 21px;
    font-weight: 400;
    font-family: open sans;
}
#services-sec3 {
	position: relative;
    padding: 165px 0px !important;
    background-size: cover;
    background-position: top center;
}
.anchor-point {
    position: absolute;
    top: -10px;
	display: block;
	width: 100%;
}
#services-sec3 h2 {
    font-size: 38px;
    color: #fff;
    font-weight: bold;
    font-family: 'Martel Sans', sans-serif;
    text-align: center;
    line-height: 1.3em;
    text-transform: uppercase;
    padding-bottom: 30px;
}
#services-sec3 {
    margin-bottom: 50px;
}
#services-sec3:after {
    content: "";
    display: block;
    background: url(/wp-content/uploads/2019/08/after-img-3.png);
    position: absolute;
    height: 100px;
    width: 100%;
    left: 0;
    bottom: -20px;
    background-size: cover;
}

/* 404 */
.error404 #main-header {
	background-color: #000000;
}
#four-ow-four {
    padding: 70px 0;
    text-align: center;
}
#four-ow-four .error-desc h1 {
    font-size: 100px;
    font-weight: bold;
    line-height: 106px;
}

/* Blog */
.wpspw-post-image-bg a {
    position: absolute;
    height: 100%;
}
.sp_wpspwpost_static.wpspw-design-1 .wpspw-medium-3 .wpspw-post-image-bg {
    height: 100%;
    min-height: 375px;
    box-sizing: border-box;
}
#blog-sec2 .sp_wpspwpost_static.wpspw-design-1 .wpspw-post-grid-content{
    border:none;
}
#blog-sec2 h2.wpspw-post-title a {
    position: absolute;
    bottom: 20px;
    color: #fff !important;
    font-size: 24px !important;
    font-weight: bold;
    font-family: 'Martel Sans', sans-serif;
    padding: 5px;
    line-height: 1.2 !important;
    width: 100%;
    max-width: 225px;
}
h4.blog-title {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    font-family: 'Martel Sans', sans-serif;
    line-height: 36px;
    max-width: 300px;
    margin: 83px 0px 38px;
}
.blog-excerpt {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    font-family: 'Martel Sans', sans-serif;
    max-width: 500px;
    line-height: 28px;
}
a.blog-readmore {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Martel Sans', sans-serif;
    font-weight: 400;
    margin-top: 95px;
    display: block;
}
a.blog-readmore:hover{
    opacity: 0.6;
}
.sp_wpspwpost_static.wpspw-design-1 .wpspw-medium-3:hover img {
    opacity: 0.7;
}
.blog-single-container {
    background-size: cover;
    padding: 90px 65px 65px;
    box-sizing: border-box;
}
.blog-single {
    margin-bottom: 20px;
}
.wpspw-clearfix::before, .wpspw-clearfix::after {
    content: unset !important;
}
/*.sp_wpspwpost_static .wpspw-post-grid:first-child {
    display: none;
}*/
.slick-cloned.red {
	opacity: 0.5;
}
/*#blog-sec2 .sp_wpspwpost_static .wpspw-post-grid[data-slick-index="23"] {
	display: none !important;
}*/
#blog-sec2 .sp_wpspwpost_static .wpspw-post-grid {
	clear: unset !important;
}
#blog-sec2 .slick-arrow {
    top: calc(50% - 25px);
}
.wpspw_pagination.wpspw-clearfix span, .wpspw_pagination.wpspw-clearfix a {
    font-size: 23px;
    font-weight: bold;
    font-family: 'Martel Sans', sans-serif;
    border: none;
    background: none;
}
#blog-sec2 a.page-numbers {
    color: #999999 !important;
}
.blog-date {
    color: #fff;
    font-family: 'Martel Sans', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
	display: none;
}
.blog-client{
    min-height:500px !important;
}
div#blog-sec2 {
    padding-top: 80px;
    margin-bottom: -100px;
}
.wpspw_pagination .next,
.wpspw_pagination .prev{
    display: none;
}
.blog-client:after{
    display: none !important;
}
#the-blog-details {
    display: none;
}
.al_left, .al_right {
    display: inline-block;
    vertical-align: top;
}
.sp_wpspwpost_static {
    display: block;
    width: auto;
}

.about_list li {
    display: block;
    max-width: 54%;
    position: relative;
    width: 100%;
}
.about_list li.about-list-right {
    float: right;
    text-align: left;
    max-width: 58%;
}

div#about-sec2 .about-right{
    float: right;
    width: 41%;
}
div#about-sec2 .about-left {
    float: left;
    width: 48%;
    padding-top: 35px;
    text-align: center;
}
.about-right h2 {
    font-size: 48px;
    font-weight: bold;
    color: #000000;
    font-family: 'Martel Sans', sans-serif;
    line-height: 40px;
}
.solve-content p {
    font-size: 18px;
    font-weight: 400;
    max-width: 400px;
}
li.about-list-lefts {
    text-align: right;
}
.al_right {
    max-width: 69%;
    margin-right: 45px;
    margin-left: 45px;
    padding-top: 15px;
}
.about_list li:first-child {
    margin-top: -100px;
}
.about-right h2:after {
    content: "";
    background: #353535;
    height: 2px;
    width: 100%;
    display: block;
    margin: 50px 0;
}
div#about-sec2 {
    padding-top: 50px;
}
div#about-sec3 {
    background-size: cover;
}
.al_right h3 {
    color: #000000;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: uppercase;
    line-height: 1em;
    font-family: 'Martel Sans', sans-serif;
}
.al_right p {
    font-size: 18px;
    color: #4c4c4c;
    font-weight: 400;
}
.al_left img {
    display: block;
    z-index: 1;
    position: relative;
}
.about_list li.about-list-right {
    float: right;
    text-align: left;
    max-width: 54%;
    padding-bottom: 30px;
}
li.about-list-lefts:after {
    content: "";
    background: #000;
    width: 2px;
    height: 100%;
    position: absolute;
    right: 47px;
    top: 71px;
    z-index: 0;
}
li.about-list-right:before {
    content: "";
    background: #000;
    width: 2px;
    height: 100%;
    position: absolute;
    left: 42px;
    top: 71px;
    z-index: 0;
}
div#about-sec4 {
    padding: 100px 0;
}
.clear{
    display: block;
    clear: both;
}
.about_team_list li {
    display: inline-block;
    vertical-align: top;
    max-width: 40%;
    margin: 0px 50px;
}
.about_team_list {
    margin-top: 50px;
    text-align: center;
}
.about_team_list h3 {
    font-size: 24px;
    font-weight: bold;
    font-family: 'Martel Sans', sans-serif;
    line-height: 39px;
    margin-top:55px;
}
.about_team_list h4 {
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    margin-bottom:30px;
}
.about_team_list p {
    text-align: left;
    font-size: 18px;
    line-height: 39px;
    font-weight: 400;
}
/* portfolio */
.portfolio-why{
    background:#fff !important;
}
.portfolio-why:before{
    display: none !important;
}
div#portfolio-sec2 h2 {
    color: #000000;
    font-size: 41px;
    font-family: 'Martel Sans', sans-serif;
    font-weight: 900;
    line-height: 1.2em;
}
.portfolio-sec2-left {
    float: left;
    width: 46%;
    padding-right: 50px;
    box-sizing: border-box;
}
.portfolio-sec2-right {
    float: right;
    width: 54%;
    text-align: right;
    position: relative;
}
.img-btn-bottom {
    margin-top: 50px;
    z-index: -1;
    position: relative;
}
.portfolio-sec2-right img#video-modal {
    box-shadow: 0px 5px 50px rgba(0,0,0,0.5);
}
div#portfolio-sec3 h2:after {
    content: "";
    display: block;
    height: 70px;
    width: 1px;
    background: #000;
    margin: 25px auto 30px;
}
div#portfolio-sec2 {
    padding: 100px 0px 0px;
    margin-bottom: 0px;
}
div#portfolio-sec3 {
    padding: 0px;
    position: relative;
    top: -80px;
}
#video_slider {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#video_slider .video_slide_item {
	position: relative;
}
#video_slider .video_slide_item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 50%;
    max-width: 48%;
    margin: 1%;
}
#video_slider .video_slide_item p {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
#video_slider .iframe-video {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}
#video_slider .iframe-video iframe {
    height: 100%;
    width: 100%;
}
.iframe-video {
    position: absolute;
    width: 100%;
    height: 650px;
    opacity: 0;
    top: -15px;
	z-index: -1;
}
.iframe-video iframe{
    height: 0;
    width: 100%;
}
#video_slider .slick-dots li button::before {
	color: transparent;
}
.video_container {
    position: relative;
}
.portfolio-sec2-right:before {
    content: "";
    display: block;
    height: 40%;
    width: 1px;
    background: #000;
    margin: 25px auto 30px;
    position: absolute;
    left: 44px;
    bottom: 92px;
}
img.video_thumbnail, .portfolio_video_thumbnail {
    z-index: 1;
    cursor: pointer;
    position: relative;
}
#video_slider .video_slide_item .portfolio_video_thumbnail {
    width: 100%;
}
#portfolio-sec3 h2{
    max-width: 295px;
    margin: 0 auto;
}
.portfolio-sec2-left h2:after {
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    background: #000000;
    margin-top: 35px;
    margin-bottom: 35px;
}
div#portfolio-sec2 p {
    font-size: 19px;
    font-weight: 300;
    padding-left: 40px;
    display: block;
}
.portfolio-item {
    min-height: 479px;
    background-size: cover;
    margin: 0px 17.5px;
    position: relative;
    padding: 30px;
    float:none;
    display: inline-block !important;
    box-sizing: border-box;
    vertical-align: middle;
}
.portfolio-item[aria-hidden='true'] {
    opacity: 0.1;
}
.portfolio-item:after {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    background: #000;
    left: 0;
    top: 0;
    z-index: 0;
    opacity: 0.4;
}
.portfolio-item.slick-center {
    min-height: 500px;
    box-shadow: 0px 6px 24px rgba(0,0,0,0.8);
}
.portfolio-title {
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    font-family: 'Martel Sans', sans-serif;
    line-height: 1.2em;
    max-width: 280px;
    z-index: 1;
    position: absolute;
    bottom: 70px;
	word-break: break-word;
}
/*#portfolio-slider .slick-list {
    overflow: visible;
}*/
.portfolio-why{
    z-index: -1;
}
#portfolio-slider button.slick-prev.slick-arrow:after {
    content: "";
    display: block;
    position: relative;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 18px 18px;
    border-color: transparent #2c2626 transparent transparent;
    z-index: 999;
    cursor: pointer;
}
#portfolio-slider button.slick-prev.slick-arrow, button.slick-next.slick-arrow {
    position: absolute;
    top: 40%;
    background: none;
    border: none;
    color: transparent;
	z-index: 999999;
}
#portfolio-slider button.slick-next.slick-arrow:after {
    content: "";
    display: block;
    position: relative;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 18px 18px;
    border-color: transparent transparent transparent #2c2626;
    z-index: 999;
    cursor: pointer;
}
#portfolio-slider button.slick-next.slick-arrow {
    right: 80px;
}
#portfolio-slider button.slick-prev.slick-arrow {
    left: 80px;
}
#portfolio-slider .slick-prev:before,
#portfolio-slider .slick-next:before {
    display: none;
}
/* Contact */
.contact-right p {
    color: #000;
    font-size: 18px;
    font-family: 'Martel Sans', sans-serif;
    line-height: 24px;
}
.contact-right h2 {
    text-align: left;
    margin-bottom: 44px;
    font-size: 36px;
}
.contact-right a {
    color: inherit;
    text-decoration: none;
}
.contact-right a:hover {
	opacity: 0.5;
}
.contact-right p strong {
    font-weight: bold;
    margin-top: 30px;
    display: inline-block;
    margin-bottom: 10px;
}
div#contact-map iframe {
    width: 100%;
    min-height: 558px;

}
#contact-map{
    border-bottom: 30px solid #000;
    border-top: 30px solid #000;
}
div.wpforms-container-full .wpforms-form button[type=submit]:hover {
    opacity: 0.6;
}
div#contact-sec2 {
    background-size: cover;
    background-position: top center;
    padding: 70px 0px 110px;
	position: relative;
}
.anchor-div{
	position: absolute;
	top: -150px;	
}
.contact-right {
    float: right;
    width: 50%;
    padding-left: 50px;
    box-sizing: border-box;
}
.contact-left {
    float: left;
    width: 50%;
    padding-right: 50px;
    box-sizing: border-box;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label {
    font-size: 14px  !important;
    text-transform: uppercase !important;
    font-weight: 500  !important;
    font-family: montserrat  !important;
    color: #333333  !important;
}
.contact-left form input,
.contact-left form textarea {
    width: 100% !important;
    max-width: 100% !important;
    background: #e1e1e1 !important;
    border: 0 !important;
}
.btn-send {
    background: #000 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    border: none !important;
    font-family: 'Martel Sans', sans-serif;
    font-weight: bold;
    width: 100% !important;
    height: 50px !important;
    padding: 0px !important;
}
.header-menu .current_page_item a {
    opacity: 0.6;
}
.how_we_work_content {
    position: absolute;
    top: 0px;
    right: 0;
    padding: 20px;
    background: rgba(255, 255, 255, 0.95);
    color: #000;
    font-size: 21px;
    font-weight: 400;
    font-family: open sans;
    z-index: 99;
    width: 100%;
	opacity:0;
	height:100%;
    padding: 25% 12px;
    box-sizing: border-box;
    text-align: center;
	
	transition:all ease 1s;
}
.how_we_work:hover .how_we_work_content{
	
	opacity:1;
}
/* Single Blog Post */
#the-single-blog {
    margin-top: -100px;
}
#the-single-blog h1 {
	font-size: 52px;
	color: #fff;
	font-weight: bold;
	font-family: 'Martel Sans', sans-serif;
	text-align: center;
	line-height: 1.3em;
	text-transform: uppercase;
}
#the-blog-details p {
    text-align: center;
	color: #fff;
}
#the-blog-details p span {
    font-size: 16px;
    line-height: 1.4;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
	margin: 0 10px;
}
#the-single-blog h3 {
    font-size: 32px;
    line-height: 1.2;
    font-weight: 700;
	margin-top: 30px;
    margin-bottom: 20px;
}
#the-single-blog p:last-child {
    margin-bottom: 0;
}
#the-single-blog p {
    margin-bottom: 20px;
}
#the-single-blog ul, #the-single-blog ol {
    padding-left: 20px;
    margin-bottom: 20px;
}
#the-single-blog ul li, #the-single-blog ol li {
    margin-bottom: 10px;
}

#the-single-blog ul li a {
    color: #000;
}

#the-blog-banner {
    padding: 280px 0 300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}
#the-blog-content {
    padding: 40px 0;
}
#the-blog-content strong {
	font-weight: 700;
}

#the-blog-content .list-of-videos ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#the-blog-content .list-of-videos ul li {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 50%;
    max-width: 48%;
    margin: 1%;
}

#the-blog-content a.btn-link.cs {
    font-size: 16px;
    color: #ffffff;
    background: #000;
    font-family: 'Martel Sans', sans-serif;
    font-weight: bold;
    text-decoration: none;
    padding: 15px 0px;
    width: 100%;
    max-width: 193px;
    margin: 32px auto 0px;
    display: block;
    text-align: center;
    transition: all ease 0.5s;
    border: 2px solid #000;
}

#the-blog-content a.btn-link.cs:hover {
	transition: all ease 0.5s;
	background-color: transparent;
	color: #000000;
}

#the-blog-content h4 {
    font-size: 22px;
    font-weight: bold;
    margin-top: 50px;
}

#banner-section-inner .the-banner-content {
    max-width: 597px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}
#banner-section-inner .the-banner-content .heading-title {
    line-height: 1;
    margin-bottom: 20px;
}
#banner-section-inner .the-banner-content p {
    font-size: 18px;
}

#ongoing-promotions-page {
    margin-top: -100px;
	position: relative;
	background-color: #000;
}
#opsec1 {
    display: block;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
	text-align: center;
	color: #fff;
	padding: 330px 0 175px;
}
#opsec1 h1 {
	font-size: 30px;
	line-height: 1.6;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 60px;
}
#opsec1 .opsec1-content {
    max-width: 753px;
    margin: 0 auto;
}
#opsec1 p {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 60px;
}
.yellow-button, .bordered-button {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.yellow-button {
	display: inline-block;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    color: #111;
    background-color: #ffbf00;
    text-decoration: none;
    padding: 18px 32px;
    margin-right: 29px;
}
.yellow-button:hover {
    background-color: #b18400;
}
.bordered-button {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    border: 3px solid #fff;
    padding: 16px 20px;
    margin-left: 29px;
}
.bordered-button:hover {
    background-color: #fff;
    color: #000;
}
#opsec2 {
	position: relative;
    color: #fff;
	text-align: center;
	padding: 80px 0;
	z-index: 1;
}
#opsec2 .opsec2-iframe {
    height: 0;
    padding-bottom: 58%;
}
#opsec2 .opsec2-content {
    max-width: 908px;
    margin: 0 auto;
}
#opsec2 .opsec2-video {
	position: relative;
	margin-bottom: 70px;
}
#opsec2 .opsec2-video .video_thumbnail {
    display: block;
    width: 100%;
}
#opsec2 .opsec2-tagline {
    max-width: 724px;
    margin: 0 auto 80px;
}
#opsec2 .iframe-video iframe {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#opsec3 {
    color: #fff;
    position: relative;
    padding: 80px 0 190px;
}
.my-flex {
    display: flex;
    flex-wrap: wrap;
}
#opsec3 .my-flex {
    align-items: center;
    max-width: 908px;
    margin: 0 auto;
	justify-content: space-between;
}
#opsec3 .greater-visuals-logo {
    flex: 1;
    text-align: left;
    max-width: 294px;
}
#opsec3 .opsec3-content-text {
    flex: 1;
    max-width: 446px;
}
#opsec3 h3 {
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 20px;
}
#opsec3 .opsec3-paragraph p {
    margin-bottom: 20px;
    font-size: 19px;
    line-height: 1.4;
}
#opsec3 .opsec3-buttons {
    margin-top: 60px;
}
#opsec3 .opsec3-divider {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 180px;
    left: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}
.bgimg01 {
    position: absolute;
    display: block;
    width: 100%;
    max-width: 641px;
    height: 537px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    top: 720px;
    left: 0;
    z-index: 1;
}
.bgimg02 {
    position: absolute;
    display: block;
    width: 100%;
    max-width: 675px;
    height: 574px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
    bottom: 502px;
    right: 0;
}

#vbc-page {
    margin-top: -100px;
}
#vbcsec1 {
    color: #fff;
    padding: 260px 0 80px;
	text-align: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left center;
}
#vbcsec1 .vbcsec1-video {
    position: relative;
	margin-bottom: 70px;
}
#vbcsec1 .vbcsec1-video .video_thumbnail {
    width: 100%;
}
#vbcsec1 .vbcsec1-video .iframe-video {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
#vbc-page .vbc-page-content {
    max-width: 920px;
    margin: 0 auto;
}
#vbcsec1 .vbcsec1-paragraph {
    margin-bottom: 50px;
    max-width: 724px;
    margin-left: auto;
    margin-right: auto;
}
#vbcsec1 .vbcsec1-paragraph p {
    font-size: 19px;
}
#vbc-page .vbcsec2-content {
    justify-content: space-between;
    align-items: flex-end;
}
#vbcsec2 {
	position: relative;
	padding: 80px 0 160px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right top;
}
#vbcsec2 .vbcsec2-heading {
    max-width: 415px;
    margin: 0 auto 118px;
    text-align: center;
}
#vbcsec2 .vbcsec2-heading h3 {
    font-size: 30px;
    line-height: 1.4;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}
.vbcsec2-info p {
    position: relative;
    padding-left: 45px;
}
.vbcsec2-info .info-icon {
    position: absolute;
    display: block;
    width: 24px;
    height: 22px;
    left: 0;
    top: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#vbc-page .vbcsec2-content .vbcsec2-form {
    flex: 0 0 50%;
    max-width: 445px;
	position: relative;
}
#vbc-page .vbcsec2-content .vbcsec2-form label {
    color: #fff !important;
    text-transform: capitalize !important;
}
#vbc-page .vbcsec2-content .vbcsec2-form label span {
    color: #fff !important;
}
#vbc-page .vbcsec2-content .vbcsec2-form input {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0 !important;
}
#vbc-page .vbcsec2-content .vbcsec2-form .wpforms-submit {
    display: block;
    width: 100%;
    background-color: #fff;
}
#vbc-page .vbcsec2-content .vbcsec2-info {
    flex: 0 0 50%;
    max-width: 305px;
	padding-bottom: 30px;
}
#vbc-page .vbcsec2-content .vbcsec2-info p, #vbc-page .vbcsec2-content .vbcsec2-info p a {
    color: #fff;
    text-decoration: none;
}
#vbc-page .vbcsec2-content .vbcsec2-info p a:hover {
    opacity: 0.3;
}
#vbc-page .vbcsec2-content .vbcsec2-info p:not(:last-child) {
	margin-bottom: 36px;
}
#vbc-page .vbcsec2-content .vbcsec2-form::after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    bottom: 21px;
    width: 1px;
    background-color: #5e5e5e;
    right: -100px;
}
.vbcsec2-divider {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 180px;
    left: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}
.hpsec6-button {
    text-align: center;
    margin-top: 40px;
	display: none;
}
.hpsec6-button .yellow-button {
    margin: 0 auto;
}

#sub-services-section h3 {
    text-align: center !important;
    margin: 40px auto;
}
#sub-services-section {
    position: relative;
    display: block;
    padding: 80px 0;
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;
	text-align: center;
}
#sub-services-section .btn-link {
	font-size: 16px;
	color: #fff;
	background: #000;
	border: 2px solid #000;
	font-family: 'Martel Sans', sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 15px 0px;
	width: 100%;
	max-width: 193px;
	margin: 32px auto 40px;
	display: block;
	text-align: center;
	transition: all ease 0.5s;
}
#sub-services-section .btn-link:hover {
	color: #000;
	background: #fff;
}
#sub-services-list {
    display: block;
    width: 100%;
}
#sub-services-list .sub-service:not(:last-child) {
    margin-bottom: 40px;
}
#sub-services-list .sub-service .my-flex {
    align-items: center;
    justify-content: space-between;
}
#sub-services-list .sub-service-image, #sub-services-list .sub-service-content {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
}
#sub-services-list .sub-service:nth-child(2n) .sub-service-image {
    order: 2;
}
#sub-services-list .image-wrap {
    display: block;
    width: 100%;
    height: 400px;
    margin: 0 auto;
}
#sub-services-list .image-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#sub-services-list .service-heading h3 {
    font-size: 38px;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 24px;
}
#sub-services-list .service-details p {
    margin-bottom: 20px;
	font-size: 16px;
	line-height: 1.4;
}
#sub-services-list .blackbtn {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    padding: 15px 40px;
    background-color: #000;
	color: #fff;
    font-weight: bold;
    text-decoration: none;
}
#sub-services-list .blackbtn:hover {
    background-color: #333;
}
#sub-services-list .sub-service:nth-child(2n+1) .sub-service-content {
    padding-left: 40px;
    box-sizing: border-box;
}
#sub-services-list .sub-service:nth-child(2n) .sub-service-content {
    padding-right: 40px;
    box-sizing: border-box;
}

#sub-services-section h3 {
    font-size: 38px;
    font-weight: 900;
    font-family: 'Martel Sans', sans-serif;
	margin-bottom: 40px;
	line-height: 1.2;
}
.sub-service-topcontent {
    margin-bottom: 80px;
}
.sub-service-topcontent ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sub-service-topcontent li {
    font-size: 18px;
    font-weight: 900;
    font-family: 'Martel Sans', sans-serif;
    list-style: none;
}
.sub-service-topcontent li i {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    font-size: 30px;
    color: #fff;
	background-color: #000;
    border-radius: 500px;
    margin: 0 auto 24px;
}
.sub-services-content-video {
    display: block;
    position: relative;
    width: 100%;
    max-width: 640px;
    margin: 60px auto;
}
.sub-services-content-video .portfolio_video_thumbnail {
    display: block;
    width: 100%;
}
.sub-services-content-video p {
    text-align: center;
    margin-top: 10px;
}
.sub-services-content-video .iframe-video {
    height: calc(100% - 22px);
    top: 0;
}
.sub-services-content-video iframe {
    height: 100%;
}

.works_list_item .works_list_thumbnail {
	display: block;
    width: 100%;
    z-index: 9;
    position: relative;
}
.works_list_video {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
	z-index: -10;
	opacity: 0;
}
.works_list_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
	opacity: 1;
}
.work-wrap .video-placeholder-wrapper {
    position: relative;
}
.works_list_item {
    flex: 0 0 48%;
    max-width: 48%;
    margin: 1%;
}
.works_list_item p {
    display: block;
    font-size: 24px;
    line-height: 1.4;
    width: 100%;
    text-align: center;
    font-weight: 700;
}
#works_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.work_list_wrap {
    position: relative;
}
.blog-social-share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	padding: 20px 0;
	border-top: 1px solid rgba(0,0,0,0.5);
    margin: 0 0 40px;
}
.blog-social-share a {
	display: flex;
	flex-wrap: wrap;
	width: 32px;
	height: 32px;
	background-color: #000;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-decoration: none;
	margin: 0 5px;
	font-size: 18px;
	border-radius: 50px;
}
.blog-social-share a:hover {
	background-color: #555;
}

#sub-services-section .normal-paragrpah, #sub-services-section .normal-paragrpah ul li {
    font-size: 18px !important;
}
#sub-services-section .btn-link {
    margin: 60px auto 100px;
}
#sub-services-section .sub-service-topcontent ul.normal-list {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
}
#sub-services-section .sub-service-topcontent ul.normal-list li {
    display: block;
    width: calc(33.333% - 30px);
}
#sub-services-section .sub-service-topcontent ul.normal-list li::before {
    display: none !important;
}
#sub-services-section .sub-service-topcontent ul.normal-list li {
	display: block;
	width: calc(33.333% - 30px);
	margin: 15px !important;
	padding: 40px 20px !important;
	background-color: 
		#000;
	color:
		#fff;
}
.sub-services-content-video p {
    font-weight: 700;
    margin-top: 15px;
    font-size: 18px;
}
.specialize-video p {
	font-weight: 900;
	margin-bottom: 15px;
	font-size: 28px;
	font-family: "Martel Sans", sans-serif;
}

/** Inner Services **/
.page-template-template-business-growth-videos p {
	margin-bottom: 25px;
}
.page-template-template-business-growth-videos p:last-child {
	margin-bottom: 0px;
}
#inner-section2 {
	background-position: right;
	background-size: contain;
	background-repeat: no-repeat;
	margin-top: 140px;
	position: relative;
}
#inner-section2 .video-placeholder {
    display: block;
    max-width: 40%;
    width: 100%;
    position: absolute;
    right: 60px;
    top: 0;
}
#inner-section2 .video-placeholder .vp-cont img {
    display: block;
    width: 100%;
    height: auto;
}
#inner-section2 .iframe-video {
    width: 100%;
    max-width: 640px;
    height: calc(100% - 55px);
    left: 0;
    right: 0;
    margin: 0 auto;
}
#inner-section2 .iframe-video iframe {
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
}
#inner-section2 .column-half {
	width: 50%;
}
#inner-section2 h3 {
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
}
.serv-head {
	font-size: 38px;
	font-weight: 900;
	font-family: 'Martel Sans', sans-serif;
	margin-bottom: 40px;
	line-height: 1.2;
}
#inner-section2 h3 span {
	display: block;
}
#inner-section2 a {
	font-size: 16px;
	line-height: 1;
	color: #fff;
	background: #000;
	border: 2px solid #000;
	font-family: 'Martel Sans', sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 15px 35px;
	text-align: center;
	display: inline-block;
}
#inner-section2 .column-half h4 {
    display: block;
    font-size: 19px;
    font-weight: 900;
    border: none;
    margin-bottom: 25px;
    margin-top: 25px;
}
#inner-section2 .column-half ul {
    display: block;
    margin: 0 auto 25px;
    list-style: none;
}
#inner-section2 .column-half ul li {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 10px;
    padding-left: 20px;
    box-sizing: border-box;
    position: relative;
}
#inner-section2 .column-half ul li:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: #000;
    position: absolute;
    top: 8px;
    left: 0;
}
#inner-section3 {
	padding: 110px 0;
	background-repeat: no-repeat;
}
#inner-section3 h3 {
	text-align: center;
}
#inner-section3 ul {
	text-align: center;
	list-style: none;
	max-width: 880px;
	margin: 0 auto;
	position: relative;
}
#inner-section3 ul .process-img {
	width: 150px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 177px;
	opacity: 1;
	top: 0;
}
#inner-section3 ul li {
	width: 100%;
}
#inner-section3 ul .hexa-1 {
	padding-top: 60px;
}
#inner-section3 ul .hexa-2 .process-img {
	z-index: 3;
}
#inner-section3 ul .hexa-2 .process-img {
	top: 140px;
	z-index: 2;
}
#inner-section3 ul .hexa-3 .process-img {
	top: 280px;
	z-index: 1;
}
#inner-section3 ul li .process-cont {
	width: 50%;
}
#inner-section3 ul li .process-cont p {
	font-size: 19px;
	color: #4c4c4c;
	padding-right: 160px;
	text-align: right;
}
#inner-section3 ul li .process-cont p strong {
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	position: relative;
	display: block
}
#inner-section3 ul .hexa-2 .process-cont {
	float: right;
}
#inner-section3 ul .hexa-2 .process-cont p {
	padding-right: 0px;
	padding-left: 160px;
	text-align: left;
}
#inner-section3 ul li .process-cont p {
	font-size: 19px;
	color: #4c4c4c;
	padding-right: 160px;
	text-align: right;
	margin-bottom: 0;
}
#inner-section3 ul li .process-cont p strong::after {
	content: '';
	position: absolute;
	border-bottom: 2px solid #000;
	width: 100%;
	display: block;
	right: -85px;
}
#inner-section3 ul .hexa-2 .process-cont p strong::after {
	right: 0px;
	left: -85px;
}
#inner-section3 ul .hexa-2 {
	margin-top: -35px;
}
#inner-section4 {
	padding: 100px 0;
}
#inner-section4 h3 {
	text-align: center;
}
#inner-section4 ul {
	list-style: none;
	text-align: center;
}
#inner-section4 ul li {
	display: inline-block;
	width: 24%;
	padding: 0px 3px;
	vertical-align: top;
}
#inner-section4 ul li img {
	display: block;
	margin: 0 auto 25px;
}
#inner-section4 ul li h5 {
	font-weight: bold;
	max-width: 140px;
	margin: 0 auto;
}
#inner-section5 {
	padding: 80px 0;
	background-position: top;
	background-size: cover;
}
.work-slides .work-wrap {
    padding: 0 10px;
    /*max-width: 400px;*/
    /*width: 100%;*/
}
.work-slides .work-wrap h5 {
	text-align: center;
	font-weight: bold;
	margin: 10px 0;
}
.work-slides .work-wrap h5 span {
	display: block;
	font-weight: normal;
}
/* ========================
 * RJ CUSTOM STYLES
 * ========================*/
#inner-section2.video-accelerator-page-sec p {
    display: block;
    margin-bottom: 25px;
}

#inner-section2.video-accelerator-page-sec {
    margin-bottom: 60px;
}

#inner-section3.video-accelerator-page-sec {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 30px;
}

#inner-section4.video-accelerator-page-sec {
    padding-bottom: 30px;
    padding-top: 60px;
}

#process-list {
    display: block;
    text-align: center;
}

#process-list li {
    display: block;
    position: relative;
    margin-top: -50px;
}

#process-list li:first-child {
    margin-top: 0;
    top: 0;
}

#process-list li .process-cont {
    position: absolute;
}

#inner-section3 #process-list li .process-cont  {
    width: 50%;
    top: 35%;
    left: 0;
}

#process-list li .process-img {
    position: relative;
}

#inner-section3 #process-list li .process-cont p {
    font-size: 19px;
    color: #000000;
    padding-right: 160px;
    text-align: right;
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase;
}

#inner-section3 #process-list li:nth-child(even) .process-cont {
    right: 0;
    left: auto;
}

#inner-section3 #process-list li:nth-child(even) .process-cont p {
    padding-left: 160px;
    padding-right: 0;
    text-align: left;
}

#inner-section3 #process-list li:nth-child(even) .process-cont p strong:after {
    right: auto;
    left: -85px;
}

#inner-section3.video-accelerator-page-sec .my-container {
    position: relative;
}

#inner-section3.video-accelerator-page-sec .process-legends {
    display: block;
    position: absolute;
    right: 0;
    pointer-events: none;
    z-index: 1;
}

.process-legends .pl-list {
    display: block;
    margin: 10px auto;
}

.process-legends .pl-list img {
    max-width: 30px;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}

.process-legends .pl-list p {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    font-size: 16px;
}

#inner-section3.events-conference-page-sec {
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 30px;
}

#inner-section3 ul .process-img {
    position: relative;
}

#inner-section3 ul li .process-cont {
    width: 50%;
    position: absolute;
    left: 0;
    top: 50px;
    float: none !important;
}

#inner-section3 ul li .process-img {
    position: relative;
    top: 0 !important;
}

#inner-section3 ul li:nth-child(even) .process-cont {
    left: auto;
    right: 0;
}

#inner-section3 ul li {
    position: relative;
    margin-top: -35px;
}

#inner-section3 ul li:first-child {
    margin-top: 0;
    padding-top: 0;
}

#inner-section3 ul .hexa-2 .process-cont {
    top: 50px;
}

#inner-section3 ul .hexa-3 .process-cont {
    top: 50px;
}

#inner-section2.events-conference-page-sec .column-half p {
    display: block;
    margin-bottom: 25px;
}

#inner-section2.events-conference-page-sec .column-half h4 {
    display: block;
    font-size: 19px;
    font-weight: 900;
    border: none;
    margin-bottom: 25px;
}

#inner-section2.events-conference-page-sec .column-half ul {
    display: block;
    margin: 0 auto 25px;
    list-style: none;
}

#inner-section2.events-conference-page-sec .column-half ul li {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 10px;
    padding-left: 20px;
    box-sizing: border-box;
    position: relative;
}

#inner-section2.events-conference-page-sec .column-half ul li:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: #000;
    position: absolute;
    top: 8px;
    left: 0;
}

#inner-section4.events-conference-page-sec {
    padding-bottom: 30px;
}

.work-slides .slick-arrow:before {
    color: #000 !important;
}

.work-slides .slick-arrow {
    top: 45% !important;
}

.work-slides .slick-slide img {
    display: block;
    max-width: 100%;
    width: 100%;
}

.footer-menu li .sub-menu {
    display: none;
}

#dm-sec1 {
    display: block;
    text-align: center;
    padding: 135px 0 80px;
    box-sizing: border-box;
    background-image: url(/wp-content/uploads/2020/02/digital-marketing-sec1-accent-bg-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

#dm-sec1 .heading {
    max-width: 600px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 25px;
    box-sizing: border-box;
    margin-bottom: 35px !important;
}

#dm-sec1 .heading:after {
    content: '';
    display: block;
    background-color: #000;
    height: 1px;
    width: 90%;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
}

#pricing-table .pricing-col .pricing-features p {
    display: block;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin: 0 auto 20px;
}

#pricing-table .pricing-col .pricing-features {
    display: block;
    padding: 40px;
    box-sizing: border-box;
}

#dm-sec1 .inner-content p {
    display: block;
    font-size: 18px;
    line-height: 25px;
    color: #4c4c4c;
    font-weight: 600;
    margin: 0 auto 25px;
}

#dm-sec1 .inner-content {
    display: block;
    max-width: 790px;
    width: 100%;
    margin: 0 auto 50px;
}

.blk-btn a {
    display: inline-block;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    text-transform: capitalize;
    padding: 12px 30px;
    border: 2px solid #000;
    transition: all linear 0.2s;
}

.blk-btn a:hover {
    color: #000;
    background-color: transparent;
}

#pricing-table .pricing-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
}

#pricing-table .pricing-col {
    display: block;
    position: relative;
    flex: 0 0 33.33%;
    margin: 0 auto;
    max-width: 33.33%;
    text-align: center;
    padding: 70px 20px 100px;
    box-sizing: border-box;
}

#pricing-table .pricing-col .pricing-header {
    display: block;
    background-color: #1b1b1b;
    padding: 50px 20px 20px;
    box-sizing: border-box;
    position: relative;
}

#pricing-table .pricing-col .pricing-header .pricing-feat-img {
    display: block;
    position: absolute;
    top: -100px;
    left: 0;
    right: 0;
}

#pricing-table .pricing-col .pricing-header h3 {
    display: block;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 25px;
}

#pricing-table .pricing-col .pricing-header p {
    display: block;
    font-size: 16px;
    color: #fff;
    font-style: italic;
    position: relative;
}

#pricing-table .pricing-col .pricing-header p:after {
    display: inline-block;
    font-weight: 600;
    font-style: normal;
    padding: 4px;
    border: 1px solid #fff;
	box-sizing: border-box;
    border-radius: 50%;
    font-size: 13px;
    line-height: 10px;
    width: 10px;
    margin-left: 5px;
}

#pricing-sec {
    display: block;
    padding: 70px 0 20px;
    box-sizing: border-box;
}

#pricing-table .pricing-col .inner-cont {
    display: block;
    height: 100%;
    position: relative;
    background-color: #f2f2f2;
    padding-bottom: 185px;
    box-sizing: border-box;
}

#pricing-table .pricing-col .pricing-footer {
    background-color: #1b1b1b;
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 20px;
    box-sizing: border-box;
}

#pricing-table .pricing-col .pricing-footer p {
    display: block;
    font-size: 14px;
    color: #fff;
}

#pricing-table .pricing-col .pricing-footer .pricing-prefix {
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
}

#pricing-table .pricing-col .pricing-footer .pricing-price {
    display: block;
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    padding-bottom: 15px;
    margin-bottom: 15px;
    box-sizing: border-box;
    position: relative;
}

#pricing-table .pricing-col .pricing-footer .pricing-price span {
	font-size: 24px;
}

#pricing-table .pricing-col .pricing-footer .pricing-price:after {
    content: '';
    display: block;
    height: 1px;
    background-color: #fff;
    position: absolute;
    width: 80%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#pricing-sec .my-container {
    background-image: url(/wp-content/uploads/2020/02/digital-marketing-sec2-accent-bg-img.png);
    background-size: 95%;
    background-repeat: no-repeat;
    background-position: center;
}

.page-template-template-service #hp-section2::before {
	display: none !important;
}

.brand-videos-container {
    margin-top: 30px;
}
.video-assets-container {
    margin-top: 30px;
}


/* responsive menu starts here */
@media screen and (max-width:1450px){
	div#banner-section {
		margin-top: -125px;
	}
	.ctp-portfolio-slider.slick-initialized.slick-slider {
  		  overflow: hidden;
	}
	.anchor-div{
		top: -550px;	
	}
}
@media screen and (max-width:1350px){
	div#hp-section7 .left {
		max-width: 45%;
	}
	div#banner-section {
		min-height: 800px;
	}
	div#banner-section:after {
		bottom: -3px;
		height: 165px;
	}
	.portfolio-title {
    font-size: 24px;
	}

}
@media screen and (max-width:1300px){
	img.gv-img-footer {
		width: 385px;
		margin-left: -45px;
	}
	div#banner-section {
		min-height: 700px;
	}
	div#banner-section h1 {
		font-size: 40px;
		margin: 200px auto 0px;

	}
	div#hp-section2 {
		padding-top: 45px;
	}
	.vimeo-wrapper {
		top: -10px;
	}
	div#banner-section:before {
		top: -5px;
	}
	
}
@media screen and (max-width:1200px){
	.ss_front h3 {
   		 padding-top: 73%; 
	}
	.wpspw-medium-3 {
		width: 50%;
	}
	div#portfolio-slider {
		overflow: hidden;
	}
	.portfolio-item {
		min-height: 315px;
			margin: 0px 10.5px;
	}
	.portfolio-item.slick-center {
		min-height: 360px;
	}
	img.video_thumbnail {
		z-index: 1;
		cursor: pointer;
		position: relative;
		width: 100%;
	}
	.portfolio-sec2-right img#video-modal {
		width: 100%;
	}
	div#portfolio-sec2 h2 {
		font-size: 28px;
	}
	div#portfolio-sec2 p {
		font-size: 15px;
	}
	.img-btn-bottom {
		max-width: 285px;
	}
	div#portfolio-sec3 {
		top: -35px;
	}
	.portfolio-sec2-right:before {
		height: 45%;
		left: 30px;
		bottom: 35px;
	}
	div#hp-section7 .left {
		max-width: 400px;
		position:relative;
	}
	div#hp-section7 h2 {
		margin-left: -20px;
	}
	#hp-section7 .left:before {
		content: "";
		display: block;
		width: 2px;
		background: #000;
		height: 240px;
		position: absolute;
		left: -17px;
		top: 35%;
	}
	#hp-section6 {
		padding-bottom: 139px;
	}
	div#banner-section h1 {
		 margin: 210px auto 0px;
	 }
	 div#hp-section7 .testimonial-content {
		font-size: 18px;
    	line-height: 28px;
   	 	width: 100%;
		max-width: 470px;
	}
	 div#slick-slide00 {
    	width: 515px;
	}
	 div#cta-section:after {
		 bottom: 0px;
	 }
	 img.gv-img-footer {
   		position: absolute;
   		width: 375px;
    	left: -60px;
	}
	.my-container {
		max-width: 800px;
	}
	.header-menu li a {
		font-size: 14px;
		padding: 0px 12px;
	}
	div#banner-section {
		margin-top: -80px;
	}
	div#banner-section h1 {
		margin: 200px auto 0px;
	}
	.header-menu {
		max-width: 74%;
	}
	div#banner-section {
		min-height: 645px;
	}
	div#banner-section h1 {
		font-size: 38px;
	}
	.social-media {
		margin-top: 30px;
	}
	.specialised_list li {
		width: 24%;
	}
	.client_list ul li img {
		width: 100%;
	}
	.client_list ul li {
		margin: 0;
		width: auto;
	}
	div#hp-section4 {
		min-height: 590px;
		padding-bottom: 70px;
	}
	.hp-sec5-right h2 {
		font-size: 30px;
	}
	.hp-sec5-right p {
		font-size: 15px;
		padding-left: 90px;

	}
	.hp-sec5-right {
		left: -65px;
		top: -20px;
	}
	.hp-sec5-buttons {
		padding-left: 90px;
		margin-top: 20px;
	}
	#hp-section6:before {
		top: -2px;
	}
	div#hp-section7 .right {
		width: 40%;
	}
	div#hp-section7 .right img {
		width: 100%;
	}
	div#hp-section7 .testimonial-content {
		font-size: 16px;
		line-height: 25px;
		padding:0px;
		border:none;
	}
	div#hp-section7 h2 {
		font-size: 30px;
	}
	div#hp-section2 h2,
	#hp-section3 h2,
	.heading,
	.specialize-video p {
		font-size: 30px;
	}
	div#hp-section4:after {
		z-index: -1;
	}
	div#hp-section7 {
		min-height: 100%;
		padding-bottom: 65px;
	}
	.column-2 {
		width: 58%;
	}
	.footer-menu li a {
		font-size: 14px;
	}
	.footer-menu li {
		margin: 0px 11px;
	}
	.footer-copy-right p {
		font-size: 11px;
	}
	.specialised_list_container ul {     
		grid-template-columns: repeat(3, 1fr);     
		-ms-grid-columns: repeat(3, 1fr);
	}

	.iframe-video iframe {
		height: 425px;
		width: 100%;
	}
	.solve-content p {
		font-size: 15px;
		line-height: 25px;
		}
	.al_right p { 
		font-size: 15px;
		line-height: 22px;
		}
		div#about-sec2 .about-left img {
		max-width: 317px;
	}
		.al_right {
		max-width: 62%;
		margin-right: 30px;
		margin-left: 30px;
		padding-top: 15px;
	}
	.about-right h2:after {
		margin: 30px 0;
	}
	div#about-sec2 .about-right {
		width: 38%;
	}
	li.about-list-right:before {
		height: 75%;
		top: 50px;
	}
	.about_list li.about-list-right { 
		padding-bottom: 45px;
		max-width: 54%;
	}
	.about-right h2 {
   		 font-size: 40px;
	}
	.about_list li {
   		 max-width: 57%;
	}
	div#about-sec2 .about-left {
  		  width: 40%;
	}
	.about_list li:first-child {
  		  margin-top: -50px;
	}
	.about_team_list h3 {
		font-size: 26px;
	}
	.about_team_list p {
		text-align: center;
		font-size: 15px;
		line-height: 28px;
	}
	.about_team_list ul {
		width: 100%;
	}
	.about_team_list li {
		margin: 0px 38px;
		width: 40%;
	}
	.about_team_list img {
		max-width: 317px;
	}
	.about_team_list h4 {
		font-size: 15px;
	}
	#vbc-page .vbcsec2-content .vbcsec2-form::after {
		right: -50px;
	}
	
	#sub-services-list .sub-service {
		max-width: 640px;
		margin: 0 auto;
	}
	#sub-services-list .sub-service:not(:last-child) {
		margin-bottom: 60px;
	}
	#sub-services-list .sub-service-image, #sub-services-list .sub-service-content {
		flex: 0 0 100%;
		max-width: 100%;
	}
	#sub-services-list .sub-service:nth-child(2n+1) .sub-service-content, #sub-services-list .sub-service:nth-child(2n) .sub-service-content {
		padding: 0;
	}
	#sub-services-list .sub-service:nth-child(2n) .sub-service-image {
		order: unset;
	}
	#sub-services-list .sub-service-image {
		margin-bottom: 20px;
	}
	.sub-service-topcontent li {
		max-width: 200px;
		font-size: 16px;
	}
}
@media screen and (max-width:1000px){
	#portfolio-slider button.slick-prev.slick-arrow {
		left: 0;
	}
	#portfolio-slider button.slick-next.slick-arrow {
		right: 0;
	}
	div#cta-section h2 {
		padding-top: 115px;
	}
	div#cta-section {
		min-height: 425px;
	}
	img.gv-img-footer {
		position: absolute;
		width: 356px;
		left: -95px;
	}
	div#banner-section:before {
		background: rgba(0, 0, 0, 0.4);
		height: 100%;
	}
	div#banner-section:after {
		bottom: 0px;
		height: 117px;
	}
	.specialised_list_container ul {
   	 grid-template-columns: repeat(3, 1fr);
	}
	#opsec1 {
		padding: 200px 0 120px;
	}
	#opsec1 h1 {
		margin-bottom: 20px;
	}
	#opsec1 p {
		font-size: 14px;
		margin-bottom: 20px;
	}
	.bgimg01 {
		top: 460px;
		width: 50%;
	}
	#opsec2 {
		padding: 40px 0;
	}
	#opsec2 .opsec2-tagline {
		margin-bottom: 40px;
	}
	#opsec2 .opsec2-video {
		margin-bottom: 40px;
	}
	.bgimg02 {
		width: 50%;
		bottom: 40%;
	}
	#opsec3 .greater-visuals-logo {
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
	}
	#opsec3 .opsec3-content-text {
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
		margin-top: 40px;
		position: relative;
		z-index: 1;
	}
	#opsec3 {
		padding: 40px 0 120px;
	}
	#opsec3 .opsec3-divider {
		height: 100px;
	}
	#opsec3 .opsec3-buttons {
		margin-top: 20px;
	}
	#vbcsec1 {
		padding: 180px 0 40px;
	}
	#vbcsec1 .vbcsec1-video {
		margin-bottom: 40px;
	}
	#vbcsec1 .vbcsec1-paragraph {
		margin-bottom: 40px;
	}
	#vbcsec2 {
		padding: 40px 0 100px;
	}
	.vbcsec2-divider {
		height: 100px;
	}
	#vbcsec1 .vbcsec1-paragraph p {
		font-size: 14px;
	}
	#vbcsec2 .vbcsec2-heading {
		margin-bottom: 40px;
	}
	#vbcsec2 .vbcsec2-heading h3 {
		font-size: 24px;
	}
	#vbc-page .vbcsec2-content .vbcsec2-form {
		flex: 0 0 100%;
		max-width: 640px;
		margin: 0 auto;
	}
	#vbc-page .vbcsec2-content .vbcsec2-info {
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
	}
	.vbcsec2-info p {
		padding-left: 0;
		padding-top: 26px;
	}
	.vbcsec2-info .info-icon {
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	#vbc-page .vbcsec2-content .vbcsec2-form::after {
		display: none;
	}
	#video_slider .video_slide_item {
		flex: 0 0 100%;
		max-width: 640px;
		width: 100%;
		margin: 1% 0;
	}
	
	#sub-services-section {
		padding: 60px 0;
	}
	#sub-services-list .service-heading h3 {
		font-size: 24px;
		line-height: 1.2;
		font-weight: 700;
		margin-bottom: 15px;
	}
	#sub-services-list .service-details p {
		margin-bottom: 20px;
		font-size: 14px;
		line-height: 1.4;
	}
	#sub-services-list .blackbtn {
		font-size: 14px;
		padding: 12px 30px;
	}
	.sub-service-topcontent li:not(:last-child) {
		margin-bottom: 30px;
	}
	.anchor-div{
		top: -350px;	
	}	
	#blog-sec2 .slick-prev.slick-arrow {
		left: 0;
	}
	#blog-sec2 .slick-next.slick-arrow {
		right: 0;
	}
}
@media screen and (max-width: 980px){
	#pricing-table .pricing-col .inner-cont {
		padding-bottom: 215px;
	}
}
@media screen and (max-width:840px){
	button#responsive-menu-button {
		display: none !important;
	}
	#resmenu {
		display: block;
	}
	#resmenu.is-active .resmenu-times, #resmenu .resmenu-bars {
		display: block;
	}
	#resmenu.is-active .resmenu-bars, #resmenu .resmenu-times {
		display: none;
	}
	#main-header .main-header-logo {
		display: block;
		width: 75% !important;
		max-width: unset;
	}
	header > #main-header .main-header-logo img {
		max-width: 80px;
	}
	header > #main-header > .my-container {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}
	header > #main-header .main-header-logo {
		display: block;
		width: 75%;
	}
	header > #main-header #resmenu {
		display: block;
		width: 25%;
		text-align: right;
		font-size: 30px;
		color: 
			#fff;
	}
	.ss_back {
		min-height: 100%;
		width: 100%;
		left: 0;
		top: 0;
	}
	.specialised_list_container {
		margin-top: 40px;
	}
	.ss_front h3 {
		position: absolute;
		bottom: 45px;
	}
	div#banner-section{
		top:0;
	}
	.my-container {
		max-width: 700px;
	}
	div#banner-section {
		min-height: 565px;
	}
	div#banner-section:after {
		bottom: 0px;
		height: 95px;
	}
	div#banner-section h1 {
		font-size: 30px;
	}
	div#banner-section:before {
		height: 98%;
	}
	.social-media {
		float: none;
		margin: 0 auto;
		width: 40%;
	}
	.how_we_work {
		min-height: 270px;
	}
	div#hp-section2 {
		padding-bottom: 90px;
		margin-top: 0;

	}
	div#hp-section3 {
		padding-bottom: 150px;
		padding-top: 25px;
	}
	.hp-sec5-left {
		float: none;
		width: 100%;
	}
	.hp-sec5-right {
		left: 0;
		top: 0;
		float: none;
		width: 100%;
		padding-top: 35px;
	}
	.hp-sec5-right p {
		font-size: 16px;
		padding-left: 0;
	}
	.hp-sec5-buttons {
		padding-left: 0;
	}
	#hp-section6:before {
		top: -25px;
	}
	div#hp-section7 .left {
		padding-top:0px;
		max-width: 50%;
	}
	#hp-section7 .left:before {

		top: 77px;
	}
	div#hp-section7 .right {
		width: 40%;
		z-index: -1;
	}
	img.gv-img-footer {
		max-width: 355px;
		left: -175px;
	}
	.column-3.columns, .column-1.columns {
		width: 100%;
		text-align: center;
	}
	.column-2 {
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
		margin-top: 15px;
	}
	.social-media.footer-social-media {
		margin: 0 auto;
		text-align: center;
	}
	.footer-widget-sub-title p {
		font-size: 16px;
		line-height: 22px;
	}
	#hp-section5 {
		padding-bottom: 50px;
	}
	div#hp-section4 h2 {
		font-size: 30px;
	}
	div#main-header .social-media {
		display: none;
	}
	.specialised_list_container ul {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.portfolio-sec2-right {
		float: none;
		width: 100%;
		text-align: center;
		position: relative;
	}
	.portfolio-sec2-left {
		float: none;
		margin-top: 35px;
		width: 100%;
		padding-right: 0;
	}
	.portfolio-sec2-right:before,
	div#portfolio-sec3 h2:after{
	   display:none;
	}
	img.img-btn-bottom {
		display: none;
	}
	div#portfolio-sec2 p {
		padding-left: 0;
	}
	div#portfolio-sec3 {
		top: 0;
		padding-top: 35px;
	}
	#portfolio-sec3 h2 {
		margin: 0 auto 20px;
	}
	div#portfolio-slider {
		padding-top: 50px;
	}
	/******septz*****************/
	
	.about_list li.about-list-right {
    padding-bottom: 45px;
    max-width: 100%
	}
	li.about-list-lefts {
    padding-bottom: 45px;
    max-width: 100%
	}
	li.about-list-lefts:after {
	height: 60%;
    top: 71px;
	}
	li.about-list-right {
    margin-top: 20px;
	}	
	.about_team_list li {
    margin: 0;
    width: 100%;
	max-width: 100%;
	}
	.about_team_list img {
    max-width: 100%;
	}
	.about_team_list li {
	margin-bottom: 40px;
	}
	.about-right h2 {
    font-size: 36px;
}
	.about_list {
    margin-top: 60px;
}
}
@media screen and (max-width: 767px){
	.specialised_services_list_content {
		min-height: 100%;
	}
	.wpspw-medium-3 {
		width: 100%;
	}
	.portfolio-title {
		padding: 20px;
	}
	.contact-left {
		float: none;
		width: 100%;
		padding-right: 0;
	}
	div#contact-sec2 {
		padding: 40px 0px;
	}
	.contact-right h2 {
		font-size: 25px;
	}
	div#contact-map iframe {
		min-height: 300px;
	}
	.contact-right h2 {
		text-align: left;
		margin-bottom: 20px; 
	}
	.contact-right {
		margin-bottom: 30px;
		width:100%;
		padding:0px;
		float:none;
	}
	.blog-single-container {
		padding: 40px 30px 40px;
	}
	a.blog-readmore {
		margin-top: 20px;
    }
	h4.blog-title {
		font-size: 20px;
		margin: 30px 0px 30px;
	}
	.iframe-video iframe {
		height: 295px;
	}
	.page-template-template-service div#hp-section7 {
		padding-top: 0;
	}
	#services-sec3:after{
		display:none;
	}
	#banner-section-inner {
		min-height: 400px;
		padding-top: 145px;
		padding-bottom: 100px;
	}
	.banner-tagline {
		font-size: 16px;
	}	
	.heading-title {
		font-size: 30px;
	}
	#services-sec3 {
		margin-bottom: 0;
	}
	#services-sec3 h2 {
		font-size: 25px;
	}
	.ss-back-cont p {
		color: #000;
		font-size: 15px; 
	}
	.service-list-sec{
		padding-top:30px !important;
	}
	.service-list-sec .specialised_list {
		margin-top: 25px;
	}
	.heading-title {
		font-size: 35px;
	}
	img.gv-img-footer {
		max-width: 100%;
		left: 0;
		opacity: 0.2;
	}
	.my-container {
		max-width: 500px;
	}
	#main-header .my-container {
		max-width: 90%;
	}
	.specialised_list li {
		width: 30%;
		vertical-align: top;
		margin: 0px 5px;
	}
	.specialised_list {
		max-width: 860px;
		margin: 0 auto;
		text-align: center;
	}
	.specialised_list li img {
		width: 85%;
	}
	#hp-section6 .why_choose_us_list ul li {
		max-width: 45%;
		width: 100%;
		margin-bottom: 25px;
	}
	#hp-section6 {
		padding-bottom: 60px;
		padding-top: 80px;
	}
	div#hp-section7 .left {
		max-width: 100%;
	}
	div#hp-section7 .right {
		opacity: 0.1;
	}
	.social-media.footer-social-media {
		width: 100%;
	}
	img.gv-img-client {
		width: 100%;
	}
	.footer-copy-right {
		margin-top: 20px;
	}
	.client_list ul li {
		margin: 0;
		width:100%;
		padding: 0 0 30px;
	}
	#hp-section4 li img {
		width: 200px;
		max-width: 100%;
	}
	div#hp-section4 {
		min-height: 505px;
		padding-bottom: 70px;
	}
	div#hp-section4 h2 {
		margin: 75px auto 10px;
	}
	.how_we_work_list ul {
		grid-template-columns: repeat(1, 1fr);
		-ms-grid-columns: repeat(1, 1fr);
	}
	div#hp-section3 {
		padding-top: 55px;
	}
	.specialised_list li {
		max-width: 225px;
		vertical-align: top;
		display: block;
		margin: 40px auto 0;
		width: 100%;
	}
	div#hp-section2 {
		padding-bottom: 0;
	}
	div#cta-section .my-container {
		z-index: 1;
		position: relative;
	}
	.ss_back {
		width: 100%;
		height: 100%;
	}
	div#portfolio-sec2 {
		padding: 45px 0px 0px;
	}
	/**sept***********************/
	
	div#about-sec2 .about-left {
    width: 100%;
    position: relative;
    opacity: 0.2;
	}
	div#about-sec2 .about-right {
    width: 100%;
    position: absolute;
	max-width: 500px;
	}
	.about-right h2 {
    font-size: 40px;
    line-height: 48px;
	}
	#opsec1 h1 {
		font-size: 24px;
		line-height: 1.2;
	}
	.bgimg01 {
		top: 28%;
	}
	.yellow-button, .bordered-button {
		display: block;
		margin: 0 auto 20px;
		max-width: 200px;
		width: 100%;
		padding: 14px 0;
	}
	.sub-service-topcontent ul {
		justify-content: center;
	}
	.sub-service-topcontent li {
		font-size: 18px;
		font-weight: 900;
		font-family: 'Martel Sans', sans-serif;
		list-style: none;
		margin: 0 24px;
	}
	.works_list_item {
		flex: 0 0 100%;
		max-width: 100%;
		margin: 1% 0 20px;
	}
	.anchor-div{
		top: -250px;	
	}	
	#four-ow-four .error-desc h1 {
		font-size: 80px;
		line-height: 86px;
	}
	
	#inner-section2 .column-half {
		width: 100%;
	}
	
	#inner-section2 .video-placeholder {
		position: relative;
		max-width: 100%;
		padding-top: 50px;
		box-sizing: border-box;
		right: 0;
	}
	
	#inner-section2 .iframe-video {
		top: 0;
	}
	#inner-section4 ul li {
		margin-bottom: 30px;
	}
	
	#inner-section3 #process-list li .process-cont {
		position: relative;
		width: 100%;
		top: 0;
		left: 0;
		margin: 0 auto;
	}
	
	#process-list li {
		display: block;
		position: relative;
		margin-top: 30px;
	}
	
	#inner-section3 #process-list li .process-cont p {
		text-align: center;
		padding: 0 !important;
	}
	
	#inner-section3 ul li .process-cont p strong::after {
		width: 50%;
		display: block;
		right: 0;
		left: 0;
		margin: 0 auto;
	}
	
	#inner-section3 #process-list li:nth-child(even) .process-cont p {
		text-align: center;
	}
	
	#inner-section3 #process-list li:nth-child(even) .process-cont p strong:after {
		right: 0;
		left: 0;
	}
	
	#inner-section3 #process-list .process-img img {
		display: block;
		width: 100%;
		height: auto;
	}
	
	#inner-section3 #process-list .process-img {
		width: 100%;
		max-width: 100px;
		height: auto;
		margin-bottom: 10px;
	}
	
	.process-legends .pl-list img {
		max-width: 20px;
		width: 100%;
	}
	
	.process-legends .pl-list p {
		padding-left: 10px;
		font-size: 14px;
	}
	
	#inner-section3.video-accelerator-page-sec .process-legends {
		display: none;
	}
	
	#inner-section3 ul li .process-img img {
		max-width: 100px;
		width: 100%;
		height: auto;
	}
	
	#inner-section3 ul li .process-img {
		max-width: 100%;
		width: 100%;
		height: auto;
	}
	
	#inner-section3 ul .hexa-2, 
	#inner-section3 ul .hexa-3 {
		margin: 40px auto;
	}
		
	#inner-section3 ul li .process-cont p,
	#inner-section3 ul .hexa-2 .process-cont p{
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}
	
	#inner-section3 ul li .process-cont {
		width: 100%;
		padding: 0;
		text-align: center;
		position: relative;
		top: 0;
		margin-top: 15px;
	}
	
	#inner-section3 ul .hexa-2 .process-cont, 
	#inner-section3 ul .hexa-3 .process-cont {
		top: 0;
	}
	
	#inner-section3 {
		padding-bottom: 30px;
	}
	
	#inner-section4 {
		padding-top: 40px;
	}
	
	#inner-section3 ul .hexa-2 .process-cont p strong::after {
		left: 0;
	}
	
	#inner-section3 ul li .process-cont p strong {
		margin-bottom: 10px;
	}
	
	#inner-section3 ul .process-cont p:last-child {
		font-size: 15px;
	}
	
	#inner-section4 h3 {
		font-size: 30px;
	}
	
	#inner-section4 h3 br {
		display: none;
	}
	
	#inner-section3 ul li {
		margin-top: 40px;
	}
	#hp-section2::before {
		top: auto;
		bottom: 27%;
	}
	
	#dm-sec1 .inner-content p {
		font-size: 15px;
	}
	
	#pricing-table .pricing-col {
		flex: 0 0 50%;
		max-width: 50%;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 80px;
	}
	
	#pricing-table .pricing-col .pricing-features p,
	#pricing-table .pricing-col .pricing-header p {
		font-size: 14px;
	}
	
	#pricing-table .pricing-col .pricing-footer .pricing-price {
		font-size: 30px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
	#pricing-table .pricing-col .pricing-features {
		display: block;
		padding: 40px 30px 20px;
		box-sizing: border-box;
	}
	
	#pricing-table .pricing-col .pricing-footer p {
		display: block;
		font-size: 13px;
		color: #fff;
	}
	
	#pricing-table .pricing-col .pricing-footer p br {
		display: none;
	}
	
	#pricing-table .pricing-col .pricing-header h3 {
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 15px;
	}
	
	#pricing-table .pricing-col .pricing-header .pricing-feat-img img {
		max-width: 90px;
		width: 100%;
	}
	
	#pricing-table .pricing-col .pricing-header .pricing-feat-img {
		top: -82px;
	}
	
	#dm-sec1 {
		padding-top: 80px;
	}
	#pricing-table .pricing-col .inner-cont {
		padding-bottom: 190px;
	}
	
}
@media screen and (max-width: 640px){
	.iframe-video iframe {
		height: 235px;
	}
	div#portfolio-sec2 h2 {
		font-size: 25px;
	}
	#services-sec3 h2 {
		font-size: 25px;
	}
	#services-sec3 h2 {
		font-size: 25px;
	}
	.sub-title br {
		display: none;
	}
	.modal-content {
		background-color: transparent;
		width: 90%
	}
	.modal-content iframe {
    	height: 300px;
	}
	.my-container {
		max-width: 360px;
	}
	div#banner-section h1 {
		font-size: 25px;
	}
	.sub-title {
		font-size: 15px;
    	line-height: 25px;
	}
	a.btn-default {
		font-size: 14px;
		padding: 10px 0px;
		margin: 30px auto 0px;
	}
	div#hp-section2 h2, #hp-section3 h2, .heading,
	div#hp-section4 h2,
	.hp-sec5-right h2,
	.specialize-video p {
		font-size: 24px;
		
	}
	#hp-section2 .sub-title,
	#hp-section3 .sub-title {
		font-size: 15px;
	}
	#hp-section2 .sub-title br {
		display: none;
	}
	.specialised_list h3 {
		font-size: 16px;
	}
	#hp-section6 .why_choose_us_list ul li div {
		font-size: 14px;
	}
	.footer-widget-sub-title p {
		max-width: 100%;
	}
	#cta-section a.btn-link {
		font-size: 14px;
		padding: 10px 0px;
		max-width: 193px;
	}
	.footer-menu li {
		margin: 5px 11px;
	}
	div#cta-section {
		min-height: 360px;
	}
	div#cta-section h2 {
		padding-top: 90px;
	}
	div#hp-section7 {
		padding-bottom: 15px;
	}
	button#responsive-menu-button {
		display: none !important;
	}
	.sticky-header button#responsive-menu-button {
		top: 35px !important;
	}
	.specialised_list_container ul {
    grid-template-columns: repeat(1, 1fr);
	}
	#services-sec3 h2 {
		font-size: 30px;
	}
	#services-sec3 {
		padding: 230px 0px !important;
	}
	.page-template-template-portfolio #hp-section6 {
		padding-bottom: 20px;
		padding-top: 55px;
	}

	div#about-sec2 .about-left {
		width: 100%;
		position: relative;
		opacity: 0.2;
	}
	div#about-sec2 .about-right {
		width: 100%;
		position: absolute;
		max-width: 360px;
	}
	.about-right h2 {
		font-size: 40px;
		line-height: 48px;
	}
	.al_right {
		margin-right: 0px;
		margin-left: 0;
	}
	.about_list li.about-list-right {
		max-width: 360px;
		margin-left: 0px;
		margin-right: 0px;
	}
	#the-blog-banner {
		padding: 160px 0 120px;
	}
	#the-single-blog h1 {
		font-size: 36px;
	}
	#the-single-blog h3 {
		font-size: 20px;
	}
	#the-single-blog p {
		font-size: 14px;
		line-height: 1.4;
	}
	#the-blog-details p {
		margin-top: 24px;
	}
	#the-blog-details p span {
		display: block;
		margin: 0;
		padding: 0;
		font-size: 14px;
		line-height: 1;
	}
	#opsec1 {
		padding: 140px 0 80px;
	}
	#opsec3 h3 {
		font-size: 20px;
	}
	#opsec3 .opsec3-paragraph p {
		font-size: 14px;
	}
	#vbcsec1 {
		padding: 120px 0 40px;
	}
	
	#sub-services-list .image-wrap {
		height: 300px;
	}
	#blog-sec2 .slick-arrow {
		top: calc(50% - 25px);
	}
	#blog-sec2 .sp_wpspwpost_static {
		padding: 0 20px;
	}
	#blog-sec2 h2.wpspw-post-title a {
		font-size: 20px !important;
		max-width: 280px;
	}
	#four-ow-four .error-desc h1 {
		font-size: 60px;
		line-height: 66px;
	}
	
	#inner-section4 ul li {
		width: 45%;
	}
	
	#pricing-table .pricing-col {
		max-width: 100%;
		flex: 0 0 100%;
	}
	
	#pricing-table .pricing-col .inner-cont {
		height: auto;
		padding-bottom: 150px;
	}
	.single iframe {
		display: block;
		margin: 0 auto;
		height: 300px;
		width: 100%;
	}
	
}
@media screen and (max-width: 400px){

	#banner-section h1 {
		margin: 230px auto 0px !important;
	}
	#hp-section5 {
		padding-bottom: 20px;
	}
	div#hp-section5 .my-container {
		z-index: 1;
		position: relative;
	}
	div#hp-section4 h2 {
		margin: 0px auto 10px;
	}
	.my-container {
		max-width: 90%;
	}
	.client-heading-cont {
		z-index: 1;
	}
	.client-heading-cont h2, .client_list {
		z-index: 1;
		position: relative;
	}
	div#hp-section4 {
		min-height: 100%;
		padding-bottom: 20px;
	}
	div#hp-section7 h2 {
		margin-left: 0;
	}
	#hp-section7 .left:before {
		left: 0;
	}
	.ctp-testimonial-slider {
		padding-left: 20px;
	}
	div#hp-section7 .testimonial-title,
	div#hp-section7 .testimonial-company {
		font-size: 16px;
		margin-bottom: 0;
	}
	div#cta-section {
		min-height: 100%;
		padding-bottom: 75px;
	}
	div#cta-section h2 {
		padding-top: 80px;
	}
	.specialised_list li img {
		width: 120px;
	}
	.how_we_work_list_container {
		width: 90%;
		z-index: 1;
	}
	.how_we_work {
		min-height: 250px;
	}
	.how_we_work:after {
		content: "";
		display: block;
		background: rgba(0,0,0,0.2);
		width: 100%;
		position: absolute;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
	}
		/**sept***********************/
	
	div#about-sec2 .about-left {
		width: 100%;
		position: relative;
		opacity: 0.2;
	}
	div#about-sec2 .about-right {
		width: 100%;
		position: absolute;
		max-width: 500px;
	}
	.about-right h2 br {
		display: none;
	}
	.about-right h2 {
		font-size: 28px;
		line-height: 1.3em;
	}
	div#about-sec2 .about-left img {
		max-width: 225px;
	}
	div#about-sec4 {
		padding: 20px 0 0px;
	}
	.al_right h3 {
		font-size: 20px; 
	}
		/**sept***********************/
	
	div#about-sec2 .about-left {
		width: 100%;
		position: relative;
		opacity: 0.2;
	}
	div#about-sec2 .about-right {
		width: 100%;
		position: absolute;
		max-width: 360px;
	}
	#four-ow-four .error-desc h1 {
		font-size: 40px;
		line-height: 46px;
	}
}


/**additional css for portfolio field**/
.port-sub-text {
  text-align: center;
  font-weight: 500;
  font-style: italic;
}