@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Asap+Condensed:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
body{padding: 0px; margin: 0px; box-sizing: content-box; color: #777;}
h1,h2,h3,h4,h5,h6{font-size: 35px; margin: 0px; padding: 0px; font-weight: 100; font-family: 'Fredoka One', cursive;}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 15px;     font-family: 'Asap Condensed', sans-serif; color: #777;}
a{font-size: 15px; font-family: 'Asap Condensed', sans-serif; color: #777;}
a:hover{text-decoration: none;}
p{font-size: 15px; padding: 0px; margin: 0px; color: #777; font-family: 'Asap Condensed', sans-serif;text-align: justify;}
span{padding: 0px; margin: 0px; font-family: 'Asap Condensed', sans-serif; color: #777;}
/*Css*/
.slide {width: 100%;  height: 717px;  margin: 0 auto;  position: relative; }
.slide ul {  margin: 0 auto;  height: 717px;}
.slide ul li {  width: 100%;  list-style: none;  position: absolute;  z-index: 1;  height: 717px;  background-position: top center;  top: 0;  left: 0;  right: 0;}
/*header {position: relative; height: 717px;}*/
.slide #dots {  position: absolute;  left: 0; right:0px;  bottom: 10px;  z-index: 9999;  font-size: 0;  text-align: center;  opacity: 0.7;}
.slide #dots a {  background: #98c333;  margin: 0 6px;  width: 18px;  height: 18px;  box-shadow: 0 0 1px 0 #333;  border-radius: 100%;  display: inline-block;  cursor: pointer; color:#fff;}
.slide #dots a.active { background: #1e75be; color: #fff;}
.slide .arrow { position: absolute;    top: 50%;    width: 70px;    height: 70px;   margin-top: -20px;    background: #FFF;    z-index: 999;    opacity: 0.7;    line-height: 100px;    color: #333;   text-align: center;    text-decoration: none;    border-radius: 100px;}
.slide .arrow.prev { left: 0; }
.bg-header {     background: #ffffffde;   z-index: 9;    position: relative;}
/*.video-overlap{position: absolute; width: 100%; bottom: 0px;}*/
.slide .arrow.next { right: 0; }
.slide .arrow:active { background: #FAFAFA;  opacity: 1;}

	.our_websites {
    padding: 20px 0px;
}
h4.asked.text-center {
    margin-bottom: 17px;
}

.web-head {
   background: linear-gradient(266.51deg, #FD7E14 0%, #FFAF42 100%);
    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: black;
}
ul.site_links {
    column-count: 3;
    /*background: #d3d3d338;*/
}
ul.site_links li {
    line-height: 35px;
    border-bottom: 1px solid #e5a23f;
    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;
}

/*header::after{position: absolute; width: 100%; height: 100px; content: ''; top: 0px; z-index: 9; background-color: #fff; opacity: 0.8;}*/
.wrap {height: 789px;    position: relative;    width: 100%; top: -162px; /*z-index: -1;*/}
nav a {	position: relative;	display: inline-block;	outline: none;	color: #fff;	text-decoration: none;	text-transform: uppercase;	letter-spacing: 1px;	font-weight: 400;	text-shadow: 0 0 1px rgba(255,255,255,0.3); font-size: 16px;}
nav a:hover,nav a:focus {	outline: none;}
/* Effect 13: three circles */
.cl-effect-13 a {	-webkit-transition: color 0.3s;	-moz-transition: color 0.3s;	transition: color 0.3s;}
.cl-effect-13 a::before {	position: absolute;	top: 42%;	left: 50%;	color: transparent;	content: '.';	text-shadow: 0 0 transparent;	font-size: 1.2em;	-webkit-transition: text-shadow 0.3s, color 0.3s;	-moz-transition: text-shadow 0.3s, color 0.3s;	transition: text-shadow 0.3s, color 0.3s;	-webkit-transform: translateX(-50%);	-moz-transform: translateX(-50%);	transform: translateX(-50%);	pointer-events: none;}
.cl-effect-13 a:hover::before,.cl-effect-13 a:focus::before {	color: #fff;	text-shadow: 10px 0 #fff, -10px 0 #fff;}
.cl-effect-13 a:hover,.cl-effect-13 a:focus {	color: #98c333 !important;}
.cl-effect-14 a {padding: 0 20px;	height: 45px;	line-height: 45px;}
.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 {  font-weight: 600;  color: #333;  text-transform: uppercase;  padding: 20px 12px; position: relative;  z-index: 1;  margin: 0;}
.fennec-nav .navbar .navbar-nav .nav-item a i::before {  font-size: 15px;}
.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 rgb(0 0 0 / 10%);    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);    background-color: #98c333;    position: absolute;    border: none;    top: 80px;    left: 0;    width: 900px;    column-count: 3;    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;    padding-top: 15px;    padding-left: 5px;    padding-right: 5px;    padding-bottom: 15px;    overflow-y: scroll !important;    height: 500px;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li{ background-position: 0% 50%;  padding-left: 12px;}
.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:hover, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {  color: #1e75be !important;}
.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;}
/*.overlay:after{position: absolute; width: 100%; height: 789px; background-color: #000; content:''; top: 0px; opacity: 0.1; z-index: 9;}*/
.logo img {    z-index: 99;    position: relative; bottom: -12px;}
.mobile-menu {  display: none;}
.small-links ul {    position: relative;    z-index: 99;}
.sidenav {  height: 100%;  width: 0;  position: fixed;  top: 0;  right: 0; background-color: #3080c3f2;  overflow-x: hidden;  transition: 0.5s;  padding-top: 60px; z-index: 99; text-align: left;}
.sidenav a { padding: 8px 8px 8px 32px;  text-decoration: none;  font-size: 25px;  color: #818181;  display: block;  transition: 0.3s;  line-height: 35px;}
/*.sidenav a:hover {  color: #1e75be;}*/
.sidenav .closebtn {  position: absolute;  top: 0;  right: 25px;  font-size: 36px;  margin-left: 50px; color: #98c333;}
#main {  transition: margin-left .5s;}
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}
.small-links a {font-size: 16px;}
.small-links i {font-size: 20px;}
.slider-content{position: relative; top: 350px; z-index: 99999;}
.slider-content h1{font-size: 50px;}
.slider-content p{font-size: 16px;}
.slider-btn a{background-color: red;}
.slider-center{margin: 0px auto;}
.navigation-links {    position: relative;    z-index: 99;}
.slider-btn a {    background-color: #98c333;    padding: 10px 22px 10px 22px;}
.about-us{background: url(images/about-img.png);}
.about-center{margin: 0px auto;}
.about-center p{line-height: 25px;}
.about-btn a{ background: linear-gradient(266.51deg, #FD7E14 0%, #FFAF42 100%); transition: 0.5s;}
.about-btn a:hover{background: linear-gradient(266.51deg, #FFAF42 0%, #FD7E14 100%);}
.about-btn a {padding: 12px 25px;}
.bg-product{background: url(images/product-list.jpg); padding: 20px 15px;}
.bg-one { background: url(images/list-1.jpg);}
.bg-two { background: url(images/list-2.jpg);}
.bg-three { background: url(images/list-3.jpg);}
.color-changer span { font-size: 28px;    display: block;    margin-bottom: 15px;}
.color-changer li {line-height: 30px;}
.color-changer li a{transition: 0.5s;}
.color-changer li a:hover{padding-left: 8px;}
.products_name {position: relative;}
.heading-text {    position: absolute; padding: 5px 0;   bottom: 0;    right: 15px;    width: 92%;    background: #1e75bead; text-align: center;}
.heading-text p{font-size: 30px; font-family: 'Fredoka One', cursive;}
/* Shape */
.about-area .thumb-left .thumb .experiecne { text-align: left;    position: absolute;    left: 0;    bottom: 125px;  background: #1e75beeb;   padding: 25px 25px;    border: 5px solid #ffffff;    max-width: 275px;}
.yellow .about-area .thumb-left .thumb .experiecne {  background: #febc35;}
.about-area .thumb-left .thumb .experiecne h2 {  font-size: 70px;  font-weight: 700;  line-height: 55px;  color: #ffffff;}
.about-area .thumb-left .thumb img {  width: 80%;}
.about-area .thumb-left .thumb .experiecne h5 {  margin: 0;  color: #ffffff;  font-size: 15px;  line-height: 1.4;  font-weight: 500;}
.about-area .thumb-left {  padding-right: 35px;}
.about-area .thumb-left .thumb {  margin-bottom: 0;}
.about-area .thumb-left .thumb {  position: relative;  z-index: 1;  text-align: right;}
.about-area .thumb-left .thumb::after {  position: absolute;  left: -50px;  top: 55px;  content: "";  height: 300px;  width: 300px; background: url(images/pattern.png);  background-repeat: no-repeat;  background-position: left top;  opacity: 0.4;  z-index: -1;}
.about-area .info .bottom {  display: flex;  align-items: center;  margin-top: 30px;}
.about-area .info .bottom .icon a {  display: flex;  align-items: center;  margin-right: 35px;}
.about-area .info .bottom .icon a span {  font-weight: 400;  color: #666;}
.about-area .info .bottom .icon h4 {  margin-bottom: 5px;  font-weight: 700; font-size: 20px;}
.about-area .info h2 { font-weight: 700; padding-bottom: 15px;  font-size: 25px;}
.about-area .info ul {  display: block;  margin-top: 25px;}
.about-area .info ul li {  display: block;  line-height: 36px;  position: relative;  z-index: 1;  font-weight: 600;}
.yellow .about-area .info ul li::after {  color: #febc35;}
.about-area .info > a.btn {  margin-top: 30px;}
.btn-theme {    background-color: #f42223;    color: #ffffff !important;    position: relative;    overflow: hidden;    z-index: 1;}
.info p{line-height:28px;}
.design-for-you{background: #1e75be;}
.products_btn a{font-size: 20px;}
span.size-small{font-size: 17px;}
.HomeSlider  .carousel-item .home-main-slide-one{bottom: 20%;    padding: 0;}
.HomeSlider  .carousel-item .home-main-slide-one h2{position:relative;font-weight:700;line-height:70px;letter-spacing:-1px;text-align: left;    padding: 0 0 0 60%;margin:0;    text-transform: uppercase;}
.HomeSlider  .carousel-item .home-main-slide-one h2 span{font-weight:700;line-height:22px;letter-spacing:-1px;display:block;}
.HomeSlider  .carousel-item .home-main-slide-all{bottom: 22%;padding: 0;}
.HomeSlider  .carousel-item .home-main-slide-all h2{position:relative;font-size:35px;font-weight:100;line-height:85px;letter-spacing:-1px;text-align: center;    padding: 0 ;margin:0;}
.HomeSlider  .carousel-item .home-main-slide-all h2 span{font-size:30px;font-weight:normal;line-height:40px;letter-spacing:-1px;display:block;}
.HomeSlider  .carousel-inner .carousel-item > img {  -webkit-animation: zoom 15s;  animation: zoom 15s;     height: 376px;}
@-webkit-keyframes zoom {
from {    -webkit-transform: scale(1, 1);  }
to {-webkit-transform: scale(1.3, 1.3);}
}
@keyframes zoom {
from {transform: scale(1, 1);}
to {transform: scale(1.3, 1.3);}
}

div#HomeSlider {    height: 376px;}

div#HomeSlider #dots {    display: none;}
.home-main-slide-all span {    font-size: 35px;}
div#HomeSlider a.carousel-control-prev {    position: absolute;    background: #1e75be;    width: 2%;    height: 11%;    left: 11%;    top: 50%;}
div#HomeSlider a.carousel-control-next {    position: absolute;    background: #1e75be;    width: 2%;    height: 11%;    right: 11%;    top: 50%;}
.form-side h5 {    font-weight: 100;  color: #3979d8;  font-family: 'Asap Condensed', sans-serif; }
.form-side form input{border: 1px solid #ccc; font-family: 'Asap Condensed', sans-serif; height: 40px; outline: none;}
.form-side form textarea{border: 1px solid #ccc; font-family: 'Asap Condensed', sans-serif; height: 100px; outline: none;}
.home-filed-submit button{background: linear-gradient(266.51deg, #FD7E14 0%, #FFAF42 100%); padding: 12px 25px; font-family: 'Asap Condensed', sans-serif; outline: none; cursor: pointer;}
.client-feed-back h6{ font-weight: 100;    color: #3979d8;    font-family: 'Asap Condensed', sans-serif; font-size: 35px;}
.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;	background: #fbba42;}
.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 {        }	
.owl-prev:before {     position: absolute;    top: 9px;    left: 8px}	
.owl-next:after {    font: normal normal normal 14px/1 FontAwesome;    font-size: 40px;}	
.owl-next:after {    position: absolute;    top: -3px;    color: #fff;    left: 11px;}	
.owl-prev.active {background: #ffbd1f;}
.owl-next .active {    background: rebeccapurple;}
.client-names span{font-size: 18px;}
div#owl-demo .item img {    width: 18% !important;    border-radius: 50px;    border: 1px solid #8db339;    padding: 2px;}
div#owl-demo .item p {    line-height: 24px;}
div#owl-demo .owl-buttons{display: none;}
.img-part img {    position: absolute;    bottom: 0;    right: 0; width: 19%;}
.home-form{position: relative;}
.call-to-action {    background: url(images/fulling-img.jpg);    background-size: cover;    padding: 225px 0;}
.metter-left h6{font-family: 'Asap Condensed', sans-serif; padding-right: 230px;}
/*sticky-connect*/
.sticky-connect{background-color: #1b69ab; z-index: 1; position: relative;}
.lets-connect span {    font-size: 30px;}
.lets-connect a{background: #fff;    width: 40px;    height: 40px;    display: block;    text-align: center; border-radius: 50px;   align-items: center;    justify-content: center;      display: flex;}
.lets-connect i.fa.fa-facebook{color: #395a9a; font-size: 18px;}
.lets-connect i.fa.fa-twitter{color: #1d9bf0; font-size: 18px;}
/*.lets-connect i.fa.fa-instagram{ background: url(images/instagram.png);}*/
.lets-connect i.fa.fa-youtube-play{color: #ff0000; font-size: 18px;}
.lets-connect{position: relative;}
.lets-connect::after {    position: absolute;    content: '';    width: 94%;   height: 85px;    background: #1e75be;    bottom: -21px;     z-index: -1;}
.call-type span{font-size: 15px;    font-weight: 600;    line-height: 18px;}
.call-type a{font-size: 28px;    font-weight: 600;    line-height: 36px;}
.call-btn a{font-size: 18px;    padding: 12px 30px;   text-shadow: 2px 2px 4px rgb(76 98 26 / 50%);    background: linear-gradient(266.51deg, #98C333 0%, #98C333 100%) !important; box-shadow: 0 4px 10px rgb(0 0 0 / 20%), 0 1px 4px rgb(0 0 0 / 10%);}
/*footer*/
footer{background: #1e75be;}
.widget span{color: #fff; font-size: 22px;}
.widget ul li {    line-height: 27px;}
.widget ul a {transition: 0.5s;}
.widget ul a:hover {padding-left: 10px;}
.widget li {font-family: 'Asap Condensed', sans-serif;}
.widget strong {font-family: 'Asap Condensed', sans-serif;}
.copy-right{background: #98c333}
#toTop {    position: fixed;    bottom: 190px;    right: 5px;    cursor: pointer;    transition: .5s;    z-index: 99999;}
::-webkit-scrollbar {  width: 10px;}
::-webkit-scrollbar-track {  background: #f1f1f1;}
::-webkit-scrollbar-thumb {  background: #98c333;}
::-webkit-scrollbar-thumb:hover {  background: #555;}
a.btn-gradient{    background: linear-gradient(266.51deg, #FFAF42 0%, #FD7E14 100%); padding: 12px;}
a.btn-gradient:hover{background: linear-gradient(266.51deg, #FD7E14 0%, #FFAF42 100%); padding: 12px;}
.dealer {    position: fixed;    top: 50%;    left: 0;    z-index: 999;    transform: translateY(-50%);}
.dealer a {    background-color: #1e75be;    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-color: #98c333;    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;}
span.heading-large {    font-size: 28px;    color: #1e75be;}
form.modal-form-custom input {    border-bottom: 1px solid #f3f2f2!important; font-family: 'Asap Condensed', sans-serif; outline: none;}
.modal-filed button { font-family: 'Asap Condensed', sans-serif;   background-color: #1e75be; cursor: pointer; transition: 0.5s;}
.modal-filed button:hover {background: #98c333;}
.mobile-three-item li {display: inline-block;  margin-right: 0;  padding: 10px 30px;  width: 33%;}
.mobile-three-item { text-align: center;}
.mobile-three-item li:first-child{background-color: #a0a0a0;}
.mobile-three-item li:nth-child(2){background-color: #64b161;}
.mobile-three-item li:last-child{background-color: #ec0e6a;}
.mobile-three-item li a{color: #fff;}
.mobile-three-item { text-align: center;  display: none;   position: fixed;    z-index: 999;  bottom: 0; width: 100%;}
.slider-content{width: 60%;    margin: 0px auto; background: #1e75bed9;  padding: 48px 0;}
.whats-app-icon img {    position: fixed;    bottom: 52px;    left: 50px;    cursor: pointer;    transition: 0.5s;    z-index: 999;}
video{object-fit: fill  !important;}
.breadcumb{padding: 200px 0px;}
.breadcumb h1{font-family: 'Asap Condensed', sans-serif;}
.under-design {    position: absolute;    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNjkuNzgxIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMzY5Ljc4MSA0OCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgIGQ9Ik0xMTQ1LDc0MHMtNC0zMy0zMC0zM0g5ODVzLTIzLjUtMi41LTI1LTE1djQ4aDE4NVptLTM2OS43ODIsMHM0LTMzLDI5Ljk3My0zM2gxMjkuODRTOTU4LjUsNzA0LjUsOTYwLDY5MnY0OEg3NzUuMjE4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc3NS4yMTkgLTY5MikiLz48L3N2Zz4=);    bottom: -2px;    backface-visibility: hidden;    left: 50%;    -webkit-transform: translateX(-50%);    transform: translateX(-50%);    height: 48px;    width: 369.781px;    background-repeat: no-repeat;    background-position: bottom center;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: end;    -ms-flex-align: end;    align-items: flex-end;}
header.inner-header {    height: auto;}
.under-design li{font-family: 'Asap Condensed', sans-serif;}
.under-design li {    font-size: 16px;}
.under-design a {font-weight: 800; color: #1e75be;}
.form{       position: relative;    padding: 15px 20px 30px;    background-color: #1e75be;    border-radius: 10px;    text-align: center;}
.form h2{color: #fff; font-weight: 500; text-transform: uppercase;font-size: 22px;}
.form .input{text-align: left; margin-top: 20px;}
.form .input .inputBox input{    width: 100%;    height: 45px;    background-color: #1e75be;    border: none;    outline: none;    border-radius: 40px;    padding: 5px 15px;    color: #fff;    font-size: 18px;           box-shadow: inset -2px -2px 6px rgb(255 255 255 / 10%), inset 2px 2px 6px rgb(21 85 139);}
.form .input .inputBox input[type="Submit"]{ font-family: 'Roboto', sans-serif;   margin-top: 20px;     box-shadow: -2px -2px 6px rgb(255 255 255 / 0%), 2px 2px 6px rgba(0, 0, 0, 0.17);  cursor: pointer;}
.form .input .inputBox input[type="Submit"]:focus{outline: none;}
.form .inputBox textarea{width: 100%;    height: 85px;    background-color: #1e75be;    border: none;    outline: none;    border-radius: 40px;    color: #fff;    font-size: 18px;           box-shadow: inset -2px -2px 6px rgb(255 255 255 / 10%), inset 2px 2px 6px rgb(21 85 139);   padding: 10px 20px;}
.form .inputBox textarea::placeholder{color: #fff; font-size: 15px;}
.form .input .inputBox input[type="Submit"]:active{color: #0f5298; margin-top: 20px; box-shadow: -2px -2px 6px rgba(255,255,255,0.1),2px 2px 6px rgba(0,0,0,0.8);}
.form .input .inputBox input::placeholder{color: #fff; font-size: 15px;}
.only-widget span{position: relative; font-size: 22px;}
.only-widget span::after {    position: absolute;    content: '';    width: 30px;    height: 3px;    background-color: #27ae61;   top: 32px;    left: 0px;}
.only-widget li {line-height: 30px;}
.only-widget li a{transition: 0.5s; }
.only-widget li a:hover{padding-left: 5px; color: #27ae61 !important;}
figure.effect-jazz {background: -webkit-linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);	background: linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);}
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-image: linear-gradient(to right, #98c333 , #98c333);    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;}
figure.line-height-0 span {    line-height: 0;}
.full-text p {    line-height: 24px;}

.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;}
.products-fill { border-right: 1px solid #ccc;}
.zoom-effect img {border: 1px solid #ccc;}
.final-list-product h4{font-size: 25px;}
.final-list-product ul li {    background: url(images/tick.png)no-repeat;    padding-left: 25px;    background-position: 0% 50%;     line-height: 32px; font-family: 'Asap Condensed', sans-serif;}
.box{background: #27ae61;    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;  font-family: 'Asap Condensed', sans-serif;}
.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; }
}
.color-site {background-color: #afd05f}
.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: #1e75be;}
.contect-box ul {    list-style: none;    padding: 0;    margin: 0;}
.contect-box ul li {    font-size: 15px;    text-align: justify;    color: #000;    line-height: 1.8;    margin-left: 17px;    position: relative;}
.contect-box ul li::after {	content: '';    width: 10px;    height: 21px;    top: 9px;    position: absolute;  left: -17px;    background-size: 100%;}
.contact-box {    width: 100%;    margin: 32px auto;    text-align: center;    border: 1px solid #ddd;    padding: 30px;}
.contact-box img {    margin: 0 auto;    width: 18%;}
.contact-box p {    text-align: center;    margin: 0;}
.contact-section {    width: 100%;}
.enquiry-title {    font-size: 26px;}
.contact-form form .form-control {    border-radius: 0;    box-shadow: none; font-family: 'Asap Condensed', sans-serif;}
.contact-form form button {    background: #4da2dc;	    padding: 5px 30px;    color: #fff;	font-family: 'Asap Condensed', sans-serif;    font-size: 16px;}
.contact-box p strong {    font-size: 20px;}
ul.coloring li {    background: #1e75be;    padding: 15px;}
.full-width-type { background: #98c333;;    margin-bottom: 30px;}
.inner-states {    text-align: center; }
.inner-states a{display: block;  margin: 7px; background: #000; color: #fff;}
div#dealer-form input,select {    font-weight: bold;   height: 45px; border: 1px solid #ccc; font-family: 'Asap Condensed', sans-serif;}
select {    color: #777;    border: 1px solid #ccc;    font-weight: bold;}
div#dealer-form textarea { font-weight: bold;    height: 100px;   border: 1px solid #ccc;    resize: none; font-family: 'Asap Condensed', sans-serif;}
div#dealer-form button {    background: linear-gradient(266.51deg, #FD7E14 0%, #FFAF42 100%); border: none;    font-family: 'Asap Condensed', sans-serif;  padding: 12px 25px;   outline: none;    cursor: pointer; width: 100%;}
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;}
.fixed-call-btn {    position: fixed;    z-index: 9999;    bottom: 115px;    right: 0;    height: 50px;    border-top-left-radius: 44px;    width: 50px;    display: flex;    align-items: center;    justify-content: center;    background: #333;    color: #fff;    border-bottom-left-radius: 44px;    -webkit-transition: all .2s;    -moz-transition: all .2s;    transition: all .2s;    font-size: 20px;}
.fixed-whtasapp {    position: fixed;    z-index: 9999;    bottom: 50px;    right: 0;    height: 50px;    border-top-left-radius: 44px;    width: 50px;    display: flex;    align-items: center;    justify-content: center;    background: #1bd741;    border-bottom-left-radius: 44px;    -webkit-transition: all .2s;    -moz-transition: all .2s;    transition: all .2s;}
a.fixed-whtasapp i {    font-size: 25px;}
.slide { width: 100%;  height: 400px;  margin: 0 auto;  position: relative;  overflow: hidden;}
.slide ul { margin: 0 auto;  height: 400px;}
.slide ul li { width: 100%;  list-style: none;  position: absolute;  z-index: 1;  height: 400px;  background-position: top center;  top: 0;  left: 0;  right: 0;}
/*.slide #dots { position: absolute;  left: 0;  right: 0;  bottom: 10px;  height: 30px;  z-index: 9999;  font-size: 0;  text-align: center;  opacity: 0.7;}
.slide #dots a { background: #989394;  margin: 0 3px;  width: 15px;  height: 15px;  box-shadow: 0 0 1px 0 #333;  border-radius: 100%;  display: inline-block;  cursor: pointer;}
.slide #dots a.active { background: #fff; }*/
.slide.arrow {  position: absolute;  top: 50%;  width: 70px;  height: 100px;  margin-top: -50px;  background: #FFF;  z-index: 999;  opacity: 0.7;  line-height: 100px;  color: #333;  text-align: center;  text-decoration: none;}
.wrap-slide-inner{ bottom: 0px; width: 100%; z-index: -9;}
.side_bar-nav li{ border-top: 1px solid #dadada; border-bottom: 1px solid #dadada;  padding: 8px 0;}
.side_bar-nav li:last-child{border:none;}
.side_bar-nav li:first-child{border:none;}
.side_bar-nav a{ font-size: 16px;}
.for-text p {    line-height: 25px;}
div#dots {    display: none;}
.under-breadcumb{position: relative; z-index: 3;}
.under-breadcumb {    background: #1e75bde8;    width: 40%; height: 60%;  margin: 0px auto;  margin-top: 95px;}
.under-breadcumb h1 {   position: relative;    top: 40%;}
.hk-hide-links{pointer-events: none;}
.down-space {    position: relative;    top: 65px;}
.side_bar-nav span {    font-size: 32px;    font-weight: 800;   display: block; }

.search_bar-input input {    font-family: 'Asap Condensed', sans-serif;   width: 100%;    border: 1px solid #dadada;    box-shadow: none;    border-radius: 3px;  font-weight: normal;}
.search_bar-input input {    height: 45px;    border-radius: 50px;    padding-left: 15px;    position: relative;    box-shadow: 0px 0px 30px #e0e0e0; outline: none;}
.search_bar-input button:hover {    background-color: #98c333;}
.search_bar-input button {    position: absolute;    right: 14px;    top: 0px;    border: none;    border-radius: 50px;    width: 45px;    height: 45px;    background-color: #1e75be;    transition: 0.5s; outline: none;}
.product-title a{background-color: #1e75be;}
.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;}
.product_view_h h3 { font-size: 17px;    margin-top: 20px; }
.product_view_h h2 { font-size: 20px;    margin-top: 20px; }
.product_view_h ul li { list-style: disc; margin-left: 25px; margin-top: 10px;  font-family: 'Asap Condensed', sans-serif;}
.hit_chng img { height: 270px; }
.hit_chng {    border: solid 1px;    padding: 7px;    margin-bottom: 40px;    margin-left: 10px;}
.chng img {    height: 250px;    padding: 7px;}
.nw img {    border: solid;        height: 100%;}
.video-overlap{right: 0px;}
.info p {    padding-bottom: 15px;}
.video-overlap video{width: 100%; height: 717px;}
.video-box iframe{width: 100%; height: 500px;}
.about-box1 ul li {    list-style: disc;    margin-left: 16px;    line-height: 22px;}
.about-box1 p {	font-size: 15px;    padding: 0px;    margin: 0px;    color: #777;    font-family: 'Asap Condensed', sans-serif;	padding-bottom: 15px;	line-height: 28px;}
.bg-light1 {    background: #00000017;}
.seven-stl {	font-size: 70px;	font-weight: 700;	line-height: 55px;	color: #ffffff;	font-family: 'Fredoka One', cursive;	margin-bottom: 0.5rem!important;}
p.cont-stl {    font-size: 26px;}
.info a {    color: blue !important;}
.full-width-type h3 a {    font-size: 22px;    color: #fff;    font-weight: bold;    position: relative;    top: -7px;}
.metter-left {    padding-right: 270px;}
.title-name h2 {    font-size: 25px;}
.half-content-seo h4 {    font-size: 24px;    margin-bottom: 10px;}
.full-width-content {    margin: 0px auto;}
p.related-heading{    background: #1e75be;    width: 100%;    display: block;    padding: 10px 15px;   font-size: 22px;    font-weight: 700;}
.full-width-content > .row {  height: 180px;}
.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: 14px;}
.content-side-product-details span {    font-size: 25px;    font-weight: 700;    display: block;    margin-bottom: 10px;}

.expandedContent ul {
    column-count: 2;
 list-style-type: circle;
padding-left: 20px;
}


.widget img {
    filter: brightness(0.0) invert(1);
}