@font-face {
font-family: Effra-Bold;
src: url(//wordpressjunkies.eu/wp-content/themes/i-genesys-2022/fonts/effra_bold-webfont.woff2) format("woff2"),
url(//wordpressjunkies.eu/wp-content/themes/i-genesys-2022/fonts/effra_bold-webfont.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: CircularAir;
src: url(//wordpressjunkies.eu/wp-content/themes/i-genesys-2022/fonts/CircularAir-Light.woff2) format("woff2"),
url(//wordpressjunkies.eu/wp-content/themes/i-genesys-2022/fonts/CircularAir-Light.woff) format("woff");
font-style: normal;
font-weight: 200;
}
@font-face {
font-family: CircularAir;
src: url(//wordpressjunkies.eu/wp-content/themes/i-genesys-2022/fonts/CircularAir-Book.woff2) format("woff2"),
url(//wordpressjunkies.eu/wp-content/themes/i-genesys-2022/fonts/CircularAir-Book.woff) format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: CircularAir;
src: url(//wordpressjunkies.eu/wp-content/themes/i-genesys-2022/fonts/CircularAir-Bold.woff2) format("woff2"),
url(//wordpressjunkies.eu/wp-content/themes/i-genesys-2022/fonts/CircularAir-Bold.woff) format("woff");
font-style: normal;
font-weight: 600;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: none;
}
body,
.has-body-font-size{
font-size: 22px;
font-family: CircularAir;
font-weight: 200;
line-height: 1.5em;
margin: 0;
padding: 0;
}
a {
color: #000;
text-decoration: none;
transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
transition-duration: 0.5s;
}
img {
max-width: 100%;
display: inline-block;
vertical-align: top;
border: 0;
}
p {
line-height: 1.5em;
margin: 0 0 25px;
}
sup {
font-size: 0.6em;
}
.p-0 {
padding: 0 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
margin: 0 0 30px 0;
color: #000;
line-height: 1.1em;
font-family: CircularAir;
font-weight: 600;
}
h1,
.h1,
.has-heading-1-font-size {
font-size: 4.2vw;
}
h2,
.h2,
.has-heading-2-font-size {
font-size: 3vw;
line-height: 1em;
}
h3,
.h3,
.has-heading-3-font-size {
font-size: 24px;
}
h4,
.h4,
.has-heading-4-font-size {
font-size: 24px;
}
h5,
.h5,
.has-heading-5-font-size {
font-size: 20px;
}
h6,
.h6,
.has-heading-6-font-size {
font-size: 19px;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
ul:not([class]),
ol:not([class]) {
padding: 0 0 0 22px;
}
div.btn {
padding: 0;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
select,
input[type="url"],
.gform_wrapper .gform_body .gfield input[type="url"],
.gform_wrapper.gform_legacy_markup_wrapper
.gform_body
.gfield
input[type="url"],
.gform_wrapper .gform_body .gfield input[type="text"],
.gform_wrapper.gform_legacy_markup_wrapper
.gform_body
.gfield
input[type="text"],
.gform_wrapper .gform_body .gfield input[type="password"],
.gform_wrapper.gform_legacy_markup_wrapper
.gform_body
.gfield
input[type="password"],
.gform_wrapper .gform_body .gfield input[type="email"],
.gform_wrapper.gform_legacy_markup_wrapper
.gform_body
.gfield
input[type="email"],
.gform_wrapper .gform_body .gfield input[type="tel"],
.gform_wrapper.gform_legacy_markup_wrapper
.gform_body
.gfield
input[type="tel"],
.gform_wrapper .gform_body .gfield input[type="number"],
.gform_wrapper.gform_legacy_markup_wrapper
.gform_body
.gfield
input[type="number"],
.gform_wrapper .gform_body .gfield select,
.gform_wrapper.gform_legacy_markup_wrapper .gform_body .gfield select {
padding: 15px !important;
line-height: 1.5em !important;
width: 100% !important;
border: 1px solid #000000 !important;
min-height: unset !important;
font-size: 16px !important;
outline: none !important;
font-family: CircularAir;
}
.gform_wrapper .gform_body .gfield textarea {
width: 100%;
border: 1px solid #000000 !important;
padding: 15px !important;
}
.gradient-bg {
background: linear-gradient(to right, #632683 0, #970038 100%);
color: #fff;
}
select:focus {
outline: 1px solid #454545 !important;
}
.single-post .wp-block-rank-math-toc-block li a,
.single-post .blog-list-caps a:not(.btn a, .btn) {
text-decoration: underline;
}
.single-post .wp-block-rank-math-toc-block li a:hover,
.single-post .blog-list-caps a:hover:not(.btn a, .btn) {
color: #5c2b8a;
}
.btn,
.button-link > a,
.wp-block-button .wp-block-button__link,
.gform_wrapper form .gform_footer.top_label .gform_button.button,
.form-submit input,
input[type="submit"],
button[type="submit"], button[type="button"], .wc-block-components-button, .woocommerce a.button, .woocommerce button.button{
display: inline-block;
line-height: 1.32em !important;
padding: 13px 30px;
border: 0;
border-radius: 8px;
font-weight: 700;
background-image: linear-gradient(
to left bottom,
#5c2b8a,
#7f1371,
#910055,
#970038,
#931d1d
);
color: #fff;
cursor: pointer;
text-decoration: none !important;
font-size: 18px;
min-height: unset !important;
}
.sm-btn {
padding: 8px 20px !important;
}
.wp-block-buttons .wp-block-button .wp-block-button__link {
line-height: 1.3em !important;
padding: 10px 30px 12px !important;
}
.btn.btn-border,
.is-style-outline .wp-block-button__link {
background: 0 0;
border-color: #000;
background-image: linear-gradient(
to left bottom,
#5c2b8a,
#7f1371,
#910055,
#970038,
#931d1d
);
border: 1px solid !important;
}
.btn.btn-arrow::after,
.is-style-outline .wp-block-button__link:after {
content: "";
display: inline-block;
width: 32px;
height: 19px;
background: url(//wordpressjunkies.eu/wp-content/themes/i-genesys-2022/images/button_arrow_white.svg) no-repeat center center;
vertical-align: middle;
margin-left: 10px;
position: relative;
left: 0;
transition: all 0.5s;
}
.btn.btn-arrow:hover:after,
.is-style-outline .wp-block-button__link:hover:after {
left: 5px;
}
.btn.btn-arrow:hover::after,
.is-style-outline .wp-block-button__link:hover:after {
background-image: url(//wordpressjunkies.eu/wp-content/themes/i-genesys-2022/images/button_arrow_white.svg);
}
.btn.btn-border:hover,
.btn:hover,
.contact-form-sec
.small-container
.gform_wrapper
form.gform_footer.top_label
.gform_button.button:hover,
.contact-form-sec
.small-container
.gform_wrapper
form
.gform_footer.top_label
.gform_button.button:hover,
.form-submit input:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,button[type="button"]:hover, .wc-block-components-button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover{
color: #fff;
background-image: linear-gradient(
to right bottom,
#5c2b8a,
#7f1371,
#910055,
#970038,
#931d1d
);
}
.white-btn {
background: #fff;
color: #95023c;
}
.white-btn:hover {
background: #fff;
color: #632683;
}
.has-purple-to-pink-gradient-background {
background-image: linear-gradient(
to left bottom,
#5c2b8a,
#7f1371,
#910055,
#970038,
#931d1d
);
}
.wp-block-button__link.has-purple-to-pink-gradient-background:hover {
background-image: linear-gradient(
to right bottom,
#5c2b8a,
#7f1371,
#910055,
#970038,
#931d1d
);
}
.pageLoader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 999;
}
.page-id-12.fp-viewing-10 header,
.home.fp-viewing-0 header,
.page-id-8.fp-viewing-0 header,
.workmain.fp-viewing-0 header {
background: 0 0;
}
.page-id-12.fp-viewing-10 header,
.home header,
.page-id-8 header,
.workmain header,
.page-id-243 header {
background: #fff;
}
header.sticky {
background: #fff;
}
header {
width: 100%;
padding: 0;
position: fixed;
z-index: 9999;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
background: #fff;
}
a.btn.offer-btn.we-are-hiring-btn {
top: 0;
bottom: auto;
transform: none;
border-radius: 0 0 8px 8px;
right: 16%;
}
.header-lh {
display: flex;
align-items: center;
}
.header-lh .btn {
font-size: 14px;
line-height: 40px;
margin-right: 15px;
text-transform: uppercase;
padding: 0 15px;
}
.button-link,
.mobile-menu,
.show-mobile-menu {
display: none;
}
.container,
.alignwide {
max-width: 86vw;
padding: 0 20px;
margin: 0 auto;
width: 100%;
position: relative;
z-index: 2;
}
.container-980 {
width: 980px;
}
.container .alignwide {
width: 100%;
max-width: 100%;
padding: 0;
}
header .container {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 100vw;
padding: 0;
}
.offer-btn {
position: fixed;
right: -60px;
top: 50%;
z-index: 99;
transform: rotate(-90deg);
text-transform: uppercase;
width: 170px;
text-align: center;
border-radius: 8px 8px 0 0;
font-size: 16px;
line-height: 50px;
padding: 0 20px;
}
.offer-btn:hover {
background-image: linear-gradient(
to right bottom,
#5c2b8a,
#7f1371,
#910055,
#970038,
#931d1d
);
}
.pagehead {
width: 100%;
height: 100vh;
min-height: 600px;
}
.pagehead-content {
width: 70%;
}
.pagehead .btn {
transition: all 0.4s;
transition-delay: 0.2s;
opacity: 0;
}
.pagehead.pagehead_show .btn {
opacity: 1;
}
.pagehead .pagehead-animate {
margin-bottom: 30px;
}
.pagehead h1 {
line-height: 1.1em;
font-family: CircularAir;
letter-spacing: -2px;
font-weight: 200;  
}
.hidden-label {
opacity: 0;
visibility: hidden;
}
.hidden-label + span {
position: absolute;
left: 0;
white-space: nowrap;
}
.pagehead h1 span {
color: #7f1371;
font-weight: 600;
background: linear-gradient(to right, #632683 0, #970038 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.pagehead .container {
display: flex;
align-items: center;
height: 100%;
}
.pagehead .line1 {
transform: matrix(1, 0, 0, 1, 0, 10);
opacity: 0;
transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
}
.pagehead .line2 {
transform: matrix(1, 0, 0, 1, 0, 25);
opacity: 0;
transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
}
.pagehead .line3 {
transform: matrix(1, 0, 0, 1, 0, 50);
opacity: 0;
transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
}
.pagehead h1.black span {
color: #000 !important;
}
.pagehead-animate h1 {
transition: all 0.4s ease-in-out 0s;
opacity: 0;
transition-delay: 0.2s;
}
.pagehead_show .pagehead-animate h1 {
transform: matrix(1, 0, 0, 1, 0, 0);
opacity: 1;
}
.pagehead p span,.section-title p span,.two-col-icon-text-block > div p span{
font-weight: 600 !important;
background: linear-gradient(to right, #632683 0, #970038 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.menu-opened .logo svg path {
fill: #000 !important;
}
.menu-opened .hmbrgr span.line1,
.menu-opened .hmbrgr span.line2,
.menu-opened .hmbrgr span.line3 {
background: #000 !important;
}
.menu-opened .hmbrgr span {
color: #000;
}
.logo {
padding-left: 20px;
min-width: 172px;
}
.logo svg {
display: block;
}
.logo svg path {
transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
}
.logo {
transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
}
.menu-opened .sticky .logo {
opacity: 1;
}
.MenuDrop {
position: absolute;
left: 0;
top: 0;
width: 100%;
background: #fff;
display: none;
}
.MenuDrop .container {
display: flex;
flex-direction: column;
width: 100%;
}
.hemMenu a {
width: 20px;
display: flex;
flex-direction: column;
height: 15px;
position: relative;
}
.hmbrgr {
position: relative;
display: flex;
align-items: center;
cursor: pointer;
}
.hmbrgr > span {
margin-right: 10px;
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.15em;
}
.hmbrgr a span {
position: absolute;
left: 0;
width: 100%;
background: #fff;
display: inline-block;
}
.hmbrgr span.line1 {
height: 2px;
border-radius: 0;
background-color: #000;
transition-duration: 0.2s;
top: 0;
}
.hmbrgr span.line2 {
height: 2px;
border-radius: 0;
background-color: #000;
transition-duration: 0.2s;
top: 6px;
}
.hmbrgr:hover span.line2 {
width: 170%;
left: -7px;
}
.hmbrgr span.line3 {
height: 2px;
border-radius: 0;
background-color: #000;
transition-duration: 0.2s;
top: 12px;
}
.hmbrgr.expand span.line1 {
top: 6px;
}
.hmbrgr.expand span.line2 {
zoom: 1;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.hmbrgr.expand span.line3 {
top: 6px;
}
.hmbrgr.expand.rotate span.line1 {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.hmbrgr.expand.rotate span.line3 {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.MainMenu {
position: fixed;
left: 0;
background: #fff;
width: 100%;
top: 0;
height: 100%;
display: flex;
align-items: center;
z-index: 999;
}
.MainMenu:after {
content: "";
width: 50%;
height: 100%;
position: absolute;
background: #f1f1f1;
right: 0;
}
.MainMenu .container {
display: flex;
justify-content: space-between;
position: relative;
z-index: 99;
align-items: center;
}
.Menu_iconCol svg {
width: 600px;
height: 600px;
}
.MainMenu nav {
width: 37vw;
}
header nav ul {
padding: 0;
margin: 0;
}
header nav ul li {
overflow: hidden;
padding: 0 0 0;
list-style-type: none;
-webkit-transform: translateX(40px);
-moz-transform: translateX(40px);
-ms-transform: translateX(40px);
-o-transform: translateX(40px);
transform: translateX(40px);
opacity: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
header nav ul li a {
font-weight: 600;
font-size: 3vw;
line-height: 1.7em;
position: relative;
padding: 0 5px;
display: inline-block;
line-height: 1.65em;
}
header nav ul li span {
padding-left: 0;
opacity: 0;
display: inline-block;
transform: matrix(0, 0, 0, 0, 0, 0);
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
font-size: 15px;
line-height: 1.3em;
position: relative;
bottom: 2em;
}
header nav ul li:hover span {
opacity: 1;
transform: matrix(1, 0, 0, 1, 20, 4);
}
header nav ul li a {
position: relative;
background-image: linear-gradient(to bottom, #cce9ff 0, #cce9ff 50%);
background-position: 0 100%;
background-repeat: repeat-x;
background-size: 40% 15%;
transition: background 0.1s ease-out;
padding-bottom: 4px !important;
}
header nav ul li:hover a {
background-position: 0 46%;
background-size: 60% 60%;
}
.MainMenu.show nav ul li {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
display: flex;
align-items: flex-end;
}
.MainMenu.show nav ul li:nth-child(1) {
transition-delay: 0.15s;
}
.MainMenu.show nav ul li:nth-child(2) {
transition-delay: 0.3s;
}
.MainMenu.show nav ul li:nth-child(3) {
transition-delay: 0.45s;
}
.MainMenu.show nav ul li:nth-child(4) {
transition-delay: 0.6s;
}
.MainMenu.show nav ul li:nth-child(5) {
transition-delay: 0.75s;
}
.MainMenu.show nav ul li:nth-child(6) {
transition-delay: 0.9s;
}
.MainMenu.show nav ul li:nth-child(7) {
transition-delay: 1.05s;
}
.MainMenu {
opacity: 0;
visibility: hidden;
overflow: hidden;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
.MainMenu.show {
opacity: 1;
height: 100%;
visibility: visible;
}
.nav-contactInfo {
margin-right: 6vw;
}
.nav-contactInfo a {
position: relative;
}
.contact-caps-section {
padding-bottom: 100px;
}
.main-menu-nav .menu {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0;
margin: 0;
}
.main-menu-nav .menu li {
padding: 15px 20px;
margin: 0;
list-style: none;
line-height: normal;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
}
.main-menu-nav .menu li a:hover {
color: #000;
}
.main-menu-nav .menu li a {
position: relative;
padding: 2px 0;
}
.main-menu-nav .menu li.wpml-ls-item {
padding: 15px 8px;
position: relative;
}
.main-menu-nav .menu li.wpml-ls-item a{
padding: 2px 0;
}
.main-menu-nav .menu li.wpml-ls-item-en a:after{
content: "EN";
margin-left: 5px;
}
.main-menu-nav .menu li.wpml-ls-item-nl a:after{
content: "NL";
margin-left: 5px;
}
.main-menu-nav .menu li.wpml-ls-current-language a:before{
transform: scaleX(1);
}
.wpml-ls-menu-item .wpml-ls-flag{
width: auto;
height: auto;
} .main-menu-nav .menu li a::before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
z-index: -1;
background-color: #7f1371;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
-o-transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9),
-webkit-transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
}
.main-menu-nav .menu li a:hover::before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.main-menu-nav .menu > li.current-menu-item > a:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.mega-menu-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
opacity: 0;
visibility: hidden;
transition: all 0.3s;
}
.main-menu-nav .menu li.menu-item-has-children {
position: relative;
}
.sub-menu {
position: absolute;
top: 100%;
left: 20px;
padding: 15px 23px;
background: #fff;
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
min-width: 350px;
opacity: 0;
visibility: hidden;
transition: all 0.3s;
transform: translateY(-10px);
}
.menu-item-has-children .sub-menu li {
width: 100%;
margin: 15px 0;
padding: 0;
text-transform: none;
}
.menu-item-has-children .sub-menu li a::before {
z-index: 0;
}
.menu-item-has-children:hover .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
} .pum-theme-lightbox {
background-color: rgba(255, 255, 255, 0.7) !important;
}
.pum-theme-lightbox .pum-container {
width: 830px !important;
max-width: 90% !important;
border: 1px solid #9a5281 !important;
padding: 50px !important;
border-radius: 0 !important;
box-shadow: 0 71px 71px rgba(0, 0, 0, 0.2) !important;
}
.pum-theme-lightbox .pum-content h2 {
font-size: 47px;
margin: 0 0 10px;
}
.pum-theme-lightbox .pum-content p {
font-size: 20px;
}
.discount-form {
padding: 40px 0 0 0;
}
.discount-form form {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.discount-form form .gform_body {
width: calc(100% - 214px);
margin-right: 13px;
}
.discount-form .gform_wrapper form .gform_body input[type="email"] {
height: 76px;
border: 1px solid #76104f !important;
border-radius: 5px;
font-size: 20px !important;
}
.discount-form form .gform_footer {
margin: 0 !important;
padding: 0 !important;
position: relative;
}
.discount-form form .gform_footer input[type="submit"] {
margin: 0;
background: #7b0e5b;
border-radius: 5px;
font-family: CircularAir;
font-weight: 400;
padding: 26px 23px;
transition: all 0.3s;
}
.discount-form form .gform_footer input[type="submit"]:hover {
background: #951e72;
}
.discount-form form .gform_body .validation_message {
display: none;
}
.discount-form form .gform_footer .gform_ajax_spinner {
position: absolute;
right: -20px;
top: 29px;
} .contact-section {
width: 100%;
padding: 75px 0px;
}
.two-col-icon-text-section {
width: 100%;
padding: 70px 0px;
}
.two-col-icon-text-block {
margin: 0 -20px;
padding-top: 70px;
display: flex;
flex-wrap: wrap;
}
.two-col-icon-text-block-main{
padding: 120px 0 0 0;
}
.two-col-icon-text-block-main > h2{
font-size: 40px;
}
.two-col-icon-text-block > div {
padding: 0 20px;
padding-bottom: 30px;
}
.icon-text-img {
width: auto;
height: 50px;
margin-bottom: 24px;
}
.two-col-section {
width: 100%;
padding: 70px 0px 40px;
}
.two-col-section .section-title {
margin-bottom: 70px;
}
.two-col-section .row {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 -20px;
margin-bottom: 1.75em;
}
.two-col-section .row > div {
padding: 0 20px;
}
.two-col-left {
width: 100%;
padding: 20% 30px;
background-color: #fafafa;
text-align: center;
}
.two-col-left img {
width: 100%;
max-width: 380px;
height: 95px;
margin: 0 0 2em;
}
.two-col-right h3 {
color: #7f1371;
background: linear-gradient(to right, #632683 0, #970038 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.hr-separator {
border-bottom: none;
height: 1px;
background-color: #e5e5e5;
color: #e5e5e5;
border: 0;
}
@media only screen and (min-width: 768px) {
.menu-item-has-children.open .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
}
.mega-menu-has-children .sub-menu {
width: 100%;
min-width: 100%;
left: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 35px;
-webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
}
.mega-menu-has-children .sub-menu .menu {
display: inline-block;
width: auto;
columns: 3;
}
.mega-menu-has-children .sub-menu .menu li {
width: 100%;
margin: 0 0 20px 0;
padding: 0 5px;
font-weight: 400;
text-transform: none;
}
.mega-menu-has-children:hover .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.mega-menu-has-children .sub-menu .btn {
padding: 13px 30px;
margin-left: 70px;
}
.mega-menu-has-children .sub-menu .btn:before {
display: none;
}
.mega-menu-has-children .sub-menu .btn:hover {
color: #fff;
}
.menu_hover .mega-menu-overlay {
opacity: 1;
visibility: visible;
}
.arrow-link-btn a svg {
margin-left: 10px;
}
.arrow-link-btn a {
display: flex;
align-items: center;
padding: 15px 20px;
position: relative;
line-height: normal;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
}
.arrow-link-btn a::before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
background-color: #000;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
-o-transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9),
-webkit-transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
}
.arrow-link-btn a:hover,
.page-id-18 .arrow-link-btn a {
color: #fff !important;
text-decoration: none;
}
.arrow-link-btn a:hover::before,
.page-id-18 .arrow-link-btn a::before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.main-menu-nav .menu li svg,
.main-menu-nav .menu svg path {
transition: all 0.5s;
}
.arrow-link-btn a:hover svg path,
.page-id-18 .arrow-link-btn a svg path {
stroke: #fff;
}
.nav-contactInfo a:hover:after {
width: 100%;
}
.nav-contactInfo a:hover {
letter-spacing: 2px;
}
.copyRight {
font-size: 18px;
}
.menushape {
fill: none;
stroke: #000;
stroke-miterlimit: 1;
}
.menushape {
fill: none;
stroke: #000;
stroke-width: 0.2;
stroke-miterlimit: 10;
}
.show .menushape {
stroke-dasharray: 800;
stroke-dashoffset: 800;
animation: menushape 6s linear forwards;
}
.show .show-light {
fill: #f0d80e !important;
}
@keyframes menushape {
to {
stroke-dashoffset: 0;
}
}
.social_Share-Cl a {
position: relative;
display: inline-block;
width: 100%;
}
.social_Share-Cl a:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 100%;
background: #000;
transition: all 0.5s;
}
.social_Share-Cl a:hover:before {
top: 0;
}
.social_Share-Cl svg {
width: 24px;
height: 24px;
position: relative;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
.social_Share-Cl svg circle,
.social_Share-Cl svg path,
.social_Share-Cl svg rect {
fill: #8a8a8a;
}
.social_Share-Cl ul li:hover svg circle,
.social_Share-Cl ul li:hover svg path,
.social_Share-Cl ul li:hover svg rect {
fill: #fff;
}
.social_Share-Cl ul {
list-style-type: none;
padding: 0;
display: flex;
margin: 30px 0 0 0;
}
.social_Share-Cl ul li {
position: relative;
box-shadow: inset 0 0 0 1px #e0e0e0;
margin-right: 13px;
}
.social_Share-Cl ul li:hover {
box-shadow: inset 0 0 0 1px #7d7d7d;
}
.draw {
-webkit-transition: color 0.25s;
transition: color 0.25s;
position: relative;
width: 60px;
height: 60px;
display: block;
display: flex;
align-items: center;
justify-content: center;
}
.social_Share-Cl ul li:nth-child(1) {
transition: all 0.7s ease-in-out 1s;
-webkit-transition: all 0.7s ease-in-out 0s;
transform: matrix(1, 0, 0, 1, 0, 30);
opacity: 0;
}
.social_Share-Cl ul li:nth-child(2) {
transition: all 0.7s ease-in-out 1s;
-webkit-transition: all 0.7s ease-in-out 0s;
transform: matrix(1, 0, 0, 1, 0, 60);
opacity: 0;
}
.social_Share-Cl ul li:nth-child(3) {
transition: all 0.7s ease-in-out 1s;
-webkit-transition: all 0.7s ease-in-out 0s;
transform: matrix(1, 0, 0, 1, 0, 90);
opacity: 0;
}
.social_Share-Cl ul li:nth-child(4) {
transition: all 0.7s ease-in-out 1s;
-webkit-transition: all 0.7s ease-in-out 0s;
transform: matrix(1, 0, 0, 1, 0, 120);
opacity: 0;
}
.social_Share-Cl ul li:nth-child(5) {
transition: all 0.7s ease-in-out 1s;
-webkit-transition: all 0.7s ease-in-out 0s;
transform: matrix(1, 0, 0, 1, 0, 140);
opacity: 0;
}
.show .social_Share-Cl ul li {
transform: matrix(1, 0, 0, 1, 0, 0) !important;
opacity: 1 !important;
}
.menu_Animated-Logo {
fill: none;
stroke: #000;
stroke-width: 0.4;
stroke-miterlimit: 10;
position: absolute;
width: 100%;
text-align: center;
}
.show .menu_Animated-Logo {
stroke-dasharray: 800;
stroke-dashoffset: 800;
animation: menu_Animated 4s linear forwards;
z-index: 9;
}
.menu_Animated-Logo svg {
width: 133px;
height: 88vh;
}
@keyframes menu_Animated {
to {
stroke-dashoffset: 0;
}
}
.favoriteCl-Cell h4 {
font-size: 7vw;
margin-bottom: 0;
}
.favoriteCl-Cell h5 {
font-weight: 300;
font-size: 1.4vw;
font-family: CircularAir;
}
.favorite-cmsCl {
position: relative;
}
.favoriteCl-lt {
width: 100%;
}
.favoriteCl-Cell {
display: flex;
align-items: center;
height: 100vh;
justify-content: space-between;
flex-wrap: wrap;
align-content: center;
}
.favoriteCl-Cell .flex {
width: 100%;
text-align: center;
}
.favoriteCl-formCl {
text-align: left;
margin-top: 3vw;
max-width: 43vw;
width: 100%;
position: relative;
opacity: 0;
visibility: hidden;
height: 0;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
.favoriteCl-formCl.show_quiz {
height: 400px;
opacity: 1;
visibility: visible;
margin-top: 0;
}
.favoriteOver {
position: relative;
z-index: 9;
}
.giftIcon {
position: absolute;
bottom: 130px;
width: 100%;
right: 0;
left: 0;
}
.giftIcon svg {
width: 172vw;
margin-left: -15vw;
}
.score {
position: absolute;
right: 0;
font-size: 3vw;
color: #fff;
line-height: 1em;
right: 10.5vw;
top: 14vw;
opacity: 0;
}
.blink {
animation-name: blinker;
animation-duration: 0.8s;
animation-timing-function: linear;
animation-iteration-count: 1;
opacity: 0;
}
@keyframes blinker {
0% {
opacity: 0;
transform: scale(0.5);
}
50% {
opacity: 0.6;
transform: scale(2);
}
100% {
opacity: 0.2;
transform: scale(3);
}
}
.active .gift {
stroke-dasharray: 800;
stroke-dashoffset: 900;
animation: gift 6s linear forwards;
}
.gift {
fill: none;
stroke: #fff;
stroke-width: 0.3;
stroke-miterlimit: 10;
}
.gift svg {
width: 100vw;
}
.active .question {
stroke-dasharray: 500;
stroke-dashoffset: 600;
animation: gift 3s linear forwards;
}
.question {
fill: none;
stroke: #fff;
stroke-width: 0.9;
stroke-miterlimit: 10;
}
@keyframes gift {
to {
stroke-dashoffset: 0;
}
}
.get_quiz {
width: 100%;
}
.answersCl {
display: flex;
flex-direction: column;
display: flex;
align-items: flex-start;
margin-bottom: 12px;
}
.answersCl span {
line-height: 1em;
position: relative;
}
.answersCl span a {
cursor: pointer;
font-size: 62px;
line-height: 1em;
position: relative;
transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
display: inline-block;
color: #fff;
font-family: CircularAir;
font-weight: 600;
}
.answersCl span a:hover:before,
.answersCl span.selected a:before {
opacity: 1;
}
.answersCl span svg {
width: 25px;
height: 25px;
position: absolute;
left: -39px;
top: 34%;
}
.round {
opacity: 0;
fill: none;
stroke: #fff;
stroke-width: 1;
stroke-miterlimit: 10;
}
.answersCl span.selected svg .round {
opacity: 1;
stroke-dasharray: 400;
stroke-dashoffset: 500;
animation: round 1s linear forwards;
}
@keyframes round {
to {
stroke-dashoffset: 0;
}
}
.answersCl span.selected a:before {
opacity: 1;
}
.answersCl span:nth-child(1) a:before {
background: #e23737;
}
.answersCl span:nth-child(2) a:before {
background: #e29f37;
}
.answersCl span:nth-child(3) a:before {
background: #3791e2;
}
.answersCl span:nth-child(4) a:before {
background: #d937e2;
}
.favoriteCl-lt {
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
.hide_quiz_text .favoriteCl-lt {
height: 0;
overflow: hidden;
visibility: hidden;
}
.hide_quiz_text .get_quiz {
height: 0;
overflow: hidden;
visibility: hidden;
}
.favorite-cmsCl {
background-image: linear-gradient(
to left bottom,
#5c2b8a,
#7f1371,
#910055,
#970038,
#931d1d
);
overflow: hidden;
}
.favoriteCl-Cell h4,
.favoriteCl-Cell h5,
.favoriteOver .animated-arrow,
.nextBtn_cl a,
.qa_listing label {
color: #fff;
}
.favoriteOver .the-arrow.-left > .shaft {
background: #fff !important;
}
.qus-blok {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
opacity: 0;
transition: all 1s;
width: 100%;
}
.qus-blok.show-qus {
visibility: visible;
opacity: 1;
position: relative;
}
.agency.fp-viewing-1 .logo svg path {
fill: #fff;
}
.agency.fp-viewing-1 .hmbrgr span.line1,
.agency.fp-viewing-1 .hmbrgr span.line2,
.agency.fp-viewing-1 .hmbrgr span.line3 {
background: #fff;
}
.agency.fp-viewing-4 .logo svg path {
fill: #fff;
}
.agency.fp-viewing-4 .hmbrgr span.line1,
.agency.fp-viewing-4 .hmbrgr span.line2,
.agency.fp-viewing-4 .hmbrgr span.line3 {
background: #fff;
}
.workmain.fp-viewing-10 .logo svg path {
fill: #fff;
}
.workmain.fp-viewing-10 .hmbrgr span.line1,
.workmain.fp-viewing-10 .hmbrgr span.line2,
.workmain.fp-viewing-10 .hmbrgr span.line3 {
background: #fff;
}
.mobile_layers {
position: relative;
}
.mobile-label-ribbon {
position: absolute;
color: #fff;
font-weight: 700;
width: 100px;
left: -8px;
top: 20px;
padding: 13px 0 0 10px;
font-size: 15px;
}
.mobile-label-ribbon img {
position: absolute;
left: 0;
top: 0;
}
.mobile-label-ribbon span {
position: relative;
z-index: 1;
}
.mobile_work_img {
height: 0;
padding: 0 0 140%;
background-size: cover;
background-position: center;
}
.show_quiz {
display: block !important;
}
.qa_listing label {
font-size: 24px;
margin-bottom: 20px;
display: block;
width: 100%;
}
.question-AnswersCl_main {
position: relative;
}
.nextBtn_cl {
position: absolute;
bottom: 12px;
right: 0;
line-height: 1em;
}
.nextBtn_cl a {
display: flex;
align-items: center;
}
.nextBtn_cl svg {
width: 18px;
margin-left: 7px;
}
.nextBtn_cl svg path {
fill: #fff !important;
}
.nextBtn_cl a:hover {
letter-spacing: 4px;
}
.projectCl {
display: flex;
align-items: center;
padding: 0;
height: 100vh;
}
.Work_Listing {
display: flex;
}
.work_items-CL {
overflow: auto;
position: relative;
width: 78vw;
max-width: 100%;
height: 100vh;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.work_items-CL ul {
margin: 0;
padding: 0 3vw;
list-style: none;
overflow: hidden;
height: 100%;
}
.work_items-CL li {
float: left;
width: 600px;
padding: 0;
position: relative;
-webkit-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
}
.what-we-do-section {
padding: 70px 0;
}
.what-we-do-blocks-row {
display: flex;
margin: 0 5px;
flex-wrap: wrap;
}
.what-we-do-col-3 {
width: 33.33%;
padding: 5px;
text-align: center;
}
.what-we-do-block {
background: #fff;
border-radius: 5px;
padding: 40px 20px 30px;
height: 100%;
border: 1px dashed #c4c4c4;
}
.what-we-do-icon {
display: flex;
justify-content: center;
padding: 0 30px;
margin: 0 0 30px;
}
.what-we-do-icon span img {
max-height: 100px;
}
.what-we-do-caps h3 {
font-size: 32px;
font-weight: 300;
margin-bottom: 20px;
}
.what-we-do-section .smart_heading {
margin: 0 0 40px;
}
.services-row-section {
padding: 0;
}
.dark-gray-bg.services-row-section {
color: #fff;
background: #222;
}
.dark-gray-bg.services-row-section a {
color: #fff;
}
.services-sec-row {
padding: 0 0;
}
.services-sec-row:last-child .separator {
display: none;
}
.service-tr {
display: flex;
width: 100%;
text-align: center;
align-items: center;
}
.service-tr > div {
width: 33.33333%;
margin-bottom: 0;
}
.service-tr .icon img {
max-height: 200px;
}
.single-heading .service-tr > div {
width: 100%;
}
.single-heading .service-tr {
text-align: left;
}
.service-tr h3 {
font-size: 39px;
line-height: 1.1em;
margin: 0;
font-weight: 300;
}
.service-tr p {
margin-bottom: 20px;
}
.style-arrow-alt {
position: relative;
overflow: hidden;
display: inline-block;
vertical-align: middle;
width: 50px;
text-align: right;
padding-right: 2px;
color: #222;
font-size: 11px;
height: 22px;
}
.style-arrow-alt.white {
color: #fff;
font-size: 13px;
line-height: 1.7em;
letter-spacing: 0.5px;
width: 50px;
}
.style-arrow-alt .text {
display: inline-block;
position: absolute;
white-space: nowrap;
left: -100%;
backface-visibility: hidden;
transition: all 0.15s ease-out 0.1s;
color: #ce2525;
color: #f13838;
font-weight: 700;
line-height: 22px;
}
.style-arrow-alt.white .arrow {
width: 95%;
}
.style-arrow-alt .arrow {
right: 0;
transform: translateX(0);
text-align: right;
display: inline-block;
position: relative;
top: 0;
left: 0;
vertical-align: middle;
transition: transform 0.15s ease-out 0.28s, left 0.15s ease-out 0.13s;
width: 90%;
height: 100%;
vertical-align: top;
}
.style-arrow-alt .arrow > span {
position: absolute;
right: 0;
height: 0;
width: 4px;
border-bottom: 1px solid #222;
outline: transparent solid 1px;
}
.style-arrow-alt.white .arrow span {
border-color: #fff;
}
.style-arrow-alt .arrow > span:nth-child(1) {
top: calc(50% - 1px);
left: 0;
width: 100%;
}
.style-arrow-alt .arrow > span:nth-child(2) {
top: calc(50% - 2px);
transform: rotate(36deg);
}
.style-arrow-alt .arrow > span:nth-child(3) {
top: 50%;
transform: rotate(-36deg);
}
.services-sec-row .separator {
width: 100%;
max-width: 100%;
}
.separator {
display: block;
max-width: 300px;
margin: 25px auto;
height: 11px;
background-image: url(//wordpressjunkies.eu/wp-content/themes/i-genesys-2022/images/sep-dark.png);
}
.separator.white {
background-image: url(//wordpressjunkies.eu/wp-content/themes/i-genesys-2022/images/sep-white.png);
}
.style-arrow-alt:hover .text {
left: 100%;
transform: translateX(-100%);
transition: all 0.25s ease-out 0.15s;
}
.style-arrow-alt:hover .arrow {
transition: transform 0.3s ease-out 0.3s, left 0.3s ease-out;
left: 105%;
transform: translateX(0);
}
.remove-botom-padding {
padding-bottom: 0 !important;
}
.offer-popup-overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 100%;
background: rgba(0, 0, 0, 0.5);
transition: all 0.5s;
z-index: 999;
}
.offer-popup-inner {
position: relative;
padding: 0 0 0 20px;
max-width: 100%;
}
.offer-popup-show .offer-popup-overlay {
right: 0;
}
.offer-popup-show .offer-popup-main {
right: 0;
}
.offer-popup-show .offer-popup-main {
overflow: auto;
max-height: 100%;
padding: 50px 0 50px 50px;
max-width: 95%;
}
.offer-popup-main {
position: fixed;
right: -945px;
top: 0;
bottom: 0;
z-index: 999;
transition: all 0.5s;
}
.offer-popup-tab {
display: table;
height: 100%;
}
.offer-popup-cell {
display: table-cell;
vertical-align: middle;
height: 100%;
}
.offer-popup-block {
width: 100%;
max-width: 925px;
background: #fff;
padding: 90px 100px 100px;
}
.offer-popup-tit {
margin: 0 0 28px;
}
.offer-popup-tit h3 {
font-size: 40px;
font-weight: 700;
margin: 0 0 20px;
}
.offer-popup-tit p {
color: #252525;
margin: 0;
}
.offer-popup-listing h4 {
font-size: 18px;
font-weight: 700;
}
.offer-popup-listing ul {
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.offer-popup-listing li {
padding: 0 0 0 28px;
margin: 0 0 10px;
list-style: none;
width: 48%;
font-size: 16px;
line-height: normal;
position: relative;
}
.offer-popup-listing li:before {
content: "";
height: 16px;
width: 16px;
position: absolute;
background: url(//wordpressjunkies.eu/wp-content/themes/i-genesys-2022/images/li-tick.png) no-repeat center center;
left: 0;
top: 2px;
background-size: cover;
}
.book-btn {
display: inline-block;
line-height: 48px;
width: 180px;
text-align: center;
text-transform: uppercase;
color: #fff;
letter-spacing: 0.8px;
background: linear-gradient(to right, #632683 0, #970038 100%);
font-size: 16px;
font-weight: 400;
top: 0;
position: relative;
border-radius: 8px;
}
.book-btn:hover {
box-shadow: 0 7px 5px rgba(0, 0, 0, 0.2);
top: -4px;
}
.offer-popup-btn {
margin: 26px 0 0;
}
.offer-popup-divider {
position: absolute;
width: 20px;
top: 0;
bottom: 0;
left: 0;
background-image: linear-gradient(
to left bottom,
#5c2b8a,
#7f1371,
#910055,
#970038,
#931d1d
);
}
.offer-button {
position: absolute;
top: 0;
height: 15px;
width: 15px;
display: flex;
align-content: center;
justify-content: center;
top: 0;
bottom: 0;
margin: auto;
}
.offer-button span {
line-height: 58px;
width: 185px;
text-transform: uppercase;
color: #fff;
background-image: linear-gradient(
to left bottom,
#5c2b8a,
#7f1371,
#910055,
#970038,
#931d1d
);
border-radius: 10px 10px 0 0;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
font-weight: 700;
letter-spacing: 2px;
transform: rotate(270deg);
right: -29px;
margin-top: -21px;
cursor: pointer;
transition: all 0.5s;
}
.offer-button span:hover {
background-image: linear-gradient(
to right bottom,
#5c2b8a,
#7f1371,
#910055,
#970038,
#931d1d
);
}
.offer-popup-show .offer-button span {
font-size: 0;
line-height: 40px;
width: 40px;
right: 35px;
}
.offer-button span:after,
.offer-button span:before {
content: "";
position: absolute;
width: 2px;
height: 0;
background: #fff;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
transition: all 0.5s;
}
.offer-popup-show .offer-button span:after,
.offer-popup-show .offer-button span:before {
height: 70%;
}
.offer-popup-show .offer-button span:before {
transform: rotate(45deg);
}
.offer-popup-show .offer-button span:after {
transform: rotate(-45deg);
}
#nokey {
position: absolute;
width: 100%;
top: 0;
height: 100%;
}
.wp-maintenance-first-section .wd-block-m {
padding: 0;
}
.plugins-logos-parallax-section {
position: relative;
}
.plugins-logos-parallax-inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.plugins-logos-parallax-section img {
max-width: 8vw;
max-height: 8vw;
}
.plugins-logo-1 {
margin-right: 6vw;
}
.plugins-logo-2 {
margin-right: 6vw;
margin-top: 0;
}
.plugins-logo-3 {
margin-right: 6vw;
margin-top: 1vw;
}
.plugins-logo-4 {
margin-right: 6vw;
margin-top: 1.5vw;
}
.plugins-logo-5 {
margin-right: 6vw;
margin-top: 2vw;
}
.plugins-logo-6 {
margin-right: 0;
}
.plugins-logo-7 {
margin-right: 8vw;
margin-left: 5vw;
margin-top: 0;
}
.plugins-logo-8 {
margin-right: 11vw;
margin-top: 1vw;
}
.plugins-logo-9 {
margin-right: 6vw;
margin-top: 0;
}
.plugins-logo-10 {
margin-right: 12vw;
margin-top: 4vw;
}
.plugins-logo-11 {
margin-right: 0;
margin-top: 2vw;
}
.plugins-logo-12 {
margin-left: 3vw;
margin-right: 6vw;
}
.plugins-logo-13 {
margin-right: 6vw;
margin-left: 1vw;
}
.plugins-logo-14 {
margin-right: 6vw;
margin-top: 2vw;
}
.plugins-logo-15 {
margin-right: 6vw;
margin-top: 4vw;
}
.plugins-logo-16 {
margin-right: 6vw;
margin-top: 3vw;
}
.plugins-logo-17 {
margin-right: 6vw;
margin-top: 1vw;
}
.plugins-logo-18 {
margin-right: 0;
}
.plugins-logos-parallax-section {
min-height: 39.1vw;
margin-bottom: 100px;
}
.mac-img {
text-align: center;
padding: 80px 0;
}
.mac-img img {
max-width: 1024px;
width: 100%;
}
.btn a.wp-block-button__link {
background: none !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.nl_Col {
position: relative;
top: 0;
will-change: transform;
transform: matrix(1, 0, 0, 1, 0, 0);
width: 100%;
left: 0;
padding: 54px 3vw 0;
max-height: 100%;
}
.work_Thumb {
position: relative;
height: calc(100vh - 230px);
overflow: hidden;
background-size: cover;
background-position: top center;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
.work_Thumb img {
display: none;
}
.moved_bottomCl .work_Dec {
padding-top: 0;
padding-bottom: 1vw;
}
.spacer {
width: 70px;
display: inline-block;
}
.work_Dec {
padding-top: 1vw;
font-family: CircularAir;
font-weight: 200;
line-height: 1.1em;
display: inline-block;
width: 100%;
vertical-align: top;
}
.work_Name {
margin: 0 0 0.5vw;
width: 100%;
font-size: 50px;
line-height: normal;
float: left;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
opacity: 0 !important;
}
.mCSB_horizontal.mCSB_inside > .mCSB_container {
height: 100vh;
margin-bottom: 0;
}
.work .lines {
z-index: 0;
}
.work .lines .list {
opacity: 1;
}
.work .list {
background: #fff;
}
.workListing {
width: 100%;
}
.workListing .container {
display: flex;
align-items: center;
height: 100vh;
}
.bluebg {
background: #fdff5b;
}
.redbg {
background: #36e4cc;
}
.projectThumb {
position: absolute;
right: 0;
width: 64vw;
}
.site {
position: relative;
padding-left: 93px;
line-height: 1em;
}
.site:before {
content: "";
width: 78px;
background: #06b59e;
height: 15px;
position: absolute;
left: 0;
top: 5px;
}
.bluebg .site:before {
background: #d9da1f;
}
.site a:hover {
letter-spacing: 3px;
}
.mb_change_icon {
fill: #fff;
}
.mb_change {
transition: all 0.9s ease-in-out 0s;
-webkit-transition: all 0.9s ease-in-out 0s;
}
.laptop_change {
transition: all 0.9s ease-in-out 0s;
-webkit-transition: all 0.9s ease-in-out 0s;
}
.active .change-Device {
transform: translate(0, 0);
}
.change-Device {
text-transform: uppercase;
font-weight: 400;
letter-spacing: 2px;
width: 103px;
display: flex;
align-items: center;
justify-content: center;
padding: 16px 8px 8px 8px;
margin-right: 7px;
cursor: pointer;
transform: translate(0, 100px);
}
.change-Device.activeDevice:before {
border-top: 7px solid #fff;
border-left: 18px solid transparent;
border-right: 18px solid transparent;
content: "";
position: absolute;
top: 0;
}
.Device_Changer {
position: absolute;
right: 0;
bottom: 0;
display: flex;
align-items: flex-end;
justify-content: center;
padding: 7px 0;
z-index: 9;
}
.Device_Changer svg {
width: 43px;
transition: all 0.6s ease-in-out 0s;
height: 44px;
}
.change-Device {
background: #e44842;
}
.voice-project .change-Device.activeDevice {
background: #252525;
}
.voice-project .change-Device {
background: #3bc99f;
}
.the-arrow {
width: 64px;
transition: all 0.2s;
}
.the-arrow.-left {
position: absolute;
top: 50%;
left: 0;
}
.the-arrow.-left > .shaft {
width: 0;
background-color: #999;
}
.the-arrow > .shaft {
background-color: #999;
display: block;
height: 1px;
position: relative;
transition: all 0.2s;
transition-delay: 0;
will-change: transform;
}
.animated-arrow {
text-transform: uppercase;
padding: 0;
position: relative;
font-weight: 600;
display: block;
line-height: normal;
display: inline-block;
font-size: 0.8em;
vertical-align: top;
float: left;
}
.animated-arrow::before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
z-index: -1;
background-color: #7f1371;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
-o-transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9),
-webkit-transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
}
.animated-arrow:hover::before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
#fp-nav {
display: none;
}
.section {
width: 100%;
height: 100%;
position: relative;
}
.section.height-100vh {
height: 100vh;
min-height: 600px;
}
.center-Cell {
height: 100%;
}
.center-Cell .container {
height: 100%;
position: relative;
display: flex;
flex-wrap: wrap;
align-content: center;
align-items: center;
}
.agencyRl h1 {
margin-bottom: 0;
}
.agencyRl svg {
width: 3vw;
height: 4.8vw;
margin-bottom: -12px;
margin-left: -17px;
}
.agencyRl p {
max-width: 830px;
}
.agencyRl h3 {
font-size: 2vw;
margin-bottom: 4vw;
}
.agencyRl h2 {
margin-bottom: 10px;
}
.threeCl-Main {
width: 95%;
display: flex;
font-size: 30px;
font-weight: 400;
margin-top: 0;
position: absolute;
bottom: 0;
}
.agencyRl {
margin-bottom: 5vw;
}
.counter {
font-size: 5vw;
width: 100%;
line-height: normal;
display: inline-block;
font-weight: 700;
color: #fff;
font-family: Effra-Bold;
}
.brandLogo img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.co-name {
font-weight: 400;
font-size: 19px;
color: #fff;
text-transform: uppercase;
}
.animation1 {
transition: all 0.6s ease-in-out 0s;
-webkit-transition: all 0.6s ease-in-out 0s;
}
.animation2 {
transition: all 1.3s ease-in-out 0s;
-webkit-transition: all 1.3s ease-in-out 0s;
}
.animation3 {
transition: all 1.9s ease-in-out 0s;
-webkit-transition: all 1.9s ease-in-out 0s;
}
.threeCl {
line-height: 1.4em;
padding: 30px 49px;
margin-right: 34px;
background-image: linear-gradient(
to left bottom,
#5c2b8a,
#7f1371,
#910055,
#970038,
#931d1d
);
transform: translate(0, 530px);
}
.active .threeCl {
transform: translate(0, 0);
}
.darkside {
background-image: linear-gradient(
to left bottom,
#373638,
#2b2a2b,
#1f1e1f,
#131213,
#000
);
}
.fp-tableCell {
overflow: hidden;
width: 100%;
}
.brand-main {
width: 100%;
display: flex;
align-items: center;
height: 100%;
}
.brand-left {
padding-right: 1vw;
width: 30.5vw;
}
.brand-left h2 {
margin: 0 0 10px;
}
.brand-left h5 {
margin-bottom: 14px;
}
.brand-right {
display: flex;
flex-wrap: wrap;
width: 53.5vw;
}
.brandLogo {
width: 33.33%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
padding: 2vh 0;
}
.brandLogo:nth-child(3n + 1) {
justify-content: flex-start;
}
.brandLogo:nth-child(3n + 3) {
justify-content: flex-end;
}
.brandLogo img {
max-height: 130px;
max-width: 130px;
}
.headerspcer {
height: 144px;
}
.brands-values .container {
display: flex;
align-items: center;
height: 100%;
position: relative;
}
.topspace {
padding-top: 50px;
}
.writer-details {
font-size: 18px;
line-height: 1.8em;
}
.writer-details strong {
display: block;
}
.sectionhead {
position: absolute;
z-index: -1;
right: -350px;
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(-90deg);
bottom: 281px;
}
.sectionhead h3 {
color: #fff;
font-size: 26vw;
-webkit-text-stroke: 1px #6b6b6b;
font-weight: 900;
font-family: Arial;
font-size: 21vw;
line-height: 0.6em;
font-weight: 900;
margin-bottom: 0;
}
.active .st0 {
stroke-dasharray: 800;
stroke-dashoffset: 800;
animation: dash 6s linear forwards;
}
.st0 {
fill: none;
stroke: #000;
stroke-width: 0.1;
stroke-miterlimit: 10;
}
.active .question {
stroke-dasharray: 500;
stroke-dashoffset: 500;
animation: dash 3s linear forwards;
}
.question {
fill: none;
stroke: #000;
stroke-width: 0.9;
stroke-miterlimit: 10;
}
@keyframes dash {
to {
stroke-dashoffset: 0;
}
}
.auto-height-section {
height: auto;
}
.auto-height-section footer {
padding: 30px 0 100px;
}
#FooterMain {
display: flex;
}
footer {
width: 100%;
background: #1f1f1f;
background: -moz-linear-gradient(left, #1f1f1f 0, #292929 100%);
background: -webkit-gradient(
left top,
right top,
color-stop(0, #1f1f1f),
color-stop(100%, #292929)
);
background: -webkit-linear-gradient(left, #1f1f1f 0, #292929 100%);
background: -o-linear-gradient(left, #1f1f1f 0, #292929 100%);
background: -ms-linear-gradient(left, #1f1f1f 0, #292929 100%);
background: linear-gradient(to right, #1f1f1f 0, #292929 100%);
padding: 0;
color: #fff;
height: 100%;
display: flex;
align-items: center;
}
.add-label > label {
margin: 0 0 15px;
display: block;
}
.footer-address .col-auto > label {
margin: 0 0 13px;
display: block;
}
.add-label {
width: 33%;
padding-right: 15px;
}
.rajkot-add,
body span.flex-cl2 {
width: 33.45%;
padding-right: 15px;
}
.amd-add {
width: 33%;
}
.footer-address .col-auto {
display: block;
}
footer a,
footer label {
color: #fff;
}
.footer-menu .menu {
padding: 0;
display: flex;
flex-wrap: wrap;
}
.footer-menu .menu li {
display: inline-block;
width: 50%;
}
.footer-menu .menu li a {
background: none;
position: relative;
display: inline-block;
padding-bottom: 7px;
}
.footer-menu .menu li a:before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 2px;
bottom: 3px;
left: 0;
z-index: -1;
background-color: #fff;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
-o-transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9),
-webkit-transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
}
.footer-menu .menu li a:hover::before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.foot__info-cover {
display: flex;
align-items: center;
}
.fl-full {
width: 100%;
padding: 48px 0 28px;
}
footer label {
font-weight: 700;
margin: 0 0 5px 0;
font-size: 24px;
}
.flex-3col {
width: 100%;
display: flex;
}
.flex-3col span {
margin-right: 0;
display: block;
}
span.flex-cl1 {
max-width: 19vw;
width: 100%;
}
span.flex-cl2 {
max-width: 28vw;
width: 100%;
}
.foot-email {
width: 100%;
}
#FooterMain .lines,
.normalFoot .lines {
padding-bottom: 53px;
}
#FooterMain .list,
.normalFoot .list {
opacity: 0.2;
}
.foot-info a,
.foot_logo {
font-family: Effra-Bold;
font-size: 60px;
position: relative;
line-height: 1em;
}
.foot-info a:hover {
letter-spacing: 4px;
}
.flex-3col a {
position: relative;
background-image: linear-gradient(to right, #632683 0, #970038 100%);
background-position: 0 100%;
background-repeat: repeat-x;
background-size: 100% 15%;
transition: background 0.1s ease-out;
padding-bottom: 4px;
}
.flex-3col a:hover {
background-position: 0 50%;
background-size: 100% 60%;
}
.flex-3col a:hover:after {
width: 100%;
}
.foot-info p {
margin-bottom: 0;
}
.lines {
position: fixed;
width: 100%;
height: 100%;
top: 0;
display: flex;
justify-content: space-between;
padding: 0 5% 0 5%;
display: none;
}
.list {
top: 0;
background: #4e4e4e;
height: 100%;
width: 1px;
opacity: 0.1;
}
.normalFoot .foot_Copyright {
position: relative;
bottom: auto;
display: inline-block;
width: 100%;
}
.foot_Copyright {
position: absolute;
bottom: 0;
width: 100%;
padding: 0 3%;
left: 0;
}
.foot_C_W {
text-align: center;
padding: 15px 0;
font-size: 15px;
border-top: 1px solid rgba(78, 78, 78, 0.2);
margin-top: 70px;
color: #636363;
letter-spacing: 0.5px;
display: flex;
justify-content: center;
}
.foot_C_W p {
margin: 0;
line-height: normal;
}
.foot_C_W ul {
margin: 0;
display: flex;
list-style-type: none;
padding: 0;
}
.foot_C_W ul li {
padding: 0 0 0 13px;
line-height: normal;
}
.foot_C_W ul li a {
color: #636363;
}
.foot_C_W ul li a:hover {
color: #c5c5c5;
}
.home_Work {
background: #f1eedc;
}
.workmain .project h2 {
font-size: 3vw;
max-width: 670px;
line-height: 1em;
margin-left: -3px;
margin-bottom: 34px;
text-transform: uppercase;
letter-spacing: 4px;
}
#work .section {
overflow: hidden;
}
.maping-Image {
opacity: 0;
position: absolute;
transition: all 0.7s ease-in-out 0s;
-webkit-transition: all 0.7s ease-in-out 0s;
margin-top: -8px;
margin-left: -3px;
width: 647px;
}
.showmaping {
opacity: 1;
}
.project {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.project > .desktop_layers {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.viewBtn {
margin-top: 2vw;
}
.whiteSection {
background: #fff;
}
.divice_type {
position: absolute;
right: 0;
top: 0;
opacity: 0;
transition: 0.5s all ease-in-out 0s;
-webkit-transition: 0.5s all ease-in-out 0s;
margin: auto;
left: 0;
bottom: 0;
}
.showDevice {
opacity: 1;
z-index: 99;
}
.mobile_device {
transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out;
background: url(//wordpressjunkies.eu/wp-content/themes/i-genesys-2022/images/iphone.png) no-repeat center center;
width: 383px;
height: 755px;
background-size: 100% !important;
}
.mobile-status-bar {
width: 317px;
height: 44px;
position: absolute;
border-radius: 40px 40px 0 0;
top: 35px;
left: 32px;
z-index: 80;
background-position-y: -3px;
background-color: #fff;
background-image: url(//wordpressjunkies.eu/wp-content/themes/i-genesys-2022/images/iphoneX-portrait-bar-dark.png);
background-position: center center;
background-repeat: no-repeat;
}
.mobile_device .mCSB_inside > .mCSB_container {
margin-right: 0;
}
.iphoneX-notch {
background: url(//wordpressjunkies.eu/wp-content/themes/i-genesys-2022/images/iphoneX-portrait-notch.png) no-repeat;
height: 17px;
left: 121px;
position: absolute;
top: 35px;
width: 136px;
z-index: 81;
background-size: 100%;
}
.viewport {
top: 73px;
height: 647px;
width: 318px;
left: 32px;
overflow: hidden;
display: block;
position: absolute;
border-radius: 0 0 30px 30px;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand.mCSB_dragger.mCSB_dragger_onDrag_expanded.mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand.mCSB_draggerContainer:hover.mCSB_dragger.mCSB_dragger_bar {
width: 8px !important;
}
.laptop_device {
width: 893px;
height: 535px;
background-size: 100% !important;
position: relative;
background: url(//wordpressjunkies.eu/wp-content/themes/i-genesys-2022/images/macbook.png) no-repeat center center;
}
.laptop_device .viewport {
top: 42px;
height: 421px;
width: 672px;
left: 110px;
overflow: hidden;
display: block;
position: absolute;
border-radius: 0;
}
.laptop_device .mCSB_inside > .mCSB_container {
margin-right: 0;
}
.intro {
max-width: 650px;
margin-top: 2vw;
}
.intro p {
line-height: 1.5em;
}
.full_Image-col {
margin-top: -6vw;
}
.full_Image-col img {
width: 100%;
}
.full_Image-col .container {
position: relative;
}
.ServiceListing_Cl {
padding: 6vw 0 2vw 0;
width: 100%;
overflow: hidden;
}
.Service_listing {
justify-content: space-between;
position: relative;
padding: 0 43px 55px 43px;
position: relative;
margin-bottom: 20px;
width: 48%;
margin-right: 2%;
}
.Service_listing:before {
content: "";
width: 100%;
position: absolute;
right: -24vw;
top: 0;
height: 100%;
}
.Service_Name {
width: 100%;
position: relative;
padding-right: 1vw;
z-index: 9;
}
.Service_Name h2 {
font-size: 2vw;
}
.Service_Dec {
width: 100%;
position: relative;
padding-top: 7px;
position: relative;
overflow: hidden;
}
.overGif,
.overGif img {
width: 100%;
}
.overGif {
position: absolute;
top: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
height: 100%;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
z-index: 1;
}
.overGif img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center center;
}
.Service_Name:hover + div .overGif {
opacity: 1;
visibility: visible;
}
.Service_animatedCl {
width: 100%;
position: absolute;
display: flex;
align-items: center;
margin-top: -8vw;
}
.aos-animate .Service_animatedCl svg {
animation: dash 2s linear forwards;
width: 27vw;
margin-left: 5vw;
}
.Service_animatedCl svg {
fill: none;
stroke: #ccc;
stroke-width: 0.9;
stroke-miterlimit: 1;
stroke-dasharray: 1200;
stroke-dashoffset: 1400;
}
@keyframes dash {
to {
stroke-dashoffset: 0;
}
}
.Overlya_Title {
margin: 0;
font-size: 12vw;
font-weight: 600;
text-align: right;
line-height: 1em;
text-transform: uppercase;
color: #fff;
top: auto;
left: -1vw;
width: 100%;
text-align: center;
bottom: -3vw;
position: absolute;
}
.ServiceListing_Cl .container {
display: flex;
}
.Service-LabelCl {
width: 12vw;
}
.Service-LabelCl label {
text-align: center;
font-size: 20px;
text-transform: uppercase;
font-family: CircularAir;
background: #ffc94e;
font-weight: 200;
padding: 9px 21px;
z-index: 9;
position: relative;
transition: all 0.6s ease-in-out 0s;
-webkit-transition: all 0.6s ease-in-out 0s;
line-height: normal;
display: inline-block;
width: 100%;
}
.Service-RtCl {
width: 72vw;
display: flex;
flex-wrap: wrap;
}
.introText {
max-width: 80%;
position: relative;
margin-bottom: 2vw;
}
.introText p {
line-height: 1.5em;
}
.togetherCell {
width: 100%;
padding: 100px 0 100px 0;
position: relative;
display: block;
}
.togetherCell .container {
display: flex;
align-items: center;
justify-content: space-between;
}
.normalFoot {
padding: 3vw 0 0 0;
position: relative;
display: inline-block;
}
.togetherCell h4 {
max-width: 650px;
}
.together {
fill: #fff;
stroke: #000;
stroke-miterlimit: 10;
}
.together-Animation svg {
width: 97vw;
margin-left: 0;
height: 20vw;
}
.together {
animation: dash 2s linear forwards;
}
.together {
fill: #fff;
stroke: #ccc;
stroke-width: 0.9;
stroke-miterlimit: 1;
stroke-dasharray: 1200;
stroke-dashoffset: 1400;
}
@keyframes dash {
to {
stroke-dashoffset: 0;
}
}
.together-Animation {
position: absolute;
top: 45vw;
right: 0;
}
.together_layer-knockDoor h2 {
font-size: 5vw;
margin-bottom: 0;
}
.together_layer-knockDoor {
width: 45%;
padding-right: 2vw;
position: relative;
padding-left: 1vw;
}
.together_layer-RightCl {
width: 48%;
position: relative;
}
.together_layer-RightCl h4 {
margin: 0;
font-weight: 300;
font-size: 45px;
}
.together_layer-RightCl h4 span {
font-weight: 700;
}
.together_layer-RightCl h2 {
font-size: 3.3vw;
line-height: 0.9em;
margin: 26px 0 32px 0;
}
.contactinfo_Cell ul {
display: flex;
list-style-type: none;
padding: 0;
margin: 0;
}
.contactinfo_Cell ul li {
padding-left: 27px;
background-size: 17px;
margin-right: 31px;
}
.contactinfo_Cell ul li a:hover {
letter-spacing: 2px;
}
.call {
background: url(//wordpressjunkies.eu/wp-content/themes/i-genesys-2022/images/call.svg) center left no-repeat;
}
.mail {
background: url(//wordpressjunkies.eu/wp-content/themes/i-genesys-2022/images/mail.svg) center left no-repeat;
}
.contactEmail {
line-height: 1.1em;
font-family: CircularAir;
letter-spacing: -2px;
font-weight: 600;
font-size: 8vw;
}
section.pagehead.pagehead_show .container > .flex {
width: 100%;
}
.memberName {
position: absolute;
top: -2vw;
letter-spacing: -6px;
font-size: 4vw;
font-family: Effra-Bold;
color: #0e39a7;
text-transform: uppercase;
}
.joinus .teamThumb {
position: relative;
display: flex;
align-items: flex-end;
justify-content: center;
}
.joinus.teamListing-Cl:before {
left: 0;
top: 0;
}
.joinus,
.joinus.teamListing-Cl:before {
width: 330px;
height: 360px;
}
.joinus {
cursor: pointer;
}
.joinus.teamListing-Cl:hover:before {
background: #ef6637;
}
.join {
color: #fff;
font-size: 372px;
font-family: Effra-Bold;
line-height: 0.7em;
}
.joinus .latterName {
font-size: 43px;
text-align: center;
width: 100%;
}
.contactEmail {
font-family: CircularAir;
font-weight: 600;
background-image: linear-gradient(
45deg,
#404040 25%,
#000 25%,
#000 50%,
#404040 50%,
#404040 75%,
#000 75%,
#000
);
background-size: 150px 150px;
animation: barberpole-body-case-hover 2.5s linear infinite;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-stroke-width: 0;
}
@keyframes barberpole-body-case-hover {
from {
background-position: 0 0;
}
to {
background-position: 300px 150px;
}
}
.contact_graphic {
width: 100%;
max-width: 63vw;
}
.contact-fixed {
position: absolute;
width: 100%;
top: 18vw;
}
.contact-fixed .small-container {
display: block;
}
.contact-fixed .col2 {
max-width: 32vw;
float: right;
width: 100%;
}
.mouse {
width: 26px;
height: 40px;
border-radius: 15px;
border: 2px solid #000;
position: absolute;
overflow: hidden;
margin-top: 40px;
bottom: 50px;
left: 0;
right: 0;
margin: 0 auto;
}
.mouse .roll {
position: absolute;
top: 8px;
left: 50%;
width: 4px;
margin-left: -2px;
height: 4px;
border-radius: 4px;
background: #000;
-webkit-animation: mouseScroll 0.8s cubic-bezier(0.7, 0, 0.3, 1)
infinitealternate;
animation: mouseScroll 0.8s cubic-bezier(0.7, 0, 0.3, 1) infinite alternate;
z-index: 2;
}
.mouse .rollshadow {
position: absolute;
top: 8px;
left: 50%;
width: 4px;
margin-left: -2px;
height: 4px;
background: #aaa;
border-radius: 4px;
-webkit-animation: mouseScroll 0.8s cubic-bezier(0.7, 0, 0.3, 1)
infinitealternate;
animation: mouseScroll 0.8s cubic-bezier(0.7, 0, 0.3, 1) infinite alternate;
animation-delay: 0s;
-webkit-animation-delay: 80ms;
animation-delay: 80ms;
z-index: 1;
}
@-webkit-keyframes mouseScroll {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(14px);
transform: translateY(14px);
}
}
@keyframes mouseScroll {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(14px);
transform: translateY(14px);
}
}
.col-3 {
width: 25%;
}
.col-4 {
width: 33.33%;
}
.col-6 {
width: 50%;
}
.col-8 {
width: 66.66%;
}
.col-9 {
width: 75%;
}
.col-12 {
width: 100%;
}
.wework_sec {
padding: 20px 0 50px 0;
position: relative;
z-index: 9;
display: inline-block;
width: 100%;
overflow: hidden;
vertical-align: top;
}
.whyChoose_sec {
position: relative;
padding: 4vw 0 0;
}
.whyChoose_sec::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 100px;
background-image: linear-gradient(
to left bottom,
#5c2b8a,
#7f1371,
#910055,
#970038,
#931d1d
);
}
.wework-top-label {
position: relative;
padding: 0 0 1vw;
margin: 0 0 2vw;
}
.wework-top-label::after {
content: "";
position: absolute;
height: 3px;
background-image: linear-gradient(
to left bottom,
#5c2b8a,
#7f1371,
#910055,
#970038,
#931d1d
);
left: 0;
bottom: 0;
transition: all 1s;
right: 100%;
}
.aos-animate .wework-top-label::after {
right: -20%;
}
.whyChoose_sec .two-col-tit-caps {
color: #fff;
}
.two-col-tit-block label {
margin-top: -4px;
display: block;
}
.two-col-tit-caps {
width: 100%;
margin: auto;
margin-bottom: 3vw;
}
.two-col-tit-caps .row {
align-items: inherit;
justify-content: inherit;
margin: 0 -15px;
}
.two-col-tit-caps .row > div {
padding: 0 15px;
}
.two-col-tit-block {
width: 30%;
}
.section-tit-subtit label,
.two-col-tit-block label,
.wework-top-label {
text-transform: uppercase;
letter-spacing: 0.15em;
font-weight: 700;
font-size: 14px;
}
.two-col-tit-block h2 {
color: #fff;
}
.two-col-caps-block {
width: 70%;
}
.wework-caps {
margin: 0 0 3vw;
}
.wework-caps-rh {
width: 70%;
}
.wework-country ul {
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
}
.wework-country li {
padding: 1vw 0;
margin: 0;
list-style: none;
width: 33.33%;
position: relative;
display: flex;
align-items: center;
}
.wework-country li:nth-child(3n + 3) {
border-right: 0;
}
.wework-country li label {
font-size: 17px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.15em;
background: linear-gradient(to right, #632683 0, #970038 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.wework-country img {
max-height: 70px;
max-width: 70px;
margin-right: 20px;
}
.services-blocks .col-3 {
padding: 0 15px;
}
.services-block {
background: #fff;
text-align: center;
height: 19.5vw;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 80px rgb(0 0 0 / 25%);
transition: all 0.5s;
padding: 15px;
}
.whyChoose_section {
color: #fff;
}
.WhyChooseCl h2 {
color: #fff;
}
.number_Box {
background: #fff;
}
.vectovMove {
position: absolute;
right: 0;
}
.WhyChoose {
width: 100%;
padding: 45px 0;
}
.WhyChooseCl {
display: flex;
align-items: center;
height: 100vh;
justify-content: space-between;
}
.WhyChoose_Text {
width: 70%;
position: relative;
height: 100vh;
display: flex;
align-items: center;
}
.WhyChoose_Text_lt {
width: 70%;
position: relative;
z-index: 9;
}
.rotater {
background-image: linear-gradient(
to left bottom,
#5c2b8a,
#7f1371,
#910055,
#970038,
#931d1d
);
height: 150vh;
margin-top: -10vw;
width: 82vw;
transform: skewX(11deg);
transform: rotate(11deg);
margin-left: -11vw;
position: relative;
overflow: hidden;
}
.white_separator {
width: 33.7vw;
top: -50px;
margin-right: -5vw;
height: 150vh;
right: 0;
position: absolute;
}
.white_separator:after {
content: "";
width: 0.4vw;
background: #fff;
height: 0;
position: absolute;
z-index: 99;
top: -30vh;
bottom: 0;
transition: all 0.5s ease-in-out 0.5s;
-webkit-transition: all 0.5s ease-in-out 0.5s;
transform: rotate(11deg);
left: -0.5vw;
margin: auto;
}
.active .white_separator:after {
height: 130vh;
}
.Numbers_rt {
background: linear-gradient(90deg, #701b76 0, #910055 100%);
height: 150vh;
margin-top: -10vw;
width: 33.7vw;
transform: rotate(11deg);
margin-right: -5vw;
position: absolute;
overflow: hidden;
top: 0;
right: 0;
}
.Numbers_rt:before {
content: "";
width: 6px;
background: #fff;
height: 0;
position: absolute;
left: -1px;
z-index: 99;
top: 0;
opacity: 0;
bottom: 0;
margin: auto;
transition: all 0.5s ease-in-out 0.5s;
-webkit-transition: all 0.5s ease-in-out 0.5s;
}
.active .Numbers_rt:before {
height: 130vh;
}
.box-ps1 {
position: relative;
right: -12vh;
top: -50px;
transform: translate(270px, 0);
transition: all 0.8s;
-webkit-transition: all 0.8s;
}
.active .box-ps1 {
transform: translate(0, 0);
transition-delay: 0.9s;
}
.box-ps3 {
position: relative;
left: -29px;
top: 132px;
transform: translate(-270px, 0);
transition: all 0.8s;
-webkit-transition: all 0.8s;
}
.active .box-ps3 {
transform: translate(0, 0);
transition-delay: 1.4s;
}
.box-ps2 {
position: relative;
right: -4vh;
top: -98px;
transform: translate(290px, 0);
transition: all 0.8s;
-webkit-transition: all 0.8s;
}
.active .box-ps2 {
transform: translate(0, 0);
transition-delay: 1.7s;
}
.box-ps4 {
position: relative;
left: -10vh;
top: 85px;
transform: translate(-270px, 0);
transition: all 0.8s;
-webkit-transition: all 0.8s;
}
.active .box-ps4 {
transform: translate(0, 0);
transition-delay: 2s;
}
.rotater_back {
transform: rotate(-11deg);
height: 100vh;
position: relative;
margin-top: 10vw;
}
.Numbers_rt_back {
transform: rotate(-11deg);
text-align: right;
height: 100vh;
position: relative;
margin-top: 10vw;
}
.rtFix {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 0;
width: 14vw;
display: flex;
justify-content: space-evenly;
justify-items: center;
flex-direction: column;
}
.Numbers_rt_back .rtFix {
width: 100%;
}
.WhyChoose_Numbers:before {
content: "";
position: absolute;
width: 34vw;
background: #8e0156;
right: 0;
transform: rotate(15deg);
z-index: 1;
top: -30%;
bottom: -30%;
}
.WhyChoose_Numbers:after {
content: "";
position: absolute;
width: 34vw;
background: #8e0156;
right: 0;
transform: rotate(15deg);
z-index: 3;
top: -30%;
bottom: -30%;
}
.WhyChoose_Numbers {
color: #000;
height: 100%;
width: 31%;
padding-top: 7vw;
position: relative;
z-index: 99;
}
.number_Box {
background: #fff;
padding: 27px 27px;
margin-bottom: 8px;
box-shadow: 1px 1px 32px #2b2b2b99;
width: 11vw;
color: #000;
}
.number_Box h3 {
margin-bottom: 0;
}
.why_Flex {
position: absolute;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
z-index: 9;
width: 100%;
}
.why_textCl {
max-width: 50%;
transform: translate(0, 100px);
transition: all 0.8s;
-webkit-transition: all 0.8s;
opacity: 0;
}
.active .why_textCl {
transform: translate(0, 0);
transition-delay: 0.7s;
opacity: 1;
}
.why_textCl h2 {
color: #fff;
margin-bottom: 53px;
}
.About-Flex {
display: flex;
align-items: center;
height: 100vh;
justify-content: space-between;
}
.Aboutext_Lt {
max-width: 710px;
width: 100%;
}
.About-Grid {
max-width: 1212px;
width: 100%;
position: absolute;
right: 6px;
height: 720px;
margin-top: -3vw;
}
.gridCl {
position: absolute;
background-size: cover;
background-repeat: no-repeat;
background-color: #ffed00;
transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
}
.grid1 {
width: 12.4%;
height: 0;
background: #632683;
bottom: 29.9%;
left: 30%;
}
.grid2 {
width: 27.9%;
height: 0;
overflow: hidden;
bottom: 29.9%;
left: 43.3%;
}
.grid3 {
width: 12.4%;
height: 0;
background: #7f1371;
bottom: 74.3%;
left: 72.2%;
}
.grid4 {
width: 5%;
height: 0;
background: #910055;
bottom: 0;
left: 0;
}
.grid5 {
width: 43%;
height: 0;
bottom: 0;
left: 6%;
}
.grid6 {
width: 21.2%;
height: 0;
background: #970038;
bottom: 0;
left: 50%;
}
.grid7 {
width: 27.7%;
height: 0;
bottom: 0;
right: 0;
}
.aos-animate .grid1 {
height: 20.9%;
transition-delay: 0.3s;
}
.aos-animate .grid2 {
height: 70%;
transition-delay: 0.4s;
}
.aos-animate .grid3 {
height: 20.9%;
transition-delay: 0.9s;
}
.aos-animate .grid4 {
height: 8.5%;
transition-delay: 1.1s;
}
.aos-animate .grid5 {
height: 28.2%;
transition-delay: 0.8s;
}
.aos-animate .grid6 {
height: 28.2%;
transition-delay: 1.3s;
}
.aos-animate .grid7 {
height: 72.3%;
transition-delay: 1.2s;
}
.MoreAbout {
padding: 100px 0;
}
.about_our_value {
padding: 100px 0;
}
.moving_Header {
position: absolute;
z-index: 9;
width: 100%;
bottom: 0;
top: 0;
margin: auto;
display: flex;
align-items: center;
}
.moving_Header h2 {
white-space: nowrap;
}
.MhCL.White_move {
position: relative;
top: auto;
}
.weWork h2 {
font-size: 100px;
}
.MhCL {
position: absolute;
top: auto;
}
.White_move h2 {
color: #fff;
}
.MhCL.Black_move {
overflow: hidden;
z-index: 9;
max-width: 957px;
width: 957px;
}
.moving_Flex {
position: relative;
max-width: 100%;
}
.flexCl {
height: 100vh;
display: flex;
align-items: center;
}
.grid_slide {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
}
.grid-slide1 {
animation: fade 14s infinite;
-webkit-animation: fade 14s infinite;
}
.grid-slide2 {
animation: fade2 14s infinite;
-webkit-animation: fade2 14s infinite;
}
.grid-slide3 {
animation: fade3 14s infinite;
-webkit-animation: fade3 14s infinite;
}
@keyframes fade {
0% {
opacity: 1;
}
33.333% {
opacity: 0;
}
66.666% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade2 {
0% {
opacity: 0;
}
33.333% {
opacity: 1;
}
66.666% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fade3 {
0% {
opacity: 0;
}
33.333% {
opacity: 0;
}
66.666% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.Countries-List {
display: flex;
width: 100%;
align-items: flex-end;
}
.CenterCell {
width: 100%;
}
.colorBoxes:nth-child(1) {
background: #632683;
transform: translate(0, 40px);
}
.colorBoxes:nth-child(2) {
background: #7f1371;
transform: translate(0, 60px);
}
.colorBoxes:nth-child(3) {
background: #910055;
transform: translate(0, 80px);
}
.colorBoxes:nth-child(4) {
background: #970038;
transform: translate(0, 100px);
}
.colorBoxes:nth-child(5) {
background: #632683;
transform: translate(0, 120px);
}
.colorBoxes:nth-child(6) {
background: #7f1371;
transform: translate(0, 140px);
}
.colorBoxes:nth-child(7) {
background: #910055;
transform: translate(0, 160px);
}
.colorBoxes:nth-child(8) {
background: #970038;
transform: translate(0, 180px);
}
.colorBoxes:nth-child(9) {
background: #632683;
transform: translate(0, 200px);
}
.manyMore:nth-child(8) {
transform: translate(0, 180px);
}
.active .colorBoxes:nth-child(1) {
transition-delay: 0.5s;
}
.active .colorBoxes:nth-child(2) {
transition-delay: 0.8s;
}
.active .colorBoxes:nth-child(3) {
transition-delay: 1s;
}
.active .colorBoxes:nth-child(4) {
transition-delay: 1.3s;
}
.active .colorBoxes:nth-child(5) {
transition-delay: 1.6s;
}
.active .colorBoxes:nth-child(6) {
transition-delay: 1.9s;
}
.active .colorBoxes:nth-child(7) {
transition-delay: 2.2s;
}
.active .colorBoxes:nth-child(8) {
transition-delay: 2.5s;
}
.active .colorBoxes:nth-child(9) {
transition-delay: 2.8s;
}
.active .manyMore:nth-child(8) {
transition-delay: 2.8s;
}
.active .colorBoxes,
.active .manyMore {
opacity: 1;
transform: translate(0, 0);
}
.colorBoxes {
padding: 0;
background: #632683;
color: #fff;
margin-right: 20px;
width: 9vw;
height: 180px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
opacity: 0;
transition: all 0.6s;
}
.manyMore {
font-size: 18px;
opacity: 0;
transition: all 0.6s;
font-weight: 600;
}
.colorBoxes:hover .countries_image {
opacity: 1;
}
.countries_image {
opacity: 0;
transition: all 0.5s;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.weWork h2 {
margin-bottom: 60px;
}
.weWork .container {
position: relative;
}
.WordMap {
position: absolute;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-position: center center;
}
.weWorkCenter {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
width: 100vw;
}
.markFlex {
position: relative;
z-index: 99;
transform: translate(409px, -127px);
cursor: pointer;
}
.markFlex img {
transform: scale(0);
transition: all 0.6s 0s;
}
.active .markFlex img {
transform: scale(1);
transition-delay: 3.5s;
}
.markFlex span {
position: absolute;
font-size: 16px;
font-weight: 600;
width: 160px;
left: 44px;
top: 2px;
opacity: 0;
transform: translate(12px, 0);
transition: all 0.4s 0s;
}
.markFlex:hover span {
transform: translate(0, 0);
opacity: 1;
}
.MoreAbout .container {
position: relative;
}
.mobile-boxes {
display: none;
}
.answersCl label {
cursor: pointer;
font-size: 62px;
line-height: 1em;
position: relative;
transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
display: inline-block;
color: #fff;
font-family: CircularAir;
font-weight: 600;
color: #fff;
}
.answersCl input[type="radio"]:checked,
.answersCl input[type="radio"]:not(:checked) {
position: absolute;
left: 0;
width: 100%;
height: 100%;
margin: 0;
z-index: 99;
opacity: 0;
cursor: pointer;
}
.answersCl input[type="radio"]:checked + label,
.answersCl input[type="radio"]:not(:checked) + label {
position: relative;
padding-left: 50px;
display: inline-block;
margin: 0;
}
.answersCl input[type="radio"]:checked + label:before,
.answersCl input[type="radio"]:not(:checked) + label:before {
content: "";
position: absolute;
left: 0;
top: 23px;
width: 25px;
height: 25px;
border: 1px solid #fff;
border-radius: 100%;
background: 0 0;
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
opacity: 0.2;
}
.answersCl input[type="radio"]:checked + label:after,
.answersCl input[type="radio"]:not(:checked) + label:after {
content: "";
width: 15px;
height: 15px;
background: #fff;
position: absolute;
top: 29px;
left: 6px;
border-radius: 100%;
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.answersCl input[type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.answersCl input[type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.answersCl input[type="radio"]:checked + label:before {
opacity: 1;
}
.header-spacer {
height: 144px;
display: inline-block;
width: 100%;
}
.middle {
width: 100%;
padding: 60px 0;
}
.small-container {
max-width: 1270px;
margin: 0 auto;
position: relative;
z-index: 1;
}
.row {
display: flex;
flex-wrap: wrap;
}
.col2 {
width: 46%;
}
.col2 h1 {
font-size: 3vw;
}
.aligncenter {
text-align: center;
}
.repearer-section {
width: 100%;
margin-bottom: 0;
display: inline-block;
}
.our-services-sec {
font-size: 16px;
}
.our-services-sec label {
margin: -4px 0 1vw;
display: block;
line-height: normal;
}
.our-services-sec .container .row {
margin: 0 -15px;
}
.our-services-sec .container .row > div {
padding: 15px;
}
.about_our_value .our-services-sec .row > div {
padding: 15px;
}
.about_our_value .our-services-block {
flex-wrap: wrap;
flex-direction: column;
justify-content: unset;
align-items: flex-start;
}
.about_our_value .our-services-sec {
padding-bottom: 0;
}
.section-tit-subtit h2 {
margin: 0 0 1.6vw;
display: block;
}
.our-services-sec p {
line-height: 1.5em;
}
.our-services-block-icon {
padding-bottom: 20px;
}
.our-services-block-icon img {
width: 50px;
}
.our-services-block-caps p {
margin: 0;
line-height: 1.3em;
}
.our-services-block {
border: 1px solid #bfbfbf;
padding: 20px 20px 55px 20px;
height: 100%;
display: block;
position: relative;
transition: none;
}
.our-services-block .btn {
margin: 20px 0 0;
}
.our-services-block .arrow-link {
position: absolute;
bottom: 20px;
}
.our-services-block .our-services-block-tit h3 {
transition: none;
}
.box-hover-gradient:hover h3 {
color: #fff;
}
.box-hover-gradient:hover svg path {
fill: #fff;
}
.box-hover-gradient:hover img{
filter: brightness(0) invert(1);
}
.box-hover-gradient:hover {
background: linear-gradient(to right, #632683 0, #970038 100%);
color: #fff;
}
.box-hover-gradient:hover .arrow-link::after {
left: 5px;
background: url(//wordpressjunkies.eu/wp-content/themes/i-genesys-2022/images/button_arrow_white.svg) no-repeat center center;
}
.our-services-sec .container .row > div.col-9 {
padding-bottom: 0;
}
.additional-ser-block label a {
display: flex;
align-items: center;
border: 1px solid #bfbfbf;
padding: 8px 15px;
transition: none;
min-height: 68px;
}
.additional-ser-block svg, .additional-ser-block img {
max-width: 35px;
height: auto;
margin-right: 12px;
}
.additional-ser-block a:hover svg,
.additional-ser-block a:hover svg path {
fill: #ffffff;
}
.additional-ser-block a:hover img{
filter: brightness(0) invert(1);
}
.additional-ser-block label a:hover {
background-image: linear-gradient(
to left bottom,
#5c2b8a,
#7f1371,
#910055,
#970038,
#931d1d
);
border-color: transparent;
color: #fff;
}
.additional-ser-block span {
margin-right: 15px;
}
.additional-ser-block img {
display: block;
max-width: 30px;
max-height: 30px;
}
.additional-services,
.architecture-sec,
.full_Image-col,
.how-we-do-sec,
.our-services-sec,
.wp-maintenance-first-section,
.impact-sec {
padding-bottom: 160px;
}
.additional-services label {
font-weight: 700;
line-height: 1.2em;
}
.additional-services .row {
margin: 0 -15px;
}
.additional-services .row > div {
padding: 15px;
}
.additional-services .col-9,
.architecture-sec .col-9,
.how-we-do-sec .col-9,
.our-services-sec .col-9 {
width: 75%;
}
.tech-list-main {
display: flex;
flex-wrap: wrap;
}
.tech-list-main span img {
display: block;
}
.tech-list-block {
display: flex;
align-items: center;
background: #f8f8f8;
padding: 10px 20px;
margin: 0 20px 20px 0;
}
.tech-list-block span {
margin-right: 15px;
display: flex;
align-items: center;
justify-content: center;
}
.tech-list-main span img {
display: block;
max-width: 40px;
max-height: 35px;
}
.tech-list-block label {
line-height: normal;
margin: 0;
font-weight: 700;
font-size: 16px;
}
.what-we-do-blocks-col-2,
.what-we-do-blocks-col-3 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.what-we-do-blocks-col-2 > .row,
.what-we-do-blocks-col-3 > .row {
height: 100%;
}
.architecture-sec .row,
.wp-maintenance-first-section .row {
margin-left: -15px;
margin-right: -15px;
}
.architecture-sec .row > div,
.wp-maintenance-first-section .row > div {
padding-left: 15px;
padding-right: 15px;
}
.architecture-list-m .col-4 {
margin-bottom: 30px;
}
.archi-Cl {
padding: 20px;
border: 1px solid #bfbfbf;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
position: relative;
}
.archi-Cl:hover .arrow-link::after {
left: 5px;
}
.archi-Cl .arrow-link {
margin-top: 20px;
}
.archi-title {
display: flex;
align-items: center;
align-items: flex-start;
}
.archi-title img,
.archi-title svg {
margin: 0 15px 0 0;
transition: all 0.5s;
}
.archi-title h3 {
margin: -0.1em 0 0;
width: calc(100% - 40px);
}
.archi-title label {
margin: 0;
padding-right: 10px;
font-size: 42px;
font-weight: 700;
}
.archi-caps {
padding: 30px 0 0 0;
}
.archi-caps p {
margin: 0;
font-size: 16px;
}
.archi-caps p a {
text-decoration: underline;
}
.engagement-models-sec {
padding: 160px 0;
}
.engage-models-main .row {
margin: 0 -15px;
}
.engage-models-main .row > div {
padding: 0 15px;
}
.engage-models-block {
border: 1px solid #bfbfbf;
padding: 30px 20px 85px 20px;
height: 100%;
background: #fff;
position: relative;
transition: all 0.5s;
}
.engage-models-block:hover {
border-color: transparent;
}
.engage-models-block:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
background: 0 0;
border: 1px solid transparent;
}
.engage-models-block:hover:before {
animation: animate 1s linear forwards;
}
@keyframes animate {
0% {
width: 0;
height: 0;
border-top-color: #000;
border-right-color: transparent;
border-left-color: transparent;
border-bottom-color: transparent;
}
50% {
width: 100%;
height: 0;
border-top-color: #000;
border-right-color: #000;
border-left-color: transparent;
border-bottom-color: transparent;
}
100% {
width: 100%;
height: 100%;
border-top-color: #000;
border-right-color: #000;
border-left-color: transparent;
border-bottom-color: transparent;
}
}
.engage-models-block:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
background: 0 0;
border: 1px solid transparent;
}
.engage-models-block:hover:after {
animation: animate2 1s linear forwards;
animation-delay: 1s;
}
@keyframes animate2 {
0% {
width: 0;
height: 0;
border-top-color: transparent;
border-right-color: transparent;
border-left-color: transparent;
border-bottom-color: #000;
}
50% {
width: 0;
height: 100%;
border-top-color: transparent;
border-right-color: transparent;
border-left-color: #000;
border-bottom-color: #000;
}
100% {
width: 100%;
height: 100%;
border-top-color: transparent;
border-right-color: transparent;
border-left-color: #000;
border-bottom-color: #000;
}
}
.engage-models-block h4 {
font-size: 30px;
}
.engage-models-thumb {
padding-bottom: 70%;
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
}
.engage-models-dis {
padding: 30px 0 0;
}
.engage-models-dis p {
min-height: 100px;
}
.engage-models-dis ul {
padding: 0;
margin: 0 0 30px;
list-style-type: none;
}
.engage-models-dis ul li {
position: relative;
padding: 0 0 0 25px;
font-weight: 400;
line-height: 1.8em;
}
.engage-models-dis ul li:before {
content: "+";
position: absolute;
left: 0;
top: 0;
font-weight: 200;
}
.engage-models-dis .btn {
position: absolute;
bottom: 30px;
}
.how-we-do-sec .row {
margin-left: -15px;
margin-right: -15px;
}
.how-we-do-sec .row > div {
padding-left: 15px;
padding-right: 15px;
}
.how-we-do-main {
display: flex;
flex-wrap: wrap;
max-width: 100%;
margin: 0 auto;
align-items: flex-start;
}
.hwd-Cl {
padding: 0;
width: 100%;
height: 100%;
}
.how-we-do-main .col-4 {
margin-bottom: 30px;
}
.hwd-Cl-in {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 300px;
border: 1px solid #bfbfbf;
padding: 20px;
height: 100%;
}
.hwd-tit {
display: flex;
justify-content: space-between;
}
.hwd-tit img,
.hwd-tit svg {
max-width: 50px;
max-height: 50px;
width: auto;
height: auto;
}
.hwd-tit label {
font-weight: 600;
font-size: 36px;
line-height: normal;
}
.hwd-Cl-text h3 {
margin: 30px 0;
}
.hwd-Cl-text ul {
padding: 0;
list-style-type: none;
margin: 0;
}
.hwd-Cl-text ul li {
position: relative;
font-size: 16px;
line-height: normal;
padding: 0 0 12px 20px;
font-weight: 200;
}
.hwd-Cl-text p {
font-size: 16px;
padding: 0 0 20px 0;
color: #000;
font-weight: 200;
margin: 0;
}
.hwd-Cl-text ul li:before {
position: absolute;
content: "";
top: 10px;
left: 0;
width: 15px;
height: 1px;
background-color: #000;
}
.hwd-Cl-bott-text {
font-size: 12px;
line-height: 1.25em;
text-transform: uppercase;
color: #666;
font-weight: 400;
}
.blank-btn-area .hwd-Cl-in {
align-items: center;
justify-content: center;
border: 0;
padding: 0;
min-height: auto;
height: 100%;
}
.smart_heading {
width: 100%;
text-align: center;
margin-bottom: 0;
font-size: 29px;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 8px;
}
.service_listingCl {
padding: 80px 0 20px 0;
}
.service_listingCl h2.smart_heading {
margin: 0 0 40px;
}
.Sl_Row {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 0 2px;
padding: 30px 48px;
border: 1px solid #ececec;
background: #fff;
position: relative;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
transform: matrix(1, 0, 0, 1, 0, 0);
}
.Sl_Row:hover {
transform: matrix(1, 0, 0, 1, 0, -20);
box-shadow: 0 36px 70px rgba(149, 180, 198, 0.25);
}
.what-we-do-block {
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
transform: matrix(1, 0, 0, 1, 0, 0);
}
.what-we-do-block:hover {
transform: matrix(1, 0, 0, 1, 0, -20);
box-shadow: 0 36px 70px rgba(149, 180, 198, 0.25);
}
.Sl_Row .br_icon_cl {
width: 24%;
text-align: center;
}
.Sl_Row .br_icon_cl img {
max-height: 160px;
}
.br_text_cl h6 {
font-size: 27px;
margin-bottom: 9px;
}
.br_text_cl p:last-child {
margin-bottom: 0;
}
.Sl_Row .br_text_cl {
width: 73%;
}
.Sl_Row .br_icon_cl {
width: 23%;
}
.Sl_Row .br_text_cl {
width: 73%;
}
.contact-form-sec {
padding: 0 0 100px;
}
.contact-form-sec .small-container {
padding: 0;
}
.contact-form-sec form {
padding: 0;
}
.radio-box {
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
border: 1px solid transparent;
border-radius: 20px;
padding: 22.5px 0;
width: 170px;
transition: all 0.5s;
cursor: pointer;
}
.radio-icon {
height: 86px;
width: 86px;
background: #f6f6f6;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.radio-label {
font-size: 16px;
width: 100%;
line-height: normal;
margin: 17px 0 0;
}
.radio-col {
padding: 0 20px;
}
.radio-list-row {
margin: 0 -20px;
display: flex;
flex-wrap: wrap;
}
.radio-box-cover {
position: relative;
}
.radio-col input {
height: 100%;
width: 100%;
opacity: 0;
position: absolute;
margin: 0;
cursor: pointer;
z-index: 9;
}
.radio-col input:hover + .radio-box,
.radio-col input[type="radio"]:checked + .radio-box {
border: 1px solid #58b997;
}
.radio-box:before {
content: "";
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 25px solid #f6f6f6;
position: absolute;
top: calc(100% + 10px);
transition: all 0.5s;
visibility: hidden;
opacity: 0;
}
.radio-col input[type="radio"]:checked + .radio-box:before {
visibility: visible;
opacity: 1;
}
.radio-list {
padding: 0 150px;
}
.bottom-form-fields {
background: 0 0;
padding: 0;
}
.form-field input,
.form-field select {
height: 50px;
border-radius: 0;
appearance: none;
}
.form-field input,
.form-field select,
.form-field textarea {
border: 0;
background: 0 0;
border-bottom: 0 solid #000;
background: #f2f2f2;
border: 0;
padding: 0;
width: 100%;
font-family: CircularAir;
font-size: 18px;
font-weight: 200;
color: #000;
transition: all 0.5s;
padding: 0 15px;
}
.form-field textarea {
padding-top: 15px;
}
.form-field input::placeholder,
.form-field select::placeholder,
.form-field textarea::placeholder {
color: #000;
opacity: 1;
}
.form-field textarea {
height: 200px;
}
.form-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.form-col-2 {
width: 47%;
}
.form-col-1 {
width: 100%;
}
.form-field {
margin-bottom: 15px;
}
.form-field label {
opacity: 0;
visibility: hidden;
position: absolute;
}
.form-submit input {
font-size: 21px;
}
.blackoverlay {
background-color: #000;
opacity: 0.4;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.joinus-popup-m {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
z-index: 999;
transform: scale(1);
transition: all 0.3s;
opacity: 0;
visibility: hidden;
overflow: hidden;
height: 0;
}
.open-popup .joinus-popup-m {
transform: scale(1);
opacity: 1;
visibility: visible;
overflow: visible;
height: auto;
z-index: 99999;
}
.jp-in {
display: flex;
flex-wrap: wrap;
background: #fff;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
position: relative;
}
.popup-close {
position: absolute;
right: 0;
top: 0;
background: #ececec;
width: 30px;
display: inline-flex;
height: 30px;
justify-content: center;
}
.popup-close:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 20px;
height: 2px;
background: #000;
transform: rotate(45deg);
margin: auto;
}
.popup-close:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 20px;
height: 2px;
background: #000;
transform: rotate(-45deg);
margin: auto;
}
.jp-l {
width: 50%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
display: flex;
align-items: center;
padding: 0 40px;
color: #fff;
position: relative;
background-image: linear-gradient(
to left bottom,
#5c2b8a,
#7f1371,
#910055,
#970038,
#931d1d
);
}
.jp-l-in {
position: relative;
}
.jp-r {
width: 50%;
padding: 40px;
}
.jp-r h2 {
font-size: 26px;
text-align: center;
}
.jp-form-row {
border: 1px solid #ececec;
margin: 0 0 20px;
}
.jp-form-row:last-child {
margin: 0;
}
.jp-form-row label {
font-size: 13px;
line-height: normal;
text-transform: uppercase;
font-weight: 400;
display: block;
padding: 11px 15px;
border-bottom: 1px solid #ececec;
}
.jp-form-col-m {
display: flex;
flex-wrap: wrap;
}
.jp-form-col {
width: 50%;
}
.jp-form-row input[type="email"],
.jp-form-row input[type="text"],
.jp-form-row select,
.jp-form-row textarea {
height: 40px;
border: 0;
border-radius: 0;
padding: 0 15px;
width: 100%;
font-family: CircularAir;
font-size: 14px;
font-weight: 300;
}
.jp-form-col:last-child {
border-left: 1px solid #ececec;
}
.jp-form-row textarea {
height: 80px;
padding: 15px;
resize: none;
}
.connect-row {
margin: 0 0 30px;
font-size: 16px;
padding: 0 0 0 40px;
position: relative;
}
.connect-row label {
font-weight: 500;
display: block;
line-height: normal;
padding: 0 0 10px;
}
.connect-row p {
margin: 0;
}
.connect-row p a {
color: rgba(255, 255, 255, 0.8);
}
.connect-row p a:hover {
color: #fff;
}
.submit-area {
border: 0;
}
.submit-area input[type="submit"] {
border: 0;
background-image: linear-gradient(
to left bottom,
#5c2b8a,
#7f1371,
#910055,
#970038,
#931d1d
);
color: #fff;
font-family: CircularAir;
font-size: 14px;
padding: 10px 20px;
display: inline-block;
margin: 0 auto;
cursor: pointer;
border-radius: 8px;
}
.submit-area input[type="submit"]:hover {
background-image: linear-gradient(
to right bottom,
#5c2b8a,
#7f1371,
#910055,
#970038,
#931d1d
);
}
.middle.not-found {
padding: 0;
}
.not-found {
padding: 0;
overflow: hidden;
}
.not-found-thumb {
margin: 0 auto;
height: 100vh;
text-align: center;
background: url(//wordpressjunkies.eu/wp-content/themes/i-genesys-2022/images/404-bg.png) no-repeat center center;
}
@keyframes swing {
0% {
transform: rotate(3deg);
}
100% {
transform: rotate(-3deg);
}
}
.not-found-thumb img:nth-child(1) {
top: -4px;
}
.not-found-thumb img:nth-child(2) {
margin: 0 2vw 0 2.5vw;
max-width: 25%;
top: -3px;
}
.not-found-thumb img:nth-child(3) {
top: -3px;
}
.not-found-thumb img {
max-width: 30%;
max-height: 90vh;
position: relative;
animation: swing ease-in-out 1s infinite alternate;
transform-origin: center -20px;
}
.backtohome {
position: absolute;
bottom: 0;
text-align: center;
width: 100%;
}
.backtohome a {
top: 0;
position: relative;
background: linear-gradient(to right, #632683 0, #970038 100%);
color: #fff;
padding: 10px 30px;
display: inline-block;
transition: all 0.3s;
-webkit-transition: all 0.3s;
border-radius: 8px;
}
.backtohome a:hover {
box-shadow: 0 7px 5px rgba(0, 0, 0, 0.2);
top: -4px;
}
.remove-top-padding {
padding-top: 0;
}
.remove-padding {
padding: 0;
}
.middle.book-a-call-banner {
min-height: 100vh;
padding: 100px 0 50px;
}
.book-a-call {
background-position: center center;
background-size: cover;
width: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.book-a-call iframe {
border: 0;
position: relative;
z-index: 1;
}
.book-a-call-page .logo svg path {
fill: #fff;
}
.book-a-call-page .hmbrgr span.line2 {
background-color: #fff;
}
.book-a-call-page .hmbrgr span.line1 {
background-color: #fff;
}
.book-a-call-page .hmbrgr span.line3 {
background-color: #fff;
}
.single-banner.bg-img {
padding-bottom: 40%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-bottom: 60px;
}
.single-banner-top {
margin: 0 0 80px;
}
.single-banner-top img {
width: 100%;
}
.contact-head-links h2 {
margin: 0;
}
.summary-components-title {
border-bottom: 1px solid #222;
font-size: 14px;
font-weight: 200;
text-transform: uppercase;
padding: 0 0 10px;
margin: 50px 0 50px;
line-height: normal;
}
.components-list {
display: flex;
flex-wrap: wrap;
margin: 0 -20px;
}
.componentBlock-Cl {
width: 50%;
padding: 0 20px;
}
.componentBlock-in {
margin: 0 0 40px;
}
.componentBlock-in label {
font-size: 16px;
text-transform: uppercase;
margin: 0 0 5px;
font-weight: 600;
line-height: normal;
display: block;
}
.componentBlock-in ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 16px;
line-height: 1.7em;
}
.work-meta-title {
display: flex;
justify-content: space-between;
padding: 20px 0;
border-top: 1px solid #222;
margin: 60px 0 80px;
}
.work-meta-title p {
margin: 0;
line-height: normal;
text-transform: uppercase;
font-size: 14px;
}
.wd-video-block-m {
padding: 50px 0;
}
.wd-video-block-m video {
width: 100%;
display: block;
}
.wd-slider-block-m {
padding: 0 0 50px;
}
.wd-slider-block-m img {
width: 100%;
}
.work-detail-slider .slick-arrow {
background: #000;
border: 1px solid #fff;
width: 40px;
height: 40px;
border-radius: 50%;
z-index: 1;
}
.work-detail-slider .slick-prev {
left: 20px;
}
.work-detail-slider .slick-next {
right: 20px;
}
.work-detail-slider .slick-dots {
bottom: -45px;
}
.work-detail-slider .slick-dots li button:before {
font-size: 42px;
}
.slick-next:before,
.slick-prev:before {
opacity: 1 !important;
}
.rcs-title {
margin-bottom: 30px;
padding-bottom: 0;
}
.rcs-block {
display: flex;
flex-wrap: wrap;
}
.rcs-Cl {
width: 25%;
padding: 0 15px;
margin: 0 0 30px;
}
.rcs-in {
position: relative;
}
.rcs-in:hover .rcs-thumb {
opacity: 0.5;
}
.overlay-link {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 2;
}
.rcs-thumb {
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
padding-bottom: 60%;
transition: all 0.5s;
}
.rcs-name {
padding: 15px 0 0;
line-height: normal;
font-weight: 600;
}
.back-arrow {
display: inline-block;
position: relative;
}
.back-arrow::before {
content: url(//wordpressjunkies.eu/wp-content/themes/i-genesys-2022/images/button_arrow_black.svg);
width: 20px;
display: inline-block;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
position: relative;
left: -10px;
top: 1px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.back-arrow:hover::before {
left: -15px;
}
.tow-col-img-layout {
display: flex;
flex-wrap: wrap;
margin: 0 -30px;
padding-bottom: 60px;
}
.col-img {
width: 50%;
padding: 0 30px;
}
.col-img img {
width: 100%;
}
.youtube-video-block {
position: relative;
padding-bottom: 44%;
}
.youtube-video-block iframe {
position: absolute;
width: 100%;
height: 100%;
}
.work_Dec.for-mobile {
display: none;
}
.brand-left p {
line-height: normal;
}
.section.home-testimonials {
padding-bottom: 70px;
}
.testimonials-slider {
width: 100%;
}
.testimonials-slider .item {
padding: 0;
}
.testimonials-slider .item img {
display: inline-block;
width: 30px;
}
.writer-details a {
text-decoration: underline;
}
.writer-details a:hover {
text-decoration: none;
}
.last-quotes {
margin-top: -6px;
}
.first-quotes {
transform: scale(-1, -1);
margin-top: -4px;
}
.last-sec-button {
padding-top: 30px;
}
.qus-slider-section {
padding: 120px 0;
}
.qus-slider-section h2 {
color: #fff;
}
.qus-slider-section h3 {
margin: 0;
padding: 5px 0;
color: #fff;
}
.qus-slider h2,
.qus-slider h3,
.qus-slider h4 {
font-weight: 400;
line-height: 1.5em;
}
.contact-form-sec
.small-container
.gform_wrapper
form
.gform-body
ul.gform_fields
li.gfield
.ginput_container {
margin: 0 !important;
}
.contact-form-sec
.small-container
.gform_wrapper
form.gform-body
ul.gform_fields
li.gfield
.ginput_container
input[type="email"],
.contact-form-sec
.small-container
.gform_wrapper
form.gform-body
ul.gform_fields
li.gfield
.ginput_container
input[type="text"],
.contact-form-sec
.small-container
.gform_wrapper
form.gform-body
ul.gform_fields
li.gfield
.ginput_container
select {
width: 100%;
border: 0;
border-radius: 0;
border-bottom: 1px solid #000;
height: 45px;
padding: 0;
display: block;
}
.contact-form-sec
.small-container
.gform_wrapper
form.gform-body
ul.gform_fields
li.gfield
.ginput_container
input[type="radio"] {
margin-top: 0;
}
.contact-form-sec
.small-container
.gform_wrapper
form.gform-body
ul.gform_fields
li.gfield
.ginput_container
textarea {
display: block;
border-color: #000;
}
.contact-form-sec
.small-container
.gform_wrapper
form.gform-body
ul.gform_fields
li.gfield
.gfield_radio {
margin: 0;
}
.contact-form-sec
.small-container
.gform_wrapper
form.gform-body
ul.gform_fields
li.gfield
.gfield_radioli:last-child {
margin: 0;
}
.contact-form-sec
.small-container
.gform_wrapper
form.gform-body
ul.gform_fields {
display: flex;
flex-wrap: wrap;
margin: 0 -20px !important;
}
.contact-form-sec
.small-container
.gform_wrapper
form.gform-body
ul.gform_fields
li.gfield {
width: 100%;
padding: 0 20px;
margin: 0 0 35px;
}
.contact-form-sec
.small-container
.gform_wrapper
form.gform-body
ul.gform_fields
li.gfield
label.gfield_label {
text-transform: uppercase;
font-size: 16px;
letter-spacing: 0.05em;
display: block;
color: #000;
}
.contact-form-sec
.small-container
.gform_wrapper
form.gform-body
ul.gform_fields
li.gfield
.gf_left_half,
.contact-form-sec
.small-container
.gform_wrapper
form.gform-body
ul.gform_fields
li.gfield
.gf_right_half {
width: 50%;
}
.contact-form-sec
.small-container
.gform_wrapper
form.gform-body
ul.gform_fields
li.gfield
.ginput_container
input::placeholder,
.contact-form-sec
.small-container
.gform_wrapper
form.gform-body
ul.gform_fields
li.gfield
.ginput_container
select::placeholder,
.contact-form-sec
.small-container
.gform_wrapper
form.gform-body
ul.gform_fields
li.gfield
.ginput_container
textarea::placeholder {
font-weight: 200;
font-size: 16px;
}
.contact-form-sec
.small-container
.gform_wrapper
form.gform-body
ul.gform_fields
li.gfield
.ginput_container
input,
.contact-form-sec
.small-container
.gform_wrapper
form.gform-body
ul.gform_fields
li.gfield
.ginput_container
select,
.contact-form-sec
.small-container
.gform_wrapper
form.gform-body
ul.gform_fields
li.gfield
.ginput_container
textarea {
font-weight: 200;
font-size: 16px;
border-radius: 0;
}
.contact-form-sec
.small-container
.gform_wrapper
form.gform-body
ul.gform_fields
li.gfield
.ginput_container
.ginput_container_textarea {
padding-top: 12px;
}
.contact-form-sec .small-container .gform_wrapper form .gform_footer.top_label {
margin: 0;
padding: 30px 0 0;
display: flex;
align-items: center;
}
.contact-form-sec
.small-container
.gform_wrapper
form.gform_footer.top_label
.gform_button.button {
text-transform: uppercase;
min-width: 180px;
font-size: 16px;
letter-spacing: 0.1em;
}
body
.gform_validation_error.gform_bodyulli.gfield.gfield_error:not(
.gf_left_half
):not(.gf_right_half) {
max-width: calc(100% - 0px) !important;
}
body li.gfield.gfield_error,
body.gform_legacy_markup_wrapperli.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
border: 0 !important;
background: 0 0 !important;
margin: 0 0 20px !important;
}
body .description,
body .gform_legacy_markup_wrapper .gfield_description,
body .gform_legacy_markup_wrapper .gsection_description {
padding: 0 !important;
font-size: 14px !important;
font-weight: 200 !important;
line-height: normal;
}
body ul.gfield_checkbox li label,
body .gform_legacy_markup_wrapper ul.gfield_radio li label {
color: #000 !important;
}
body div.validation_error {
border: 1px solid;
}
body div.validation_error span {
width: auto;
}
body .gform_wrapper.gravity-theme .gform_validation_errors {
padding: 15px;
margin: 0 0 20px;
background: #fafafa;
border: 1px solid #e5e5e5;
box-shadow: none;
}
body .gform_wrapper.gravity-theme .gform_validation_errors > h2 {
font-size: 18px;
line-height: 1.3em;
color: #000;
}
body .gform_wrapper.gravity-theme .gform_validation_errors > ol li {
line-height: 1.2em;
color: #000;
}
body .gform_wrapper.gravity-theme .gform_validation_errors > ol li a {
color: #000;
}
body .gform_wrapper.gravity-theme .gform_validation_errors > ol {
margin: 0;
}
.gform_wrapper.gravity-theme .gfield_error [aria-invalid="true"] {
border: 1px solid #767676 !important;
}
body .gform_wrapper.gravity-theme .gfield_description {
padding: 10px;
line-height: 1.3em;
background: #fafafa;
border: 1px solid #e5e5e5;
color: #000 !important;
}
body .gform_wrapper.gravity-theme .top_label .gsection_description {
padding-top: 0;
margin-top: 0;
}
.gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label,
.gform_wrapper.gravity-theme .gfield_error label,
.gform_wrapper.gravity-theme .gfield_error legend,
.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message,
.gform_wrapper.gravity-theme [aria-invalid="true"] + label,
.gform_wrapper.gravity-theme label + [aria-invalid="true"] {
color: #000000 !important;
}
.gform_confirmation_message {
font-weight: 700;
color: green;
font-weight: 200;
border: 1px solid;
padding: 10px 20px;
text-align: center;
}
.hwd-Cl-text .btn {
padding: 0 20px;
line-height: 40px;
}
.services-block-inner h3 {
font-size: 70px;
}
.Aboutext_Lt p:nth-child(3) {
width: 78%;
}
.container-1200 {
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
.blog-page-cover {
padding: 54px 0 0;
}
.blog-page-banner {
background-color: #000;
color: #fff;
text-align: center;
position: relative;
min-height: 180px;
padding: 80px 0;
}
.blog-page-banner label {
text-transform: uppercase;
color: #fff;
font-weight: 700;
line-height: 0.9em;
font-size: 200px;
display: block;
position: absolute;
width: 100%;
opacity: 0.06;
}
.blog-page-banner h1 {
font-size: 68px;
line-height: 1em;
text-transform: uppercase;
margin: 0;
position: relative;
z-index: 1;
color: #fff;
}
.blog-title-inner {
min-height: 180px;
display: flex;
align-items: center;
justify-content: center;
}
.blog-category-filter-search {
display: flex;
align-items: center;
justify-content: space-between;
}
.blog-category-cover {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
}
.blog-category-cover a {
color: #fff;
}
.blog-category-filterbar {
width: calc(100% - 270px);
overflow: auto;
}
.blog-category-filterbar ul {
padding: 0;
margin: 0;
display: flex;
}
.blog-category-filterbar ul li {
padding: 0;
margin: 0 30px 0 0;
list-style: none;
font-size: 16px;
line-height: normal;
}
.blog-category-filterbar ul li a {
position: relative;
display: block;
padding: 0 0 5px;
white-space: nowrap;
}
.blog-category-filterbar ul li a::before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
z-index: -1;
background-color: #7f1371;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
-o-transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9),
-webkit-transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
}
.blog-category-filterbar ul li a:hover::before,
.blog-category-filterbar ul li.active a:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.blog-category-search {
position: relative;
}
.blog-category-search input[type="text"] {
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 0;
height: 40px;
background: none;
width: 250px;
color: #fff;
padding: 0 40px 0 10px;
}
.blog-category-search input[type="submit"] {
position: absolute;
border: 0;
height: 20px;
width: 20px;
font-size: 0;
top: 0;
bottom: 0;
right: 15px;
margin: auto;
background: url(//wordpressjunkies.eu/wp-content/themes/i-genesys-2022/images/search.svg) no-repeat center center / cover;
opacity: 0.7;
cursor: pointer;
}
.blog-list-img {
position: relative;
height: 0;
padding: 0 0 65%;
overflow: hidden;
}
.blog-list-img:hover img {
transform: scale(1.05);
}
.blog-list-img img {
position: absolute;
height: 100%;
width: 100%;
object-fit: cover;
transition: all 0.5s;
}
.blog-page-list-cover .row {
margin: 0 -10px;
width: calc(100% + 20px);
}
.blog-page-list-cover .row > div {
padding: 0 10px 50px;
}
.home-blog-list .row > .col-3 {
padding-bottom: 15px;
}
.blog-list-date {
text-transform: uppercase;
font-size: 10px;
font-weight: 700;
margin: 0 0 12px;
line-height: 1.2em;
}
.blog-list-caps {
line-height: normal;
padding: 20px 0 0;
}
.blog-list-caps ul:not([class]) li,
.blog-list-caps ol:not([class]) li {
padding: 0 0 15px;
}
.blog-list-title {
font-weight: 700;
line-height: 1.2em;
font-size: 20px;
font-weight: 500;
padding: 0 0 12px;
}
.blog-list-category ul {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0;
align-items: center;
}
.blog-list-category ul li {
padding: 0 10px 0 0;
margin: 0 10px 5px 0;
list-style: none;
font-size: 12px;
border-right: 1px solid #a3a3a3;
color: #585858;
line-height: 1em;
}
.blog-list-category ul li:first-child {
padding-right: 0;
border: 0;
}
.blog-list-category ul li:last-child {
border-right: 0;
}
.blog-list-category ul li img {
width: 13px;
display: block;
}
.blog-page-list-cover {
padding: 60px 0;
}
.blog-list-title a:hover {
color: #7f1371;
}
.pagination {
display: flex;
justify-content: center;
align-items: center;
padding: 0;
font-size: 0.8em;
}
.pagination .page-numbers {
margin: 0 10px;
width: 40px;
height: 40px;
display: inline-flex;
border: 1px solid #bfbfbf;
align-items: center;
justify-content: center;
font-weight: 500;
}
.pagination .page-numbers.current,.pagination .page-numbers:hover {
background: linear-gradient(to right, #632683 0, #970038 100%);
color: #fff;
}
.pagination .btn:first-child {
margin-left: 0;
}
.pagination .btn:last-child {
margin-right: 0;
}
.blog-category-search.for-mobile {
display: none;
}
.blog-page-banner .single-blog-title h1 {
-webkit-text-fill-color: #fff;
-webkit-text-stroke-width: 0;
-webkit-text-stroke-color: #fff;
font-size: 52px;
text-transform: none;
}
.blog-page-banner .blog-list-category {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
padding: 30px 0 0;
}
.blog-page-banner .blog-list-category ul li {
color: #fff;
margin-bottom: 0;
}
.blog-page-banner .blog-list-category ul li img {
filter: invert(1);
-webkit-filter: invert(1);
}
.blog-page-banner .blog-list-date {
margin: 0 0 0 10px;
}
.single-blog-cover .blog-page-banner {
padding: 70px 0;
}
.blog-single-page-cover {
padding: 30px 0 0;
}
.blog-single-page-content .blog-list-date {
font-size: 14px;
margin: 0 0 15px;
}
.blog-single-page-content .blog-list-title {
font-size: 40px;
padding: 0 0 15px;
font-weight: 700;
margin: 0;
}
.blog-single-page-content .blog-list-category {
padding: 0 0 20px;
}
.blog-single-page-content {
width: 100%;
font-size: 18px;
padding: 30px 0 0;
}
.blog-single-page-content .blog-list-caps {
padding: 0;
}
.blog-single-page-image {
padding-left: 8%;
position: sticky;
right: 0;
top: 54px;
width: 50%;
max-height: calc(100vh - 54px);
float: right;
overflow: hidden;
z-index: 9;
}
.blog-single-page-image > img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-single-page-cover .row > div.col-12 {
padding-bottom: 50px;
display: flex;
justify-content: space-between;
align-items: center;
}
.blog-single-page-cover .row > div.col-12 label {
font-weight: 700;
}
.blog-single-img {
position: relative;
text-align: center;
}
.blog-img-caption {
text-align: center;
font-style: italic;
}
.blogger-dtl {
width: 250px;
display: flex;
position: absolute;
bottom: 20px;
right: 20px;
align-items: center;
line-height: normal;
overflow: hidden;
padding: 15px;
backdrop-filter: blur(5px);
background-color: rgba(0, 0, 0, 0.6);
}
.blogger-img {
height: 50px;
width: 50px;
border-radius: 50%;
overflow: hidden;
position: relative;
z-index: 1;
}
.blogger-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blogger-caps {
width: calc(100% - 50px);
padding-left: 10px;
position: relative;
z-index: 1;
padding-bottom: 5px;
}
.blogger-caps label {
text-transform: uppercase;
color: #fff;
font-weight: 700;
font-size: 14px;
display: inline-block;
width: 100%;
line-height: normal;
}
.blogger-caps span {
font-size: 14px;
color: #fff;
line-height: normal;
display: block;
}
.blog-single-page-content p {
margin: 0 0 30px;
}
.blog-list-caps h2 {
font-size: 36px;
}
.blog-list-caps h3 {
font-size: 32px;
}
.blog-list-caps h4 {
font-size: 28px;
}
.blog-list-caps h5 {
font-size: 24px;
}
.blog-list-caps h6 {
font-size: 20px;
}
.related-blogs-list {
justify-content: space-between;
align-items: center;
display: flex;
flex-wrap: wrap;
}
.related-blogs-list label {
padding: 10px 10px 10px 0;
}
.pagination-page a:first-child {
margin-left: 0;
}
.pagination-page a:last-child {
margin-right: 0;
}
.nav-links {
display: inline-block;
width: 100%;
}
.nav-links > div {
width: 400px;
max-width: 48%;
line-height: normal;
}
.nav-links > div > a:hover .nav-title {
text-decoration: underline;
}
.nav-links .nav-previous .nav-subtitle::before {
content: "";
height: 7px;
width: 7px;
border-bottom: 2px solid;
border-right: 2px solid;
display: inline-block;
transform: rotate(135deg);
margin-right: 4px;
}
.nav-links .nav-previous {
float: left;
}
.nav-links .nav-next {
text-align: right;
float: right;
}
.nav-links .nav-next .nav-subtitle::after {
content: "";
height: 7px;
width: 7px;
border-bottom: 2px solid;
border-right: 2px solid;
display: inline-block;
transform: rotate(-45deg);
margin-left: 4px;
}
.nav-links .nav-subtitle {
display: block;
position: relative;
font-size: 16px;
font-weight: 700;
color: #612987;
margin: 0 0 10px;
}
.nav-links .nav-title {
font-weight: 700;
font-size: 20px;
line-height: normal;
display: block;
margin: 0 0 10px;
}
.nav-links .nav-date {
font-size: 14px;
text-transform: uppercase;
color: #585858;
display: block;
}
.single-post .blog-page-list-cover .row > div {
padding-bottom: 0;
padding-top: 50px;
}
.home-blog-list {
padding: 140px 0 60px;
}
.home-blog-list .col-9 .row > div {
padding: 0 20px 50px;
}
.home-blog-list .col-9 .row {
margin: 0 -20px;
width: auto;
}
.accordion_section {
padding: 100px 0;
background-image: linear-gradient(
to left bottom,
#5c2b8a,
#7f1371,
#910055,
#970038,
#931d1d
);
color: #fff;
}
.accordion_section .section-title h2 {
color: #fff;
}
.accordion_section .section-title p a {
color: #fff;
}
.accordion_section .col-9 {
width: 75%;
}
.accordion_section .row {
margin: 0 -15px;
}
.accordion_section .row > div {
padding: 0 15px;
}
.accordion_new_style {
padding-top: 150px;
}
.acc {
margin: 0 auto;
}
.acc__card {
position: relative;
margin-bottom: 0;
border-radius: 0;
overflow: hidden;
padding: 22px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
transition: all 0.3s;
}
.acc__card.active_card {
border-color: #fff;
}
.acc__title {
color: #fff;
cursor: pointer;
display: block;
position: relative;
text-align: left;
font-weight: 500;
font-size: 22px;
padding-right: 40px;
background-color: transparent;
border: 0;
width: 100%;
}
.acc__control {
position: absolute;
right: 0;
top: 3px;
display: inline-block;
width: 30px;
height: 30px;
border-radius: 100%;
background-color: #fff;
}
.acc__control:before {
position: absolute;
content: "";
width: 14px;
height: 2px;
background: linear-gradient(to right, #632683 0, #970038 100%);
transition: all 0.3s;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
}
.acc__control:after {
position: absolute;
content: "";
width: 2px;
height: 14px;
background: linear-gradient(to right, #632683 0, #970038 100%);
transition: all 0.3s;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
}
.acc__title.active .acc__control::after {
height: 0;
}
.acc__panel {
color: #fff;
display: none;
margin: 15px 0 0;
text-align: left;
font-size: 18px;
line-height: 1.5em;
}
.acc__panel p:last-child {
margin: 0;
}
.acc__panel a {
color: #fff;
text-decoration: underline;
}
.acc__panel a:hover {
text-decoration: none;
}
.acc {
display: flex;
flex-wrap: wrap;
margin: 0 -20px;
}
.acc > div {
padding: 0 20px;
}
.wp-block-rank-math-toc-block {
width: 100%;
margin: 0 0 40px;
color: #fff;
background-image: linear-gradient(
to left bottom,
#5c2b8a,
#7f1371,
#910055,
#970038,
#931d1d
);
padding: 25px 30px;
color: #fff;
position: relative;
padding-right: 60px;
}
.wp-block-rank-math-toc-block h2 {
color: #fff;
margin: 0;
cursor: pointer;
}
.wp-block-rank-math-toc-block nav {
display: none;
padding: 25px 0 0;
}
.wp-block-rank-math-toc-block ul {
margin: 0;
padding: 0 0 0 20px;
}
.wp-block-rank-math-toc-block ul > li {
padding: 10px 0;
}
.wp-block-rank-math-toc-block ul li a {
color: #fff;
text-decoration: none !important;
}
.wp-block-rank-math-toc-block ul li a:hover {
color: #ffffff !important;
text-decoration: underline !important;
}
.wp-block-rank-math-toc-block ul li ul > li {
list-style: revert;
padding: 10px 0 0;
}
.st-icon {
background: #fff;
display: inline-block;
position: absolute;
width: 30px;
height: 30px;
right: 25px;
top: 28px;
border-radius: 100%;
cursor: pointer;
}
.st-icon:before {
position: absolute;
content: "";
width: 10px;
height: 2px;
background: #000;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s;
}
.st-icon:after {
position: absolute;
content: "";
width: 2px;
height: 10px;
background: #000;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s;
}
.st-active .st-icon:after {
height: 0;
}
.rank-math-breadcrumb {
font-size: 16px;
font-weight: 400;
padding: 10px 0 5px;
}
.rank-math-breadcrumb span.last {
color: #666;
}
.rank-math-breadcrumb > p {
margin: 0;
}
.rank-math-breadcrumb span.separator {
display: inline-block !important;
width: auto !important;
max-width: unset !important;
margin: 0 !important;
height: auto !important;
background: none !important;
padding: 0 6px;
}
.pricing__section {
width: 100%;
padding: 60px 0 160px;
text-align: center;
}
.price_section_row {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
.price_section_col {
width: 33.33%;
padding: 10px;
}
.price_section_box {
width: 100%;
background-color: #fff;
text-align: center;
border-radius: 10px;
box-shadow: 0 10px 20px 5px rgba(0, 0, 0, 0.15);
height: 100%;
padding: 40px 30px 100px 30px;
position: relative;
}
.hightlight-price-box {
background: linear-gradient(to right, #632683 0, #970038 100%);
text-align: center;
color: #fff;
transform: scale(1.1);
}
.hightlight-price-box .price_section_top h2 {
color: #fff;
}
.hightlight-price-box .btn {
background: #fff;
color: #970038;
}
.price_section_top h2 {
margin: 0 0 25px;
text-transform: capitalize;
font-size: 28px;
}
.price_section_top img {
width: 90px;
height: 70px;
object-fit: contain;
margin: 0 0 20px;
}
.price_section_bottom .btn {
position: absolute;
bottom: 40px;
left: 0;
right: 0;
width: calc(100% - 60px);
margin: 0 auto;
font-weight: 700;
font-size: 24px;
}
.plan-price {
display: block;
width: 100%;
text-align: center;
font-size: 18px;
font-weight: 400;
}
.plan-price span {
font-size: 52px;
font-weight: 700;
}
.plan-price span sup {
font-size: 50%;
}
.price_section_bottom {
padding: 30px 0 0;
}
.price_section_bottom ul {
list-style: none;
font-size: 18px;
padding: 0;
margin: 0 0 25px;
}
.price_section_bottom ul li {
margin: 0 0 3px;
padding: 0;
}
.wpj-switch-label {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 60px;
}
.wpj-switch-control input[type="checkbox"] {
height: 0;
width: 0;
visibility: hidden;
position: absolute;
}
.wpj-switch-control label {
cursor: pointer;
text-indent: -9999px;
width: 65px;
height: 35px;
background: #632683;
display: block;
border-radius: 100px;
position: relative;
}
.wpj-switch-control label:after {
content: "";
position: absolute;
top: 5px;
left: 5px;
width: 25px;
height: 25px;
background: #fff;
border-radius: 90px;
transition: 0.3s;
}
.wpj-switch-control input:checked + label {
background: #970038;
}
.wpj-switch-control input:checked + label:after {
left: calc(100% - 5px);
transform: translateX(-100%);
}
.wpj-switch-control label:active:after {
width: 30px;
}
.wpj-head-label {
font-weight: 600;
margin: 0 20px;
}
.wpj-head-label-1 {
color: #632683;
}
.wpj-head-label-2 {
color: #970038;
}
.price__btns {
width: auto;
padding: 15px 10px;
border-radius: 10px;
background-color: #fff;
margin: auto;
display: inline-block;
margin-bottom: 70px;
box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.15);
}
.price__btn {
padding: 10px 20px;
border-radius: 10px;
margin: auto -2px;
font-weight: 500;
}
.price__btn.active {
background: linear-gradient(to right, #632683 0, #970038 100%);
color: #fff;
}
.pricing-section {
font-size: 17px;
padding: 100px 0;
background-color: #95023c;
color: #fff;
}
.pricing-section .container {
position: static;
}
.pricing-row {
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid rgba(158, 149, 149, 0.3);
margin: 0 -10px;
padding: 0;
}
.pri-tit-row h3,
.pri-tit-row h4 {
font-size: 32px;
margin: 0;
color: #fff;
}
.pri-tit-row h3 {
font-weight: 700;
font-size: 28px;
}
.pricing-col {
width: 23.33%;
padding: 15px;
text-align: center;
border-left: 1px solid rgba(158, 149, 149, 0.3);
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.pricing-col label {
font-size: 15px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1.5em;
}
.pricing-col label img {
padding-right: 5px;
opacity: 0.8;
width: 26px;
}
.pricing-col:first-child {
text-align: center;
width: 30%;
border-left: 0;
}
.pricing-col p {
margin: 0;
line-height: normal;
}
.pri-tit-row {
padding: 0;
}
.pri-tit-row h4 {
margin: 10px 0 14px;
font-size: 18px;
font-weight: 500;
}
.pri-tit-row .btn {
padding: 10px 18px;
font-size: 16px;
text-transform: uppercase;
}
.monthly-active .yearly-price {
display: none;
}
.yearly-active .monthly-price {
display: none;
}
.yearly-active .hours-monthly {
display: none;
}
.monthly-active .hours-yearly {
display: none;
}
.mobile-pricing {
display: none;
}
.pricing-row.pri-tit-row {
position: sticky;
top: 50px;
bottom: 0;
background: #95023c;
z-index: 2;
}
.pricing__section .section-title {
margin: 0 0 50px;
}
.pricing__section .section-title h2 {
margin: 0 0 15px;
}
.mobile-pricing-block {
display: none;
}
.sm-section-title {
margin-bottom: 40px;
}
.sm-section-title h2 {
font-size: 2.5vw;
margin-bottom: 15px;
}
.sm-section-title p a {
text-decoration: underline;
}
.client-stories-section {
width: 100%;
padding: 120px 0;
}
.client-stories-section .section-title {
width: calc(100% - 100px);
}
.client-stories-slider {
width: 100%;
padding: 20px 0 0;
}
.client-stories-slider .slick-track {
display: flex;
flex-wrap: wrap;
}
.review-item-box {
width: 100%;
padding: 30px;
border: 1px solid #d2d2d2;
border-radius: 10px;
height: 100%;
}
.review-user-info {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.review-user-name {
width: 100%;
}
.review-user-name h2 {
margin: 0;
}
.review-story {
width: 100%;
font-size: 16px;
margin: 20px 0 0;
}
.review-story p:last-child {
margin: 0;
}
.client-stories-slider .item {
padding: 10px;
height: auto;
}
.client-stories-section .slick-arrow {
position: absolute;
right: 0;
top: -20%;
background: transparent;
border: 0;
cursor: pointer;
transition: all 0.3s;
border: 1px solid #e5e5e5;
padding: 2px 4px;
border-radius: 6px;
}
.client-stories-section .slick-arrow:hover {
border-color: #000;
}
.client-stories-section .prev-arrow {
right: 50px;
}
.client-stories-slider .slick-list {
margin: 0 -10px;
}
.pros-block .row {
margin: 0 -10px;
}
.pros-block .row > div {
padding: 10px;
}
.pros-block .hwd-Cl {
padding: 20px;
border: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
}
.pros-block .hwd-Cl h3 {
font-weight: 400;
font-size: 22px;
line-height: 1.35em;
}
.pros-block .hwd-tit {
margin-bottom: 10px;
}
.pros-block .hwd-Cl p {
margin: 0;
font-size: 18px;
}
.our-team-section {
width: 100%;
padding: 140px 0 30px;
}
.our-team-section .row {
margin: 0;
}
.our-team-section .row > div {
padding: 0;
}
.our-team-box {
width: 100%;
padding: 40px;
text-align: center;
height: 100%;
}
.our-team-section .row > div:nth-child(2) .our-team-box,
.our-team-section .row > div:nth-child(4) .our-team-box,
.our-team-section .row > div:nth-child(5) .our-team-box,
.our-team-section .row > div:nth-child(7) .our-team-box {
background-color: #fafafa;
}
.t-m-image {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 150px;
height: 150px;
border-radius: 100%;
margin: auto;
}
.t-m-content {
width: 100%;
padding: 20px 0 0;
font-size: 18px;
}
.t-m-content h2 {
margin: 0 0 7px;
}
.t-m-content p {
margin: 0;
}
.gform_wrapper .gform_body .gform_fields .gfield_label {
color: #000;
font-size: 15px;
text-transform: uppercase;
}
.gform_wrapper
.gform_body
.gform_fields
.gfield_error
input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not(
[type="button"]
):not([type="image"]):not([type="file"]) {
border-color: #000000 !important;
}
.gform_wrapper.gform_legacy_markup_wrapper div.validation_error {
border: 1px solid #790000;
padding: 10px;
margin: 0;
text-align: left;
}
.gform_wrapper .gform_body .gform_fields .gfield .gchoice input {
width: 18px;
height: 18px;
margin: 2px 3px 0 0;
}
.my-account-sec {
width: 100%;
padding: 150px 0;
}
.my_account_left {
width: 30%;
}
.my_account_right {
width: 70%;
padding-left: 30px;
}
ul.my_account_vertical_menu {
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
}
ul.my_account_vertical_menu li {
display: inline-block;
margin: 0 15px 15px 0;
}
ul.my_account_vertical_menu li a {
display: inline-block;
line-height: 1.32em;
padding: 13px 30px;
border: 0;
border-radius: 8px;
font-weight: 700;
background-image: linear-gradient(
to left bottom,
#5c2b8a,
#7f1371,
#910055,
#970038,
#931d1d
);
color: #fff;
cursor: pointer;
text-decoration: none !important;
font-size: 18px;
}
ul.my_account_vertical_menu li a:hover {
background-image: linear-gradient(
to right bottom,
#5c2b8a,
#7f1371,
#910055,
#970038,
#931d1d
);
}
.my_account_right fieldset,
#edd_checkout_form_wrap fieldset {
padding: 25px 35px 35px 35px;
width: 100%;
border: 1px solid #000;
margin: 0 0 40px 0;
}
.my_account_right fieldset legend,
#edd_checkout_form_wrap fieldset legend {
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
padding: 5px 10px;
background-color: #000;
color: #fff;
width: auto;
}
.my_account_right fieldset p,
#edd_checkout_form_wrap fieldset p,
#edd-card-wrap {
font-size: 18px;
}
.my_account_right .edd_form fieldset p,
#edd_checkout_form_wrap fieldset p {
margin-bottom: 15px !important;
}
.my_account_right .edd_form fieldset p:last-child,
#edd_checkout_form_wrap fieldset p:last-child {
margin: 0 !important;
}
.my_account_right .edd_form fieldset label,
#edd_checkout_form_wrap fieldset label {
margin: 0 0 3px;
display: block !important;
font-size: 15px;
text-transform: uppercase;
font-weight: 600;
}
.edd_form #edd-purchase-button,
.edd_form .edd-submit,
.edd-button,
.edd_form [type="submit"].edd-submit,
.edd-stripe-submit-update,
.edd-stripe-cancel-update,
#edd-stripe-add-new-cancel {
font-family: CircularAir;
display: inline-block;
line-height: 1.32em;
padding: 13px 30px;
border: 0;
border-radius: 8px;
font-weight: 700;
background-image: linear-gradient(
to left bottom,
#5c2b8a,
#7f1371,
#910055,
#970038,
#931d1d
);
color: #fff;
cursor: pointer;
text-decoration: none !important;
font-size: 18px;
}
.edd_form #edd-purchase-button:hover,
.edd_form .edd-submit:hover,
.edd-button:hover,
.edd_form [type="submit"].edd-submit:hover,
.edd-stripe-submit-update:hover,
.edd-stripe-cancel-update:hover,
#edd-stripe-add-new-cancel:hover {
background-image: linear-gradient(
to right bottom,
#5c2b8a,
#7f1371,
#910055,
#970038,
#931d1d
);
}
fieldset#edd_profile_submit_fieldset {
padding: 0;
border: 0;
margin: 50px 0 50px;
}
#edd-stripe-manage-cards div.edd-stripe-card-item {
border: 0;
padding: 0;
margin: 0;
font-size: 18px;
font-weight: 400;
}
.card-actions .edd-stripe-update-card {
font-weight: 700;
}
.edd-stripe-card-item .card-actions a.delete {
color: red;
}
table#edd_user_history,
.my_account_right table {
border: 1px solid #e5e5e5;
font-size: 18px;
padding: 0;
border-collapse: collapse;
width: 100%;
}
table#edd_user_history th,
table#edd_user_history td,
.my_account_right table th,
.my_account_right table td {
background: #f5f5f5;
border: 1px solid #e5e5e5;
padding: 4px 12px;
text-align: left;
}
table#edd_user_history td,
.my_account_right table td {
background: transparent;
padding: 8px 12px;
}
table#edd_user_history td a,
.my_account_right table td a {
font-weight: 500;
color: #970038;
}
.my-account-sec .section-title {
margin-bottom: 70px;
}
body.edd-checkout .default-page-block {
padding: 8vw 0;
}
body.edd-checkout #edd_checkout_wrap {
max-width: 86vw;
padding: 0 20px;
margin: 0 auto;
width: 100%;
position: relative;
z-index: 2;
grid-gap: 30px;
grid-template-columns: repeat(12, 1fr);
display: grid;
}
body.edd-checkout #edd_checkout_wrap #edd_checkout_cart_form {
grid-column: 1 / span 6;
grid-row: 1;
}
body.edd-checkout #edd_checkout_wrap .edd-csau-products {
grid-column: 1 / span 6;
grid-row: 2;
}
body.edd-checkout #edd_checkout_wrap #edd_checkout_form_wrap {
grid-column: 7 / span 6;
grid-row: 1 / 4;
}
table#edd_checkout_cart {
border: 1px solid #e5e5e5;
font-size: 18px;
padding: 0;
border-collapse: collapse;
width: 100%;
margin: 0;
}
table#edd_checkout_cart .edd_cart_header_row th,
table#edd_checkout_cart td {
background: #f5f5f5;
border: 1px solid #e5e5e5;
padding: 4px 12px;
text-align: left;
}
table#edd_checkout_cart td {
background: transparent;
padding: 8px 12px;
}
table#edd_checkout_cart td a {
font-weight: 500;
color: #970038;
}
body.edd-checkout #edd_checkout_form_wrap .edd-payment-icons {
width: 100%;
margin: 0 0 40px;
}
.edd-csau-products {
width: 100%;
border-color: #e5e5e5 !important;
}
.edd-csau-products > h2 {
font-size: 20px;
margin: 0 !important;
font-weight: 400;
padding: 12px 15px;
border-bottom: 1px solid #e5e5e5;
background: #f5f5f5;
font-weight: 700;
color: #666;
}
.edd-csau-products .edd_download {
width: 100% !important;
display: table;
}
.edd_download .edd_price {
margin: 0 !important;
}
.edd_download .edd_purchase_submit_wrapper {
text-align: right;
padding-left: 0;
}
#edd_checkout_cart td.edd_cart_actions,
#edd_checkout_cart td:last-child {
text-align: left !important;
}
.edd_download .edd_download_title {
max-width: 69%;
width: 100%;
padding-right: 0;
margin: 0;
}
.edd-csau-products .edd_download .edd_download_inner {
padding: 0;
width: 100%;
display: table-row;
}
.edd-csau-products .edd_download .edd_download_inner > * {
display: table-cell;
padding: 8px 12px;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
font-size: 18px;
line-height: normal;
font-weight: 300;
}
.edd-csau-products .edd_download .edd_download_inner > *:last-child {
border-right: 0;
}
.edd-csau-products .edd_download:last-child .edd_download_inner > * {
border-bottom: 0;
}
.edd-csau-products .edd_download .edd_download_excerpt {
display: none !important;
}
.edd_download .edd_download_title a {
pointer-events: none;
cursor: default;
}
.cfm-el.toc.cfm_accept_toc.agree-checkbox a {
font-size: 16px;
color: #931d1d;
font-weight: 500;
margin: 0 0 10px;
display: inline-block;
line-height: normal;
}
.edd-stripe-card-item .card-update-form select {
height: auto !important;
}
.card-expiration-fields {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.card-expiration-fields label {
width: 100%;
}
.card-expiration-fields select {
width: calc(50% - 15px) !important;
}
.card-expiration-fields .exp-divider {
width: 10px;
}
.page-template-template-my-account table {
margin-bottom: 40px;
}
.edd-stripe-update-billing-address-wrapper input[type="checkbox"] {
float: left;
}
#edd_checkout_form_wrap fieldset#edd_cc_fields legend {
padding: 5px 10px !important;
}
.edd-stripe-new-card > label {
margin-bottom: 17px !important;
}
.edd_download .edd_purchase_submit_wrapper .edd-add-to-cart {
background-image: linear-gradient(
to left bottom,
#5c2b8a,
#7f1371,
#910055,
#970038,
#931d1d
) !important;
color: #fff !important;
border: 0;
border-radius: 8px !important;
font-family: CircularAir;
}
.edd_download .edd_purchase_submit_wrapper .edd-add-to-cart:hover {
background-image: linear-gradient(
to right bottom,
#5c2b8a,
#7f1371,
#910055,
#970038,
#931d1d
) !important;
}
.edd-logged-in {
display: none;
}
.account_enter_box .edd_form {
font-size: 80%;
}
.account_enter_box .edd_form .edd-lost-password {
margin: 0;
}
.account_enter_box {
max-width: 100%;
width: 420px;
margin: 0 auto;
padding: 30px;
border: 1px solid #e4e4e4;
box-shadow: 1px 1px 45px rgba(0, 0, 0, 0.14);
}
.account_enter_box .edd_form fieldset {
margin: 0;
padding: 0;
}
.account_enter_box .edd_form fieldset legend {
font-weight: 700;
font-size: 26px !important;
padding: 0;
}
.support_section {
padding: 150px 0 120px 0;
}
.support_blocks .row {
margin: 0 -15px;
}
.support_blocks .col-6 {
padding: 0 15px;
margin-bottom: 30px;
}
.support_box {
border: 1px solid #bfbfbf;
padding: 30px 30px 80px 30px;
height: 100%;
position: relative;
}
.support_box .btn {
position: absolute;
bottom: 30px;
}
.small_container {
max-width: 100%;
width: 920px;
margin: 0 auto;
}
.contact-page-cover .support_box {
padding: 30px;
font-size: 18px;
}
.contact-page-cover .support_box h3,
.contact-page-cover .support_box .h3 {
color: #7f1371;
background: linear-gradient(to right, #632683 0, #970038 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.contact-page-cover .support_blocks .col-6 {
margin: 0;
}
.contact-page-cover .support_blocks .col-12 {
margin-bottom: 30px;
}
.contact-page-cover .support_box p a {
text-decoration: underline;
}
.pt-40 {
padding-top: 40px;
}
.cta-block .wp-block-group__inner-container {
padding: 40px;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
}
.cta-block .wp-block-group__inner-container .wp-block-columns {
margin: 0;
}
.cta-block .wp-block-group__inner-container .wp-block-image {
margin: 0;
}
.cta-block-2 .wp-block-columns {
padding: 50px;
}
.cta-block-3 .wp-block-group__inner-container {
padding: 40px;
background: #fff;
-webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
}
.cta-block-3 .wp-block-group__inner-container .wp-block-columns {
margin: 0;
}
.cta-block-3 .wp-block-group__inner-container .wp-block-column p:last-child {
margin: 0;
}
.has-heading-1-font-size mark.has-black-color {
font-weight: 600 !important;
background: linear-gradient(to right, #632683 0, #970038 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
mark.has-black-color {
font-weight: 600 !important;
background: linear-gradient(to right, #632683 0, #970038 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.cta-section {
width: 100%;
padding: 70px 0px;
}
.cta-section .container {
display: flex;
align-items: center;
gap: 2em;
padding: 40px;
background: #fff;
border-radius: 30px;
-webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
}
.cta-section .container > div {
text-align: center;
}
.cta-section .cta-image img {
width: auto;
height: auto;
}
.services-blocks .row {
margin: 0 -15px;
}
.tools-two-column-block .wp-block-column.has-background {
padding: 10% 30px;
}
.tools-two-column-block .wp-block-column.has-background .wp-block-image {
text-align: center;
margin: 0 0 2em;
}
.tools-two-column-block .wp-block-column.has-background .wp-block-image img {
width: 100%;
max-width: 380px;
height: 95px;
}
.faq_bottom_text {
padding-top: 70px;
}
.impact-list-m .row > div {
margin-bottom: 15px;
counter-increment: custom-counter;
}
.impact-list-m .row > div:last-child {
margin-bottom: 0;
}
.impact-Cl {
border: 1px solid #bfbfbf;
padding: 20px;
display: flex;
}
.impact-Cl:before {
content: "0" counter(custom-counter) ".";
font-weight: 600;
margin-right: 12px;
}
.arrow-link {
font-weight: 600;
display: inline-block;
line-height: normal;
font-size: 16px;
}
.arrow-link:hover::after {
left: 5px;
}
.arrow-link:after {
content: "";
display: inline-block;
width: 22px;
height: 14px;
background: url(//wordpressjunkies.eu/wp-content/themes/i-genesys-2022/images/button_arrow_black.svg) no-repeat center center;
vertical-align: middle;
margin-left: 10px;
position: relative;
left: 0;
transition: none;
}
.arrow-link:hover:after {
left: 5px;
}
.mb-160 {
margin-bottom: 160px;
}
.ethos-row {
border-bottom: 1px solid #ccc;
margin: 0 0 30px;
padding: 0 0 30px;
}
.ethos-row h3 {
font-size: 30px;
}
.ethos-row p:last-child {
margin: 0;
}
@media only screen and (min-width: 1024px) {
.active .moved_topCl {
transform: matrix(1, 0, 0, 1, 0, 0);
opacity: 1;
}
.moved_topCl {
transform: matrix(1, 0, 0, 1, 0, -1000);
will-change: transform;
height: 100%;
display: flex;
align-items: center;
}
.moved_bottomCl {
transform: matrix(1, 0, 0, 1, 0, 1000);
will-change: transform;
height: 100%;
display: flex;
align-items: center;
}
.active .moved_bottomCl {
transform: matrix(1, 0, 0, 1, 0, 0);
opacity: 1;
}
}
.page_middle{
padding: 120px 0;
}
.ff-default .ff-el-input--label label{color: #000;font-size: 15px;text-transform: uppercase;font-weight: 700 !important;line-height: normal !important;display: block !important}
.ff-default .ff-el-form-control,.ff-default textarea {border-radius: 0 !important;color: #000 !important;font-family: CircularAir !important;}
.ff-default textarea{min-height: 288px !important;border: 1px solid #000000 !important; font-size: 18px;}
.ff-default .ff-el-form-check label.ff-el-form-check-label{font-size: 15px;}
.fluentform .ff-el-form-check-label .ff-el-form-check-input{width: 18px;height: 18px;margin: 2px 3px 0 0;}
.ff_submit_btn_wrapper button[type="submit"]{line-height: 1.32em;padding: 13px 30px;border: 0;border-radius: 8px;font-weight: 700;opacity: 1 !important; font-size: 18px;} 
.default-content-block{width: 100%;padding: 120px 0 60px;} .wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label{transform: translateY(0.9em);}
.wc-block-components-combobox.is-active .wc-block-components-combobox-control label.components-base-control__label, .wc-block-components-combobox:focus-within .wc-block-components-combobox-control label.components-base-control__label, .wc-block-components-form .wc-block-components-combobox.is-active .wc-block-components-combobox-control label.components-base-control__label, .wc-block-components-form .wc-block-components-combobox:focus-within .wc-block-components-combobox-control label.components-base-control__label, .wc-block-components-form .wc-block-components-text-input input:-webkit-autofill+label, .wc-block-components-form .wc-block-components-text-input.is-active label, .wc-block-components-text-input input:-webkit-autofill+label, .wc-block-components-text-input.is-active label{
transform: scale(0.85) !important;
background: #fff;
padding: 0 8px;
top: -8px;
}
.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label{font-size: 17px !important;}
.woocommerce .checkout #customer_details .form-row label, .woocommerce-form-login .form-row label{
width: 100%;
}
.woocommerce .checkout #customer_details .form-row .woocommerce-input-wrapper, .woocommerce-form-login .form-row .woocommerce-input-wrapper, .woocommerce-form-login .form-row .password-input{
width: 100%;
}
.woocommerce .checkout #customer_details{
margin-bottom: 30px;
}
.woocommerce .checkout #customer_details .form-row textarea{
padding: 15px !important;
height: 8em;
font-size: 16px;
font-family: CircularAir;
}
.woocommerce .form-row .select2-container--default .select2-selection--single{
padding: 12px;
height: auto;
}
.woocommerce .form-row .select2-container--default .select2-selection--single .select2-selection__arrow{
height: 52px;
}
.woocommerce .checkout .woocommerce-shipping-fields .woocommerce-form__input{
width: 20px;
height: 20px;
}
.woocommerce .woocommerce-form-coupon .form-row.form-row-last{
justify-content: flex-start;
float: left;
margin-left: 20px;
}
.woocommerce .woocommerce-checkout-review-order .woocommerce-checkout-payment .wc_payment_method .input-radio{
width: 20px;
height: 20px;
position: relative;
top: 2px;
}
.woocommerce-info{
border-top-color: #000000;
}
.woocommerce-info::before{
color: #000000;
}
header.woocommerce-Address-title, .woocommerce-order-details header{
position: static;
}
.woocommerce-order-details header h2{
margin: 0 0 30px 0;
}
header.woocommerce-Address-title .edit{
font-size: 16px;
}
.woocommerce-Addresses .woocommerce-Address{
padding: 15px;
border: 1px solid #e5e5e5;
}
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link {
margin-bottom: 12px;
}
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active, .woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a{
color: #970038;
}
.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th{
padding: 10px;
}
.woocommerce table.my_account_orders .button{
padding: 8px 18px;
font-size: 16px;
margin: 0 5px 0 0;
}
.woocommerce table.shop_table tr td .button{
padding: 8px 18px;
font-size: 16px;
}
.woocommerce h2 {
font-size: 38px;
}
.woocommerce .woocommerce-MyAccount-content header{
position: static;
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label{
width: 100%;
}
.woocommerce form .password-input, .woocommerce-page form .password-input{
width: 100%;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset{
margin: 20px 0 30px;
}
.woocommerce form .form-row .woocommerce-input-wrapper, .woocommerce-page form .form-row .woocommerce-input-wrapper{
width: 100%;
}
.woocommerce form .form-row .input-checkbox{
margin: -6px 8px 0 0;
width: 18px;
height: 18px;
}
.single-product-main{
padding: 70px 0 0;
} #cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode{
width: 100%;
font-size: 22px;
}
#cmplz-document p, .editor-styles-wrapper .cmplz-unlinked-mode p, #cmplz-document li, .editor-styles-wrapper .cmplz-unlinked-mode li, #cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode td{
font-size: 22px;
} @media only screen and (max-width: 3400px) {
.box-ps1,
.box-ps2 {
transform: translate(12vw, 0);
}
.box-ps3,
.box-ps4 {
transform: translate(-12vw, 0);
}
.box-ps1 {
right: -6vw;
}
.box-ps2 {
right: -3vw;
}
.white_separator:after {
left: -1.1vw;
}
}
@media only screen and (max-width: 3200px) {
.box-ps1,
.box-ps2 {
transform: translate(12vw, 0);
}
.box-ps3,
.box-ps4 {
transform: translate(-12vw, 0);
}
.box-ps1 {
right: -14vh;
}
.box-ps2 {
right: -8vh;
}
.white_separator:after {
left: -1.1vw;
}
}
@media only screen and (max-width: 3100px) {
.box-ps1 {
right: -6vw;
}
.box-ps2 {
right: -7vh;
}
.white_separator:after {
left: -1vw;
}
}
@media only screen and (max-width: 3000px) {
.box-ps1 {
right: -13vh;
}
.white_separator:after {
left: -1vw;
}
}
@media only screen and (max-width: 2900px) {
.white_separator:after {
left: -0.7vw;
}
.box-ps1 {
right: -14vh;
}
}
@media only screen and (max-width: 2500px) {
.box-ps1,
.box-ps2 {
transform: translate(13vw, 0);
}
.number_Box {
width: 13vw;
}
.box-ps1 {
right: -5vw;
}
.box-ps2 {
right: -4vh;
}
}
@media only screen and (max-width: 2400px) {
.box-ps1 {
right: -5vw;
}
.box-ps2 {
right: -1vw;
}
}
@media only screen and (max-width: 2300px) {
.white_separator:after {
left: -0.6vw;
}
}
@media only screen and (max-width: 2200px) {
.white_separator:after {
left: -0.5vw;
}
}
@media only screen and (max-width: 2100px) {
.white_separator:after {
left: -0.2vw;
}
.number_Box {
width: 15vw;
}
.box-ps1 {
right: -3vw;
}
.box-ps2 {
right: 1vw;
}
.box-ps1,
.box-ps2 {
transform: translate(15vw, 0);
}
.box-ps3,
.box-ps4 {
transform: translate(-15vw, 0);
}
}
@media only screen and (max-width: 2000px) {
.box-ps1,
.box-ps2 {
transform: translate(17vw, 0);
}
.box-ps3,
.box-ps4 {
transform: translate(-17vw, 0);
}
.white_separator:after {
left: 0;
}
}
@media only screen and (max-width: 1920px) {
.number_Box {
width: 14vw;
}
.box-ps1 {
right: -2vw;
}
.box-ps2 {
right: 3vw;
}
.number_Box {
width: 17vw;
}
.white_separator:after {
left: -0.5vw;
}
}
@media only screen and (min-width: 1795px) {
.MoreAbout .container {
max-width: 1670px;
}
}
@media only screen and (max-width: 1794px) {
body,
.has-body-font-size {
font-size: 18px;
}
.MoreAbout .container {
max-width: 1441px;
}
.MhCL.Black_move {
width: 888px;
max-width: none;
}
.About-Grid {
width: 930px;
max-width: none;
height: 570px;
}
}
@media only screen and (max-width: 1700px) {
.divice_type {
transform: scale(0.9);
}
.colorBoxes {
height: 140px;
}
.weWork h2 {
font-size: 6.5vw;
}
}
@media only screen and (max-width: 1600px) {
.work_items-CL li {
width: 500px;
}
.work_items-CL ul {
padding: 0 2vw;
}
.foot-info a,
.foot_logo {
font-size: 46px;
}
.fl-full {
padding: 30px 0;
}
footer {
padding-top: 50px;
}
.divice_type {
transform: scale(0.8);
}
.white_separator:after {
left: 0.3vw;
}
.rotater {
width: 83vw;
}
.white_separator:after {
left: -0.2vw;
}
.number_Box {
padding: 15px 20px;
}
.box-ps2 {
right: 3vw;
}
.box-ps1 {
right: -1vw;
}
.colorBoxes {
height: 129px;
}
.joinus,
.joinus.teamListing-Cl:before,
.teamListing-Cl,
.teamListing-Cl:before {
width: 17vw;
height: 21vw;
}
.join {
font-size: 21vw;
}
.Service-RtCl {
width: 69vw;
}
.Service-LabelCl {
width: 16vw;
}
.additional-services,
.architecture-sec,
.full_Image-col,
.how-we-do-sec,
.our-services-sec,
.wp-maintenance-first-section,
.impact-sec {
padding-bottom: 130px;
}
.foot__info-awd {
width: 190px;
}
.my_account_left {
width: 33%;
}
.my_account_right {
width: 67%;
}
}
@media only screen and (max-width: 1440px) {
.work_items-CL li {
width: 450px;
}
.agencyRl h3 {
margin-bottom: 2vw;
}
.laptop_device {
left: auto;
right: 100px;
}
.Service_listing {
padding: 0 20px 40px 20px;
}
.white_separator:after {
width: 0.5vw;
left: 0.2vw;
}
.MoreAbout .container {
max-width: 1366px;
}
.MhCL.Black_move {
width: 852px;
}
.About-Grid {
width: 860px;
height: 600px;
}
.moving_Header {
top: 70px;
}
.colorBoxes {
height: 121px;
}
.manyMore {
font-size: 16px;
}
.MoreAbout .container {
max-width: 1256px;
}
.MhCL.Black_move {
width: 742px;
}
.Aboutext_Lt {
max-width: 600px;
}
.MainMenu.show nav ul li {
font-size: 16px;
}
.co-name {
line-height: normal;
}
.additional-services,
.architecture-sec,
.full_Image-col,
.how-we-do-sec,
.our-services-sec,
.wp-maintenance-first-section,
.impact-sec {
padding-bottom: 100px;
}
.arrow-link-btn a,
.main-menu-nav .menu li {
font-size: 14px;
}
.animated-arrow {
font-size: 1vw;
}
.services-block-inner h3 {
font-size: 60px;
margin: 0 0 20px;
}
}
@media only screen and (max-width: 1400px) {
.white_separator:after {
left: 0.1vw;
}
.box-ps2 {
right: 5vw;
width: 22vw;
}
.box-ps1,
.box-ps2 {
transform: translate(22vw, 0);
}
.box-ps3,
.box-ps4 {
transform: translate(-19vw, 0);
}
.number_Box {
width: 19vw;
}
.why_textCl h2 {
margin-bottom: 23px;
}
nav ul li {
align-items: center;
}
nav ul li span {
bottom: 1.2em;
}
.my_account_left {
width: 35%;
}
.my_account_right {
width: 65%;
}
ul.my_account_vertical_menu li {
margin: 0 12px 12px 0;
}
ul.my_account_vertical_menu li a {
padding: 11px 20px;
}
.edd_form #edd-purchase-button,
.edd_form .edd-submit,
.edd-button,
.edd_form [type="submit"].edd-submit,
.edd-stripe-submit-update,
.edd-stripe-cancel-update,
#edd-stripe-add-new-cancel {
padding: 11px 20px;
}
.my_account_right fieldset {
padding: 20px 28px 28px 28px;
}
}
@media only screen and (max-width: 1365px) {
.small-container {
padding: 0 20px;
}
.Service_listing {
padding: 0 0 40px 20px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 20px;
}
p {
margin: 0 0 20px;
}
.together_layer-knockDoor h2 {
font-size: 4.5vw;
}
.laptop_device {
transform: scale(0.6);
right: 170px;
}
.number_Box {
width: 20vw;
}
.box-ps1 {
right: 1vw;
}
.box-ps2 {
right: 6vw;
}
.box-ps1,
.box-ps2 {
transform: translate(20vw, 0);
}
.box-ps3,
.box-ps4 {
transform: translate(-20vw, 0);
}
.MoreAbout .container {
max-width: 1180px;
}
.MhCL.Black_move {
width: 717px;
}
.About-Grid {
width: 660px;
height: 396.5px;
top: -7vw;
}
.MhCL.Black_move {
width: 779px;
}
.moving_Header {
top: 0;
position: relative;
}
.About-Flex {
height: auto;
}
.MoreAbout {
padding: 200px 0 100px;
}
.Aboutext_Lt {
max-width: 620px;
margin-top: -40px;
}
.colorBoxes {
height: 101px;
font-size: 16px;
margin-right: 10px;
}
.ServiceListing_Cl {
padding: 6vw 0 5vw 0;
}
.togetherCell {
padding: 70px 0 60px 0;
}
.nav-contactInfo {
margin-right: 0;
}
.joinus,
.joinus.teamListing-Cl:before,
.teamListing-Cl,
.teamListing-Cl:before {
width: 17vw;
height: 21vw;
}
.services-sec-row {
padding: 30px 0 0;
}
.services-row-section {
padding: 40px 0 0;
}
.services-row-section {
padding: 50px 0;
}
.MainMenu.show nav ul li {
font-size: 15px;
}
.wd-block-r {
padding: 0 0 0 60px;
}
.work__list_title {
-webkit-text-stroke-width: 1px;
}
.filter_block {
bottom: 30px;
right: 30px;
width: 220px;
}
.filter_block ul li {
font-size: 13px;
}
.pros-block .row > div {
width: 50%;
}
.pros-block .hwd-Cl h3 {
font-size: 20px;
}
}
@media only screen and (max-width: 1280px) {
.container-1200 {
max-width: 86vw;
}
nav ul li span {
font-size: 14px;
}
nav ul li:hover span {
transform: matrix(1, 0, 0, 1, 9, 4);
}
.animated-arrow {
font-size: 1.2vw;
}
.work_Name {
font-size: 40px;
}
a.btn.offer-btn.we-are-hiring-btn {
right: 14%;
}
.pricing__section .section-title {
margin: 0 0 40px;
}
.pricing__section {
padding: 40px 0 130px;
}
.price_section_bottom .btn {
font-size: 22px;
}
.price_section_bottom ul li {
font-size: 16px;
}
.price_section_bottom {
padding: 10px 0 0 0;
}
.pricing-col {
padding: 12px;
}
.pri-tit-row h4 {
font-size: 16px;
}
.pri-tit-row .btn {
padding: 9px 15px;
font-size: 14px;
}
.client-stories-section {
padding: 90px 0;
}
.client-stories-slider {
padding: 0 0 0;
}
.client-stories-section .slick-arrow {
top: -18%;
}
.tools-two-column-block
.wp-block-column.has-background
.wp-block-image
img {
max-width: 320px;
height: 70px;
}
.wc-block-components-sidebar{padding-left: 0px !important;}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{font-size: 1.15em !important;}
}
@media only screen and (max-width: 1179px) {
body,
.has-body-font-size {
font-size: 18px;
}
p {
margin-bottom: 20px;
}
footer label {
font-size: 22px;
}
.foot-info a,
.foot_logo {
font-size: 38px;
}
.fl-full {
padding: 20px 0;
}
.threeCl {
margin-right: 20px;
padding: 25px 30px;
}
h1,
.has-heading-1-font-size {
font-size: 5.1vw;
}
.agencyRl svg {
width: 42px;
height: 56px;
margin-bottom: -12px;
margin-left: -10px;
}
.brandLogo {
display: flex;
align-items: center;
justify-content: center;
}
.topspace {
padding-top: 0;
}
.brandLogo img {
height: 170px;
}
.favoriteCl-formCl {
max-width: 50vw;
}
.laptop_device {
transform: scale(0.6);
left: -40%;
}
.mobile_device {
transform: scale(0.6);
}
.workmain .project h2 {
margin-bottom: 30px;
}
.workmain .project h2 {
letter-spacing: 3px;
}
.contactinfo_Cell ul {
flex-wrap: wrap;
}
.Service_Name h2 {
font-size: 2.5vw;
}
.white_separator:after {
left: 0.5vw;
}
.number_Box {
width: 21vw;
line-height: normal;
font-size: 17px;
}
.box-ps2 {
right: 8vw;
}
.box-ps1 {
right: 3vw;
}
.box-ps1,
.box-ps2 {
transform: translate(22vw, 0);
}
.box-ps3,
.box-ps4 {
transform: translate(-22vw, 0);
}
.MoreAbout .container {
max-width: 1024px;
}
.MhCL.Black_move {
width: 561px;
}
.About-Grid {
width: 770px;
height: 456.5px;
}
.moving_Header {
top: 70px;
}
.manyMore {
font-size: 15px;
}
.colorBoxes {
height: 92px;
}
.animated-arrow {
font-size: 16px;
}
.brand-left {
width: 26vw;
}
.brandLogo img {
height: auto;
max-width: 90%;
}
.data-content {
padding: 15px;
font-size: 15px;
}
.MoreAbout .container {
max-width: 884px;
}
.About-Grid {
width: 530px;
height: 346px;
right: 0;
bottom: -3vw;
top: auto;
}
.MhCL.Black_move,
.moving_Flex {
width: 100%;
}
.MhCL.White_move {
display: none;
}
.MhCL {
position: relative;
top: 0;
}
.Aboutext_Lt {
margin: 0;
}
.moving_Header {
top: 0;
}
.Aboutext_Lt {
max-width: 530px;
}
.what-we-do-caps h3 {
font-size: 28px;
line-height: 1.3em;
}
.Service-LabelCl label {
font-size: 18px;
padding: 9px 15px;
}
.radio-list {
padding: 0 100px;
}
.col2 {
width: 48%;
}
nav ul li span {
display: none;
}
.ServiceListing_Cl .container {
flex-direction: column;
}
.Service-RtCl {
width: 100%;
}
.Service-LabelCl {
margin-bottom: 44px;
margin-left: 20px;
max-width: 200px;
width: 100%;
}
.wd-block-l {
width: 35%;
}
.wd-block-r {
padding: 0 0 0 20px;
width: 65%;
}
.rcs-Cl {
width: 33.33%;
}
.additional-services .row .col-3 {
width: 33.33%;
}
.architecture-list-m .row .col-3 {
width: 50%;
margin: 0 0 30px;
}
.engage-models-main .row .col-4 {
width: 50%;
margin: 0 0 30px;
}
.our-services-block-rh .col-4 {
width: 100%;
}
.our-services-block-rh .col-8 {
width: 100%;
}
.our-services-sec .col-3 {
width: 33.33%;
}
.our-services-sec .col-3 {
width: 50%;
}
.col-6.what-we-do-blocks-col-3 {
width: 100%;
}
.parallax-1 {
transform: translateY(0) !important;
}
.additional-services,
.architecture-sec,
.full_Image-col,
.how-we-do-sec,
.our-services-sec,
.wp-maintenance-first-section,
.impact-sec {
padding-bottom: 60px;
}
.how-we-do-main {
padding-top: 0;
}
.what-we-do-blocks-col-2 > .row > div,
.what-we-do-blocks-col-3 > .row > div {
height: auto;
}
.wd-block-l h1 {
font-size: 3em;
}
.additional-services .col-3,
.additional-services .col-9,
.additional-services > .container > .row > .col-3,
.architecture-sec .col-3,
.architecture-sec .col-9,
.how-we-do-sec .col-3,
.how-we-do-sec .col-9,
.our-services-sec .col-3,
.our-services-sec .col-9 {
width: 100%;
}
.our-services-sec
> .container
> .row
> .col-3:nth-child(1).our-services-block {
height: auto;
margin-bottom: 20px;
}
.services-block-inner h3 {
font-size: 40px;
}
.Aboutext_Lt p:nth-child(3) {
width: 90%;
}
.position1 {
margin-left: 69vw;
}
a.btn.offer-btn.we-are-hiring-btn {
top: 115px;
bottom: auto;
transform: none;
border-radius: 0 0 8px 8px;
right: -60px;
transform: rotate(-90deg);
border-radius: 8px 8px 0 0;
}
.offer-btn {
bottom: 100px;
top: auto;
}
.blog-single-page-image {
padding-left: 5%;
}
.price_section_top h2 {
margin: 0 0 20px;
}
.hightlight-price-box {
transform: scale(1.15);
}
.hightlight-price-box .btn {
padding: 10px 20px;
font-size: 16px;
}
.plan-price span {
font-size: 45px;
}
.acc__title {
font-size: 20px;
}
.sm-section-title h2 {
font-size: 2.8vw;
}
.acc__control {
width: 28px;
height: 28px;
top: 0;
}
.about_our_value .col-3,
.about_our_value .col-9 {
width: 100%;
}
.t-m-image {
width: 120px;
height: 120px;
}
.t-m-content h2 {
font-size: 20px;
}
.t-m-content p {
font-size: 16px;
}
.our-team-section {
padding: 80px 0 0;
}
.our-team-section .row > div {
width: 33.33%;
}
.our-team-section .row > div:nth-child(2) .our-team-box,
.our-team-section .row > div:nth-child(4) .our-team-box,
.our-team-section .row > div:nth-child(5) .our-team-box,
.our-team-section .row > div:nth-child(7) .our-team-box {
background-color: transparent;
}
.our-team-section .row > div:nth-child(odd) .our-team-box {
background-color: #fafafa;
}
.mega-menu-has-children .sub-menu .menu {
columns: 2;
}
.my_account_left {
width: 100%;
}
.my_account_right {
width: 100%;
padding: 30px 0 0;
}
.main-menu-nav .menu li {
padding: 15px 15px;
}
.my-account-sec .section-title {
margin-bottom: 30px;
}
.add-label {
width: 40%;
}
.rajkot-add,
body span.flex-cl2 {
width: 40%;
}
.amd-add {
width: auto;
}
.cta-block-3
.wp-block-group__inner-container
.wp-block-columns
.wp-block-column:nth-child(2) {
flex-basis: 300px !important;
}
.tools-two-column-block .wp-block-column.has-background {
padding: 14% 30px;
}
}
@media only screen and (max-width: 1024px) {
.nav-contactInfo {
margin-right: 0;
}
.flex-3col {
flex-direction: column;
}
.menu_Animated-Logo svg {
width: 113px;
height: 66vh;
}
.overGif {
display: none;
}
.fl-full p {
margin-bottom: 0;
}
.foot_C_W {
padding: 20px 0;
margin-top: 40px;
}
.what-we-do-section {
padding: 50px 0;
}
.contact-form-sec {
padding-bottom: 50px;
}
.Sl_Row {
margin-bottom: 50px;
}
h6,
.has-heading-6-font-size {
font-size: 2.8vw;
}
.what-we-do-section .smart_heading {
margin-bottom: 30px;
}
.two-col-tit-caps {
margin: 0;
width: 100%;
}
.services-blocks .row {
flex-wrap: wrap;
margin: 0 -10px;
}
.services-blocks .col-3 {
width: 50%;
margin-bottom: 20px;
padding: 0 10px;
}
.services-blocks {
padding-top: 30px;
}
.wework-caps-rh {
width: 100%;
}
.wework-country img {
max-height: 40px;
max-width: 40px;
}
.wework-country li label {
font-size: 15px;
}
.wd-block-l h1 {
font-size: 2.8em;
}
.rajkot-add,
body span.flex-cl2,
.add-label {
width: 100%;
}
.add-label {
padding: 0 0 20px;
}
.footer-address .add-label > label {
margin-top: 10px;
}
.rajkot-add {
padding: 0 0 15px;
}
span.flex-cl1,
span.flex-cl2,
span.flex-cl3 {
margin: 0 0 15px;
}
.nav-links .nav-subtitle {
font-size: 14px;
}
.nav-links .nav-title {
font-size: 16px;
}
.nav-links .nav-date {
font-size: 12px;
}
.single-post .blog-page-list-cover .row > div {
padding-top: 50px;
}
.single-post .post-navigation-cover-block .row > div {
padding-top: 0;
}
.two-col-tit-caps .row > div {
width: 100%;
}
.services-block {
height: 100%;
}
.services-block-inner {
font-size: 18px;
}
}
@media only screen and (max-width: 1023px) {
h2,
.has-heading-2-font-size {
font-size: 4vw;
}
.work_Name {
font-size: 3.5vw;
}
.nl_Col {
position: relative;
transform: none;
}
.moved_bottomCl .work_Thumb,
.moved_topCl .work_Thumb {
margin: 0;
height: 0;
padding-bottom: 140%;
}
.work_Thumb img {
display: none;
}
.work_Thumb {
overflow: visible;
}
.moved_bottomCl .work_Dec,
.work_Dec {
font-size: 3.5vw;
padding: 1.5vw 0 0;
}
.what-we-do-col-3 {
width: 50%;
}
.radio-list {
padding: 0;
}
.radio-list-row {
margin: 0 -10px;
}
.radio-col {
padding: 0 10px;
}
.form-col-2 {
width: 47%;
}
.form-field {
margin-bottom: 30px;
}
.form-field textarea {
height: 150px;
}
.joinus-popup-m {
padding: 30px 20px 30px 20px;
overflow: auto;
display: block;
z-index: 999;
}
.jp-l {
padding: 40px;
}
.offer-popup-block {
padding: 40px 50px 50px;
}
.offer-popup-block {
max-width: 700px;
}
.offer-popup-main {
right: -720px;
}
.offer-popup-tit h3 {
font-size: 34px;
}
.contact_graphic {
max-width: 100%;
}
.contact-fixed .col2 {
width: 100%;
padding: 50px 0 0;
max-width: 100%;
}
.contact-fixed {
position: static;
width: 100%;
}
.contact-fixed .col2 h1 {
margin-top: 0;
}
.work_Dec.for-mobile {
display: block;
}
.work_Dec.for-desktop {
display: none;
}
.componentBlock-Cl {
width: 100%;
}
.componentBlock-Cl:last-child .componentBlock-in:last-child {
margin: 0;
}
.work-meta-title {
margin: 30px 0 50px;
}
.wd-block-m {
padding: 0 0 30px 0;
}
.wd-video-block-m {
padding: 0 0 30px 0;
}
.rcs-Cl {
width: 50%;
}
.single-banner.bg-img {
padding-bottom: 50%;
margin-bottom: 30px;
}
.wsay-assets-2 {
max-width: 10%;
}
.wsay-assets-6,
.wsay-assets-7 {
max-width: 8%;
}
.wsay-assets-10 {
max-width: 10%;
}
.wsay-assets-13 {
max-width: 12%;
}
.wsay-assets-8 {
max-width: 14%;
}
.wsay-assets-3 {
max-width: 22%;
}
.contact-caps-section {
padding-bottom: 60px;
}
.col-4 {
width: 50%;
}
.what-we-do-blocks-col-2 .col-8 {
width: 100%;
}
.plugins-logos-parallax-section img {
max-width: 10vw;
max-height: 10vw;
}
.plugins-logo-1 {
margin-right: 3vw;
margin-top: -2vw;
}
.plugins-logo-2 {
margin-right: 3vw;
margin-top: -2vw;
}
.plugins-logo-3 {
margin-right: 3vw;
margin-top: -2vw;
}
.plugins-logo-4 {
margin-right: 3vw;
margin-top: -2vw;
}
.plugins-logo-5 {
margin-right: 3vw;
margin-top: -2vw;
}
.plugins-logo-6 {
margin-right: 0;
margin-top: -2vw;
}
.plugins-logo-7 {
margin-right: 3vw;
margin-top: 6vw;
}
.plugins-logo-8 {
margin-right: 3vw;
margin-top: 5vw;
}
.plugins-logo-9 {
margin-right: 3vw;
margin-top: 3vw;
}
.plugins-logo-10 {
margin-right: 3vw;
margin-top: 7vw;
}
.plugins-logo-11 {
margin-right: 3vw;
margin-top: -2vw;
}
.plugins-logo-12 {
margin-right: 3vw;
margin-top: 8vw;
}
.plugins-logo-13 {
margin-right: 3vw;
margin-top: 5vw;
}
.plugins-logo-14 {
margin-right: 3vw;
margin-top: 3vw;
}
.plugins-logo-15 {
margin-right: 3vw;
margin-top: 5vw;
}
.plugins-logo-16 {
margin-right: 3vw;
margin-top: 4vw;
}
.plugins-logo-17 {
margin-right: 3vw;
margin-top: -2vw;
}
.plugins-logos-parallax-section {
min-height: 70vw;
margin-bottom: 0;
padding-top: 100px;
}
.wp-maintenance-first-section .col-3,
.wp-maintenance-first-section .col-9 {
width: 100%;
}
.contact-form-sec
.small-container
.gform_wrapper
form
.gform-body
ul.gform_fields
li.gfield.gf_left_half,
.contact-form-sec
.small-container
.gform_wrapper
form
.gform-body
ul.gform_fields
li.gfield.gf_right_half {
width: 100%;
}
.contact-form-sec
.small-container
.gform_wrapper
form
.gform-body
ul.gform_fields
li.gfield {
margin: 0 0 20px;
}
.services-block-inner h3 {
font-size: 60px;
}
.mac-img {
padding: 20px 0 50px;
}
.main-menu-nav .menu li {
padding: 0 10px;
}
.blog-single-page-content,
.blog-single-page-image {
width: 100%;
}
.blog-single-page-content {
order: 2;
}
.blog-single-page-image {
padding: 0 0 40px;
}
.blog-single-page-cover {
padding: 54px 0 0;
}
.blog-single-page-image {
position: relative;
top: 0;
height: auto;
float: none;
}
.mobile_filter_icon {
display: flex;
}
.filter_block {
display: none;
bottom: 100px;
width: 280px;
padding: 5px 0;
background-color: #fff;
}
.filter_block .more_category {
display: none !important;
}
.filter_block .hide_ctg {
display: block;
}
.work__section {
padding: 0 70px;
}
.work__list_title {
font-size: 6vw;
}
.work__section .container {
padding: 0 20px;
}
.footer-visible .mobile_filter_icon {
display: none;
}
.footer-visible .filter_block {
display: none;
}
.pricing-section {
padding: 80px 0;
}
.pricing__section {
padding: 30px 0 120px;
}
.qus-slider-section .col-3,
.qus-slider-section .col-9,
.home-blog-list .col-3,
.home-blog-list .col-9 {
width: 100%;
}
.qus-slider-section {
padding: 80px 0;
}
.home-blog-list {
padding: 80px 0 0;
}
.mega-menu-has-children .sub-menu {
padding: 25px;
}
.mega-menu-has-children .sub-menu .btn {
padding: 13px 15px;
margin: 15px 15px;
}
.logo {
min-width: 120px;
}
.logo svg {
width: 120px;
display: inline-block;
}
.arrow-link-btn a {
padding: 12px 15px;
}
.main-menu-nav .menu li {
padding: 0 6px;
}
.arrow-link-btn a,
.main-menu-nav .menu li {
font-size: 13px;
}
body.edd-checkout #edd_checkout_wrap {
display: block;
}
body.edd-checkout #edd_checkout_wrap #edd_checkout_form_wrap {
padding: 40px 0 0;
}
.support_section {
padding: 60px 0 30px 0;
}
.wc-block-components-sidebar{width: 100% !important;margin-top: 30px !important;}
.wc-block-components-sidebar-layout .wc-block-components-main{width: 100% !important;padding-right: 0 !important;}
}
@media only screen and (max-width: 900px) {
.Service-LabelCl,
.Service-RtCl,
.Service_listing {
width: 100%;
}
.ServiceListing_Cl .container {
flex-direction: column;
}
.Service_listing {
padding: 30px 0 30px 0;
margin: 0;
}
.Service_Name h2 {
font-size: 5.5vw;
}
.Service-LabelCl {
padding-bottom: 0;
font-size: 4vw;
margin-left: 0;
margin-bottom: 0;
}
.pagehead h1 {
letter-spacing: 0;
}
.togetherCell .container {
flex-direction: column;
}
.together_layer-knockDoor {
width: 100%;
padding-right: 0;
position: relative;
padding-bottom: 33px;
}
.together_layer-RightCl {
width: 100%;
}
.together_layer-RightCl h2,
.together_layer-knockDoor h2 {
font-size: 6.5vw;
line-height: 1.3em;
}
.Service-LabelCl label {
font-size: 20px;
}
.wd-title-area {
padding: 0 0 30px;
}
.wd-title-area h1 {
max-width: 100%;
}
.wd-block-l {
width: 100%;
}
.wd-block-r {
padding: 20px 0 0;
width: 100%;
}
.tow-col-img-layout,
.wd-thumb {
padding-bottom: 20px;
}
.our-services-sec .col-3,
.our-services-sec .col-9 {
width: 100%;
}
.additional-services .row .col-3 {
width: 50%;
}
.how-we-do-main {
padding-top: 0;
}
.engage-models-block h4 {
font-size: 22px;
}
.section-tit-subtit {
padding: 0 0 20px;
}
.Aboutext_Lt {
max-width: 100%;
}
.MhCL {
top: 0;
position: relative;
}
.moving_Header {
position: relative;
}
.Aboutext_Lt {
margin: 0;
padding: 0;
}
.moving_Header {
top: 0;
}
.About-Flex {
height: auto;
text-align: center;
margin-bottom: 40px;
width: 100%;
}
.About-Grid {
position: relative;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: inline-block;
vertical-align: top;
margin: auto;
}
#work .section,
#work .section > div {
height: auto !important;
}
#work .whiteSection {
background: #f1eedc;
}
#work #FooterMain.section {
padding: 0;
}
.MhCL.White_move {
display: none;
}
.MhCL.Black_move {
width: 100%;
}
.About-Grid {
width: 100%;
}
.MoreAbout .container {
display: flex;
flex-wrap: wrap;
}
.moving_Header {
order: 2;
}
.Aboutext_Lt {
max-width: 100%;
}
.grid1 {
height: 20.9%;
transition-delay: 0.3s;
}
.grid2 {
height: 70%;
transition-delay: 0.4s;
}
.grid3 {
height: 20.9%;
transition-delay: 0.9s;
}
.grid4 {
height: 8.5%;
transition-delay: 1.1s;
}
.grid5 {
height: 28.2%;
transition-delay: 0.8s;
}
.grid6 {
height: 28.2%;
transition-delay: 1.3s;
}
.grid7 {
height: 72.3%;
transition-delay: 1.2s;
}
.colorBoxes,
.manyMore {
opacity: 1;
transform: translate(0, 0) !important;
}
.Countries-List {
flex-wrap: wrap;
align-items: center;
}
.colorBoxes {
width: 20%;
margin-bottom: 20px;
min-height: 15vw;
}
.contact-caps-section {
padding-bottom: 50px;
}
span.flex-cl2 {
max-width: none;
}
.Aboutext_Lt p:nth-child(3) {
width: 100%;
}
.MoreAbout {
padding: 80px 0;
}
.qus-slider-section h3 {
font-size: 4vw;
}
.page-id-10 .pagehead-animate h1 span {
display: block;
}
.page-id-10 .pagehead-animate h1 br {
display: none;
}
.services-block-inner h3 {
font-size: 50px;
}
.blog-page-banner label {
display: none;
}
.blog-page-banner h1 {
font-size: 42px;
margin: 0 0 30px;
}
.blog-category-search.for-mobile {
display: inline-block;
}
.blog-category-search.for-desktop {
display: none;
}
.blog-title-inner {
min-height: auto;
}
.blog-category-filterbar {
width: calc(100% - 0px);
}
.blog-page-list-cover .btn {
padding: 0 15px;
line-height: 45px;
font-size: 16px;
font-weight: 400;
}
.blog-single-page-cover .row > div.col-12 {
padding-bottom: 30px;
}
.blog-single-page-cover .row > div.col-12 label {
font-size: 16px;
}
.blog-page-banner .single-blog-title h1 {
font-size: 38px;
margin: 0;
}
.single-blog-cover .blog-page-banner {
padding: 50px 0;
}
.wp-block-rank-math-toc-block h2 {
font-size: 28px;
}
.st-icon {
top: 24px;
}
}
@media only screen and (max-width: 991px) {
.wp-block-media-text.is-stacked-on-mobile {
grid-template-columns: 100% !important;
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
grid-column: 1;
grid-row: 2;
padding: 30px 0;
}
.price_section_row {
flex-wrap: wrap;
justify-content: center;
}
.price_section_col {
width: 400px;
max-width: 100%;
flex: none;
}
.hightlight-price-box {
transform: scale(1);
}
.acc > div {
width: 100%;
padding: 0;
}
.acc {
margin: 0;
}
.sm-section-title h2 {
font-size: 4vw;
}
.cta-block-3
.wp-block-group__inner-container
.wp-block-columns
.wp-block-column,
.cta-block-3
.wp-block-group__inner-container
.wp-block-columns
.wp-block-column:nth-child(2) {
flex-basis: 100% !important;
}
.cta-block-3 .wp-block-group__inner-container .wp-block-columns {
flex-wrap: wrap !important;
}
.cta-block-3
.wp-block-group__inner-container
.wp-block-columns
.wp-block-column
.is-content-justification-center {
justify-content: flex-start;
}
.cta-section .container > div {
width: 100%;
}
.cta-section .container {
flex-wrap: wrap;
padding: 30px;
}
.cta-section {
padding: 50px 6vw;
}
.two-col-icon-text-block > div {
width: 100%;
}
.two-col-section .row > div {
width: 100%;
}
.two-col-left {
padding: 10% 30px;
}
.two-col-left {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 781px) {
.tools-two-column-block {
margin: 0 0 45px;
}
}
@media only screen and (max-width: 768px) {
body,
html {
overflow-x: hidden;
}
h1,
.h1,
.has-heading-1-font-size {
font-size: 7.5vw;
margin: 0 0 30px;
}
h2,
.h2,
.has-heading-2-font-size {
font-size: 6vw;
}
.work_Name {
font-size: 5vw;
}
.work_items-CL ul {
padding: 0;
}
.container,
.alignwide,
body.edd-checkout #edd_checkout_wrap {
width: 100%;
max-width: 100%;
}
.sticky .logo {
opacity: 1;
}
.co-name {
font-size: 13px;
}
.draw {
height: 40px;
width: 40px;
}
.copyRight {
font-size: 16px;
}
.menu_Animated-Logo svg {
display: none;
}
.laptop_device {
top: 17%;
}
.Overlya_Title {
top: 83%;
font-size: 17vw;
}
.togetherCell .container {
flex-wrap: wrap;
}
.together_layer-RightCl,
.together_layer-knockDoor {
width: 100%;
margin: 0;
}
.togetherCell {
padding: 50px 0;
}
.contactinfo_Cell ul {
line-height: normal;
margin-bottom: 0;
}
.ServiceListing_Cl {
padding-bottom: 4vw;
}
.laptop_device {
top: 0;
}
.number_Box {
font-size: 14px;
}
.MhCL {
top: 0;
position: relative;
}
.moving_Header {
position: relative;
}
.Aboutext_Lt {
margin: 0;
padding: 0;
}
.moving_Header {
top: 0;
}
.About-Flex {
height: auto;
text-align: center;
margin-bottom: 40px;
width: 100%;
}
.About-Grid {
position: relative;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: inline-block;
vertical-align: top;
margin: auto;
}
#work .section,
#work .section > div {
height: auto !important;
}
#work .whiteSection {
background: #f1eedc;
}
#work #FooterMain.section {
padding: 0;
}
.MhCL.White_move {
display: none;
}
.MhCL.Black_move {
width: 100%;
}
.active .why_textCl,
.why_textCl {
margin-top: 0;
}
.WordMap {
top: 0;
}
.flexCl {
height: auto;
}
footer {
padding: 50px 0 0 0;
}
.colorBoxes {
min-height: 117px;
}
.About-Grid {
height: 356px;
}
.project {
margin: 0 0 35px;
}
.Work_Listing,
.Work_Tagline,
.ag-text,
.container,
.alignwide,
body.edd-checkout #edd_checkout_wrap {
padding: 0 6vw;
}
.fp-tableCell,
.section {
height: auto !important;
}
.work_items-CL {
height: auto;
}
.projectCl {
flex-wrap: wrap;
height: auto;
}
.work_items-CL li {
padding: 0;
margin-bottom: 8vw;
}
.work_Thumb img {
display: none;
}
.work_Thumb {
overflow: visible;
}
.work_items-CL li {
width: 100%;
}
.moved_bottomCl .work_Dec,
.work_Dec {
top: 0;
top: 0;
padding: 2.5vw 0 0;
position: relative;
color: #000;
z-index: 9;
width: 100%;
height: 100%;
}
.nl_Col {
padding: 0;
}
.pagehead h1 {
font-size: 7.5vw;
letter-spacing: 0;
}
.home .pagehead h1,
.page-id-18 .pagehead h1,
.page-id-20 .pagehead h1 {
height: auto;
}
.animated-arrow {
font-size: 18px;
}
.pagehead h1 br {
display: none;
}
.nav-contactInfo {
display: none;
}
.MainMenu:after {
display: none;
}
.MainMenu nav {
width: 100%;
}
.MainMenu nav ul li a {
font-size: 6vw;
}
header .container {
z-index: 9;
position: relative;
align-items: center;
}
header.sticky:after {
opacity: 1;
}
.menu-opened header.sticky:after {
opacity: 0;
}
header.sticky .hmbrgr span {
color: #fff;
}
header.sticky .hmbrgr a span {
background: #fff;
}
.hmbrgr:hover span.line2 {
width: 100%;
left: 0;
right: 0;
}
.threeCl {
transform: translate(0, 0);
}
.agencyRl h3 {
font-size: 4.5vw;
}
body,
.has-body-font-size {
font-size: 20px;
}
.threeCl-Main {
position: relative;
display: flex;
padding-top: 30px;
}
.threeCl {
width: 33.33%;
margin: 0;
padding: 3vw 6vw;
}
.threeCl:last-child {
margin-bottom: 0;
}
.threeCl-Main {
width: 100%;
}
.webAgency .container {
padding: 0;
}
.co-name {
font-size: 2.4vw;
line-height: 1.5em;
padding: 10px 0;
}
.counter {
font-size: 8vw;
}
.brand-left {
width: 100%;
padding: 0 0 30px;
}
.brand-left p {
margin-bottom: 0;
}
.giftIcon {
bottom: 12vw;
}
.giftIcon svg {
margin-left: 0;
}
.answersCl span {
transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
transition-duration: 0.5s;
}
span.selected {
padding-left: 30px;
}
.answersCl span svg {
width: 15px;
height: 15px;
left: 0;
top: 46%;
}
.score {
right: 9.5vw;
}
.qa_listing label {
font-size: 5.3vw;
line-height: 1.4em;
}
.agencyRl h3,
.favoriteCl-Cell h5 {
font-size: 4.5vw;
line-height: 1.4em;
}
.lines {
display: none;
}
.work_Name {
font-weight: 600;
line-height: 1.1em;
padding: 0;
text-transform: uppercase;
}
.webAgency {
padding: 50px 0;
}
.brand-main {
flex-wrap: wrap;
align-content: center;
}
.brand-right {
width: 100%;
}
.favoriteCl-formCl {
max-width: 100vw;
}
.agencyRl {
margin: 0;
}
.brands-values {
padding-bottom: 40px;
}
.favoriteCl-Cell h4 {
font-size: 10vw;
}
.favorite-cmsCl {
display: none;
}
.Overlya_Title {
transform: translate3d(0, 0, 0) !important;
top: 29%;
}
.project {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.Device_Changer,
.project-Animation,
.projectInfo,
.project_Thumb-Cl {
display: none;
}
.mobile_layers {
display: block;
}
.desktop_layers {
display: none;
}
.project > .desktop_layers {
display: none;
}
.mobile_work_box {
width: 100%;
background-size: cover;
background-position: center center;
padding: 2vw 0 0;
position: relative;
}
.project .mobile_layers {
width: 100%;
}
#work .work_Name {
color: #000;
}
#work .animated-arrow {
color: #000;
font-size: 2.7vw;
position: relative;
bottom: 0;
right: 0;
line-height: 2em;
}
.nl_Col {
position: relative;
}
.blackover:after {
content: "";
width: 100%;
height: 100%;
background: #000;
opacity: 0.3;
top: 0;
left: 0;
position: absolute;
}
.mobile_work_box .work_Name {
position: relative;
}
.mobile_work_box .animated-arrow,
.mobile_work_box .work_Name {
z-index: 9;
}
.latterName {
bottom: 0;
font-size: 17vw;
}
.joinus,
.joinus.teamListing-Cl:before,
.teamListing-Cl,
.teamListing-Cl:before {
width: 32vw;
height: 39vw;
}
.join {
font-size: 34vw;
}
.weWork {
padding: 65px 0;
}
.About-Grid {
width: 100%;
}
.MoreAbout .container {
display: flex;
flex-wrap: wrap;
}
.moving_Header {
order: 2;
}
.Aboutext_Lt {
max-width: 100%;
}
.grid1 {
height: 20.9%;
transition-delay: 0.3s;
}
.grid2 {
height: 70%;
transition-delay: 0.4s;
}
.grid3 {
height: 20.9%;
transition-delay: 0.9s;
}
.grid4 {
height: 8.5%;
transition-delay: 1.1s;
}
.grid5 {
height: 28.2%;
transition-delay: 0.8s;
}
.grid6 {
height: 28.2%;
transition-delay: 1.3s;
}
.grid7 {
height: 72.3%;
transition-delay: 1.2s;
}
.colorBoxes,
.manyMore {
opacity: 1;
transform: translate(0, 0) !important;
}
.Countries-List {
flex-wrap: wrap;
align-items: center;
}
.colorBoxes {
width: 20%;
margin-bottom: 20px;
min-height: 15vw;
}
.markFlex img {
transform: scale(1);
transition-delay: 3.5s;
}
.markFlex span {
position: absolute;
font-size: 16px;
font-weight: 600;
width: 110px;
left: 44px;
top: 2px;
opacity: 0;
transform: translate(12px, 0);
transition: all 0.4s 0s;
}
.markFlex:hover span {
transform: translate(0, 0);
opacity: 1;
}
.WordMap {
position: relative;
background: 0 0 !important;
margin-bottom: -46vw;
}
.markFlex {
display: none;
}
.mobile-map {
height: 390px;
background-position: center center;
width: 100%;
}
.why_textCl {
max-width: 100%;
opacity: 1;
transform: translate(0, 0);
}
.Numbers_rt {
display: none;
}
.rotater {
display: none;
}
.why_Flex {
position: relative;
padding: 55px 0 25px 0;
}
.whyChoose_section {
background: linear-gradient(90deg, #701b76 0, #910055 100%);
}
.MoreAbout {
padding-top: 56px;
}
.mobile-boxes {
display: flex;
flex-wrap: wrap;
padding-top: 17px;
}
.mb-box {
width: 50%;
padding-bottom: 30px;
line-height: 1.4em;
font-size: 4vw;
}
.mb-box h3 {
color: #fff;
font-size: 10vw;
margin-bottom: 0;
}
.foot_C_W {
position: relative;
padding: 10px 0;
}
footer {
flex-direction: column;
}
.foot_Copyright {
position: relative;
}
.whiteSection .work {
padding-bottom: 35px;
}
.what-we-do-caps h3 {
font-size: 24px;
}
.what-we-do-caps {
font-size: 18px;
}
.joinus-popup-m {
padding: 20px 20px 20px 20px;
}
.jp-in {
overflow: scroll;
height: 100%;
}
.jp-l,
.jp-r {
width: 100%;
}
.popup-close {
z-index: 1;
}
.contact-form-sec form {
padding: 0;
}
.work_Name {
margin: 0 0 1vw;
line-height: 1em;
display: block;
}
#work .mobile_layers .animated-arrow {
position: relative;
line-height: normal;
}
.connect-row {
padding: 0;
}
.connect-row:last-child {
margin: 0;
}
.jp-l {
padding: 50px;
}
.hidden-label {
display: none;
}
.hidden-label + span {
position: relative;
white-space: normal;
}
.wd-block-l h1 {
font-size: 2.5em;
}
span.txt-rotate {
display: inline-block;
min-height: 18vw;
width: 106%;
white-space: normal;
}
#work span.txt-rotate {
min-height: auto;
}
.qus-slider-section h3 {
font-size: 6vw;
min-height: 16vw;
}
.qus-slider-section {
padding: 80px 0;
}
.arrow-link-btn a,
.main-menu-nav .menu li {
font-size: 14px;
}
.main-menu-nav .menu li {
padding: 0 9px;
}
.brandLogo {
padding: 0;
}
.brand-left h2 {
margin-bottom: 50px;
}
.home-testimonials .slick-arrow {
top: -40px;
}
.services-block-inner h3 {
font-size: 55px;
}
.logo {
min-width: 120px;
}
.logo svg {
width: 120px;
display: inline-block;
}
.arrow-link-btn a {
padding: 12px 15px;
}
.main-menu-nav .menu li {
padding: 0 6px;
}
.arrow-link-btn a,
.main-menu-nav .menu li {
font-size: 13px;
}
.default-content-block{padding: 80px 0 60px;}
.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label{font-size: 15px !important;transform: translateY(18px) !important;}
}
@media only screen and (max-width: 767px) {
.service-tr {
flex-wrap: wrap;
}
.service-tr > div {
width: 100%;
margin: 0 0 20px;
}
.service-tr > div.service-content {
margin: 0;
}
.form-col-2 {
width: 100%;
}
.row {
flex-wrap: wrap;
}
.col2 {
width: 100%;
text-align: center;
}
.Sl_Row:last-child {
margin: 0;
}
.Sl_Row {
margin-bottom: 30px;
flex-direction: column;
text-align: center;
padding: 30px;
}
.Sl_Row .br_text_cl {
width: 100%;
}
.Sl_Row .br_icon_cl {
width: 100%;
order: -1;
margin: 0 0 30px;
}
.service_listingCl {
padding: 30px 0 20px 0;
}
.col2 h1 {
font-size: 34px;
margin-top: 30px;
}
.offer-popup-listing li {
width: 100%;
}
.offer-button span {
width: 140px;
line-height: 48px;
right: -11px;
font-size: 16px;
}
.sticky .logo {
opacity: 1;
}
.animated-arrow {
font-size: 16px;
}
.two-col-tit-block {
width: 100%;
}
.two-col-caps-block {
width: 100%;
}
.wework-country li {
width: 50%;
}
.wework-title h2 {
font-size: 40px;
}
.auto-height-section footer {
padding: 30px 0 10px;
}
section.architecture-sec .col-3 {
padding-bottom: 15px;
}
.position3 {
margin-left: 60vw;
}
.position7 {
margin-left: 60vw;
}
.position10 {
margin-left: 54vw;
}
.position16 {
margin-left: 50vw;
}
.position15 {
margin-left: 6vw;
}
.tech-list-block {
margin: 0 10px 10px 0;
}
.col-img {
width: 100%;
margin: 0 0 40px;
}
.col-img:last-child {
margin: 0;
}
.middle.not-found {
padding: 0 4vw;
}
.wsay-assets-2 {
position: absolute;
bottom: 20%;
max-width: 14%;
}
.wsay-assets-4 {
max-width: 14%;
}
.wsay-assets-5 {
max-width: 23%;
}
.wsay-assets-3 {
max-width: 26%;
}
.wsay-assets-6,
.wsay-assets-7 {
max-width: 11%;
}
.wsay-assets-8 {
max-width: 18%;
right: 25%;
}
.wsay-assets-9 {
max-width: 17%;
}
.wsay-assets-10 {
max-width: 13%;
}
.wsay-assets-11 {
right: 17%;
max-width: 15%;
}
.wsay-assets-13 {
max-width: 17%;
}
.contact-caps-section {
padding-bottom: 30px;
}
.mouse,
.offer-btn {
display: none;
}
.full_Image-col {
margin-top: 0;
}
.qus-slider-section h3 {
min-height: 14vw;
}
.main-menu-nav {
position: fixed;
top: 49px;
bottom: 0;
left: 100%;
width: 60%;
padding: 0 0;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
background: #fff;
transition: all 0.5s;
}
.header-lh,
.hide-mobile-menu {
display: none;
}
.show-mobile-menu {
display: block;
}
.mobile-menu-buttons {
display: flex;
position: absolute;
bottom: 0;
width: 100%;
}
.mobile-menu-buttons > a.btn {
width: 50%;
border-radius: 0;
text-align: center;
}
.main-menu-nav .menu {
display: block;
}
.main-menu-nav .menu li {
font-size: 16px;
padding: 0;
}
.main-menu-nav .menu li a {
padding: 14px 20px;
display: block;
width: 100%;
border-bottom: 1px solid #e3e3e3;
}
.main-menu-nav .menu li.button-link,
.main-menu-nav .menu li.button-link a {
width: auto;
}
.main-menu-nav .menu li.button-link {
padding: 20px 20px 0;
}
.main-menu-nav .menu li.button-link a {
font-size: 14px;
line-height: 1.5em;
display: inline-block;
padding: 10px 20px;
}
.main-menu-nav .menu li.button-link a:hover {
color: #fff;
}
.main-menu-nav .menu li.button-link > a::before {
display: none;
}
header {
padding: 15px 0;
}
.mobile-menu {
display: flex;
align-items: center;
padding-right: 20px;
}
.mobile-menu-ul {
padding: 0;
margin: 0;
display: flex;
align-items: center;
}
.mobile-menu-ul li {
padding: 0 15px 0 0;
margin: 0;
list-style: none;
line-height: normal;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.logo {
min-width: auto;
width: 140px;
}
.logo svg {
width: 100%;
}
.menu-icon {
cursor: pointer;
position: relative;
width: 25px;
height: 15px;
margin-left: 10px;
}
.menu-icon span {
position: absolute;
width: 100%;
height: 2px;
background: #000;
transition: all 0.5s;
margin: auto;
left: 0;
right: 0;
}
.menu-icon span:nth-child(1) {
top: 0;
}
.menu-icon span:nth-child(2) {
top: 7px;
}
.menu-icon span:nth-child(3) {
top: 14px;
}
.open-mobile-menu .menu-icon span:nth-child(1) {
top: 7px;
transform: rotate(45deg);
}
.open-mobile-menu .menu-icon span:nth-child(2) {
width: 0;
}
.open-mobile-menu .menu-icon span:nth-child(3) {
top: 7px;
transform: rotate(-45deg);
}
.open-mobile-menu .main-menu-nav {
left: 40%;
overflow-y: auto;
overflow-x: hidden;
}
.button-link {
display: block;
}
header.sticky {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.brand-right {
justify-content: space-between;
}
.brandLogo {
width: 28%;
padding: 0;
}
.brandLogo img {
max-width: 100%;
}
.plugins-logos-parallax-section {
padding-top: 50px;
padding-bottom: 50px;
}
.hiring-popup .row {
overflow: auto;
}
.hiring-popup .col-6 {
width: 100%;
}
.hiring-popup-list {
padding: 30px 20px;
}
.hiring-popup-tit .h2,
.hiring-popup-tit .h1 {
width: 100%;
text-align: center;
}
.hiring-popup-list {
justify-content: center;
}
.hiring-popup ul li {
padding-left: 25px;
margin: 0 0 20px;
font-size: 24px;
}
.hiring-popup ul li:last-child {
margin-bottom: 0;
}
.hiring-popup ul li:before {
height: 10px;
width: 10px;
border-width: 3px;
top: 8px;
}
.hiring-popup .col-6 {
min-height: 50%;
}
.hiring-popup-tit .h1 {
font-size: 56px;
}
.hiring-popup-tit .h2 {
font-size: 66px;
}
.blog-single-page-cover,
.blog-page-cover {
padding: 49px 0 0;
}
.button-link.we-are-hiring-btn {
display: none;
}
.sub-menu,
.mega-menu-has-children .sub-menu {
position: static;
width: 100%;
min-width: 100%;
display: none;
transition: none;
padding: 0;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
background-color: #f9f9f9;
opacity: 1;
visibility: visible;
transform: none;
}
.menu-item-has-children .sub-menu li {
margin: 0;
}
.mega-menu-has-children .sub-menu .menu {
columns: 1;
width: 100%;
}
.sub-menu li {
width: 100%;
padding: 0;
margin: 0;
}
.mega-menu-has-children .sub-menu .menu li {
padding: 0;
margin: 0;
}
.mega-menu-has-children .sub-menu .btn {
display: none;
}
.menu-item-has-childrenm,
.mega-menu-has-children {
position: relative;
}
.sub-icon {
position: absolute;
display: inline-block;
width: 48px;
height: 48px;
border-left: 1px solid #e3e3e3;
right: 0;
top: 0;
z-index: 2;
}
.sub-icon:before {
position: absolute;
content: "";
width: 10px;
height: 2px;
background: #000;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s;
}
.sub-icon:after {
position: absolute;
content: "";
width: 2px;
height: 10px;
background: #000;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s;
}
.sub-icon-active:after {
height: 0;
}
.main-menu-nav .menu li a::before {
display: none;
}
.mega-menu-overlay {
display: none;
}
.btn,
.button-link > a,
.contact-form-sec
.small-container
.gform_wrapper
form.gform_footer.top_label
.gform_button.button,
.form-submit input {
line-height: 1.5em;
padding: 12px 20px;
}
.wp-block-buttons .wp-block-button .wp-block-button__link {
font-size: 18px;
padding: 9px 20px 11px !important;
line-height: 1.5em;
}
.desktop-pricing-block {
display: none;
}
.mobile-pricing-block {
display: block;
}
.sm-section-title h2 {
font-size: 4.5vw;
}
.price__btns {
margin-bottom: 40px;
}
.pricing__section {
padding: 30px 0 80px;
}
.accordion_section {
padding: 80px 0;
}
.MB-table {
display: none;
}
.MB-head a.btn {
padding: 8px 40px;
}
.MB-columns {
width: 100%;
text-align: center;
padding-bottom: 14px;
border-bottom: 1px solid rgba(158, 149, 149, 0.3);
margin-bottom: 23px;
}
.MB-columns:last-child {
margin: 0;
padding: 0;
}
.MB-head {
display: flex;
justify-content: space-between;
align-items: center;
text-align: left;
padding-bottom: 0;
border-bottom: 0;
position: relative;
padding: 0 25px 0 0;
z-index: 1;
}
.MB-columns h2 {
font-weight: 700;
font-size: 34px;
margin: 0;
color: #fff;
}
.MB-columns h4 {
margin: 10px 0 10px 0;
font-size: 21px;
font-weight: 500;
opacity: 1;
color: #fff;
}
.pricing-col {
width: 100%;
padding: 0;
justify-content: flex-start;
border: 0;
}
.MB-featured-list p {
margin-bottom: 0;
}
.MB-featured-list {
padding: 9px 0;
font-size: 18px;
border-bottom: 1px solid rgba(158, 149, 149, 0.3);
text-align: left;
}
.MB-featured-list:last-child {
border: 0;
}
.pricing-col label {
font-size: 13px;
justify-content: flex-start;
}
.mb_control {
display: inline-block;
width: 25px;
height: 20px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: -1;
}
.mb_control::after {
width: 9px;
height: 9px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
position: absolute;
right: 0;
content: "";
top: 5px;
transform: rotate(-45deg);
transition: all 0.2s ease-in-out;
}
.MB-head .edd_purchase_submit_wrapper .button {
display: inline-block;
line-height: 1.32em;
padding: 10px 20px;
border: 0;
border-radius: 8px;
font-weight: 700;
background-color: #ffffff !important;
color: #95023c !important;
cursor: pointer;
text-decoration: none !important;
}
.MB-head.active .mb_control::after {
right: 2px;
top: 2px;
transform: rotate(45deg);
}
.pros-block .hwd-Cl h3 {
font-size: 18px;
}
.hwd-tit img,
.hwd-tit svg {
max-width: 42px;
max-height: 42px;
}
.our-team-section .row > div {
width: 50%;
}
.our-team-section .row > div:nth-child(odd) .our-team-box {
background-color: transparent;
}
.our-team-section .row > div:nth-child(2) .our-team-box,
.our-team-section .row > div:nth-child(3) .our-team-box,
.our-team-section .row > div:nth-child(6) .our-team-box,
.our-team-section .row > div:nth-child(7) .our-team-box {
background-color: #fafafa;
}
.our-services-sec .col-8 {
width: 100%;
}
.wd-block-r .col-6 {
margin-bottom: 45px;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
select,
.gform_wrapper .gform_body .gfield input[type="text"],
.gform_wrapper.gform_legacy_markup_wrapper
.gform_body
.gfield
input[type="text"],
.gform_wrapper .gform_body .gfield input[type="password"],
.gform_wrapper.gform_legacy_markup_wrapper
.gform_body
.gfield
input[type="password"],
.gform_wrapper .gform_body .gfield input[type="email"],
.gform_wrapper.gform_legacy_markup_wrapper
.gform_body
.gfield
input[type="email"],
.gform_wrapper .gform_body .gfield input[type="tel"],
.gform_wrapper.gform_legacy_markup_wrapper
.gform_body
.gfield
input[type="tel"],
.gform_wrapper .gform_body .gfield input[type="number"],
.gform_wrapper.gform_legacy_markup_wrapper
.gform_body
.gfield
input[type="number"],
.gform_wrapper .gform_body .gfield select,
.gform_wrapper.gform_legacy_markup_wrapper .gform_body .gfield select {
padding: 10px 12px;
min-height: unset !important;
line-height: 1.2em !important;
}
.gform_wrapper.gravity-theme .gfield input.medium,
.gform_wrapper.gravity-theme .gfield select.medium {
width: 100% !important;
}
.my-account-sec {
padding: 100px 0;
}
ul.my_account_vertical_menu li {
margin: 0 10px 10px 0;
}
ul.my_account_vertical_menu li a {
padding: 9px 15px;
font-size: 16px;
}
.my_account_right fieldset legend {
font-size: 16px;
padding: 2px 8px;
}
.my_account_right fieldset {
padding: 15px 22px 22px 22px;
}
.my_account_right .edd_form fieldset label {
font-size: 14px;
margin: 0 0 1px;
}
.edd_form #edd-purchase-button,
.edd_form .edd-submit,
.edd-button,
.edd_form [type="submit"].edd-submit,
.edd-stripe-submit-update,
.edd-stripe-cancel-update,
#edd-stripe-add-new-cancel {
padding: 9px 15px;
font-size: 16px;
}
#edd-stripe-manage-cards div.edd-stripe-card-item {
font-size: 16px;
}
table#edd_user_history th,
table#edd_user_history td,
.my_account_right table th,
.my_account_right table td {
padding: 3px 10px;
}
table#edd_user_history,
.my_account_right table {
font-size: 16px;
}
.my_account_right {
overflow: auto;
width: 100%;
}
.accordion_new_style {
padding-top: 110px !important;
}
.wp-block-rank-math-toc-block ul > li {
font-size: 16px;
line-height: 1.5em;
padding: 8px 0;
}
.wp-block-rank-math-toc-block nav {
padding: 15px 0 0;
}
.wp-block-rank-math-toc-block h2 {
font-size: 24px;
}
.wp-block-rank-math-toc-block {
padding: 20px 20px;
padding-right: 45px;
}
.st-icon {
width: 26px;
height: 26px;
right: 15px;
top: 19px;
}
.main-menu-nav .menu li.current-menu-item > a {
color: #7f1371;
}
.main-menu-nav .menu li.current-page-ancestor > a {
color: #7f1371;
}
.cta-block .wp-block-group__inner-container {
padding: 35px;
border-radius: 25px;
}
.cta-block-3 .wp-block-group__inner-container {
padding: 30px;
}
.cta-block-2 .wp-block-columns {
padding: 35px;
}
.main-menu-nav .menu li.wpml-ls-item{padding: 0;}
.main-menu-nav .menu li.wpml-ls-item a {padding: 14px 20px;}
.main-menu-nav .menu li.wpml-ls-current-language a {
color: #7f1371;
}
}
@media only screen and (max-width: 650px) {
.header-lh .btn {
display: none;
}
}
@media only screen and (max-width: 639px) {
p {
line-height: 1.4em;
}
.favoriteCl-Cell {
height: auto;
padding: 50px 0;
}
.foot-info a,
.foot_logo {
font-size: 7vw;
}
.flex-3col > span {
max-width: 100%;
width: 100%;
}
.mobile_device {
transform: scale(0.45);
}
.Device_Changer svg {
width: 33px;
height: 30px;
}
.laptop_device {
width: 82vw;
height: 49vw;
}
.ServiceListing_Cl .container {
flex-wrap: wrap;
}
.ServiceListing_Cl .container > div {
width: 100%;
}
.Service-LabelCl {
font-size: 7vw;
}
.Service_Name h2 {
font-size: 5vw;
}
.contactinfo_Cell ul li {
margin: 0;
width: 100%;
}
.contactinfo_Cell ul li.call {
margin: 0 0 15px;
}
.Overlya_Title {
font-size: 14vw;
top: auto;
bottom: -8px;
}
.Numbers_rt.gradient,
.rotater.gradient {
width: 100%;
}
.number_Box {
margin-bottom: 10px;
}
.number_Box h3 {
font-size: 6.5vw;
}
.About-Grid {
height: 264px;
}
h2,
.has-heading-2-font-size {
font-size: 36px;
}
.together_layer-knockDoor {
padding-bottom: 15px;
}
.together_layer-RightCl h2,
.together_layer-knockDoor h2 {
font-size: 8.6vw;
}
.data-content {
padding: 12px;
font-size: 12px;
}
.joinus .latterName {
font-size: 7vw;
width: 95%;
}
.colorBoxes {
width: 23%;
margin-bottom: 10px;
min-height: 15vw;
margin-right: 2%;
}
.foot_C_W {
padding: 4vw 1vw;
font-size: 3.4vw;
}
.mb-box h3 {
font-size: 13vw;
}
footer {
font-size: 16px;
}
footer label {
margin-bottom: 10px;
}
.colorBoxes:nth-child(7) {
display: none;
}
.agencyRl svg {
width: 23px;
height: 40px;
margin-bottom: -8px;
margin-left: -5px;
}
.what-we-do-col-3 {
width: 100%;
}
.radio-box {
width: 100px;
}
.radio-icon {
height: 70px;
width: 70px;
}
.radio-icon img {
max-height: 60%;
max-width: 60%;
}
.middle {
padding: 20px 0;
}
.offer-popup-tit p {
line-height: 1.5em;
font-size: 16px;
}
.offer-popup-tit h3 {
font-size: 32px;
margin: 0 0 15px;
}
.offer-popup-tit {
margin: 0 0 20px;
}
.offer-popup-btn {
margin: 20px 0 0;
}
.offer-popup-block {
padding: 30px 40px 40px;
}
.offer-button span {
width: 100px;
line-height: 40px;
right: 5px;
font-size: 16px;
}
.default_BTN {
font-size: 14px;
max-width: 134px;
padding: 2px 0;
}
.grid1 {
height: 20.9%;
width: 12.4%;
bottom: 33.8%;
left: 19.4%;
}
.grid2 {
height: 70%;
width: 33%;
bottom: 33.8%;
left: 32.9%;
}
.grid3 {
height: 20.9%;
width: 12.4%;
bottom: 74%;
left: 67.2%;
}
.grid4 {
display: none;
}
.grid5 {
height: 32%;
width: 49%;
left: 0;
}
.grid6 {
height: 32%;
width: 16%;
left: 50%;
}
.grid7 {
height: 72.3%;
width: 33%;
}
.work-meta-title {
margin: 30px 0 25px;
}
.rcs-Cl {
width: 100%;
padding: 0;
}
.wd-title-area label,
.wd-title-area p {
font-size: 13px;
}
.wd-title-area h1 {
font-size: 8vw;
}
.work-detail-slider .slick-arrow {
width: 30px;
height: 30px;
}
.work-detail-slider .slick-prev {
left: 10px;
}
.work-detail-slider .slick-next {
right: 10px;
}
.slick-next:before,
.slick-prev:before {
line-height: normal !important;
}
.summary-components-title {
margin: 30px 0 30px;
}
.componentBlock-in {
margin: 0 0 25px;
}
.architecture-list-m .row .col-3,
.engage-models-main .row .col-4 {
width: 100%;
}
.architecture-list-m .row .col-3:last-child,
.engage-models-main .row .col-4:last-child {
margin: 0;
}
.engage-models-dis p {
min-height: auto;
}
.hwd-Cl:first-child {
margin: 0;
}
.hwd-Cl {
padding: 0;
margin: 30px 0 0 0;
}
.hwd-Cl:nth-child(2),
.hwd-Cl:nth-child(4) {
margin: 30px 0 0 0;
}
.additional-services h2 {
margin: 0 0 15px;
}
.additional-services .row .col-3 {
width: 100%;
}
.wework-country li {
width: 100%;
}
.section-tit-subtit label,
.two-col-tit-block label,
.wework-top-label {
line-height: normal;
}
.wework-title h2 {
font-size: 31px;
}
.aos-animate .wework-top-label::after {
right: 0;
}
.services-block-inner h3 {
margin-bottom: 0;
font-size: 30px;
}
.services-block {
font-size: 16px;
padding: 10px;
height: 25vw;
line-height: normal;
}
.services-blocks {
padding-top: 10px;
}
.Aboutext_Lt {
font-size: 18px;
}
.our-services-sec .container .row > div {
padding: 10px;
}
.our-services-sec .container .row {
margin: 0 -10px;
}
.additional-services .row > div {
padding: 10px;
}
.additional-services .container .row {
margin: 0 -10px;
}
.additional-services .section-tit-subtit {
padding-bottom: 0;
}
.additional-services .row .col-3 {
padding-bottom: 0;
}
.architecture-list-m .row .col-3 {
margin-bottom: 10px;
}
.tech-list-main span img {
max-width: 40px;
}
.col-6 {
width: 100%;
}
#work .animated-arrow {
font-size: 3.1vw;
display: block;
line-height: normal;
}
.lt-left,
.lt-right {
width: 100%;
}
.two-col-tit-block label {
margin: 0 0 1vw;
}
.whyChoose_sec {
padding: 8vw 0 0;
}
.wework_sec {
padding: 8vw 0;
}
.wework-top-label {
margin: 0 0 4vw;
}
.mobile_work_box {
padding: 5vw 0 0;
}
.wd-block-l h1 {
font-size: 2em;
}
.moved_bottomCl .work_Dec,
.work_Dec {
padding: 4vw 0 0;
}
.work_Name {
margin: 0 0 1.5vw;
}
.col-4 {
width: 100%;
}
.qus-slider-section h3 {
font-size: 8vw;
min-height: 20vw;
}
.work_items-CL li {
margin-bottom: 10vw;
}
.tech-list-main {
justify-content: space-between;
}
.tech-list-block {
padding: 10px;
margin: 0 0 10px;
width: 48%;
}
.tech-list-block label {
font-size: 14px;
}
.tech-list-block span {
margin-right: 10px;
}
.tech-list-main span img {
max-width: 25px;
}
.plugins-logo-14 {
margin-top: 5vw;
}
.work-meta-title {
display: flex;
flex-wrap: wrap;
}
.work-meta-title p {
width: 100%;
}
.work-meta-title p:first-child {
order: 3;
}
.work-meta-title p:last-child {
order: -1;
}
#work .animated-arrow {
font-size: 16px;
}
.work_Name {
font-size: 26px;
}
.two-col-tit-block label,
.wework-top-label {
font-size: 16px;
}
.pagination {
justify-content: center;
flex-wrap: wrap;
align-items: center;
}
.pagination-page {
width: 100%;
order: 3;
text-align: center;
padding: 20px 0 0;
}
.nav-links .nav-subtitle {
font-size: 18px;
}
.nav-links .nav-title {
display: none;
}
.nav-links .nav-date {
display: none;
}
.work__listing_block {
padding: 20vh 0;
}
.work__list_box {
margin: 2.5rem 0rem;
}
.work__list_title {
font-size: 8vw;
}
.sm-section-title h2 {
font-size: 6vw;
}
.MB-columns h2 {
font-size: 30px;
}
.MB-columns h4 {
font-size: 18px;
}
.client-stories-section {
padding: 70px 0;
}
.sm-section-title {
margin-bottom: 30px;
}
.accordion_section {
padding: 70px 0;
}
.pros-block .row > div {
width: 100%;
}
.pros-block .hwd-Cl h3 {
min-height: unset;
}
.home-blog-list .col-9 .row > div {
padding: 0 10px 40px;
}
.home-blog-list .col-9 .row {
margin: 0 -10px;
width: auto;
}
.services-block-inner {
font-size: 15px;
}
.our-team-box {
padding: 20px;
}
.t-m-content p {
font-size: 14px;
}
.t-m-content h2 {
font-size: 18px;
}
section.wp-maintenance-first-section.about_our_value {
padding: 70px 0 60px;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
select,
.gform_wrapper .gform_body .gfield input[type="text"],
.gform_wrapper.gform_legacy_markup_wrapper
.gform_body
.gfield
input[type="text"],
.gform_wrapper .gform_body .gfield input[type="password"],
.gform_wrapper.gform_legacy_markup_wrapper
.gform_body
.gfield
input[type="password"],
.gform_wrapper .gform_body .gfield input[type="email"],
.gform_wrapper.gform_legacy_markup_wrapper
.gform_body
.gfield
input[type="email"],
.gform_wrapper .gform_body .gfield input[type="tel"],
.gform_wrapper.gform_legacy_markup_wrapper
.gform_body
.gfield
input[type="tel"],
.gform_wrapper .gform_body .gfield input[type="number"],
.gform_wrapper.gform_legacy_markup_wrapper
.gform_body
.gfield
input[type="number"],
.gform_wrapper .gform_body .gfield select,
.gform_wrapper.gform_legacy_markup_wrapper .gform_body .gfield select {
padding: 12px !important;
}
table#edd_user_history,
.my_account_right table {
width: 800px;
}
.my-account-sec {
padding: 50px 0;
}
.foot_C_W {
flex-wrap: wrap;
}
.foot_C_W p {
margin: 0 0 10px;
}
.foot_C_W ul li {
padding: 0 10px;
}
.pagehead-content {
width: 100%;
}
.hwd-Cl-in {
min-height: unset;
height: auto;
}
.hwd-Cl-text {
margin: 0 0 5px;
}
.fl-full {
padding: 20px 0 5px;
}
.fl-full.footer-address.footer-menu {
padding-bottom: 0;
}
.add-label {
padding: 0 0 22px;
}
.rajkot-add {
padding: 0 0 22px;
}
.foot_C_W {
margin-top: 8px;
}
.support_box .gform_wrapper.gravity-theme .gform_footer,
.support_box .gform_wrapper.gravity-theme .gform_page_footer {
padding-bottom: 0;
}
.blog-page-banner .single-blog-title h1 {
font-size: 26px;
}
.two-col-left img {
max-width: 250px;
height: 70px;
}
}
@media only screen and (max-width: 479px) {
body,
.has-body-font-size {
font-size: 18px;
}
h2,
.has-heading-2-font-size {
font-size: 32px;
}
.MainMenu nav ul li a {
font-size: 8vw;
}
.favoriteCl-Cell h4 {
margin-bottom: 3vw;
}
.giftIcon {
bottom: 2vw;
}
.mobile_device {
transform: scale(1);
width: 36vw;
height: 68.7vw;
}
.mobile-status-bar {
background-size: 100% auto;
width: auto;
right: 8.5%;
height: 3%;
top: 3%;
left: 8%;
border-radius: 25px 25px 0 0;
}
.iphoneX-notch {
height: 4.5%;
left: 0;
top: 3%;
width: 39%;
right: 0;
margin: auto;
}
.mobile_device .viewport {
top: 6%;
height: 90.9%;
width: 84%;
left: 8%;
overflow: hidden;
display: block;
position: absolute;
border-radius: 0 0 5% 5%;
}
.Service_Name h2 {
font-size: 8vw;
}
.About-Grid {
height: 204px;
}
.data-content {
padding: 12px;
font-size: 10px;
}
.colorBoxes {
width: 31%;
height: 27vw;
min-height: 27vw;
}
footer {
font-size: 15px;
padding: 30px 0 0 0;
}
.radio-box {
width: 80px;
}
.radio-label {
font-size: 14px;
margin: 10px 0 0;
}
.radio-box {
padding: 8px 0;
border-radius: 12px;
}
.form-field input,
.form-field select,
.form-field textarea {
font-size: 16px;
}
.jp-r {
padding: 20px;
}
.jp-l {
padding: 40px 20px;
}
.jp-r h2 {
font-size: 20px;
}
.Sl_Row {
padding: 20px;
}
.br_text_cl h6 {
font-size: 23px;
}
.Sl_Row .br_icon_cl img {
max-height: 130px;
}
.services-sec-row {
padding: 0;
}
.service-tr > div {
margin: 0;
}
.service-tr h3 {
font-size: 30px;
}
.what-we-do-section {
padding: 30px 0;
}
.contact-form-sec {
padding-bottom: 30px;
}
.services-row-section {
padding: 20px 0;
}
.offer-popup-show .offer-popup-main {
max-width: 99%;
}
.offer-popup-divider {
width: 10px;
}
.offer-popup-inner {
padding-left: 10px;
}
.offer-popup-show .offer-button span {
right: 25px;
}
.offer-popup-block {
padding: 15px 20px 20px;
}
.whyChoose_sec {
padding: 12vw 0 0;
}
.wework_sec {
padding: 12vw 0;
}
.wework-top-label {
margin: 0 0 5vw;
}
.additional-ser-block label a {
min-height: 50px;
font-size: 16px;
}
.additional-services .row > div {
padding: 8px 10px;
}
.brand-left h2 {
margin-bottom: 30px;
}
.work__section {
padding: 0 50px;
}
.work__section .container {
padding: 0;
}
.mobile_filter_icon {
right: 20px;
bottom: 20px;
width: 35px;
height: 35px;
}
.mobile_filter_icon img,
.mobile_filter_icon svg {
height: 25px;
}
.filter_block {
right: 20px;
padding: 15px;
width: 265px;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
bottom: 70px;
}
.filter_block ul li {
margin: 5px 0 5px 0;
}
.main-menu-nav {
width: 80%;
}
.open-mobile-menu .main-menu-nav {
left: 20%;
}
.sm-section-title h2 {
font-size: 7vw;
}
.client-stories-section .section-title {
width: 100%;
margin-bottom: 70px;
}
.client-stories-section .slick-arrow {
top: -50px;
}
.review-item-box {
padding: 25px;
}
.acc__panel {
font-size: 16px;
}
.acc__title {
font-size: 18px;
}
.our-team-section .row > div:nth-child(2) .our-team-box,
.our-team-section .row > div:nth-child(3) .our-team-box,
.our-team-section .row > div:nth-child(6) .our-team-box,
.our-team-section .row > div:nth-child(7) .our-team-box {
background-color: transparent;
}
.our-team-section .row > div:nth-child(odd) .our-team-box {
background-color: #fafafa;
}
.our-team-section .row > div {
width: 100%;
}
.edd-csau-products .edd_download .edd_download_inner > * {
display: block;
border-right: 0;
}
.edd_download .edd_download_title {
max-width: 100%;
}
.edd-csau-products .edd_download:last-child .edd_download_inner > * {
border-bottom: 1px solid #e5e5e5;
}
.edd_download .edd_purchase_submit_wrapper {
text-align: left;
}
.support_box {
padding: 20px 20px 70px 20px;
}
.support_box .btn {
bottom: 20px;
}
.blog-list-caps h2 {
font-size: 28px;
line-height: 1.25em;
}
.blog-list-caps h3 {
font-size: 28px;
line-height: 1.25em;
}
.blog-list-caps h4 {
font-size: 24px;
line-height: 1.25em;
}
.blog-list-caps h5 {
font-size: 20px;
line-height: 1.25em;
}
.blog-list-caps h6 {
font-size: 18px;
line-height: 1.25em;
}
.wp-block-rank-math-toc-block h2 {
font-size: 20px;
}
.wp-block-rank-math-toc-block {
padding: 18px 18px;
padding-right: 45px;
}
.st-icon {
width: 24px;
height: 24px;
right: 14px;
top: 17px;
}
.qus-slider-section h2 {
font-size: 24px;
line-height: 1.25em;
}
.wp-block-buttons .wp-block-button .wp-block-button__link {
font-size: 16px;
padding: 9px 15px 11px !important;
}
.btn.btn-arrow::after,
.is-style-outline .wp-block-button__link:after {
width: 24px;
}
}
@media only screen and (max-width: 374px) {
.colorBoxes {
font-size: 15px;
}
.laptop_device {
top: 20%;
}
.menu-icon {
margin-left: 0;
}
.mobile-menu-ul li {
padding-right: 10px;
}
.logo {
width: 130px;
}
.sm-section-title h2 {
font-size: 7.8vw;
}
.my_account_right fieldset legend {
font-size: 14px;
}
ul.my_account_vertical_menu li a {
padding: 8px 13px;
font-size: 14px;
}
ul.my_account_vertical_menu li {
margin: 0 8px 8px 0;
}
}
.no-link a {
text-decoration: none;
}
.no-link a:hover {
color: #fff;
}
.our-services-block .archi-title svg,
.our-services-block .archi-title img {
width: 45px;
height: 45px;
transition: none;
}
figcaption {
color: #555;
font-size: 13px;
text-align: center;
}