@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat+Brush&display=swap');
h1,h2,h3,h4,h5,h6{font-size: 40px; margin: 0px; padding: 0px; font-weight: 600; font-family: 'Caveat Brush', cursive;}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 15px;  font-family: 'Nunito Sans', sans-serif;}
a{font-size: 15px;  font-family: 'Nunito Sans', sans-serif;}
a:hover{text-decoration: none;}
p{font-size: 14px; padding: 0px; margin: 0px; font-family: 'Nunito Sans', sans-serif; color: #777; font-weight: 400;}
body{padding: 0px; margin: 0px; box-sizing: content-box;}
span{padding: 0px; margin: 0px; font-family: 'Nunito Sans', sans-serif; color: #777;}
*{transition: 0.5s;}
*:hover{transition: 0.5s;}
input:focus{outline: none;}
textarea:focus{outline: none;}
input{font-family: 'Nunito Sans', sans-serif;}
textarea{font-family: 'Nunito Sans', sans-serif;}
/*Css*/
/*Menu*/
h6.text-center.asked {  margin-top: -36px;}
a.letter_spacing{letter-spacing: 2px;     color: #8d55e9;}
.fennec-mobile-nav .navbar-nav {  overflow-y: auto;  height: 428px;}
.fennec-nav .navbar .navbar-nav .nav-item {  position: relative;  padding: 0;}
.fennec-nav .navbar .navbar-nav .nav-item a { padding: 20px 12px; position: relative;  z-index: 1;  margin: 0; font-weight: 600; font-size: 16px;}
.fennec-nav .navbar .navbar-nav .nav-item a:hover::before, .fennec-nav .navbar .navbar-nav .nav-item a:focus::before, .fennec-nav .navbar .navbar-nav .nav-item a.active::before {  opacity: 1;  visibility: visible;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu {  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); position: absolute;  border: none;  top: 80px;  left: 0;  width: 800px;  z-index: 99;  display: block;  opacity: 0;  visibility: hidden;  border-radius: 0;  -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out; z-index: 999;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li{background: url(../img/right.png)no-repeat;  background-position: 0% 50%; }
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {  text-transform: capitalize;  padding: 5px 15px;  display: block;  color: #8e2de2;  margin-top: 6px;  font-size: 15px;  font-weight: 600;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before {  display: none;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after {  opacity: 1;  visibility: visible;  -webkit-transform: scale(1);          transform: scale(1);}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child {  margin-top: 0;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {  left: 220px;  top: 0;  opacity: 0;  visibility: hidden;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {  left: 220px;  top: 0;  opacity: 0;  visibility: hidden;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}
.fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: 100%;}
.navbar{padding: 0px;}
	.our_websites {
    padding: 20px 0px;
}


.web-head {
    background-image: linear-gradient(to right, #8E2DE2 , #4A00E0);
    overflow-y: scroll;
    height: 350px;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
}
ul.site_links li a i {
    margin-right: 10px;
    color: black;
}
ul.site_links {
    column-count: 3;
    /*background: #d3d3d338;*/
}
ul.site_links li {
    line-height: 35px;
    border-bottom: 1px solid #7c88cb;
    padding-top: 10px;
    text-align: left;
    list-style-type: none;
}
ul.site_links li a {
    color: slateblue;
}
.web-head ul li a {
    font-size: 14px;
    color: #333;
}
ul.site_links li a {
    color: white;
    margin-left: 13px;
    font-size: 14px;
}
p.websites.text-center {
    font-size: 26px!important;
    font-weight: 600;
   background: white;
    width: 24%;
    margin: 0px auto;
    padding: 10px;
    font-style: italic;
    border-radius: 80px;
    margin-top: 15px;
}
.list-kidz {    
    display: inline;
}
/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: white black;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 10px;
}

*::-webkit-scrollbar-track {
  background: black;
}

*::-webkit-scrollbar-thumb {
  background-color: white;
  border-radius: 20px;
  border: 3px solid black;
}

.menu-cta-2 { background: #ffc400;    width: 251px;    height: 100%;    float: left;    position: absolute;   top: 45px;    left: 30px;    max-height: 79px; z-index: 99;}
.menu-cta-2:before {    position: absolute;    bottom: -46px;    content: "";    width: 100%;    height: 47px;    background: #ffc400;    clip-path: polygon(0 0, 100% 0, 0 100%);}
.menu-cta-2:after {    position: absolute;    bottom: -46px;    content: "";    width: 34px;    height: 47px;    bottom: -47px;    left: -34px;    background: #ff8800;    clip-path: polygon(0 0, 100% 0, 100% 100%);}
.last-design {    position: absolute;    right: 0;   top: 0;}
.cta__content p{font-size: 22px;}
.cta__content a {    font-size: 20px;    font-style: italic;    text-decoration: underline;}
.sticky {    background-image: linear-gradient(to right, #8E2DE2 , #4A00E0);}
header ul li span {    color: #333;}
header ul li {    color: #8d55e9}
li.some-top {    position: relative;    top: -8px;}
img.playnetic_logo{width: 10%;}
.download-btn a {padding: 8px 6px;  background: linear-gradient(to right, #8E2DE2 , #4A00E0);  font-size: 14px;    color: white;    font-weight: 800; transition: 0.5s;}
.download-btn a:hover {background: linear-gradient(to right, #ffc400 , #ff8800);}
.social-media{position: relative; z-index: 999; text-align: left;}
.social-media i {    border: 1px solid #fff;    width: 25px;    height: 25px;    padding: 0px !important;    justify-content: center;    align-items: center;    vertical-align: middle;    display: flex;}
ul.dropdown-menu {    column-count: 3;}
img.corner {    position: relative;    bottom: 26px;}

.logo_side-playnetic {    position: absolute;    right: 65px;    z-index: 99;}
.about_content h1 {    font-size: 43px;}
.about_content p {      margin-bottom: 10px;  line-height: 26px;}
/* Modal Window */
.cd-modal {  position: fixed;  top: 0;  left: 0;  z-index: 3;  height: 100%;  width: 100%;  overflow: hidden;  opacity: 0;  visibility: hidden;  -webkit-transition: opacity .3s 0s, visibility 0s .3s;  transition: opacity .3s 0s, visibility 0s .3s;}
.cd-modal .modal-content {  height: 100%;  overflow-y: auto;  padding: 3em 5%;     overflow: hidden;}
.cd-modal h1, .cd-modal h2 {  text-align: center; color: #8e2de2;}
.cd-modal p {  line-height: 1.6;  margin: 2em auto;  max-width: 800px;}
.cd-modal .modal-close {  /* 'X' icon */  position: absolute;  z-index: 1;  top: 20px;  right: 5%;  height: 45px;  width: 45px;  border-radius: 50%;  overflow: hidden;  white-space: nowrap;  text-indent: 100%;  color: transparent;  visibility: hidden;  opacity: 0;  -webkit-transform: scale(0);          transform: scale(0);  -webkit-transition: visibility 0s .3s, opacity .3s 0s, -webkit-transform .3s 0s;  transition: visibility 0s .3s, opacity .3s 0s, -webkit-transform .3s 0s;  transition: transform .3s 0s, visibility 0s .3s, opacity .3s 0s;  transition: transform .3s 0s, visibility 0s .3s, opacity .3s 0s, -webkit-transform .3s 0s;}
.cd-modal .modal-close::before, .cd-modal .modal-close::after {  content: '';  display: inline-block;  position: absolute;  height: 2px;  width: 20px;  top: calc(50% - 1px);  left: calc(50% - 10px);}
.cd-modal .modal-close::before {  -webkit-transform: rotate(45deg);          transform: rotate(45deg);}
.cd-modal .modal-close::after {  -webkit-transform: rotate(-45deg);          transform: rotate(-45deg);}
.cd-modal.visible {  opacity: 1;  visibility: visible;  -webkit-transition: opacity .7s, visibility 0s;  transition: opacity .7s, visibility 0s; z-index: 99;}
.cd-modal.visible .modal-content { -webkit-overflow-scrolling: touch;}
.cd-modal.visible .modal-close {  visibility: visible;  opacity: 1;  -webkit-transition: visibility 0s 0s, opacity .3s 0s, -webkit-transform .3s 0s;  transition: visibility 0s 0s, opacity .3s 0s, -webkit-transform .3s 0s;  transition: transform .3s 0s, visibility 0s 0s, opacity .3s 0s;  transition: transform .3s 0s, visibility 0s 0s, opacity .3s 0s, -webkit-transform .3s 0s;  -webkit-transform: scale(1);          transform: scale(1);}
.modal-content{background-clip: inherit !important;}
/* Transition Layer */
.cd-transition-layer {  position: fixed;  top: 0;  left: 0;  z-index: 2;  height: 100%;  width: 100%;  opacity: 0;  visibility: hidden; overflow: hidden;}
.cd-transition-layer .bg-layer {  position: absolute;  left: 50%;  top: 50%;  -webkit-transform: translateY(-50%) translateX(-2%);          transform: translateY(-50%) translateX(-2%);height: 100%;  background-size: 100% 100%;  background-repeat: no-repeat;  background-position: 0 0;}
.cd-transition-layer.visible {  opacity: 1;  visibility: visible;}
.cd-transition-layer.visible .bg-layer {  -webkit-transform: translateY(-50%) translateX(-98%);          transform: translateY(-50%) translateX(-98%);}
.cd-transition-layer.opening .bg-layer, .cd-transition-layer.closing .bg-layer {  -webkit-animation-duration: .8s;          animation-duration: .8s;  -webkit-animation-fill-mode: forwards;          animation-fill-mode: forwards;}
.no-cssanimations .cd-transition-layer {  display: none;}


.gummy-transition .cd-modal .modal-content {  color: #f2f2f2;}
.gummy-transition .cd-modal .modal-close::before,.gummy-transition .cd-modal .modal-close::after {  background: #fff;}
.gummy-transition .cd-modal .modal-close {  background: #8e2de2;}
.gummy-transition .cd-modal .modal-close:hover {  background: #5c0ce1;}
.gummy-transition .cd-transition-layer .bg-layer { width: 2500%;  background-image: url(../img/gummy.png);}
.gummy-transition .cd-transition-layer.opening .bg-layer {  -webkit-animation: cd-sequence 0.8s steps(24) forwards;          animation: cd-sequence 0.8s steps(24) forwards;}
.gummy-transition .cd-transition-layer.closing .bg-layer {  -webkit-animation: cd-sequence 0.8s steps(24) forwards reverse;          animation: cd-sequence 0.8s steps(24) forwards reverse;}
@-webkit-keyframes cd-sequence {
0% {        -webkit-transform: translateY(-50%) translateX(-2%); transform: translateY(-50%) translateX(-2%);}
100% {-webkit-transform: translateY(-50%) translateX(-98%); transform: translateY(-50%) translateX(-98%);}
}
@keyframes cd-sequence {
0% {-webkit-transform: translateY(-50%) translateX(-2%); transform: translateY(-50%) translateX(-2%);}
100% {-webkit-transform: translateY(-50%) translateX(-98%); transform: translateY(-50%) translateX(-98%);}
}
@-webkit-keyframes cd-sequence-2 {
0% {-webkit-transform: translateY(-50%) translateX(-1.3158%); transform: translateY(-50%) translateX(-1.3158%);}
100% {-webkit-transform: translateY(-50%) translateX(-98.6842%); transform: translateY(-50%) translateX(-98.6842%);}
}
@keyframes cd-sequence-2 {
0% {-webkit-transform: translateY(-50%) translateX(-1.3158%); transform: translateY(-50%) translateX(-1.3158%);}
100% {-webkit-transform: translateY(-50%) translateX(-98.6842%); transform: translateY(-50%) translateX(-98.6842%);}
}
@-webkit-keyframes cd-sequence-3 {
0% {-webkit-transform: translateY(-50%) translateX(-2.5%); transform: translateY(-50%) translateX(-2.5%);}
100% {-webkit-transform: translateY(-50%) translateX(-97.5%); transform: translateY(-50%) translateX(-97.5%);}
}
@keyframes cd-sequence-3 {
0% {-webkit-transform: translateY(-50%) translateX(-2.5%); transform: translateY(-50%) translateX(-2.5%);}
100% {-webkit-transform: translateY(-50%) translateX(-97.5%); transform: translateY(-50%) translateX(-97.5%);}
}
.cd-main-content {    display: flex;    margin-top: 15px; position: relative;}
img.set-position {    position: relative;    bottom: 2px;}
.about-us{position: relative; padding-bottom: 88px !important;}
.corner-border{position: relative;}
.corner-border::after {    position: absolute;    width: 200px;    height: 435px; border: 5px solid #ffc400;   content: '';    right: -135px;    top: 15px;}
.about_img img {    position: relative;}
.some-four li {    font-size: 25px;    font-weight: 900;}
.some-four{position: relative;}
.some-point{background: url(../img/bg-1.png); background-attachment: fixed; background-size: cover; padding-bottom: 400px; overflow: hidden;}
.column-effect li {       width: 15%;    background: #fff;    padding: 5px;    margin-top: 32px;}
.column-effect img{margin: 0px auto;}
.contact-btn {    margin-top: 20px; z-index: 9;}
img.set-top {    position: relative;    bottom: 30px;    width: 35px;    right: 12px;}
.circle{ width: 1000px; height: 900px; position: absolute; border: solid 1px rgba(255, 255, 255, 0.34); top: -500px; left: 0; right: 0; margin: 0 auto; border-radius: 50%; display: table; z-index: -9;}
.common-circle{ width: 200px; height: 200px; border-radius: 50%; background: rgba(255,255,255,0.5); text-align:center; position:absolute; transition:0.5s ease-in-out all; -webkit-transition:0.5s ease-in-out all; -ms-transition:0.5s ease-in-out all; -moz-transition:0.5s ease-in-out all; -o-transition:0.5s ease-in-out all;}
.expert-image{text-align: center;    width: 80px;    height: 80px;    margin: 0 auto;    margin-top: 34px;    background-repeat: no-repeat;  background-position: center;}
.expert-name{ font-size: 15px;    text-transform: uppercase;    padding-top: 5px;    color: #fff;    letter-spacing: 1px;    font-weight: 900;}
.common-circle:hover .expert-name{ color:#cd2122;}
.circle1{ top: 60%; left: -5%;}
.circle1 .expert-image{ background-image:url(../img/quality.png);}
.circle2{ top: 82%; left: 7%;}
.circle2 .expert-image{ background-image:url(../img/service.png);}
.circle3{ top: 90%; left: 28%;}
.circle3 .expert-image{ background-image:url(../img/value-for-money.png);}
.circle4{ top: 90%; right: 28%;}
.circle4 .expert-image{ background-image:url(../img/tax.png);}
.circle5{ top: 81%; right: 7%;}
.circle5 .expert-image{ background-image:url(../img/delivery.png);}
.circle6{ top: 60%; right:-5%;}
.circle6 .expert-image{ background-image:url(../img/sincere-employee.png);}
.expert-heading{ font-size:61px; text-transform:uppercase; color:#fff; text-align:center; font-weight:200; margin-top:80px;}
.expert-buttons{ text-align:center;}
.btn.btn-white{ font-size:17px; color:#cd2122; text-transform:uppercase; padding:6px 25px; font-weight:500; letter-spacing:1px; border:solid 1px #fff;}
.btn.btn-white:hover{ background:transparent; color:#fff;}
.expert-buttons button{ margin:0 5px;}
.number-one{ padding:50px 0; width:100%; display:table;/* background-image:url(../img/expert-bg.jpg); */background-size:cover; background-position:center left; background-attachment:fixed; border-bottom:solid 1px #fff;}
.center-content {    position: relative;    z-index: 9;}
.center-content h2 { font-size: 60px; padding-left: 150px; padding-right: 150px;}

.box{    text-align: center;    overflow: hidden;    position: relative; -webkit-box-reflect: below 1px linear-gradient(transparent,transparent,#00000030);}
.box img{    width: 100%;    height: auto;    transform-origin: bottom center;    transform: perspective(500px) rotateX(0);    transition: all 0.5s ease 0s;}
.box:hover img{ transform: perspective(500px) rotateX(50deg); }
.box .box-content{    color: #fff;    background: linear-gradient(to right, rgb(142 45 226 / 85%), rgb(77 2 224 / 85%));    width: 100%;    height: 100%;    opacity: 0;    transform-origin: top center;    transform: perspective(500px) rotateX(-50deg);    position: absolute;    top: 0;   left: 0;    transition: all 0.5s ease 0s;}
.box:hover .box-content{    opacity: 1;    transform: perspective(500px) rotateX(0);}
.box .content{    width: 80%;    transform: translateX(-50%) translateY(-50%);    position: absolute;    top: 50%;    left: 50%;}
.box .title{    font-size: 28px;    font-weight: 700;    text-transform: capitalize;    text-shadow: 5px 5px rgba(0,0,0,0.1);    margin: 0 0 1px;}
.box .post{    font-size: 16px;    font-weight: 600;    text-transform: uppercase;    letter-spacing: 1px;    text-shadow: 5px 5px rgba(0, 0, 0, 0.1);    display: block;    margin: 0 0 10px;}
.box .icon{    padding: 0;    margin: 0;    list-style: none;}
.box .icon li{    margin: 0 3px;    display: inline-block;}
.box .icon li a{    color: #333;    background: #fff;    font-size: 14px;    line-height: 30px;    height: 30px;    width: 30px;    border-radius: 50px/20px;    box-shadow: 5px 5px 0 rgba(0,0,0,0.1);    display: block;    position: relative;    transition: all 0.3s ease 0s;}
.box .icon li a:hover{    color: #fff;    background-color: #333;}
@media only screen and (max-width:990px){
.box{ margin: 0 0 30px; }
}
.our-gallery ul li {    width: 19%;}
.inner-content span {    top: 30px;  position: relative;}
.since-history .title{margin: 0px auto; }
.since-history span{font-size: 215px; font-family: 'Caveat Brush', cursive; font-weight: bold;}
.since-history {    position: relative;  /*  background: url(../img/bg-part.png)no-repeat; */background-position: 50% 100%;}
img.img-center-part{position: absolute;    margin: 0px auto;    left: 25%;    width: 46%;    top: 35%;}
.box-one {margin-top: 70px;}
.box-two {margin-top: 0px;}
.box-three {margin-top: 70px;}
.box-four {margin-top: 0px;}
.box-five {margin-top: 70px;}
.box-six {margin-top: 0px;}
img.down-img {    position: absolute;    bottom: 0;}
.content i {background: linear-gradient(to right, #ffc400 , #ff8800);    padding: 10px; border-radius: 50px;}
.ing-part h4 i {    color: #5c0ce1; font-size: 32px;}
.pulse {    -webkit-animation-name: pulse;    animation-name: pulse;}
.pulse {    animation: 3s linear infinite;    transform-origin: 50% 50%;}
@keyframes pulse {
from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }
50% {    -webkit-transform: scale3d(1.05, 1.05, 1.05);    transform: scale3d(1.05, 1.05, 1.05); }
to {-webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1);}
}
.pulse {  -webkit-animation-name: pulse;  animation-name: pulse;}

.our-gallery {    position: relative;}
img.set-img {    position: absolute;    width: 100%;    bottom: 0;}
.gallery-box {    z-index: 9;}
.gallery-box img {-webkit-box-reflect: below 1px linear-gradient(transparent,transparent,#0008);}
.title {    z-index: 9;    position: relative;}
img.blue-brush {position: relative;    bottom: 33px;    width: 35px;    right: 5px;}
.margin-center {    margin: 0px auto;    position: relative; }
form.home-form {   padding: 15px;    background: url(../img/form-bg.jpg);    background-attachment: fixed;    background-size: cover;}
.home-form span{ font-size: 40px; font-family: 'Caveat Brush', cursive;}
.candy {position: relative; font-family: 'Caveat Brush', cursive;  box-sizing: border-box;    min-width: 180px;    font-weight: bold;    font-size: 25px;    color: #fff;    z-index: 1;    cursor: pointer;    outline: none;    overflow: hidden;    border-style: solid;    border-color: #ffc000;    border-width: 3px 3px 4px;    text-shadow: 3px 2px 0 rgb(0 0 0 / 30%);    border-radius: 40px;    -webkit-border-radius: 40px;    -moz-border-radius: 40px;    background: #ffc400;    background: -webkit-linear-gradient(top, #ff8c00, #ff8d01);    background: -o-linear-gradient(top, #FE4495, #d5095f);    background: -moz-linear-gradient(top, #FE4495, #d5095f);    background: linear-gradient(top, #FE4495, #d5095f);    -moz-box-shadow: 0 6px 3px -3px rgba(0, 0, 0, 0.75);    -webkit-box-shadow: 0 6px 3px -3px rgb(0 0 0 / 75%);    box-shadow: 0 6px 3px -3px rgb(0 0 0 / 75%);    -webkit-transition: all 0.25s cubic-bezier(1, -0.4, 0, 1.4);    transition: all 0.25s cubic-bezier(1, -0.4, 0, 1.4);    -webkit-animation: bounce 4s ease-out 0s infinite normal both;    -moz-animation: bounce 4s ease-out 0s infinite normal both;    -o-animation: bounce 4s ease-out 0s infinite normal both;    animation: bounce 4s ease-out 0s infinite normal both; -webkit-box-reflect: below 1px linear-gradient(transparent,transparent,#0005);}
}
@-webkit-keyframes bounce {
2%,  6% {    -webkit-transform: rotate(-5deg);    -ms-transform: rotate(-5deg);    transform: rotate(-5deg); }
  4%,  8% {    -webkit-transform: rotate(5deg);    -ms-transform: rotate(5deg);    transform: rotate(5deg);  }
  0%,  10% {    -webkit-transform: inherit;    -ms-transform: inherit;    transform: inherit;  }
}
@-moz-keyframes bounce {
  2%,  6% {    -webkit-transform: rotate(-5deg);    -ms-transform: rotate(-5deg);    transform: rotate(-5deg);  }
  4%,  8% {    -webkit-transform: rotate(5deg);    -ms-transform: rotate(5deg);    transform: rotate(5deg);  }
  0%,
  10% {    -webkit-transform: inherit;    -ms-transform: inherit;    transform: inherit;  }
}
@-o-keyframes bounce {
  2%,  6% {    -webkit-transform: rotate(-5deg);    -ms-transform: rotate(-5deg);    transform: rotate(-5deg);  }
  4%,
  8% {    -webkit-transform: rotate(5deg);    -ms-transform: rotate(5deg);    transform: rotate(5deg);  }
  0%,
  10% {    -webkit-transform: inherit;    -ms-transform: inherit;    transform: inherit;  }
}
@keyframes bounce {
  2%,
  6% {    -webkit-transform: rotate(-5deg);    -ms-transform: rotate(-5deg);    transform: rotate(-5deg);  }
  4%,
  8% {    -webkit-transform: rotate(5deg);    -ms-transform: rotate(5deg);    transform: rotate(5deg);  }
  0%,
  10% {    -webkit-transform: inherit;    -ms-transform: inherit;    transform: inherit;  }
}
@-webkit-keyframes bounceMin {
  2%,
  6% {    -webkit-transform: rotate(-5deg) scale(0.8);    -ms-transform: rotate(-5deg) scale(0.8);    transform: rotate(-5deg) scale(0.8);  }
  4%,  8% {    -webkit-transform: rotate(5deg) scale(0.8);    -ms-transform: rotate(5deg) scale(0.8);   transform: rotate(5deg) scale(0.8);  }
  0%,
  10% {    -webkit-transform: scale(0.8);    -ms-transform: scale(0.8);    transform: scale(0.8);  }
}
@-moz-keyframes bounceMin {
  2%,
  6% {    -webkit-transform: rotate(-5deg) scale(0.8);    -ms-transform: rotate(-5deg) scale(0.8);   transform: rotate(-5deg) scale(0.8);  }
  4%,
  8% {    -webkit-transform: rotate(5deg) scale(0.8);    -ms-transform: rotate(5deg) scale(0.8);    transform: rotate(5deg) scale(0.8);  }
  0%,  10% {    -webkit-transform: scale(0.8);    -ms-transform: scale(0.8);    transform: scale(0.8);  }
}
@-o-keyframes bounceMin {
  2%,
  6% {    -webkit-transform: rotate(-5deg) scale(0.8);    -ms-transform: rotate(-5deg) scale(0.8);    transform: rotate(-5deg) scale(0.8);  }
  4%,  8% {    -webkit-transform: rotate(5deg) scale(0.8);    -ms-transform: rotate(5deg) scale(0.8);    transform: rotate(5deg) scale(0.8);  }
  0%,
  10% {    -webkit-transform: scale(0.8);    -ms-transform: scale(0.8);    transform: scale(0.8);  }
}
@keyframes bounceMin {
  2%,
  6% {    -webkit-transform: rotate(-5deg) scale(0.8);    -ms-transform: rotate(-5deg) scale(0.8);    transform: rotate(-5deg) scale(0.8);  }
  4%,
  8% {    -webkit-transform: rotate(5deg) scale(0.8);    -ms-transform: rotate(5deg) scale(0.8);    transform: rotate(5deg) scale(0.8);  }
  0%,
  10% {    -webkit-transform: scale(0.8);    -ms-transform: scale(0.8);    transform: scale(0.8);  }
}
.candy:hover,
.candy:focus {  -webkit-transform: scale(0.8);  -ms-transform: scale(0.8);  transform: scale(0.8);  filter: brightness(66%);  -webkit-filter: brightness(66%);  -moz-filter: brightness(66%);  -o-filter: brightness(66%);  -ms-filter: brightness(66%);  -webkit-animation: bounceMin 4s ease-out 0s infinite normal both;  -moz-animation: bounceMin 4s ease-out 0s infinite normal both; -o-animation: bounceMin 4s ease-out 0s infinite normal both;  animation: bounceMin 4s ease-out 0s infinite normal both;}
.candy:before,.candy:after {  content: '';  position: absolute;  top: 0;  left: 0;  z-index: -1;}
.candy:before {  height: 60%;  width: 100%;  border-radius: 0 0 25% 25%;  -webkit-border-radius: 0 0 25% 25%;  -moz-border-radius: 0 0 25% 25%;  background: rgba(255, 255, 255, 0.6);  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.2) 20%);  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.2) 20%);  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.2) 20%);  background: linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.2) 20%);}
.candy:after {  width: 9px;  height: 18px;  margin: 4px 0 0 16px;  background: rgba(255, 255, 255, 0.2);  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.8));  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.8));  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.8));  background: linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.8));  border-radius: 50%;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  -webkit-transform: rotate(50deg);  -ms-transform: rotate(50deg);  transform: rotate(50deg);}
.purple-color{position: relative;     -webkit-box-reflect: below 1px linear-gradient(transparent,transparent,#0005);   font-family: 'Caveat Brush', cursive;    box-sizing: border-box;    min-width: 180px;    font-weight: bold;    font-size: 25px;   color: #fff;    z-index: 1;    cursor: pointer;    outline: none;    overflow: hidden;    border-style: solid;    border-color: #7725bf;    border-width: 3px 3px 4px;    text-shadow: 3px 2px 0 rgb(0 0 0 / 30%);    border-radius: 40px;    -webkit-border-radius: 40px;    -moz-border-radius: 40px;    background: #8e2de2;    background: -webkit-linear-gradient(top, #8e2de2, #8e2de2);    background: -o-linear-gradient(top, #FE4495, #d5095f);    background: -moz-linear-gradient(top, #FE4495, #d5095f);    background: linear-gradient(top, #FE4495, #d5095f);    -moz-box-shadow: 0 6px 3px -3px rgba(0, 0, 0, 0.75);    -webkit-box-shadow: 0 6px 3px -3px rgb(0 0 0 / 75%);    box-shadow: 0 6px 3px -3px rgb(0 0 0 / 75%);    -webkit-transition: all 0.25s cubic-bezier(1, -0.4, 0, 1.4);    transition: all 0.25s cubic-bezier(1, -0.4, 0, 1.4);    -webkit-animation: bounce 4s ease-out 0s infinite normal both;    -moz-animation: bounce 4s ease-out 0s infinite normal both;    -o-animation: bounce 4s ease-out 0s infinite normal both;    animation: bounce 4s ease-out 0s infinite normal both;}
.home-filed input { font-weight: bold; color: #fff;   border-bottom: 2px solid #fff !important; height: 38px; background: transparent;   padding-left: 10px;}
.home-filed-text textarea { font-weight: bold; color: #fff; height:85px !important;  border-bottom: 2px solid #fff !important;   padding-left: 10px;  background: transparent;}
.home-filed input::placeholder{color: #fff;}
.home-filed-text textarea::placeholder{ color: #fff;}
img.class-center {    width: 70%;    margin: 0px auto;}
img.absulte {    position: absolute;    width: 50%;    left: 0;    bottom: 185px;}
.form-and-social-media { position: relative;   background: url(../img/product_bg.png)repeat;  background-attachment: fixed;}
.modal-content{background: #fff url(../img/footer_bg.png)repeat;}
img.absoulte-about-img {    position: absolute;    width: 20%;    right: 0;    bottom: 0;}
img.relative-about-img {    position: absolute;    width: 10%;    left: 0;    bottom: 0;}
footer{background-image:linear-gradient(45deg, rgba(76, 1, 224, 0.9), rgba(142, 45, 227, 0.9)), url('../img/footer-design.png');}
.some-center span {    font-size: 30px;    font-weight: 900;}
.some-center p {    font-size: 18px; }
.widget span{font-size: 30px; font-family: 'Caveat Brush', cursive; }
.footerSVGBlock {background-image:url(../img/animated/cloud.png); background-position: bottom; position:relative; background-repeat: no-repeat;}
.footerSVGBlock .imgBlock {    position: relative;    z-index: 1;    width: 100%;    display: flex;    justify-content: center;    align-items: baseline;}
.footerSVGBlock .imgBlock > .icon.ic-1, .footerSVGBlock .imgBlock > .icon.ic-6, .footerSVGBlock .imgBlock > .icon.ic-11 {  animation-duration: 2s;}
.footerSVGBlock .imgBlock > .icon { animation: nudge 4s linear infinite alternate; -webkit-animation: nudge 4s linear infinite alternate;}
@keyframes nudge {
0%, 100% {transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);   -ms-transform:translateY(0); -o-transform:translateY(0);   }    
50% {transform:translateY(20px);  -webkit-transform:translateY(20px); -moz-transform:translateY(20px); -ms-transform:translateY(20px);  -o-transform:translateY(20px);}
80% {transform:translateY(-20px); -webkit-transform:translateY(-20px); -moz-transform:translateY(-20px); -ms-transform:translateY(-20px); -o-transform:translateY(-20px);}
}
.footerSVGBlock .imgBlock img {    width: 100%;}
.copy-right{background-color: #670cb7;}
#toTop {position: fixed;    bottom: 5px;    right: 15px;    cursor: pointer;    transition: 0.5s;   z-index: 99999;}
.breadcumb{ background: url(../img/breadcumb.jpg);      padding: 100px 0 100px 0;   background-size: cover;    background-attachment: fixed; position: relative;}

.white-wrap {background-image: linear-gradient(to right, #8E2DE2 , #4A00E0);}
.white-wrap span {    font-size: 33px;}
.white-wrap button {    border-color: #ffc400;  font-family: 'Caveat Brush', cursive;}

figure.effect-jazz img {	opacity: 1;}
figure.effect-jazz figcaption::after,figure.effect-jazz img,figure.effect-jazz p {	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;}
figure.effect-jazz figcaption::after {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	border-top: 1px solid #fff;	border-bottom: 1px solid #fff;	content: '';	opacity: 0;	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);	transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);	-webkit-transform-origin: 50% 50%;	transform-origin: 50% 50%;}
figure.effect-jazz h2,figure.effect-jazz p {	opacity: 1;	-webkit-transform: scale3d(0.8,0.8,1);	transform: scale3d(0.8,0.8,1);}
figure.effect-jazz h2 {	padding-top: 26%;	-webkit-transition: -webkit-transform 0.35s;	transition: transform 0.35s;}
figure.effect-jazz p {	text-transform: none;	font-size: 0.85em;	opacity: 0;}
figure.effect-jazz:hover img {	opacity: 0.1;	-webkit-transform: scale3d(1.05,1.05,1);	transform: scale3d(1.05,1.05,1);}
figure.effect-jazz:hover figcaption::after {	opacity: 1;	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);}
figure.effect-jazz:hover h2,figure.effect-jazz:hover p {	opacity: 1;	-webkit-transform: scale3d(1,1,1);	transform: scale3d(1,1,1);}
.grid {	position: relative;	clear: both;	margin: 0 auto;padding: 1em 0 4em;	max-width: 1000px;	list-style: none;text-align: center;}
.grid figure {position: relative;    float: left;    overflow: hidden;   min-width: 100%;    max-width: 100%;    max-height: 100%;    width: 100%;    height: auto;      background: #673AB7;    background: -moz-linear-gradient(left, #8e2de2 0%, #4c01e0 100%);    background: -webkit-linear-gradient(left, #8e2de2 0%,#4c01e0 100%);   background: linear-gradient(to right, #8e2de2 0%,#4c01e0 100%);    -webkit-box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);    box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);   text-align: center;    cursor: pointer;}
.grid figure img {position: relative;    display: block;    min-height: 100%;    max-width: 100%; }
.grid figure figcaption {	padding: 2em;	color: #fff;	text-transform: uppercase;	font-size: 1.25em;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
.grid figure figcaption::before,.grid figure figcaption::after {	pointer-events: none;}
.grid figure figcaption,.grid figure figcaption > a {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}
.grid figure figcaption > a {	z-index: 1000;	text-indent: 200%;	white-space: nowrap;font-size: 0;	opacity: 0;}
.grid figure h2 {	word-spacing: -0.15em;	font-weight: 300;}
.grid figure h2 span {	font-weight: 800;}
.grid figure h2,.grid figure p {	margin: 0;}
.grid figure p {    letter-spacing: 1px;    font-size: 15px;}
.our-products {     padding-bottom: 100px;    background: #f9f9f9;}
.grid span {    font-size: 25px;    font-weight: 700; font-family: 'Caveat Brush', cursive;}
.cover-product {padding-left: 0px;  min-height: 250px;  width: 300px;  float: left; margin-right: 20px;}
.cover-product-this p {line-height: 24px; margin-bottom: 16px;}
.only-product h2 {font-size: 32px;}
.zoom-effect img {width: 100%;}
.cover-product-this p {  line-height: 26px;    color: #777;}
.products-fill { border-right: 1px solid #ccc;}
.listing-product h2 {font-size: 25px;}
.listing-product li{font-size: 18px; padding-left: 28px;    background-position: 0 58%;    line-height: 38px;}
.color-site {    background: #673AB7;}
.skin-color {    background: #4d02e1 ;}
.black-color {   background: #ffc400;}

.contact_main{	text-align:center;	border:1px solid #e2e2e2;	-webkit-transition: all .5s;	-moz-transition: all .5s;	-ms-transition: all .5s;	-o-transition: all .5s;	    min-height: 348px;}
.contact_main h4{font-size: 30px;    margin-top: 30px;    color: #333;    margin-bottom: 30px;    text-transform: capitalize;}
.contact_main p{    font-size: 16px;    line-height: 25px;    margin: 0;    padding: 15px;}
.contact_main p a{	color:#777; font-size: 16px;}
.contact_main p a:hover{	color:#024b83;}
.contact_rotate{	position:relative; padding:50px 0;	     background-image: linear-gradient(to right, #8E2DE2 , #4A00E0);}
.contact_rotate i{	display: inline-block;    width: 70px;    height: 70px;	color:#fff;	font-size:24px;	line-height:70px;	border:2px solid #fff;	text-align:center;	position:relative;	-webkit-transition: all .5s;	-moz-transition: all .5s;	-ms-transition: all .5s;	-o-transition: all .5s;}
.contact_rotate:before {   content: '';    border-bottom: 179px solid transparent;    position: absolute;    left: 0px;    top: 0;    border-left: 70px solid #fff;}
.contact_rotate:after {     content: '';    border-bottom: 20px solid transparent;    position: absolute;    left: 1px;    top: 0px;    border-left: 351px solid #fff;}
.map_wrapper_top .map_wrapper{	float:left;	width:45%;	padding:0;}
.map2_wrapper #map {    width: 100%;    height: 600px;	padding:0;	-webkit-border-radius: 0;   -moz-border-radius: 0;    border-radius: 0; }
.jb_heading_wraper h3 {font-size: 36px;    line-height: 42px;    text-transform: capitalize;    font-weight: 400;    margin-bottom: 0px;}
.comments_form .form-control {    height: 50px;        padding: 15px 8px;    font-size: 16px;    border: 1px solid #e2e2e2;    -webkit-border-radius: 0;    -moz-border-radius: 0;    border-radius: 0;    box-shadow: none;    -webkit-transition: all 0.3s ease 0s;    -moz-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;    background-color: #fff;}
.comments_form .form-group i {    position: absolute;    top: 17px;   right: 22px;   color: #8124e2;}
.comments_form .form-group {    margin-bottom: 25px;}
.comments_form .form-group {    position: relative;}
textarea.message-form {    height: 120px !important;}
a.hk-hide {    pointer-events: none;}
.our-presence {    padding: 50px 0; padding: 50px 0; padding-bottom: 150px;}
.inner-left-side-product li {    display: inline-block;    margin-right: 12px;    line-height: 45px;}
ul.coloring li a {  background: #8e2de2; padding: 15px; color: #fff; font-size: 18px;}
.full-width-type {    background-color: #222222;   margin-top: 20px;    width: 100%;    margin-left: 0;    margin-bottom: 20px;}
.full-width-type h3 {    color: #fff;    margin: 0px;    padding-top: 10px;    padding-bottom: 10px;}
.inner-states {    text-align: left;     margin-bottom: 10px;}
.inner-states h4 {    color: #fff;    margin-bottom: 15px;    padding-left: 15px;    padding-top: 10px;    padding-bottom: 10px;    font-size: 15px;}
.inner-states i {  padding-right: 8px;}
.inner-states a {color: #fff; background: #ffc400; display: block;}
.inner-left-side-product h3{padding-bottom: 20px; font-size: 35px;}
.inner-left-side-product p{line-height: 25px;}
ul.coloring {   text-align: center;}
div#dealer-form input,select {  font-weight: bold;   height: 45px; border: 1px solid #ccc;}

select{color: #777; border: 1px solid #ccc; font-weight: bold;}
option{font-weight: bold;}
div#dealer-form textarea { font-weight: bold; height: 100px; border: 1px solid #ccc; resize: none;}
.become-a-dealer-filed-btn button {   color: #fff; cursor: pointer; transition: 0.5s;}
.become-a-dealer-filed-btn button:hover {color: #fff; background-color: #0092dd;}


.dealer {    position: fixed;    top: 50%;    left: 0;    z-index: 999;    transform: translateY(-50%);}
.dealer a {   background-image: linear-gradient(to right, #8E2DE2 , #4A00E0);    writing-mode: vertical-lr;    padding: 24px 10px;    color: #ffffffc7!important;    font-size: 12px;    text-transform: uppercase;    letter-spacing: .5px;    transform: translateY(0px);    transition: .5s ease-in-out;}
button.btn-red-item {   background-image: linear-gradient(to right, #8E2DE2 , #4A00E0);   padding: 10px 35px;    color: #ffffffc7!important;   font-size: 12px;    text-transform: uppercase;    letter-spacing: .5px;   transition: .5s ease-in-out;    border: 0;    -ms-transform: rotate(90deg);    transform: rotate(90deg);    position: fixed;    top: 50%;    z-index: 999;    right: -77px;    cursor: pointer;}
.modal-filed button { font-family: 'Caveat Brush', cursive; background: linear-gradient(to right, #8E2DE2 , #4A00E0);}
.modal-header span{font-family: 'Caveat Brush', cursive; font-size: 30px; color: #8e2de2;}
.modal-filed input{ font-weight: bold;     height: 35px;}
nav.mobile-menu {    display: none;}
.our-products{position: relative;}


.owl-carousel .owl-wrapper:after {	content: ".";	display: block;	clear: both;visibility: hidden;line-height: 0;	height: 0;}
.owl-carousel{	display: none;	position: relative;	width: 100%;	-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{	display: none;	position: relative;	-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{	overflow: hidden;	position: relative;	width: 100%; top:6px;}
.owl-carousel .owl-wrapper-outer.autoHeight{	-webkit-transition: height 500ms ease-in-out;	-moz-transition: height 500ms ease-in-out;	-ms-transition: height 500ms ease-in-out;	-o-transition: height 500ms ease-in-out;	transition: height 500ms ease-in-out;}	
.owl-carousel .owl-item{	float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{	cursor: pointer;}
.owl-controls {	-webkit-user-select: none;	-khtml-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{	-webkit-backface-visibility: hidden;	-moz-backface-visibility:    hidden;	-ms-backface-visibility:     hidden;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);}
.owl-controls.clickable{ display:block !important;}
.owl-pagination {display: none;}
.owl-buttons{ position: absolute;    top: -216px;    color: #fff;    right: 1%;    width: 100px;    height: 45px;}	 	
.owl-buttons .owl-next,	.owl-prev{	width:40px;    height:40px;    font-size:0;    position: absolute;    top:175px;	left: 55px;	border-color: #ffc000;    border-width: 3px 3px 4px;    text-shadow: 3px 2px 0 rgb(0 0 0 / 30%);    border-radius: 40px;    -webkit-border-radius: 40px;    -moz-border-radius: 40px;    background: #ffc400;    background: -webkit-linear-gradient(top, #ff8c00, #ff8d01);    background: -o-linear-gradient(top, #FE4495, #d5095f);    background: -moz-linear-gradient(top, #FE4495, #d5095f);    background: linear-gradient(top, #FE4495, #d5095f);    -moz-box-shadow: 0 6px 3px -3px rgba(0, 0, 0, 0.75);    -webkit-box-shadow: 0 6px 3px -3px rgb(0 0 0 / 75%);    box-shadow: 0 6px 3px -3px rgb(0 0 0 / 75%);    -webkit-transition: all 0.25s cubic-bezier(1, -0.4, 0, 1.4);    transition: all 0.25s cubic-bezier(1, -0.4, 0, 1.4);    -webkit-animation: bounce 4s ease-out 0s infinite normal both;    -moz-animation: bounce 4s ease-out 0s infinite normal both;    -o-animation: bounce 4s ease-out 0s infinite normal both;    animation: bounce 4s ease-out 0s infinite normal both;    -webkit-box-reflect: below 1px linear-gradient(transparent,transparent,#0005);}
.owl-next {right:0;     -webkit-transform: skewX(-10deg); -ms-transform: skewX(-10deg); transform: skewX(-10deg);}
.owl-prev{ left:0px;     -webkit-transform: skewX(-10deg); -ms-transform: skewX(-10deg); transform: skewX(-10deg);}
.owl-next:hover {       color: #16639f !important;    }
.owl-prev:hover {    color: #16639f !important;    }
.owl-prev:before {    content: url(../img/left.png);    position: absolute;    top: 13px;    left: 11px}	
.owl-next:after {    font: normal normal normal 14px/1 FontAwesome;    font-size: 40px;}	
.owl-next:after {    content: url(../img/right.png);    position: absolute;    top: -6px;    color: #fff;    left: 14px;}	
.owl-prev.active {background: #ffbd1f;}
.owl-next .active {    background: rebeccapurple;}
div#owl-demo {    position: absolute;    top: 25%;    left: 8%;    width: 85%;}
#owl-demo .item {margin: 0px auto;}
/*#owl-demo .item img{width: 80%; position: relative;}*/
figure.effect-oscar {	background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);	background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);}
figure.effect-oscar img {	-webkit-transition: opacity 0.35s;	transition: opacity 0.35s;}
figure.effect-oscar figcaption {	padding: 3em;	-webkit-transition: background-color 0.35s;	transition: background-color 0.35s;}
figure.effect-oscar figcaption::before {	position: absolute;	top: 30px;	right: 30px;	bottom: 30px;	left: 30px;	border: 1px solid #fff;	content: '';}
figure.effect-oscar h2 {	margin: 20% 0 10px 0;	-webkit-transition: -webkit-transform 0.35s;	transition: transform 0.35s;	-webkit-transform: translate3d(0,100%,0);	transform: translate3d(0,100%,0);}
figure.effect-oscar figcaption::before,figure.effect-oscar p {	opacity: 0;	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;	-webkit-transform: scale(0);	transform: scale(0);}
figure.effect-oscar:hover h2 {	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}
figure.effect-oscar:hover figcaption::before,figure.effect-oscar:hover p {	opacity: 1;	-webkit-transform: scale(1);	transform: scale(1);}
figure.effect-oscar:hover figcaption {	background-color: rgba(58,52,42,0);}
figure.effect-oscar:hover img {	opacity: 0.4;}
.grid {	position: relative;	margin: 0 auto;	padding: 1em 0 4em;	max-width: 1000px;	list-style: none;	text-align: center;}
.grid figure {	position: relative;	float: left;	overflow: hidden;	width: 100%;	    background-image: linear-gradient(to right, #8E2DE2 , #4A00E0);	text-align: center;	cursor: pointer;}
.grid figure img {	position: relative;	display: block;	min-height: 100%;	max-width: 100%;}
.grid figure figcaption {	padding: 2em;	color: #fff;	text-transform: uppercase;	font-size: 1.25em;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
.grid figure figcaption::before,.grid figure figcaption::after {	pointer-events: none;}
.grid figure figcaption,.grid figure figcaption > a {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}
.grid figure figcaption > a {	z-index: 1000;	text-indent: 200%;	white-space: nowrap;	font-size: 0;	opacity: 0;}
.grid figure h2 {	word-spacing: -0.15em;	font-weight: 300;}
.grid figure h2 span {	font-weight: 800;}
.grid figure h2,.grid figure p {	margin: 0;}
.grid figure p {	letter-spacing: 1px;	    text-transform: capitalize;	font-size: 68.5%;}
.text-link {    background: #fff;    padding-bottom: 35px;}
h4.top-position {    position: absolute;    top: 160px;    text-align: center;    width: 100%;    color: #fff;}
.cover-product-this h2 {    font-size: 24px; padding-top: 10px; padding-bottom: 10px;}
.cover-product-this h3 {    font-size: 24px; padding-top: 10px; padding-bottom: 10px;}
.cover-product-this h4 {    font-size: 24px; padding-top: 10px; padding-bottom: 10px;}

.cover-product-this li {    color: #777;   line-height: 30px;    list-style-type: disc;}
.cover-product-this ul {    padding-left: 15px;}
b, strong{color: #555;}
.whats-app-icon img{    position: fixed;    bottom: 92px;    left: 22px;    cursor: pointer;    transition: 0.5s;    z-index: 999;    box-shadow: 2px 2px 6px rgb(0 0 0 / 40%);    border-radius: 100px;}
/*Call Me*/
.phone_lefts-side{position:relative;}
.phone_lefts-side a{ position: fixed;    bottom: 158px;    color:white;      background-color: #8732d5;   animation: topBottom 4s infinite;    z-index: 11111;    left: 20px;  color: white;    padding: 13px 16px;    border-radius: 50%;    font-size: 20px;    animation: bounce 4s infinite alternate;}    
.glow {  font-size: 80px;  color: #fff;  text-align: center;  -webkit-animation: glow 1s ease-in-out infinite alternate;  -moz-animation: glow 1s ease-in-out infinite alternate;  animation: glow 1s ease-in-out infinite alternate;}
@-webkit-keyframes glow {
from {text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;}
to {text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;}
}
.bounce{animation: bounce 965 1.6s ease infinite;transform-origin:50% 50%;}
@keyframes bounce{0%{transform:translateY(0)}
12.5%{transform:translateY(0)}
25%{transform:translateY(0)}
50%{transform:translateY(-15px)}
62.5%{transform:translateY(0)}
75%{transform:translateY(-15px)}
100%{transform:translateY(0)}
}
.header_logo img {    background: #fff;    padding: 10px;    margin-top: 10px;}

.full-width-content {    margin: 0px auto; margin-bottom: 20px;}
p.related-heading{    background-image: linear-gradient(to right, #8E2DE2 , #4A00E0);    width: 100%;    display: block;    padding: 10px 15px;   font-size: 22px;    font-weight: 700;}
.full-width-content > .row {  height: auto; }
.related-products .section-heading {    text-align: center;}
.related-products .container {    padding: 0;}
.related-products .container {    padding-top: 20px;}

.read-btn a {    background: #0b1a32;    padding: 7px 15px;    color: #fff;}
.related_content h4 {    font-size: 20px;}
.related_img img {    height: 160px;    margin: 10px 0px;}
.related_img img {    width: 100%;    object-fit: contain;    border: 1px solid #cccc;}
.related_content {    margin-top: -10px;}
.related_content p {    margin-bottom: 18px;}
.content-side-product-details span {    font-size: 23px;    font-weight: 800;    display: block;    margin-bottom: 10px;}
.expandedContent ul {padding-left: 20px; margin-top: 20px;}
.expandedContent ul li{ list-style-type: disc; font-size: 14px;    padding: 0px;    margin: 0px;    font-family: 'Nunito Sans', sans-serif;    color: #777;    font-weight: 400; line-height: 28px;}
.related_content h2 {    font-size: 25px;    padding-bottom: 20px;}
.cover-product-this h5 {    font-size: 23px;}


/* Send Enquire */
.enquiry {
    position: fixed;
    z-index: 1000;
    bottom: 29px;
    left: 25px;
    height: 50px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.enquiry i {
    float: left;
    z-index: 999;
    position: absolute;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background: #000;
    transition: 0.5s;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.4);
}

.enquiry strong {
        background: -webkit-linear-gradient(top, #ff8c00, #ff8d01);

    line-height: 28px;
    color: #fff;
    padding: 10px 20px;
    border-radius: 0 30px 30px 0;
    height: 45px;
    float: left;
    font-size: 15px;
    margin-top: 3px;
    margin-left: 35px;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
}

.enquiry i:hover {
    color: #fff;
    background: #893492;
}

.enquiry strong:hover {
    color: #000;
    background: #eee;
}

div#exampleModal .modal-dialog {
    width: 100% !important;
}

/* Modal Form*/
.modal-content {
    border-radius: 0;
}

.close {
    float: right;
    font-size: 23px;
    font-weight: 600;
    line-height: 2;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .7;
}

.close:hover, .close:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    opacity: .9;
}

.send_p {
    font-size: 17px !important;
    line-height: 22px;
    text-align: center;
    margin-bottom: 20px;
}

.modal-body input[type="text"], .modal-body select, .modal-body input[type="number"] {
    width: 100%;
    padding: 5px 12px;
    border-radius: 0px;
}

.modal-body textarea {
    width: 100%;
    height: 120px;
    padding: 5px 12px;
    border-radius: 0px;
}

.modal-body select {
    width: 100%;
}

.pac-container {
    z-index: 100000;
}

.g-recaptcha {
    transform: scale(0.80);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0
}

.modal_btn {
    width: auto;
    background: #000;
    padding: 8px 25px;
    border: none;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.5s;
}

.modal_btn:hover,.modal_btn:focus {
    background: #fe3b0e;
    color: #fff;
}

.modal-header {
    padding: 0 15px !important;
    color: #fff;
       background: -webkit-linear-gradient(top, #ff8c00, #ff8d01);

    height: 46px;
}

.white-wrap {
    border-radius: 10px;
    box-shadow: 0px 5px 10px #ccc;
    float: left;
    width: 100%;
    padding: 30px;
    background: #ed1c24;
    margin-bottom: 40px;
}

span.modal-title {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 22px;
    line-height: 43px;
}

.close {
    float: right;
    font-size: 23px;
    font-weight: 600;
    line-height: 2;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .7;
    background: #0e0000 !important;
    height: 45px;
    margin-top: 0px !important;
}

span.custom_btn-close {
    position: relative;
    bottom: 26px;
}

.why-choose-us {
    display: none;
}

.contact-us-page {
    display: none;
}

.page-title {
    margin-top: 62px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
    padding: 150px 0px;
}

.page-title:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: #000000;
    opacity: .5;
}

.page-title h1 {
    position: relative;
    font-size: 48px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1em;
    z-index: 99;
    margin-bottom: 20px;
}

.page-title .text {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #ff7e00;
    font-weight: 400;
}

.page-title .page-info {
    position: absolute;
    left: -180px;
    bottom: 0px;
    width: 100%;
    z-index: 1;
}

.page-info .bread-crumb {
    position: relative;
    float: right;
    padding: 25px 0;
    padding-left: 50px;
    border-radius: 40px 0 0 0;
    background-color: rgb(137 52 146);
}

.page-info .bread-crumb:before {
    position: absolute;
    left: 100%;
    top: 0;
    width: 49%;
    height: 100%;
    background-color: rgb(138 54 147);
    content: "";
}

.page-info .bread-crumb li {
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    color: #f9be2c;
    font-weight: 700;
    margin-right: 18px;
    padding-right: 18px;
}

.page-info .bread-crumb li:last-child {
    margin-right: 0px;
    padding-right: 15px;
    font-family: 'Quicksand', sans-serif;
}

.page-info .bread-crumb li:after {
    position: absolute;
    content: '|';
    top: 0px;
    right: -4px;
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 700;
}

.page-info .bread-crumb li:last-child:after {
    display: none;
}

.page-info .bread-crumb li a {
    color: #ffffff;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.page-info .bread-crumb li a:hover {
    color: #f9be2c;
}

.top-content-style {
    background-color: #893492;
    padding: 0px 30px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.input {
    position: relative;
    margin: 20px auto;
    width: 100%;
}

.input input {
    width: 100%;
    padding: 6px 35px 6px 35px;
    display: block;
    border: none;
    border: 1px solid #ccc;
    color: #000;
    box-sizing: border-box;
    font-size: 16px;
    outline: none;
    letter-spacing: 1px;
    background: #fff;
}

.input i {
    position: absolute;
    display: block;
    color: #893492;
    left: 8px;
    top: 8px;
    font-size: 20px;
}

.input textarea {
    width: 100%;
    padding: 4px 10px 13px 34px;
    display: block;
    border: none;
    border: 1px solid #ccc;
    color: #000;
    box-sizing: border-box;
    font-size: 16px;
    outline: none;
    letter-spacing: 1px;
    background: #fff;
    resize: none;
    height: 100px;
}

.submit {
    width: 100%;
    height: 45px;
    display: block;
    background-color: #893492;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: none;
    color: #fff;
    cursor: pointer;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
}

.submit:hover {
    background-color: #f9be2c;
}
.mobile-three-item li {
    display: inline-block;
    margin-right: 0;
    padding: 10px 3px;
    width: 32%;
}

.mobile-three-item {
    text-align: center;
}

.mobile-three-item li:first-child {
    background-color:#f9be2c ;
}

.mobile-three-item li:nth-child(2) {
    background-color: #64b161;
}

.mobile-three-item li:last-child {
    background-color: #670cb7;
}

.mobile-three-item li a {
    color: #fff;
}

.mobile-three-item {
    text-align: center;
    display: none;
    position: fixed;
    z-index: 999;
    bottom: 0;
    width: 100%;
}