@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600&display=swap');
html{
  scroll-behavior: smooth;
}
.page-header-wrapper{
	z-index:999999
}

/* --- Navbar alignment and spacing fix  START--- */
.page-header-wrapper .navbar .navbar-collapse {
  justify-content: flex-end !important; /* push menu to right */
}

.page-header-wrapper .navbar .navbar-nav {
  margin-left: auto !important;
  margin-right: 0 !important;
  align-items: left !important;
}

.page-header-wrapper .navbar .nav-item {
  margin: 0 12px !important; /* even spacing */
}

.page-header-wrapper .navbar .nav-link {
  color: rgb(10, 10, 168) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

/* Keep brand image aligned properly */
.page-header-wrapper .navbar-brand img {
  height: 80px !important;
  margin-top: -12px !important;
}
/* --- Navbar alignment and spacing fix  END--- */

body{
	font-family:Lato,sans-serif
}
.submit_Page{
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
/* Christmas Event Only Start*/
/* Falling christmas snow canvas overlay Start*/
.snow-canvas {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none; /* allows clicks through snow */
  z-index: 9999; /* stays above everything */
}
/* Falling christmas snow canvas overlay End*/

/* Christmas Event Only End*/

/* for navigation bar (Home Products ...ETC) start */
.for-background-color {
  background-color: white !important;  /* or any color you prefer */
  opacity: 1 !important;
  box-shadow: 0 2px 8px rgba(92, 73, 73, 0.1); /* optional for a nice shadow */
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box;
}

.navbar-toggler {
  background-color: grey; /* color of your button */
  height: 40px;
  width: 60px;
  border: none;
}

.navbar-toggler-icon {
  background-image: none; /* remove Bootstrap default */
  width: 25px;
  height: 2px;
  background-color: white;
  position: relative;
}

.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
  content: "";
  width: 25px;
  height: 2px;
  background-color: white;
  position: absolute;
  left: 0;
}

.navbar-toggler-icon::before {
  top: -7px;
}

.navbar-toggler-icon::after {
  top: 7px;
}

/* ✅ added — fix layout width and spacing */
.navbar {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.navbar-collapse {
  width: 100%;
  background-color: white;
}

/* ✅ optional: prevent overflow on mobile */
body, html {
  overflow-x: hidden;
}

/* ✅ Align all navbar links evenly (fix "HOME" misalignment) */
.navbar-nav .nav-item {
  margin: 0 !important;
  padding: 0 !important;
}

.navbar-nav .nav-link {
  display: block;
  padding: 10px 15px !important; /* uniform padding for all items */
  text-align: left;
}

/* Optional: improve alignment in mobile dropdown */
@media (max-width: 992px) {
  .navbar-collapse {
    padding-left: 0 !important;
  }
}

/* 🖥️ Desktop alignment fix for navbar links */
@media (min-width: 992px) {
  .navbar-nav {
    margin-left: auto !important; /* pushes links to the right */
  }

  .navbar-nav .nav-item {
    margin: 0 10px !important; /* equal horizontal spacing */
  }

  .navbar-nav .nav-link {
    padding: 8px 0 !important; /* tighter top/bottom, consistent height */
  }
}
/* for navigation bar (Home Products ...ETC) End */

/* for SISTEMA ELECTRIK INC. title word in homepage Start */
.sei-title {
  line-height: 0.8;
  margin-bottom: 0;
  text-align: center;
}

.sei-title span {
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

  /* ✅ Responsive font size:
     - Minimum 60px
     - Scales with viewport width (6vw)
     - Maximum 100px
  */
  font-size: clamp(60px, 6vw, 100px);

  font-weight: bold;
  color: #1b238b;  /* ✅ same blue */
  text-shadow:
    1.5px 1.5px 0 white,
    -1.5px 1.5px 0 white,
    1.5px -1.5px 0 white,
    -1.5px -1.5px 0 white; /* ✅ clean white outline only */
}

/* ✅ Firefox fallback (adds a similar white edge using text-shadow) */
@supports not (-webkit-text-stroke: 1px white) {
  .sei-title span {
    text-shadow:
      1px 1px 0 white,
      -1px 1px 0 white,
      1px -1px 0 white,
      -1px -1px 0 white;
  }
}

.sei-secondary-title {
  line-height: 0.8;
  margin-top: 20px;
  text-align: center;
  color: white;
}

.sei-secondary-title span {
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  font-size: 15px;
}
/* for SISTEMA ELECTRIK INC. title word in homepage End */

/* for Certificate Section Start */
#sei_certificates_recognition {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: lightgray;
    min-height: 750px; /* Adjust overall height here */
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center;
	font-family: 'Times New Roman', Times, serif;
}

/* Title */
.cert-title {
	font-style: arial;
    font-size: 28px;
    font-weight: 700;
	color: black;
    margin-bottom: 40px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Frame Container */
.certificates-slider {
    position: relative;
    width: 700px;   /* adjust frame width */
    max-width: 90%;
    height: 500px;  /* adjust frame height */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 16px;
    background: #d6d1d169;
    box-shadow:
    0 10px 25px rgba(0, 0, 0, 0.2),
    inset 0 0 30px rgba(0, 0, 0, 0.05);
    border: 10px solid #ffffff;
}

/* Each Frame (Image) */
.cert-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

/* Show Active Image */
.cert-frame.active {
    opacity: 1;
    z-index: 1;
}

/* Image Style */
.cert-frame img {
    width: auto;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 8px;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
#sei_certificates_recognition {
    min-height: 600px;
}
.certificates-slider {
	width: 90%;
    height: 400px;
}
.cert-title {
    font-size: 22px;
}
}
/* for Certificate Section End */

/* for SEI Documents Section w/ buttons Start */
#sei_documents {
  font-family: "Poppins", sans-serif;
  background-color: #1f232b;
}

.doc-card {
  background: lightgray;
  border-radius: 12px;
  padding: 2rem;
  height: 100%;
}

.doc-card h4 {
  font-family: 'Times New Roman', Times, serif;
  font-size: 18px;
  margin-bottom: 1.2rem;
  color: black;
}

.btn-doc {
  display: inline-block;
  width: 100%;
  padding: 10px 18px;
  font-size: 0.95rem;
  color: white;
  background-color: rgb(7, 7, 173);
  border-radius: 8px;
  text-decoration: none;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

.btn-doc:hover {
	color: white;
	background-color: rgb(61, 61, 252);
	transform: scale(1.02);
}
/* for SEI Documents Section w/ buttons End */

/* for Our Team Section Start */
.prevent-select {
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}
.pic_ture {
	border-radius: 30%;
}
/* for Our Team Section End */

p.hood{
position: absolute;
bottom: 	55px;
width: 250px;
height: auto;
background: #fff;
padding: 20px;
box-sizing: border-box;
border-radius: 4px;
visibility: hidden;
opacity: 1;
transition: 0.1s;
transform: translateX(80%) translateY(-50px)

}
.prj-img-hldr:hover .hood{
	visibility: visible;
	opacity: 1;
}

.submit_Page h1{
	margin-top: -20%;
	padding: 0px;
}
.submit_Page .Go{
	color: white;
}
.search-box{
	float: right;
	display: flex;
	left: 96%;
  width: fit-content;
  height: fit-content;
  position: absolute;
   transform: translate(-100%,0%);
}
.input-search{
  height: 50px;
  width: 30px;
  border-style: none;
  padding: 10px;
  padding-left: 20px;
  font-size: 16px;
  outline: none;
  border-radius: 25px;
  transition: 0.5s;
  background-color: #6c757d;
  padding-right: 30px;
  color:#fff;
  font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif
}
.input-search::placeholder{
  color:rgba(255,255,255,.5);
  font-size: 16px;
  letter-spacing: 2px;
  font-weight: 100;
  font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif
}
.btn-search{
  width: 50px;
  height: 50px;
  border-style: none;
  font-size: 20px;
  font-weight: bold;
  outline: none;
  cursor: pointer;
  border-radius: 50%;
  position: absolute;
  right: 0px;
  color:#ffffff ;
  background-color:transparent;
  pointer-events: painted;  
}
.btn-search:focus{
	outline: none;

}
.btn-search:focus ~ .input-search{
  width: 300px;
  background-color: black;
  outline: none;
  border: none;
}
.input-search:focus{
  width: 300px;
  background-color: black;
}

/* for HOME Section Start */
#homepage{
	z-index:999;margin-top:7em;position:relative
}
#homepage .main-slider{
	background-color:#1f232b
}
#homepage .main-slider #mainCarousel{
	height:800px
}
	@media (max-width:768px){
		#homepage .main-slider #mainCarousel{
			height:600px
		}
	}
#homepage .main-slider #mainCarousel .carousel-item{
	top:0;position:absolute
}
#homepage .main-slider #mainCarousel .carousel-img{
	opacity:.3;background-size:cover;
	background-repeat:no-repeat;
	background-position:top
}
#homepage .main-slider #mainCarousel .carousel-text-wrapper{
	text-align:center;
	position:absolute;
	height:100%;
	width:100%;top:0
}
#homepage .main-slider #mainCarousel .carousel-text-wrapper .text-content{
	font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif
}
#homepage .main-slider #mainCarousel .carousel-text-wrapper .text-content .anim-delay{
	-webkit-animation-delay:.7s;
	animation-delay:.7s
}
#homepage .main-slider #mainCarousel .carousel-text-wrapper .text-content h1{
	font-size:26px;
	font-weight:300;
	letter-spacing:2px;
	color:#e7e6e6
}
#homepage .main-slider #mainCarousel .carousel-text-wrapper .text-content h2{
	color:#94ca16;
	font-size:100px;
	line-height:88px;
	line-height:5.5rem
}
#homepage .main-slider #mainCarousel .carousel-text-wrapper .text-content h2 :last-child{
	font-weight:100
}
	@media (max-width:768px){
		#homepage .main-slider #mainCarousel .carousel-text-wrapper .text-content h2{
			font-size:50px;
			line-height:40px;
			margin-top:40px
		}
		#homepage .main-slider #mainCarousel .carousel-text-wrapper .text-content h2 :last-child{
			font-size:40px
			}
		}
#homepage .main-slider #mainCarousel .carousel-text-wrapper .text-content p{
	color:#ececec;
	font-size:18px
}
	@media (max-width:768px){
		#homepage .main-slider #mainCarousel .carousel-text-wrapper .text-content p{
			font-size:14px
		}
	}
	@media (max-width:576px){
		#homepage .main-slider #mainCarousel .carousel-control{
			display:none
		}
	}
#homepage .mission-vision .vission{
	background-color:#144abe
}
#homepage .mission-vision .mission{
	background-color:#c54040
}
#homepage .mission-vision .mv .mv-wrapper{
	width:130px;
	height:130px;
	border-radius:50%;
	border:10px solid rgba(0,0,0,.1);padding:0
}
#homepage .mission-vision .mv .mv-wrapper .mv-icon{
	width:100%;
	height:100%;
	padding:30px;
	border-radius:50%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;background-color:#fff
}
#homepage .mission-vision .mv .mv-wrapper .mv-icon img{
	width:50px;
	height:50px
}
#homepage .mission-vision .mv .mv-content{
	color:#fff;
	display:inline-block
}
#homepage .mission-vision .mv .mv-content h3{
	font-size:24px;
	font-weight:600;
	text-transform:uppercase
}
#homepage .mission-vision .mv .mv-content p{
	font-size:14px;
	padding:0;
	margin:0
}
#homepage .welcome-wrapper{
	z-index:9999;
	position:relative;
	font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif
}
#homepage .welcome-wrapper .Masthead{
	min-height:60vh
}
#homepage .welcome-wrapper .Masthead__image{
	-webkit-transform:scaleX(-1);
	transform:scaleX(-1);
	background-position:50%;
	background-size:cover;
	-webkit-box-orient:horizontal!important;
	-webkit-box-direction:reverse!important;
	-ms-flex-direction:row-reverse!important;
	flex-direction:row-reverse!important
}
#homepage .welcome-wrapper .text-content h4 span{
	font-size:40px;
	font-weight:700;
	color:#2e373b
}
#homepage .welcome-wrapper .text-content p{
	font-size:22px;
	font-weight:300;
	font-style:italic
}
/* for HOME Section End */

/* for ABOUT Section Start */
#about-us{
	z-index:99;
	position:relative;
	background-color:#1f232b;
	font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif
}
#about-us .paralaxx-img{
	top:0;
	left:0;
	opacity:.2;
	width:100%;
	height:100%;
	position:absolute
}
#about-us .paralaxx-img .img-holder{
	width:100%;
	height:1000px;
	background-repeat:no-repeat;
	background-position:0 0
}
#about-us .about-content-wrapper .container{
	opacity:1
}
#about-us .about-content-wrapper .container :first-child h4{
	font-size:24px
}
#about-us .about-content-wrapper .container :first-child h4 span{
	font-size:45px;
	font-weight:700
}
#about-us .about-content-wrapper .container :first-child p.about-paragraph{
	color:#e7e7e7;
	font-size:18px;
	font-style:italic
}
	@media (min-width:576px){
		#about-us .about-content-wrapper .container .sitema-video{
			margin-top:7.5em
			}
		}
#about-us .about-content-wrapper .container .we-ares .feature{
	margin-bottom:32px;
	margin-bottom:2rem
}
#about-us .about-content-wrapper .container .we-ares .feature .highlight1{
	color:#00ccbd
}
#about-us .about-content-wrapper .container .we-ares .feature .highlight2{
	color:#82cc33
}
#about-us .about-content-wrapper .container .we-ares .feature .highlight3{
	color:#d1c500
}
#about-us .about-content-wrapper .container .we-ares .feature .feature-body{
	display:table-cell
}
#about-us .about-content-wrapper .container .we-ares .feature .feature-body h4{
	font-size:24px;
	font-weight:700;
	margin-bottom:16px;
	margin-bottom:1rem
}
#about-us .about-content-wrapper .container .we-ares .feature .feature-body p{
	color:#e7e7e7;
	font-size:15px
}
#about-us .about-content-wrapper .container .certs>div h4{
	font-size:12px;
	text-decoration:underline
}
#about-us .about-content-wrapper .container .certs>div a{
	font-size:14px;
	padding:5px 15px;
	border-radius:15px;
	color:#f5f5f5;
	background:hsla(0,0%,100%,.246)
}
/* for ABOUT Section End */

/* for OUR PRODUCT Section Start */
#product-lines{
z-index:999;
padding:144px 0 48px;
padding:9rem 0 3rem;
position:relative;
background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif
}
@media (min-width:992px){
	#product-lines .products-wrapper .desktop{
		display:block
	}
	#product-lines .products-wrapper .mobile,#product-lines .products-wrapper .tablet{
		display:none
	}
}
@media (min-width:768px){
	#product-lines .products-wrapper .desktop{
		display:none
	}
	#product-lines .products-wrapper .tablet{
		display:block
	}
	#product-lines .products-wrapper .mobile{
		display:none
	}
}
@media (max-width:576px){
	#product-lines .products-wrapper .desktop,#product-lines .products-wrapper .tablet{
		display:none
	}
	#product-lines .products-wrapper .mobile{
		display:block
	}
}
#product-lines{
	z-index:999;
	padding:144px 0 48px;
	padding:9rem 0 3rem;
	position:relative;
	background:#fff;
	font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
}
#product-lines small{
	font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
	text-align: justify;
}
#product-lines .products-wrapper h4{
	font-size:2em
}
#product-lines .products-wrapper h4 span{
	font-size:32px;
	font-size:2rem
}
#product-lines .products-wrapper .product-lines{
	margin-top:5em
}
#product-lines .products-wrapper .product-lines .product{
	height:230px;
	position:relative
}
#product-lines .products-wrapper .product-lines .product p{
	width:100%;
	bottom:30px;
	font-size:15px;
	position:absolute;
	color:rgba(33,33,33,.863);
}
#product-lines .products-wrapper .product-lines .product-link img{
	width:110px;
	height:110px;
	margin:0 auto;
	-o-object-fit:contain;
	object-fit:contain;
	-webkit-transition:-webkit-transform .2s;
	transition:-webkit-transform .2s;
	transition:transform .2s;
	transition:transform .2s,-webkit-transform .2s;
	position:relative
}
#product-lines .products-wrapper .product-lines .product-link:hover img{
	-webkit-transform:scale(1.8);
	transform:scale(1.8)
}
#product-lines .products-wrapper .product-lines .product-link:hover p{
	font-weight:700;
	color:#535353
}
#product-lines .project-titles{
	width:100%
}
#product-lines .project-titles ul{
	width:100px;
	 background-color: blue; 
	}
#product-lines .project-titles li{margin:0 5px;
	padding:8px 15px;
	display:inline-block;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	cursor:pointer;
	}
#product-lines .project-titles li.selected,#product-lines .project-titles li:hover{
	color:#1d7daa;
	background-color:#f3f3f3;
	border-radius:8px;
	}
#product-lines .project-titles li.selected{
	font-weight:600;
	}
	#product-lines .tap-content{
  margin-left: 0px;
}
#product-lines .nav-pills, .flex-column, .nav{
  padding-right: 0px;
}
#product-lines .box{
  height: auto;
  color: lightgray;
  padding-top: 0px;
  border-radius: 10px;
  width: 100%; 
  height: 100%;
  border:  2px solid #6c757d; 
 
}

#product-lines .box h3{
  height: 80px;
  color: black;
  cursor: pointer;
  border:  1px solid #6c757d;
  padding-top: 20px;
  margin-bottom: 0px;
  font-weight: bold;
  border-top: none; 
  border-left: none; 
  border-radius: 10px 0px 0px 0px;
}
#product-lines .box .nav a{
  color: black;
  border:  1px solid #6c757d;
  border-radius: 0px;
  border-left: none;
  border-top: none;
}
#product-lines .box .nav .last{
  border-bottom: none;
  border-left: none;
  border-radius: 0px 0px 0px 10px;
}
#product-lines .box .nav .active{
  background:rgb(217, 215, 215, .3);
  color: #007bff;
  font-weight: 600;
}
#product-lines .box .nav a:hover{
  background:rgb(217, 215, 215, .3);
  color: #007bff;
}
#product-lines .tab-content{
  height: 407px;
  border-radius: 0px 10px 10px 0px;
  border-left: none;
}
#product-lines .tab-content .tab-pane .carousel h2{
  padding: 20px 0px   0px 0px ;
}
#product-lines .tab-content .tab-pane .carousel .carousel-inner {
  height: 407px;
  color: black; 
}
#product-lines .carousel-control-prev, #product-lines .carousel-control-next{
  width: 40px;
  height: 40px;
  background-color:#666666;
  border-radius: 10%;
  top: calc(99%);
  margin:0px;
  padding: 0PX;

}
#product-lines .row .img .img-holder{
  display: block;
  position: relative;
  padding: 30PX 50px 50px 50px; 
}
#product-lines .row .img .img-holder p{
	padding: 0px;
	margin: 0px;
}
#product-lines .row .img .img-holder img{
  position: relative;
}
#product-lines .carousel-control-prev{
margin-left: 1%;
}
#product-lines .carousel-control-next{
margin-right: 1%;
}
#product-lines .row .img p{
  text-align: justify;
	padding: 0px 30px 0px 0px;
}
#product-lines .cata a{
	font-weight: bold;
  font-size:13px;
  padding:1px 10px;
  margin-bottom: 2px;
  text-decoration: none;
  border-radius:15px;
 	background:rgb(217, 215, 215, .5);
}
@media (max-width:768px){
	#product-lines{
		height: auto;
		margin-bottom: 20px;
	}
	#product-lines .row{
		position: relative;
		height: auto;
	}
	#product-lines .box{
	  border:  none; 
	  height: auto ;
	  position: relative;
	}

	#product-lines .box h3{
	  display: none;
	}
	#product-lines .box .nav{
		position: relative;
		display: inline-block;
	}
	#product-lines .box .nav a{
	  	border:  none;
	  	display: inline-block;
	  	margin: 0px 2px 2px 2px ;
	}
	#product-lines .box .nav .active{
	  	background:rgb(217, 215, 215, .3);
	  	color: #1d7daa;
	  	border-radius: 8px;
	}
	#product-lines .box .nav a:hover{
	  	color:#1d7daa;
	  	background-color:#f3f3f3;
	  	border-radius:8px
	}
	#product-lines .tab-content .tab-pane{
		position: relative;
  		height:auto;
	}

	#product-lines .products-wrapper .product-lines .product-link img{
	width:110px;
	height:110px;
	margin:0 auto;
	position:relative
	}

	#product-lines .tab-content .tab-pane .carousel .carousel-inner {
  		height: auto;
  		color: black; 
	}#product-lines .container-fluid .row .tab-content{
		position: relative;
		height: auto;
	}
	#product-lines .carousel-control-prev{
		margin-left: 1%;
		margin-top: 3%;
	}
	#product-lines .carousel-control-next{
		margin-right: 1%;
		margin-top: 3%;
	}
	#product-lines .container-fluid .row .catalog-wrapper .cata a{
		position: relative;
		display: inline-block;
	}
}

@media (max-width:576px){
	#product-lines{
		height: auto;
		margin-bottom: 20px;
	}
	#product-lines .row{
		position: relative;
		height: auto;
	}
	#product-lines .box{
	  border:  none; 
	  height: auto ;
	  position: relative;
	}

	#product-lines .box h3{
	  display: none;
	}
	#product-lines .box .nav{
		position: relative;
		display: inline-block;
	}
	#product-lines .box .nav a{
	  	border:  none;
	  	display: inline-block;
	  	margin: 0px 2px 2px 2px ;
	}
	#product-lines .box .nav .active{
	  	background:rgb(217, 215, 215, .3);
	  	color: #1d7daa;
	  	border-radius: 8px;
	}
	#product-lines .box .nav a:hover{
	  	color:#1d7daa;
	  	background-color:#f3f3f3;
	  	border-radius:8px
	}
	#product-lines .tab-content .tab-pane{
		position: relative;
  		height:auto;
	}

	#product-lines .products-wrapper .product-lines .product-link img{
	width:110px;
	height:110px;
	margin:0 auto;
	position:relative
	}

	#product-lines .tab-content .tab-pane .carousel .carousel-inner {
  		height: auto;
  		color: black; 
	}#product-lines .container-fluid .row .tab-content{
		position: relative;
		height: auto;
	}
	#product-lines .carousel-control-prev{
		margin-left: 1%;
		margin-top: 3%;
	}
	#product-lines .carousel-control-next{
		margin-right: 1%;
		margin-top: 3%;
	}
	#product-lines .container-fluid .row .catalog-wrapper .cata a{
		position: relative;
		display: inline-block;
	}
}
/* for OUR PRODUCT Section End */

/* for OUR PARTNERS Section Start */
#partners{
	z-index:1000;
	padding:144px 0;
	padding:9rem 0;
	min-height:800px;
	position:relative;
	background:#fbfbfb;
	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
}
.Ppartners{
  height: 150px;
  width: 100%;
  color: lightgray;
  text-align: center;
  border-radius: 10px;
  background-color: #f8f9fa;
  box-shadow: 0 0 10px;
}
.Ppartners:hover{
  color: gray;
  box-shadow: 0 0 25px;
}
.Ppartners img{
  height: 100%;
  border-radius: 10px;
}
/* for OUR PARTNERS Section End */

/* for OUR PROJECTS Section Start */
#project-reference{
	z-index:1000;
	padding:144px 0;
	padding:9rem 0;
	min-height:800px;
	position:relative;
	background:#fbfbfb;
	font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif
}
#project-reference .project-titles{
	width:100%
}
#project-reference .project-titles li{
	margin:0 5px;
	padding:8px 15px;
	display:inline-block;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	cursor:pointer
}
#project-reference .project-titles li.selected,#project-reference .project-titles li:hover{
	color:#1d7daa;
	background-color:#f3f3f3;
	border-radius:8px
}
#project-reference .project-titles li.selected{
	font-weight:600
}
#project-reference .project-reference-wrapper h4{
	font-size:2em
}
#project-reference .project-reference-wrapper .d-grid{
	display:grid;
	grid-gap:20px;
	grid-template-columns:repeat(auto-fill,minmax(210px,1fr))
}
#project-reference .project-reference-wrapper .projects{
	cursor:pointer;
	position:relative
}
#project-reference .project-reference-wrapper .projects .prj-img-hldr{
	width:210px;
	height:200px;
	margin:0 auto;
	-webkit-animation-duration:.3s!important;
	animation-duration:.3s!important
}
#project-reference .project-reference-wrapper .projects .prj-img-hldr .prj-img{
	width:200px;
	height:190px;
	-o-object-fit:contain;
	object-fit:contain;
	background-color:#fff;
	border:8px solid rgba(6,22,32,.048)
}
#project-reference .project-reference-wrapper .projects:hover .prj-content{
	display:block!important
}
#project-reference .project-reference-wrapper .projects .prj-content{
	top:0;
	width:200px;
	height:190px;
	margin:0 auto;
	position:absolute;
	line-height:200px;
	text-align:center;
	left:calc(50% - 100px);
	background-color:#f2fdfc;border:5px solid rgba(6,22,32,.048)
}
#project-reference .project-reference-wrapper .projects .prj-content p{
	margin:0;
	font-size:16px;
	line-height:normal;
	padding-bottom:16px;
	display:inline-block;
	vertical-align:middle
}
/* for OUR PROJECTS Section End */

/* for OUR TEAM Section Start */
#team{z-index:999;
	position:relative;
	font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif
}
#team .paralaxx-img{
	width:100%;
	height:100%;
	opacity:.2;
	z-index:-1;
	background-repeat:no-repeat;
	background-position:0 0;
	background-image:url(_nuxt/img/about.jpg);
	background-size:cover;
	position:absolute;top:0
}
#team .d-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(270px,1fr));
	width:1150px;
	margin:0 auto
}
#team .container{
	padding:7em 0;
	position:relative
}
	#team .container h4{
		color:#000;
		font-size:2em
}
#team .container .team-profile{
	width:230px;
	margin:10px 20px;
	text-align:center;
	display:inline-block;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background-color:hsla(0,0%,100%,.753)
}
#team .container .team-profile>div{
	height:100%
	}
	@media (max-width:576px){
#team .container .team-profile>div{
	margin:0;
	padding-left:0!important;
	padding-right:0!important;
	width:10px;} 
}
#team .container .team-profile>div img{
	width:130px;
	height:130px;
	-o-object-fit:cover;
	object-fit:cover
}
#team .container .team-profile>div .team-info{
	position:relative
}
#team .container .team-profile>div .team-info h6{
	font-size:15px;
	color:#535353;
	padding-bottom:3px
}
@media (max-width:576px){
	#team .container .team-profile>div .team-info h6{
		font-size:1.5vh
		}
	}
#team .container .team-profile>div .team-info p{
	margin:0;
	font-size:13px;
	color:#535353;
	border-top:1px solid #dfdfdf
}
.team-profile{
	width:230px;
	margin:10px auto;
	text-align:center;
	display:inline-block;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background-color:hsla(0,0%,100%,.753)
}
.team-profile .profile-photo{
	-o-object-fit:cover;
	object-fit:cover
}
.team-profile>div{
	height:100%
}
@media (max-width:576px){
	.team-profile>div{
		margin:0;
		padding-left:0!important;
		padding-right:0!important;}
	}
.team-profile>div img{
	width:130px;
	height:130px;
	-o-object-fit:cover;
	object-fit:cover
}
.team-profile>div .team-info{
	position:relative
}
.team-profile>div .team-info h6{
	font-size:15px;
	color:#535353;
	padding-bottom:3px
}
@media (max-width:576px){
	.team-profile>div .team-info h6{
		font-size:1.5vh
		}
}
	.team-profile>div .team-info p{
		margin:0;
		font-size:13px;
		color:#535353;
		border-top:1px solid #dfdfdf
	}
	@media (max-width:576px){

		#team .d-grid {
			width: 50%;
		}
		#team .d-grid .team-profile{
			margin: 20px 0px 0px 7px;
			padding: 0px;
		}
		#team h6{
			font-size: 15px;
		}
	}
/* for OUR TEAM Section End */

/* for CONTACT US Section Start */
#contactus{
	z-index:999;
	position:relative;
	padding:144px 0;
	padding:9rem 0;
	background:#fff;
	color:#fff;
	font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif
}
#contactus h4.title{
	color:#000;
	font-size:2em
}
#contactus .no-bullets{
	list-style:none;
	padding-left:10px
}
#contactus .no-bullets li .media-left{
	padding-top:2px;
	padding-right:35px
}
#contactus .no-bullets li .media-left .icon-address{
	color:rgba(130,204,51,.639216)
}
#contactus .no-bullets li .media-body .media-heading{
	font-size:18px;
	font-weight:700;
	color:#494949
}
#contactus .no-bullets li .media-body .media-heading.grey span{
	display:block;
	font-size:15px;
	font-weight:400;
	padding-top:8px;
	color:#5f5e5e
}
#contactus .no-bullets li .media-body a{
	font-size:15px;
	padding-bottom:4px;
	text-decoration:none
}
#contact-footer{
	z-index:999;
	padding:128px 0 48px;
	padding:8rem 0 3rem;
	position:relative;
	background-color:#002632;
	font-family:Lato,sans-serif;
	color:#fff
}
#contact-footer .contact-info h4{font-size:24px;color:#00ccbd;font-weight:700;font-family:inherit}
#contact-footer .contact-info .ca-name{width:50px;margin-top:5px;vertical-align:top;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box}
#contact-footer .contact-info .ca-value{width:calc(100% - 50px);display:inline-block}
#contact-footer .contact-info .ca-value a{color:#fff;text-decoration:none}
#contact-footer .contact-social h4{font-size:24px;color:#82cc33;font-weight:700;font-family:inherit}
#contact-footer .contact-social a{text-align:center;text-decoration:none;display:inline-block}
#contact-footer .contact-social a.bg-fb{padding:10px 18.25px;background-color:#3b5998}
#contact-footer .contact-social a.bg-gp{background-color:#c33;padding:10px}
#contact-footer .contact-social a.bg-ig{padding:10px 14.5px;background-color:#e64a4a}
#contact-footer .contact-social a .icon-social{margin:0 auto;font-size:24px;text-align:center;color:#fff}

#contact-footer{
	z-index:999;
	padding:100px 0 48px;
	padding:5rem 0 2rem;
	position:relative;
	background-color:#002632;
	font-family:Lato,sans-serif;
	color:#fff
}
@media (max-width:576px){
	#contact-footer .row{
		margin-left: 5px;
	}
	#contact-footer small{
		margin-left: 10px;
	}

}

#contact-footer .contact-info h4{
	font-size:24px;
	color:#fff;
	font-weight:700;
	font-family:inherit;
}

#contact-footer .contact-info .ca-name{
	width:50px;
	margin-top:5px;
	vertical-align:top;
	display:inline-block;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#contact-footer .contact-info .ca-value{
	width:calc(100% - 50px);
	display:inline-block;
	color:#979c97;
}
#contact-footer .contact-info .ca-value a{
	color:#979c97;
	text-decoration:none;

}
#contact-footer .contact-info .ca-value a:hover{
	color:#fff;
	text-decoration: underline;

}
#contact-footer .contact-info .btn-outline-info:hover{
	background-color: #002632;
	border: none;
	width: 100px;
	color: white;
}
#contact-footer .contact-info h4::after{
  	content: url(img/pin.png);
 	padding-left: 5px;
}
#contact-footer .contact-social h4{
	font-size:24px;
	color:#82cc33;
	font-weight:700;
	font-family:inherit;
}

#contact-footer .contact-social a{
	text-align:center;
	text-decoration:none;
	display:inline-block;
}
#contact-footer .contact-social a.bg-fb{
	padding:10px 18.25px;
	background-color:#3b5998;
}
#contact-footer .contact-social a.bg-gp{
	background-color:#c33;
	padding:10px;
}
#contact-footer .contact-social a.bg-ig{
	padding:10px 14.5px;
	background-color:#e64a4a;
}
#contact-footer .contact-social a .icon-social{
	margin:0 auto;
	font-size:24px;
	text-align:center;
	color:#fff;
}
/* for CONTACT US Section End */

/* for Footer Section Start */
footer2 ul{
	display: inline-flex;
	list-style: none;
	padding-left: 0px;
	position: absolute;
}
footer2 ul li{
	padding-right: 10px;
}
footer2 img{
	height: 28px;
}
.fb:hover{
	content: url(img/bottom-fb-hover.png);
}
.viber:hover{
	content: url(img/viber-hover.png);
}
/* for Footer Section End */


.vertical-alignment-helper{width:100%;height:100%;display:table;pointer-events:none}
.vertical-alignment-helper .vertical-align-center{pointer-events:none;display:table-cell;vertical-align:middle}
.vertical-alignment-helper .vertical-align-center .modal-content{width:inherit;height:inherit;margin:0 auto;max-width:inherit;pointer-events:all}
.vertical-alignment-helper .vertical-align-center .modal-content .upper-content.bg-gray{background-color:#e2e2e2}
.vertical-alignment-helper .vertical-align-center .modal-content .upper-content img{width:230px;height:230px;margin:3em 0;background-color:#fff;border:4px solid rgba(28,56,70,.58)}
.vertical-alignment-helper .vertical-align-center .modal-content .product-catalogs p{font-size:14px}
.vertical-alignment-helper .vertical-align-center .modal-content .product-catalogs .catalog-wrapper .catalog{width:120px;padding:5px 10px;margin-right:3px;text-align:center;border-radius:5px;position:relative;border:1px solid #cecece}
.vertical-alignment-helper .vertical-align-center .modal-content .product-catalogs .catalog-wrapper .catalog .cata-content img{width:70px;height:70px;-o-object-fit:contain;object-fit:contain}
.vertical-alignment-helper .vertical-align-center .modal-content .product-catalogs .catalog-wrapper .catalog .cata-content p{font-size:12px;font-weight:600;margin-top:5px;margin-bottom:0}
.vertical-alignment-helper .vertical-align-center .modal-content .product-catalogs .catalog-wrapper .catalog .cata-overlay{top:0;left:0;width:100%;height:100%;position:absolute;background:rgba(0,0,0,.486)}
.vertical-alignment-helper .vertical-align-center .modal-content .product-catalogs .catalog-wrapper .catalog .cata-overlay a{font-size:13px;font-weight:600;padding-top:30px;display:inline-block;color:#fff}
.title[data-v-24c6185e]{margin-top:30px}.info[data-v-24c6185e]{font-weight:300;color:#9aabb1;margin:0;margin-top:10px}
.button[data-v-24c6185e]{margin-top:30px}.title[data-v-d5ea9138]{margin-top:15px;font-size:5em}
.info[data-v-d5ea9138]{font-weight:300;color:#9aabb1;margin:0}.button[data-v-d5ea9138]{margin-top:50px}
.nuxt-progress{position:fixed;top:0;left:0;right:0;height:2px;width:0;-webkit-transition:width .2s,opacity .4s;transition:width .2s,opacity .4s;opacity:1;background-color:#efc14e;z-index:999999}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
 @-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
	animation-timing-function:cubic-bezier(.215,.61,.355,1);
	-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{
	-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
	animation-timing-function:cubic-bezier(.755,.05,.855,.06);
	-webkit-transform:translate3d(0,-30px,0);
	transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
	animation-timing-function:cubic-bezier(.755,.05,.855,.06);
	-webkit-transform:translate3d(0,-15px,0);
	transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);
	transform:translate3d(0,-4px,0)}}

 @keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
	animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);
	transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
	animation-timing-function:cubic-bezier(.755,.05,.855,.06);
	-webkit-transform:translate3d(0,-30px,0);
	transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
	animation-timing-function:cubic-bezier(.755,.05,.855,.06);
	-webkit-transform:translate3d(0,-15px,0);
	transform:translate3d(0,-15px,0)}90%{
	-webkit-transform:translate3d(0,-4px,0);
	transform:translate3d(0,-4px,0)}}

.bounce{-webkit-animation-name:bounce;animation-name:bounce;
-webkit-transform-origin:center bottom;
transform-origin:center bottom}
@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}
@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}
.flash{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);
transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);
transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);
transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);
transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);
transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);
transform:scaleX(1)}}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);
transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);
transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);
transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);
transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}

@keyframes rubberBand{0%{-webkit-transform:scaleX(1);
transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);
transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);
transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);
transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);
transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);
transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}

.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);
transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);
transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);
transform:translate3d(10px,0,0)}}
@keyframes shake{0%,to{-webkit-transform:translateZ(0);
transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);
transform:translate3d(10px,0,0)}}
.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);
transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);
transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);
transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);
transform:translateX(0)}}

.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;
animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);
transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);
transform:rotate(0deg)}}

@keyframes swing{20%{-webkit-transform:rotate(15deg);
transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);
transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);
transform:rotate(0deg)}}
.swing{-webkit-transform-origin:top center;
transform-origin:top center;
-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);
transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);
transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);
transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);
transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);
transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);
transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);
transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);
transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);
transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);
transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);
transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);
transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);
transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);
transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);
transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);
transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);
transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);
transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);
transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);
transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);
transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);
transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);
transform:translateZ(0)}}
.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);
transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);
transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);
transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);
transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;
transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);
transform:scale(1)}14%{-webkit-transform:scale(1.3);
transform:scale(1.3)}28%{-webkit-transform:scale(1);
transform:scale(1)}42%{-webkit-transform:scale(1.3);
transform:scale(1.3)}70%{-webkit-transform:scale(1);
transform:scale(1)}}
@keyframes heartBeat{0%{-webkit-transform:scale(1);
transform:scale(1)}14%{-webkit-transform:scale(1.3);
transform:scale(1.3)}28%{-webkit-transform:scale(1);
transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);
transform:scale(1)}}
.heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;
-webkit-animation-duration:1.3s;animation-duration:1.3s;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out}