font-face {
    font-family: 'Larken';
    src: url('../fonts/Larken-Bold.eot');
    src: url('../fonts/Larken-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Larken-Bold.woff2') format('woff2'),
        url('../fonts/Larken-Bold.woff') format('woff'),
        url('../fonts/Larken-Bold.ttf') format('truetype'),
        url('../fonts/Larken-Bold.svg#Larken-Bold') format('svg');
    font-weight: bold;    font-size: 150px;
    font-family: 'Matrix II Book';
    margin-right: 13px;
    top: 37%;
    transform: translateY(-50%);
    position: absolute;
    left: 0;17
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue'.business-section h3;
    src: url('../fonts/HelveticaNeue-Light.eot');
    src: url('../fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-Light.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Light.woff') format('woff'),
        url('../fonts/HelveticaNeue-Light.ttf') format('truetype'),
        url('../fonts/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Matrix II';
    src: url('../fonts/MatrixIIBold.eot');
    src: url('../fonts/MatrixIIBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MatrixIIBold.woff2') format('woff2'),
        url('../fonts/MatrixIIBold.woff') format('woff'),
        url('../fonts/MatrixIIBold.ttf') format('truetype'),
        url('../fonts/MatrixIIBold.svg#MatrixIIBold') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Matrix II Book';
    src: url('../fonts/MatrixIIBook.eot');
    src: url('../fonts/MatrixIIBook.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MatrixIIBook.woff2') format('woff2'),
        url('../fonts/MatrixIIBook.woff') format('woff'),
        url('../fonts/MatrixIIBook.ttf') format('truetype'),
        url('../fonts/MatrixIIBook.svg#MatrixIIBook') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Larken';
    src: url('../fonts/Larken-Light.eot');
    src: url('../fonts/Larken-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Larken-Light.woff2') format('woff2'),
        url('../fonts/Larken-Light.woff') format('woff'),
        url('../fonts/Larken-Light.ttf') format('truetype'),
        url('../fonts/Larken-Light.svg#Larken-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Larken';
    src: url('../fonts/Larken-Regular.eot');
    src: url('../fonts/Larken-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Larken-Regular.woff2') format('woff2'),
        url('../fonts/Larken-Regular.woff') format('woff'),
        url('../fonts/Larken-Regular.ttf') format('truetype'),
        url('../fonts/Larken-Regular.svg#Larken-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



body{font-family: 'Helvetica Neue'; font-size:18px; font-weight:400; color:#000; line-height:26px; margin:0px; }
p{font-family: 'Helvetica Neue'; font-size:18px; color:#000; line-height:26px; margin:0px; }
h1,h2,h3,h4,h5,h6{margin:0px; position:relative;}
a,input{font-family: 'Helvetica Neue'; font-size:18px; font-weight:normal; color:#222;}
a,div,input,button{outline: none; }
a:focus-visible, input:focus-visible{outline:2px solid #008fbe;outline-offset: -2px;}

h1 {font-family: 'Larken'; font-weight: normal; font-size:50px; line-height:60px; padding-bottom:25px; color:#fff; }
h2 {font-family: 'Larken'; font-weight: normal; font-size:60px; line-height:50px; }
h3 {font-family: 'Larken'; font-weight: normal; font-size:60px; line-height:50px; font-weight:300;}

a{color:#000;}
a:hover{color:#d3a848;}

.grid-container {max-width:1450px;}

input,button{transition:background-color 300ms ease-out 0s;}
#menu-topmenu .fa{font-size:16px;}

.nav-outer-main { width: 100%; position: absolute; z-index: 99; left: 0; right: 0; }
.nav-outer { margin: 0 auto; position: relative; padding:18px 54px; max-width: 1780px;}

/*.nav-outer-main.stickymenu {left: 0;right: 0;z-index: 999;position: fixed;top: 0;width: 100%;background:rgba(0,0,0,.9); height:130px;}*/
.nav-outer-main.stickymenu {
	animation: smoothScroll 1.3s forwards;
	left: 0;
	right: 0;
	z-index: 99999;
	position: fixed;
	top: 0;
	width: 100%;
	background: rgba(0,0,0,.9);
	height: 80px;
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-140px);
    }
    100% {
        transform: translateY(0px);
    }
}

.nav-outer ul li.active a { background: none; border-bottom:1px solid #24c100;}


.top-header-links {position: absolute;max-width:  80rem; margin: 0 auto;left: 0;right: 0;text-align: right; top: 0px; padding-right: 0px;}
.is-drilldown {position: relative;overflow: visible !important;min-height: auto !important;}
.top-bar{background: transparent;padding: 0;}
.top-bar, .top-bar ul {background-color: #008fbe;border-radius: 5px;}
.dropdown .is-dropdown-submenu a {text-align: left;font-size: 18px;padding:12px 20px; font-family: 'Larken'; font-weight:400; color: #fff;text-transform: uppercase;}
.dropdown.menu > li > a{font-family: 'Larken'; font-size:20px; padding:0px 0px; top: 0px; color: #fff; font-weight: 400; position:relative; text-transform:uppercase;}
.dropdown.menu > li > a:hover{color:#d3a848; }
.top-bar-right > ul {float: right; background: transparent; margin-top:38px; margin-right: 0; text-align: center; position: absolute; right:266px; display: block;}

.logo {float: left; position: relative; z-index: 1; top: 12px;}
.dropdown.menu > li {margin:0px 20px; display: inline-block;}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {border: inset 0;}
.dropdown.menu > li > a:before{top: 1.5px;}

.dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {right: auto;left: 0; margin-top:0px;}

.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { content:'\f107'; font-family: 'FontAwesome'; margin-top: -8px; right:18px; display:none;}

.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
	right: auto;
	left: 0;
	top: 42px;
	border: 0px;
	margin: 0;
	list-style: none;
}
.is-dropdown-submenu > li {position: relative;}

.is-dropdown-submenu {min-width: 300px;}
.dropdown.menu > li.is-active > a {color:#d3a848;}

.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {padding-right:0px;}

.nav-outer-main.stickymenu .logo {
	/* margin-top: 10px; */
	top: 0;
}
.nav-outer-main.stickymenu .logo img { /*width: 90px;*/}

.nav-outer-main.stickymenu .top-bar-right > ul{/*margin-top:50px;*/}
.nav-outer-main.stickymenu .search-btn { top: 54px;}
.nav-outer-main.stickymenu .call-btn { top: 17px;}
.dropdown .is-dropdown-submenu a:hover {color:#fff; background:#d3a848;}
  

.call-btn {position: absolute;right: 45px;top: 47px;}
.call-btn a {
	display: block;
	padding: 10px 30px;
	color: #000;
	text-transform: uppercase;
	font-size: 20px;
	font-family: 'Larken';
	font-weight: 400;
	background: none;
	transition: all ease 0.5s;
	background-color: #d3a848;
	border-radius: 30px;
	position: relative;
	height: 47px;
	width: 187px;
}
.call-btn a:hover {background:#008fbe; color:#fff;}
.call-btn i {display:none;}

.search-btn { position: absolute; right: 200px; top:80px;}
.search-btn a {color:#fff;}
.search-btn i { font-size: 22px;}


.slider-sec { position:relative; width:100%; }
.slider-sec .slider {margin: 0px;max-height: 716px;overflow: hidden;}
.slider-sec .slider .slick-slide {}
.slider-text {width: 100%; padding:18px 0 28px; top: 55%; text-align: center; transform: translateY(-55%); position: absolute; z-index:1;  }
.slider-sec .slider.single-item {margin-top: 0;}
.slider-sec:after {content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.05); left: 0; top: 0;}
.slider-sec .responsive-embed.widescreen {
	margin: 0 !important;
}

.slider-text h1{font-weight:700; font-family: 'Larken'; font-size:100px; color:#fff;}

.slider-text .btn {
	color: #000;
	display: inline-block;
	border-radius: 50px;
	/*background: #d3a848;*/
	background: #d3a848;
	font-family: 'Larken';
	font-size: 32px;
	padding: 19px 50px 18px;
	margin-top: 34px;
	transition: all ease 0.5s;
}

.slider-text .btn:hover {background:#008fbe; color:#fff;}
.slider-text .btn:focus {background:#008fbe; color:#fff;}

.slider-sec .responsive-embed.widescreen, .slider-sec .flex-video.widescreen {
	padding-bottom:56.25%;
}
.slider-sec .responsive-embed.widescreen .video {background:#000;} 
         
.media-section h2{text-align:center; display:block; width: 100%; font-size:90px; font-weight:300; margin-bottom:34px;}
.media-section p {font-size: 24px;line-height: 34px;}
.media-section .media-top p {text-align: center; max-width: 841px;margin: 0 auto;}
.media-section {padding: 100px 0 80px; position:relative;}
.media-mid-left {float: left;width: 63%;padding-left: 280px; margin-top:95px;}
.media-mid-right {float: right;width: 37%; position: relative;}
.media-mid-right img {float: right;}
.media-mid {margin-top: 130px;position:relative;}
.media-section h3 {margin-bottom: 30px; line-height:64px;}
.media-mid-left-top{
	position: absolute;
	left: -20px;
	top: -25%;
	z-index: -1;
}
.media-mid-top-pic {
	position: absolute;
	z-index: -1;
	top: -10%;
	right:0;
}
.media-mid-left-pic {
	position: absolute;
	bottom: 50px;
	right: 465px;
	width: 225px;
}
.bottom-right-pic {
	position: absolute;
	right: 0;
	bottom: -30px;
}
.media-bottom {display: flex;}
.media-bottom-left {width: 50%;float: left;padding-left: 38px;padding-right: 54px;}
.media-bottom-right {width: 50%;float: right;padding-left: 0; }
.media-bottom-des {top: 50%;transform: translateY(-50%);position: relative;}
.media-bottom-left img {width: 100%;margin-right: 40px;}

.shopify-section {padding-bottom: 80px;text-align: center;}
.shopify-logo-outer {position: relative;}
.shopify-logo-outer:before {content: "";background: #d2b48c;height: 1px;position: absolute;width: 100%;left: 0;right: 0;top: 56%;transform: translateY(-50%);}
.shopify-logo-outer span {display: inline-block;background: #fff;z-index: 1;position: relative;padding: 0 12px;}
.shopify-section p {font-size: 24px;line-height: 34px;max-width: 1000px;margin: 60px auto 0;}

.ecommerce-section .grid-container {max-width: 1780px;}
.ecommerce-section img {/*width: 100%;*/}
.ecommerce-section {background: #ede7d7;padding: 80px 0;}
.ecommerce-section-des {top: 50%;transform: translateY(-50%);position: relative;text-align: center;max-width:540px; margin: 0 auto;}
.ecommerce-section h2 {position: relative;color: #2b2a27;padding-bottom: 20px;margin-bottom: 26px;}
.ecommerce-section h2:before{content:""; width:50px; height:3px; background:#2b2a27; position:absolute; bottom:0px;
left: 0;right: 0;margin: 0 auto;}

.learn-section {
	padding: 130px 0;
	/* background: linear-gradient(217deg, rgb(0 139 184 / 91%), rgb(255 206 96 / 15%) 70.71%), linear-gradient(127deg, rgb(44 179 221), rgba(0,255,0,0) 70.71%), linear-gradient(336deg, rgb(0 136 181), rgba(0,0,255,0) 70.71%); */
	text-align: center;
	background: url(https://manaleimedia.com/wp-content/uploads/2023/09/bl-grdnt-bg.jpg) no-repeat;
}

.learn-section h2 {max-width: 1216px;margin: 0 auto; font-family: 'Larken'; font-weight:400; font-size: 66px;line-height: 80px;color: #fff; position:relative;
padding-bottom: 30px; margin-bottom: 48px;}
.learn-section h2:before{content:""; width:80px; height:3px; background:#fff; position:absolute; bottom:0px;
left: 0;right: 0;margin: 0 auto;}
.learn-section a {
	border-radius: 50px;
	display: inline-block;
	background: #d3a848;
	font-family: 'Larken';
	font-size: 32px;
	padding: 18px 50px;
	margin-top: 10px;
	transition: all ease 0.5s;
	color: #000;
}
.learn-section a:hover {background:#fff; color:#008fbe;}
.learn-section a:focus {background:#fff; color:#008fbe;}


.marketing-section {background: #393944;padding: 136px 0;}
.marketing-left img {box-shadow: 20px 20px 0 rgb(49, 49, 59);}
.marketing-section span {display: block;font-size: 60px;margin-bottom: 14px;}
.marketing-section h2 {font-size: 50px;text-align: left;color: #fff;position: relative;padding-bottom: 20px;margin-bottom: 42px;}
.marketing-section h2:before{content:""; width:50px; height:3px; background:#fff; position:absolute; bottom:0px;left:1px;right:auto;margin: 0 auto;}
.marketing-section p {color: #fff;text-align: left;max-width: 698px;margin: 0 auto; float: left;}
.marketing-section a {
	display: inline-block;
	border-radius: 50px;
	background: #d3a848;
	font-family: 'Larken';
	font-size: 30px;
	padding: 18px 50px;
	margin-top: 42px;
	transition: all ease 0.5s;
	color: #000;      
}
.marketing-section a:hover {background:#008fbe; color:#fff;}
.marketing-section a:focus {background:#008fbe; color:#fff;}
.marketing-rigth {text-align: center;}
.marketing-section-des {top: 50%;transform: translateY(-50%);position: relative; text-align: left;}

.download-section {padding:110px 0;}
.download-section h2 {
	line-height: 60px;
	font-family: 'Helvetica Neue';
	font-size: 46px;
	text-align: center;
	color: #000;
	position: relative;
	padding-bottom: 30px;
	margin-bottom: 0;
}
.download-section a {
	display: inline-block;
	border-radius: 50px;
	background: #d3a848;
	font-family: 'Larken';
	font-size: 32px;
	padding: 18px 50px;
	transition: all ease 0.5s;
	color: #000;
}
.download-section a:hover {background:#008fbe; color:#fff;}
.download-section a:focus {background:#008fbe; color:#fff;}
.download-section-des{top: 50%;transform: translateY(-50%);position: relative; text-align:center;}

.business-section{padding:100px 0;}
.business-section .grid-container { max-width: 1300px;}
.business-section h3 {text-align: center;margin-bottom: 67px;}
.business-section .business-des h4{font-size:150px; font-family: 'Matrix II Book';     margin: 0 13px 0 0;
	top: 37%;
	transform: translateY(-50%);
	position: absolute;
	left:0;
}
.business-section .grid-container.business-section-mid .grid-x.grid-padding-x:nth-child(2n) .business-des h6 {
	top: 24%;
}
.business-des-inner {
	display: flex;
	top: 50%;
	transform: translateY(-50%);
	position: relative;
	padding-left: 170px;
}
.business-des p {font-size: 24px; line-height: 33px;}
.business-section .grid-container.business-section-mid .grid-x.grid-padding-x:nth-child(2n+1) .large-6.cell.business-left:nth-child(2n+1) .business-des{background: #ede7d7;}
.business-section .grid-container.business-section-mid .grid-x.grid-padding-x:nth-child(2n) .large-6:nth-child(2n) .business-des{background: #ede7d7;}
.business-section-bottom{text-align:center;}
.business-section .business-des {padding:0 36px;}
.business-section .large-6 {padding: 0;}
.business-section h4 {font-size: 50px;font-family: 'Matrix II'; margin:64px 0 20px;}

.business-section .business-des {height: 100%;}
.business-section .large-6 {
	padding: 0;
	height: 280px;
}
/*footer*/

footer {width:100%; background:#000; padding:90px 0px 0px; position:relative; }
footer .grid-x.grid-padding-x { display: flex; justify-content: space-between; margin:0px !important;}
footer .grid-container { max-width: 1450px;}
footer h4 {text-transform: uppercase;font-size: 24px;color: #fff;padding-bottom: 12px;padding-top: 4px;font-family: 'Larken';}
footer ul {margin:0px; padding:0px;}
footer ul li {list-style:none; font-family: 'Barlow', sans-serif; font-weight:400; font-size:18px; color:#fff; padding-bottom:0px;}
footer ul li a {color: #bbb9b7;font-size: 17px;}
footer ul li a:hover {color:#d3a848;}
.foot1 {width:auto;}
.foot2 {width:auto;}
.foot3 {width:auto;}
.foot4 {width: 321px;position: relative;}
.foot4 ul li {position:relative; padding-left:25px; line-height:24px; padding-bottom: 20px;}
.foot4 ul li i {position:absolute; left:0px; top:4px;}
.foot4 p {line-height: 24px;color: #bbb9b7;font-size: 18px;margin-bottom: 11px;}

.foot4 input[type="email"], .foot4 input[type="text"] {
	height: 56px;
	box-shadow: 0 0 0 0;
	border: 0;
	padding-left: 12px;
	font-size: 18px;
	margin-bottom: 10px;
}
.foot4 input[type="submit"] {
	width: 100%;
	border: 0;
	height: 56px;
	background: #d3a848;
	color: #fff;
	font-size: 26px;
	text-transform: uppercase;
	font-family: 'Larken';
	cursor:pointer;
}
.foot4 input[type="submit"]:hover{background: #008fbe;color: #fff;}


.social {
	text-align: center;
	margin-top: 90px;
}                                                 
.social ul {margin:0px; padding:0px;}
.social ul li {list-style:none; display:inline-block; font-size:20px; text-align:center; padding:0px 10px;}
.social ul li img { width: 37px;}
.social ul li a {color:#fff; text-decoration:none; transition:all ease 0.5s;}
.social ul li a:hover {color:#fff; opacity:0.7;}

.copyright {
	width: 100%;
	padding: 40px 0px;
	border-top: 1px solid #23221f;
	color: #bbb9b7;
	font-size: 18px;
	margin-top: 66px;
	display: flex;
	justify-content: inherit;
}
.copyright .grid-x.grid-padding-x { margin: 0px;}
.copyright a {color:#bbb9b7; transition:all ease 0.5s; display:inline-block; margin:0px 5px;}
.copyright a:hover {color:#d3a848; transition:all ease 0.5s;}
.copy-left {}
.copy-right {text-align:right;}

.welcome-section{background:#cccdcf; padding:100px 0; text-align:center;}
.welcome-section a.btn-work {
	display: inline-block;
	border-radius: 50px;
	background: #d3a848;
	font-family: 'Larken';
	font-size: 32px;
	padding: 18px 50px;
	margin-top: 42px;
	transition: all ease 0.5s;
	color: #000;
}
.welcome-section a.btn-work:hover {background:#008fbe; color:#fff;}
.welcome-section a.btn-work:focus {background:#008fbe; color:#fff;}

.welcome-section h3 {
	font-size: 30px;
	font-family: 'Helvetica Neue';
	color: #000;
	margin-bottom: 50px;
}
.welcome-section .moving-text-left {
	border-bottom: 1px #c8c8ca solid;
	padding-top:20px;
}
.welcome-section .moving-text-right {
	border-bottom: 1px #c8c8ca solid;
	padding: 50px 0 0;
	margin-bottom: 50px;
}
.welcome-section p {
	font-size: 24px;
	line-height: 32px;
	padding: 0 14px;
	max-width: 1020px;
	margin: 0 auto;
} 
.welcome-section h2 {
	font-size: 86px;
}

.tiles-section {padding: 20px 0 90px;}
.tiles-section .grid-x.grid-padding-x{justify-content:center;}
.tiles-box{position:relative; margin-bottom:34px;}
.tiles-pic{background:#000;}
.tiles-box img{width:100%;opacity:.7;transition:all ease 0.5s;}
.tiles-heading h3 {
	color: #fff;
	font-size: 55px;
	text-shadow: 0 0 15px rgba(0,0,0,.4);
}
.tiles-heading {top: 50%;transform: translateY(-50%);position: absolute;right: 0;left: 0;text-align: left;transition: all .4s ease-in-out;padding: 0 30px;}
.tiles-box:hover .tiles-heading {/* opacity: 0; */margin-top: -50px;}
.tiles-box:hover  img{width:100%;opacity:.3; transition:all ease 0.5s;}   
.tiles-box:hover  video{width:100%;opacity:.3; transition:all ease 0.5s;}   
.tiles-hover-text {transition: all .45s ease-in-out;opacity: 0;top: 60%;transform: translateY(0);position: absolute;right: 0;left: 0;text-align: left;padding: 0 30px;bottom: 30px;}
.tiles-hover-text p {color: #fff;font-size: 20px;line-height: 31px;}
.tiles-hover-text a {display: inline-block;/*border-radius: 50px;background: #d3a848;*/font-family: 'Larken';font-size: 22px; padding: 0px 0px; transition: all ease 0.5s;color: #d3a848; margin-top: 20px; position:relative;}
.tiles-hover-text a:hover { background: none; text-decoration:none; color: #d3a848;}
.tiles-box:hover .tiles-hover-text {display: block;transition: all .5s ease-in-out;opacity: 1;top: 47%;}

.tiles-hover-text a::before { content: ''; width: 0%; height: 2px; background: #d3a848; position: absolute; bottom: 0; left: 0; transition: width 0.3s;}
.tiles-hover-text a:hover::before {width:100%;}

.marketing-section .grid-container {max-width: 1500px;}

.marquee.marquee1 {
	height: 143px;
}
.marquee {
  position: relative;
  width: 100vw;
  max-width: 100%;
  overflow-x: hidden;
  height: 106px;
}

.track {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 40s linear infinite;
  left:0;
  right: -200px;
}

@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.track1 {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee1 40s linear infinite;
  right:0;
}

@keyframes marquee1 {
  from { transform: translateX(0); }
  to { transform: translateX(50%); }
}


.media-mid-pic-mob{display:none;}

.inner-banner {
	background-size: cover !important;
	min-height: 550px;
	position: relative;
}

.inner-banner:after {content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.20); left: 0; top: 0;}

/*.inner-banner h1 {
	position: absolute;
	top: 55%;
	transform: translateY(-50%);
	right: 0;
	left: 0;
	text-align: center;
	font-size: 70px;
	text-transform: uppercase;
	padding: 0;
}*/

.banner-content{
	position: absolute;
	top: 55%;
	transform: translateY(-50%);
	right: 0;
	left: 0;
	text-align: center;
	font-size: 70px;
	text-transform: uppercase;
	padding: 0;
}
.inner-banner .banner-content {
	z-index: 9;
}
.banner-content p {
	color: #fff;
	font-size: 24px;
}
.banner-content h1 {
	padding: 0 0 20px;
	font-size: 90px;
	color:#fff;
}

.contact-us {
	padding:0;
	background: #ede7d7;
}
.contact-us h3 {font-size: 48px;}
.contact-section .emil-sec {
	margin-bottom: 16px;
}
.contact-section .fa {
	background: #d3a848;
	width: 50px;
	height: 50px;
	text-align: center;
	font-size: 23px;
	border-radius: 100%;
	color: #fff;
	padding-top: 13px;
}
.contact-section a {
	font-size: 31px;
	margin-left: 10px;
	color: #fff;
}
.contact-section a:hover{
	color:#d3a848;
}	
.contact-section h3 {
	margin-bottom: 32px;
	color:#fff;
}
.contact-head {
	margin-bottom: 30px;
}
.contact-head p {
	font-size: 22px;
}
.contact-head h3 {
	margin-bottom: 7px;
}
.contact-us .wpcf7-form input {
	height: 54px;
	box-shadow: 0 0 0 0;
	padding-left: 0;
	border: 0;
	box-shadow: 0 3px 0px rgba(0,0,0,.0);
	background-color: transparent;
	border-bottom: 1px #bfab9d solid;
}
.contact-us .wpcf7-form textarea {
	box-shadow: 0 0 0 0;
	height: 130px;
	padding-left: 0;
	border: 0;
	box-shadow: 0 3px 0px rgba(0,0,0,.0);
	background-color: transparent;
	border-bottom: 1px #bfab9d solid;
}
.contact-us .wpcf7-form input[type="submit"] {
	display: inline-block;
	border-radius: 50px;
	background: #d3a848;
	font-family: 'Larken';
	font-size: 30px;
	padding: 14px 65px;
	margin-top: 16px;
	transition: all ease 0.5s;
	border: 0;
	height: auto;
	cursor: pointer;
	color: #fff;
}
.contact-us .wpcf7-form input[type="submit"]:hover{
  background: #008fbe;
  color: #fff;
}
.contact-sec-map {
	margin-top: 80px;
}
.contact-sec-map iframe {
	display: block;
}
.contact-us .grid-container {
	max-width: 1250px;
}


.inner-page-wrap {
	padding:80px 0;
}
.privacy .privacy-block {
	border-bottom:1px #ddd solid;
	margin-bottom: 40px;
	padding-bottom: 30px;
}
.privacy .privacy-block h3 {
	font-size: 42px;
	margin-bottom: 22px;
}
.privacy .privacy-block p {
	margin-bottom: 20px;
}

.privacy .privacy-block:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.inr-content.all.inner{
	padding: 80px 0;
}
.homeabout.about-page .cell.ab-left {
	padding-right: 50px;
}
.homeabout.about-page h2 {
	margin-bottom: 25px;
}

/*search-pages*/


.error404 .error-404 {
	text-align: center;
}

.error404 .error-404 .search-form label {
	display: none;
}

.error404 .error-404 .search-form {
	max-width: 800px;
	margin: 0 auto;
	padding: 30px 0;
	display:flex;
}


.error404 .error-404 .search-form input[type="search"] {
	margin: 0;
	height: 51px;
	box-shadow: 0 0 0;
}
.error404 .error-404 .search-form input.search-submit {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	background: #d3a848;
	padding: 10px 30px 10px 30px;
	letter-spacing: .5px;
	border: 0;
	cursor: pointer;
	font-family: 'Larken';
}
.error404 .error-404 .search-form input.search-submit:hover{
	color: #fff;
	background: #000
}
.error404 h1.page-title {
	font-family: 'Larken';
	font-weight: normal;
	font-size: 44px;
	line-height: 39px;
	padding-bottom: 25px;
	text-align: center;
	max-width: 740px;
	margin: 0 auto;
	color:#000;
}
.error404 .error-404 .btn-u.btn-u-red {
	color: #fff;
	background: #000;
	padding: 7px 20px 10px;
	text-transform: uppercase;
	border-radius: 20px;
	font-weight: 600;
	cursor: pointer;
}
.search-no-results .no-results.not-found h1.page-title {
	font-family:'Larken';
	font-weight: normal;
	font-size: 38px;
	line-height: 39px;
	padding-bottom: 25px;
	text-align: center;
	max-width: 740px;
	margin: 0 auto;
	color: #000;
}

.search-no-results .no-results.not-found .search-form {
	max-width: 800px;
	margin: 0 auto;
	padding: 40px 0 60px;
	display: flex;
	text-align: center;
}

.search-no-results .no-results.not-found label {
	display: none;
}

.search-no-results .no-results.not-found  input[type="search"] {
	margin: 0;
	height: 51px;
	box-shadow: 0 0 0;
}
.search-no-results .no-results.not-found input.search-submit {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	background: #d3a848;
	padding: 10px 30px 10px 30px;
	letter-spacing: .5px;
	border: 0;
	cursor: pointer;
	font-family: 'Larken';
}
.search-no-results .no-results.not-found input.search-submit:hover{
	color: #fff;
	background: #000
}
.search-no-results .no-results.not-found {
	text-align: center;
}

/*--*/

.search.search-results .page-title {
	font-family: 'Eras Demi ITC';
	font-weight: normal;
	font-size: 38px;
	line-height: 39px;
	padding-bottom: 25px;
	text-align: center;
	max-width: 740px;
	margin: 0 auto;
	color: #000;
}
.search.search-results .page-title {
	font-family: 'Eras Demi ITC';
	font-weight: normal;
	font-size: 38px;
	line-height: 39px;
	padding-bottom: 25px;
	text-align: center;
	max-width: 740px;
	margin: 0 auto;
	color: #000;
}
.search.search-results .search-result-count h3 {
	text-align: center;
	margin-bottom: 20px;
}
.search.search-results article .entry-footer {
	display: none;
}
.search.search-results article {
	text-align: left;
	border-bottom: 1px #ccc solid;
	padding-bottom: 32px;
	margin-bottom: 10px;
	float: left;
	width: 100%;
}
.search.search-results article h2:after {
	display: none;
}
.search.search-results article h2 {
	text-align: left;
	margin-bottom: 0;
	padding-bottom: 8px;
}
.search.search-results article h2 a {
	font-family: 'Eras Demi ITC';
	font-size: 26px;
}

.search.search-results .post-thumbnail {
	float: left;
	width: 300px;
	margin-right: 24px;
}
.search.search-results article.testimonials {
	padding-top: 0;
	background: transparent !important;
}
.search.search-results article.testimonials:before {
	display: none;
}
.search.search-results article h2 a:hover {
	color: #ff8a00;
}
.search.search-results .searchresult-wrapper {
	padding-bottom: 40px;
}


.search.search-results .navigation.pagination {
	float: left;
	text-align: center;
	width: 100%;
	padding-top: 30px;
}
.search.search-results .navigation.pagination .nav-links span, .search.search-results .navigation.pagination .nav-links a {
	display: inline-block;
}
.search.search-results .navigation.pagination .nav-links span.page-numbers.current {
	background: #d3a848;
}
.search.search-results .navigation.pagination .svg-icon {
	position: relative;
	top: 5px;
}
.search.search-results .navigation.pagination .nav-links .nav-prev-text, .search.search-results .navigation.pagination .nav-links .nav-next-text {
	display: none;
}

.search.search-results .navigation.pagination .nav-links span:hover, .search.search-results .navigation.pagination .nav-links a:hover {
	background: transparent;
}

.inner-article-details {padding: 80px 0;}
.inner-article-details .nav-links { display: flex; justify-content: space-between;}
.inner-article-details .nav-links div { width: auto;}
.inner-article-details .nav-links .nav-next {text-align:right;}
.inner-article-details { padding-bottom: 80px;}
.inner-article-details .nav-links p { display: inline-block;}
.inner-article-details .nav-links p.post-title { padding: 0px 10px; font-weight: 500; font-size: 22px; color:#000;}
.inner-article-details .nav-links p.meta-nav svg { vertical-align: bottom;}
.inner-article-details .title-img-box figure img { width: 100% !important; max-width: 100% !important;}
.inner-article-details .grid-x.grid-padding-x { /*align-items:center;*/ }
.inner-article-details .nav-links p { display: inline-block; font-size: 22px; font-weight: 500;}
.inner-article-details .navigation { margin-top: 50px;}
.inner-article-details .nav-links a:hover p { color:#d3a848;}
.inner-article-details .navigation { margin-top: 60px; border-top: 1px solid #efefef; padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #efefef; }
.inner-article-details .article-right p {margin-bottom: 20px;}
.inner-article-details .article-right .posted-on {
	margin-bottom: 38px;
	display: block;
	background: #d3a849;
	padding: 6px 12px;
	font-size: 15px;
	text-align: center;
	color: #000;
	font-family: 'Larken';
}
.inner-article-details .article-right .posted-on .fa.fa-calendar {font-size: 14px;position: relative;top: -1px;margin-right: 3px;}
.inner-article-details .article-right img {height: auto !important;}
/*search-pages*/

.homeabout.about-page {
	padding: 80px 0;
}



.bolo-img {
	margin-bottom: 39px;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
	padding: 0;
	border: 1px #eee solid;
	text-align: left;
}
.bolo-img h3 {
	font-family: 'Larken';
	font-size: 24px;
	margin-top: 21px;
	/* text-transform: none; */
	padding: 0 30px 0;
}

.cell.article-right {width: 100% !important;} 
.inner-article-details .grid-container {max-width: 1024px;}

.bolo-img .blog-cont{padding:10px 30px 30px;}
.bolo-img .blog-cont .more-link{display:none;}
.bolo-img .blog-cont p a {
	font-size: 18px;
	line-height: 22px;
}
.media-top.about-top h2 {
	text-transform: uppercase;
	margin-bottom: 40px;
	text-align:left;
}
.media-section .media-top.about-top p {
	margin-bottom: 24px;
	max-width: 1210px;
	text-align:left;
}
.media-top.about-top {
	padding-left: 100px;
}
.featured-section ul {
	margin: 0;
	list-style: none;
	text-align: center;
}
.featured-section li {
	width: 17%;
	display: inline-block;
	text-align: center;
	background: #fff;
	margin: 0 1.8% 53px;
	box-shadow: 0 0 16px rgba(0, 0, 0,.2);
}
.featured-section h2 {
	text-align: center;
	margin-bottom: 64px;
	position:relative;
	padding-bottom: 20px;
}
.featured-section h2:before {
	content: "";
	width: 50px;
	height: 3px;
	background: #2b2a27;
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.featured-section {
	background: #ede7d7;
	padding: 100px 0 70px;
}
.featured-section li img {
	background: #fff;
	padding: 11px;
}
.marketing-section.marketing-section-about p {
	margin-bottom: 23px;
	max-width: none;
	color: #000;
	float: none;
}
.marketing-section.marketing-section-about h2 {
	color: #000;
}
.marketing-section.marketing-section-about h2:before{
	background-color: #000;
}
.marketing-section.marketing-section-about {
	background: transparent;
}
.marketing-section.marketing-section-about img {
	box-shadow: 20px 20px 0 rgb(245, 240, 222,1);
}

.welcome-section.approach-section h2 {
	margin-bottom: 50px;
	position: relative;
	padding-bottom: 26px;
	font-size: 70px;
	color: #fff;
	font-weight: 300;
}

.welcome-section.approach-section h2:before {
	content: "";
	width: 50px;
	height: 3px;
	background: #fff;
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.welcome-section.welcome-section-new.approach-section h2 {
	margin-bottom: 50px;
	position: relative;
	padding-bottom: 26px;
	font-size: 60px;
	color: #fff;
	font-weight: 300;
	line-height:60px;
}

.welcome-section.approach-section p {
	max-width: 1210px;
	color:#fff;
}
.welcome-section.approach-section {
	background: #008fbe;
}
.media-section.what-we-love-section {
	padding: 100px 0;
}

.media-section.what-we-love-section h2 {
	position: relative;
	padding-bottom: 20px;
	text-align: left;
	font-size: 70px;
	margin-bottom: 20px;
}

.media-section.what-we-love-section h2:before {
	content: "";
	width: 50px;
	height: 3px;
	background: #000;
	position: absolute;
	bottom: 0px;
	left: 0;
	right: auto;
	margin: 0 auto;
}
.media-section.what-we-love-section h3 {
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 6px;
}
.media-section.what-we-love-section .media-bottom-des {
	text-align: left;
}

.media-section.media-section-about .media-mid-left-top {
	top: 20px;
	left: 0;
}
.media-section.media-section-about .media-mid-left-top img {
	height: 540px;
	bottom: 0;
}
.media-section.media-section-about .bottom-right-pic {
	top: 60%;
	width: 180px;
}


.cell.article-right h2 {
	position: relative;
	padding-bottom: 27px;
	text-align: center;
	font-size: 50px;
	margin-bottom: 50px;
    font-weight: 300;
}

.cell.article-right h2:before {
	content: "";
	width: 50px;
	height: 3px;
	background: #000;
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
  
.service-top-section {
	padding:100px 0 60px;
}
  
.ecommerce-section.ecommerce-experts .ecommerce-section-des {
	max-width: 600px;
}

.ecommerce-section.ad-management {
	position: relative;
	z-index: 1;
	padding: 0;
	background: transparent;
}
.ecommerce-section.ad-management .grid-container {
	max-width: 1300px;
}
.ecommerce-section.ad-management .ecommerce-section-des h2 {
	font-size: 42px;
	text-align: left;
	padding-bottom: 10px;
	margin-top: 40px;
}
.ecommerce-section.ad-management .ecommerce-section-des h2:before {
	right: auto;
}
.ecommerce-section.ad-management .ecommerce-section-des {
	max-width: 600px;
	text-align: left;
	margin-top: -40px;
	float: left;
}
.download-section.virtual-cmo {
	background: #ede7d7;
	padding: 100px 0 100px;
}

.service-top-section h4 {
	font-size: 70px;
	line-height: 65px;
	margin-bottom: 50px;
	text-align: left;
	font-family: 'Larken';
}

.service-top-section .grid-container{max-width:1360px;}
.service-top-section h3 {font-size: 36px;margin-bottom: 16px;font-family: 'Helvetica Neue';font-weight: 700;}
.service-top-section ul {margin:0 0 40px;list-style: none;}
.service-top-section li {margin-bottom: 8px;position: relative;padding-left: 30px;font-size: 24px;}
.service-top-section li:before {content: "+";position: absolute;left: 0;font-weight: 700;top: -3px;font-size: 26px;}

.service-box {background: #f4f4f4;border-radius: 70px;padding:50px 62px 40px;height: 100%; position:relative; transition: all ease 0.5s;}
.service-top-section .large-6 {margin-bottom: 32px;}
.service-box .circle {width: 80px;display: block;position: absolute;top: -20px;left: -18px;}
.service-box:hover{border-radius:0;}
.service-box.service-box-new:hover{border-radius:70px;}
.download-section.virtual-cmo h2 {
	position: relative;
	color: #2b2a27;
	padding-bottom: 24px;
	margin-bottom: 34px;
	font-size: 74px;
	font-family: 'Larken';
}
.download-section.virtual-cmo h2:before{content:""; width:50px; height:3px; background:#2b2a27; position:absolute; bottom:0px;
left: 0;right: 0;margin: 0 auto;}
.download-section.virtual-cmo h2 span {
	display: block;
	font-size: 40px;
	font-family: 'Helvetica Neue';
	margin-bottom: 8px;
}
.download-section.virtual-cmo .download-section-des {
	max-width: 630px;
	float: right;
}

.portfolio-top-slide {padding:80px 0 140px;}
.portfolio-top-slide h2 {
	text-align: center;
	margin-bottom: 50px;
}
.banner-content p span {font-size: 50px;display: inline-block;margin-top: 18px;}

.portfolio-des h3 {
	font-size: 20px;
	margin-top: 16px;
	line-height: 34px;
	font-weight: bold;
	margin-bottom: -4px;
	font-family: 'Larken';
}
.portfolio-slider .portfolio-des {
	padding: 18px 0 10px;
}
.portfolio-des-outer {
	background: #f3f3f3;
	padding: 32px 32px;
}
.portfolio-slider .slick-slide {
	padding: 0 30px;
}
.design-strategy {
	background: #f4f4f4;
	padding: 90px 0 100px;
}
.design-strategy h2 {
	font-size: 50px;
	text-align: center;
	display: block;
	width: 100%;
	margin-bottom: 48px;
	position: relative;
	padding-bottom: 20px;
}
.design-strategy h2:before{content:""; width:50px; height:3px; background:#2b2a27; position:absolute; bottom:0px;
left: 0;right: 0;margin: 0 auto;}

.design-strategy-des h3 {
	font-size: 20px;
	margin-top: 16px;
	line-height: 34px;
	font-weight: bold;
	margin-bottom: -4px;
	font-family: 'Larken';
}

.design-strategy-des {
	padding: 18px 34px 38px;
}
.design-strategy-des-outer {
	background: #f3f3f3;
}
.design-strategy-box {
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.design-strategy .large-6 {
	padding: 0 30px;
}

.Creative-section{padding:100px 0; text-align:center; overflow:hidden;}
.Creative-section h2 {font-size: 50px;text-align: center;display: block;width: 100%;margin-bottom: 48px;position: relative;padding-bottom: 20px;}
.Creative-section h2:before{content:""; width:50px; height:3px; background:#2b2a27; position:absolute; bottom:0px;
left: 0;right: 0;margin: 0 auto;}

.Creative-box{margin:0 20px;}
.Creative-section .grid-container {max-width: 100%;padding: 0;}
.large-12.cell.Creative-slider-main {padding: 0;}
.Creative-section .grid-x.grid-padding-x {margin: 0 -20px;}

.slider.slider-for .slick-slide {
	padding: 0;
}
.slider.slider-nav {
	background: transparent;
	margin-bottom: 0 !important;
}
.slider.slider-for {
	margin: 0 !important;
}
.slider.slider-nav .slick-slide {
	padding: 0 8px !important;
}

.design-strategy .grid-container {
	padding: 0 26px;
}

.nav-outer .sub-menu-toggle {
	display: none;
}

.dropdown.menu > li.current_page_item > a{color:#d3a848;}
.dropdown.menu > li.current_page_ancestor > a{color:#d3a848;}
.is-dropdown-submenu > li.current_page_item a {background:#d3a848;color: #fff;}

.logo img{width:250px;}

.foot1 > img {width:360px;}

.service-btn {
	text-align: center;
	margin: 60px 0;
}
.service-btn .btn {
	color: #000;
	display: inline-block;
	border-radius: 50px;
	background: #d3a848;
	font-family: 'Larken';
	font-size: 32px;
	padding: 18px 50px;
	transition: all ease 0.5s;
}
.service-btn .btn:hover {
	background: #008fbe;
	color: #fff;
}
.home .business-section .grid-container img {
	max-width: 572px;
}

.is-dropdown-submenu li:first-child a {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.is-dropdown-submenu li:last-child a {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.is-dropdown-submenu:before {
	content: "";
	border-style: solid;
	border-width: 13px 12px;
	border-color: transparent transparent #008fbe transparent;
	position: absolute;
	top: -25px;
	left: 20px;
}

.media-bottom-des p {max-width: 86%;}
.media-bottom-des p br {display:none;}

.shopify-logo-outer img{height:177px;}

.service-top-section h4 span {
	font-size: 24px;
}


.contact-us .grid-container{max-width:100%;}
.contact-us .grid-container .medium-12{width:50%;}
.contact-us .grid-container .cell.large-5.medium-12 {
	background: rgba(0,0,0,.8);
	padding: 80px;
	background-position: top center !important;
	position: relative;
}
.contact-us .grid-container .cell.large-5.medium-12:before {
	position: absolute;
	content: "";
	background: rgba(0,0,0,.7);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.contact-section {
	top: 50%;
	transform: translateY(-50%);
	position: relative;
}
.contact-us .grid-container .cell.large-7.medium-12{padding:77px 80px 80px;}

.foot4 .wpcf7-response-output {
	color: #fff;
	margin: 0 !important;
}

.is-dropdown-submenu > li:hover:first-child:before {
	content: "";
	border-style: solid;
	border-width: 13px 12px;
	border-color: transparent transparent #d3a848 transparent;
	position: absolute;
	top: -25px;
	left: 20px;
}

.is-dropdown-submenu > li.current_page_item:first-child:before{
	content: "";
	border-style: solid;
	border-width: 13px 12px;
	border-color: transparent transparent #d3a848 transparent;
	position: absolute;
	top: -25px;
	left: 20px;
}

.nav-outer-main.stickymenu .nav-outer {
	padding:6px 54px;
}

.nav-outer-main.stickymenu .top-bar-right > ul {
	margin-top: 18px;
}
.dropdown.menu > li:nth-child(5) > a {
	pointer-events: none;
}

.design-strategy-des h3.mana-work {
	font-size: 24px;
}

.portfolio-des h3.mana-work {
	font-size: 24px;
}

.new-frt-section .grid-container{max-width:100%;padding:0;}
.new-frt-section .grid-x {
	margin: 0 !important;
	flex-flow: inherit;
}
.new-frt-section .cell.large-3 {
	display: block;
	overflow: hidden;
	position: relative;
	height: 80vh;
	margin: 0;
	flex: 1 1 auto;
	transition: width 0.6s ease;
	padding: 0;
	display: flex;
	justify-content: center;
	
}
.new-frt-section .cell.large-3:hover {width:60%; }
 
.new-frt-section .cell.large-3:hover .main-tiles-box .main-tiles-box-content p, 
.new-frt-section .cell.large-3:hover .main-tiles-box .main-tiles-box-content a{display:block;}
  
.new-frt-section .main-tiles-box {
	position: relative;
	height: 100%;
	overflow: hidden;
	min-width: 120vh;
	left: 0;
	right: 0;
	transition-delay: 0.4s;
}
.new-frt-section .main-tiles-box-content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding: 0 24px;
	text-align: center;
	left: 0;
	right: 0;
	transition: 0.6s ease;
	z-index: 9;
}
.new-frt-section .cell.large-3:hover .main-tiles-box-content{width:65%; margin:0 auto;}
.new-frt-section .main-tiles-box .main-tiles-box-content p, .new-frt-section .main-tiles-box .main-tiles-box-content a {display: none;}
.new-frt-section h3 {
	color: #fff;
	font-size: 2.5vw;
	transition: font-size 0.6s ease;
}
.new-frt-section .cell.large-3:hover h3{font-size:5vh;}
.new-frt-section img{width:100%;}

.new-frt-section .main-tiles-box p {
	color: #fff;
	font-size: 22px;
	line-height: 34px;
	margin:20px 0; 
}


.new-frt-section .cell.large-3:hover .main-tiles-box-content {
	width: 65%;
	margin: 0 auto;
	top: 45%;
	transition: 0.6s ease;
}

.new-frt-section .main-tiles-box-content p {
	padding: 0 14px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.new-frt-section .main-tiles-box-image{background: #000;}
.new-frt-section .main-tiles-box-image img {opacity: .8;}
.new-frt-section .cell.large-3:hover .main-tiles-box-image img {opacity: .6;}
.new-frt-section .cell.large-3:hover .main-tiles-box-image img {opacity: .3;transition: all ease 0.5s;}
.new-frt-section .cell.large-3:hover .main-tiles-box .main-tiles-box-content a {
	font-family: 'Larken';
	font-size: 19px;
	color:#d3a848;
	/*border-bottom: 1px #fff solid;*/
	display: inline-block;
	line-height: 26px;  
	text-transform: uppercase;
	position:relative;
	transition: all ease 0.5s;
}

.new-frt-section .cell.large-3:hover .main-tiles-box .main-tiles-box-content a:hover:before {
  width: 100%;
}
.new-frt-section .cell.large-3:hover .main-tiles-box .main-tiles-box-content a:before {
  content: '';
  width: 0%;
  height: 2px;
  background: #d3a848;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: width 0.3s;
}

/*.new-frt-section .cell.large-3:hover .main-tiles-box .main-tiles-box-content a:hover {
	border-bottom: 1px #fff solid;
}*/
.main-tiles-box .main-tiles-box-content .fa.fa-angle-right {
	font-size: 23px;
	margin-left: 8px;
}
.new-frt-section {
	/*margin-bottom: 110px;*/
	/*display: none;*/
}

.service-box p a {
	display: inline-block;
	border-radius: 50px;
	background: #d3a848;
	font-family: 'Larken';
	font-size: 19px;
	padding: 10px 24px;
	margin-top: 20px;
	transition: all ease 0.5s;
	color: #000;
}
.service-box p a:hover{
	background:#008fbe;
	color:#fff;
}


.contact-us .wpcf7-form lable {
	font-size: 1rem;
	color: #919191;
	padding-top: 5px;
	box-shadow: 0 0 0 !important;
	display: block;
}
.contact-us .wpcf7-form select {
	background-color: transparent;
	border: 0;
	margin: 0 0 8px;
	padding-left: 0;
	color: #919191;
	border-bottom: 1px #bfab9d solid;
	box-shadow: 0 0 0 !important;
}
.social-icon-sec ul.social-link {
	margin: 0;
}
.social-icon-sec ul.social-link li {
	display: inline-block;
}
.social-icon-sec ul.social-link li a {
	margin: 0 10px 0 0;
}
.social-icon-sec ul.social-link {
	margin: 20px 0 0;
}
.contact-section .phone-sec span {
	position: absolute;
	left: 0;
}
.contact-section .phone-sec {
	position: relative;
	padding-left: 63px;
	font-size: 31px;
	color: #fff;
	line-height: 40px;
	margin: 0;
}
.out-mission {
	max-width: 1060px;
	margin: 90px auto 0;
	text-align: center;
	padding: 0 30px;
}
.out-mission p {
	font-size: 24px;
	line-height: 34px;
	margin-top: 18px;
}
.out-mission h2 {
	text-transform: uppercase;
	font-size: 90px;
	margin-bottom: 40px;
	font-weight: 300;
}
.out-mission.out-mission-new h2 {
	text-transform: uppercase;
	font-size: 80px !important;
	margin-bottom: 40px;
	font-weight: 300;
}

.out-mission.out-mission-new .mis-text {
    font-size: 28px !important;
}

.welcome-section.approach-section h2 .media-approach {
	font-weight: 700;
	font-style: italic;
}
.media-section.what-we-love-section h2 .what-we-love {
	font-weight: 700;
	font-style: italic;
}

.digital-heading .smart {
	font-weight: 700;
}
.digital-heading .digital {
	font-weight: 700;
	font-style: italic;
}

.social-icon-sec {
	margin-top: 40px;
}

/*hover-effect*/

.tiles-box-main {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 60px;
}

.tile-effect-main {
  flex: auto;
  position: relative;
}

.tile-effect-main:before {
  content: "";
  float: left;
  padding-top: 100%;
}

.tiles-box-content {
	border-radius: 50px;
	height: 100%;
	margin: 6%;
	position: absolute;
	width: 86%;
	vertical-align: middle;
	z-index: 5000;
}

.tile-effect-main:hover .effect-1,
.tile-effect-main:hover .effect-2 {
  display: block;
}

.effect-1, .effect-2 {
	border-radius: 50px;
	display: none;
	/*mix-blend-mode: multiply;*/
	height: 96%;
	opacity: 1;
	position: absolute;
	width: 80%;
	z-index: 3000;
}

/*.effect-1 {
  animation: rotate 2.1s linear infinite;
  background: #d3a848;
}

.effect-2 {
  animation: rotate 1.5s linear reverse infinite;
  background: #008fbe;
}

@keyframes rotate {
  0% {
    top: 0;
    left: 8%;
  }
  25% {
    top: 8%;
    left: 0%;
  }
  50% {
    top: 16%;
    left: 8%;
  }
  75% {
    top: 8%;
    left: 16%;
  }
  100% {
    top: 0;
    left: 8%;
  }
}*/

.exercise {
	height: 100%;
	width: 100%;
}

.tiles-pic{
	border-radius: 30px;
	height: 100%;
}
.tiles-box img {
	border-radius: 30px;
	height: 100%;
}

.tiles-video #vid, .tiles-video #vid-1, .tiles-video #vid-2, .tiles-video #vid-3, .tiles-video #vid-4, .tiles-video #vid-5, .tiles-video #vid-6 {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 30px;
}

.tiles-video {
	height: 100%;
	background: #000;
	border-radius: 30px;
	overflow: hidden;
}

.tiles-box:hover #vid {
	opacity: .5;
	transition: all ease 0.5s;
}

.call-btn a span {
	position: absolute;
	line-height: 15px;
	top: 53%;
	transform: translateY(-50%);
	right: 0;
	left: 0;
	text-align: center;
}

.shopify-section .btn {
	color: #000;
	display: inline-block;
	border-radius: 50px;
	background: #d3a848;
	background: #d3a848;
	font-family: 'Larken';
	font-size: 32px;
	padding: 19px 50px 18px;
	margin-top: 34px;
	transition: all ease 0.5s;
}
.shopify-section .btn:hover {
	background: #008fbe;
	color: #fff;
}


.ecommerce-section .btn {
	color: #000;
	display: inline-block;
	border-radius: 50px;
	background: #d3a848;
	background: #d3a848;
	font-family: 'Larken';
	font-size: 32px;
	padding: 19px 50px 18px;
	margin-top: 34px;
	transition: all ease 0.5s;
}
.ecommerce-section .btn:hover {
	background: #008fbe;
	color: #fff;
}
.download-section.virtual-cmo .btn {
	margin-top: 30px;
}

.page-template-template-about .btn{
	color: #000;
	display: inline-block;
	border-radius: 50px;
	background: #d3a848;
	background: #d3a848;
	font-family: 'Larken';
	font-size: 32px;
	padding: 19px 50px 18px;
	margin-top: 34px;
	transition: all ease 0.5s;
}
.page-template-template-about .btn:hover {
	background: #008fbe;
	color: #fff;
}

.page-template-template-about .media-section.media-section-about .btn {
	margin-top: 10px;
}
.page-template-template-about .marketing-section.marketing-section-about .btn {
	margin-top: 10px;
}

.out-mission .mis-text {
	font-size: 28px;
}

.privacy-block p a {color: #008fbe;font-weight: 600;}
.privacy-block p a:hover{color:#d3a848;}


.subscribe-page {
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
}

.subscribe-page h2 {margin-bottom:38px;}
.subscribe-page input[type="email"], .subscribe-page input[type="text"] {
	height: 58px;
	box-shadow: 0 0 0;
	padding-left: 26px;
	font-size: 22px;
	margin: 0px 0 20px;
	border-radius: 50px;
}



.subscribe-page input[type="submit"] {
	display: inline-block;
	border-radius: 50px;
	background: #d3a848;
	font-family: 'Larken';
	font-size: 30px;
	padding: 14px 65px;
	margin-top: 30px;
	transition: all ease 0.5s;
	border: 0;
	height: auto;
	cursor: pointer;
	color: #fff;
}
.subscribe-page input[type="submit"]:hover{
	background: #008fbe;
	color: #fff;
}
.subscribe-page .wpcf7-spinner {
	position: absolute;
	margin-top: 50px;
}

.media-section {
	overflow: hidden;
}

.inner-page-wrap.blog-wrap .bolo-img h2 {
	line-height: 32px;
}

.bolo-img {
    height: 100%;
    margin-bottom:0;
}

.inner-page-wrap.blog-wrap .cell.large-4 {
    margin-bottom: 34px;
}


.page-template-template-about .btn1:hover {
    background: #008fbe;
    color: #fff;
}
.page-template-template-about .btn1 {
    color: #d3a848;
    display: inline-block;
    border-radius: 50px;
    background: #000;
    background: #000;
    font-family: 'Larken';
    font-size: 32px;
    padding: 19px 50px 18px;
    margin-top: 34px;
    transition: all ease 0.5s;
}

.page-id-817 .inner-banner {
	min-height: auto;
	background-size: cover !important;
	padding: 21% 0;
	background-position: center !important;
}

.page-id-817 .out-mission.out-mission-new{
	/*padding-bottom: 90px;*/
}
.page-id-817 .out-mission.out-mission-new br{
	display: none;
}
.page-id-817 .out-mission.out-mission-new .btn{
	margin: 40px 8px 0;
}
.page-id-817 .whyimportant{
	padding: 90px 0;
}
.page-id-817 .welcome-section.approach-section .btn {
	margin: 40px 8px 0;
}

.page-id-817 .service-top-section .grid-x.grid-padding-x .large-12.medium-12:nth-child(1) {
	margin-bottom: 90px !important;
}
.page-id-817 .service-top-section .grid-x.grid-padding-x .large-12.medium-12:nth-child(2) {
	margin-bottom: 40px;
}

.page-id-817 .out-mission br {
	display: none;
}
.page-id-817 .out-mission {
	margin: 100px auto;
}

.single.single-post .inner-article-details h3{font-size:48px;}
.single.single-post .inner-article-details img{margin: 40px 0;display: block;}
.single.single-post .inner-article-details ol li{margin-bottom:8px;}

.page-id-817 .out-mission.out-mission-new h2 br {
	display: block;
}
.page-id-817 .welcome-section.approach-section .btn:hover {
	background: #000;
	color: #d3a848;
}
.page-id-817 .welcome-section.approach-section .btn.btn1:hover {
	background: #d3a848;
	color: #000;
}
.page-id-817 .welcome-section.welcome-section-new.approach-section span {
	font-size: 65px !important;
	color: #ffc74b !important;
	font-weight: 700 !important;
}