@font-face {
font-family: 'Brandon Text';
src: url(//market-forever.in/wp-content/themes/mf/fonts/brandon/BrandonText-Black.woff2) format('woff2'),
url(//market-forever.in/wp-content/themes/mf/fonts/brandon/BrandonText-Black.woff) format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Brandon Text';
src: url(//market-forever.in/wp-content/themes/mf/fonts/brandon/BrandonText-Bold.woff2) format('woff2'),
url(//market-forever.in/wp-content/themes/mf/fonts/brandon/BrandonText-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Brandon Text';
src: url(//market-forever.in/wp-content/themes/mf/fonts/brandon/BrandonText-Light.woff2) format('woff2'),
url(//market-forever.in/wp-content/themes/mf/fonts/brandon/BrandonText-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Brandon Text';
src: url(//market-forever.in/wp-content/themes/mf/fonts/brandon/BrandonText-Medium.woff2) format('woff2'),
url(//market-forever.in/wp-content/themes/mf/fonts/brandon/BrandonText-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Brandon Text';
src: url(//market-forever.in/wp-content/themes/mf/fonts/brandon/BrandonText-Regular.woff2) format('woff2'),
url(//market-forever.in/wp-content/themes/mf/fonts/brandon/BrandonText-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Brandon Text';
src: url(//market-forever.in/wp-content/themes/mf/fonts/brandon/BrandonText-Thin.woff2) format('woff2'),
url(//market-forever.in/wp-content/themes/mf/fonts/brandon/BrandonText-Thin.woff) format('woff');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url(//market-forever.in/wp-content/themes/mf/fonts/gilroy/Gilroy-Black.woff2) format('woff2'),
url(//market-forever.in/wp-content/themes/mf/fonts/gilroy/Gilroy-Black.woff) format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url(//market-forever.in/wp-content/themes/mf/fonts/gilroy/Gilroy-Bold.woff2) format('woff2'),
url(//market-forever.in/wp-content/themes/mf/fonts/gilroy/Gilroy-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url(//market-forever.in/wp-content/themes/mf/fonts/gilroy/Gilroy-ExtraBold.woff2) format('woff2'),
url(//market-forever.in/wp-content/themes/mf/fonts/gilroy/Gilroy-ExtraBold.woff) format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url(//market-forever.in/wp-content/themes/mf/fonts/gilroy/Gilroy-HeavyItalic.woff2) format('woff2'),
url(//market-forever.in/wp-content/themes/mf/fonts/gilroy/Gilroy-HeavyItalic.woff) format('woff');
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url(//market-forever.in/wp-content/themes/mf/fonts/gilroy/Gilroy-Light.woff2) format('woff2'),
url(//market-forever.in/wp-content/themes/mf/fonts/gilroy/Gilroy-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url(//market-forever.in/wp-content/themes/mf/fonts/gilroy/Gilroy-Medium.woff2) format('woff2'),
url(//market-forever.in/wp-content/themes/mf/fonts/gilroy/Gilroy-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url(//market-forever.in/wp-content/themes/mf/fonts/gilroy/Gilroy-Regular.woff2) format('woff2'),
url(//market-forever.in/wp-content/themes/mf/fonts/gilroy/Gilroy-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url(//market-forever.in/wp-content/themes/mf/fonts/gilroy/Gilroy-RegularItalic.woff2) format('woff2'),
url(//market-forever.in/wp-content/themes/mf/fonts/gilroy/Gilroy-RegularItalic.woff) format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url(//market-forever.in/wp-content/themes/mf/fonts/gilroy/Gilroy-SemiBold.woff2) format('woff2'),
url(//market-forever.in/wp-content/themes/mf/fonts/gilroy/Gilroy-SemiBold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url(//market-forever.in/wp-content/themes/mf/fonts/gilroy/Gilroy-SemiBoldItalic.woff2) format('woff2'),
url(//market-forever.in/wp-content/themes/mf/fonts/gilroy/Gilroy-SemiBoldItalic.woff) format('woff');
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url(//market-forever.in/wp-content/themes/mf/fonts/gilroy/Gilroy-UltraLight.woff2) format('woff2'),
url(//market-forever.in/wp-content/themes/mf/fonts/gilroy/Gilroy-UltraLight.woff) format('woff');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url(//market-forever.in/wp-content/themes/mf/fonts/gilroy/Gilroy-Thin.woff2) format('woff2'),
url(//market-forever.in/wp-content/themes/mf/fonts/gilroy/Gilroy-Thin.woff) format('woff');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url(//market-forever.in/wp-content/themes/mf/fonts/gilroy/Gilroy-ThinItalic.woff2) format('woff2'),
url(//market-forever.in/wp-content/themes/mf/fonts/gilroy/Gilroy-ThinItalic.woff) format('woff');
font-weight: 100;
font-style: italic;
font-display: swap;
} html {
overflow-x: hidden;
}
body {
background: #fff;
color: #000;
font-family: 'Gilroy';
}
.gilroy {
font-family: 'Gilroy'!important;
}
.brandon {
font-family: 'Brandon Text'!important;
}
.gilroy span {
font-weight: bold;
color:#0a8ff4;
}
a {
color: #3e5c59;
transition: 0.5s;
cursor: pointer;
font-size: 14px;
}
p em {
font-size: 20px;
margin-top: 25px;
display: block;
}
a:hover, a:active, a:focus {
color: #335179;
outline: none;
text-decoration: none;
}
p {
padding: 0;
margin: 0 0 30px 0;
font-size: 14px;
line-height: 24px;
color: #030303;
text-align: justify;
}
p.post-date {
color: #335179;
font-weight: bold;
}
.page-template-page_blog .blog-item {
margin: 0 0 50px;
}
h1,
.h1,
h2,.h2,
h3,
h4,
h5,
h6 {
font-family: 'Brandon Text';
font-weight: bold;
margin: 0 0 10px 0;
padding: 0;
color: #000;
}
.h1, h2 {
font-size: 33px!important;
line-height: 50px;
}
h1 span, h2 span, .h1 span {
font-weight: 400;
display: contents;
}
.h2, h2 {
font-size: 33px;
}
.h3, h3 {
font-size: 24px;
line-height: normal;
margin: 0;
}
h2 a {
color: #000;
font-size: 18px;
line-height: 30px;
padding-top: 29px;
display: block;
font-weight: 500;
text-align: center;
}
h2.h1 {
font-size: 28px;
}
a.btn, button.btn {
background: linear-gradient(35deg,#42d2f7,#2252e4 );
color: #fff;
font-size: 14px;
border-radius: 10px;
transition: all 0.6s ease;
padding: 15px 35px;
border: none;
text-transform: uppercase;
}
a.btn:hover, button.btn:hover {
background: #2252e4;
}
textarea {
resize: none;
}
::-webkit-input-placeholder {
color: #000;
font-size: 14px;
}
.btn.focus, .btn:focus {
outline: 0;
box-shadow: none;
}
.btn.btn-outline-primary {
background-color: transparent;
border: 2px solid #c2a392;
padding: 0 45px;
}
.btn.btn-outline-primary:hover {
background: linear-gradient(35deg,#42d2f7,#2252e4 );
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
background: linear-gradient(35deg,#42d2f7,#2252e4 );
}
.btn-outline-primary.focus, .btn-outline-primary:focus {
box-shadow: 0 0 0 0.2rem #42d2f7;
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem #2252e4;
}
a.btn.btn-large {
margin-top: 26px;
padding: 0 40px;
}
a.btn:hover {
background: #2252e4;
color: #fff;
}
a.button {
text-transform: uppercase;
background: linear-gradient(35deg,#42d2f7,#2252e4);
padding: 50px 0 150px;
padding: 11px 34px;
color: #fff;
border-radius: 8px;
display: inline-block;
transition: all 0.3s ease;
letter-spacing: 1px;
}
a.button:hover {
background: #335179;
}
.text-light h1, .text-light h2,.text-light h3, .text-light a, .text-light p, .text-light pre{
color: #fff;
}
pre {
font-size: 14px;
font-family: 'Brandon Text';
font-weight: 400;
line-height: normal;
margin: 0;
}
.align-center {
height: 100%;
align-items: center;
}
.main-page {
margin-top: 70px;
}
.wow {
visibility: hidden;
}
.flex-center {
align-items: center;
}
#logo {
height: 100%;
}
section {
padding: 75px 0;
}
.home section {
padding: 65px 0;
display: flex;
}
.team-thumbnail img {
border-radius: 10px;
}
.entry-content p em {
font-size: 27px;
line-height: normal;
color: #000;
font-weight: 300;
font-family: 'Brandon Text';
margin-top: 0;
}
section.section-medium {
padding: 80px 0 110px;
}
.no-padding {
padding:0!important;
}
.align-vertical {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: left;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: left;
}
.blog-item-classic {
margin: 0 0 50px;
text-align: center;
}
.blog-item-classic .wp-post-image {
margin: 0 auto;
border: 7px solid #eeeeee;
border-radius: 30px;
}
.embed-container { 
position: relative; 
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
} 
.embed-container iframe,
.embed-container object,
.embed-container embed { 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.vbox-overlay {
background: rgba(13, 38, 35, 0.5)!important;
} #preloader {
position: fixed;
left: 0;
top: 0;
z-index: 999;
width: 100%;
height: 100%;
overflow: visible;
background: #fff url(//market-forever.in/wp-content/themes/mf/img/preloader.svg) no-repeat center center;
} .back-to-top {
position: fixed;
display: none;
background: #0a8ff4;
color: #fff;
width: 40px;
height: 40px;
text-align: center;
border-radius: 50px;
right: 15px;
bottom: 15px;
transition: background 0.5s ease-in-out;
}
.back-to-top i {
font-size: 24px;
padding-top: 6px;
}
.back-to-top:focus {
background: #335179;
color: #fff;
outline: none;
}
.back-to-top:hover {
background: #335179;
color: #fff;
} .section-header {
position: relative;
padding-bottom: 20px;
}
.section-header h2 {
font-size: 60px;
font-weight: normal;
line-height: 60px;
margin-top: 5px;
}
.section-header h3 {
font-size: 36px;
font-weight: bold;
line-height: 64px;
margin-left: 6px;
margin-bottom: 15px;
}
.section-header h3.h2 {
font-size: 45px;
margin-top: 21px;
}
.text-light .section-header h2 {
letter-spacing: 3px;
word-spacing: -8px;
}
.section-header p {
text-align: center;
padding: 0;
margin: 0;
color: #060606;
}
.text-light .section-header p {
color: #fff;
}
.section-with-bg {
background-color: #f5f5f5;
}
section#clients .slick-track {
border-bottom: 2px dashed;
padding-bottom: 100px;
}
section#clients {
padding-bottom: 0;
}
#clientes-or-casestudies section#clients {
padding-top: 200px;
}
.featured-blogs {
background: url(//market-forever.in/wp-content/themes/mf/images/blog-bg.png) no-repeat right 30px center;
margin-top: 0;
padding: 110px 0 280px;
}
#blogs {
background: url(//market-forever.in/wp-content/themes/mf/images/blog-bg.png) no-repeat right 30px center;
padding: 110px 0 280px;
margin-top: 0;
}
.client-logo-slider .slick-slide img {
display: inline-block;
border-radius: 50%;
}
.client-logo-slider .item-outer {
text-align: center;
}
#home-contact {
background: url(//market-forever.in/wp-content/themes/mf/images/request-bg.png) center top no-repeat;
padding: 210px 0;
} .social-icons a {
width: 32px;
height: 32px;
line-height: 36px;
background: #fff;
display: inline-block;
border-radius: 50%;
color: #597292!important;
font-size: 16px!important;
margin: 0px 2px;
text-align: center;
}
.social-icons a:hover {
background: #29a3ff;
}
footer .social-icons {
margin: -15px 0 0;
} #header {
transition: all 0.5s;
position: fixed;
z-index: 9;
width: 100%;
background: none;
}
#header.header-scrolled,
#header.header-fixed {
transition: all 0.5s;
}
#header #logo h1 {
font-size: 36px;
margin: 0;
padding: 6px 0;
line-height: 1;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
}
#header #logo h1 span {
color: #f82249;
}
#header #logo h1 a,
#header #logo h1 a:hover {
color: #fff;
}
#header #logo img {
max-height: 90px;
}
.top-menu { display: flex;
}
.top-menu ul {
list-style: none;
padding-left: 0;
}
.top-menu li {
display: inline-block;
padding: 8px 15px 15px;
}
.top-menu li:hover a {
color: #edf6fb;
}
.top-menu li.cta  a {
color: #fff;
}
.top-menu li.cta {
background: #0a8ff4;
}
.top-menu li.cta:hover, button.btn.btn-cta:hover {
background: #e2f0f8;
}
.top-menu li.cta:hover a {
color: #fff;
}
button.btn.btn-cta {
background: #fff;
padding: 10px 29px 28px;
border-radius: 0 0 8px 8px;
display: inline-block;
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
line-height: normal;
height: 28px;
color: #335179;
}
#rev_slider_7_2_forcefullwidth {
display: none;
} .modal-dialog {
max-width: 60%;
padding: 50px 0 15px;
}
.modal-body {
padding: 15px 15px 0;
}
.modal-body  .wpcf7-form input, .modal-body  .wpcf7-form textarea {
width: 100%;
border: 1px solid #c7d6e2;
outline: none;
max-height: 125px;
line-height: normal;
padding: 7px 13px;
border-radius: 8px;
min-height: 47px;
}
input.wpcf7-form-control.wpcf7-submit{
display: block; background: #36a2f0!important; background: -moz-linear-gradient(left,  #36a2f0 0%, #2252e4 100%)!important; background: -webkit-linear-gradient(left,  #36a2f0 0%,#2252e4 100%)!important; background: linear-gradient(to right,  #36a2f0 0%,#2252e4 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36a2f0', endColorstr='#2252e4',GradientType=1 )!important; }
.modal-header{
display: block; background: #36a2f0; background: -moz-linear-gradient(left,  #36a2f0 0%, #2252e4 100%); background: -webkit-linear-gradient(left,  #36a2f0 0%,#2252e4 100%); background: linear-gradient(to right,  #36a2f0 0%,#2252e4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36a2f0', endColorstr='#2252e4',GradientType=1 ); }
.modal-header span {
margin-left: -5px;
}
.modal-header .close:not(:disabled):not(.disabled):focus, .modal-header .close:not(:disabled):not(.disabled):hover {
color: #255de5;
text-decoration: none;
opacity: 1;
}
.modal-content {
border: 3px solid #fff;
}
.modal-header button.close {
outline: none;
background-color: #fff;
border-radius: 50%;
height: 40px;
width: 40px;
text-align: center;
line-height: 3px;
color: #255ce6;
top: -5px;
right: -5px;
position: absolute;
}
.modal-header .close {
float: right;
font-size: 40px; background-color: #fff;
border-radius: 50%;  display: block;
text-align: center !important;
color: #255ce6;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: none;
opacity: unset;
}
h4#myModalLabel {
display: block;
color: #fff;
font-size: 35px;
text-align: center;
width: 100%;
}
.modal-header p{display: block;
color: #fff;
font-size: 16px;
text-align: center;
width: 100%;}
.modal-dialog {
max-width: 500px;
} #subheader {
background-repeat: no-repeat;
padding-top: 85px;
background-position: bottom center;
box-sizing: content-box;
position: relative;
background-size: 100% auto;
min-height: 450px;
}
#subheader h1 {
color: #0a8ff4;
font-size: 35px;
line-height: normal;
margin-bottom: 0;
text-transform: uppercase;
letter-spacing: 5px;
}
.our-mission {
background: url(//market-forever.in/wp-content/themes/mf/images/our-mission-bg.png) no-repeat;
background-size: 100% auto;
padding: 200px 80px;
background-position: top center;
}
.our-vision  {
background: url(//market-forever.in/wp-content/themes/mf/images/our-vission-bg.png) no-repeat;
background-size: 100% auto;
padding: 200px 80px;
background-position: top center;
}
.search #subheader,.archive #subheader{
min-height: 250px;
margin-bottom: 50px;
}
.breadcrumb {
padding: 0;
background: none;
}
.breadcrumb a,.breadcrumb p {
text-transform: uppercase;
letter-spacing: 3px;
text-align: left;
}
.breadcrumb span {
padding: 0 18px;
}  .nav-menu,
.nav-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.nav-menu ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99;
}
.nav-menu li {
position: relative;
white-space: nowrap;
}
.nav-menu > li {
float: left;
}
.nav-menu li:hover > ul,
.nav-menu li.sfHover > ul {
display: block;
}
.nav-menu ul ul {
top: 0;
left: 100%;
}
.nav-menu ul li {
min-width: 180px;
} .sf-arrows .sf-with-ul {
padding-right: 30px;
}
.sf-arrows .sf-with-ul:after {
content: "\f107";
position: absolute;
right: 5px;
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: normal;
color: #fff;
}
.sf-arrows ul .sf-with-ul:after {
content: "\f105";
}
.top-menu a {
color: #fff;
} #nav-menu-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
padding: 0;
} .nav-menu a {
padding: 8px;
text-decoration: none;
display: inline-block;
color: #fff;
font-size: 14px;
outline: none;
text-transform: uppercase;
}
.nav-menu > li {
margin: 0 10px;
}
.nav-menu > li:last-child {
margin-right: 0;
}
.menu-main-menu-container {
margin-left: auto!important;
}
.nav-menu > li > a:before {
content: "";
position: absolute;
width: 0;
height: 2px;
bottom: 0;
left: 0;
background-color: #fff;
visibility: hidden;
transition: all 0.3s ease-in-out 0s;
}
.float-right .nav-menu li:last-child {
margin-right: 0;
}
.float-right .nav-menu li:last-child a {
padding-right: 0;
}
.nav-menu a:hover:before,
.nav-menu li:hover > a:before,
.nav-menu .menu-active > a:before {
visibility: visible;
width: 100%;
}
.nav-menu li.buy-tickets:hover a:before,
.nav-menu li.buy-tickets.menu-active a:before {
visibility: hidden;
}
.nav-menu ul {
margin: 4px 0 0 0;
padding: 10px;
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
background: #fff;
border-radius: 3px;
}
.nav-menu ul li {
transition: 0.3s;
}
.nav-menu ul li a {
padding: 10px;
color: #060c22;
transition: 0.3s;
display: block;
font-size: 13px;
text-transform: none;
border-radius: 3px;
}
.nav-menu ul li:hover > a {
background: #0a8ff4;
color: #fff;
}
.nav-menu ul ul {
margin: 0;
} #mobile-nav-toggle {
position: fixed;
right: 0;
top: 0;
z-index: 999;
margin: 15px 30px 0 0;
border: 0;
background: none;
font-size: 24px;
display: none;
transition: all 0.4s;
outline: none;
cursor: pointer;
}
#mobile-nav-toggle i {
color: #335179;
} #mobile-nav {
position: fixed;
top: 0;
padding-top: 18px;
bottom: 0;
z-index: 998;
background: linear-gradient(35deg,#42d2f7,#2252e4 );
left: -80%;
width: 80%;
overflow-y: auto;
transition: 0.4s;
}
#mobile-nav ul {
padding: 0;
margin: 0;
list-style: none;
}
#mobile-nav ul li {
position: relative;
}
#mobile-nav ul li a {
padding: 10px 22px 10px 15px;
position: relative;
text-decoration: none;
width: 100%;
display: block;
outline: none;
}
#mobile-nav ul li li {
padding-left: 30px;
}
#mobile-nav ul .menu-has-children i {
position: absolute;
right: 0;
z-index: 99;
padding: 15px;
cursor: pointer;
color: #fff;
}
#mobile-body-overly {
width: 100%;
height: 100%;
z-index: 997;
top: 0;
left: 0;
position: fixed;
background: rgba(6, 12, 34, 0.8);
display: none;
} body.mobile-nav-active {
overflow: hidden;
}
body.mobile-nav-active #mobile-nav {
left: 0;
}
body.mobile-nav-active #mobile-nav-toggle {
color: #fff;
}
.case-item {
position: relative;
}
.case-item a {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
cursor: pointer;
} #footer {
background-color: #0A8FF4!important;
border-radius: 35px 35px 0px 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 060px;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 0px; } #footer a {
font-size: 14px;
}
h3.widget-title {
font-size: 16px;
}
ul.menu {
padding: 0;
list-style: none;
}
.footer-bottom {
margin: 30px 0 0;
padding: 22px 0 0; }
footer ul.sub-menu, .top-menu .footer.sub-menu {
display: none;
}
footer img {
max-width: 100%;
height: auto;
}
#footer-widget {
position: relative;
z-index: 1;
}
.innovation-arrow-animated-top-left {
position: absolute;
top: 15px;
z-index: 0;
}
.circle-bottom-right-splash {
position: absolute;
background: #eaf5fe;
width: 370px;
height: 370px;
border-radius: 50%;
right: 5%;
top: -25%;
z-index: -1;;
}
#header.header-scrolled { padding-bottom: 15px;
} .container {
position: relative;
}
section#intro {
padding-top: 0;
}
.text-slider p {
color: #000;
font-size: 41px;
line-height: normal;
font-weight: 300;
}
.text-slider p span {
opacity: 0;
}
.text-slider p strong {
color: #3cb8f3;
font-weight: bold;
}
.text-slider p {
text-align: right;
margin-top: 60px;
}
.about-image img {
position: absolute;
left: 32%;
top: -30px;
max-width: 68%;
}
#about .row {
position: relative;
} section#featured-services {
margin: 5px 0 0;
position: relative;
background: url(//market-forever.in/wp-content/themes/mf/images/home-2.png) no-repeat;
background-size: cover;
min-height: 950px;
padding: 360px 0 0;
z-index: 1;
}
section.default-banner {
background: url(//market-forever.in/wp-content/themes/mf/images/banner-bg-1.png) no-repeat left top;
min-height: 600px;
}
.default-banner ul {
margin: 13vh auto 9vh;
}
.default-banner ul li {
list-style: none;
position: relative;
padding-left: 27px;
margin-bottom: 1px;
}
.default-banner ul li:before {
position: absolute;
content: '';
width: 15px;
height: 15px;
border-radius: 50%;
background: linear-gradient(35deg,#42d2f7,#2252e4 );
left: 0;
top: 7px;
}
li strong {
font-size: 19px;
}
#main{
position: relative;
}
#main:before {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 452px;
content: '';
background: url(//market-forever.in/wp-content/themes/mf/images/left-circle.png) no-repeat top left;
z-index: -1;
max-width: 25%;
background-size: contain;
}
#main:after {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 452px;
content: '';
background: url(//market-forever.in/wp-content/themes/mf/images/right-circle.png) no-repeat top right;
z-index: -1;
max-width: 25%;
background-size: contain;
}
#home-custom {
background: url(//market-forever.in/wp-content/themes/mf/images/home-custom.png) center top;
margin-top: -80px;
padding-top: 90px;
padding-bottom: 90px;
background-size: cover;
background-repeat: no-repeat;
}
#home-custom h2 {
margin-top: 30px;
}
span.service-icon i {
width: 87px;
height: 87px;
border-radius: 50%;
background: #fff;
display: block;
color: #335179;
position: relative;
margin-top: -88px;
cursor: pointer;
}
.features-5-title {
align-items: center;
}
#features-section {
background: url(//market-forever.in/wp-content/themes/mf/images/home-6.png) no-repeat center;
background-size: 90% auto;
margin-top: 50px;
padding: 95px 0;
}
span.service-icon i:before { 
transition: all 0.5s ease;
}
span.service-icon:hover i:before { 
transform: scale(1.1);
}
li.active span.service-icon i {
color: #fff;
background: #335179;
}
#featured-services h1 {
color: #335179;
}
#featured-services h1 span {
color: #0a8ff4;
}
.services-intro {
padding: 0 30px 0 0;
}
.selector {
position: absolute;
left: 50%;
top: 50%;
width: 480px;
height: 480px;
margin-top: -240px;
margin-left: -240px;
border-radius: 50%;
border: 1px solid #fff;
padding: 50px;
}
.selector.feature-style-6 {
margin-top: 0;
border: 10px solid #39b0f2;
width: 256px;
height: 256px;
margin-left: -128px;
margin-top: -128px;
}
.selector.feature-style-6 li span.service-icon i {
background: linear-gradient(35deg,#42d2f7,#2252e4 );
color: #fff;
margin-top: -175px;
}
.selector .service-info {
display: flex;
width: max-content;
-webkit-box-shadow: 1px 1px 5px 0px rgb(135 135 135);
-moz-box-shadow: 1px 1px 5px 0px rgba(135,135,135,1);
box-shadow: 1px 1px 5px 0px rgb(135 135 135);
transform-origin: left;
margin-top: 10px;
max-width: 175px;
}
.selector .service-name p {
margin: 0;
padding: 4px 8px;
text-align: left;
}
section#feature-style-6 {
padding-bottom: 200px;
}
.selector .service-name {
margin-left: -100px;
}
.selector .service-name p.service-step {
background: #39b0f2;
padding: 4px 15px;
color: #fff;
}
.selector.feature-style-6 .outer{
background: none;
}
.selector .outer {
background: #fff;
border-radius: 50%;
width: 100%;
display: flex;
align-items: center;
height: 100%;
padding: 0 30px;
text-align: center;
color: #fff;
position: relative;
z-index: 8;
}
#feature-style-4 .selector .outer {
background: #def4fc;
}
.selector ul {
position: absolute;
list-style: none;
padding: 0;
margin: 0;
top: -20px;
right: -20px;
bottom: -20px;
left: -20px;
}
.selector li {
position: absolute;
width: 0;
height: 100%;
margin: 0 50%;
-webkit-transform: rotate(-360deg);
transition: all 0.8s ease-in-out;
}
.selector li img {
margin-top: -160px;
border: 1px solid#0a8ff4;
border-radius: 50%;
cursor: pointer;
}
span.service-icon i:before {
position: absolute;
left: auto;
right: auto;
text-align: center;
width: 100%;
top: 28%;
font-size: 40px;
}
.selector li.active img {
background: #335179;
filter: sepia(100%) hue-rotate(190deg) saturate(500%);
}
.selector li .dots {
background: url(//market-forever.in/wp-content/themes/mf/images/bubble.png);
border-radius: 50%;
width: 31px;
height: 31px;
display: block;
margin-top: 10px;
margin-left: 20px;
opacity: 0;
}
.selector .bubbles {
background: #fff;
width: 29px;
height: 29px;
border-radius: 50%;
border: 1px solid #39b0f2;
display: block;
}
.selector li.active .dots{
opacity: 1;
}
.selector .service {
display: none;
justify-content: center;
transition: all 0.5s ease;
}
.custom-items .custom-hidden {
display: none;
transition: all 0.5s ease;
}
.custom-items .custom-hidden.active {
display: block;
transition: all 0.5s ease;
}
.custom-content h2 {
font-size: 29px;
font-weight: 900;
font-style: italic;
line-height: normal;
color: #000;
}
.active .custom-content h2,li:hover .custom-content h2 {
color: #324f76
}
.selector .service a, .selector .service h2, .selector .service p {
color: #335178;
}
.selector .service p {
color: #262626;
}
.selector .service .steps p {
color: #0a8ff4;
}
li.custom-list {
cursor: pointer;
}
.selector .service p {
font-weight: 300;
}
.selector .service.active {
display: flex;
flex-wrap: wrap;
transition: all 0.5s ease;
}
.selector .service a  {
position: relative;
}
.selector .service a::after {
content: '';
position: absolute;
right: -40px;
width: 23px;
height: 19px;
background: url(//market-forever.in/wp-content/themes/mf/images/arrow-big-blue.png) no-repeat center right;
transition: 0.5s all linear;
top: 13%;
}
.selector .service a:hover:after {
right: -50px;
}
.custom-items li {
list-style: none;
min-height: 175px;
} .feature-content {
padding: 46px 0 0 43px;
}
.features-right img {
margin-top: 50px;
}
.counter-item {
display: flex;
flex-direction: column;
text-align: center;
padding: 15px;
width: 100%;
justify-content: center;
}
.counter {
display: flex;
padding-top: 36px;
}
.feature-img {
width: 98px;
height: 98px;
align-items: center;
display: flex;
justify-content: center;
border: 1px solid #e6e6e6;
border-radius: 50%;
background: #fff;
margin: 0 auto;
}
.feature-img i {
font-size: 36px;
color: #335179;
} .counter-info span {
font-weight: bold;
font-size: 60px;
font-family: 'Brandon Text';
line-height: 80px;
}
p.counter-title {
font-size: 20px;
}
.features-right h3 {
margin-top: 15px;
font-size: 18px;
margin-bottom: 4px;
}
.features-right {
padding-left: 28px;
} #rotaion-icon {
margin-top: 430px;
height: 270px
}
section.avia_codeblock_section.avia_code_block_2 {
display: block;
}
.globalCenterItems img {
border-radius: 50%;
-webkit-box-shadow: 1px 1px 5px 0px rgb(135 135 135);
-moz-box-shadow: 1px 1px 5px 0px rgba(135,135,135,1);
box-shadow: 1px 1px 5px 0px rgb(135 135 135);
width: 134px;
height: 134px;
object-fit: cover;
}
#rotaion-icon .container {
margin: auto!important;
padding: 0!important;
max-width: 100%!important;
width: 100%;
}
.centerGlobal {
position: relative;
top: -220px;
z-index: 0;
}
.globalRightLeft {
position: relative;
z-index: 9
}
.globalCenterItems .item {
height: 200px;
width: 200px;
background-repeat: no-repeat;
background-size: 200px
}
#marginGlobal {
height: 250px
}
.globalCenterItems .item .subItem {
position: relative
}
.globalCenterItems .item .subItem .itemFirst {
position: absolute
}
.globalCenterItems .item .subItem .itemLast {
position: absolute
}
.controls.selection-off {
background: #2252e4;
background-image: url(//market-forever.in/wp-content/themes/mf/images/home-7.png); background: url(//market-forever.in/wp-content/themes/mf/images/home-7.png),linear-gradient(35deg,#42d2f7,#2252e4 );
background-repeat: no-repeat;
height: 1104px;
right: 0;
left: 0;
width: 100%;
display: table;
margin-top: 50px;
}
.home #case-studies {
margin-top: 360px;
min-height: 590px;
}
.left.selection-off {
left: 23%;
position: absolute;
top: 22px;
}
.right.selection-off {
position: absolute;
right: 20%;
top: 22px;
}
#rotaion-icon .wrapper {
position: absolute;
top: 57%;
left: 50%;
transition: .5s;
transform-origin: center;
}
#rotaion-icon .item {
transform-origin: center;
transition: .5s;
position: absolute;
display: inline-block;
margin: 0;
font-size: 3em;
font-family: sans-serif;
color: #fff;
display: flex;
justify-content: center;
align-items: center
}
#rotaion-icon .controls {
position: absolute;
top: 50%;
width: 100%;
text-align: center
}
#rotaion-icon .left,
.right {
display: inline-block;
color: #fff;
font-size: 3em;
cursor: pointer;
height: 30px;
width: 30px;
background: #fff;
border-radius: 100%;
display: flex;
align-items: center
}
#rotaion-icon .left:hover,
#rotaion-icon .right:hover {
background: #ecf5fb;
}
#rotaion-icon .left {
display: flex;
justify-content: center;
}
#rotaion-icon .right {
display: flex;
justify-content: center;
}
#rotaion-icon .coffee {
width: 96%;
position: absolute;
bottom: 0;
text-align: right;
color: #fff;
font-weight: 600;
font-family: sans-serif
}
#rotaion-icon .ptr {
display: flex;
justify-content: center;
align-items: center;
color: #355c7d;
background: #ff80ab;
position: absolute;
width: 220px;
height: 50px;
text-decoration: none;
border: 1px solid #d69aae;
font-family: sans-serif;
font-size: 1em;
font-weight: 700;
bottom: 50px;
right: 20px;
transition: .3s
}
#rotaion-icon .ptr:hover {
transition: .3s;
transform: scale(1.1)
}
.selection-off {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.avia_codeblock  {
position: relative;
}
#rotaion-icon .item-outer {
border-radius: 50%;
box-shadow: 0 0 5px #767676;
}
.logo-text {
padding-top: 100px;
}
.logo-text p {
max-width: 700px;
margin: 0 auto;
padding: 0 0 50px;
border-bottom: 2px dashed #fff;
}
.logo-text h1 {
margin-bottom: 15px;
} #how-we-do {
background-size: cover;
position: relative;
margin-top: 80px;
padding-top: 140px;
padding-bottom: 175px;
}
.steps{
text-align: center;
position: relative;
}
.steps p {
text-align: center;
font-size: 121px;
font-weight: 900;
position: relative;
z-index: 8;
background: none;
display: inline-block;
padding: 0 25px 0 5px;
color: #42d2f7;
font-style: italic;
}
.step-content h2 {
font-size: 18px;
padding-top: 25px;
font-weight: 500;
margin-bottom: 0;
}
.step-content h2 span {
font-size: 23px;
}
.step-content p {
line-height: 20px;
}
.col+.col .steps:after {
left: -50%;
background: url(//market-forever.in/wp-content/themes/mf/images/line.png);
height: 2px;
width: 85%;
content: '';
position: absolute;
z-index: 0;
top: 15px;
}
.how-content {
padding-top: 50px;
}
.how-content .step-content {
padding-top: 50px;
}
.how-img {
border-radius: 50%;
border: 3px dashed #fff;
padding: 15px;
width: max-content;
margin: 0 auto;
overflow: hidden;
}
.how-img img {
width: 250px;
height: 250px;
object-fit: cover;
object-position: center;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.how-img:hover img {
transform: scale(1.1);
}
.how-content .step-content {
padding-top: 50px;
text-align: center;
} #case-studies {
padding-top: 65px;
padding-bottom: 50px;
}
#case-studies .case-studies {
padding-top: 0;
}
#case-studies .slick-arrow {
position: absolute;
left: -50px;
background: #0a8ff4;
width: 40px;
height: 40px;
border-radius: 50%;
text-align: center;
top: 50%;
vertical-align: middle;
cursor: pointer;
}
#case-studies .slick-arrow:hover {
background-color: #335179;
}
#case-studies .slick-left.slick-arrow {
left: auto;
right: -50px;
}
#case-studies .slick-arrow img {
margin-top: 12px;
}
.case-item img {
margin: 0 auto;
border: 7px solid #eeeeee;
border-radius: 30px;
max-width: 90%;
}
.case-studies {
padding-top: 45px;
}
.case-item h2 {
text-align: center;
font-style: italic;
font-size: 14px;
padding-top: 20px;
font-family: 'Gilroy';
font-weight: 600;
} .blogs-slider {
padding-top: 48px;
}
.blog-content {
padding: 5px;
text-align: center;
}
.blog-content p {
font-weight: 500;
padding: 0 30px;
line-height: 21px;
margin-bottom: 10px;
}
.blog-content h2 a {
padding-top: 0;
}
.blog-content h2 {
margin-bottom: 5px;
}
.blog-item img {
max-width: 95%;
} #testimonials {
background: url(//market-forever.in/wp-content/themes/mf/images/testimonial-bg.png);
background-size: cover;
padding-top: 80px;
padding-bottom: 160px;
}
.testimonials-slider {
padding-top: 70px;
}
.review-content {
padding: 0 50px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.review-content p {
margin-bottom: 0;
}
.slick-ts .slick-arrow {
bottom: 0;
position: absolute;
right: 0;
background: #0a8ff4;
padding: 15px 20px;
border-radius: 8px;
cursor: pointer;
display: flex;
}
.slick-ts .slick-arrow:hover{
background: #0a8ff4;
}
.slick-ts .slick-ts-right.slick-arrow {
left: auto;
right: 60px;
}
span.author-name {
font-weight: bold;
}
.author-pic {
display: flex;
justify-content: center;
}
.author-pic img {  
border: 1px solid #fff;
border-radius: 50%;
padding: 5px;
width: 235px;
height: 235px;
object-fit: cover;
} #news-letter {
padding: 30px;
background: #f8f8f8;
}
.subscribe-logo p {
font-size: 20px;
color: #335179;
margin-top: 10px;
margin-bottom: 0;
} #page-intro {
padding: 115px 0 55px;
}
#page-intro p {
color: #585858;
font-size: 24px;
line-height: 40px;
}
.intro-outer {
max-width: 960px;
margin: 0 auto;
}
#page-intro h1 {
margin-bottom: 40px;
}
#page-intro p {
color: #585858;
font-size: 24px;
line-height: 40px;
max-width: 930px;
margin: 0 auto;
} .unscrolled .team-styled-circle {
transform: none;
}
.hdvcLb {
padding: 320px 0px 290px;
overflow: hidden;
}
.hdvcLb .team__center-circle {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 16px;
margin: 0 auto;
font-size: 14px;
line-height: 1.4em;
text-align: center;
border-radius: 50%;
z-index: 101;
}
.hdvcLb .team__center-circle > div {
width: 100%;
}
.hdvcLb .team__center-circle h3 {
color: #082C4E;
line-height: normal;
text-transform: uppercase;
}
.hdvcLb .team__center-circle p { margin: 16px auto 32px auto;
}
.author-name,.author-company {
font-size: 14px;
font-weight: bold;
}
.designation {
font-weight: 400;
}
.boHUDg {
position: relative;
display: inline-block;
padding: 16px 32px;
background-color: #3098F3;
color: #FFFFFF;
font-size: 18px;
font-weight: 500;
line-height: 1.4em;
border-radius: 100px;
cursor: pointer;
-webkit-transition: all 0.6s;
transition: all 0.6s;
z-index: 1000;
overflow: hidden;
}
.container__Container-sc-16ygruw-0.team__StyledContainer-sc-1yl9ssb-0.ktogFY {
width: 100%;
position: relative;
z-index: 0;
}
.team-styled-circle {
position: absolute;
z-index: 100;
transition: all 1s ease 0s;
border-radius: 100%;
inset: 0px;
margin: auto;
z-index: -1;
}
.hRjOEw {
width: 72px;
height: 72px;
transform: translate(-64px, 360px);
}
.hFmhlG {
width: 168px;
height: 168px;
transform: translate(90px, 270px);
}
.kdVUFP {
width: 112px;
height: 112px;
transform: translate(-135px, 220px);
}
.KWyXJ {
width: 232px;
height: 232px;
transform: translate(135px, -220px);
}
.fKAjDj {
width: 88px;
height: 88px;
}
.APoln {
width: 104px;
height: 104px;
transform: translate(64px, -320px);
}
.ioKIaQ {
width: 232px;
height: 232px;
transform: translate(-120px, -240px);
}
.gsXkJE {
width: 72px;
height: 72px;
transition: all 1s ease 0s;
}
.kVfTln {
width: 160px;
height: 160px;
}
.iUQxFw {
width: 112px;
height: 112px;
}
.boHUDg:hover {
background: #335179;
color: #fff;
}
.team-styled-circle img {
width: 100%;
border-radius: 50%;
object-fit: cover;
height: 100%;
object-position: center;
} .charity-more {
display: none;
}
.charity-logo img {
cursor: pointer;
}
.charity-logo {
background: #f4f4f4;
border-radius: 50%;
width: 250px;
height: 250px;
text-align: center;
padding: 10px;
margin: 0 auto;
}
.charity-column {
padding: 15px;
margin: 0 0 30px;
}
.charity-column.clicked {
border: 5px solid #def4fc;
}
.charity-column.clicked  .charity-logo {
background: none;
}
.charity-more h3 {
margin: 0 0 15px;
}
.charity-more.active {
display: flex;
flex-direction: column;
}
#charity-section-2 {
background: url(//market-forever.in/wp-content/themes/mf/images/charity-bg.png) no-repeat;
background-size: cover;
padding: 200px 0;
}
section#charity-section-3 {
padding: 190px 0 125px;
}
#charity-section-3 .section-right img {
position: absolute;
max-width: 50%;
left: 50%;
height: auto;
top: -65px;
}
.charity-gallery-outer {
padding-top: 70px;
}
#charity-gallery {
background: url(//market-forever.in/wp-content/themes/mf/images/gallery-bg.png) no-repeat;
background-size: cover;
padding-top: 180px;
}
.charity-gallery-image {
margin: 0 0 30px;
}
section#charity-section-1 {
background: url(//market-forever.in/wp-content/themes/mf/images/charity-intro-bg.png) no-repeat;
background-position: left top;
margin: -100px 0 0;
padding: 200px 0 75px;
background-size: 50% auto;
}
@media (min-width: 768px) {
.hdvcLb .team__center-circle {
width: 565px;
font-size: 18px;
}
.hRjOEw {
display: block;
transform: translate(250px, -200px);
}
.hFmhlG {
display: block;
transform: translate(440px, -100px);
}
.kdVUFP {
display: block;
transform: translate(330px, 200px);
}
.KWyXJ {
display: block;
transform: translate(640px, 120px);
}
.fKAjDj {
display: block;
transform: translate(656px, -238px);
}
.APoln {
display: block;
transform: translate(-320px, -208px);
}
.ioKIaQ {
display: block;
transform: translate(-424px, 48px);
}
.gsXkJE {
display: block;
transform: translate(-275px, 216px);
}
.kVfTln {
display: block;
transform: translate(-672px, -152px);
}
.iUQxFw {
display: block;
transform: translate(-632px, 224px);
}
.hdvcLb .team__center-circle p {
display: block;
}
}
@media (min-width: 1024px) {
.pack-item-id .pack-content{
width: 40%;
margin: 0 auto;
}
#insta-measures .section-left {
padding-top: 150px;
padding-left: 100px;
}
.hdvcLb {
padding: 180px 0px;
min-height: 500px;
}
} .section-right img {
position: absolute;
max-width: 38%;
left: 62%;
height: auto;
top: 30px;
}
#about-section-1 {
position: relative;
padding-top: 0;
}
#about-section-1 h3 {
margin-bottom: 20px;
}
section#about-section-2 {
padding: 60px 5px 0;
}
#about-section-1 h2 {
letter-spacing: -2px;
margin: 0 0 38px;
}
#about-section-1 p {
word-spacing: 3px;
letter-spacing: 0;
margin-bottom: 20px;
font-size: 15px;
}
section#contact-form {
position: relative;
z-index: 2;
background: #fff;
}
#about-section-1 div {
position: unset;
}
.about-icon i {
text-align: center;
font-size: 76px;
color: #fff;
padding: 40px;
border: 2px solid #fff;
border-radius: 50%;
}
.about-icon i:hover {
background: #335179;
border-color: #335179;
color: #fff;
}
#about-section-3 {
position: relative;
background: url(//market-forever.in/wp-content/themes/mf/images/social-responsibilty-bg.png) no-repeat;
background-size: cover;
padding-top: 115px;
padding-bottom: 0;
}
section#about-section-7 {
background-size: cover;
margin-top: 120px;
padding: 140px 0;
}
#about-section-3 div {
position: unset;
}
#about-section-3 .section-left img {
position: absolute;
left: 30px;
max-width: 45%;
height: auto;
}
section#about-section-5 img {
max-width: 100%;
height: auto;
}
section#about-section-8 img {
max-width: 100%;
height: auto;
}
section#about-section-6 {
background: url(//market-forever.in/wp-content/themes/mf/images/culture-bg.png) no-repeat top 250px left;
position: relative;
padding-bottom: 370px;
}
.section h2 {
font-size: 33px;
width: 100%;
}
h2 strong span {
font-weight: bold;
}
#about-section-3 .row {
min-height: 600px;
}
#about-section-3 .section-right {
display: flex;
height: inherit;
}
#about-section-4 {
background: url(//market-forever.in/wp-content/themes/mf/images/team-bg.png) no-repeat;
background-size: cover;
padding: 150px 0;
}
#about-section-4 .section-header {
padding-bottom: 0;
}
#about-section-4 p {
max-width: 700px;
margin: 0 auto;
text-align: center;
}
#about-section-5 {
background: url(//market-forever.in/wp-content/themes/mf/images/team-bg.png);
padding: 200px 0 175px;
position: relative;
z-index: 1;
background-size: cover;
margin-top: -350px;
}
#about-section-5 h1 {
margin-top: -30px;
}
#about-section-5 h2 {
position: relative;
padding-left: 30px;
line-height: 50px;
font-weight: 400;
letter-spacing: -2px;
}
#about-section-5 h2:before {
background: #335179;
content: '';
width: 7px;
left: 0;
top: 0;
bottom: 0;
position: absolute;
}
.teams {
margin-top: 26px;
}
.icon-list i {
color: #fff;
background: linear-gradient(#0a8ff4, #335179);
padding: 10px;
border-radius: 50%;
font-size: 30px;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.icon-column:hover .icon-list i {
transform: scale(1.2);
}
.how-img:hover img {
transform: scale(1.2);
}
.icon-column h2 {
margin-top: 38px;
font-size: 14px;
color: #000;
text-align: center;
margin-bottom: 4px;
}
.team-thumbnail {
margin: 0 auto 10px;
max-width: 310px;
position: relative;
}
.team-thumbnail img {
max-width: 100%;
height: auto;
}
.employeee-networks {
position: absolute;
bottom: 7%;
width: 100%;
text-align: center;
opacity: 0;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
z-index: 1;
}
.employeee-contact {
position: absolute;
top: 50%;
width: 100%;
margin-top: -20px;
text-align: center;
opacity: 0;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
z-index: 1;
}
.employee-hover-overlay {
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
pointer-events: none;
position: absolute;
border-radius: 15px;
top: 7%;
left: 7%;
right: 7%;
bottom: 7%;
opacity: 1;
}
.employee-item:hover .employeee-networks,.employee-item:hover .employeee-contact {
opacity: 1;
-webkit-transition: all .3s .1s ease-out;
transition: all .3s .1s ease-out;
}
.employee-item:hover .employee-hover-overlay {
background:#0a8ff466;
background: rgb(10 143 244 / 0.4);
}
.employee-item ul {
list-style: none;
padding: 0;
}
.employeee-contact i {
color:#0a8ff4;
background: #fff;
padding: 5px;
font-size: 21px;
border-radius: 50%;
width: 35px;
height: 35px;
line-height: 50px;
line-height: 25px;
-webkit-transition: all .3s .1s ease-out;
transition: all .3s .1s ease-out;
}
.employeee-contact i:hover {
color:  #fff;
background:#0a8ff4;
}
.employeee-networks i {
color: #fff;
font-size: 18px;
-webkit-transition: all .3s .1s ease-out;
transition: all .3s .1s ease-out;
}
.employeee-networks i:hover {
color:  #0a8ff4;
}
.employee-item li {
display: inline-block;
margin: 0 5px;
}
#about-section-8 {
background: url(//market-forever.in/wp-content/themes/mf/images/career-bg.png) no-repeat left center;
}
.team-info-wrapper span {
width: 100%;
display: block;
text-align: center;
color: #545353;
font-size: 14px;
}
span.team-member-name {
font-weight: bold;
}
.employee-item {
margin: 0 0 40px;
}
.col-7.section-left {
max-width: 54%;
}
.pr-50 {
padding-right: 50px;
}
.pl-50 {
padding-left: 50px;
}
.pl-30 {
padding-left: 30px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-0,p.mb-0 {
margin-bottom: 0;
}
.list-items {
margin-top: 26px;
justify-content: center;
} #clientes-or-casestudies {
background: url(//market-forever.in/wp-content/themes/mf/images/case-bg.png) no-repeat;
padding-top: 0;
padding-bottom: 0;
background-size: cover;
}
#clientes-or-casestudies #case-studies {
padding-bottom: 150px;
}
.ribbon-wrapper {
position: relative;
z-index: 3;
width: 100%;
}
.ribbon-front {
background-color: #1e3c98;	height: 63px;
position: relative;
left:-10px;
width: calc(100% + 20px);
z-index: 2; font:20px/50px bold Verdana, Geneva, sans-serif; color:#f8f8f8; text-align:center;text-shadow: 0px 1px 2px #cc6666;
}
.hilight .ribbon-front {
background-color: #0a8ff4;
}
.ribbon-front,
.ribbon-back-left,
.ribbon-back-right
{
-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}
.hilight .ribbon-front,
.hilight .ribbon-back-left,
.hilight .ribbon-back-right
{
-moz-box-shadow: none;
-khtml-box-shadow: none;
-webkit-box-shadow:none;
-o-box-shadow: none;
}
.ribbon-edge-topleft,
.ribbon-edge-topright,
.ribbon-edge-bottomleft,
.ribbon-edge-bottomright {
position: absolute;
z-index: 1;
border-style:solid;
height:0px;
width:0px;
}
.ribbon-edge-topleft,
.ribbon-edge-topright {
}
.ribbon-edge-bottomleft,
.ribbon-edge-bottomright {
top: 50px;
}
.ribbon-edge-topleft,
.ribbon-edge-bottomleft {
left: -10px;
border-color: transparent #1e3c98 transparent transparent;
}
.hilight .ribbon-edge-topleft,
.hilight .ribbon-edge-bottomleft {
border-color: transparent #0a8ff4 transparent transparent;
}
.ribbon-edge-topleft {
top: -5px;
border-width: 5px 10px 0 0;
}
.ribbon-edge-bottomleft {
border-width: 0 10px 0px 0;
}
.ribbon-edge-topright,
.ribbon-edge-bottomright {
left: 100%;
border-color: transparent transparent transparent #335179;
}
.hilight .ribbon-edge-topright,
.hilight .ribbon-edge-bottomright {
border-color: transparent transparent transparent #0a8ff4;
}
.ribbon-edge-topright {
top: 0px;
border-width: 0px 0 0 10px;
}
.ribbon-edge-bottomright {
border-width: 0 0 5px 10px;
}
@-webkit-keyframes flow {
0% { left:-20px;opacity: 0;}
50% {left:100px;opacity: 0.3;}
100%{ left:180px;opacity: 0;}
}
@keyframes flow {
0% { left:-20px;opacity: 0;}
50% {left:100px;opacity: 0.3;}
100%{ left:180px;opacity: 0;}
}
.glow{ background: rgb(255,255,255); width:40px; height:100%; z-index:999; position:absolute;-webkit-animation: flow 1.5s linear infinite;-moz-animation: flow 1.5s linear infinite;-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); border-left:1px solid #fff;}
.package-item-outer {
display: flex;
flex-wrap: wrap;
background: linear-gradient(35deg,#42d2f7,#2252e4 );
border-radius: 10px;
transition: all 0.3s ease-in-out;
box-shadow: 0 10px 25px 0 rgb(6 12 34 / 10%);
flex: 0 0 100%;
}
.package-item-single {
margin: 30px 0 0;
}
.package-second-view {
display: none;
}
.package-second-view.active {
display: flex;
}
.package-first-view.clicked {
display: none;
}
.package-first-view {
border: 1px solid #c7c7c7;
border-radius: 10px;
}
.package-f-title {
background: #f8f8f8;
text-align: center;
min-height: 105px;
display: flex;
justify-content: flex-end;
flex-direction: column;
border-radius: 10px 10px 0 0;
padding: 0 15px 10px;
}
.package-f-title h2{
color: #1492f4;
text-align: center;
font-size: 23px;
}
.f-price {
min-height: 210px;
display: flex;
justify-content: center;
color: #0a8ff4;
font-weight: bold;
font-size: 33px;
flex-direction: column;
text-align: center;
position: relative;
}
.f-price::before {
position: absolute;
clip-path: polygon(100% 0, 0 0, 0 100%);
height: 80px;
content: '';
width: 100%;
background: #f8f8f8;
top: 0;
}
.f-price span.currency-symbol {
font-weight: normal;
display: contents;
font-size: 22px;
}
.f-read-more {
flex-direction: column;
text-align: center;
display: flex;
justify-content: center;
min-height: 95px;
background: linear-gradient(35deg,#42d2f7,#2252e4 );
border-radius: 0 0 10px 10px;
color: #fff;
cursor: pointer;
}
.f-read-more:hover {
background: #2b479e;
} input[type="file"] {
display: none;
}
.file-upload-cover {
cursor: pointer;
position: relative;
font-size: 14px;
}
.file-upload-cover::before {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
content: '';
}
label {
width: 100%;
}
.package-item:before {
position: absolute;
top: 0;
left: 15%;
right: 15%;
background: #3fc6f5;
content: '';
border-radius: 10px 10px 0 0;
height: 22px;
}
.hilight.package-item:before {
background: #1e3c98;
}
.hilight .package-item-outer {
background: #335179;
}
.hilight .package-title,.package-item.hilight ul li {
color: #fff;
}
.package-item-outer {
box-shadow: 0 -2px 8px 0 rgba(6, 12, 34, 0.2);
}
.package-item {
position: relative;
padding: 23px 20px 0;
margin: 7px 0 0;
}
.package-item ul {
padding-left: 0;
list-style: none;
text-align: center;
margin-bottom: 0;
width: 100%;
}
.package-item ul li {
border-bottom: 1px solid #d1d1d1;
padding: 10px 0 6px;
color: #fff;
width: 100%;
}
.f-price span {
display: contents;
}
.purchase-button {
background: #1e3c98;
width: 100%;
padding: 15px 0;
text-align: center;
border-radius: 0 0 5px 5px;
}
.hilight .purchase-button { 
background: #3fc6f5;
}
.purchase-button:hover {
background: #3fc6f5;
}
.purchase-button a {
color: #fff;
font-size: 18px;
font-weight: bold;
}
.package-title {
text-align: center;
width: 100%;
color: #fff;
font-size: 20px;
font-weight: bold;
font-family: 'Brandon Text';
padding: 20px 0;
text-transform: uppercase;
}
.grid {
display: grid;
grid-template-columns: repeat(4,1fr);
grid-gap: calc(var(--column-gap) * 2);
grid-auto-flow: dense;
}
.hero .grid {
grid-row-gap: 1.5rem;
}
.hero h1 {
margin-bottom: 0;
}
.hero__title, .hero__description, .hero__cta, .hero__title+svg, .hero__partnership {
grid-column: 1 / -1;
}
.hero__partnership {
padding: 0;
margin: 2rem 0 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.hero__partnership li {
margin: 0 2rem 2rem 0;
}
.hero svg path:first-child {
stroke-dasharray: 25rem;
stroke-dashoffset: 25rem;
}
.hero svg path:last-child {
stroke-dasharray: 6.25rem;
stroke-dashoffset: 6.25rem;
}
.hero__cta form {
position: relative;
border: 1px solid #ccc;
border-radius: 8px;
display: flex;
height: 80px;
width: 100%;
}
p.headline {
text-align: left;
}
.hero__cta div#mc_embed_signup_scroll {
width: 100%;
}
.hero__cta input {
border: none;
}
h2.hero__title {
font-size: 33px;
}
.hero .grid {
grid-row-gap: 0.5rem;
} .hero__cta input[type="submit"], .hero__cta input.wpcf7-form-control.wpcf7-submit {
position: absolute;
height: 50px;
background: linear-gradient(35deg,#42d2f7,#2252e4 );
color: #fff;
right: 10px;
top: 14px;
border: none;
border-radius: 8px;
padding: 0 25px;
cursor: pointer;
}
.hero__cta  .wpcf7 form.invalid .wpcf7-response-output, .hero__cta  .wpcf7 form.unaccepted .wpcf7-response-output {
border: none;
color: #dc3c3f;
padding: 0;
}
.hero__cta  .wpcf7-response-output {
position: absolute;
bottom: -75px;
}
.hero__cta input[type="submit"]:hover, .hero__cta input.wpcf7-form-control.wpcf7-submit:hover {
background: #335179;
}
.hero__cta .wpcf7-form input {
border: none;;
}
#news-letter .wpcf7-form-control-wrap {
margin: 0;
}
#news-letter div.wpcf7 .ajax-loader {
display: none;
}
.large-number {
color: #d5d5d5;
font-size: 189px;
font-style: italic;
font-weight: 900;
}
.single section#how-we-do {
margin-top: 0px;
}
.active .large-number {
color: #0a8ff4;
}
#service-section-2 {
background: url(//market-forever.in/wp-content/themes/mf/images/career-bg.png) no-repeat left 30px top;
}
.cta-content {
max-width: 75%;
align-items: center;
display: flex;
flex-wrap: wrap;
}
.price {
font-size: 33px;
font-weight: bold;
line-height: 63px;
}
.price span {
font-size: 22px;
font-weight: 400;
}
i.fa.fab.fa-facebook-f {
font-family: 'Font Awesome 5 Brands';
}
.cta-content h2 {
font-family: 'Gilroy';
font-weight: 300;
font-size: 32px;
}
.cta-content h2 span {
font-weight: 600;
font-style: italic;
font-size: 41px;
}
#cta-or-how a.cta-button {
background: #fff;
color: #0a8ff4;
padding: 10px 25px;
border-radius: 10px;
}
.cta {
padding-bottom: 10px;
}
#cta-or-how a.cta-button:hover { 
background: #335179;
color: #fff;
}
#cta-or-how {
padding-bottom: 0;
padding-top: 33px;
}
#cta-or-how .cta {
background: linear-gradient(35deg,#42d2f7,#2252e4 );
padding: 50px 0 150px;
}
#cta-or-how #how-we-do-block {
margin-top: -150px;
}
#cta-or-how .cta-content h2 {
color: #fff;
}
.cta-image {
min-width: 10%;
padding-left: 27px;
}
.circlur-title {
width: 474px;
height: 474px;
max-width: 29vw;
max-height: 29vw;
padding: min(80px, 4vw);
background: linear-gradient(35deg,#42d2f7,#2252e4);
border-radius: 50%;
}
.circlur-title h1 {
width: 100%;
background: #fff;
display: flex;
height: 100%;
border-radius: 50%;
margin: 0;
}
.technologies-logo-slider .slick-track
{
display: flex !important;
}
.technologies-logo-slider .slick-slide
{
height: inherit !important;
margin: 0 2px;
} .technologies-logo-slider .slick-list {
margin: 0 -2px;
}
.tech-logo {
background: #fff;
align-items: center;
display: flex!important;
justify-content: center;
height: 100px;
padding: 10px;
border-radius: 10px;
} #how-we-do-block {
padding: 150px 0 200px;
background-repeat: no-repeat;
background-size: cover;
}
#service-custom-section {
padding: 115px 0 25px;
}
.container-small {
margin: 0 auto;
width: 930px;
max-width: 95%;
}
.cta-section {
padding: 100px 0 0;
}
#service-faqs {
background: url(//market-forever.in/wp-content/themes/mf/images/faq-bg.png) no-repeat;
min-height: 743px;
background-size: auto;
background-position: center;
padding-top: 150px;
}
button.btn-qs {
outline: none!important;
background: none;
border: none;
color: #fff;
}
button.btn-qs {
outline: none!important;
background: none;
border: none;
color: #f8f8f8;
font-weight: bold;
font-size: 14px;
padding-left: 0;
position: relative;
padding-left: 45px;
padding-bottom: 15px;
cursor: pointer;
}
.faq-ans {
padding-left: 45px;
margin-top: 10px;
margin-bottom: 5px;
}
button.btn-qs:before {
position: absolute;
left: 0;
width: 26px;
height: 26px;
background: #0a8ff4 url(//market-forever.in/wp-content/themes/mf/images/icon-minus.png) no-repeat center center;
font-size: 30px;
line-height: 17px;
top: -2px;
font-weight: 900;
content: ' ';
}
button.btn-qs.collapsed:before  {
background: #0a8ff4 url(//market-forever.in/wp-content/themes/mf/images/icon-plus.png) no-repeat center center;
}
.card-body-faq {
color: #f8f8f8;
font-weight: 400;
font-size: 14px;
}
.card-faq {
padding: 0 0 30px;
}
#technologies {
background: url(//market-forever.in/wp-content/themes/mf/images/technology-bg.png) no-repeat;
background-position: center;
min-height: 418px;
margin-top: 70px;
}
.technologies-logo img {
margin: 0 20px;
max-width: 30%;
}
#features-style-2 i {
margin-left: 10px;
display: block;
width: 60px;
height: 60px;
background-color: #fff;
color: #017ad6;
border-radius: 50%;
text-align: center;
line-height: 60px;
font-size: 25px;
-webkit-box-shadow: 1px 1px 5px 0px rgba(135,135,135,1);
-moz-box-shadow: 1px 1px 5px 0px rgba(135,135,135,1);
box-shadow: 1px 1px 5px 0px rgba(135,135,135,1);
}
#features-style-2 i:hover {
background: linear-gradient(35deg,#42d2f7,#2252e4 );
color: #fff;
-webkit-box-shadow: 1px 1px 5px 0px rgba(18,116,161,1);
-moz-box-shadow: 1px 1px 5px 0px rgba(18,116,161,1);
box-shadow: 1px 1px 5px 0px rgba(18,116,161,1);
}
.left-section .feature-2-item:first-child, .left-section .feature-2-item:last-child {
margin-right: -72px;
}
.left-section .feature-2-item:first-child {
margin-top: -20px;
}
.left-section .feature-2-item:first-child {
margin-top: 40px;
}
.left-section .feature-2-item h4, .left-section .feature-2-item p {
text-align: right;
padding-right: 15px;
margin-bottom: 0px;
}
.left-section .feature-2-item p {
margin-top: 2px;
}
.right-section .feature-2-item:first-child,.right-section .feature-2-item:last-child {
margin-left: -75px;
}
.feature-2-item {
margin-top: 45px;
margin-bottom: 70px;
}
.left-section .feature-2-item {
margin-right: -13px;
}
h4 {
font-size: 18px;
margin-bottom: 2px;
}
.feature-style-2 {
margin-top: 38px;
}
#features-style-5 {
padding-top: 70px;
}
#features-style-2 {
padding-bottom: 0;
}
img {
max-width: 100%;
height: auto;
}
section.cwb-banner {
padding: 120px 0;
background-size: cover;
margin-bottom: -110px;
}
.default-intro p {
margin: 20px 0;
}
.features-items-style-3 p {
max-width: 450px;
margin-bottom: 0;
}
.features-items-style-3 h3 {
font-size: 14px;
line-height: normal;
}
.cwb-banner p {
font-size: 16px;
margin-top: 15px;
margin-bottom: 10px;
}
.single p {
margin: 15px 0;
}
.single p strong {
display: inline-flex;
}
.single .breadcrumb p {
margin: 0;
}
section#service-custom-intro {
padding: 15px 0;
}
#feature-style-4 {
padding: 150px 0 300px;
}
.feature-selector {
border: 1px solid #3dbcf4;
padding: 80px;
width: 600px;
height: 600px;
margin-top: -300px;
margin-left: -300px;
}
.selector.small-selector {
width: 444px;
height: 444px;
margin-left: -222px;
margin-top: -222px;
padding: 50px;
}
.dashed-border {
border-style: dashed;
}
.selector.small-selector  span.service-icon i {
width: 86px;
height: 86px;
border-radius: 12px;
}
.feature-selector span.service-icon i {
width: 97px;
height: 92px;
border-radius: 15px;
margin-top: -25px;
background: linear-gradient(35deg,#42d2f7,#2252e4 );
border: 1px solid #3dbcf4;
color: #fff;
}
.selector.small-selector  span.service-icon i:before {
top: 30%;
font-size: 36px;
}
.feature-selector li.active span.service-icon i {
color: #3dbcf4;
background: #fff;
}
.selector .service .steps {
width: 100%;
padding-bottom: 10px;
}
.selector .service .steps p {
font-weight: 900;
}
.feature-selector span.service-icon i:before {
position: absolute;
left: auto;
right: auto;
text-align: center;
width: 100%;
top: 20%;
font-size: 50px;
}
strong span {
font-weight: 900;
} .career-content {
background-image: url(//market-forever.in/wp-content/themes/mf/images/how-we-do.png);
background-size: cover;
}
#accordion {
display: flex;
flex-wrap: wrap;
}
.jobs {
padding: 32px 10px;
}
.card-career {
width: 47%;
margin-left: 3%;
margin-bottom: 15px;
border: 1px solid #e7e7e7;
border-radius: 8px;
align-self: flex-start;
}
.card-career button.btn-qs {
color: #335179;
font-weight: bold;
}
.card-career button.btn-qs:before {
left: auto;
right: 15px;
background: #fff url(//market-forever.in/wp-content/themes/mf/images/icon-plus-hover.png);  
color: #e7e7e7;
border-color: #e7e7e7;
border-radius: 50%;
width: 31px;
height: 31px;
top: 23px;
}
.card-career button.btn-qs.collapsed:before {
background: #fff url(//market-forever.in/wp-content/themes/mf/images/icon-plus-gray.png);  
}
.card-career button.btn-qs {
width: 100%;
text-align: left;
line-height: normal;
padding-top: 20px;
padding-left: 20px;
font-size: 18px;
min-height: 75px;
}
.card-body-career {
padding: 3px 23px;
}
.card-body-career p {
color: #060606;
font-size: 17px;
}
.card-career button.btn-qs.collapsed {
color: #060606;
font-weight: normal;
}
#upload-file { border: 1px solid #f0eeee;
height: 48px;
background-repeat: no-repeat;
width: 100%;
padding: 0;
font-size: 14px;
margin: 0;
padding-left: 20px;
background-position: 99% center;
background-color: #fff;
}
.file-upload-outer {
position: relative;
}
.file-upload-outer input[type="file"] {
background-color: #fff;
border: none;
width: 100%;
font-size: 16px;
padding: 12px 20px;
max-width: 100%;
color: #b1b1b1;
font-weight: 300;
border: 1px solid #f0eeee;
}
button.button-type {
background: linear-gradient(35deg,#42d2f7,#2252e4 );
color: #fff;
border-radius: 8px;
font-size: 17px;
font-weight: bold;
}
button.button-type:hover {
background: #335179;
}
section.application {
padding: 0 0 50px;
}
#case-clients {
background: linear-gradient(35deg,#42d2f7,#2252e4 );
padding: 0;
}
#case-clients section#clients .slick-track {
border: none;
} .woocommerce div.product div.images img {
display: inline-block;
width: auto;
}
.images.woocommerce-product-gallery {
text-align: center;
}
.woocommerce div.product p.price, 
.woocommerce div.product span.price,
.woocommerce div.product form.cart,
.woocommerce-product-details__short-description {
display: none;
}
h2.product-title a {
font-size: 18px;
line-height: 23px;
float: left;
width: 100%;
margin-bottom: 28px;
}
.book-carousel {
margin-top: 24px;
}
.product-image,.product-image-full {
background: #ffe7d9;
height: 345px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
.product-image-full {
height: auto;
background: none;
}
.product-image img {
background: #ffe7d9;
max-height: 225px;
object-position: 50% 50%;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.product-price a {
background: #c2a392;
text-align: center;
width: 100%;
padding: 0 20px;
line-height: 48px;
font-weight: bold;
display: inline-block;
font-size: 13px;
margin: 0 5px 15px;
color: #000;
}
.product-price a:hover {
background: #122a27;
color: #fff;
}
.product-image-full img, .product-image img {
max-width: 100%;
height: auto;
}
.product-carousel {
background: #fff;
padding: 50px;
box-shadow: 0 10px 25px 0 rgba(6, 12, 34, 0.1);
-webkit-box-shadow: 0 10px 25px 0 rgba(6, 12, 34, 0.1);
-moz-box-shadow: 0 10px 25px 0 rgba(6, 12, 34, 0.1);
margin-top: 25px;
}
h1.product-title {
font-size: 36px;
line-height: 40px;
}
.product-short {
color: #333333;
font-size: 24px;
line-height: 40px;
margin-top: 36px;
float: left;
width: 100%;
}
.product-details {
padding-left: 50px;
padding-top: 90px;
}
.product-details .product-price a {
font-size: 24px;
line-height: 60px;
padding: 0 45px;
}
.woocommerce-product-gallery__image {
background: #c2a392;
padding: 50px 0;
} .page-bg {
position: relative;
}
.page-bg:before {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 452px;
content: '';
background: url(//market-forever.in/wp-content/themes/mf/images/left-circle.png) no-repeat top left;
z-index: -1;
}
.page-bg:after {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 452px;
content: '';
background: url(//market-forever.in/wp-content/themes/mf/images/right-circle.png) no-repeat top right;
z-index: -1;
}
section#contact-section i {
background:#335179;
color: #fff;
border-radius: 50%;
width: 100px;
height: 100px;
line-height: 100px;
font-size: 40px;
margin: 0 0 30px;
}
section#contact-section p,section#contact-section a {
font-size: 18px;
margin-bottom: 15px;
}
section#contact-section a {
color:#0a8ff4;
font-weight: bold;
}
#contact-form h2,#contact-form h2 span {
font-size: 33px;
font-weight: normal;
font-family: 'Gilroy';
}
#contact-form h2 strong{
font-weight: bold;
}
.wpcf7-form input, .wpcf7-form textarea,input {
width: 100%;
border: 2px solid #f8f8f8;
outline: none;
max-height: 125px;
line-height: normal;
padding: 0 30px;
border-radius: 8px;
min-height: 65px;
}
#home-contact input.wpcf7-form-control.wpcf7-submit {
margin: 0;
}
form.wpcf7-form.invalid .wpcf7-form-control-wrap {
margin: 0 0 10px;
}
form.wpcf7-form.invalid p {
margin: 0 0 10px;
}
select.wpcf7-form-control.wpcf7-select {
width: 100%;
border: 2px solid #f8f8f8;
height: 50px;
padding: 0 10px;
border-radius: 8px;
}
.wpcf7-form textarea {
padding-top: 15px;
}
#contact-section .wpcf7 {
color: #000;
margin-left: 25px;
margin-top: 15px;
}
.wpcf7-list-item {
position: relative;
margin: 0.5rem;
}
.wpcf7-list-item input{
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
margin: 0;
cursor: pointer;
}
.wpcf7-list-item-label {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
border: 1px solid #3e5c59;
border-radius: 5px;
padding: 0 40px;
transition: transform 300ms ease;
line-height: 50px;
}
.wpcf7-list-item input:checked + .wpcf7-list-item-label {
color: white;
background: url(//market-forever.in/wp-content/themes/mf/images/tick.png) no-repeat left 25px center;
background-color: #3e5c59;
padding-left: 70px;
}
.wpcf7 span.wpcf7-list-item {
margin: 0 15px 0 0;
}
.wpcf7-form-control-wrap {
margin: 0 0 40px;
display: block;
}
input.wpcf7-form-control.wpcf7-submit,input[type="submit"] {
margin-top: 0;
line-height: 53px;
width: auto;
padding: 0 60px;
border: none;
background: #335179;
cursor: pointer;
transition: all 0.6s ease;
color: #fff;
margin: 0 auto;
display: block;
border-radius: 10px;
min-height: 0;
position: unset;
}
section#contact-section {
padding-top: 55px;
}
#contact-form p {
margin-bottom: 12px;
}
#contact-form form {
margin-top: 30px;
}
section#contact-map {
padding: 0;
}
input.wpcf7-form-control.wpcf7-submit:hover,input[type="submit"]:hover {
background: #0a8ff4;
}
.wpcf7 .wpcf7-validation-errors, .wpcf7 .wpcf7-acceptance-missing {
border: none;
color: red;
padding: 0;
margin: 0;
} section#single-product, section#default-inner {
padding-top: 150px;
display: flex;
}
.single .product-price a {
width: auto;
}
.single .product-price {
text-align: left!important;
margin-top: 30px;
padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
background-color: #fff;
border-radius: 0;
border: none;    
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
border-top: 3px solid #3e5c59;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
top: 0;
border-top: 1px solid #c2a392;
bottom: auto;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
{
display: none;
}
.woocommerce #respond input#submit,
.woocommerce a.button, .woocommerce button.button, 
.woocommerce input.button {
background: #c2a392;
border-radius: 0;
color: #000;
transition: all 0.6s ease;
}
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, .woocommerce button.button:hover, 
.woocommerce input.button:hover {
background: #122a27;
color: #fff;
}
.woocommerce ul.products li.product a img {
height: 300px;
object-position: 50% 50%;
}
.woocommerce ul.products li.product .button {
margin-top: 1em;
display: none;
}
span.posted_in, 
span.sku_wrapper, 
span.tagged_as {
width: 100%;
float: left;
margin-bottom: 20px;
display: none;
}
section.related.products {
clear: both;
}
.woocommerce ul.products li.product .price {
display: none;
} .single .post:hover img {
-webkit-transform: none;
transform: none;
}
.video-js {
max-width: 100%;
}
.single .post img {
height: auto;
max-width: 100%;
}
.thumb-project img {
max-width: 100%;
}
.comment-list li.comment:after {
content: inherit;
display: none;
}
h1.page-title {
margin-bottom: 40px;
}
.navigation ul {
padding-left: 15px;
padding-top: 30px;
}
.entry-footer {
float: left;
margin: 15px 0 0;
width: 100%;
}
.entry-footer a {
color: #000;
}
.comment-list li {
padding-left: 0;
}
.comment {
background-position: 0 -74px;
display: block;
float: left;
width: 100%;
}
ol.comment-list {
border-radius: 5px;
float: left;
margin-bottom: 15px;
overflow: inherit;
padding: 20px;
width: 100%;
}
.comment-list .children {
margin: 15px 0 15px 15px;
}
.comment-list {
margin-bottom: 40px !important;
margin-left: 0 !important;
padding-left: 0;
}
.comment-list li {
list-style: outside none none !important;
}
.comment-list li li {
padding: 0;
}
.comment .comment-body {
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 0;
float: left;
margin: 1em 0 0;
padding: 14px 15px 15px 34px;
position: relative;
width: 100%;
}
.comment-author.vcard {
font-size: 23px;
margin-bottom: 5px;
}
.comment-author img.photo {
border: 1px solid #dddddd;
border-radius: 15px;
left: -15px;
position: absolute;
}
.comment-list .children {
background-position: left 20px;
background-repeat: no-repeat;
border-left: 1px solid rgb(238, 238, 238);
margin-left: 0 !important;
padding-left: 40px;
}
.comment-list li.comment>div img.avatar {
left: 29px;
position: absolute;
top: 29px;
}
#comment-form-title {
font-size: 24px;
padding-bottom: 10px;
}
.vcard .avatar {
left: 29px;
position: absolute;
top: 29px;
}
.comment-metadata {
font-size: 13px;
font-style: italic;
line-height: 16px;
margin-bottom: 10px;
}
.comment-reply-link {
background-color: #ff794c;
border-radius: 4px;
color: #ffffff;
float: right;
padding: 4px 25px;
}
.fa-chevron-circle-up:before {
color: #ff794c;
}
.form-allowed-tags code {
white-space: inherit;
word-wrap: break-word;
}
.comment-respond label {
display: block;
font-weight: normal;
}
.comments-title {
color: #000000;
font-weight: normal;
margin: 0;
}
.entry-footer .cat-links, .entry-footer .tags-links, .comments-link {
background-color: #dcedf7;
border: 1px solid #dcedf7;
display: block;
float: left;
margin-bottom: 15px;
padding: 5px 10px 5px 45px;
position: relative;
clear: both;
}
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.comments-link a {
margin: 0 3px;
}
.cat-links i, .tags-links i, .comments-link i {
background-color: #335179;
border-right: 1px solid #335179;
color: #ffffff;
display: block;
height: 100%;
left: 0;
line-height: 0;
position: absolute;
text-align: center;
top: 0;
vertical-align: middle;
width: 36px;
}
.cat-links i:before,
.tags-links i:before,
.comments-link i:before {
position: relative;
text-align: center;
top: 50%;
width: 100%;
}
.edit-link {
clear: both;
display: block;
}
.navigation.post-navigation {
clear: both;
}
.comments-area {
clear: both;
}
.entry-content>table {
margin-bottom: 30px;
}
.page-content .search-form label {
display: block;
float: left;
width: 70%;
}
.entry-content img {
margin-bottom: 15px;
}
a.read-more {
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 600;
margin-top: 22px;
margin: 0 auto;
width: 35px;
height: 35px;
background: #0a8ff4 url(//market-forever.in/wp-content/themes/mf/images/arrow-narrow.png) no-repeat center;
border-radius: 50%;
}
a.read-more:hover {
background-color: #335179;
}
.widget a.read-more {
color: #ff794c;
display: inline-block;
font-size: 16px;
line-height: 1.5;
margin-bottom: 15px;
}
.widget a.read-more::after {
content: "\f101";
display: inline-block;
font-family: FontAwesome;
font-size: 15px;
font-weight: normal;
margin-left: 5px;
}
.page-header {
position: relative;
}
.page-header {
border-bottom: 2px solid #d6d5d5;
margin-top: 0;
}
.post-password-form input[type="submit"] {
clear: both;
display: block;
margin-bottom: 25px;
padding: 10px;
}
.comments-link {
clear: both;
display: block;
}
section#single-post {
padding-top: 110px;
} .sidebar h3.widget-title {
color: #402020;
font-size: 36px;
margin-bottom: 7px;
}
.sidebar li a {
color: #000;
font-size: 18px;
line-height: 32px;
}
.sidebar li .product-price a,.woocommerce ul.product_list_widget li .product-price a {
line-height: 48px;
display: inline-block;
font-size: 14px;
}
.sidebar .product-price {
float: left;
margin-top: 20px;
}
.sidebar ul {
list-style: none;
padding-left: 0;
}
.sidebar iframe {
max-width: 100%;
height: 335px;
}
.sidebar .widget {
margin-bottom: 60px;
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {
margin: 0 0 50px;
list-style: none;
padding: 84px;
background: #ffe7d9;
}
.widget_categories {
padding-left: 20px;
}
.woocommerce ul.product_list_widget img {
max-height: 270px;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
float: none;
margin-left: 0;
width: auto;
max-width: 100%;
display: inline-block;
}
.woocommerce ul.product_list_widget span.product-title {
width: 100%;
clear: both;
float: left;
margin-top: 42px;
color: #000;
font-size: 22px;
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
text-align: center;
}
.single .sidebar .product-price {
float: left;
width: 100%;
text-align: center!important;
}
.single .sidebar .product-price a {
width: 100%;
line-height: 48px;
font-size: 14px;
}
.rightsidebar {
border-left: 1px solid #c5cecd;
padding-left: 30px;
} .archive .post-details {
padding: 20px 25px;
border: 1px solid #ccc;
border-top: none;
margin: 0 0 50px;
}
.archive a.icon {
bottom: 70px;
}
.header-padding {
padding-top: 180px;
}
.partners-slider {
background: url(//market-forever.in/wp-content/themes/mf/images/mobile.png) center top no-repeat;
background-size: contain;
margin: 0 auto;
padding: 0 30px;
}
.partners-slider .item {
padding: 30px 0 75px;
} .partners-slider .slick-slide {
margin: 0 30px;
} .partners-slider .slick-list {
margin: 0 -30px;
}
.partners-slider h2 {
font-size: 20px;
margin-top: 18px;
margin-bottom: 0;
}
.partners-slider p {
color: #000;
}
a.readmore-button {
background: #0a8ff4;
padding: 10px 25px;
border-radius: 15px;
color: #fff;
}
a.readmore-button:hover {
background: #335179;
}
.partners-images {
position: relative;
top: -844px;
margin-bottom: -675px;
}
.image-item.first {
text-align: right;
padding-right: 30px;
}
.image-item {
margin-bottom: 50px;
margin-top: 50px;
padding-left: 30px;
}
.image-item img {
cursor: pointer;
height: 173px;
object-fit: cover;
} .partners-slider button {
background: #0a8ff4;
}
#partners .slick-arrow {
position: absolute;
left: -25px;
background: #0a8ff4;
width: 40px;
height: 40px;
border-radius: 50%;
text-align: center;
top: 50%;
vertical-align: middle;
cursor: pointer;
}
#partners .slick-arrow:hover {
background-color: #335179;
}
#partners .slick-left.slick-arrow {
left: auto;
right: -25px;
}
#partners .slick-arrow img {
margin-top: 12px;
} #filters li {
list-style: none;
display: inline-block;
padding: 0 20px;
}
ul#filters {
text-align: center;
padding: 0 0 30px;
}
.portfolio .item {
margin-bottom: 30px;
}
.picframe {
position: relative;
overflow: hidden;
}
span.overlay {
text-align: center;
display: block;
width: 100%;
background: #0a8ff4;
position: absolute;
z-index: 1;
text-align: center;
opacity: 0;
left: 0;
right: 0;
bottom: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}
.picframe img {
-o-transition: 1s;
-ms-transition: 1s;
-moz-transition: 1s;
-webkit-transition: 1s;
transition: 1s;
outline: none;
}
.picframe:hover img {
transform: scale(1.3);
}
#filters a {
font-size: 18px;
color: #000;
}
#filters a:hover,#filters a.selected {
color: #0a8ff4;
}
span.project-name {
text-transform: uppercase;
}
.videobg {
position:absolute;
width: 100%;
height: 100px;
overflow: hidden;
}
.videobg video {
position:absolute;
width: 1000px;
height: 100px;
left: 0;
top: 0;
object-fit: cover;
}
.videobg h1 {
position: absolute;
width: 100%;
height: 100px;
left: 0;
top: 0;
mix-blend-mode: screen;
background: #fff;
font-size: 120px;
color: #000;
text-align: center;
text-transform: uppercase;
font-weight: bolder;
line-height: 100px;
}
section.portfolio-content {
padding: 0;
display: block;
min-height: 150px;
}
.page-template-page_portfolio .page-bg:before,
.page-template-page_portfolio .page-bg:after {
background: none;
}
.integrations__cta a {
position: relative;
}
.integrations__cta a:hover {
color: #edf6fb;
}
.integrations__cta a::after {
content: '';
position: absolute;
right: -60px;
width: 48px;
height: 30px;
background: url(//market-forever.in/wp-content/themes/mf/images/arrow-big.png) no-repeat center right;
transition: 0.5s all linear;
top: 20%;
}
.integrations__cta:hover a::after {
right: -75px;
}
.single-services .cs-how-proc {
margin-top: -150px;
} @media (min-width: 1440px) {
#features-section {
background-size: auto;
}
}
@media (max-width:1600px) { }
@media (max-width:1599px) {
.our-mission {
padding: 100px 80px;
}
.our-vision {
padding: 100px 80px;
}
}
@media (max-width:1599px) {
.our-mission {
padding: 100px 70px;
}
.our-vision {
padding: 100px 70px;
}
}
@media (max-width:1439px) {
#technologies {
background-size: 95% auto;
background-position: center;
}
.our-mission {
padding: 100px 50px;
}
.our-vision {
padding: 100px 50px;
}
}
@media (max-width:1359px) {
.about-icon i {
font-size: 60px;
padding: 30px;
}
.our-mission {
padding: 90px 50px;
}
.our-vision {
padding: 90px 50px;
}
#cta-or-how #how-we-do-block {
background-position: center;
}
}
@media (max-width:1279px) {
.nav-menu > li {
margin: 0 5px;
}
#about-section-2 h2 {
margin-top: 20px;
}
.text-slider p {
font-size: 28px;
}
span.service-icon i {
width: 60px;
height: 60px;
margin-top: -65px;
}
span.service-icon i:before {
font-size: 30px;
}
.selector {
width: 400px;
height: 400px;
margin-top: -200px;
margin-left: -200px;
border-radius: 50%;
border: 1px solid #d2ced2;
padding: 25px;
}
.feature-selector {
margin-top: -300px;
width: 500px;
height: 500px;
padding: 50px;
margin-left: -300px;
}
.feature-selector span.service-icon i {
width: 75px;
height: 70px;
}
.feature-selector span.service-icon i:before {
font-size: 40px;
}
#blogs {
background-position: right top;
}
.how-img img {
width: 170px;
height: 170px;
object-fit: cover;
object-position: center;
}
.how-img {
border: 2px dashed #fff;
padding: 10px;
} section#featured-services {
padding: 350px 0 225px;
position: relative;
}
#rotaion-icon {
margin-top: 325px;
}
section#contact-section p, section#contact-section a {
font-size: 15px;
}
.integrations h2 {
grid-row: 2 / span 4!important;
font-size: 60px!important;
}
.cta-content {
max-width: 60%;
text-align: center;
}
.section-left img {
max-width: 100%;
height: auto;
}
.cta-content p {
text-align: left;
}
.our-mission,.our-vision {
background-size: cover;
}
#about-section-5 {
padding: 100px 0 65px;
}
#service-faqs {
background-size: cover;
}
#technologies {
background-size: cover;
}
#case-studies .slick-left.slick-arrow {
right: 0;
}
#case-studies .slick-right.slick-arrow {
left: 0;
}
}
@media screen and (min-width: 768px) {
.grid {
grid-template-columns: repeat(8,1fr);
}
.hero__title {
grid-column: 1 / 7;
grid-row: 1;
}
.hero__title+svg {
grid-column: 7 / span 2;
grid-row: 1;
align-self: flex-end;
}
.hero__description {
grid-column: 1 / 4;
grid-row: 2;
}
.hero__cta {
grid-column: 5 / -1;
}
.integrations {
margin: 0;
padding: 20vw 2rem;
}
.integrations .grid {
grid-template-rows: 6rem auto;
}
}
@media screen and (min-width: 1024px) {
.grid {
grid-template-columns: repeat(12,1fr);
}
.hero__title {
grid-column: 1 / 8;
}
.hero__title+svg {
grid-column: 8 / span 3;
align-self: flex-end;
margin-bottom: -1em;
}
.hero__description {
grid-column: 1 / 5;
}
.hero__cta {
grid-column: 8 / -1;
}
.integrations {
margin: -20vh 0 -10vh;
}
}
@media (min-width:1200px) {
.partners-slider {
width: 375px;
}
.container-large {
width: 1430px;
max-width: 94%;
padding: 0 15px;
margin: 0 auto;
}
.container {
max-width: 100%;
width: 1200px;
}
}
@media (max-width:1199px) {
.container-large {
width: 90%;
margin: 0 auto;
}
}
@media (max-width: 1024px) {
.integrations .integrations__grid--wrapper {
grid-row: 5!important;
}
.integrations p {
grid-row: 5!important;
font-size: 30px!important;
margin-bottom: 0;
}
a.button--link.button--reverse.button--xl {
font-size: 30px!important;
}
.integrations .integrations__cta {
grid-row: 6!important;
}
.large-number {
font-size: 150px;
}
#service-section-2 {
padding-bottom: 0;
}
#technologies {
padding-bottom: 70px;
}
}
@media (max-width: 959px) {
.menu-img {
display: none;
}
.cu_section1, .cu_section12,
.cu_section2, .cu_section3, .cu_section12, .cu_section3,
.cu_section4{
display: none;
}
}
@media (max-width: 1023px) {
#features-section {
margin-top: 0;
}
.icon-column {
flex: 0 0 30%;
}
#how-we-do {
margin-top: 0;
}
#blogs,.featured-blogs {
padding: 110px 0;
}
section.default-banner {
padding-top: 0;
}
}
.cta-button-div {
margin-top: 20px;
}
@media (max-width: 991px) {
section.default-banner {
min-height: 0;
background-size: 50%;
}
#feature-style-6 .services-intro {
margin-top: 0;
}
.selector.feature-style-6 {
margin-top: 50px;
}
section#feature-style-6 {
padding-bottom: 300px;
}
.videobg h1 {
font-size: 100px;
}
button#quote-button {
display: none;
}
.octf-search.octf-btn-cta {
padding-right: 15% !important;
}
.octf-btn-cta .h-search-form-field
{
right:0px !important; 
}
.searchheader {
padding-top: 55px;
text-align: center; 
color: #0a8ff4;
font-size: 35px;
line-height: normal;
margin-bottom: 0;
text-transform: uppercase;
letter-spacing: 5px;
}
.searchsubheader {
background:none !important; 
}
.search #subheader {
margin-bottom:0px !important;
}
button#mobile-quote-button {
margin: 0 15px;
width: 90%;
}
.selector {
margin-top: 0;
margin-left: -30%;
position: relative;
}
.services-intro {
padding: 0;
margin-top: 350px;
}
#feature-style-4 .services-intro {
margin-top: 0;
}
#feature-style-4 {
padding: 0;
}
.feature-selector {
top: 50px;
}
span.service-icon i {
width: 75px;
height: 75px;
margin-top: -75px;
}
.selector li .dots {
width: 20px;
height: 20px;
margin-top: 15px;
}
span.service-icon i:before {
top: 30%;
font-size: 30px;
}
section#featured-services {
padding: 100px 0 150px;
position: relative;
}
.counter-info span {
font-size: 28px;
}
.counter {
padding-top: 0;
}
.col:nth-child(3n) .steps:after {
background: none;
}
.how-content .step-content {
padding-bottom: 50px;
}
#mobile-nav-toggle {
display: block;
}
.nav-menu>li {
margin: 0;
width: 100%;
}
#nav-menu-container {
display: none;
}
#menu-top-menu {
display: none;
}
.sf-arrows .sf-with-ul:after {
display: none;
}
.menu-item-has-children i {
position: absolute;
right: 30px;
top: 15px;
color: #fff;
z-index: 99;
}
ul#mobile-top-nav li {
position: unset;
}
#subheader {
min-height: 250px!important;
}
.f-price {
font-size: 28px;
}
section#about-section-2 {
padding-top: 0;
}
section {
padding: 35px 0;
}
.hero__cta input[type="email"] {
top: 5px;
height: 50px;
max-height: 50px;
min-height: 0;
padding: 0 5px;
}
.hero__cta div#mc_embed_signup_scroll {
margin: 0;
}
.hero__cta input[type="submit"] {
height: 40px;
top: 5px;
line-height: 4px;
}
.hero__cta form {
height: 55px;
}
.integrations h2 {
grid-row: 1 / span 4!important;
font-size: 50px!important;
}
.integrations p {
grid-column: 1 / -1!important;
}
.integrations .integrations__cta {
grid-column: 4 / -1!important;
}
.large-number {
font-size: 100px;
}
.container-small {
max-width: 80%;
}
.cta-content {
max-width: 60%;
}
.cta-button-div {
margin-top: 15px;
margin-left: auto;
margin-right: auto;
}
.technologies-logo img {
margin: 0 5px;
}
#features-section, #how-we-do {
margin-top: 0;
}
#rotaion-icon {
display: none;
}
.home #case-studies {
margin-top: 0;
min-height: 0;
background: linear-gradient(35deg,#42d2f7,#2252e4 );
}
#how-we-do {
padding-bottom: 0;
}
.our-mission, .our-vision {
background-size: cover;
padding: 200px 15vw;
}
section#about-section-7 {
padding-top: 100px;
}
#technologies {
min-height: 300px;
}
button.btn.btn-cta {
border-radius: 0;
position: unset;
}
#about-section-8 {
padding: 90px 0;
}
#footer {
background-size: cover;
}
}
@media(min-width:969px){
#header.header-scrolled{
background: linear-gradient(35deg,#42d2f7,#2252e4 );
}
}
@media(max-width:968px) {
#header.header-scrolled {
background-color:#fff;
}
#mobile-nav-toggle i {
color: blue;
}
}
@media (max-width: 767px) {
.partners-images {
display: none;
}
#header.header-scrolled {
background: #fff;
}
.f-price {
font-size: 24px;
}
.videobg h1 {
font-size: 75px;
}
.breadcrumb a, .breadcrumb p {
letter-spacing: 1px;
}
.breadcrumb span {
padding: 0 5px;
font-size: 14px;
}
#subheader h1 {
font-size: 24px;
letter-spacing: 3px;
}
#service-faqs {
background: url(//market-forever.in/wp-content/themes/mf/images/faq-bg.png),linear-gradient(35deg,#42d2f7,#2252e4 );
}
#about-section-3 .section-left img {
position: unset;
max-width: 100%;
}
#partners .slick-arrow {
left: 0;
}
#partners .slick-left.slick-arrow {
right: 0;
}
#case-studies .slick-left.slick-arrow {
right: 10px;
}
#case-studies .slick-right.slick-arrow {
left: 10px;
}
.slick-next {
right: 0;
}
.slick-left {
left: 0;
}
.selector {
width: 60vw;
height: 60vw;
margin-left: -30vw;
padding: 10px;
margin-top: 0;
}
.feature-selector {
width: 75vw;
height: 75vw;
margin-left: -40vw;
padding: 40px;
}
.selector .outer {
padding: 0 15px;
}
.selector li .dots {
width: 10px;
height: 10px;
margin-top: 6px;
}
span.service-icon i {
width: 50px;
height: 50px;
margin-top: -40px;
}
span.service-icon i:before {
font-size: 20px;
}
#subheader {
min-height: 100px!important;
}
.integrations {
margin: 0!important;
}
.integrations .integrations__grid--wrapper {
grid-row: 7!important;
margin-top: 0!important;
}
.integrations .integrations__cta {
grid-column: 1 / -1!important;
}
.integrations h2 {
font-size: 45px!important;
}
.cta-image {
padding-left: 0;
}
.integrations {
padding-left: 0!important;
padding-right: 0!important;
}
.integrations .maze-bkg {
-webkit-clip-path: polygon( 0 0, 100% 20%, 100% 80%, 0 70% )!important; clip-path: polygon( 0 0, 100% 20%, 100% 85%, 0 70% )!important;
}
.modal-dialog {
max-width: 100%;
}
.text-slider p {
margin-top: 0;
text-align: left;
}
.about-image img {
top: 0;
}
section#featured-services {
padding: 0px 0 75px;
position: relative;
}
.services-intro {
margin-top: 300px;
}
#home-custom {
padding-bottom: 0;
}
#features-section {
background-size: cover;
}
section#blogs {
padding-bottom: 100px;
}
section#home-contact {
padding-bottom: 0;
}
.sf-arrows .sf-with-ul:after {
right: 30px;
}
#header {
padding: 15px 0 10px;
}
.text-slider p {
font-size: 24px;
}
.h2, h2 {
font-size: 24px;
}
.h1, h1 {
font-size: 28px;
line-height: 50px;
}
section#clients .slick-track {
padding-bottom: 100px;
}
.cta-button-div {
margin-top: 20px;
margin-bottom: 20px;
}
#case-studies {
padding-top: 30px;
padding-bottom: 30px;
}
.contact-detBg {
padding-top: 0!important;
}
.charity-gallery-outer {
padding-top: 0;
}
}
@media (max-width: 575px) {
.selector {
margin-top: -30vw;
}
#selector-2 * {
transform: none!important;
position: unset;
}
#selector-2 .bubbles {
display: none;
}
.selector.feature-style-6 li span.service-icon i {
margin-top: 0;
}
.selector.feature-style-6 {
margin-top: 0;
}
.breadcrumb {
display: none;
}
.selector.feature-style-6 {
border: none;
width: 100%;
height: auto;
margin-left: -75%;
margin-top: -60vw;
}
.selector.feature-style-6 span.service-icon {
text-align: center;
}
.selector.feature-style-6 span.service-icon i:before {
position: unset;
line-height: 50px;
}
.selector.feature-style-6 li {
margin-bottom: 30px;
}
.selector .service-name {
margin-left: -50px;
}
.charity-gallery-outer {
padding-top: 0;
}
#charity-section-3 .section-right img {
position: unset;
max-width: 100%;
}
#charity-section-2 {
padding-bottom: 100px;
}
section#charity-section-3 {
padding-top: 100px;
padding-bottom: 0;
}
.selector .service h2 {
text-align: center;
width: 100%;
}
.mc-field-group {
width: 100%;
flex: 0 0 100%;
}
.hero__cta input[type="submit"] {
margin-top: 25px;
}
.contact-detBg .col-sm-4 {
margin: 0 0 30px;
}
.career-content {
background-position: top -120px left;
padding-top: 60px;
}
.integrations .integrations__grid li {
font-size: 2rem!important;
padding: 20px!important;
}
.integrations {
padding: 30vh 0 10vh!important;
}
.integrations h2 {
font-size: 34px!important;
}
.integrations p {
font-size: 26px!important;
line-height: 32px;
}
section#contact-section {
padding-top: 0!important;
}
.team-styled-circle {
display: none;
}
.testimonials-slider {
padding-top: 0;
}
#testimonials .slick-ts .slick-ts-right.slick-arrow {
left: 35%;
right: auto;
bottom: -40px;
}
#testimonials .slick-ts .slick-ts-left.slick-arrow {
left: auto;
right: 30%;
bottom: -40px;
}
#rev_slider_7_2_forcefullwidth {
display: block;
}
#rev_slider_5_1_forcefullwidth {
display: none;
}
body {
overflow-x: hidden;
}
#mobile-nav-toggle {
margin: 15px 8px 0 0;
}
#features-style-5 {
padding-top: 0;
}
#home-contact {
margin-top: 0;
}
.feature-selector {
margin-top: 0;
}
.feature-selector span.service-icon i {
width: 60px;
height: 50px;
margin-top: 0;
}
.feature-selector span.service-icon i:before {
font-size: 28px;
}
section.cwb-banner {
padding: 100px 0;
margin-bottom: -100px;
}
.hero__cta form {
height: 55px;
}
.slick-prev {
left: 0;
}
.slick-next {
right: 0;
}
section.default-banner {
padding-top: 0;
}
.h1, h1 {
font-size: 21px;
line-height: normal;
}
.cta-content h2 {
font-size: 21px;
}
.cta-content h2 span {
font-size: 28px;
}
.left-section .feature-2-item:first-child, .left-section .feature-2-item:last-child {
margin-right: 0;
}
.right-section .feature-2-item:first-child, .right-section .feature-2-item:last-child {
margin-left: 0;
}
.row.feature-2-item {
margin-left: 0;
margin-right: 0;
}
#features-style-2 i {
margin-left: 0;
}
.left-section .feature-2-item {
margin-right: 0;
}
.circlur-title {
max-width: 75vw;
max-height: 75vw;
}
.feature-style-2 {
margin-top: 0;
}
.featured-blogs {
margin-top: 0;
}
#subheader h1 {
font-size: 28px;
letter-spacing: 2px;
}
.breadcrumb a, .breadcrumb p {
letter-spacing: 1px;
}
#about-section-1 {
padding-top: 0;
}
.our-mission, .our-vision {
padding: 132px 30px 50px;
}
.about-icon.align-center.d-flex {
display: none!important;
}
#about-section-5 {
background-position: top -190px left;
}
section#about-section-7 {
padding: 0;
margin-top: 0;
}
.home-services {
min-height: 400px;
}
.services-intro {
margin-top: 0;
}
section#featured-services {
min-height: 0;
}
.cta .row > div {
width: 100%;
max-width: 100%;
text-align: center;
}
.selector .service p {
margin-bottom: 10px;
display: none;
}
.counter {
flex-wrap: wrap;
}
.videobg h1 {
font-size: 60px;
}
section#news-letter .col {
width: 100%;
flex: 0 0 100%;
text-align: center;
margin: 0 0 15px;
}
#how-we-do-block {
padding: 100px 0;
background-position: top!important;
}
a.cta-button {
width: max-content;
margin: 0 auto;
}
section#contact-section p, section#contact-section a {
font-size: 15px;
} 
.small-text-center {
text-align: center;
}
#about-section-3 .section-left img {
left: auto;
max-width: 90%;
height: auto;
right: auto;
z-index: -1;
opacity: 0.5;
}
.col-small-12{
flex: 0 0 100%;
}
#contact-form h2, #contact-form h2 span {
font-size: 26px;
}
.card-career {
width: 100%;
margin-left: 0;
}
#filters li {
padding: 0 10px;
}
#filters a {
font-size: 16px;
}
}
.su-search select,
.su-search button{
width: 100%;
height: 50px;
border-radius: 10px;
padding: 10px;
margin-bottom: 20px;
}
.su-search select:focus {
border: 1px solid #000;
}
.su-search button {
background: linear-gradient(to right,  #36a2f0 0%,#2252e4 100%) !important;
border: none;
color:#fff;
cursor: pointer;
}
.su-search button:focus {
border: none;
}
.su-clients {
padding-top: 30px !important;
}
.su_client_items {
padding-top: 190px;
padding-bottom: 10px;
background-size: cover;
border-radius: 5px;
position: absolute;
z-index: 999;
}
.su_client_items p {
margin-bottom: 0;
text-align: center;
color: #fff;
font-weight: bold;
position: relative;
}
.su_img::before {
background-color: rgba(0,102,179,.8);
}
.su_img::before {
content: "";
top: 0;
width: 93%;
position: absolute;
background-color: rgba(0,0,0,.5);
z-index: 0;
min-height: 100%;
border-radius: 5px;
}
.suc_items {
margin-bottom: 50px;
}
.su_loadMore {
position: absolute;
z-index: 99999;
padding-top: 114px;
text-align: center;
padding-bottom: 109px;
width: 93%;
background: rgba(255,255,255,.5);
}
.su_loadMore a {
padding: 15px 19px;
border-radius: 10px;
background: linear-gradient(to right,  #36a2f0 0%,#2252e4 100%) !important;
color: #fff;
text-transform: uppercase;
}
.su_img img {
width: 100%;
}
nav.pagination a,
nav.pagination span {
margin: 10px;
padding: 5px 10px;
color: #fff;
font-weight: bold;
background: linear-gradient(to right,  #36a2f0 0%,#2252e4 100%) !important;
border-radius: 5px;
}
nav.pagination span {
color: #000 !important;
}
.su-single-wrap {
background: #F8F8F8;
}
.su_single h3 {
margin-top: 0 !important;
font-style: italic;
font-weight: 900;
}
.su_single .su-list-no {
font-size: 7rem;
font-weight: 900;
padding-right: 58px;
color: rgb(180, 179, 179);
font-style: italic;
}
.su-subheader h1 {
margin-bottom: 50px !important;
}
.su_date, .su_cat {
text-transform: capitalize;
font-size: 16px;
padding-left: 0 !important;
}
.su_date span, .su_cat span {
color: #335179 !important;
}
.web-views {
margin-top: 50px;
}
.web-views-item {
background: linear-gradient(to right,  #36a2f0 0%,#2252e4 100%) !important;
border-radius: 8px;
padding: 5px 14px;
font-weight: 600;
margin-bottom: 10px;
}
.web-views-item p {
text-align: center;
color: #fff;
margin: 0 !important;
}
.su_des {
text-align: justify;
}
.su-list.active .su-list-no span,
.su-list.active .su-content h3 {
color: #4C96EE !important;
}
.su-subheader, .sc-subheader {
background-position: center top !important;
}
.cu_Imain i, .cu_section4 i {
background: linear-gradient(to right,  #36a2f0 0%,#2252e4 100%) !important;
color: #fff;
font-size: 18px;
padding: 20px;
border-radius: 50%;
}
.cu_section1 p,
.cu_section12,
.cu_section2 p
{
text-align: center;
}
.cu_section1,
.cu_section2,
.cu_section3 {
padding-top: 50px;
text-align: center;
}
.cu_section3 .wpcf7-form input, 
.cu_section3 .wpcf7-form textarea, 
.cu_section3 input {
min-height: 35px !important;
}
.cu_section3 .your-name,
.cu_section3 .your-phone{
margin-bottom: 20px !important;
}
.cu_section3 .your-email {
margin-bottom: 10px !important;
}
h4.mega-block-title {
margin-top: 50px !important;
}
.cu_socialIcons i {
background: linear-gradient(to right,  #36a2f0 0%,#2252e4 100%) !important;
padding: 7px;
border-radius: 50%;
color: #fff;
}
.cu_emails {
color: #2252e4;
font-weight: bold;
}
.cu_section4 {
padding-top:10px;
text-align: center;
font-weight: bold;
}
.cu_section4 p {
text-align: center;
}
.cu_socialIcons a {
display: inline !important;
padding: 0!important;
}
#seo-section-2 .tabs-left {
border-bottom: none;
padding-top: 50px;
margin-right: 100px;
}
#seo-section-2 .tabs-left>li {
float: none;
margin:0px;
width: 100%;
}
#seo-section-2 .tabs-left>li>a.active,
#seo-section-2 .tabs-left>li>a.active:hover,
#seo-section-2 .tabs-left>li>a.active:focus {
border-bottom-color: #ddd;
border-right-color: transparent;
background:#f90;
border:none;
border-radius:0px;
margin:0px;
}
#seo-section-2 .tabs-left>li>a {
font-weight: bold;
}
#seo-section-2 .nav-tabs>li>a:hover { line-height: 1.42857143;
border: 1px solid transparent; }
#seo-section-2 .tabs-left>li>a.active::after{content: "";
position: absolute;
top: 10px;
right: -10px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #f90;
display: block;
width: 0;
}
.seob_heading {
text-align: center;
margin-bottom: 50px;
}
.section2-left ul{
text-align: right;
padding-right: 50px;
}
.section2-left ul li{
padding-bottom: 45px;
}
#seo-section-7 .row .col:last-child {
margin-left: 1em;
} #seo-section-7 .tabs {
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}
#seo-section-7 .tab {
width: 100%;
color: white;
overflow: hidden;
}
#seo-section-7 .tab-label {
display: flex;
justify-content: space-between;
padding: 1em;
background: #2c3e50;
font-weight: bold;
cursor: pointer; }
#seo-section-7 .tab-label:hover {
background: #1a252f;
}
#seo-section-7 .tab-label::after {
content: "❯";
width: 1em;
height: 1em;
text-align: center;
transition: all 0.35s;
}
#seo-section-7 .tab-content {
max-height: 0;
padding: 0 1em;
color: #2c3e50;
background: white;
transition: all 0.35s;
}
#seo-section-7 .tab-close {
display: flex;
justify-content: flex-end;
padding: 1em;
font-size: 0.75em;
background: #2c3e50;
cursor: pointer;
}
#seo-section-7 .tab-close:hover {
background: #1a252f;
}
.section9-left .rServices {
background: linear-gradient(35deg,#42d2f7,#2252e4 );
color: #fff; padding: 20px 80px;
border-radius: 10px;
text-align: center;
margin-bottom: 10px;
}
#seo-section-12 {
background: url(//market-forever.in/wp-content/themes/mf/images/seventhbg.jpg) no-repeat center left;
}
.seo-performance {
background: url(//market-forever.in/wp-content/themes/mf/images/secondbgSep.png) no-repeat  bottom;
padding-bottom: 183px;
background-size: contain;
}
.section2-right {
text-align: center;
}
.section2-right .tab-pane img {
height: 200px;
}
#seo-section-2 {
background: url(//market-forever.in/wp-content/themes/mf/images/first-bg.jpg) no-repeat  right;
background-size: contain;
}
#seo-section-8 {
background: url(//market-forever.in/wp-content/themes/mf/images/sixthbg.jpg) no-repeat  center center;
background-size: contain;
}
.seo-section-21 {
border-bottom: 3px solid #eee;
padding-bottom: 80px;
}
.st_num {
font-size: 38px;
color: #121A90;
font-weight: bold;
}
.section3-right ul {
list-style: none;
padding-left: 0;
}
.seo-section-31 
{
background: url(//market-forever.in/wp-content/themes/mf/images/secondbgSep.png) no-repeat  bottom;
padding-bottom: 75px;
background-size: contain;
}
.section4-right ul {
list-style: none;
}
.section4-right ul li::before 
{
content: "\2022";
color: #55A8F2;
font-weight: bold;
display: inline-block;
width: 1.5rem;
margin-left: -1em;
font-size: 25px;
}
.section4-left {
padding-top: 100px;
}
button.h-accordion {
border: none;
background: none;
margin-bottom: 20px;
}
button.h-accordion:focus {
outline: none;
}
#seo-section-7 {
padding: 0 !important;
}
button.h-accordion i {
color: #55A8F2;
box-shadow: 1px 0px 5px 0px #eee;
padding: 3px 5px;
margin-right: 10px;
}
.sectionB-left ul li {
width: 100%;
}
#insta-measures h1,
#insta-benefits .h1 {
margin-bottom: 50px;
}
#insta-measures .section-left ul li {
list-style-type: none;
position: relative;
padding-left: 15px;
}
#insta-measures .section-left ul li:before {
content: "\25BA \0020";
font-size: 6px;
position: absolute;
top: 5px;
left: -10px;
}
#insta-benefits .sectionB-left {
padding-top: 50px;
}
#insta-benefits .sectionB-left ul li {
margin-bottom: 10px;
}
#insta-benefits .sectionB-left ul li a {
padding: 10px;
float: right;
margin-right: 100px;
border: 3px solid #fff;
}
#insta-benefits .sectionB-left ul li a.active {
border: 3px solid #eee;
border-radius: 5px;
}
#insta-benefits .sectionB-right .tab-pane {
text-align: center;
background: #f9f7f7;
box-shadow: 1px 2px 9px 10px #eee;
padding: 50px;
}
#insta-stat h2 {
color: #0a8ff4;
}
.stat-list ul li {
list-style: none;
font-size: 22px;
color: #a1a2a5;
font-weight: bold;
font-style: italic;
margin-bottom: 10px;
}
.stat-list ul li span {
color: #335179;
padding-right: 10px;
font-size: 30px;
}
#insta-stat .section-left {
text-align: center;
}
#what-we-do .section-left {
font-size: 50px;
font-weight: bold;
text-align: center;
text-align: left;
}
#what-we-do .section-left span {
font-weight: normal;
}
#what-we-do .section-right {
padding-top: 50px;
}
#what-we-do .section-right ul li {
list-style: none;
margin-bottom: 40px;
width: auto;
float: left;
margin-right: 20px;
}
#what-we-do .section-right ul li span {
border: 1px solid #eee;
padding: 10px;
border-radius: 5px;
}
#social-faqs {
padding-top: 30px !important;
}
#social-faqs .h1 {
margin-bottom: 50px;
}
#social_services .h1 {
margin-bottom: 50px;
}
#soc-blogs .h1 {
padding-top: 100px;
}
.soc-clients-text {
margin-bottom: 100px;
}
#insta-benefits {
background: url(//market-forever.in/wp-content/themes/mf/images/insta-bg-2.jpg) no-repeat;
background-size: 100%;
}
.calculator-results {
margin-top: 50px;
margin-bottom: 50px;
text-align: center;
}
.pc-result, .pc-result p {
text-align: center;
font-size: 25px;
}
.pc-result p span {
padding: 30px 50px;
color: #335179;
text-transform: uppercase;
font-size: 30px;
font-weight: bold;
}
.comparison table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
border-bottom: 1px solid #CCC;
}
.comparison .qbse, .comparison .qbo, .comparison .tl {
color: #FFF;
padding: 10px;
font-size: 13px;
border-right: 1px solid #CCC;
border-bottom: 0;
}
.comparison .qbse {
background: #0078C1;
border-top-left-radius: 3px;
border-left: 0px;
}
.comparison .qbo {
background: #009E2C;
border-top-right-radius: 3px;
border-right: 0px;
}
.comparison .compare-row {
background: #F5F5F5;
}
.comparison td, .comparison th {
border-right: 1px solid #CCC;
empty-cells: show;
padding: 10px;
}
.comparison .price-info {
padding: 5px 15px 15px 15px;
}
.comparison th {
font-weight: normal;
padding: 0;
border-bottom: 1px solid #CCC;
}
.compare-heading {
font-size: 18px;
font-weight: bold !important;
border-bottom: 0 !important;
padding-top: 10px !important;
}
.seo-packages-wrap .pack-content {
border: 2px solid #eee;
border-radius: 10px;
margin-top: 50px;
text-align: center;   
}
.pack-item .pack-hd h3, h1 {
width: 100%;
}
.pack-item .pack-hd {
border-bottom: 2px solid #eee;
padding-bottom: 30px;
}
.pack-item .pack-hd h1 span {
color: red;
font-style: italic;
}
.pack-item .pack-hd h3 {
background: #335179;
color: #fff;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
padding-top: 10px;
padding-bottom: 10px;
text-transform: uppercase;
}
.pack-item table 
{
border-collapse: collapse;
width: 100%;
}
.pack-item th, td 
{
text-align: left;
padding: 10px;
}
.pack-item tr:nth-child(even) 
{
background-color: #eee;
}
.old-rate span{
text-decoration: line-through;
}
.seo-all-packages {
display: none;
}
.pack-results .btn-view-pack {
background: #335179;
color: #fff;
padding: 5px 20px;
border: navajowhite;
border-radius: 10px;
margin-bottom: 30px;
}
#calculator-form label {
text-align: right;
padding-top: 20px;
font-weight: 800;
}
#calculator-form input[type="submit"] {
margin-left: 0 !important;
height: 100%;
}
#calculator-form input[type="text"] {
border: 1px solid #335179 !important;
}
.c-btn {
margin: 35px 20px;
}
.c-btn a {
background: red;
color: #fff !important;
padding: 20px;
font-size: 23px;
border-radius: 10px;
}
#seoContact .wpcf7-form-control-wrap {
margin: 0 0 10px !important;
}
#seoContact .wpcf7-list-item-label {
display: inline-block;
}
.pack-details td i {
padding: 0 20px;
color: #0a8ff4;
}
@media (max-width:768px) {
#about {
display:none !important;
}
.single p strong {
display: inline !important;
}
}
@media (max-width:580px) {
#about {
display:none !important;
}
.single p strong {
display: inline !important;
}
}
@media (max-width:480px) {
#about {
display:none !important;
}
.single p strong {
display: inline !important;
}
}
@media (max-width:320px) {
#about {
display:none !important;
}
.single p strong {
display: inline !important;
}
}
//Added for Voice Search
.octf-search, .octf-cta-header {
position: relative;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
}
.octf-search .toggle-search {
cursor: pointer;
}
.octf-btn-cta .octf-cta-icons i {
color: #1b1d21;
text-align: center;
display: inline-block;
vertical-align: middle;
min-width: 22px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.flaticon-search:before {
content: "\f101";
}
.octf-btn-cta .h-search-form-field {
display: none;
position: absolute;
z-index: 99;
top: -webkit-calc(100% + 1px);
top: expression(100% + 1px);
top: -moz-calc(100% + 1px);
top: -o-calc(100% + 1px);
top: calc(100% + 1px);
right: -30px;
width: 330px;
}
.octf-btn-cta .h-search-form-field .h-search-form-inner {
padding: 30px;
background-color: #fff;
box-shadow: 15px 15px 34px 0px rgb(0 0 0 / 10%);
-webkit-box-shadow: 15px 15px 34px 0px rgb(0 0 0 / 10%);
-moz-box-shadow: 15px 15px 34px 0px rgba(0, 0, 0, 0.1);
}
#search-form fieldset{
position: relative;
border:none;
}
#search-form input[type="text"]{
padding: 10px;
width: 100%;
}
#voice-trigger{
position: absolute;
right: 0;
top: 9px;
color: #335179;
}
span#voice-trigger {
float: right;
}
#voice-trigger svg{
fill: #335179;
}
#voice-trigger.active svg{
-webkit-animation: pulsate 2s ease-out;
-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes pulsate {
0% {
-webkit-transform: scale(1.0, 1.0); fill: 1.0;
}
50% {
-webkit-transform: scale(1.0,1.0); opacity: 0.5;
}
100% {
-webkit-transform: scale(1.0, 1.0); opacity: 1.0;
}
}
input#search-input {
width: 92%;
}