@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playball&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Monoton&display=swap');
h1,h2,h3,h4,h5,h6{font-size: 35px; margin: 0px; padding: 0px; font-weight: 600; /*font-family: 'Playball', cursive;*/}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 15px;}
a{font-size: 15px; font-family: 'Quicksand', sans-serif;}
a:hover{text-decoration: none;}
p{font-size: 15px; padding: 0px; margin: 0px; font-family: 'Quicksand', sans-serif; text-align: justify;}
body{padding: 0px; margin: 0px; box-sizing: content-box;}
span{padding: 0px; margin: 0px; font-family: 'Quicksand', sans-serif;}
input{outline: none; font-family: 'Quicksand', sans-serif;}
textarea{outline: none; font-family: 'Quicksand', sans-serif;}
/*Stroke*/
/*Css*/
.after-side{position: relative;}
.after-side::after{position: absolute; content: ''; left: 0; width: 36%; height: 30px; clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);  background-color: #893492;}
.before-side{position: relative;}
.before-side::after{position: absolute; content: ''; right: 0; width: 36%; height: 30px; clip-path: polygon(0 0, 100% 0%, 100% 100%, 4% 100%); background-color: #893492;}
.social-media i {border: 1px solid #fff;    width: 25px;    height: 22px;    text-align: center;    line-height: 22px;}
.social-media {margin-top: 3px;}

.our_websites {
    padding: 20px 0px;
}
div.our-products {
    padding: 0px!important;
}
section.related-products {
    padding-top: 0px!important;
}
h2.pt-section-title {
    background: #893492;
    color: white;
}

.plain-text .form-side img {
    padding-bottom: 20px;
    width: 100%!important;
}
p.nm-title {
    font-size: 22px;
    font-weight: 700;
}

.exss p {margin: 15px 0px;}
.ffhh span {font-size: 16px;}
.big {font-size: 26px;font-weight: 600;}

.map iframe{width: 100%; height: 400px;border:0px;}


video::-internal-media-controls-download-button {    display:none;}
video::-webkit-media-controls-enclosure {  display: none !important;   overflow:hidden;}
video::-webkit-media-controls-panel { display: none !important;    width: calc(100% + 30px);}
video::-webkit-media-controls-panel {display: none !important; opacity: 1 !important;}

.video-section-first video{width: 100%; height: 500px;}

.expandedContent ul li {
    list-style-type: disc;
    margin-left: 18px;
}


.webclick-digital { display: none;}



.web-head {
    background: #893492;
    overflow-y: scroll;
    height: 339px;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
}
ul.site_links li a i {
    margin-right: 10px;
    color: #f9be2c;
}
ul.site_links {
    column-count: 3;
    /*background: #d3d3d338;*/
}
ul.site_links li {
    line-height: 35px;
    border-bottom: 1px solid #93529f;
    padding-top: 10px;
    text-align: left;
}
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;
}


.fennec-mobile-nav {  display: none;}
.fennec-mobile-nav.mean-container .mean-nav ul li a.active {  color: #02298a;}
.fennec-mobile-nav .navbar-nav {  overflow-y: auto;  height: 428px;}
.navbar-area.is-sticky {  position: fixed;  top: 0;  left: 0;  width: 100%;  z-index: 999;  -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);          box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);  background-color: #ffffff;  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;          animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;}
.navbar-area.is-sticky .fennec-nav {  background-color: #ffffff;}
.navbar-brand {  padding-top: 0;  padding-bottom: 0;}
.fennec-nav .navbar {  padding: 0;}
.fennec-nav .navbar ul {  padding-left: 0;  list-style-type: none;  margin-bottom: 0;}
.fennec-nav .navbar .navbar-nav .nav-item {  position: relative;  padding: 0;}
.fennec-nav .navbar .navbar-nav .nav-item a { font-size: 15px;    font-weight: 600;    color: #141414;    text-transform: uppercase;    padding: 20px 8px;    position: relative;    z-index: 1;    margin: 0;}
.fennec-nav .navbar .navbar-nav .nav-item a i {  margin-left: 1px;}
.fennec-nav .navbar .navbar-nav .nav-item a i::before {  font-size: 11px;}
.fennec-nav .navbar .navbar-nav .nav-item a::before {  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;   z-index: -1;  opacity: 0;  visibility: hidden;  -webkit-transition: 0.5s;  transition: 0.5s;}
.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);     background-color: #f9be2ced; position: absolute;  border: none;  top: 80px;  left: 0;  width: 320px;   display: block;  opacity: 0;  visibility: hidden;  border-radius: 0;  -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;  padding-top: 15px;  padding-left: 5px;  padding-right: 5px;  padding-bottom: 15px;     height: 500px;  overflow-y: scroll; z-index: 999;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu::-webkit-scrollbar {  width: 10px;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu::-webkit-scrollbar-track {  background: #f1f1f1;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu::-webkit-scrollbar-thumb {  background: #888;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu::-webkit-scrollbar-thumb:hover {  background: #555;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {  text-transform: capitalize;  padding: 5px 15px;  display: block;  color: #fff;  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::after {  position: absolute;  content: '';  height: 100%;  width: 3px;  left: -5px;  background-color: #893492;  -webkit-transition: 0.5s;  transition: 0.5s;  opacity: 0;  visibility: hidden;  top: 0;  -webkit-transform: scale(0);          transform: scale(0);}
.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%;  margin-top: 0;}
.navbar-style-two {  background-color: #f8f8f8;}
.navbar-style-two .fennec-nav { background-color: #f8f8f8; padding-top: 15px;  padding-bottom: 15px;  padding-left: 80px;  padding-right: 80px;}
.navbar-style-two .fennec-nav .navbar .navbar-nav {  margin-left: auto;}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item {  padding-top: 15px;  padding-bottom: 15px;}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a {  padding: 0;  margin: 0 12px;}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a i {  color: #666666;  -webkit-transition: 0.5s;  transition: 0.5s;}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a::before {  display: none;}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:hover, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:focus, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a.active { color: #fd6c1e;}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:hover i, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:focus i, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a.active i {color: #fd6c1e;}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item:first-child a {  margin-left: 0;}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item:last-child a {  margin-right: 0;}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li {  padding: 0;}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {  margin-top: 6px;  margin-left: 0;  margin-right: 0;}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::after {  background: -webkit-gradient(linear, left top, right top, from(#fc4a1a), color-stop(#fd6b12), color-stop(#fc8712), color-stop(#faa01f), to(#f7b733));  background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733);}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {color: #fd6c1e;}
.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child {margin-top: 0;}
.navigation{position: relative;}
.search-bar {position: absolute;    width: 100%;    left: 0;    top: 145%;    clip-path: polygon(0 0, 100% 0, 97% 100%, 3% 100%);  background-color: #893492;}
.search-bar input{    background-color: transparent;    border: 0px;    color: #fff;    font-size: 13px;    width: 500px;}
.search-bar input::placeholder{color: #fff;}
.search-bar button{outline: none; border: none; background-color: transparent; cursor: pointer;}
.logo-center img {       position: absolute; left: 0px; z-index: 9; top:18px;}
div#carouselExampleControls {    margin-top: 65px;}
.navbar-area {    position: relative;    top: 15px;}
.about-us{background: url(images/shape-15.png);}
.one_side-img img {    box-shadow: 5px 5px 15px #ccc;}
.about-content span{ font-size: 25px;  color: #777;  margin-bottom: 10px;}
.section-title{position: relative; /*padding-bottom: 122px;*/}
.section-title h1 {  color: #777;  position: absolute;    top: 12px;    font-size: 47px;}
.about-content p {    position: relative; line-height: 25px;}
/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  position: relative;  -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}
.hvr-shutter-out-horizontal:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  bottom: 0;  left: 0;   border-radius: 5px;  right: 0; color: #fff !important; -webkit-transform: scaleX(0);  transform: scaleX(0);  -webkit-transform-origin: 50%;  transform-origin: 50%;  -webkit-transition-property: transform;  transition-property: transform;  -webkit-transition-duration: 0.3s; transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {  color: white;}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {  -webkit-transform: scaleX(1);  transform: scaleX(1);}
.go-link a {    padding: 10px 30px 10px 30px;    border-radius: 5px;  background-color: #f9be2c;}
.go-link {    position: relative;    bottom: 25px;}
.bg-parallax{background: url(images/bg-img.jpg)no-repeat;  clip-path: polygon(0 9%, 100% 0, 100% 93%, 1% 100%);    padding-bottom: 150px !important;    background-attachment: fixed;    background-size: cover;}
.some-text h2{color: #fff;}
.some-text normal{font-family: 'Quicksand', sans-serif; }
.some-text p {    line-height: 25px;}

.cd-headline.clip span {  display: inline-block;}
.cd-headline.clip .cd-words-wrapper {  overflow: hidden;  vertical-align: top;}
.cd-headline.clip .cd-words-wrapper::after {  /* line */  content: '';  position: absolute;  top: 0;  right: 0;  width: 2px;  height: 100%;  background-color: #fff;}
.cd-headline.clip b {  opacity: 0;}
.cd-headline.clip b.is-visible {  opacity: 1;}
.cd-title {  position: relative;  height: 160px;  line-height: 230px;  text-align: center;}
.cd-title h1 {  font-size: 2.4rem;  font-weight: 700;}
.cd-intro {  width: 100%; max-width: 768px;}
.cd-headline {font-size: 31px;}
.cd-words-wrapper {  display: inline-block;  position: relative;  text-align: left;}
.cd-words-wrapper b { font-family: 'Playball', cursive; display: inline-block;  position: absolute;  white-space: nowrap;  left: 0;  top: 0;}
.cd-words-wrapper b.is-visible {  position: relative;}
.no-js .cd-words-wrapper b {  opacity: 0;}
.no-js .cd-words-wrapper b.is-visible {  opacity: 1;}
.tangle {    position: relative;    padding-top: 70px;}
.tangle li {    margin-right: 0;    margin-left: 50px;}
.main-large-big{position: absolute;  left: 553px;  bottom: 54px;}
.color-mode{background-image: linear-gradient(to right, #fc0544, #fe3c0d);}
.bg-color_custom{background-image: linear-gradient(to right, #fc0544, #fe3c0d);}

.grid {  position: relative;  clear: both;  margin: 0 auto;  padding: 1em 0 4em;  max-width: 1000px;  list-style: none;  text-align: center;}
/* Common style */
.grid figure {  position: relative;  float: left;  overflow: hidden;  min-width: 100%;  max-width: 100%;  width: 100%;  height: auto;  background: #3085a3;  text-align: center;  cursor: pointer;}
.grid figure img {  position: relative;  display: block;  min-height: 100%;  max-width: 100%;  opacity: 0.8;}
.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: 68.5%;}
figure.effect-apollo {  background: #3498db;}
figure.effect-apollo img {  opacity: 0.95;  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;  -webkit-transform: scale3d(1.05,1.05,1);  transform: scale3d(1.05,1.05,1);}
figure.effect-apollo figcaption::before {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(255,255,255,0.5); content: '';  -webkit-transition: -webkit-transform 0.6s;  transition: transform 0.6s;  -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);  transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);}
figure.effect-apollo p {  position: absolute;  right: 0;  bottom: 0;  margin: 3em;  padding: 0 1em;  max-width: 150px;  border-right: 4px solid #fff;  text-align: right;  opacity: 0;  -webkit-transition: opacity 0.35s;  transition: opacity 0.35s;}
figure.effect-apollo h2 {  text-align: left;}
figure.effect-apollo:hover img {  opacity: 0.6;  -webkit-transform: scale3d(1,1,1);  transform: scale3d(1,1,1);}
figure.effect-apollo:hover figcaption::before {  -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);  transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);}
figure.effect-apollo:hover p {  opacity: 1;  -webkit-transition-delay: 0.1s;  transition-delay: 0.1s;}
.work .section-title {    position: relative;}
.work .section-title span { font-size: 100px;    -webkit-text-stroke-width: 2px;    -webkit-text-fill-color: transparent;    -webkit-text-stroke-color: #29282d;    opacity: 0.1;}
.work .section-title h2 {    position: absolute;    top: 34px;    font-size: 53px;}
/*.white_bg-parallax{background: url(images/bg-white.png);}*/
.site-bg-black {    background-color: #000; padding: 50px 0;}
.bg-cover {   background-size: cover;    height: 500px;}
.play-now-video .icon {    color: #893492;}
.play-now-video .icon {    position: absolute;    left: 50%;    top: 50%;    height: 65px;    width: 65px;    text-align: center;    line-height: 65px;    background-color: #fff;    color: #893492;    z-index: 1;    font-size: 20px;    padding-left: 5px;    display: block;    transform: translateX(-50%) translateY(-50%);    transform-origin: center center;    border-radius: 50%;    box-shadow: 0 5px 10px 0 rgb(255 255 255 / 50%);}
.play-now-video .ripple, .play-now-video .ripple:before, .play-now-video .ripple:after {    position: absolute;    top: 50%;    left: 50%;    height: 65px;    width: 65px;    transform: translateX(-50%) translateY(-50%);    transform-origin: center center;    border-radius: 50%;    box-shadow: 0 0 0 0 white;    animation: ripple-video 3s infinite;    z-index: 1;}
.play-now-video .ripple:before {    animation-delay: .9s;    content: "";    position: absolute;}
.play-now-video .ripple, .play-now-video .ripple:before, .play-now-video .ripple:after {    position: absolute;    top: 50%;    left: 50%;    height: 65px;    width: 65px;    transform: translateX(-50%) translateY(-50%);    transform-origin: center center;    border-radius: 50%;    box-shadow: 0 0 0 0 white;    animation: ripple-video 3s infinite;    z-index: 1;}
.play-now-video .ripple:after {    animation-delay: .6s;    content: "";    position: absolute;}
.play-now-video .ripple, .play-now-video .ripple:before, .play-now-video .ripple:after {    position: absolute;    top: 50%;    left: 50%;    height: 65px;    width: 65px;    transform: translateX(-50%) translateY(-50%);    transform-origin: center center;    border-radius: 50%;    box-shadow: 0 0 0 0 white;    animation: ripple-video 3s infinite;    z-index: 1;}
/*.video-section-first-content {    padding-left: 30px;    max-width: 540px;}*/
.section-head.left.wt-small-separator-outer {    text-align: left;}
.section-head {    position: relative;}
.site-text-primary, .wt-small-separator {    color: #f9be2c;}
.section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left {    position: relative;    margin-right: 40px;}
.section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left:before, .section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left:after {    background-color: #ff5f15;}
.section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left:before {    left: 0px;}
.section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left:before, .section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left:after {    position: absolute;    content: '';    background-color: #ff6a01;   width: 30px;   height: 3px;    bottom: 0px;}
.section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left:before, .section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left:after {    background-color: #ff5f15;}
.section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left:before, .section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left:after {position: absolute;    content: '';    background-color: #f9be2c;    width: 30px;    height: 3px;    bottom: 5px;    right: -230px;}
.wt-small-separator div {    display: inline-block;}
.site-text-primary, .wt-small-separator {    color: #f9be2c;}
.wt-small-separator {    font-family: "Teko", sans-serif;    text-transform: uppercase;    letter-spacing: 3px;    font-size: 24px;    line-height: 24px;  position: relative;    display: inline-block;    font-weight: 700;    color: #f9be2c;}
.section-head.left.wt-small-separator-outer h2 {    margin-bottom: 15px;  font-size: 21px; line-height: 30px;}
.section-head.when-bg-dark .wt-title {    color: #fff;}
.section-head.when-bg-dark p {    color: #c1c1c1; padding-bottom: 18px;}
/*.section-head.left.wt-small-separator-outer p {    margin-bottom: 40px;}*/
.site-button.site-btn-effect {    text-shadow: 0 0 0 #fff, 400px 0 0 #fff;}
.site-btn-effect {  transition: all .3s ease !important;}
.site-button {    outline: none;   padding: 10px 30px 10px 30px;    letter-spacing: 1px;    position: relative;    overflow: hidden;    cursor: pointer;    display: inline-block;    background-color: #f9be2c;    border: none;    font-size: 15px;    font-weight: 500;}
.our-product .section-title span{ font-family: 'Teko', sans-serif; font-size: 100px;  -webkit-text-stroke-width: 2px;  -webkit-text-fill-color: transparent; -webkit-text-stroke-color: #29282d; opacity: 0.1;}
.our-product .section-title{position: relative;}
.our-product .section-title h1 {position: absolute;    top: 34px;    font-size: 53px;}
.product-content span{font-family: 'Playball', cursive; font-size: 30px;}
.product-content p{padding-right: 100px;}
.product-content{background: url(images/product-gym.png);  border-radius: 30px;}
.bg-shape {height: 100%;    background-image: linear-gradient(-45deg, #893492 0%, #590b61 100%);    box-shadow: 0px 30px 139px 0px rgb(10 22 31 / 26%);    border-radius: 30px;    padding: 45px 40px;    width: 50%;    position: absolute;    top: 0;    left: 0;   display: flex;    z-index: -9;    align-items: center;}
@media screen and (max-width: 1200px) {
    .bg-shape {    width: 45%;}
}
@media screen and (max-width: 992px) {
.bg-shape {    width: 90%;    height: 290px;    align-items: flex-start;    padding: 50px;    left: 50%;    transform: translateX(-50%);}
}
@media screen and (max-width: 767px) {
  .bg-shape {    padding: 30px;    width: 95%;    border-radius: 20px;}
}
@media screen and (max-width: 576px) {
  .bg-shape {    height: 200px;    padding: 30px;  }
}
.bg-shape img {  object-fit: contain;  width: 510px;  display: block;  object-position: left center;  opacity: 0.2;  transform: rotate(-90deg) translateY(-50%);  max-width: inherit;  left: -64px;  position: absolute;}
@media screen and (max-width: 1200px) {
  .bg-shape img {    width: 430px;    left: 10px;}
}
@media screen and (max-width: 992px) {
  .bg-shape img {    transform: none;    width: 100%;    position: relative;    left: auto;    margin-left: auto;    margin-right: auto;    object-fit: contain;    height: 100%;    object-position: top center;  }
}

.marign-part {    margin-top: 60px;    padding-left: 45px;}
.dark-color-_btn a {    background: #333;    transition: 0.5s; font-weight: bold;}
.dark-color-_btn a:hover { background-color: #f9be2c;  color: #333 !important;     transition: 0.5s;}

.parallax_scroll{background: url(images/form-part.jpg); background-attachment: fixed; background-size: cover; clip-path: polygon(0 9%, 100% 0, 100% 93%, 1% 100%); position: relative; padding: 100px 0px;}
.infomation_metter .media p {    padding-right: 145px;}
.infomation_metter .media span {    font-size: 22px;}
.under-color-part {    background: #893492;    padding: 15px;}
.form-design{position: absolute; width: 100%;}
.under-color-part { background: #893492; padding: 15px; bottom: -178px; position: absolute; width: 100%;}
.under-color-part span { font-size: 30px;  font-family: 'Playball', cursive;}
.home-filed input{background-color: transparent; font-size: 13px; caret-color: #590b61; font-family: 'Quicksand', sans-serif; border: 0px; border-bottom: 2px solid #ccc; margin-bottom: 30px;}
.home-filed input::placeholder{text-transform: uppercase;   color: #fff; font-weight: bold; font-family: 'Quicksand', sans-serif;}
.home-filed textarea{background-color: transparent; font-size: 13px; caret-color: #590b61; font-family: 'Quicksand', sans-serif; border: 0px; border-bottom: 2px solid #ccc; margin-bottom: 30px;}
.home-filed textarea::placeholder{text-transform: uppercase;   color: #fff; font-weight: bold; font-family: 'Quicksand', sans-serif;}
.home-filed_button button{border: 0px; background-color: transparent; cursor: pointer; border: 2px solid #ccc; font-family: 'Quicksand', sans-serif; transition: 0.5s;}
.home-filed_button button:hover{background-color: #f9be2c;}
.client_logo{transition: 0.5s; filter: grayscale(100%);}
.client_logo:hover{filter: grayscale(0%);}
.full-img {    margin-top: 135px;}
.call-to-action{background: url(images/white-bg.jpg)no-repeat; clip-path: polygon(0 9%, 100% 0, 100% 93%, 1% 100%);}
.make_in-india-btn a{background-color: red;}

.animation-text p{background: url(images/product-gym.png);    font-family: 'Teko', sans-serif;    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    animation-iteration-count: infinite;    font-weight: 900;    font-size: 150px !important;    line-height: 125px;    text-transform: uppercase; background-clip: text;     -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    -webkit-animation-name: masked-animation;    animation-name: masked-animation;    -webkit-animation-duration: 10s;    animation-duration: 10s;    -webkit-animation-iteration-count: infinite;    animation-iteration-count: infinite;    -webkit-animation-timing-function: linear;    animation-timing-function: linear;    -webkit-box-reflect: below -32px linear-gradient(transparent,transparent, #000);}
@keyframes masked-animation {
0% {background-position: 50% 35%;}
50% {background-position: 50% 65%;}
100% {background-position: 50% 35%;}
}
.make-in-india-effect p {font-size: 75px !important;  font-family: 'Monoton', cursive; text-align: center;  text-transform: uppercase;  text-shadow: 0 0 80px red,0 0 30px FireBrick,0 0 6px DarkRed;  color: red;}
#error:hover { text-shadow: 0 0 200px #ffffff,0 0 80px #008000,0 0 6px #0000ff; font-family: 'Monoton', cursive;}
#code:hover { text-shadow: 0 0 100px red,0 0 40px FireBrick,0 0 8px DarkRed; font-family: 'Monoton', cursive;}
#error {font-family: 'Monoton', cursive; color: #fff; text-shadow: 0 0 80px #ffffff,0 0 30px #008000,0 0 6px #0000ff;}
#error span {animation: upper 11s linear infinite; font-family: 'Monoton', cursive;}
#code span:nth-of-type(2) { animation: lower 10s linear infinite;  font-family: 'Monoton', cursive;}
#code span:nth-of-type(1) {text-shadow: none;  opacity:.4;  font-family: 'Monoton', cursive;}
@keyframes upper {
0%,19.999%,22%,62.999%,64%, 64.999%,70%,100% { opacity:.99; text-shadow: 0 0 80px #ffffff,0 0 30px #008000,0 0 6px #0000ff;}
20%,21.999%,63%,63.999%,65%,69.999% {opacity:0.4; text-shadow: none;}
}
@keyframes lower {
0%,12%,18.999%,23%,31.999%,37%,44.999%,46%,49.999%,51%,58.999%,61%,68.999%,71%,85.999%,96%,100% {opacity:0.99; text-shadow: 0 0 80px red,0 0 30px FireBrick,0 0 6px DarkRed;}
19%,22.99%,32%,36.999%,45%,45.999%,50%,50.99%,59%,60.999%,69%,70.999%,86%,95.999% { opacity:0.4; text-shadow: none;}
}
.make-in-india-effect p {    display: unset;    margin-right: 50px;}
.make-in-india-effect {    background: #000;}
/*footer*/
footer {    background: #292828;}
.widget span{font-weight: bold; font-size: 22px;}
.widget li {    line-height: 50px;}
.border-bottom {  border-bottom: 1px solid #fff!important;}
/*.center-logo{clip-path: polygon(0 9%, 100% 0, 100% 93%, 1% 100%);}*/
.center-logo p{padding-left: 100px; padding-right: 100px;}
.center-logo p {    padding-left: 50px;    padding-right: 50px;}
.center-logo li {  font-family: 'Quicksand', sans-serif;  line-height: 30px;}
/*.center-logo img {    padding-top: 20px;    padding-bottom: 20px;}*/
.copy-right{background: #000;}
#toTop{position:fixed; bottom:100px; right:5px; cursor:pointer; transition: 0.5s; z-index: 99999;}
.whats-app-icon img{position: fixed;    bottom: 140px;    left: 35px;    cursor: pointer;    transition: 0.5s;    z-index: 999;    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);    border-radius: 100px;}
/* Send Enquire */
.enquiry{position: fixed;z-index: 1000;bottom: 60px;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-color: #893492; 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-color: #893492;   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: 17px;}
.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;}
p.legend {    color: #fff;    font-size: 24px;    text-align: center;    text-transform: uppercase;    font-weight: 700;}
.half-content p {    line-height: 25px;}

.our-products {    background: #f1f1f1;}
.box-listing{ border-bottom-left-radius: 10px;	border-bottom-right-radius: 10px;     border-bottom: 20px solid #acab5b;}
.box-listing h4{color: #fff; background-image: linear-gradient(to right, #024b83 , #afad5a);	padding: 10px 20px;font-size: 20px;	font-weight: 700;	border-top-left-radius: 10px;	border-top-right-radius: 10px;}
.box-listing ul{	position: relative;	background-color: #fff;}
.box-listing ul li:hover{	opacity: 0.2;}
.box-listing ul li{list-style: none;    padding: 10px;    width: 100%;    background-color: #fff;    box-shadow: 0px 5px 25px rgba(0,0,0,0.1);    transition: transform 0.5s; margin-bottom: 10px;}
.box-listing ul li:hover{	transform: scale(1.1);	z-index: 100;	background-color: #024b83; 	box-shadow: 0 5px 25px rgba(0,0,0,0.2);	color: #fff;	opacity: 1;}
.box-listing ul li span{width: 20px;	height: 20px;	text-align: center;	line-height: 20px;	background-color: #afad5a;color: #fff; 	display: inline-block;	border-radius: 50%;	margin-right: 10px;	font-size: 12px;	font-weight: 600;	transform: translateY(0px); }
.box-listing ul li:hover span{	background-image: linear-gradient(to right, #024b83 , #afad5a); color: #fff;}
.box-listing a { color: #333; transition: 0.5s;}
.box-listing a:hover{color: #fff; display: block;}
.box{background-color: #893492;   overflow: hidden;    position: relative;    transition: all 0.3s;}
.box:hover{    box-shadow: 0 0 20px -5px rgba(247,126,56,0.5);    border-radius: 10px;}
.box:before{    content: "";    background:rgba(255,255,255,0.5);    width: 100%;    height: 100%;     transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);    position: absolute;    top: 0;    left: 0;    z-index: 1;    transition:all 0.5s;}
.box:hover:before{ transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); }
.box img{    width: 100%;    height: auto;    opacity: 0.95;    transition: all 0.5s;}
.box:hover img{    opacity: 0.6;    transform: rotate(10deg) scale(1.5);}
.box .box-content{    color: #fff;    background: linear-gradient(to right,transparent,rgba(0,0,0,0.2),rgba(0,0,0,0.2));    text-align: right;    border-right: 3px solid #fff;    padding: 5px 10px;    opacity: 0;    transform: scaleX(0);    transform-origin: right center;    position: absolute;    bottom: 10px;    right: 15px;    transition: all 0.4s cubic-bezier(0.6, -0.1, 0.735, 0.045);}
.box:hover .box-content{    opacity: 1;    transform: scaleX(1);}
.box .title{    font-size: 22px;    font-weight: 700;    text-transform: uppercase;    text-shadow: 2px 2px 3px rgba(0, 0, 0, .6);    margin: 0;}
.box .post{    font-size: 20px;    font-style: italic;    text-transform: capitalize;    letter-spacing: 1px;    text-shadow: 2px 2px 3px rgba(0, 0, 0, .6);    color: #fff;}
.box .icon{    padding: 0;    margin: 0;   list-style: none;    opacity: 0;    transform: scale(0);    position: absolute;    top: 15px;    left: 15px;    transition: all 0.4s cubic-bezier(0.6, -0.1, 0.735, 0.045);}
.box:hover .icon{    opacity: 1;    transform: scale(1);}
.box .icon li{ margin: 0 0 10px; }
.box .icon li a{color: #fff;    font-size: 18px;    text-align: center;    line-height: 33px;    height: 35px;    width: 35px;    border: 2px solid #fff;    border-radius: 50px;    box-shadow: 2px 2px 3px rgba(0, 0, 0, .6);    display: block;    transition: all 0.3s;    position: absolute; }
.box .icon li a:hover{    background: #f77e38;   border-radius: 0;}
@media only screen and (max-width:990px){
.box { margin: 0 0 30px; }
}

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;    margin: 0;    min-width: 100%;    max-width: 100%;    max-height: 100%;    width: 100%;    height: auto;  background-color: #893492;   text-align: center;    cursor: pointer;}
.grid figure img {position: relative;    display: block;    min-height: 100%;    max-width: 100%; }
.grid figure figcaption {	padding: 1em;	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: 16px; margin-top: 10px;}

.final-products p {line-height: 25px;}
.cover-product {padding-left: 0px;  min-height: 250px;  width: 385px;  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: 28px; color: #777; text-align: justify;}
.products-fill { border-right: 1px solid #ccc;}
.zoom-effect img {border: 1px solid #ccc;}

.final-list-product ul li {    /* background: url(images/tick.png)no-repeat;    padding-left: 25px; */    background-position: 0% 50%;    line-height: 32px; list-style: disc;    font-family: 'Quicksand', sans-serif;}
.final-list-product ul li span {  font-family: 'Quicksand', sans-serif !important; }

.color-site { background-color: #893492;}
.sitema-links-item h2 {    font-size: 25px;}
.sitema-links-item h3{ font-size: 25px;}
.sitema-links-item h4{ font-size: 25px;}
.black-color {background: #000;}
.skin-color {    background: #f9be2c;}

.contact-area.contact-page {    margin-top: 0;}
.contact-area.contact-page .contact-shadow {    box-shadow: none;}
.no-gutters {    margin-right: 0;    margin-left: 0;}
.no-gutters>.col, .no-gutters>[class*=col-] {    padding-right: 0;    padding-left: 0;}
.contact-area .contact-shadow .contact-form-area {    background: #fff;}
.contact-area .contact-shadow .contact-form-area .contact-title {    padding-bottom: 16px;}
.contact-area .contact-shadow .contact-form-area .contact-title .title {    padding-bottom: 10px;    padding-left: 60px;}
.contact-area .contact-shadow .contact-form-area .input-box input {    width: 100%;    line-height: 40px;    border: 1px solid #e9e9e9;    background: rgba(1, 14, 42, 0.031);   border-radius: 5px;    padding-left: 15px;    font-size: 15px;    color: #676e7c;}
.contact-area .contact-shadow .contact-form-area .input-box textarea {    border: 1px solid #e9e9e9;    background: rgba(1, 14, 42, 0.031);    width: 100%;    height: 120px;    resize: none;    border-radius: 5px;    padding-left: 15px;    padding-top: 15px;    font-size: 15px;    color: #676e7c;}
.main-btn {display: inline-block;    font-weight: 500;    text-align: center;    white-space: nowrap;    vertical-align: middle;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;  padding: 0 25px;    text-transform: uppercase;    font-size: 15px;    line-height: 42px;    border-radius: 30px;    color: #fff;    cursor: pointer;    font-weight: 600;    z-index: 5;    -webkit-transition: all 0.4s ease-out 0s;    -moz-transition: all 0.4s ease-out 0s;    -ms-transition: all 0.4s ease-out 0s;    -o-transition: all 0.4s ease-out 0s;    transition: all 0.4s ease-out 0s;  background-color: #893492; border: none;     font-family: 'Quicksand', sans-serif;}
.contact-area .contact-shadow .contact-form-area .input-box button:hover {  background-color: #f9be2c !important;  color: #333 !important;   border-color: #c51517;}
.main-btn:hover {    background-color: #fff !important;    color: #c51517 !important;    border-color: #fff;}
.contact-area .contact-shadow .contact-info {    background: #ff5e14;    height: 100%;        padding: 0px 50px 50px;}
.contact-area.contact-page .contact-shadow .contact-info {    background: #fff;}
.contact-area .contact-shadow .contact-info .contact-info-title {    padding-bottom: 10px;}
.contact-area.contact-page .contact-shadow .contact-info .contact-info-title .title {    color: #041436;        padding-left: 57px;}
.contact-area .contact-shadow .contact-info .contact-info-item {    position: relative;    padding-left: 70px;}
.contact-area.contact-page .contact-shadow .contact-info .contact-info-item i {    background: #ffffff;   color: #893492;    border: 2px solid #893492;    height: 40px;    width: 40px;    line-height: 35px;}
.contact-area .contact-shadow .contact-info .contact-info-item i {    top: 0;    left: 0;   position: absolute;    color: #fff;    height: 40px;    width: 40px;    border-radius: 50%;    text-align: center;    line-height: 40px;    background-color: rgba(255, 255, 255, 0.102);}
.contact-area.contact-page .contact-shadow .contact-info .contact-info-item span {    color: #041436;    font-weight: 500;}
.contact-title h2{position: relative;}
.contact-title h2::after{    position: absolute;    width: 45px;    height: 2px;    background: #893492;    content: '';    top: 22px;       right: 41%;}
.contact-title h2::before{ position: absolute;    width: 45px;    height: 2px;    background: #893492;    content: '';    top: 22px;    left: 6px;}
.contact-info-title h3{position: relative;}
.contact-info-title h3::after{    position: absolute;    width: 45px;    height: 2px;   background: #893492;   content: '';    top: 22px;     right: 118px;}
.contact-info-title h3::before{ position: absolute;    width: 45px;    height: 2px; background: #893492;    content: '';    top: 22px;    left: 6px;}
.input-box button:hover {    color: #fff !important;}
.contact-info-item li{font-family: 'Quicksand', sans-serif;}
iframe{clip-path:polygon(0 9%, 100% 0, 100% 93%, 1% 100%);}

.inner-left-side-product li {    display: inline-block;    margin-right: 12px;    line-height: 45px;}
ul.coloring li a {    background: #8a3693;    padding: 15px;    color: #fff;        font-size: 18px;}
.full-width-type { background-color: #f9be2c;  margin-top: 20px; padding-top: 10px; padding-bottom: 10px;   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;}
.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;}
.inner-left-side-product h3{padding-bottom: 20px;}
.inner-left-side-product p{line-height: 25px;}
ul.coloring {   text-align: center;}
/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  position: relative;  background: #e1e1e1;  -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}
.hvr-shutter-out-horizontal:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  bottom: 0;  left: 0;  right: 0;  background-color: #893492;  -webkit-transform: scaleX(0);  transform: scaleX(0);  -webkit-transform-origin: 50%;  transform-origin: 50%;  -webkit-transition-property: transform;  transition-property: transform;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {  color: white;}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {  -webkit-transform: scaleX(1);  transform: scaleX(1);}
.inner-states a {    width: 100%;    text-align: center;}
.inner-states a {background: #151635;}
.tps-section {  width: 100%;  height: 500px;  -webkit-perspective: 10em;  -moz-perspective: 10em;  -ms-perspective: 10em;  -o-perspective: 10em;  perspective: 10em;  -webkit-perspective-origin: center bottom;  -moz-perspective-origin: center bottom;  -ms-perspective-origin: center bottom;  -o-perspective-origin: center bottom;  perspective-origin: center bottom;  -webkit-perspective-origin: 50% 50%;  -moz-perspective-origin: 50% 50%;  -ms-perspective-origin: 50% 50%;  -o-perspective-origin: 50% 50%;  perspective-origin: 50% 50%;  -webkit-transform-style: preserve-3d;  -moz-transform-style: preserve-3d;  -ms-transform-style: preserve-3d;  -o-transform-style: preserve-3d;  transform-style: preserve-3d;}
.tps-wrapper {  float: left;  width: 100%;  height: 100%;}
nav.mobile-menu {    display: none;}
.playnatic img {    position: relative;    top: 20px;}
.button-effect a{background-color: #f9be2c;    padding: 12px 25px 12px 25px;    border-radius: 50px;    position: relative;    top: 22px;    left: -68px;}
.small-items .section-title span{font-family: 'Teko', sans-serif;    font-size: 49px;    -webkit-text-stroke-width: 2px;    -webkit-text-fill-color: transparent;    -webkit-text-stroke-color: #29282d;    opacity: 0.1;}
.small-items .section-title h1{ position: absolute; top: 12px; font-size: 30px;}
div#owl-demo-icons .item {    border: 1px solid #eee;    border-radius: 6px;    background-color: #fafafe;    padding: 8px;    text-align: center;    background-color: rgba(255, 255, 255, 0.9);    transition: all 0.3s ease;    text-align: center;    display: block;    box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 10%);    margin: 5px;    min-height: 180px;}
.under-two-part img {    filter: grayscale(1);    transition: 0.5s;}
.texting-icons span {    font-size: 14px;    font-weight: 600;}
.under-two-part img:hover {    filter: grayscale(0);}
div#owl-demo-icons .owl-buttons .owl-next{right: 111px!important;    left: 1037px!important;    top: 200px!important;}
div#owl-demo-icons .owl-buttons .owl-prev{   left: -40px;   top: 198px!important;}
.ul-stl li { color: #c1c1c1; margin-left: 12px; list-style: disc; font-family: 'Quicksand', sans-serif;}
.states { padding-bottom: 12px;}
.full-width-type a { color: #fff !important;  margin: 0px; padding-top: 10px;  padding-bottom: 10px;  font-size: 25px; font-weight: 900;}
a.ex-stl:hover {    color: #fff !important;}
ul.ul-stl {    padding-bottom: 15px;}
.content_img p {    padding-bottom: 15px;}
.only-about-page p {    padding-top: 60px;}
.final-list-product h2,h3,h4,h5,h6{color: #777; padding-bottom: 10px; padding-top: 10px; font-size: 20px;}
.about-content h2 {    color: #777;    font-size: 25px;    padding-bottom: 12px;}
.parent-divison h3 a{   font-weight: 600; font-family: 'Playball', cursive; font-size: 25px; color: #333;}
.phone_lefts-side{position:relative;}
.phone_lefts-side a{ position: fixed;    bottom: 200px;    color:white;    background-color:#03a84e;   animation: topBottom 4s infinite;  left: 38px;    background-color: #0000ff;    color: white;    padding: 8px 16px;    border-radius: 50%;    font-size: 20px;    animation: bounce 4s infinite alternate; z-index: 9;} 
.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 ;}
}

@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)}
}
.main-large-big img {    width: 45%;}
.mobile-three-item li {display: inline-block;  margin-right: 0;  padding: 10px 4px;  width: 32%;}
.mobile-three-item { text-align: center;}
.mobile-three-item li:first-child{background-color: #893492;}
.mobile-three-item li:nth-child(2){background-color: #64b161;}
.mobile-three-item li:last-child{background-color: #f9be2c;}
.mobile-three-item li a{color: #fff;}
.mobile-three-item { text-align: center;  display: none;   position: fixed;    z-index: 999;  bottom: 0; width: 100%;}
.newh3 {    color: #777;    position: absolute;    top: 12px;    font-size: 38px;	position: absolute;   top: 34px;}
.newp {    padding-bottom: 10px;    padding-top: 10px;    font-size: 25px;	margin: 0px;    padding: 0px;    font-weight: 600;    font-family: 'Playball', cursive;    line-height: 1.2;	}
.whats-app-icon img{position: fixed;    bottom: 140px;    left: 35px;    cursor: pointer;    transition: 0.5s;    z-index: 999;    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);    border-radius: 100px;}
.about-content h3 {    font-size: 25px;}
a.blog-btn {    background: #893492;    padding: 8px 20px;    color: #fff;   margin-top: 18px;    display: inline-block;    border-radius: 5px;}
.cover-full {    background: #fff;    padding: 20px;}
.for_content span {    font-weight: 900;    color: #000;    font-size: 30px;}
.for_img img {    width: 100%;}
.content-side-product-details span {    font-size: 25px;    font-weight: 800;    display: block;    margin-bottom: 10px;}