/*Import fonts*/
/*@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap);*/
@font-face {
font-family: 'Barbershop-in-Thailand';
src: url('../fonts/Barbershop-in-Thailand.ttf.woff') format('woff'),
url('../fonts/Barbershop-in-Thailand.ttf.svg#Barbershop-in-Thailand') format('svg'),
url('../fonts/Barbershop-in-Thailand.ttf.eot'),
url('../fonts/Barbershop-in-Thailand.ttf.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Agrandir';
src: url('../fonts/agrandir/Agrandir-TextBold.otf');
font-weight: 700;
}
@font-face {
font-family: 'Agrandir';
src: url('../fonts/agrandir/Agrandir-Regular.otf');
font-weight: 400;
}
@font-face {
font-family: 'Agrandir';
src: url('../fonts/agrandir/Agrandir-GrandHeavy.otf');
font-weight: 800;
}
@font-face {
font-family: 'Georgia';
src: url('../fonts/georgia/georgia.ttf');
}
@font-face {
font-family: 'Brittany Signature';
src: url('../fonts/brittany_signature/BrittanySignature.ttf');
}
/*#7F45FF*/
:root {
--inkgility-gradient: linear-gradient(90deg, #EFC568 2.03%, #B52C85 42.63%, #6E4EA1 95.53%);
--new-gradient: linear-gradient(180deg, #6744DA 0%, #3717A0 100%);
--text-primary: #333 !important;
--text-secondary: #989898 !important;
--text-dark: #000000 !important;
--text-white: #ffffff;
--font: 'Georgia';
--style-font: 'Barbershop-in-Thailand';
--btnPrimaryColor: #6744DA;
--purple: #6744DA;
/*--para-font: "IBM Plex Sans",sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";*/
}
@keyframes bounce {
from {
transform: translateY(0px);
}
to {
transform: translateY(-30px);
}
}
@-webkit-keyframes bounce {
from {
transform: translateY(0px);
}
to {
transform: translateY(-30px);
}
}
.curlyfont,
.panel-footer .price>span {
font-family: 'Barbershop-in-Thailand';
}
body {
padding-top: 70px;
font-size: 19px;
margin: 0;
font-weight: 400;
color: #000;
line-height: 28px;
font-family: var(--font);
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 600;
color: var(--text-primary);
margin: 0;
}
.h1,
h1 {
font-size: 4.5rem;
}
h2 {
font-size: 3.5rem
}
h3 {
font-size: 2.5rem;
}
.py70 {
padding-top: 70px;
padding-bottom: 70px;
}
.pt70 {
padding-top: 70px;
}
.my70 {
margin-top: 70px;
margin-bottom: 70px;
}
.mt70 {
margin-top: 70px;
}
.empty-50 {
height: 50px;
}
.empty-100 {
height: 100px;
}
.empty-200 {
height: 200px;
}
.scrollspy-media p,
.scrollspy-media li {
color: #64648c !important;
}
h4 {
font-size: 20px;
}
a.streached-link {
position: absolute;
top: 0;
left: 0;
z-index: 1;
/* border: 1px solid red; */
width: 100%;
height: 100%;
}
.btn-warning {
background-color: #FF5001 !important;
border-color: #FF5001 !important;
}
.material-icons.md-18 {
font-size: 18px;
}
.material-icons.md-24 {
font-size: 24px;
}
.material-icons.md-36 {
font-size: 36px;
}
.material-icons.md-48 {
font-size: 48px;
}
:focus {
outline: none !important;
}
body.is-transparent {
padding-top: 0;
}
a.stretched-link {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
select#countryList {
border: 1.49883px solid #E0E3E7;
border-radius: 20.983px;
font-size: 11.99px;
/* height: 23.98px; */
width: 169.37px;
box-sizing: border-box;
}
.withCountry .input-group-addon {
background: #fff;
}
.container-fluid {
width: 100%;
float: left;
}
.panel {
position: relative;
}
.btn.btn-large,
input[type="submit"].btn.btn-large {
background: var(--btnPrimaryColor);
}
.section {
width: 100%;
float: left;
}
.text-white {
color: #fff !important;
}
.text-dark {
color: #000 !important;
}
.btn-colored {
background-image: linear-gradient(to right, #eb8d57, #bc3b73, #a3298d, #74499e);
color: #fff;
border: none;
border-radius: 2rem;
}
.btn-round {
border-radius: 2rem !important;
}
.btn-dark {
color: #fff;
background-color: #000;
border-color: #000;
transition: transform 1s;
}
.bg-dark {
background-color: #000 !important;
}
.btn-dark.focus,
.btn-dark:focus,
.btn-dark:hover {
color: #cecece;
text-decoration: none;
transform: scale(1.1);
transition: transform 1s;
}
.btn-primary {
background: linear-gradient(180deg, #6744DA 0%, #3717A0 100%);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
border-radius: 50.4434px !important;
border-color: var(--btnPrimaryColor) !important;
}
.text-primary {
color: var(--btnPrimaryColor) !important;
}
.navbar-brand {
padding: 0;
}
.navbar-header {
padding-top: 8px;
padding-bottom: 8px;
}
.navbar {
background-color: transparent;
background: transparent;
border-color: transparent;
margin-bottom: 0;
}
.navbar li {
color: #000;
}
.navbar-nav>li>a {
color: #333;
font-weight: 400;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
background-color: #fff !important;
}
/*.has-child:hover .sub-menu {
display: block;
}*/
.img-round {
border-radius: 10px !important;
}
body.is-normal {
padding-top: 0;
}
header.header.header-normal {
margin-top: 0;
position: relative;
padding: 0px 0;
}
body.is-normal .inkgility-bread {
margin-top: 0;
}
header.header.header-transparent {
/* position: relative; */
}
.btn-default-outline {
background: transparent;
color: #fff;
border-radius: 2rem;
}
.btn-dark-outline {
background: transparent;
color: #000;
border-radius: 2rem;
border-color: #000;
}
.btn-default-outline:hover {
background: transparent;
}
/*body.is-transparent .inkgility-hero{
margin-top:-27%;
}*/
.header-transparent .navbar-nav>li>a {
color: #000;
text-transform: uppercase;
padding: 10px 7px;
}
.header-transparent .navbar-nav>li>a:hover {
color: #ddd;
}
.w-50 {
width: 50%;
}
.w-25 {
width: 25%;
}
.w-100 {
width: 100%;
}
.bottom-space {
margin-bottom: 15px;
}
.top-space {
margin-top: 15px;
}
.top-medium-space {
margin-top: 30px;
}
.bottom-medium-space {
margin-bottom: 30px;
}
.space-y {
margin-top: 30px;
margin-bottom: 30px;
}
.play-btn {
width: 100px;
height: 100px;
background: radial-gradient(#6744DA 60%, rgba(255, 255, 255, 1) 62%) !important;
border-radius: 50%;
position: relative;
display: block;
margin: 30px auto;
box-shadow: 0px 0px 25px 3px rgb(46 64 184);
}
a.play-btn.play-sm {
width: 50px;
height: 50px;
margin: 0px 28px;
}
/* triangle */
.play-sm.play-btn::after {
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 15px solid #fd0;
}
.menushort {
width: 80px;
height: 80px;
position: relative;
}
.btn-pulse::before {
content: "";
position: absolute;
width: 150%;
height: 150%;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation: pulsate1 2s;
animation: pulsate1 2s;
animation-iteration-count: 1;
-webkit-animation-direction: forwards;
animation-direction: forwards;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: steps;
animation-timing-function: steps;
opacity: 1;
border-radius: 50%;
border: 5px solid #254AAD61;
top: calc(83% - 80px);
left: -12%;
background: rgb(129 38 197 / 48%);
}
.learn-more-icon .btn-pulse::before {
top: -7px;
left: -7px;
}
@media screen and (max-width:767px) {
.btn-pulse::before {
width: 120%;
height: 120%;
top: -5px;
}
.menushort {
width: 50px;
height: 50px;
margin-top: 10px;
}
}
.play-btn::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateX(-40%) translateY(-50%);
transform: translateX(-40%) translateY(-50%);
transform-origin: center center;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 25px solid #fff;
z-index: 100;
-webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/* pulse wave */
.play-btn:before {
content: "";
position: absolute;
width: 150%;
height: 150%;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation: pulsate1 2s;
animation: pulsate1 2s;
-webkit-animation-direction: forwards;
animation-direction: forwards;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: steps;
animation-timing-function: steps;
opacity: 1;
border-radius: 50%;
border: 5px solid rgba(255, 255, 255, .75);
top: -25%;
left: -25%;
background: rgba(198, 16, 0, 0);
}
@-webkit-keyframes pulsate1 {
0% {
-webkit-transform: scale(0.6);
transform: scale(0.6);
opacity: 1;
box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
box-shadow: none;
}
}
@keyframes pulsate1 {
0% {
-webkit-transform: scale(0.6);
transform: scale(0.6);
opacity: 1;
box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1);
opacity: 0;
box-shadow: none;
}
}
.action_container {
background-color: #6744DA;
width: 100%;
float: left;
padding: 30px 25px;
border-radius: 56px;
}
.action_container h1 {
color: #fff;
}
.title-font {
font-family: 'Agrandir';
font-weight: 800;
}
.sec-feature__product h3.section-title,
.sec-tap__into .section-title,
.our-service .section-title,
.sec-how_it_works .section-title,
.our-clients .section-title,
.faq-sec .section-title,
.blog-sec .section-title,
integration .section-title {
font-family: 'Agrandir';
font-weight: 800;
line-height: 1.3;
}
.featured-sliders h3.section-title {
/*! position: sticky; */
/*! top: 0; */
/*! z-index: 9; */
/*! background: white; */
padding: 15px 0;
}
.custom-row {
margin-left: -10px;
margin-right: -10px;
}
.swiper-button-next,
.swiper-button-prev {
background-color: #0003;
width: 64px !important;
height: 64px !important;
border-radius: 50%;
top: 43%;
box-shadow: 0 2px 4px rgb(0 0 0 / 7%);
border: none;
backdrop-filter: blur(3px);
}
.swiper-button-prev {
left: -20px;
}
.swiper-button-next {
right: -20px;
}
.swiper-button-next:not(.swiper-button-disabled):hover,
.swiper-button-prev:not(.swiper-button-disabled):hover {
background-color: #0000004d;
opacity: 1;
}
.swiper-button-next:after,
.swiper-button-prev:after {
color: #c1c1c1;
font-size: 20px;
}
.swiper-button-next:not(.swiper-button-disabled):after,
.swiper-button-prev:not(.swiper-button-disabled):after {
color: #fff;
font-size: 30px;
}
.swiper-pagination-button {
opacity: 1 !important;
transition: transform .5s ease-in, opacity .7s cubic-bezier(.15, 0, .2, 1) .1s;
}
.swiper:hover .swiper-pagination-button:not(.swiper-button-disabled) {
opacity: 1 !important;
transition: transform .5s ease-in, opacity .7s cubic-bezier(.15, 0, .2, 1) .1s;
}
.featured-sliders {
& .swiper-slide,
.swiper-slide>.panel {
width: 322px;
min-height: 470px;
border-radius: 32px;
overflow: hidden;
}
& .swiper-slide>.panel img {
min-height: 300px;
object-fit: cover;
object-position: center;
}
}
.featured-sliders .product-panel>.panel-footer {
text-align: center;
}
.featured-sliders .product-panel>.panel-footer h3 {
color: #000 !important;
font-size: 1.85rem;
margin: 8px 0;
}
.featured-sliders .product-panel>.panel-footer>p a {
color: #6744DA !important;
}
.featured-sliders .product-panel>.panel-footer>p {
margin-bottom: 0;
font-size: 15px;
line-height: initial;
}
.featured-sliders .product-panel>.panel-footer>h3,
.featured-sliders .product-panel>.panel-footer>p {
padding-top: 4px;
}
@media screen and (max-width:576px) {
.featured-sliders .container {
padding-left: 0;
padding-right: 0;
}
.featured-sliders .product-panel>.panel-footer>h3 {
font-size: 1.8rem;
}
.featured-sliders {
& .swiper-slide,
.swiper-slide>.panel {
width: auto;
height: 478px;
border-radius: 32px;
overflow: hidden;
}
& .swiper-slide>.panel img {
min-height: 300px;
object-fit: cover;
object-position: center;
}
}
}
/* Blog */
.blog-sec .panel {
max-width: 100%;
margin: 0 auto;
box-shadow: none;
border-top-left-radius: 31px;
border-top-right-radius: 31px;
background: transparent;
border: none;
& .panel-img {
border-radius: 32px;
min-height: 300px;
object-fit: cover;
object-position: center;
/* object-view-box: revert-layer; */
}
& .panel-body h3 {
font-size: 20px;
font-family: 'Agrandir';
font-weight: 700;
margin-bottom: 8px;
}
& .panel-body p {
font-size: 18px;
font-weight: 400;
}
}
/* home panel faq */
.faq-sec .panel-group .panel {
box-shadow: 0px 4.03548px 20.1774px rgba(0, 0, 0, 0.15) !important;
border-radius: 15.133px !important;
border: none !important;
margin-bottom: 30px !important;
}
.faq-sec .panel-default>.panel-heading {
padding: 0;
border-radius: 0;
color: #212121;
background-color: #FAFAFA;
border-color: #EEEEEE;
}
.faq-sec .faqtitle {
font-size: 46px;
}
.faq-sec .panel-title {
font-size: 20px;
}
.faq-sec .panel-title>a {
display: block;
padding: 15px;
text-decoration: none;
font-size: 30px;
line-height: 1.5;
}
.faq-sec .more-less {
color: #212121;
font-size: 30px;
}
.faq-sec .panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #EEEEEE;
}
.faq-sec .panel-body {
padding: 15px !important;
}
/* home panel faq end */
#accordion .panel-default {
border-color: whitesmoke;
}
#accordion .panel {
margin-bottom: 20px;
background-color: #f5f5f5;
border-bottom: 1px solid #d2caca;
box-shadow: none;
margin: 0 15px;
border-radius: 20px !important;
}
#accordion .panel-default>.panel-heading {
background-color: white;
border: none;
border-radius: 12px;
}
#accordion .panel-heading,
#accordion .panel-body {
padding-left: 0;
padding-right: 0;
}
#accordion .panel-body {
border-top: 0;
background: white;
}
#accordion .panel-heading {
display: flex;
align-items: center;
}
#accordion .panel-heading>.accordion-icon {
margin-left: auto;
height: 30px;
width: 30px;
}
#accordion .panel-heading>.accordion-icon.is-open {
transform: rotate(180deg);
}
@media screen and (min-width: 768px) {
.learn-more-icon .btn-pulse::before {
top: -18px;
left: -16px;
}
.menushort.btn-pulse::before {
left: -24%;
}
span.dropclose {
display: none;
}
.section-reviews .scorable_review_div {
height: 400px;
overflow-y: scroll;
}
.featured-product-list>div {
padding-left: 0;
padding-right: 0;
}
.sticky-navs>li {
padding-left: 25px;
padding-right: 25px;
}
body.is-transparent .inkgility-hero {
margin-top: -12%;
}
.head-search input.form-control {
border-radius: 2rem;
}
.locationbox>span {
margin-left: .8rem;
font-size: 22px;
color: #000;
}
}
.horizontal-scroll-navs li>a {
padding: 4px 25px;
color: #000;
text-decoration: none;
}
.cat-product-list .row:last-child {
max-height: 642px;
overflow-y: scroll;
/* border-bottom: 1px solid #ddd; */
}
.featured-product-list {
width: 100%;
float: left;
margin: 0 auto;
}
.featured-product-list .featured-item {
overflow: hidden;
width: 100%;
height: 100%;
float: left;
max-width: 337px;
max-height: 337px;
transition: all 0.5s;
position: relative;
}
.featured-product-list .featured-item>img {
transition: transform 1s;
width: 100%;
height: 100%;
}
.featured-product-list .featured-item .freatured-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
background: rgb(0, 0, 0, 0.28);
transition: all 0.5s;
text-decoration: none;
}
.freatured-overlay>span {
border: 2px solid #fff;
width: 90%;
height: 90%;
display: block;
padding: 9px;
margin: 5% 5%;
}
.freatured-overlay>span>.featured-item-name {
display: flex;
justify-content: center;
align-items: flex-end;
height: 100%;
font-size: 20px;
font-weight: 600;
color: #fff;
font-family: 'Josefin Sans', sans-serif;
text-transform: uppercase;
}
.blog .freatured-overlay>span>.featured-item-name {
align-items: center !important;
}
/* .blog .freatured-overlay>span>.featured-item-caption{
display: flex;
justify-content: center;
align-items: center;
height: 100%;
font-size: 16px;
font-weight: 400;
color:#fff;
font-family: 'Josefin Sans', sans-serif;
text-transform: uppercase;
} */
.featured-product-list .featured-item:hover img {
transform: scale(1.2);
transition: transform 1s;
}
.featured-product-list .featured-item:hover .freatured-overlay {
/* show product name and order button */
display: flex;
flex-direction: column;
transition: all 0.5s;
}
#about-the-offer p {
font-size: 2rem;
font-weight: 300;
line-height: 30px;
}
.box-cards {
border: 0;
box-shadow: none;
}
.box-cards>.panel-heading {
background-color: #f9f9f9;
margin: 0 auto;
border-color: #fff;
text-align: center;
padding: 10px 15px 0;
}
.box-cards>.panel-heading>img {
margin: 0 auto;
}
.bg-light {
background-color: #f5f5f5;
}
img {
max-width: 100%;
}
.pt-3 {
padding-top: 30px;
}
input::-webkit-input-placeholder {
color: #ccc;
font-weight: 300;
}
input::-moz-placeholder {
color: #ccc;
font-weight: 300;
}
input:-ms-input-placeholder {
color: #ccc;
font-weight: 300;
}
input:-moz-placeholder {
color: #ccc;
font-weight: 300;
}
#billing,
#confirm {
float: left;
width: 100%;
padding: 70px 0;
}
#billing h3,
#confirm h3 {
float: left;
width: 100%;
margin-bottom: 20px;
font-size: 2.25em;
}
#billing form {
float: left;
width: 100%;
}
#billing .control-group {
float: left;
width: 100%;
margin-bottom: 18px;
}
#billing .control-group label {
float: left;
width: 100%;
padding: 0 0 3px;
color: #505050;
text-align: left;
}
#billing .control-group .controls {
float: left;
width: 100%;
}
#billing .control-group .controls input,
#billing .control-group .controls select {
float: left;
width: 350px;
height: 38px;
line-height: 36px;
border: 1px solid #ddd;
padding: 0 10px;
border-radius: 2px;
}
#billing .control-group .controls span {
float: left;
width: 100%;
font-size: 13px;
font-style: italic;
line-height: 14px;
margin: 8px 0 0;
}
.inkgility-table {
float: left;
background: #fff;
width: 100%;
text-align: left;
border-collapse: inherit;
border: 1px solid #6744DA;
/* border-spacing: 0; */
font-family: 'Josefin Sans';
/* letter-spacing: 2px; */
}
.inkgility-table thead th {
color: #393749;
padding: 12px;
font-weight: bold;
white-space: nowrap;
border-left: 1px solid #6744DA;
border-bottom: 0;
padding: 10px;
background: rgba(103, 68, 218, 0.06);
}
.inkgility-table thead th:first-child,
.inkgility-table td:first-child {
/* border-left: none; */
}
.inkgility-table tbody td:first-child {
font-weight: 700;
color: #505050;
}
.inkgility-table td {
color: #777;
padding: 12px;
vertical-align: middle;
border-left: 1px solid #6744DA;
border-top: 1px solid #6744DA;
box-sizing: border-box;
}
.inkgility-table tfoot td {
/* border-left: 0; */
color: #393749;
}
.inkgility-table a {
color: #47c1bf;
font-weight: 500;
text-transform: uppercase;
}
.inkgility-table a:hover {
text-decoration: underline;
}
.inkgility-table.sty2 thead th {
background: transparent;
padding: 15px;
}
.inkgility-table.sty2 td {
padding: 15px;
}
.inkgility-table .action a {
text-transform: capitalize;
margin: 3px 0;
padding: 0px 10px;
color: #fff;
font-weight: 400;
letter-spacing: 0.5px;
display: inline-block;
white-space: nowrap;
}
.inkgility-table .action a:hover {
text-decoration: none;
opacity: 0.8;
}
.inkgility-table .action a.edit {
background: #8BC34A;
}
.inkgility-table .action a.remove {
background: #f44336;
}
.inkgility-table .action a:before {
font: normal normal normal 14px/1 FontAwesome;
text-rendering: auto;
padding-right: 4px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.inkgility-table .action a.edit:before {
content: '\f044';
}
.inkgility-table .action a.remove:before {
content: '\f00d';
}
.span12 {
float: left;
width: 100%;
}
.span12.last {
margin-top: 25px;
}
.span12 h4 {
float: left;
width: 100%;
margin-bottom: 12px;
}
.span6 {
float: left;
width: 48%;
margin-right: 4%;
}
.span6.last {
margin-right: 0;
}
.span5 {
float: left;
width: 40%;
margin-right: 4%;
}
.span7 {
width: 56%;
float: left;
}
.span4 {
float: left;
width: 33%;
margin-right: 4%;
}
.span8 {
width: 63%;
float: left;
}
.last {
margin-right: 0;
}
#confirmform {
float: left;
width: 100%;
}
#confirmform .control-group {
float: left;
width: 100%;
}
#confirmform .control-group label {
float: left;
width: 110px;
padding: 0;
color: #505050;
}
#confirmform .control-group .controls {
float: left;
width: calc(100% - 110px);
padding-left: 15px;
}
#confirmform button {
margin-top: 20px;
}
/**checkout page*/
#checkout {
font-family: 'Josefin Sans';
letter-spacing: 2px;
}
#checkout .billing input {
width: 100%;
}
.control-group {
margin-bottom: 10px;
}
.billing {
padding-right: 30px;
}
.billing h3,
.order_overview h3 {
margin-bottom: 15px;
}
.order_overview {
padding-left: 30px;
}
.order_overview .inkgility-table th,
.order_overview .inkgility-table td {
border-left: 0 !important;
}
.control-group {
margin-bottom: 20px;
}
.control-group.comment {
margin-top: 20px;
}
.control-group.comment .control-label {
font-size: 16px;
}
.control-group textarea {
border: 1px solid #ddd;
height: 100px;
line-height: 36px;
padding: 0 10px;
width: 100%;
}
.control-group .control-label {
padding: 0 0 4px;
color: #373737;
font-size: 13px;
}
.control-group .control-label em {
color: red;
padding-left: 3px;
font-style: normal;
}
.control-group input,
.control-group select {
border: 1px solid #ddd;
height: 36px;
line-height: 36px;
padding: 0 10px;
width: 100%;
}
.control-group .controls label.error {
font-style: italic;
margin: 0;
font-size: 13px;
font-weight: 300;
color: #ff6363 !important;
}
/* Header */
.header {
float: left;
width: 100%;
transition: all 0.3s ease 0s;
z-index: 9;
background: #fff;
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100px;
}
.header.header-fixed {
position: fixed;
/* box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); */
z-index: 9;
}
.header.header-fixed .menu .main-menu>li>a {
padding: 10px 0;
}
.header.header-fixed .menu .main-menu li.demo a {
margin: 10px 0;
padding: 0 20px;
}
.header.header-fixed .logo {
padding: 10px 0;
}
.header.header-fixed .logo img {
max-height: 35px;
}
header.header-purple {
background: #dadbf5 !important;
}
.is-fixed.header-purple .inkgility-bread {
background: #e8e9ff !important;
position: fixed;
/* height: 40px; */
z-index: 1;
margin-top: 30px;
}
.ink-breadcrumb span.breadcrumbs__label {
color: #6744DA;
}
body:not(.home) .inkgility-bread {
background: #e8e9ff !important;
}
.header-purple .ink-breadcrumb li a,
body:not(.home) .inkgility-bread .ink-breadcrumb li a {
background: #fff;
}
.header-purple .ink-breadcrumb li a:after,
body:not(.home) .inkgility-bread .ink-breadcrumb li a:after {
border-left: 30px solid #fff;
}
.header-purple .ink-breadcrumb li:not(:last-child) a:before,
body:not(.home) .inkgility-bread .ink-breadcrumb li:not(:last-child) a:before {
border-left: 35px solid #e8e9ff !important;
}
.is-fixed.header-purple .inkgility-products {
padding-top: 80px;
}
.logo {
float: left;
padding: 15px 0;
}
.logo img {
float: left;
max-height: 40px;
transition: all 0.3s ease 0s;
}
.page-right-nav {
position: absolute;
top: 8px;
right: 0;
}
.lgn,
.sgn {
padding: .25rem 2rem .25rem;
border: none;
height: 38px;
}
.lgn {
background: url(../images/btn_border.svg);
background-size: 100%;
background-repeat: no-repeat;
color: #000;
}
.sgn {
background: url(../images/btn_bg.svg);
background-size: 100%;
background-repeat: no-repeat;
color: #fff;
}
.menu {
float: right;
}
.btn_menu,
.menu_mobile {
display: none;
}
.menu_mobile {
position: fixed;
background: #fff;
width: 290px;
height: 100%;
left: -290px;
top: 0;
transition: all 0.4s ease 0s;
z-index: 9999;
overflow: auto;
}
.menu_mobile.open_menu {
left: 0;
}
.menu_mobile .main-menu {
float: left;
width: 100%;
list-style: none;
padding: 0;
margin: 0;
}
.menu_mobile .main-menu li {
float: left;
width: 100%;
}
.menu_mobile .main-menu li.demo a {
float: left;
width: auto;
background: #47c1bf;
color: #fff;
padding: 5px 20px;
border-radius: 2px;
margin: 10px 0 35px 30px;
}
.menu_mobile .main-menu li a {
display: block;
font-weight: 500;
color: #30373b;
padding: 10px 30px;
font-size: 1.2em;
}
.menu_mobile .logo_mobile {
float: left;
width: 100%;
background: #f9f9fa;
padding: 10px 30px;
margin-bottom: 10px;
border-bottom: 1px solid #e4e4e4;
}
.menu_mobile .logo_mobile img {
display: block;
max-height: 40px;
}
.overlay_menu.show_overlay {
position: fixed;
display: block;
background: rgba(0, 0, 0, 0.1);
z-index: 500;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.close_menu {
position: absolute;
top: 0px;
height: 60px;
right: 0px;
padding: 14px 10px 0 0;
}
.btn_menu {
float: left;
height: 42px;
color: #333;
border-radius: 2px;
text-align: center;
margin: 14px 0;
}
.btn_menu i {
line-height: 42px;
font-size: 28px;
}
.menu .main-menu {
float: left;
margin: 0;
padding: 0;
}
.menu .main-menu li {
float: left;
position: relative;
list-style: none;
}
.menu .main-menu li+li {
padding-left: 35px;
}
.menu .main-menu li a {
display: block;
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
position: relative;
line-height: 36px;
color: #333;
}
.menu .main-menu li.demo a {
background: #f44336;
color: #fff;
padding: 0 20px;
margin: 17px 0;
border-radius: 2px;
}
.menu .main-menu li.demo a:hover {
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.25);
color: #fff;
text-decoration: none;
}
.menu .main-menu>li>a {
padding: 17px 0;
}
.menu .main-menu li.active a,
.menu .main-menu li a:hover {
color: #47c1bf;
}
.menu .main-menu .sub_menu {
position: absolute;
top: 100%;
left: 10px;
background: #fff;
padding: 10px 0;
width: 200px;
border-radius: 3px;
border: 1px solid #e4e4e4;
visibility: hidden;
opacity: 0;
transform: translate(0, 20px);
z-index: 9999;
transition: all 0.3s ease 0s;
}
.menu .main-menu li:hover .sub_menu {
transform: translate(0, 0);
opacity: 1;
visibility: visible;
}
.menu .main-menu .sub_menu li {
list-style: none;
padding: 0;
float: left;
width: 100%;
}
.menu .main-menu .sub_menu li a {
padding: 0 25px;
font-weight: normal;
text-transform: capitalize;
line-height: 32px;
font-size: 14px;
}
.menu .main-menu .sub_menu li a:before {
display: none;
}
.menu .main-menu .sub_menu li a:hover {
color: #47c1bf;
}
.btn.btn-large,
input[type="submit"].btn.btn-large {
background: var(--btnPrimaryColor);
border-radius: 100px;
border: none;
font-size: 16px;
padding: 10px 40px;
font-weight: 500;
}
.wrap-table {
float: left;
width: 100%;
overflow: auto;
}
/* Shop */
.inkgility-filter {
float: left;
width: 100%;
margin-bottom: 30px;
}
.inkgility-filter>div {
float: left;
margin: 0 15px 0 0;
}
.inkgility-filter select {
border: 1px solid #e1e1e1;
height: 36px;
padding: 0 8px;
border-radius: 3px;
}
.inkgility-hero {
float: left;
width: 100%;
}
.inkgility-hero .item {
/* padding: 200px 0; */
/* text-align: left; */
/* display: flex; */
-ms-flex: flexbox;
/* align-items: center; */
}
.inkgility-hero .item .slider-img img {
background: url('../images/home/mobile-shadow.png');
}
.inkgility-hero .item {
/* background: url(../images/home/bubble.png); */
background-position: left top;
background-repeat: no-repeat;
padding: 15px 0 0;
}
.inkgility-hero .owl-dots {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
margin: 0 0 10px !important;
}
.inkgility-hero .inkgility-hero-learn-more {
position: absolute;
bottom: -50px;
z-index: 999999;
width: 100%;
height: auto;
left: 0;
}
.inkgility-hero .inkgility-hero-learn-more a {
text-decoration: none;
}
.inkgility-hero .learn-more-text {
display: flex;
justify-content: center;
color: #fff;
font-size: 18px;
}
.inkgility-hero .learn-more-icon {
width: 70px;
height: 70px;
/* border: 1px solid #fff; */
border-radius: 50%;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
color: #fff;
}
.inkgility-hero .owl-theme .owl-dots .owl-dot span {
border-radius: 50%;
width: 20px;
height: 20px;
}
.inkgility-hero .owl-theme .owl-dots .owl-dot.active span,
.inkgility-hero .owl-theme .owl-dots .owl-dot:hover span {
background: #6744DA;
}
.inkgility-hero h1 {
font-size: 42px;
font-weight: 800;
color: var(--text-dark);
display: inline-block;
width: 100%;
font-family: 'Agrandir';
line-height: 1.5;
margin-bottom: 17px;
}
.seperator {
width: 100%;
height: 1px;
background: #000;
margin: 15px 0;
}
.seperator._slider-seperator {
background: #FF5001;
}
.inkgility-hero h3 {
color: var(--text-dark);
font-size: 24px;
}
.inkgility-hero h4 {
font-size: 50px;
display: inline-block;
width: 100%;
margin: 15px 0 20px;
font-weight: 400;
color: #fff;
}
.inkgility-hero .owl-item a {
/* font-size: 30px; */
/* font-weight: 400; */
/* padding: 10px 35px; */
/* line-height: 40px; */
/* border-radius: 5rem; */
/* color: #333; */
/* text-decoration: none; */
/* background: #fff; */
/* text-transform: uppercase; */
/* display: block; */
}
/*.inkgility-hero .owl-item a:hover {
background: #47c1bf;
color: #fff;
border-color: #47c1bf;
}*/
.category-slider .owl-nav {
position: absolute;
/* border:1px solid red; */
top: 39%;
width: 100%;
}
.category-slider .owl-nav .owl-prev {
position: absolute;
left: 0%;
}
.category-slider .owl-nav .owl-next {
position: absolute;
right: 0%;
}
.category-slider .owl-prev,
.category-slider .owl-next {
width: 40px;
height: 40px;
border: 1px solid #000;
border-radius: 50% !important;
background: #fff !important;
color: #000 !important;
font-weight: 900;
}
.service-panel .service-icon {
margin-bottom: 3rem;
text-align: center;
}
.service-panel h2 {
color: #000;
text-align: center;
}
.service-panel>.panel-body p {
text-align: center;
}
.service-panel .panel-footer {
background-color: #fff;
border-top: none;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
text-align: center;
padding: 20px;
}
.service-panel.panel {
background: #FFFFFF;
border-radius: 20px !important;
transition: all .5s;
}
.service-shadow {
box-shadow: 0 1px 1px 0 rgb(90 122 190 / 10%), 0 10px 20px 0 rgb(90 122 190 / 20%) !important;
}
.panel.service-panel:hover {
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.18) !important;
-webkit-transform: translateY(-6px);
-ms-transform: translateY(-6px);
transform: translateY(-6px);
transition: all .5s;
}
.media-list .media {
background: #FFFFFF;
box-shadow: 9.07982px 25.2217px 24.2129px rgba(0, 0, 0, 0.15);
border-radius: 15.133px;
padding: 15px 15px;
margin-bottom: 45px;
}
.howittabs ul {
border-bottom: 0;
}
.howittabs li.active a {
background-color: #f7fdff !important;
}
.howittabs li a {
margin-right: -30px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
background: #fff;
border: 1px solid #B5C1C6;
padding-left: 35px;
color: #000;
font-weight: 600;
font-size: 2rem;
display: flex;
vertical-align: text-top;
line-height: 35px;
}
.howittabs li a>svg {
height: 35px;
}
.howittabs li:first-child a {
z-index: 3;
}
.howittabs li:nth-child(2) a {
z-index: 2;
}
.howittabs .tab-pane {
padding: 25px 25px;
}
.howittabs .tab-content {
background: #F7FDFF;
border: 1px solid #B5C1C6;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
display: block;
float: left;
margin-top: 0px;
}
.our-clients .item,
.integration .item {
display: flex;
align-items: center;
justify-content: center;
}
.integration .item {
height: 150px;
}
.our-clients .item {
height: 250px;
}
.our-clients .item img,
.integration .item img {
max-height: 150px;
width: auto;
}
.section,
.section_inner {
width: 100%;
float: left;
}
.section>.section-title,
.section .section-text>.section-title {
color: var(--text-dark);
font-size: 40px;
}
.btn-holder {
width: 100%;
float: left;
text-align: center;
padding-top: 20px;
}
.section-services {
background: url('../images/home/image3.png');
background-position: left top;
background-repeat: no-repeat;
}
#scroll-spy-navs {
position: sticky;
top: 0;
background: white;
padding: 15px 0;
z-index: 1;
}
.sticky-navs>li>a {
font-size: 20px;
font-weight: 600;
padding: 10px 15px;
position: relative;
text-decoration: none;
}
.sticky-navs>li>a::after {
position: absolute;
content: '';
width: 0;
height: 2px;
background: #7f45ff;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
transition: width .5s;
}
.sticky-navs>li>a.active::after {
width: 100%;
}
.sticky-navs>li>a:hover::after {
width: 100%;
transition: width .5s;
}
.product-panel {
border: 1px solid #ccc;
border-radius: 32px;
overflow: hidden;
border: 1px solid #ddd;
transition: border 0.3s;
max-width: 350px;
margin-bottom: 3em;
width: 100%;
}
.product-panel:hover {
border: 1px solid #6744da;
transition: border 0.3s;
}
.product-panel .price>span {
font-family: var(--style-font);
}
.product-panel>.panel-footer>h3,
.product-panel>.panel-footer>h4 {
color: var(--text-dark) !important;
}
.product-panel>.panel-footer>p {
color: var(--text-primary);
}
.product-panel>.panel-footer>ul {
padding-inline-start: 20px;
text-align: center;
}
.product-panel>.panel-body {
max-height: 260px;
overflow: hidden;
}
.product-panel>.panel-body>img {
width: 100%;
min-height: 260px;
}
.product-panel>.panel-footer {
background-color: #fff;
min-height: 164px;
padding: 4px 4px 10px;
}
.product-panel>.panel-footer>h3,
.product-panel>.panel-footer>h4,
.product-panel>.panel-footer>p,
.product-panel>.panel-footer>div {
text-align: center;
font-family: var(--font);
}
.product-panel>.panel-footer>h3,
.product-panel>.panel-footer>p {
padding-top: 12px;
}
.product-panel>.panel-footer>h4 {
font-size: 20px;
}
.product-panel>.panel-footer>div>span {
/* margin-left: -64px; */
vertical-align: middle;
/* position: absolute; */
font-size: 20px;
color: #6744da;
}
.product-panel>.panel-footer>.price {
padding: 5px 0 8px;
}
.product-panel>.panel-footer>h6 {
font-size: 15px;
color: #777;
font-weight: 300;
}
.product-panel>.panel-footer>div>em {
font-size: 20px;
font-style: normal;
}
.product-panel>.panel-footer>div>span {
font-size: 3rem !important;
}
.inkgility-services {
float: left;
width: 100%;
padding: 40px 0 35px;
border-bottom: 1px solid #e4e4e4;
}
.inkgility-services .col-md-3:not(:last-child) {
border-right: 1px solid #e4e4e4;
}
.box-info {
display: table;
margin: 0 auto;
}
.box-info i {
display: table-cell;
line-height: 1;
color: #aaa;
font-size: 42px;
color: #d1477f;
}
.box-info .content {
display: table-cell;
vertical-align: middle;
padding-left: 15px;
text-align: left;
}
.box-info .content h4 {
margin-bottom: 3px;
}
.box-info .content p {
margin: 0;
}
.inkgility-categories {
padding: 80px 0;
float: left;
width: 100%;
}
.inkgility-categories h2 {
float: left;
width: 100%;
font-size: 2em;
margin: 0 0 40px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
.inkgility-banner {
float: left;
width: 100%;
position: relative;
}
.inkgility-banner .overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .3);
opacity: 0;
transition: all 0.3s ease 0s;
}
.inkgility-banner:hover .overlay {
opacity: 1;
}
.inkgility-banner img {
display: block;
width: 100%;
max-width: 100%;
}
.inkgility-banner .text-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 20px;
}
.inkgility-banner .text-content h3 {
font-size: 20px;
}
.inkgility-banner .text-content a {
text-decoration: underline;
color: #888;
font-size: 13px;
}
.inkgility-banner .text-content a:hover {
color: #47c1bf;
}
/*.inkgility-list {
float: left;
width: 100%;
padding: 50px 0;
}*/
.inkgility-list h2 {
float: left;
width: 100%;
font-size: 2em;
margin: 0 0 40px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
.table-content {
border: 1.25px solid #6744DA;
border-radius: 30px;
padding: 15px;
}
.scroller {
max-height: 1100px;
overflow-y: scroll;
overflow-x: hidden;
}
/* Mozila Scrollbar */
html,
body,
div,
ul {
scrollbar-width: thin;
scrollbar-color: #c5bbe9 #f1f1f1;
}
/* Chrome Scrollbar */
/* width */
::-webkit-scrollbar {
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
background: #fff;
border: 1px solid #c5bbe9;
border-radius: 20px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #c5bbe9;
border-radius: 20px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #c5bbe9;
}
/* Buttons */
::-webkit-scrollbar-button:single-button {
background-color: rgb(252, 252, 252);
display: block;
background-size: 10px;
background-repeat: no-repeat;
border-radius: 20px;
}
/* Up */
::-webkit-scrollbar-button:single-button:vertical:decrement {
height: 12px;
width: 16px;
background-position: center 4px;
background-image: url("data:image/svg+xml;utf8,");
}
::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
background-image: url("data:image/svg+xml;utf8,");
}
::-webkit-scrollbar-button:single-button:vertical:decrement:active {
background-image: url("data:image/svg+xml;utf8,");
}
/* Down */
::-webkit-scrollbar-button:single-button:vertical:increment {
height: 12px;
width: 16px;
background-position: center 2px;
background-image: url("data:image/svg+xml;utf8,");
}
::-webkit-scrollbar-button:single-button:vertical:increment:hover {
background-image: url("data:image/svg+xml;utf8,");
}
::-webkit-scrollbar-button:single-button:vertical:increment:active {
background-image: url("data:image/svg+xml;utf8,");
}
/* Left */
::-webkit-scrollbar-button:single-button:horizontal:decrement {
height: 12px;
width: 12px;
background-position: 3px 3px;
background-image: url("data:image/svg+xml;utf8,");
}
::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
background-image: url("data:image/svg+xml;utf8,");
}
::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
background-image: url("data:image/svg+xml;utf8,");
}
/*.inkgility-list ul {
float: left;
width: 100%;
list-style: none;
padding: 0;
margin: 0;
}
.inkgility-list ul.two_col li {
float: left;
width: 47%;
margin-right: 3%;
margin-bottom: 30px;
position: relative;
}
.inkgility-list ul.three_col li {
float: left;
width: 30%;
margin-right: 3.33%;
margin-bottom: 30px;
position: relative;
}
.inkgility-list ul.four_col li {
float: left;
width: 23%;
margin-right: 2.666666666666666666666667%;
margin-bottom: 30px;
position: relative;
}
.inkgility-list ul.five_col li {
float: left;
width: 17%;
margin-right: 3%;
margin-bottom: 30px;
position: relative;
}
.inkgility-list ul li figure {
float: left;
width: 100%;
text-align: center;
}
.inkgility-list.inkgility-templates ul li figure {
height: auto;
}
.inkgility-list ul li figure img {
display: inline-block;
}
.inkgility-list ul li:nth-of-type(4n) {
margin-right: 0;
}*/
.inkgility-list .inkgility-action {
position: absolute;
top: 40%;
left: 0;
width: 100%;
text-align: center;
}
.inkgility-list .inkgility-action a {
font-size: 12px;
font-weight: 700;
padding: 0 22px;
line-height: 34px;
float: none;
width: auto;
background: #fff;
color: #000;
text-transform: uppercase;
display: inline-block;
margin: 0 2px;
opacity: 0;
transform: scale(0.8);
transition: all 0.3s ease 0s;
}
.inkgility-list .inkgility-action a.inkgility-custom {
background: #d1477f;
color: #fff;
}
.inkgility-list li:hover .inkgility-action a {
transform: scale(1);
opacity: 1;
}
.inkgility-list ul li a {
float: left;
width: 100%;
}
.inkgility-list ul li figure {
float: left;
width: 100%;
position: relative;
}
.inkgility-list ul li img {
display: block;
}
.inkgility-list ul li .overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .3);
opacity: 0;
transition: all 0.3s ease 0s;
}
.inkgility-list ul li:hover h3 {
text-decoration: underline;
}
.inkgility-list ul li:hover .overlay {
opacity: 1;
}
.inkgility-list ul li .content {
float: left;
width: 100%;
text-align: center;
}
.inkgility-list ul li .content h3 {
float: left;
width: 100%;
font-weight: 500;
font-size: 18px;
margin: 15px 0 10px;
color: #333;
font-weight: 400;
}
.inkgility-list ul li .content .inkgility-price {
float: left;
width: 100%;
font-weight: 700;
color: #d1477f;
font-size: 22px;
}
.inkgility-client {
float: left;
width: 100%;
padding-bottom: 80px;
}
.client {
float: left;
width: 100%;
}
.client:hover img {
opacity: 1;
}
.client img {
float: left;
width: 100%;
opacity: 0.6;
transition: all 0.3s ease 0s;
}
/* Product detail */
.inkgility-product {
float: left;
width: 100%;
padding: 30px 0;
}
.product-detail {
float: left;
width: 100%;
}
.product-detail h1 {
float: left;
width: 100%;
margin-bottom: 10px;
}
.product-detail .price {
font-size: 22px;
font-weight: 700;
color: #47c1bf;
float: left;
width: 100%;
margin: 0;
margin-bottom: 15px;
}
.product-detail .desc {
float: left;
width: 100%;
margin: 0 0 20px;
}
.product-detail form {
float: left;
width: 100%;
margin-bottom: 20px;
}
.product-detail form input[type="number"] {
float: left;
width: 65px;
text-align: center;
line-height: 38px;
border: 1px solid #e3e3e3;
padding: 0 0 0 5px;
}
.product-detail form a {
font-weight: 700;
padding: 0 28px;
line-height: 38px;
background: #fff;
color: #000;
text-transform: uppercase;
float: left;
margin: 0 0 0 12px;
}
.product-detail a.inkgility-add {
background: #ebebeb;
}
.product-detail a.inkgility-custom {
background: #47c1bf;
color: #fff;
}
.inkgility-product .inkgility-list {
margin: 80px 0 0;
}
.inkgility-product .inkgility-list.inkgility-related {
padding: 0;
}
.inkgility-products {
padding: 30px 0;
float: left;
width: 100%;
}
.inkgility-products .inkgility-list {
margin: 0;
}
.inkgility-products .inkgility_pagination {
margin: 0;
}
.inkgility-bread {
float: left;
width: 100%;
padding: 5px 0 5px;
background: #f5f5f5;
/* text-align: center; */
margin-top: 20px;
}
/*@media screen and (min-width: 576.98px) {
.mobile-breadcrumb {
display:none;
}
}
@media screen and (max-width: 576px) {
.inkgility-bread {
display:none;
}
.mobile-breadcrumb {
background: #F7FDFF;
text-align: center;
padding: 15px 10px;
margin-top: 106px;
}
.mobile-breadcrumb ul {
list-style: none;
}
.mobile-breadcrumb ul >li {
display: inline-block;
}
}
*/
.product-bread {
background: url('../images/product_list_banner.png') no-repeat;
background-size: cover;
background-position: center;
min-height: 300px;
}
.product-bread h1 {
text-align: left;
}
.breadcrumb {
list-style: none;
padding: 0;
background-color: #f1fcff;
margin-bottom: 0;
}
.breadcrumb li {
display: inline-block;
position: relative;
line-height: 30px;
background: #f1fcff;
margin-right: 0;
font-size: 14px;
}
.breadcrumb li:before {
content: "";
display: block;
position: absolute;
top: 0;
left: -15px;
width: 0;
height: 0;
/* border-top: 15px solid var(--btnPrimaryColor); */
/* border-left: 15px solid transparent; */
}
.breadcrumb li:after {
/* content: ""; */
display: block;
/* position: absolute; */
/* bottom: 0; */
/* left: -15px; */
/* width: 0; */
/* height: 0; */
/* border-bottom: 15px solid var(--btnPrimaryColor); */
/* border-left: 15px solid transparent; */
}
.breadcrumb li a {
display: block;
color: #000;
text-decoration: none;
padding: 0 10px;
white-space: nowrap;
overflow: hidden;
padding-top: 2px;
font-size: 12px;
}
.breadcrumb li:first-child {
-moz-border-radius-top-left: 0px;
-webkit-border-top-left-radius: 0px;
border-top-left-radius: 0px;
-moz-border-radius-bottom-left: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.breadcrumb li:first-child:before,
.breadcrumb li:first-child:after {
display: none;
}
/*.breadcrumb li:first-child a:before {
content: "";
display: inline-block;
width: 7.5px;
height: 7.5px;
margin-right: 7.5px;
background: #888;
}*/
.breadcrumb li:last-child a {
-moz-border-radius-top-right: 0px;
-webkit-border-top-right-radius: 0px;
border-top-right-radius: 0px;
-moz-border-radius-bottom-right: 0px;
-webkit-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.breadcrumb li:last-child a:after {
display: none;
}
.breadcrumb li:last-child:after,
.breadcrumb li:hover:before,
.breadcrumb li:hover:after {
border-top-color: var(--btnPrimaryColor);
border-bottom-color: var(--btnPrimaryColor);
}
.breadcrumb li:last-child:before,
.breadcrumb li:last-child:after {
border-top-color: #f1fcff;
border-bottom-color: #f1fcff;
}
.breadcrumb>li+li:before {
padding: 0 5px;
color: #ccc;
content: "";
}
.breadcrumb li:hover a {
color: #444;
}
.breadcrumb li:last-child a {
background: #f1fcff;
color: #000;
}
.breadcrumb li:last-child a:after,
.breadcrumb li:hover a:after {
border-left-color: #ddd;
}
.breadcrumb li:last-child+li {
background: #eFe;
}
.breadcrumb li:first-child a,
.breadcrumb li:last-child a,
.breadcrumb li:hover a {
width: auto;
}
/* Pagination */
.inkgility_pagination {
float: left;
width: 100%;
margin-top: 20px;
}
.inkgility_pagination ul {
float: right;
background: #fff;
list-style: none;
margin: 0;
padding: 0;
}
.inkgility_pagination ul li {
float: left;
margin-bottom: 5px;
}
.inkgility_pagination ul li a,
.inkgility_pagination ul li span {
display: block;
width: 35px;
height: 34px;
line-height: 34px;
text-align: center;
border: 1px solid #e4e9f0;
margin-left: -1px;
color: #74708d;
}
.inkgility_pagination ul li a:hover {
background: #f6f6f6;
}
.inkgility_pagination ul li span {
background: #500AD2;
color: #fff;
border-color: #500AD2;
}
.inkgility_pagination ul li span.none {
cursor: not-allowed;
background: #fff;
border-color: #e4e9f0;
color: #74708d;
}
.inkgility_pagination ul li:last-child>span,
.inkgility_pagination ul li:last-child>a {
border-right: 1px solid #e4e9f0;
border-radius: 0 2px 2px 0;
}
.inkgility_pagination ul li:first-child>span,
.inkgility_pagination ul li:first-child>a {
border-radius: 2px 0 0 2px;
}
.inkgility_pagination p {
margin: 0;
float: left;
}
/* Footer */
.footer {
float: left;
width: 100%;
padding-top: 80px;
background: #dadbf5;
background-size: cover;
border-top: 1px solid rgba(255, 255, 255, .1);
}
.newsletter h3 {
font-family: 'Agrandir';
font-weight: 800;
}
.footer .social-icons {
margin-top: 2rem;
}
.footer .social-icons {
margin-top: 2rem;
max-width: 225px;
margin-left: auto;
margin-right: auto;
}
.footer .social-icons li a svg {
width: 25px;
height: 25px;
}
.footer .social-icons li {
line-height: 35px;
}
.footer_content {
width: 100%;
float: left;
}
.footer_content .footer_logo {
float: left;
width: 100%;
margin-bottom: 15px;
}
.footer_content .footer_logo img {
float: left;
max-height: 40px;
}
.footer_content p {
float: left;
width: 100%;
font-size: 1.1em;
line-height: 26px;
margin-bottom: 15px;
color: #fff;
}
.footer_content h3 {
float: left;
width: 100%;
margin-bottom: 15px;
color: #7F45FF;
font-family: 'Agrandir';
font-weight: 800;
font-size: 1.8rem;
}
.footer_content ul {
list-style: none;
margin: 0;
/* padding: 0; */
padding: 15px 0;
}
.footer_content ul.link {
float: left;
width: 100%;
}
.footer_content ul.link li {
float: left;
width: 100%;
line-height: 24px;
}
.footer_content ul.link li a {
display: block;
color: #444;
font-weight: 400;
font-size: 15px;
}
.footer_content ul.link li a:hover {
color: #777;
text-decoration: none;
}
.footer_content a {
color: #989898;
}
.footer_content a:hover {
text-decoration: underline;
}
.form-sub {
float: left;
width: 100%;
position: relative;
}
.form-sub input[type='text'] {
width: 100%;
outline: 0;
float: left;
border: solid 1px #e8e8e8;
padding: 0 30px 0 20px;
height: 42px;
line-height: 42px;
font-size: 13px;
line-height: 36px;
color: #888888;
font-weight: 300;
box-shadow: none;
}
.form-sub input[type='submit'] {
position: absolute;
border: 0;
font-family: 'Roboto', Arial;
right: 0;
top: 0;
height: 42px;
line-height: 42px;
color: #fff;
background: #d1477f;
font-weight: 700;
text-transform: uppercase;
padding: 0 18px;
letter-spacing: 0.2px;
}
.tsd_social {
float: left;
width: 100%;
}
.tsd_social li {
float: left;
margin-right: 12px;
}
.tsd_social li:nth-of-type(1) a {
background: #3B5998;
}
.tsd_social li:nth-of-type(2) a {
background: #1DA1F2;
}
.tsd_social li:nth-of-type(3) a {
background-image: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf)
}
.tsd_social li:nth-of-type(4) a {
background: #30373b;
}
.tsd_social li a {
display: block;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
border-radius: 50%;
color: #fff;
font-size: 14px;
}
.tsd_social li a:hover {
opacity: 0.7;
}
.footer-middle li a {
color: #fff;
}
.footer-bottom {
margin-top: 2rem;
padding-top: 2rem;
}
.social-links {
line-height: 35px;
max-width: 230px;
}
.social-links li {
padding-right: 15px;
padding-left: 0px;
}
.social-links li a {
display: block;
}
.social-links li>a>svg {
height: 20px;
width: 20px;
}
.copyright {
float: left;
width: 100%;
}
.copyright-info {
padding-top: 15px;
padding-bottom: 15px;
}
.copyright-info p {
color: var(--text-secondary);
font-family: var(--font);
font-size: 13px;
}
.copyright span {
padding: 15px 15px;
font-size: 13px;
color: #fff;
margin: 0;
}
.copyright a {
font-weight: 500;
color: #fff;
}
.copyright a:hover {
text-decoration: underline;
}
.footer_content .contact_form {
margin: 10px 0 0;
}
.align-right {
text-align: right;
}
.align-left {
text-align: left;
}
.padding6 {
padding: 60px 0;
}
.inkgility-order-sumary {
margin-bottom: 30px;
font-weight: bold;
}
.inkgility-order-sumary strong {
font-weight: 500;
color: #666;
}
.inkgility-order-sumary p,
.inkgility-billing-details p {
margin: 0;
line-height: 20px;
}
.inkgility-billing-details {
font-weight: bold;
font-size: 17px;
letter-spacing: 2px;
}
.thankyou {
font-family: 'TimeBurner Regular';
letter-spacing: 2px;
}
.thankyou h5 {
margin-bottom: 10px;
}
.thankyou h4 {
font-weight: 300;
margin-bottom: 10px;
font-size: 24px;
}
.mt-30 {
margin-top: 30px;
display: block;
width: 100%;
float: left;
}
.thankyou .inkgility-table tbody td:first-child {
font-weight: 300;
}
#checkout .form-actions button {
float: left;
}
#checkout .form-actions .payment-separate {
float: left;
margin: 0 10px;
line-height: 42px;
}
#paypal-button {
float: left;
}
.inkgility-payment-name strong {
text-transform: capitalize;
}
#checkout .payments {
float: left;
width: 100%;
background: #fbfbfb;
padding: 25px 30px 15px;
margin-top: 15px;
}
#checkout .payments h3 {
margin-bottom: 20px;
}
#checkout .payments img {
max-height: 40px;
margin-right: 10px;
}
#checkout .payments label {
float: left;
color: #333;
line-height: 18px;
margin: 0 0 10px 8px;
cursor: pointer;
}
#checkout .payments input[type=radio] {
float: left;
width: 18px;
height: 18px;
margin-top: 0;
cursor: pointer;
}
.inkgility-payment-item {
width: 100%;
display: block;
float: left;
}
.inkgility_message {
float: left;
width: 100%;
margin-bottom: 15px;
color: #468847;
background: #DFF0D8;
padding: 5px 15px;
border-radius: 2px;
}
.page-heading {
margin-bottom: 15px;
}
.section-content {
padding: 30px 25px;
}
.bg-blue {
background: #5701b1;
}
.bg-idealcard {
background-color: var(--text-primary);
background: var(--text-primary);
}
.text-purple {
color: var(--text-primary) !important;
}
.row.bg-blue {
background: #500ad2;
}
.btn-learn_more i,
.btn-shop_white i {
transform: rotate(48deg);
}
.testimonial {
background: #FFFFFF;
box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.25);
border-radius: 35px;
margin: 46px auto;
padding-top: 35px;
padding-bottom: 20px;
margin-bottom: 90px;
}
.testimonial-card_body {
position: relative;
}
img.shape.comma-one {
position: absolute;
top: -10px;
left: 5px;
width: 37px;
height: 25px;
}
img.shape.comma-two {
position: absolute;
bottom: 10px;
right: 5px;
width: 37px;
height: 25px;
}
.testimonial-card_body {
padding: 15px 15px;
}
.testimonial-card_body p {
font-size: 3rem;
line-height: 1.5;
}
.testimonial {
position: relative;
}
.testimonial-card_header {
text-align: center;
}
.testimonial-card_header>.quote {
position: absolute;
right: 5%;
top: 25%;
}
.signature-font {
font-family: 'Brittany Signature';
}
.feedback-section [class*=avatar-] {
border-radius: 50%;
outline-style: solid;
outline-color: #fff;
filter: drop-shadow(0px 10px 20px rgba(0, 59, 91, .05));
}
.feedback-section .owl-dots {
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
bottom: 30px;
}
.feedback-section__new_layout .owl-dots {
right: 0;
left: 0;
bottom: -25px;
display: flex;
flex-direction: row;
justify-content: center;
}
.feedback-section__new_layout img#quote {
max-width: 100%;
height: auto;
width: auto;
margin: 0 auto;
}
.feedback-section__new_layout .testimonial-img img {
max-height: 500px;
margin-left: auto;
width: auto;
}
/* header icons mini dropdown */
.miniaccount,
.minicart,
.minifaq {
display: none;
}
.miniaccount,
.minifaq,
.minicart {
position: absolute;
background: #fff;
min-width: 320px;
border: 2px solid #6744DA;
border-radius: 21px;
font-family: 'Georgia';
font-weight: 400;
z-index: 999;
}
.mini-wrapper {
padding: 15px;
}
.header .right-nav a span {
display: inline-block;
}
.mini-title {
text-align: center;
margin-bottom: 10px;
font-family: 'Agrandir';
font-weight: 800;
}
.miniaccount input {
border-radius: 21px;
}
.miniaccount a {
text-decoration: none;
color: #777;
}
.minicart-card {
padding-left: 0;
list-style: none;
max-height: 250px;
overflow-y: auto;
overflow-x: hidden;
}
.minicart-card li {
display: block;
margin-bottom: 8px;
width: 100% !important;
}
.cart-item {
display: flex;
justify-content: center;
align-items: center;
}
.cart-thumb {
width: 30%;
}
.cart-name {
width: 70%;
text-align: center;
}
.cart-name p {
margin-bottom: 0px;
}
.minifaq .item p {
font-size: 14px;
color: #6744DA;
font-family: 'Georgia';
font-weight: 400;
}
.minifaq .item a {
color: #6744DA;
text-decoration: none;
}
.minifaq .item a svg,
.minifaq .item a svg path {
fill: #6744DA;
}
.minifaq .item {
border-radius: 12px;
width: 48% !important;
}
.minifaq .mini-subtitle {
margin: 20px auto;
font-size: 1.2rem;
font-family: 'Agrandir';
font-weight: 800;
}
.mini-contact input,
.mini-contact select,
.mini-contact textarea {
border-radius: 21px;
}
.mini-contact .input-group-addon:first-child {
border-top-left-radius: 21px !important;
border-bottom-left-radius: 21px !important;
background: #fff;
}
.mini-contact .form-helper {
font-size: 10px;
line-height: 1;
}
/* mini dropdown enmds */
@media screen and (min-width:767px) {
.feedback-section__new_layout .owl-dots {
right: -30px;
left: auto;
bottom: 50%;
display: flex;
flex-direction: column;
}
}
.shapes {
position: absolute;
z-index: -1;
}
.feedback-section .avatar-one {
top: 0%;
left: 13%;
animation: jumpFive 3s infinite linear;
}
.feedback-section .avatar-two {
bottom: 35%;
left: 9%;
animation: jumpThree 3s infinite linear;
}
.feedback-section .avatar-three {
bottom: 67%;
right: 9%;
animation: jumpTwo 3s infinite linear;
}
.menushort svg {
height: auto;
/* width: 59px; */
margin-top: 7px;
}
.feedback-section .avatar-four {
bottom: 25%;
right: 14%;
animation: jumpFour 3s infinite linear;
}
.footer-newsletter {
text-align: center;
max-width: 700px;
margin: 0px auto;
h3 {
margin-bottom: 15px;
}
}
.subscription {
padding-bottom: 50px;
}
.subscription h3 {
margin-bottom: 15px;
text-align: center;
color: #fff;
}
.mycustom button#inputGroupPrepend2 {
border-radius: 2rem !important;
background-color: #7f45ff;
width: 104px;
}
.mycustom {
border: none;
position: relative;
margin: 0 auto;
width: 100%;
min-width: 300px;
}
.mycustom input[type=text] {
border: none;
width: 100%;
padding-right: 123px;
border-radius: 2rem !important;
background: #fff;
border: 1px solid #4c2bba;
}
.mycustom .input-group-prepend {
position: absolute;
right: 4px;
top: 7px;
bottom: 2px;
z-index: 9;
}
ul.list-custom {
list-style: none;
position: relative;
padding-left: 20px;
}
ul.list-custom li::before {
content: '\e86c';
font-family: 'Material Icons';
position: absolute;
color: #7f45ff;
left: 0;
}
.section-content .section-heading,
.section-content h2,
.section-content h3 {
margin-bottom: 15px;
text-align: center;
font-family: 'Josefin Sans', sans-serif;
font-weight: 500;
}
.section-content p {
text-align: center;
font-family: 'Josefin Sans', sans-serif;
font-weight: 300;
}
.section-content li {
font-family: 'Josefin Sans', sans-serif;
font-weight: 300;
}
header.header.header-transparent {
background: #dadbf5;
box-shadow: none;
padding: 0px 0px 5px;
height: 95px;
/* margin-bottom: 16px; */
}
.navbar-toggle {
float: left !important;
}
.navbar-brand {
float: right !important;
}
/* RESPONSIVE */
.image-box {
padding: 0 5px;
}
.image-box h3 {
font-size: 16px;
margin: 8px 0;
}
.image-box a {
display: block;
}
.image-box img {
border-radius: 5px;
}
.flex-box {
display: flex;
flex-wrap: wrap;
}
.flex-align-center {
align-items: center;
}
.flex-justify-center {
justify-content: center;
}
.flex-row {
flex-direction: row;
}
.flex-col {
flex-direction: column;
}
.msgbox {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
overflow: hidden;
background: rgb(0 0 0 / 35%);
}
.msgbox .msgbox-in {
max-width: 600px;
width: 100%;
background: #fff;
padding: 30px 30px;
text-align: center;
}
.header .right-nav {
/* display: flex; */
justify-content: space-around;
}
.header .right-nav {
margin-bottom: 0;
}
.header .right-nav a {
text-align: center;
display: block;
}
.header .right-nav li {
padding-top: 0 !important;
}
.grecaptcha-badge {
display: none;
}
.header .logobox {
margin: 2px auto 0;
text-align: center;
}
.header .locationbox span {
font-size: 9px;
}
.header .navbar-toggle {
padding: 0;
margin: 0;
}
.header .navbar-toggle svg {
height: 25px;
}
.header .head-search input {
border: 1px solid #000;
}
.header .head-search ::placeholder {
color: #444;
}
.content-title h2 {
margin-bottom: 20px;
font-weight: 600;
}
.content-title p {
color: #000;
font-weight: 400;
}
.header .carticon svg,
.header .searchicon svg,
.header .locationbox svg {
height: 15px;
}
.header .usericon svg {
height: 28px;
}
.header .usericon span,
.header .carticon span,
.header .searchicon span {
font-size: 5px;
}
.logobox img {
max-width: 100%;
width: 100%;
}
.logobox a {
text-align: center;
}
#quoteForm input.form-control,
#quoteForm select.form-control {
background: #FFFFFF;
border: 1px solid #E0E3E7;
box-sizing: border-box;
border-radius: 3px;
height: 53px;
}
#quoteForm .form-control {
font-size: 20px;
font-weight: normal;
}
#quoteForm label {
font-size: 20px;
font-weight: 400;
color: #000;
}
select#countryList {
color: #000;
}
.breadcrumb-new {
display: none;
}
.footer .border-right {
border: none !important;
}
.btn-shop_white {
border: 1px solid #000;
background: linear-gradient(180deg, #fff 0%, #f9f9f9 100%);
box-shadow: 0px 4px 4px rgb(1 1 1 / 25%) !important;
border-radius: 50.4434px !important;
border-radius: 3rem;
color: #000;
}
.ink-underline {
height: 1px !important;
background: var(--inkgility-gradient);
margin-top: 10px !important;
}
.card {
border-radius: 23px;
background: #FFF;
box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.25);
position: relative;
height: 100%;
.card-notification {
position: absolute;
top: -24px;
left: -24px;
width: 48.784px;
height: 48.784px;
flex-shrink: 0;
border-radius: 4px;
border: 1px solid #000;
background: #FFF;
display: flex;
align-items: center;
justify-content: center;
}
img {
border-radius: 16px;
margin-bottom: 15px;
}
.card-body {
padding: 15px;
.card-title {
text-align: center;
font-family: 'Agrandir';
font-size: 20px;
font-weight: 800;
margin-bottom: 15px;
}
.card-text {
text-align: center;
font-family: 'Georgia';
font-size: 13.952px;
font-weight: 400;
line-height: 19.378px;
em {
color: #6744DA;
text-align: center;
font-family: "Barbershop-in-Thailand";
font-size: 22.13px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
strong {
color: #000;
text-align: center;
font-family: 'Agrandir';
font-size: 16.028px;
font-style: normal;
font-weight: 800;
line-height: normal;
}
}
}
}
.flex-container {
display: flex;
width: 100%;
gap: 10px;
.flex-list {
display: flex;
gap: 41px;
margin-bottom: 50px;
flex-wrap: wrap;
}
.flex-small {
flex: 0 20%;
}
.flex-large {
flex: 0 80%;
}
}
ul.flex-list {
list-style: none;
padding-left: 0;
}
.social_icon_group_img {
height: auto;
width: 100%;
}
@media screen and (max-width:767px) {
.flex-item .title-font {
font-size: 2.5rem;
}
.flex-list {
flex-wrap: wrap;
gap: 10px !important;
li img {
max-height: 30px;
}
li:nth-child(6) {
margin-left: 19px;
}
li:nth-child(15) {
margin-left: 28px;
}
li:nth-child(24) {
margin-left: 28px;
}
}
.flex-small {
flex: 0 45% !important;
width: 45%;
}
.flex-large {
flex: 0 55% !important;
width: 55%;
}
.card {
img {
border-radius: 16px;
margin-bottom: 15px;
}
.card-body {
padding: 15px;
.card-title {
font-size: 15px;
margin-bottom: 15px;
}
.card-text {
font-size: 15px;
em {
font-size: 12px;
}
strong {
font-size: 10px;
}
}
}
}
.swiper__blogs .swiper-wrapper,
#how_it_works .swiper-wrapper {
padding-top: 25px;
padding-bottom: 25px;
.swiper-slide {
height: auto !important;
}
}
#how_it_works {
.swiper-wrapper {
.swiper-slide-active {
margin-left: 25px;
}
}
}
.miniaccount,
.minifaq,
.minicart {
left: auto;
right: 0;
max-width: 320px;
.mini-wrapper {
position: relative;
.iconpops {
position: absolute;
top: 5px;
right: 10px;
font-size: 2rem;
font-weight: 100;
width: 20px;
height: 20px;
border: 1px solid #ddd;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
line-height: 10px;
color: #6744DA;
cursor: pointer;
padding: 1px 0 0 3px;
}
}
}
.domain-location {
margin-top: -5px !important;
span.select2.select2-container.select2-container--default {
max-width: 214px;
transform: translate(-15px, 0px);
}
}
}
@media screen and (min-width: 768px) {
.iconpops {
display: none;
}
.flex-list {
gap: 42px;
li {
flex-grow: 0;
flex-shrink: 0;
img {
height: 60px;
/* width: 77px; */
flex-grow: 1;
}
}
li:nth-child(8) {
margin-right: 60px;
}
li:nth-child(9) {
margin-left: 100px;
}
li:nth-child(24) {
margin-right: 100px;
}
li:nth-child(25) {
margin-left: 100px;
}
}
body.is-transparent .inkgility-bread {
margin-top: 0;
}
.product-panel>.panel-body>a>img {
height: 350px;
object-fit: cover;
}
.product-panel>.panel-body {
max-height: 340px;
}
.slider-img {
position: absolute;
top: 0;
width: 500px;
}
.inkgility-hero .owl-dots {
bottom: 50%;
left: 5%;
}
.inkgility-hero .owl-theme .owl-dots {
text-align: left;
width: 30px;
}
.btn-learn_more {
background-color: var(--text-primary);
color: #fff;
border: none;
border-radius: 3rem;
}
.btn-share span {
display: inline-block !important;
}
.btn-share {
background-color: #FF5001;
color: #fff !important;
}
.btn-share svg {
height: 20px !important;
width: 20px !important;
}
a.text-dark.carticon.btn.btn-warning.btn-sm.btn-share {
display: flex;
align-items: center;
flex-direction: row;
padding: 4px 5px;
}
.header .right-nav {
/* justify-content: center; */
/* flex-wrap: wrap; */
/* flex-direction: row; */
}
.footer-bottom {
border-top: 1px solid #fff;
}
.breadcrumb-new .bnav {
display: flex;
align-items: center;
margin-bottom: 10px;
width: 310px;
align-self: center;
}
.breadmain {
position: relative;
}
.breadcrumb-new {
width: 100%;
float: left;
background: #fff;
padding: 0px 15px;
display: block;
}
.breadcrumb-new .bnav {
list-style: none;
padding-left: 0px;
position: relative;
}
.bnav li {
display: block;
margin: 0 0.5rem;
}
/* .bnav li:first-child {
background: url('../images/home-btn.svg');
} */
.bnav li:first-child {
position: relative;
white-space: nowrap;
background-color: #e9ecef;
color: #323c49;
transition: background-color 300ms;
line-height: 2;
}
.bnav li:first-child>a {
color: #fff;
background: linear-gradient(90deg, #EFC568 2.03%, #B52C85 50.63%, #6b558f 98.53%);
}
.bnav li:first-child>a>span.breadbtn {
position: absolute;
top: 0;
bottom: 0;
left: calc(100% - 0.4375rem);
width: 1.75rem;
overflow: hidden;
}
.bnav li:first-child>a>span.breadbtn:before {
content: "";
display: block;
position: absolute;
top: 50%;
right: -0.9375rem;
width: 6.25rem;
height: 6.25rem;
background: #6c4f9b;
border: 0.25rem solid #fff;
transform: translateY(-50%) scaleX(0.5) rotate(45deg);
transition: background-color 300ms;
}
.bnav li a {
display: block;
color: #333;
position: relative;
padding: 0 8px;
text-align: center;
}
.header .navbar-ex1-collapse .navbar-nav>li>a {
color: #000;
}
.inkgility-hero .item {
height: calc(100dvh - 71px);
}
.inkgility-hero .item .gif {
margin-top: 0;
}
.footer .border-right {
position: relative;
/* border-right: none !important; */
}
.border-right:after {
position: absolute;
/* content: ''; */
top: 12%;
height: 240px;
width: 1px;
background: #fff;
}
.inkgility-hero .inkgility-hero-learn-more {
bottom: 10px;
}
.header-transparent .navbar-nav>li>a {
color: #fff;
}
.page-heading,
.page-subheading {
text-align: left;
}
.page-subheading {
max-width: 500px;
}
.navbar-nav {
float: none;
margin: 0 auto;
display: flex;
justify-content: space-around;
align-items: center;
table-layout: fixed;
}
.navbar li:not(.logo-link) {
padding-top: 10px;
}
.swiper__how-it-works {
padding: 25px 25px 25px !important;
.swiper-slide {
height: auto !important;
}
.card {
border-radius: 23px;
background: #FFF;
box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.25);
position: relative;
height: 100%;
.card-notification {
position: absolute;
top: -24px;
left: -24px;
width: 48.784px;
height: 48.784px;
flex-shrink: 0;
border-radius: 4px;
border: 1px solid #000;
background: #FFF;
display: flex;
align-items: center;
justify-content: center;
div {
color: #000;
text-align: center;
font-family: Agrandir;
font-size: 25.125px;
font-style: normal;
font-weight: 800;
line-height: normal;
}
}
img {
border-radius: 16px;
margin-bottom: 15px;
}
.card-body {
padding: 15px;
.card-title {
text-align: center;
font-family: Agrandir;
font-size: 2.5rem;
font-weight: 800;
margin-bottom: 15px;
}
.card-text {
text-align: center;
font-family: Georgia;
font-size: 19px;
font-weight: 400;
line-height: 25.378px;
/* 138.889% */
}
}
}
}
.swiper__blogs {
padding: 25px 25px 25px !important;
.swiper-slide {
height: auto !important;
}
.card {
border-radius: 23px;
background: #FFF;
box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.25);
position: relative;
height: 100%;
display: flex;
flex-direction: column;
/* flex-grow: 1; */
img {
border-radius: 16px;
margin-bottom: 15px;
object-fit: cover;
width: 100%;
}
.card-body {
padding: 15px;
flex-grow: 1;
.card-title {
color: #000;
text-align: center;
font-family: Agrandir;
font-size: 20px;
font-style: normal;
font-weight: 800;
line-height: normal;
}
.card-text,
p {
color: #000;
text-align: center;
font-family: Georgia;
font-size: 13.952px;
font-style: normal;
font-weight: 400;
line-height: 19.378px;
}
}
}
}
}
@media screen and (min-width: 992px) {
/* .header .locationbox, .header .right-nav {
margin-top: 15px;
} */
.header .locationbox>span {
font-size: 12px;
margin-left: 0rem;
font-weight: 400;
}
.header .locationbox>svg {
height: 17px;
}
.header .logobox img {
max-height: 90px;
}
.header .usericon,
.header .carticon {
display: flex;
flex-direction: column;
justify-content: center;
}
.header .usericon svg,
.header .carticon svg,
.header .searchicon svg {
height: 17px;
}
.header .usericon span,
.header .carticon span {
display: block;
font-size: 12px;
text-align: center;
font-weight: 400;
}
.d_cart a>span {
display: inline-block !important;
width: 15px;
height: 15px;
background: var(--new-gradient);
color: #fff;
border-radius: 50%;
vertical-align: top;
position: absolute;
top: 3px;
right: 0;
padding: 1px 1px 2px 1px;
line-height: 0.8;
}
.header .head-search input {
height: 28px;
}
.header .navbar-ex1-collapse .navbar-nav>li>a {
font-size: 11.99px;
padding: 10px 9px;
}
}
@media screen and (min-width: 1200px) {
/* .header .locationbox, .header .right-nav {
margin-top: 15px;
} */
.container {
width: 1200px;
}
.header .locationbox>span {
font-size: 12px;
margin-left: 0.5rem;
font-weight: 400;
line-height: 12px;
}
.header .locationbox>svg {
height: 20px;
}
.header .logobox {
margin-top: 0px;
}
.header .logobox img {
max-height: 100px;
}
.header .usericon,
.header .carticon {
display: flex;
flex-direction: column;
justify-content: center;
}
.header .usericon svg,
.header .carticon svg,
.header .searchicon svg {
height: 26px;
width: 26px;
}
.header .usericon span,
.header .carticon span {
display: block;
font-size: 14px;
text-align: center;
font-weight: 500;
}
.header .head-search input {
height: 30px;
}
.header .navbar-ex1-collapse .navbar-nav>li>a {
font-size: 17px;
padding: 10px 6px;
}
.content-title h2 {
margin-bottom: 20px;
}
.content-title p {
font-size: 20px;
}
#quoteForm label {
font-size: 20px;
font-weight: normal;
color: #000;
}
.breadcrumb-new .bnav li a,
.breadcrumb-new .bnav li a>span {
font-size: 15px;
}
.header #cartico svg {
height: 29px;
width: 31px;
}
}
@media screen and (min-width: 1440px) {
/* .header .locationbox, .header .right-nav {
margin-top: 36px;
} */
.header .locationbox>span {
font-size: 12px;
margin-left: 0.5rem;
font-weight: 400;
line-height: 12px;
}
.header .locationbox>svg {
height: 20px;
}
.header .logobox {
margin-top: 0px;
}
.header .logobox img {
max-height: 120px;
}
.header .usericon,
.header .carticon {
display: flex;
flex-direction: column;
justify-content: center;
}
.header .usericon svg,
.header .carticon svg,
.header .searchicon svg {
height: 28px;
width: 28px;
}
.header .usericon span,
.header .carticon span {
display: block;
font-size: 12px;
text-align: center;
font-weight: 400;
}
.header .head-search input {
height: 37px;
min-width: 300px;
}
.header .navbar-ex1-collapse .navbar-nav>li>a {
font-size: 18px;
}
.breadcrumb-new .bnav li a,
.breadcrumb-new .bnav li a>span {
font-size: 15px;
}
.inkgility-hero h1 {
font-size: 50px;
}
}
@media screen and (min-width: 768px) and (max-width:1199.98px) {
/* .locationbox, .right-nav {
margin-top: 10px;
} */
.locationbox>span {
margin-left: -5px;
font-size: 9.18px;
}
.inkgility-hero h1 {
font-size: 40px;
}
.inkgility-hero .item .gif {
margin-top: -196px;
margin-left: -100px;
}
.inkgility-hero .owl-dots {
left: 3%;
}
.header .usericon svg,
.header .carticon svg,
.header .searchicon svg {
height: 24px;
width: 24px;
/* margin-bottom: -12px; */
}
.header .full-menu .navbar-nav>li>a {
font-size: 9.18px;
padding: 10px 4px;
}
.head-search input {
font-size: 5px;
height: 15px;
min-width: 200px;
}
.header .usericon span,
.header .carticon span,
.header .searchicon span {
display: block;
}
.content-title h2 {
font-size: 30px;
}
.content-title p {
font-size: 20px;
}
#quoteForm button[type="submit"] {
background: linear-gradient(90deg, #EFC568 2.03%, #B52C85 42.63%, #6E4EA1 95.53%);
border-radius: 44px;
font-size: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width:1199.98px) {
.inkgility-hero .item {
background-position: bottom !important;
}
.header .full-menu .navbar-nav>li>a {
font-size: 12px;
padding: 10px 4px;
}
}
@media only screen and (min-width: 768px) and (max-width:999px) {
.product-detail {
margin-top: 40px;
}
.footer_content {
margin-bottom: 30px;
}
.inkgility-hero .item {
padding: 100px 0;
}
.inkgility-services {
padding: 30px 0 25px;
}
.inkgility-services .box-info {
padding: 10px 0;
}
.inkgility-services .col-md-3:nth-of-type(2) {
border: 0;
}
.inkgility-client {
padding-bottom: 65px;
}
.client {
margin-bottom: 15px;
}
}
@media (max-width: 767px) {
.crisp-client .cc-tlyw[data-position-reverse=true][data-full-view=true] .cc-kxkl .cc-nsge {
display: none !important;
}
.service-panel {
text-align: center;
}
#scroll-spy-navs {
display: none;
}
.full-menu .dropdown-menu {
top: 46%;
}
.slider-in h1 span {
display: block;
}
.slider-in {
width: 100%;
}
.inkgility-hero .content {
width: 100%;
}
.navbar-nav .open .dropdown-menu {
border: 1px solid #ccc !important;
position: absolute;
background-color: #fff;
}
span.dropclose {
width: 30px;
height: 30px;
background: #6744da;
border-radius: 50%;
position: absolute;
color: #fff;
right: 0;
top: -30px;
padding: 4px 10px;
display: inline-block;
}
.full-menu .mega-menu-child {
padding-top: 10px;
padding-bottom: 10px;
}
.testimonial {
max-width: 100%;
}
header.header.header-normal {
position: absolute;
padding-top: 0;
padding-bottom: 0;
}
.header {
/* box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); */
/* background: transparent; */
height: fit-content !important;
}
.navbar-default .navbar-toggle {
border: none;
}
.footer-middle-wrap {
border-top: 2px solid #fff;
}
.footer-middle {
padding-top: 8px;
}
.footer {
background: #fff;
background-size: cover;
}
.copyright span {
display: block;
text-align: center;
}
.featured-product-list .featured-item {
margin: 0 auto 15px;
float: none;
}
.header .container {
width: 100% !important;
}
#billing .control-group .controls input,
#billing .control-group .controls select {
width: 100%;
}
.billing {
padding-right: 15px;
overflow: hidden;
}
.order_overview {
overflow: hidden;
padding-left: 15px;
margin-top: 30px;
}
.inkgility-categories .col-md-4:not(:last-child) {
margin-bottom: 25px;
overflow: hidden;
}
.inkgility-banner {
text-align: center;
}
.inkgility-banner img {
display: inline-block;
}
/*.inkgility-list ul li {
width: 48% !important;
margin-right: 4% !important;
}
.inkgility-list ul li:nth-of-type(2n) {
margin-right: 0 !important;
}*/
.inkgility-hero h1 {
font-size: 40px;
}
.product-detail {
margin-top: 40px;
}
.menu .main-menu {
display: none;
}
.btn_menu,
.menu_mobile {
display: block;
}
.inkgility-hero .item {
padding: 10px 0;
height: calc(100dvh - 70px);
}
.inkgility-hero .item {
padding-top: 15%;
}
.inkgility-hero .owl-anim {
width: 290px !important;
right: 0 !important;
margin: 0px auto;
left: 0;
height: auto !important;
top: -90px;
}
.inkgility-hero .play-btn {
width: 70px;
height: 70px;
background: radial-gradient(#6744DA 60%, rgba(255, 255, 255, 1) 62%) !important;
border-radius: 50%;
position: relative;
display: block;
margin: 17px auto;
box-shadow: 0px 0px 25px 3px rgb(46 64 184);
}
.inkgility-hero .content {
position: relative !important;
padding-top: 0% !important;
}
.inkgility-hero .content .btns-group {
display: flex;
flex-direction: column;
flex-wrap: wrap;
flex-grow: 1;
flex-shrink: 0;
justify-content: center;
align-items: center;
margin-top: -105px;
width: 100%;
}
.inkgility-hero .content .btns-group .btn {
width: 50%;
}
.inkgility-hero .content .btns-group .btn:first-child {
margin-bottom: 10px;
}
.inkgility-hero .owl-playbtn {
position: relative !important;
text-align: center;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: auto !important;
right: 0;
margin: 0 auto !important;
}
.inkgility-hero .item .slider-in {
padding: 20px 0 0;
}
.inkgility-services .col-md-3 {
width: 50%;
float: left;
}
.inkgility-services {
padding: 30px 0 25px;
}
.inkgility-services .box-info {
padding: 10px 0;
}
.inkgility-services .col-md-3:nth-of-type(2) {
border: 0;
}
.inkgility-client .col-md-2 {
width: 33.333333333333333%;
margin-bottom: 15px;
float: left;
}
.inkgility-client {
padding-bottom: 65px;
}
.footer_content {
margin-bottom: 30px;
text-align: center;
width: 100%;
float: left;
}
.footer_content {
position: relative;
border-bottom: 1px solid #fff;
}
.footer_content ul {
text-align: center;
}
.footer-middle ul {
text-align: center;
}
.social-links {
text-align: center;
max-width: 230px;
margin: 0 auto;
}
.thankyou img {
width: 60%;
}
#confirm h3 {
font-size: 1.8em;
}
.right-nav>a {
display: block;
text-align: center;
position: relative;
}
.right-nav>a>span {
display: none;
/*inline-block*/
position: absolute;
top: 14px;
left: 0;
right: 0;
}
.logobox svg {
margin-top: -6px;
}
.logobox .navbar-brand {
float: none !important;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color: #fff !important;
}
.searchicon svg {
height: 25px !important;
width: 25px !important;
}
.carticon svg {
height: 25px !important;
width: 25px;
}
.inkgility-hero .owl-theme .owl-dots,
.owl-theme .owl-nav {
text-align: right;
}
}
@media screen and (min-width: 480px) and (max-width:767px) {
.inkgility-hero h1 {
font-size: 35px;
}
.inkgility-services .col-md-3 {
width: 100%;
border: 0 !important;
}
.logobox {
height: 50px;
width: 240px;
}
.header .right-nav {
max-width: 74px;
margin-left: auto;
}
.header .right-nav li {
padding-top: 0 !important;
/* border: 1px solid red; */
padding-right: 3px;
width: 36px;
text-align: left;
padding-left: 0px;
}
body.is-transparent .inkgility-bread {
margin-top: 110px;
margin-bottom: 5px;
}
}
@media screen and (max-width:767px) {
.inkgility-hero .content .btns-group {
flex-direction: row;
justify-content: center;
gap: 10px;
max-height: 67px;
margin-top: 0;
}
.inkgility-hero .content .btns-group .btn {
max-width: fit-content;
margin-bottom: 0 !important;
}
.inkgility-hero h1 {
font-size: 20px;
}
.d_cart {
position: relative;
}
.d_cart>a>span {
position: absolute;
font-size: 10px !important;
width: 15px;
height: 15px;
background: var(--new-gradient);
color: #fff;
border-radius: 50%;
vertical-align: top;
position: absolute;
top: 3px;
right: 0;
padding: 3px 1px 2px 1px;
line-height: 0.8;
}
.faq-sec .faqtitle {
font-size: 34px;
}
.faq-sec .panel-title>a {
font-size: 16px;
}
}
@media only screen and (max-width: 479px) {
/*.inkgility-list ul li {
width: 100%;
margin-right: 0 !important;
}*/
.logobox svg {
width: 100%;
}
.header .right-nav li {
padding-top: 0 !important;
/* border: 1px solid red; */
padding-right: 3px;
width: 36px;
text-align: left;
padding-left: 0px;
}
body.is-transparent .inkgility-bread {
margin-top: 85px;
}
.inkgility-hero h1 {
font-size: 23px;
}
.inkgility-hero h1 {
font-size: 22px;
margin-bottom: 0px;
}
.inkgility-hero h3 {
font-size: 20px;
}
.inkgility-hero h4 {
margin: 10px 0 15px;
font-size: 16px;
}
.inkgility-services .col-md-3 {
width: 100%;
border: 0 !important;
}
.inkgility-client .col-md-2 {
width: 50%;
}
.navbar-brand img {
height: 40px;
width: 230px;
}
.copyright span {
font-size: 10px;
}
body.is-transparent .inkgility-bread {
margin-top: 0;
margin-bottom: 10px;
}
.product-img {
/* max-height:160px; */
overflow: hidden;
}
.domain-location {
span.select2.select2-container.select2-container--default {}
.select2-container .select2-selection--single .select2-selection__rendered {
font-size: 13.2px !important;
}
}
}
@media screen and (max-width: 375px) {
.logobox svg {
height: 35px;
}
.copyright span {
font-size: 8px;
}
}
.header .full-menu li {
flex-grow: 1;
text-align: left;
}
.header .full-menu li {
position: static !important;
}
.header .full-menu li>.dropdown-menu {
width: 100%;
padding: 0 0;
}
.header .full-menu li>.dropdown-menu>li {
border: 1px solid #ccc;
border-top: none;
}
.mega-menu-child {
height: 100%;
padding-bottom: 8px;
}
.mega-menu-child_title {
text-align: center;
font-size: 18px;
margin-bottom: 5px 0;
height: 62px;
overflow: hidden;
color: #000;
}
.mega-menu-child_iner h3 {
font-size: 15px;
margin: 5px 0;
color: #000;
}
.mega-menu-child_iner img {
max-height: 55px;
}
.mega-menu-child_list {
text-align: center;
height: 164px;
overflow-y: scroll;
}
@media screen and (min-width: 768px) {
.searchform button {
height: 38px;
background: transparent;
display: inline-block;
vertical-align: middle;
border: none;
position: absolute;
}
.searchform input {
max-width: 169px;
margin-top: 0;
height: 33px;
padding-left: 30px;
border: 1px solid var(--purple);
border-radius: 31px;
/*! background-image: linear-gradient(to right, white, white), var(--new-gradient); */
/*! background-origin: border-box; */
/*! background-clip: padding-box, border-box; */
}
.searchform {
margin-top: 0;
}
.searchform button svg {
width: 18px;
height: 18px;
margin-top: 3px;
margin-left: 2px;
}
}
@media screen and (min-width: 992px) {
.searchform input {
max-width: 155px;
font-size: 15px;
}
.right-nav li {
position: relative;
}
.right-nav li:not(:last-child) {
margin-right: 5px;
vertical-align: middle;
}
.right-nav li:not(:last-child)::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: -2px;
margin: auto auto;
width: 1px;
height: 30px;
background: #6744DA;
}
}
@media screen and (min-width: 1200px) {
.searchform input {
max-width: 196px;
font-size: 16px;
}
}
@media screen and (min-width: 1440px) {
.header .navbar-default,
.breadcrumb_inner,
.inkgility-nav-bread {
max-width: 1440px;
margin: 0 auto;
}
.inkgility-nav-bread {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 1200px) and (max-width:1440px) {
.header .navbar-default,
.breadcrumb_inner,
.ink-breadcrumb {
max-width: 1200px;
margin: 0 auto;
}
.inkgility-nav-bread {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 768px) and (max-width:1199.98px) {
.header .navbar-default,
.breadcrumb-new .breadcrumb_inner,
.ink-breadcrumb {
max-width: 1024px;
margin: 0 auto;
}
.inkgility-nav-bread {
padding-left: 15px;
padding-right: 15px;
}
.text-md-center {
text-align: center !important;
}
}
@media screen and (min-width: 768px) and (max-width:991.98px) {
.text-sm-center {
text-align: center !important;
}
}
@media screen and (max-width:992px) {
.header .right-nav {
max-width: 90px;
margin-left: auto;
}
.mobile-srch-frm {
display: none;
position: fixed;
width: 100%;
height: 70px;
left: 0;
top: 0;
background: #f1fcff;
}
.mobile-srch-frm.active {
display: block;
}
.mobile-top-srch-wrap {
display: flex;
position: relative;
height: 72px;
justify-content: space-between;
align-items: center;
width: 100%;
flex-wrap: wrap;
padding: 0 10px;
}
.mobile-top-srch-wrap span:first-child {
position: absolute;
z-index: 1;
left: 5%;
top: 28%;
}
.mobile-srch-frm input {
height: 70%;
width: calc(100% - 23%);
position: absolute;
left: 0;
margin-top: 0px;
font-size: 18px;
text-align: left;
padding-left: 45px;
border: double 1px transparent;
border-radius: 31px;
background-image: linear-gradient(to right, white, white), var(--new-gradient);
background-origin: border-box;
background-clip: padding-box, border-box;
margin-left: 15px;
}
#closemobilesrch {
display: inline-block;
order: 2;
margin-left: auto;
color: #6d74cc;
cursor: pointer;
width: 20%;
text-align: center;
}
}
@media screen and (max-width:576px) {
.menushort svg {
height: 50px;
width: 50px;
margin-top: 0px;
}
.h1,
h1 {
font-size: 3rem;
}
.inkgility-hero .owl-playbtn {
margin-top: 0px !important;
}
.inkgility-hero .owl-anim {
top: -6.4em;
}
.inkgility-hero .content {
margin-top: 15px !important;
}
.inkgility-hero .item {
padding-top: 23%;
}
.inkgility-hero .item {
height: calc(100dvh - 62px);
}
}
@media screen and (max-width:380px) {
.inkgility-hero .owl-anim {
width: 250px !important;
right: 0 !important;
margin: 0px auto;
left: 0;
height: auto !important;
top: -5.9em;
}
}
@media screen and (min-width:380.1px) and (max-width:576px) {
.menushort.btn-pulse::before {
width: 120%;
height: 120%;
top: -5px;
}
}