/**
* Template Name: Flexor - v2.4.0
* Template URL: https://bootstrapmade.com/flexor-free-multipurpose-bootstrap-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: "Open Sans", sans-serif;
  color: #313030;
}

a {
  color: #fff;
}

a:hover {
  color: #6d2387;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Raleway", sans-serif;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 3px;
  right: 15px;
  bottom: 15px;
  background: #ff5821;
  color: #fff;
  transition: display 0.5s ease-in-out;
  z-index: 99999;
}

.back-to-top i {
  font-size: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.back-to-top:hover {
  color: #fff;
  background: #ff774a;
  transition: background 0.2s ease-in-out;
}

/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
#topbar {
  background: #531363;
  font-size: 14px;
  padding: 0;
  color: rgba(255, 255, 255, 0.8);
}

#topbar .contact-info ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#topbar .contact-info li {
  display: inline-block;
  padding: 8px 0;
  color: #fff;
}

#topbar .contact-info li + li {
  margin-left: 18px;
}

#topbar .contact-info a {
  color: rgba(255, 255, 255, 0.8);
  transition: 0.3s;
}

#topbar .contact-info a:hover {
  color: #fff;
}

#topbar .contact-info i {
     color: #fff;
  padding-right: 4px;
}

#topbar .cta a {
  color: #fff;
  background: #18928c;
  padding: 8px 20px;
  display: inline-block;
  border-radius: 25px;
  border: 1px solid #5be0ce;
  transition: 0.3s;
}

#topbar .cta a:hover {
  background: #82d4dc;
  color: #531363;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  height:  89px;
  transition: all 0.5s;
  z-index: 997;
  transition: all 0.5s;
  /*padding: 10px 0;*/
 /* background: linear-gradient(rgb(30 160 154) 35%, rgb(98 220 214) 65%);*/

 background: linear-gradient(75deg, #cd0b6d 10%, #65258a);

}

#header.header-scrolled {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

#header .logo h1 {
  font-size: 28px;
  margin: 0;
  padding: 8px 0;
  line-height: 1;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
}

#header .logo h1 a, #header .logo h1 a:hover {
  color: #635551;
  text-decoration: none;
}

#header .logo img {
  padding: 0;
  margin: 0;
  max-height: 40px;
}

#main {
  z-index: 3;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu, .nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu > ul > li {
  position: relative;
  white-space: nowrap;
  float: left;
}

.nav-menu a {
  display: block;
  position: relative;
  color: #ded5d2;
  padding: 11px 15px;
  transition: 0.3s;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
  color: #fff;
  text-decoration: none;
}

.nav-menu .drop-down ul {
  display: block;
  position: absolute;
  left: 0;
  top: calc(100% + 30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: ease all 0.3s;
  border-radius: 8px;
}

.nav-menu .drop-down:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.nav-menu .drop-down li {
  min-width: 180px;
  position: relative;
}

.nav-menu .drop-down ul a {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  color: lightne(#473d3a, 10);
}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
  color: #ff5821;
}

.nav-menu .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 5px;
}

.nav-menu .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}

.nav-menu .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.nav-menu .drop-down .drop-down > a {
  padding-right: 35px;
}

.nav-menu .drop-down .drop-down > a:after {
  content: "\eaa0";
  font-family: IcoFont;
  position: absolute;
  right: 15px;
}

@media (max-width: 1366px) {
  .nav-menu .drop-down .drop-down ul {
    left: -90%;
  }
  .nav-menu .drop-down .drop-down:hover > ul {
    left: -100%;
  }
  .nav-menu .drop-down .drop-down > a:after {
    content: "\ea9d";
  }
}

/* Mobile Navigation */
.mobile-nav-toggle {
  position: fixed;
  right: 15px;
  top: 20px;
  z-index: 9998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  color: #ff5821;
}

.mobile-nav {
  position: fixed;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  z-index: 9999;
  overflow-y: auto;
  background: #fff;
  transition: ease-in-out 0.2s;
  opacity: 0;
  visibility: hidden;
  border-radius: 10px;
  padding: 10px 0;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #473d3a;
  padding: 10px 20px;
  font-weight: 500;
  outline: none;
}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
  color: #ff5821;
  text-decoration: none;
}

.mobile-nav .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 10px;
  position: absolute;
  right: 15px;
}

.mobile-nav .active.drop-down > a:after {
  content: "\eaa1";
}

.mobile-nav .drop-down > a {
  padding-right: 35px;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(43, 37, 35, 0.6);
  overflow: hidden;
  display: none;
  transition: ease-in-out 0.2s;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  opacity: 1;
  visibility: visible;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 60vh;
  background: url("../img/website-d2.jpg") center center;
  background-size: cover;
  position: relative;
  z-index: 1;
  padding: 0;
  margin-bottom: -120px;
}

#hero:before {
  content: "";
  /*background: rgba(0, 0, 0, 0.4);*/
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#hero .container {
  z-index: 2;
}

#hero h1 {
  margin: 0 0 10px 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    color: #fff;
    position: absolute;
    top: -128px;
    background-color: #0000006b;
}


#hero h2 {
  color: #eee;
 /*margin-bottom: 50px;*/
  font-size: 24px;
}

#hero .get-started-icon {
  font-size: 24px;
  background: #ff5821;
  padding: 14px;
  color: #fff;
  border-radius: 50px;
  position: relative;
  z-index: 5;
  box-shadow: 10px 2px 15px rgba(0, 0, 0, 0.1);
}

#hero .btn-get-started {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  transition: 0.5s;
  margin-left: -10px;
  padding: 8px 26px 8px 26px;
  color: #fff;
  background: #584b48;
  border-radius: 0 50px 50px 0;
  position: relative;
  z-index: 4;
}

#hero .btn-get-started:hover {
  background: #ff5821;
}

@media (min-width: 1024px) {
  #hero {
    background-attachment: fixed;
  }
}

@media (max-width: 1024px), (max-height: 768px) {
  #hero {
    margin-bottom: -150px;
    height: 80vh;
  }
}

@media (max-width: 768px) {
  #hero {
    height: 80vh;
  }
  #hero h1 {
    font-size: 28px;
    line-height: 36px;
  }
  #hero h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }
}

@media (max-height: 500px) {
  #hero {
    height: 100vh;
  }
}
#hero1 {
  width: 100%;
  height: 60vh;
  background: linear-gradient(rgb(101 17 121) 35%, rgb(51 15 60) 65%) center center;
  background-size: cover;
  position: relative;
  z-index: 1;
  padding: 0;
  height:500px;
  margin-bottom: -120px;
}

#hero1:before {
  content: "";
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#hero1 .container {
  z-index: 2;
}

#hero1 h1 {
  margin: 0 0 10px 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  color: #fff;
}

#hero1 h2 {
  color: #eee;
  margin-bottom: 50px;
  font-size: 24px;
}

#hero1 .get-started-icon {
  font-size: 24px;
  background: #ff5821;
  padding: 14px;
  color: #fff;
  border-radius: 50px;
  position: relative;
  z-index: 5;
  box-shadow: 10px 2px 15px rgba(0, 0, 0, 0.1);
}

#hero1 .btn-get-started {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  transition: 0.5s;
  margin-left: -10px;
  padding: 8px 26px 8px 26px;
  color: #fff;
  background: #584b48;
  border-radius: 0 50px 50px 0;
  position: relative;
  z-index: 4;
}

#hero1 .btn-get-started:hover {
  background: #ff5821;
}

@media (min-width: 1024px) {
  #hero1 {
    background-attachment: fixed;
  }
}

@media (max-width: 1024px), (max-height: 768px) {
  #hero1 {
    margin-bottom: -150px;
    height: 80vh;
  }
}

@media (max-width: 768px) {
  #hero1 {
    height: 80vh;
  }
  #hero1 h1 {
    font-size: 28px;
    line-height: 36px;
  }
  #hero1 h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }
}

@media (max-height: 500px) {
  #hero1 {
    height: 100vh;
  }
}

/*-------------------------------------------
mobile app Development 
-------------------------------------------*/


#hero2 {
  width: 100%;
  height: 60vh;
  background: url("../img/android-banner.jpg") center center;
  background-size: cover;
  position: relative;
  z-index: 1;
  padding: 0;
  margin-bottom: -120px;
}

#hero2:before {
  content: "";
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#hero2 .container {
  z-index: 2;
}

#hero2 h1 {
  margin: 0 0 10px 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  color: #fff;
}

#hero2 h2 {
  color: #eee;
  margin-bottom: 50px;
  font-size: 24px;
}

#hero2 .get-started-icon {
  font-size: 24px;
  background: #ff5821;
  padding: 14px;
  color: #fff;
  border-radius: 50px;
  position: relative;
  z-index: 5;
  box-shadow: 10px 2px 15px rgba(0, 0, 0, 0.1);
}

#hero2 .btn-get-started {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  transition: 0.5s;
  margin-left: -10px;
  padding: 8px 26px 8px 26px;
  color: #fff;
  background: #584b48;
  border-radius: 0 50px 50px 0;
  position: relative;
  z-index: 4;
}

#hero2 .btn-get-started:hover {
  background: #ff5821;
}

@media (min-width: 1024px) {
  #hero2 {
    background-attachment: fixed;
  }
}

@media (max-width: 1024px), (max-height: 768px) {
  #hero2 {
    margin-bottom: -150px;
    height: 80vh;
  }
}

@media (max-width: 768px) {
  #hero2 {
    height: 80vh;
  }
  #hero2 h1 {
    font-size: 28px;
    line-height: 36px;
  }
  #hero2 h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }
}

@media (max-height: 500px) {
  #hero2 {
    height: 100vh;
  }
}
.bg-img{
	position:left;
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 60px 0;
  overflow: hidden;
}

.section-bg {
  background-color: #fff9f7;
}

.section-title {
  text-align: center;
  /* padding-bottom: 30px;  */
}

.section-title h2 {
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 20px;
  padding-bottom: 0;
  font-family: "Poppins", sans-serif;
  color: #635551;
}

.section-title p {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 15px 0;
  background: #f4f2f2;
  margin-bottom: 40px;
}

.breadcrumbs h2 {
  font-size: 28px;
  font-weight: 500;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0 0 10px 0;
  margin: 0;
  font-size: 14px;
}

.breadcrumbs ol li + li {
  padding-left: 10px;
}

.breadcrumbs ol li + li::before {
  display: inline-block;
  padding-right: 10px;
  color: #635551;
  content: "/";
}

/*--------------------------------------------------------------
# Why Us
--------------------------------------------------------------*/
.why-us {
 /* padding: 0 0 30px 0; */
  position: relative;
  z-index: 3;
}
.why-us h3{
	color: #fff;
}
.why-us .content {
  padding: 20px;
  /*background: linear-gradient(rgb(98 220 214 / 88%) 35%, rgb(83 19 99) 65%);*/
  background: linear-gradient(75deg, #65258a 10%, #e80566);
  border-radius: 85px 20px;
  color: #fff !important;
}

.why-us .content h3 {
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 30px;
      padding-left: 10px;
	  text-align: center;
}

.why-us .content p {
  margin-bottom: 30px;
  color:#fff;
}

.why-us .content .more-btn {
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  padding: 6px 30px 8px 30px;
  color: #fff;
  border-radius: 50px;
  transition: all ease-in-out 0.4s;
}

.why-us .content .more-btn i {
  font-size: 14px;
}

.why-us .content .more-btn:hover {
  color: #ff5821;
  background: #fff;
}

.why-us .icon-boxes .icon-box {
  text-align: center;
  border-radius: 80px 20px;
  /*background: linear-gradient(rgb(98 220 214 / 88%) 35%, rgb(83 19 99) 65%);*/
  background: linear-gradient(75deg, #65258a 10%, #e80566);
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  padding: 20px;
  width: 100%;
}

.why-us .icon-boxes .icon-box i {
  font-size: 60px;
  color: #fff;
  margin-bottom: 30px;
}

.why-us .icon-boxes .icon-box h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 30px 0;
}

.why-us .icon-boxes .icon-box p {
  font-size: 15px;
  color: #fff;
}
.hero-bg{
	margin-top:50px;
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about .icon-boxes h4 {
  font-size: 18px;
  color: #7f6d68;
  margin-bottom: 15px;
}

.about .icon-boxes h3 {
  font-size: 28px;
  font-weight: 700;
  color: #554945;
  margin-bottom: 15px;
}

.about .icon-box {
  margin-top: 40px;
}

.about .icon-box .icon {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border: 2px solid #ffcbba;
  border-radius: 50px;
  transition: 0.5s;
  background: #fff;
}

.about .icon-box .icon i {
  color: #ff5821;
  font-size: 32px;
}

.about .icon-box:hover .icon {
  background: #ff5821;
  border-color: #ff5821;
}

.about .icon-box:hover .icon i {
  color: #fff;
}

.about .icon-box .title {
  margin-left: 85px;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 18px;
}

.about .icon-box .title a {
  color: #343a40;
  transition: 0.3s;
}

.about .icon-box .title a:hover {
  color: #ff5821;
}

.about .icon-box .description {
  margin-left: 85px;
  line-height: 24px;
  font-size: 14px;
}

.about .video-box {
  background: url("../img/about-img.jpg") center center no-repeat;
  background-size: cover;
  min-height: 500px;
}

.about .play-btn {
  width: 94px;
  height: 94px;
  background: radial-gradient(#ff5821 50%, rgba(255, 88, 33, 0.4) 52%);
  border-radius: 50%;
  display: block;
  position: absolute;
  left: calc(50% - 47px);
  top: calc(50% - 47px);
  overflow: hidden;
}

.about .play-btn::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 100;
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.about .play-btn::before {
  content: '';
  position: absolute;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate-btn 2s;
  animation: pulsate-btn 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(255, 88, 33, 0.7);
  top: -15%;
  left: -15%;
  background: rgba(198, 16, 0, 0);
}

.about .play-btn:hover::after {
  border-left: 15px solid #ff5821;
  transform: scale(20);
}

.about .play-btn:hover::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 200;
  -webkit-animation: none;
  animation: none;
  border-radius: 0;
}

@-webkit-keyframes pulsate-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}

@keyframes pulsate-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}



	/* Start services features */
.services-section {
    position: relative;
    padding: 120px 0 90px;
}
.justify-content-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center!important;
}
/*
.dream-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}
.dream-dots span:first-child {
    background-color: #00a8ff;
}
.dream-dots span:nth-child(2) {
    background-color: #9c88ff;
}
.dream-dots span:nth-child(3) {
    background-color: #fbc531;
}
.dream-dots span:nth-child(4) {
    background-color: #4cd137;
}
.dream-dots span:nth-child(5) {
    background-color: #487eb0;
}
.dream-dots span {
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 5px;
}
.pb-4 {
    padding-bottom: 4%;
} */
.text-center {
    text-align: center;
}
.service-block {
    position: relative;
}
@media (min-width: 1200px)
.col-lg-3 {
    width: 25%;
}
.service-block .inner-box {
    position: relative;
    text-align: center;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.1);
    box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.service-block .inner-box:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../img/pattern-3.png) no-repeat;
}
.service-block .inner-box .inner-content {
    position: relative;
    overflow: hidden;
    padding: 70px 20px;
}
.service-block .inner-box .icon-box {
    position: relative;
}
.service-block .inner-box .icon-box .icon {
    position: relative;
    color: #fe214f;
    font-size: 60px;
    line-height: 1em;
}
.flaticon-planning:before {
    content: "\f1e7";
}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.service-block .inner-box h5 {
    position: relative;
    line-height: 1.3em;
    color: #222;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 12px;
}
.h5, h5 {
    font-size: 14px;
}
.service-block .inner-box .text {
    position: relative;
    color: #687693;
    font-size: 16px;
    line-height: 1.7em;
}
.text {
    font-size: 16px;
    line-height: 28px;
}
.service-block .inner-box .side-icon {
    position: absolute;
    right: -20px;
    bottom: -20px;
    color: #f2f4fa;
    font-size: 98px;
    line-height: 1em;
}
.service-block .inner-box .inner-content {
    position: relative;
    overflow: hidden;
    padding: 70px 20px;
}
.service-block .overlay-box {
    position: absolute;
    left: 0;
    top: -20px;
    width: 100%;
    bottom: -20px;
    opacity: 0;
    border-radius: 8px;
    text-align: center;
    -webkit-transform: perspective(400px) rotateY(-90deg);
    -moz-transform: perspective(400px) rotateY(-90deg);
    -ms-transform: perspective(400px) rotateY(-90deg);
    -o-transform: perspective(400px) rotateY(-90deg);
    transform: perspective(400px) rotateY(-90deg);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-image: -ms-linear-gradient(top,#ce2c00 0,#fd4b1b 100%);
    background-image: -moz-linear-gradient(top,#ce2c00 0,#fd4b1b 100%);
    background-image: -o-linear-gradient(top,#ce2c00 0,#fd4b1b 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ce2c00),color-stop(100,#fd4b1b));
    background-image: -webkit-linear-gradient(top,#ce2c00 0,#fd4b1b 100%);
    background-image: linear-gradient(to bottom,#531363 0,#1ea09a 100%);

}
.service-block .overlay-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
    padding: 10px 0;
}

.service-block .overlay-inner .left-top-icon {
    position: absolute;
    left: -20px;
    top: -20px;
    font-size: 90px;
    line-height: 1em;
    color: rgba(255,255,255,.2);
}
.service-block .overlay-box .overlay-icon {
    position: relative;
    color: #fff;
    font-size: 60px;
    line-height: 1em;
}
.service-block .overlay-box h5 a {
    position: relative;
    color: #fff;
}
a {
    color: #fff ;
    text-decoration: none;
}
.service-block .overlay-box .text {
    position: relative;
    color: #fff;
}
.services-section{
	position:relative;
	padding:120px 0 90px;
	}
.services-section.style-two{
padding-top:40px;
padding-bottom:20px;
}
.service-block{
position:relative;
}
.service-block .inner-box{
position:relative;text-align:center;border-radius:5px;background-color:#fff;-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);-moz-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(205 11 109)}
.service-block .inner-box .inner-content{position:relative;overflow:hidden;padding:70px 20px}

.service-block .inner-box .icon-box{
position:relative}
.service-block .inner-box .icon-box .icon{
position:relative;color:#fe214f;font-size:60px;line-height:1em}
.service-block .inner-box .side-icon{
position:absolute;right:-20px;bottom:-20px;color:#f2f4fa;font-size:98px;line-height:1em}
.service-block .inner-box h5{
position:relative;line-height:1.3em;color:#222;font-weight:700;margin-top:20px;margin-bottom:12px}
.service-block .inner-box .text{
position:relative;color:#687693;font-size:16px;line-height:1.7em}
.service-block .overlay-box{position:absolute;left:0;top:-20px;width:100%;bottom:-20px;opacity:0;border-radius:8px;text-align:center;-webkit-transform:perspective(400px) rotateY(-90deg);-moz-transform:perspective(400px) rotateY(-90deg);-ms-transform:perspective(400px) rotateY(-90deg);-o-transform:perspective(400px) rotateY(-90deg);transform:perspective(400px) rotateY(-90deg);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;-o-transform-origin:top;transform-origin:top;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-image:-ms-linear-gradient(top,#ce2c00 0,#fd4b1b 100%);background-image:-moz-linear-gradient(top,#ce2c00 0,#fd4b1b 100%);background-image:-o-linear-gradient(top,#ce2c00 0,#fd4b1b 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ce2c00),color-stop(100,#fd4b1b));background-image:-webkit-linear-gradient(top,#ce2c00 0,#fd4b1b 100%);background-image:linear-gradient(to bottom,#4149c5 0,#fe214f 100%)}
.service-block .inner-box:hover .overlay-box{
opacity:1;-webkit-transform:perspective(400px) rotateY(0);-moz-transform:perspective(400px) rotateY(0);-ms-transform:perspective(400px) rotateY(0);-o-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);visibility:visible}
.service-block .overlay-inner{
position:absolute;left:0;top:0;width:100%;height:100%;display:table;vertical-align:middle;padding:10px 0}.service-block .overlay-inner .content{
position:relative;display:table-cell;vertical-align:middle}
.service-block .overlay-inner .left-top-icon{
position:absolute;left:-20px;top:-20px;font-size:90px;line-height:1em;color:rgba(255,255,255,.2)}
.service-block .overlay-box .overlay-icon{
position:relative;color:#fff;font-size:60px;line-height:1em}
.service-block .overlay-box h5 a{position:relative;color:#fff}
.service-block .overlay-box .text{position:relative;color:#fff}
.service-block .overlay-box .arrow{position:relative;width:50px;height:50px;color:#fff;font-size:18px;line-height:46px;font-weight:600;margin-top:20px;border-radius:50px;display:inline-block;border:2px solid #fff;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease}
.service-block .overlay-box .arrow:hover{color:#cf2d01;background-color:#fff}

.text-center{text-align:center}
.justify-content-center{
	-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center!important;
}
.pb-4{padding-bottom:4%}
.features{position:relative}
.section-padding-100{padding-top:100px;padding-bottom:100px}
.services-block-four{position:relative;margin-bottom:25px}
.services-block-four .inner-box{position:relative;padding-left:120px}
.licenes .services-block-four .inner-box .icon-box{font-size:56px;border-radius:0}
.licenes .services-block-four .inner-box .icon-box:after{border-radius:0}
.services-block-four .inner-box .icon-box:after,.services-block-four .inner-box .icon-box:before{background:#fe214f}
.services-block-four .inner-box .icon-box{position:absolute;left:0;top:0;width:100px;height:100px;border:2px solid #fe214f;font-size:40px;line-height:98px;text-align:center;border-radius:50%;margin-bottom:20px!important;transition:.3s ease}
.services-block-four .inner-box .icon-box span{position:relative;z-index:99;color:#fe214f}
.services-block-four .inner-box:hover .icon-box,.services-block-four .inner-box:hover .icon-box span{color:#fff;transition:.5s ease}
.services-block-four .inner-box .icon-box:after{position:absolute;content:'';left:0;top:0;width:100%;height:100%;border-radius:50%;transform:scale(0);transition:.7s ease}
.services-block-four .inner-box:hover .icon-box:after{transform:scale(1);transition:.7s ease}
.services-block-four .inner-box .icon-box:before{position:absolute;content:'';left:50%;top:100%;width:1px;height:95%;background:#25cbd3}
.services-block-four:last-child .inner-box .icon-box:before{display:none}
.services-block-four .inner-box h3{position:relative;font-size:18px;font-weight:600;text-transform:capitalize}
.services-block-four.how .inner-box{padding-left:70px;position:relative}
.services-block-four.how .inner-box .step{position:absolute;left:0;top:0;width:40px;height:40px;border:none;background:#fff;border-color:#7d60f9;font-size:18px;color:#13287e;line-height:40px;text-align:center;border-radius:50%;margin-bottom:20px!important;transition:.3s ease}
.services-block-four.how .inner-box .blue,.services-block-four.how .inner-box .orange,.services-block-four.how .inner-box .red{position:absolute;width:60px;height:100px;top:-33px;left:-10px;z-index:0;border-radius:0 0 15px 15px}
.services-block-four.how .inner-box .blue{background:#03a9f4}
.services-block-four.how .inner-box .orange{background:#ffc107}
.services-block-four.how .inner-box .red{background:#ff5722}
.services-block-four.how .inner-box h3 a{color:#13287e}
.services-block-four.how{padding:30px;margin-bottom:30px;box-shadow:0 0 18px rgba(0,0,0,.15);background:#fff;overflow:hidden;border-radius:10px}
.image-box{position:relative}
.image-box{margin-top:-30px}
.image-box img{animation:floating2 7s infinite;-webkit-animation:floating2 7s infinite}@-webkit-keyframes floating2{0%{-webkit-transform:rotateX(0) translateY(0);-moz-transform:rotateX(0) translateY(0);-ms-transform:rotateX(0) translateY(0);-o-transform:rotateX(0) translateY(0);transform:rotateX(0) translateY(0)}50%{-webkit-transform:rotateX(0) translateY(15px);-moz-transform:rotateX(0) translateY(15px);-ms-transform:rotateX(0) translateY(15px);-o-transform:rotateX(0) translateY(15px);transform:rotateX(0) translateY(15px)}100%{-webkit-transform:rotateX(0) translateY(0);-moz-transform:rotateX(0) translateY(0);-ms-transform:rotateX(0) translateY(0);-o-transform:rotateX(0) translateY(0);transform:rotateX(0) translateY(0)}}
.services-block-four .inner-box .icon-box:before{position:absolute;content:'';left:50%;top:100%;width:1px;height:95%;background:#fe214f}
.text{font-size:16px;line-height:28px}
.text-white{color:#fff}

.flaticon-planning:before {
    content: "\f1e7";
}
.flaticon-effective:before {
    content: "\f1c2";
}
.flaticon-creativity-1:before {
    content: "\f1e9";
}
.flaticon-phone-call:before {
    content: "\f10d";
}
.flaticon-monitor:before {
    content: "\f13a";
}
.flaticon-security:before {
    content: "\f1b0";
}
.flaticon-document:before {
    content: "\f1f2";
}
.flaticon-taxation:before {
    content: "\f1e0";
}
.flaticon-comment:before {
    content: "\f10f";
}
.flaticon-chat:before {
    content: "\f10e";
}
.flaticon-share:before {
    content: "\f126";
}
.flaticon-map:before {
    content: "\f119";
}
.pb-4 {
    padding-bottom: 4%;
}
.mt-20 {
    margin-top: 3%;
}
.head h2{
	text-align:center;
	    padding: 20px;
	
}
.para p{
	text-align:center;
	    padding: 20px;
}
	/*-- end services features */
	
	
/*  start process section   */

.process-section{position:relative;padding:20px 0px 20px;background: #fff;}
.process-block{position:relative;margin-bottom:30px;}
.process-block .inner-box{position:relative;text-align:center;}
.process-block .inner-box .icon-box{position:relative;margin-bottom:25px;}
.process-block.one .inner-box .icon-box:first-child:before{position:absolute;content:'';left:0px;top:0px;right:0px;bottom:0px;
background:url(../img/process-bg-1.png) no-repeat;background-position:center center;}
.process-block-two.two .inner-box .icon-box::before{position:absolute;content:'';left:0px;top:0px;right:0px;bottom:0px;
background:url(../img/process-bg-2.png) no-repeat;background-position:center center;}
.process-block.three .inner-box .icon-box:before{position:absolute;content:'';left:0px;top:0px;right:0px;bottom:0px;
background:url(../img/process-bg-3.png) no-repeat;background-position:center center;}
.process-block-two.four .inner-box .icon-box::before{position:absolute;content:'';left:0px;top:0px;right:0px;bottom:0px;
background:url(../img/process-bg-4.png) no-repeat;background-position:center center;}
.process-block .inner-box .icon-box .icon{position:relative;z-index:1;}
.process-block .inner-box h3{position:relative;color:#000000;font-size:18px;font-weight:700;line-height:1.3em;}
.process-block .inner-box .number{position:relative;color:#000000;width:40px;height:40px;font-size:18px;font-weight:700;line-height:40px;text-align:center;border-radius:50px;display:inline-block;margin-top:70px;background-color:#d7d7d7;}
.process-block .inner-box .number:before{position:absolute;content:'';left:50%;top:-45px;width:1px;height:45px;background-color:#2200bd;}
.process-block-two{position:relative;}
.process-block-two .inner-box{position:relative;text-align:center;}
.process-block-two .inner-box .icon-box{position:relative;margin-top:25px;}
.process-block-two .inner-box .icon-box .icon{position:relative;z-index:1;}
.process-block-two .inner-box h3{position:relative;color:#000000;font-size:18px;font-weight:700;line-height:1.3em;}
.process-block-two .inner-box .number{position:relative;color:#000000;width:40px;height:40px;font-size:18px;font-weight:700;line-height:40px;text-align:center;border-radius:50px;display:inline-block;margin-bottom:70px;background-color:#d7d7d7;}
.process-block-two .inner-box .number:before{position:absolute;content:'';left:50%;bottom:-45px;width:1px;height:45px;background-color:#2200bd;}

.separator h2{
	text-align:center;
}
/*  End process section   */

/*  Start Quality section   */
.design-cont4 {
	background-color:#531363;
    padding: 30px 0px;
    background: url(../img/ctg-bg-2.jpg)no-repeat center center / cover;
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}
.design-cont4 h4 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 53px;
    color: #fff;
    font-weight: 700;
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 25px 0px;
    display: block;
    text-align: center;
    position: relative;
}
@media (min-width: 992px){
.col-md-6 {
    width: 50%;
}
}
@media (min-width: 992px){
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
}
}
.whtsmake-row {
    display: block;
    margin: 20px 0px;
}
.whtsmake-icon {
    float: right;
	background:url(../img/process-bg-7.png) no-repeat;
    margin: 10px 15px 0px 0px;
    width: 20%;
    padding: 18px 18px 18px 18px;
    box-shadow: inset 1px 2px 14px 1px #ffff;
	
}/*
.whtsmake-icon {
    float: right;
    margin: 0px 10px 0px 10px;
    width: 20%;
    padding: 10px;
    background-color: #1ea09a;
    border-radius: 100px 100px 100px 100px;
} */
.whtsmake-row.left, .whtsmake-row.left .whtsmake-content, .whtsmake-row.left .whtsmake-content p, .whtsmake-row.left .whtsmake-icon {
    text-align: left;
    float: left;
}
.whtsmake-content h5 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 22px;
    color: #f9f9f9;
    font-weight: 700;
    margin: 5px 0px 0px 0px;
    padding: 0px;
    display: block;
}
.whtsmake-content p {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
    font-weight: 400;
    color: #fff;
}
.whtsmake-content {
    text-align: right;
    /*padding: 10px 0px 0px 0px;*/
    width: 75%;
    padding-left:20px;
}
.shape9 {
    position: absolute;
    left: 45%;
    top: 40%;
    z-index: -1;
    -webkit-animation: animationFramesOne 15s infinite linear;
    animation: animationFramesOne 15s infinite linear;
}
/*  End Quality section   */
/*.line{
	width:50%;
text-align:left;
margin-left:0;
border-top: 1px solid #eeeeee;
   
}*/


/* Start footer  */

.footer-area {
  position: relative;
  z-index: 1;
}

.footer-area .single-footer-widget .logo {
  /*display: block;
  margin-bottom: 25px;*/
}

.footer-area .single-footer-widget .logo img {
  width: 100%;
  height: auto;
}

.footer-area .single-footer-widget p {
  margin-bottom: 0; color: #fff;
}

.footer-area .single-footer-widget ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.footer-area .single-footer-widget ul.social-list {
  margin-top: 20px;
}

.footer-area .single-footer-widget ul.social-list li {
  display: inline-block;
  margin-right: 5px;
  width:30%;
}

.footer-area .single-footer-widget ul.social-list li a {
  color: #000000;
}

.footer-area .single-footer-widget ul.social-list li a:hover {
  color: #13c4a1;
}

.footer-area .single-footer-widget ul.social-list li:last-child {
  margin-right: 0;
}

.footer-area .single-footer-widget ul.list li {
  margin-bottom: 9px;
}

.footer-area .single-footer-widget ul.list li a {
  display: block;
  color: #fff;
  font-weight: 600;
  padding-bottom: 10px;
  font-size: 14px;
}

.footer-area .single-footer-widget ul.list li a:hover {
  color: #fff;
  padding-left: 7px;
}

.footer-area .single-footer-widget ul.list li:last-child {
  margin-bottom: 0;
}

.footer-area .single-footer-widget h3 {
  font-size: 23px;
  font-weight: 700;
     margin-top: 30px;
      color: #fff;
}

.footer-area.bg-image {
  /*background-image: url(../img/footer-shape.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; */
  background-color: #25052d;
  padding-top:20px;
}

.copyright-area {
  /*padding: 30px 0;
  margin-top: 100px;*/
  border-top: 1px solid #eeeeee;
}

.copyright-area ul {
  text-align: right;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.copyright-area ul li {
  display: inline-block;
  position: relative;
  padding-left: 17px;
  font-size: 15px;
}

.copyright-area ul li::before {
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  background: #fff;
  width: 2px;
  height: 12px;
}

.copyright-area ul li:first-child::before {
  display: none;
}

.copyright-area ul li a {
color: #e80566;
}

.copyright-area ul li a:hover {
  color: #fff;
}

.footer-contact{
	margin-bottom: 30px;
    background-color: #531363;
    background: linear-gradient(75deg, #752186 10%, #bf0e71);
    padding-left: 10px;
    border: 2px solid #531363;
    border-radius: 25px;
    box-shadow: inset 1px 7px 20px 3px rgb(174 19 118), inset -2px -8px 0px 0px rgb(243 245 245);
}

/* end footer  */

/*  start cycle*/
.process1 {
    background-color: #f5faff;
    padding-bottom: 6%;
    margin-top: 40px;
    padding-top: 10px;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}
.bg-layer {
    height: 100%;
    width: 100%;
    top: 0;
    background-color: #fff;
    left: 0;
}
.mt {
    margin-top: -60px;
    margin-left: -40px;
    padding-top: 50px;
    padding-right: 8%;
    height: 121vh;
    padding-bottom: 50px;
    padding-left: 55px;
    background-color: #fff;
}
.pab {
    height: 100%;
    width: 100%;
    background-color: #fff;
    top: 0;
    left: 0;
}
.process-head {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}
.text-justify {
    text-align: justify;
}
p {
    font-size: 15px!important;
    line-height: 1.7em;
}
.cd {
    display: flex;
    border-bottom: 1px dotted #c3c2c2;
    padding-top: 3%;
}
.num {
    width: 2.5em!important;
    height: 2.5em!important;
    background-color: #531363;
    display: table-cell;
    border-radius: 50%;
    margin-bottom: 6%;
    color: #fff;
    float: left;
    margin-right: 6%;
    line-height: 35px;
    text-align: center;
}

/*end cycle*/
.sec3 li {
    font-size: 17px;
    color: #333;
    font-weight: 500;
    border: 2px solid #6c2388;
    padding: 10px;
    text-align: center;
    line-height: 40px;
    margin-bottom: 7%;
	box-shadow: 0px 6px 6px 3px #cd0b6dc9;

}
.sec2 p, .sec3 {
    font-size: 16px!important;
    font-weight: 300;
    line-height: 35px;
    text-align: justify;
}

.sec3 ul :hover{

/*border: 5px solid #B0CBC4; */
background-color: #b51174;
 border-top-left-radius: 100% 20px;
 border-bottom-right-radius: 100% 20px;
 color: #fff;
}
	

.sec3{
	background:url(../img/ecom/srmservicesec8.jpg);
	background-size:cover;
	}
.space{
	    margin-top:30px;
}

/* start we provide */


.ca-initvalues-applied {
    visibility: visible;
    opacity: 1;
}
.mb-0, .my-0 {
    margin-bottom: 0!important;
}
.mt-20 {
    margin-top: 20px!important;
}
@media (min-width: 992px){
.col-md-12 {
    width: 100%;
}
}
.text-center {
    text-align: center!important;
}
.fancy-title {
    margin-bottom: 1.5em;
    position: relative;
}
.fancy-title>:first-child {
    margin-top: 0;
}
.fancy-title h2, .fancy-title h3, .fancy-title h4 {
    margin: .25em 0;
}
b, strong {
    font-weight: bold;
}
.fancy-title>:last-child {
    margin-bottom: 0;
}
.mt-30 {
    margin-top: 30px!important;
}
.border-radius-5 {
    border-radius: 5px!important;
}
.iconbox-shadow {
    box-shadow: 0 25px 70px rgba(0,0,0,.07);
}
.iconbox-bordered, .iconbox-filled, .iconbox-shadow, .iconbox-shadow-hover {
    padding: 25px 10%;
    /*background-color: #62dcd6;*/
    background: linear-gradient(75deg, #cd0b6d 10%, #65258a);
}
.iconbox {
    display: -webkit-box;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    text-align: center;
    -webkit-transition: box-shadow .3s ease,background .3s ease;
    transition: box-shadow .3s ease,background .3s ease;
    height: 150px;
}
.iconbox-xl .iconbox-icon-container {
    font-size: 50px;
}
.iconbox .iconbox-icon-container {
    display: -webkit-box;
    display: flex;
    margin-bottom: .5em;
    border: 0 solid #f2f4f7;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-size: 40px;
    line-height: 1em;
    color: var(--color-primary);
    -webkit-transition: border .3s,box-shadow .3s;
    transition: border .3s,box-shadow .3s;
}
.iconbox .iconbox-icon-container, .iconbox h3, .iconbox p {
    -webkit-transition-property: color,background;
    transition-property: color,background;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}
.iconbox .contents, .iconbox .iconbox-icon-container, .iconbox>h3 {
    position: relative;
    z-index: 2;
}
.mb-10 {
    margin-bottom: 10px!important;
}
.iconbox-xl .iconbox-icon-container img {
    width: auto;
}
.iconbox .iconbox-icon-container i, .iconbox .iconbox-icon-container img, .iconbox .iconbox-icon-container object, .iconbox .iconbox-icon-container>svg {
    position: relative;
    z-index: 2;
}


.iconbox .contents {
    max-width: 100%;
}
.iconbox .contents, .iconbox .iconbox-icon-container, .iconbox>h3 {
    position: relative;
    z-index: 2;
}
.completebuild h3 {
    display: inline-block;
    margin: 0;
    font-size: 15px;
    line-height: 20px;
    padding: 0;
    font-weight: 500;
    letter-spacing: normal;
    color:#fff;
}
.featured-item::before {transform: scale(0); background: rgb(0,91,234); background: linear-gradient(180deg, rgba(0,91,234,1) 0%, rgba(37,117,252,1) 80%); content: ""; display: block; height: 100%; left: 0; position: absolute; bottom: 0; width: 100%; z-index: -1;}
.featured-item:hover::before{transform: scale(1);}
/* End we provide */
.sec3-bg{
	padding:30px;
}
/* Start section develop */
ul.list {
    list-style: outside none none;
    margin-top: 13px;
    padding-left: 0;
}
.mb-15 {
    margin-bottom: 15px !important;
}
ul.list.check li {
    color: #6e2388!important;
    font-weight: 600;
    padding-left: 28px;
}
.text-black {
    color: #000 !important;
}
ul.list.check li:before {
    content: "\f00c";
    font-family: fontawesome;
    font-size: 16px;
    top: 0;
}
/*ul.list li:before {
    border: none;
    color: #5a3030;
    content: "\f111";
    display: inline-block;
    font-family: fontawesome;
    font-size: 9px;
    margin-right: 10px;
    padding: 0;
    left: 0;
    position: absolute;
    top: 1px;
}*/
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul.list.check li {
    color: #983030!important;
    font-weight: 600;
    padding-left: 28px;
}
ul.list li {
    margin: 7px 0;
    font-weight: 500;
    padding-left: 15px;
    position: relative;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
user agent stylesheet
li {
    display: list-item;
    text-align: -webkit-match-parent;
}
ul.list {
    list-style: outside none none;
    margin-top: 13px;
    padding-left: 0;
}
.font-15 {
    font-size: 15px !important;
}
.develop{
	background: #cd0b6d;
}
.develop1{
	background: #cd0b6d;
}
/* Start  Contact Form*/

input[type=text], select, textarea {
    /* width: 98%; */
    /* padding: 5px; */
    /* border: 1px solid #ccc; */
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 16px;
    /* margin-left: 7px; */
    margin-bottom: 16px;
    resize: vertical;
    background-color: #fff;
}

input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}
/*End Contact Form */

.develop2{
	background:#f6f6f6;
}
.content1 p{
	
	text-align:justify;
}

.content1  h2{
	color:#000;
	font-weight:700;
	padding-bottom: 30px;
	    font-size: 30px;
}
.content1 strong{
	font-size:16px;
}



/* Start We Provide */ 
.one.visible {
    background-image: url(../img/mobile-dev-bg.jpg);
    padding: 80px 0px;
    background-size: 100%;
    background-attachment: fixed;
}
.lazy-background {
    background-repeat: no-repeat;
}
.article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
.font-h1 {
    font-size: 33px;
    line-height: 44px;
}
.font-weight-600 {
    font-weight: 600;
    font-size: 20px;
}
.text-white {
    color: #FFF;
}
.alt-font {
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
}
.text-uppercase {
    text-transform: uppercase;
}
.text-center {
    text-align: center;
}
.app_develop {
    border: 1px solid #fff;
    border-radius: 15px;
    padding: 20px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}
.font-weight-600 {
    font-weight: 600;
}
.app_develop {
    border: 1px solid #fff;
    border-radius: 15px;
    padding: 20px;
	    box-shadow: 0px 5px 5px 1px #f3e4f3b3;
		    background: #380138b3;
}

/*  End We Provide*/
/*  Start section advantage*/
.headingRow {
    margin: 0 0 0rem;
}
.headingRow, .mobnav, .mobnav:before {
    text-align: center;
}
.headingRow h2 {
   /* font: 4rem/5rem product_sansregular,sans-serif;   */
    color: #333;
    margin: 0 0 1.5rem;
}
.headingRow h2, .navRow ul li a, .navheading {
    text-transform: capitalize;
}
.headingRow p {
    font: 1.8rem/3.2rem robotoregular,sans-serif;
    color: #757575;
    margin: 0 0 3rem;
}
.flex-row-reverse {
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important;
}
.text-center {
    text-align: center!important;
}
.choosearea .chooseimg {
    margin: 20px 0 0;
    display: block;
}
.headact, .logonew, .logonew img, .storeRow ul li, body, img {
    transition: all .5s ease 0s;
}
.logonew img, img {
    max-width: 100%;
    transition: all .5s ease 0s;
}
@media (max-width: 1600px){
.choosearea ul {
    margin: 25px 0 0;
}
}
.choosearea ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 20px 0 0;
}
ul {
    list-style: none;
} 
@media (max-width: 1600px){
.choosearea ul li {
    font: 16px/30px robotoregular,sans-serif;
    padding: 15px 10px 15px 48px;
}
}
.choosearea ul li {
    flex: 0 0 49%;
    /* font: 18px/30px robotoregular,sans-serif; */
    border: 1px solid #ffffff;
    color: #757575;
    margin: 0 0 15px;
    padding: 15px 10px 15px 25px;
    position: relative;
    background: linear-gradient(75deg, #cd0b6d 10%, #65258a);
    color: #fff;
}

.choosearea ul li :hover{
	    border: 5px solid #dfdfdf;
    color: #000;
    margin: 0 0 15px;
    background: #ddddddc2;
    padding: 15px 10px 15px 25px;
    position: relative;
	
}
/*  End section advantage*/

/* Start  section why use*/

.readyRow, .why-valuecoders-sec {
    padding: 1rem 0;
}

article, aside, figcaption, figure, footer, header, hgroup, legend, main, nav, section {
    display: block;
}
@media (max-width: 1600px){

.why-valuecoders-sec .Satisfaction-sec {
    margin: 6.5rem 0 0;
}
}
.why-valuecoders-sec .Satisfaction-sec {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 2rem 0;
    margin: 5rem 0 0;
}
.why-valuecoders-sec .Satisfaction-sec ul {
    display: flex;
    justify-content: center;
}

@media (max-width: 1399px){

.why-valuecoders-sec .Satisfaction-sec ul li {
    margin: 0;
}
}
@media (max-width: 1600px){

.why-valuecoders-sec .Satisfaction-sec ul li {
    margin: 0 0 0 3rem;
    padding: 0 0 0 4.3rem;
    font: 1.6rem/3rem robotoregular,sans-serif;
}
}

.why-valuecoders-sec .Satisfaction-sec ul li {
    flex-basis: 31%;
    padding: 0 0 0 3rem;
   /* margin: 0 0 0 5rem;  */
    font: 20px/30px robotoregular,sans-serif;
    color: #333;
    position: relative;
    background: url(../img/satisfaction-sprite3.png) no-repeat;
}
.why-valuecoders-sec .why-pointer ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 1rem ;
}
.why-valuecoders-sec .why-pointer ul li {
    flex-basis: 31.8%;
  /*  font: 1.6rem/2.2rem robotoregular,sans-serif; */
    border: 1px solid #ccc;
    padding: 1rem .5rem 1rem 2rem;
    margin: 1rem 0;
    position: relative;
   background: linear-gradient(75deg, #cd0b6d 10%, #65258a);
   color: #fff;
    box-shadow: 7px 14px 14px 0px #c70d6f;
    
}

@media (max-width: 1600px){

.why-valuecoders-sec .Satisfaction-sec {
    margin: 6.5rem 0 0;
}
}

.why-valuecoders-sec .Satisfaction-sec {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: .5rem 0;
   /* margin: 0rem 0 0;  */
}
li, p {
    color: #000;
    font-size: 14px;
}
.why-valuecoders-sec .Satisfaction-sec .icon1 {
    background-position: 0 0;
}
.why-valuecoders-sec .Satisfaction-sec .icon2 {
    background-position: 8px -95px;
}
.why-valuecoders-sec .Satisfaction-sec .icon3 {
    background-position: 10px -215px;
}
/* End section why use*/

.text_1 {
  animation: text1;
}

.text_2 {
  animation: text2;
}

.text_1, .text_2 {
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  animation-duration: 20s;
  animation-timing-function: steps(25, end);
  animation-iteration-count: infinite;
}

.text_1::after, .text_2::after {
  content: "|";
  position: absolute;
  right: 0;
  animation: caret infinite;
  animation-duration: 1s;
  animation-timing-function: steps(1, end);
}

@keyframes text2 {
  0%, 50%, 100% {
    width: 0;
  }
  
  60%, 90% {
    width: 21.2em;
  }
}

@keyframes text1 {
  0%, 50%, 100% {
    width: 0;
  }
  10%, 40% {
    width: 17em;
  }
}

@keyframes caret {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

.fa-animated { 
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; 
  transition: all 0.3s ease;
  cursor: pointer;
  vertical-align: bottom;
  margin-left: 20px;
}
.fa-animated:hover {
  padding-top: 0px;
  padding-bottom: 30px;
}
.fa-animated::after {
  content : "";
  position: absolute;
  left: 0%;
  right: 0%;
  bottom: 0;
  height: 0px;
  width: 100%;
  border-bottom: 2px solid #d93a36;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; 
  transition: all 0.3s ease;
  border-radius: 90px;
    webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px);
}
.fa-animated:hover::after {
  left: 20%;
  right: 20%;
  width: 60%;
  border-bottom: 1px solid #d93a36;

}
.animated {
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
 
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.animated:hover {
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
} 

/* Start Section Technology */
.tech {
    background-image: url(../img/mobile-bg.png);
    background-position: center center;
    background-size: cover;
    position: relative;
    padding: 60px 0 139px;
}
.background-overlay {
    background-color: #000;
    background-image: url(../img/overlay-section-01.png);
    background-position: center center;
    background-repeat: no-repeat;
    opacity: .75;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.text-uppercase {
    text-transform: uppercase;
}
.sec-title .title {
    position: relative;
    color: #fe4c1c;
    font-size: 18px;
    font-weight: 600;
    padding-right: 60px;
    display: inline-block;
    font-family: Montserrat,sans-serif;
}
.sec-title .title:after {
    position: absolute;
    content: '';
    right: 0;
    bottom: 12px;
    height: 2px;
    width: 50px;
    background-color: #fe214f;
}
.text-white {
    color: #fff;
}
.text-justify {
    text-align: justify;
}
.sec-head {
    font-size: 33px;
    font-weight: 700;
    line-height: 43px;
}
.inner-column1 {
    position: relative;
    padding: 19px 0 19px 31px;
    border-left: 1px solid #bbb;
}
.ct-counter-holder {
    padding: 10%;
    background-color: #fff;
    text-align: center;
    border: 1px solid #fff3;
    box-shadow: 0 18px 18px rgb(205 11 109);
    border-radius: 4px;
}

.technology {
    padding: 60px 0;
}
.title-line-top {
    position: relative;
}
.title-line-top:before {
    content: "";
    height: 5px;
    width: 72px;
    left: 0;
    background: #fe214f;
    top: -18px;
    position: absolute;
}
.rt-wrapper {
    position: relative;
    background-color: #fff;
    box-shadow: -2px -1px 12px 1px rgb(179 18 117);
    padding: 20px;
    height: 330px;
}
.rt-heading-wrapper.style-2 .style-2 {
    padding-right: 60px;
}
.rt-heading {
    position: relative;
    width: auto;
    text-decoration: none;
    margin-top: 0;
    color: #000;
    font-size: 16px;
    margin-bottom: 14px;
    margin-bottom: 40px!important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.heading-font {
    font-weight: 700!important;
    color: #fe214f;
}
.rt-heading {
    font-size: 22px;
    line-height: 22px!important;
    color: #ce1b28;
    margin-bottom: 0!important;
}
.rt-heading-wrapper.style-2 .style-2:after {
    content: "";
    height: 4px;
    background-color: #fe214f;
    right: 0;
    position: absolute;
    top: calc(.5em - 2px);
    width: 40px;
}

.rt-heading {
    position: relative;
    width: auto;
    text-decoration: none;
    margin-top: 0;
    color: #000;
    font-size: 16px;
    margin-bottom: 14px;
    margin-bottom: 40px!important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


.rt-wrapper {
    position: relative;
  /*  background-color: #fff; */
    background:linear-gradient(75deg, #cd0b6d 10%, #65258a)
    box-shadow: 2px 2px 2px rgba(0,0,0,.04);
    padding: 20px;
    height: 330px;
}
.swing:hover {
    -webkit-animation: swing 1s ease;
    animation: swing 1s ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    border: 1px solid red;
   background: linear-gradient(75deg, #cd0b6d 10%, #65258a);
    
}

.banner {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}
.banner img {
    width: 100%}
.mobile-banner {
    width: 100%;
    height: 100%;
    float: left;
    text-align: center;
    display: none;
}
.mobile-banner img {
    width: 100%;
    height: 100%}
.address-heading {
    width: 100%;
    text-align: center;
    font-size: 30px;
    color: #000;
    font-weight: 700;
    margin: 30px 0 50px;
}
.address-inner h1, .address-inner p {
    text-align: left;
    text-transform: none;
}
.address-inner {
    width: 31%;
    float: left;
    margin: 0 13px;
}
.address-inner img {
    width: 25%;
    height: auto;
    float: left;
    margin: 70px 35px 0 0;
}
.address-inner h1 {
    width: 100%;
    color: #787878;
    font-size: 20px;
    margin: 0 0 15px;
}
.address-inner p {
    width: 100%;
    color: #807f7f;
    font-size: 18px;
}
.address-inner p a {
    color: #000;
}
.address-inner p a:hover {
    color: #807f7f;
    text-decoration: none;
}
.hide-container, .process-area {
    width: 100%;
    display: block;
}
.inner-none {
    display:  none;
}

.telto-call {
    float:  right;
     font-size:  20px;
     font-weight:  600;
 }

.telto-call a {
    color:  #0059a7;
 }

.telto-call a:hover {
    text-decoration:  none;
}
.float {
        /* position: fixed; */
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    /* background-color: #25d366; */
    /* color: #FFF ! important; */
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    /* box-shadow: 2px 2px 3px #999; */
    z-index: 100;
    /* float: right; */
}

.footer-lft-sec p a,  .footer-lft-sec p a:hover {
     color: #070000;
     text-decoration:  none;
 }


/*side bar contact form*/
.sidebar-contact1 {
    position: absolute;
    top: 55% !important;
    left: -75px; 
    transform: translateY(-50%);
    width: 350px;
    height: auto;
    padding: 40px;
   background: linear-gradient(75deg, #cd0b6d 10%, #65258a);
   box-shadow: 0 20px 50px rgb(183 16 115);
    box-sizing: border-box;
    transition: 0.5s;
}

.sidebar-contact1.active {
     left: -350px;
}

.sidebar-contact1 input, .sidebar-contact1 textarea {
      width: 100%;
      height: 36px;
      padding: 5px;
      margin-bottom: 10px;
      box-sizing: border-box;
    
  border: 1px solid rgba(0, 0, 0, .5);
      outline: none;
}

.sidebar-contact1 h2 {
     margin: 0 0 20px;
      padding: 0;
      color:#fff;
      font-size:29px;
}

.sidebar-contact1 textarea {
     height: 60px;
      resize: none;
}

.sidebar-contact1 input[type="submit"] {
      background:#e2a513;
      color: #fff;
      cursor: pointer;
      border: none;
      font-size: 18px;
}









.homeport-hd, .homeport-hd p { text-align: center; }
.homeport-hd p { margin: 30px; padding: 0px; font-size: 17px; color: #545555; line-height: 29px; }
.homeport-hd h1 { display: inline-block; font-size: 28px; color: #6d6e6e; line-height: 55px; margin-top: 180px;  }
.homeport-hd h1 span { font-size: 55px; color: #545555; font-weight: 700; display:block;  }
.homeserv-white { background-color: #fff; padding: 0px 5px 8px 0px; margin-bottom: 35px; box-shadow: 2px 25px 56px rgba(0,0,0,0.11); position:relative; transition:all 0.5s ease-in-out; }
.homeserv-white:hover { box-shadow: 2px 25px 56px rgba(0,0,0,0); z-index:1; transform:translate3d(-0px, 6px, 0px); } 

.homeserv-white:after, .home-serv:after { content:''; display: block; height: 1px; clear: left; }
.home-serv { width: 104.55%; height:295px; margin: 10px 0px 0px -8px; padding: 20px 0px 20px 20px; position: relative; transition:all 0.5s ease-in-out; }
.home-serv:hover { box-shadow: 0px 4px 25px rgba(121, 121, 121, 0.7); z-index:1; transform:translate3d(-0px, -5px, 0px); } 
.home-serv:hover>h4 { color: #752186;}
.home-serv:hover>h4 span { color: #607077; }

.serviceicon { float: left; width: 106px; height: 106px; border-radius: 100%; background: linear-gradient(75deg, #752186 10%, #bf0e71); border: 4px solid #fff; box-shadow: 6px 7px 18px #e80566; position: absolute; top: 80px; left: 35px; display:-ms-flexbox; display:-webkit-flex; display:flex;-ms-flex-align:center; -webkit-align-items:center; -webkit-box-align:center; align-items:center; transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out; }
.serviceicon img{max-width:100%;margin:0 auto;}

.home-serv:hover .serviceicon { background: linear-gradient(75deg, #cd0b6d 10%, #65258a); transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);}
.home-serv h4 { font-size: 26px; color: #1a1a1a; line-height: 42px; margin: 0px 0px 8px 100px; transition:all 0.5s ease-in-out; }
.home-serv h4 span { font-weight: 700; font-size: 36px; color: #752186; margin: 0px 0px 10px 50px; }
.home-serv ul { margin: 0px 0px 0px 20px; padding: 0px 0px 0px 23px; list-style: none; position: relative; }
.home-serv ul li { margin: 5px 0px 0px 0px; padding: 0px; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 500; color: #1b1b1b; position: relative; }
.home-serv ul li a { color: #752186; }
.home-serv ul li a:hover { color:#12a3bc; }

.home-serv ul:before { content:''; display: block; margin: 0px; padding: 0px; list-style: none; position: absolute; left: 0px; top: 10px; bottom: 10px; width: 1px; height: 80%; background-color: #a8a8a8; }
.home-serv ul li:before { content:''; display: block; margin: 0px; padding: 0px; width: 12px; height: 1px; position: absolute; left: -23px; top: 10px; background-color: #a8a8a8; }

.servicemore { position: absolute; right: 0px; bottom: 0px;  width: 29px; height: 28px; text-align: center; padding: 4px 0px 0px 3px; opacity: 0.5;  transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.servicemore a { display: block; width: 100%; height: 100%; }
.servicemore:hover { opacity: 1; }
@media (max-width: 480px){
.home-serv h4 {
    text-align: center;
}
}
@media (max-width: 1120px){
.home-serv h4 {
    margin: 0px 0px 8px 10px;
}
}
@media (max-width: 1280px){
.home-serv h4 {
    margin: 0px 0px 8px 35px;
    line-height: 36px;
}
}
@media (max-width: 1280px){
.serviceicon img {
    max-width: 50px;
}
}
@media (max-width: 480px){
.serviceicon {
    width: 95px;
    height: 90px;
    left: 0px;
    right: 0px;
    top: 15px;
    bottom: auto;
    margin: auto;
}
}
@media (max-width: 480px){
.home-serv {
    padding: 115px 0px 26px 5px;
}
}
@media (max-width: 769px){
.home-serv {
    width: 100%;
    height: 320px;
    margin: 10px 0px 0px 0px;
}
}
@media (max-width: 1199px){
.home-serv ul {
    margin: 0px 0px 0px 0px;
}
}
@media (max-width: 1199px){
.home-serv ul li {
    font-size: 13px;
}
}
@media (max-width: 769px){
.home-serv h4 span {
    margin: 0px 0px 8px 0px;
}
}
@media (max-width: 1280px){
.home-serv h4 span {
    font-size: 33px;
}
}
@media (max-width: 1280px){
.sidebar-contact1{
display:none;
}
    
}

@media (max-width: 1280px){
upper{
display:none;
}
}
section.industries.service-detail {
    padding: 50px 0;
}
li.tab-btn.active-btn {
    color: #fff !important;
    box-shadow: inset 0 0 10px #ff8f1f;
    border: none !important;
    background: url(https://i-softinc.com/new_assets/images/background-red-degrade-2.jpg) !important;
    background-size: cover !important;
}
.tabs-content img {
    width: 65px;
    opacity: 1;
   /* filter: brightness(0) invert(1);*/
}
.industry {
    text-align: center;
    box-shadow: 0 0 10px #ddd;
    border-bottom: 2px solid #792085;
    padding: 15px 25px;
    margin-bottom: 30px;
    height: 180px;
}
.industry p {
   font-weight: 400;
    padding: 10px 0;
    line-height: 22px !important;
    font-size: 16px !important;
    color: #fff !important;
}
.brows_btn {
    text-align: center;
    color: #ffffff;
    font-size: 16px;
}
.industry:hover img{
	opacity: 1;
}
industries .service-info-tabs, .industries .sec-title {
	margin-bottom: 0;
}
section.industries.service-detail {
    padding: 50px 0;
}
li.tab-btn.active-btn {
    color: #fff !important;
    box-shadow: inset 0 0 10px #ff8f1f;
    border: none !important;
    background: url(https://i-softinc.com/new_assets/images/background-red-degrade-2.jpg) !important;
    background-size: cover !important;
}
.tabs-content img {
    width: 65px;
    opacity: 1;
   /* filter: brightness(0) invert(1);*/
}
.industry {
    text-align: center;
    box-shadow: 0 0 10px #ddd;
    border-bottom: 2px solid #0e78b8;
    padding: 15px 25px;
    margin-bottom: 30px;
    height: 180px;
}
.industry p {
   font-weight: 400;
    padding: 10px 0;
    line-height: 22px !important;
    font-size: 16px !important;
    color: #fff !important;
}
.brows_btn {
    text-align: center;
    color: #ffffff;
    font-size: 16px;
}
.industry:hover img{
	opacity: 1;
}
.industries .service-tabs .tabs-content .tab .content{
	position: relative;
    padding-left: 0;
    padding-top: 0;
    min-height: 100%;
}
.industries .service-tabs .tab-btns .tab-btn{
   padding: 10px 38px;
    color: #ffffff;
    /* background-image: url(https://i-softinc.com/new_assets/images/background-red-degrade-2.jpg) !important; */
    border: 1px solid #ddd;
    background: rgba(250,224,189,1);
    background: -moz-linear-gradient(45deg, rgba(250,224,189,1) 0%, rgba(247,182,85,1) 50%, rgba(242,148,7,1) 51%, rgba(248,209,150,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(250,224,189,1)), color-stop(50%, rgba(247,182,85,1)), color-stop(51%, rgba(242,148,7,1)), color-stop(100%, rgba(248,209,150,1)));
    background: -webkit-linear-gradient(45deg, rgba(250,224,189,1) 0%, rgba(247,182,85,1) 50%, rgba(242,148,7,1) 51%, rgba(248,209,150,1) 100%);
    background: -o-linear-gradient(45deg, rgba(250,224,189,1) 0%, rgba(247,182,85,1) 50%, rgba(242,148,7,1) 51%, rgba(248,209,150,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(250,224,189,1) 0%, rgba(247,182,85,1) 50%, rgba(242,148,7,1) 51%, rgba(248,209,150,1) 100%);
    background: linear-gradient(75deg, #752186 10%, #bf0e71);
    background: linear-gradient(75deg, #cd0b6d 10%, #65258a);
    box-shadow: 0 20px 50px rgb(183 16 115);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fae0bd', endColorstr='#f8d196', GradientType=1 );
}
.industries .service-info-tabs, .industries .sec-title {
	margin-bottom: 0;
}
section.industries.service-detail {
    padding: 50px 0;
}
li.tab-btn.active-btn {
    color: #fff !important;
    box-shadow: inset 0 0 10px #ff8f1f;
    border: none !important;
    background: url(https://i-softinc.com/new_assets/images/background-red-degrade-2.jpg) !important;
    background-size: cover !important;
}
.tabs-content img {
    width: 65px;
    opacity: 1;
   /* filter: brightness(0) invert(1);*/
}
.industry {
    text-align: center;
    box-shadow: 0 0 10px #ddd;
    border-bottom: 2px solid #6f2388;
    padding: 15px 25px;
    margin-bottom: 30px;
    height: 180px;
}
.service-info-tabs{
	position:relative;
	margin-bottom: 30px;
}

.service-tabs .tab-btns{
	position:relative;
	z-index:1;
	text-align: center;	
}

.service-tabs .tab-btns .tab-btn{
	position:relative;
	/*float:left;*/
	display: inline-block;
	top: 1px;
	/*margin-right:5px;*/
	font-size:15px;
	line-height:30px;
	color:#222222;
	font-weight:500;
	cursor:pointer;
	text-transform:capitalize;
	padding:10px 45px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	font-family: 'Raleway', sans-serif;
}

.service-tabs .tab-btns .tab-btn:hover:after,
.service-tabs .tab-btns .tab-btn.active-btn:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:-3px;
	/*width:100%;
	height:5px;*/
	background-color:#ffffff;
	/*border-bottom: 0;*/
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.service-tabs .tab-btns .tab-btn:hover,
.service-tabs .tab-btns .tab-btn.active-btn{

	color: #fffffb;
    background: #ffffff;
    background: linear-gradient(75deg, #801e83 10%, #c80c6e);
}

.service-tabs .tabs-content{
	position:relative;
	padding:50px 0px;
	
}

.service-tabs .tabs-content .tab{
	position:relative;
	display:none;
}

.service-tabs .tabs-content .tab.active-tab{
	display:block;	
}

.service-tabs .tabs-content .tab .content{
	position:relative;
	padding-left: 180px;
	padding-top: 10px;
	min-height: 140px;
}

.service-tabs .tabs-content .tab .content .thumb{
	position: absolute;
	left: 0;
	top: 0;
	width: 150px;
	margin-bottom: 20px;
}

.service-tabs .tabs-content .tab .content .thumb img{
	display: block;
	width: 100%;
}

.service-tabs .tabs-content .tab .content p{
	position:relative;
	font-size:14px;
	line-height:30px;
	color:#777777;
	margin-bottom:0px;
	font-family: "Roboto", sans-serif;
}

/*Services Category*/

.services--list{
	position:relative;
	margin-bottom: 50px;
}

.services--list li{
	position:relative;
	margin-bottom: -1px;
	overflow: hidden;
}

.services--list li:before{
	position: absolute;
	right: 0;
	top: 25px;
	height: 0;
	width: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #ffffff;
	content: "";
}

.services--list li a{
	position:relative;
	font-size:16px;
	font-weight:600;
	color:#222222;
	line-height: 28px;
	padding: 20px 30px;
	padding-left: 55px;
	display:block;
	border:1px solid #e1e1e1;
	font-family: "Raleway", sans-serif;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.services--list li a:before{
	position:absolute;
	content: "\f10e";
	left: 25px;
	top: 20px;
	font-size: 14px;
	color: #2154cf;
	line-height: 30px;
	font-weight: 400;
	font-family: 'Lineawesome';
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.services--list li a:hover::before,
.services--list li.active a::before{
	color: #ffffff;
}

.services--list li.active a,
.services--list li:hover a{
	color: #ffffff;
}

.services--list li a:after{
	position: absolute;
	left: -1px;
	top: 0;
	height: 100%;
	width: 0;
	content: "";
	background-color: #2154cf;
	z-index: -1;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.services--list li.active a:after,
.services--list li:hover a:after{
	width: 101%;
	border-left: 4px solid #222222;
}
.bg-pink {
     background: linear-gradient(75deg, #752186 10%, #bf0e71);

}
.bg01{
    background-image: linear-gradient(#6a11cb 0%, #2575fc 100%);
}
.bg02{
    background-image: linear-gradient(to top, #5f72bd 0%, #9b23ea 100%);
}
.sec-title h2 {
    display: block;
    font-size: 36px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 700;
     padding-top: 22px; 
     margin-bottom: 15px; 
     /*padding-left: 380px;*/ 
}
.hColor {
    color: black;
}
@media screen and (max-width: 1024px){
.sec-title h2 {
    font-size: 24px;
    padding-top: 0;
    text-align: center;
    padding-left:20px;
}
}
/*@media screen and (max-width: 860px){
.industries .service-tabs .tab-btns .tab-btn {
    padding: 6px 10px;
    font-size: 14px;
}

}*/



.title {
    margin-top: 27px;
    /*margin-bottom: 25px;*/
    min-height: 32px;
    font-size: 30px;
    font-weight: 700;
}

.description{
    text-align: justify;
    line-height: 30px!important;
}
@media only screen and (min-width: 600px){
.diffrentiators-point-row1 {
   /* margin-top: -5%;*/
}
}
.icon.icon-danger {
    color: #7a2085;

}
.text-danger {
    color: #7a2085!important;
}
.text-success {
    color: #7a2085!important;
}
.icon.icon-success {
     color: #12a3bc;
}
.info .info-title {
   color: #3c4858;
    margin: 0.75rem 0 0.875rem;
    font-size: 17px;
    font-weight: 798;
}
.info p {
    color: #080808!important;
    font-size: 15px;
     font-family: 'Montserrat Alternates';
}
.info .icon>i {
    font-size: 5.85rem;
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
.info {
    max-width: 360px;
    margin: 0 auto;
   padding: 17px 0 30px;
  
  
  
}
.icon.icon-info {
    color: #7a2085;
}
.info-horizontal .icon {
    float: left;
    margin-top: 24px;
    margin-right: 10px;
}
.upper h1 {
    position: absolute;
    left: 370px;
    font-family: cursive;
    font-size: 35px;
    top: 120px;
    font-weight: 300;
    bottom: 10px;
    color: #fff;
}
.upper p {
    position: absolute;
    left: 500px;
    font-family: cursive;
    font-size: 23px;
    top: 20px;
    font-weight: 400;
    bottom: 10px;
    color: #fff;
}
.home-we-loveus {
    margin: 50px 0;
    padding: 40px 0;
    background: rgba(0, 0, 0, 0) url(../img/web-design-background-montreal-1.jpg) no-repeat fixed center top/cover;
       /* background: linear-gradient(75deg, #752186 10%, #bf0e71);*/
    color: #fff ! important;
}
#spin {
  position: absolute;
    left: 500px;
    font-family: cursive;
    font-size: 40px;
    top: 50px;
    font-weight: 900;
    bottom: 10px;
    color: #fff;


}
#spin:after {
  content:"";
  animation: spin 5s linear infinite;
}
@keyframes spin {
  0% { content:"PHP";Â }
  10% { content:"Android";Â }
  20% { content:"Angular Js";Â }
  30% { content:"SEO";Â }
  40% { content:"Node Js";Â }
  50% { content: "Wordpress"; }
  60% { content: "Shopify"; }
  70% { content: "IOS App"; }
  80% { content: "Magento"; }
  90% { content: "Codeigniter"; }
}
@media only screen and (max-width: 768px){
.upper h1 {
  display:none;
}
}
@media only screen and (max-width: 768px){
#spin {
  position: absolute;
    left: 150px;
    font-family: cursive;
    font-size: 40px;
    top: -29px;
    font-weight: 900;
    bottom: 10px;
    color: #fff;


}
#spin:after {
  content:"";
  animation: spin 5s linear infinite;
}
@keyframes spin {
  0% { content:"PHP";Â }
  10% { content:"Android";Â }
  20% { content:"Angular Js";Â }
  30% { content:"SEO";Â }
  40% { content:"Node Js";Â }
  50% { content: "Wordpress"; }
  60% { content: "Shopify"; }
  70% { content: "IOS App"; }
  80% { content: "Magento"; }
  90% { content: "Codeigniter"; }
}
}

@media only screen and (max-width: 500px){
    .ourService {
    text-align: center;
    padding-left: 50px;
}
}
.heading-loveus {
    color: #fff ! important;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 37px;
    font-size: 38px;
}
.box {
    transition: box-shadow .3s;
    border: 1px solid #ccc;
    background: #fff;
    padding: 20px;
    margin: 3px;
    box-shadow: 2px 2px 20px 9px #dfddddd6;
    border-radius: 12px;
    width: 400px;
}
.box:hover {
    /* box-shadow: inset 17px 15px 11px #65258a; */
    background-color: #a8afad33;
}
.bg-btn {
    background: #ffbd84;
    background: -moz-linear-gradient(left, #ffbd84 0, #ff1f8e 100%);
    background: -webkit-linear-gradient(left, #ffbd84 0, #ff1f8e 100%);
    background: linear-gradient(to right, #ffbd84 0, #ff1f8e 100%);
    -webkit-box-shadow: 0 10px 15px 0 rgb(175 0 87 / 20%);
    box-shadow: 0 10px 15px 0 rgb(175 0 87 / 20%);
}
.btn-main {
    font-size: 16px;
    font-weight: 400;
    font-family: Poppins, sans-serif;
    padding: 0 32px;
    line-height: 56px;
    text-align: center;
    outline: 0;
    color: #fff;
    background-color: #ff1f8e;
    border: none;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    display: inline-block;
    position: relative;
    -webkit-box-shadow: 0 10px 15px 0 rgb(233 30 99 / 15%);
    box-shadow: 0 10px 15px 0 rgb(233 30 99 / 15%);
}
/*------ 06. Contact info
=======================================*/

.contact-info1 li {
    width: 24.5%;
    float: left;
    margin-right: 5px;
    color: #fff;
    padding: 40px 0 40px 30px;
    position: relative;
    background: #cd0b6d;
}

.contact-info1 li:last-child {
    margin-right: 0;
}

.contact-info1 li:hover {
    cursor: pointer;
}

.contact-info1 li i {
    float: left;
    font-size: 44px;
    margin-right: 10px;
}

.contact-info1 li h5 {
    font-size: 16px;
    font-weight: 400;
}

.contact-info1 .inner-content:after,
.contact-info1 .inner-content:before,
.contact-info1 li:before,
.contact-info1 li:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border: 0 solid #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.contact-info1 li:hover .inner-content:after,
.contact-info1 li:hover .inner-content:before,
.contact-info1 li:hover:before,
.contact-info1 li:hover:after {
    width: 50%;
    height: 50%;

}

.contact-info1 li:after {
    top: 10px;
    left: 10px;
    border-left-width: 1px;
    border-top-width: 1px;    
}

.contact-info1 li:before {
    bottom: 10px;
    left: 10px;
    border-left-width: 1px;
    border-bottom-width: 1px;
}

.contact-info1 .inner-content:after {
    top: 10px;
    right: 10px;
    border-right-width: 1px;
    border-top-width: 1px;  
}

.contact-info1 .inner-content:before {
    bottom: 10px;
    right: 10px;
    border-right-width: 1px;
    border-bottom-width: 1px;  
}
.pb-95 {
    padding-bottom: 95px;
}
.pt-95 {
    padding-top: 15px;
    margin-top: 30px;
}
.pb-40 {
    padding-bottom: 40px;
}
.service-catergory li {
    position: relative;
    border: 1px solid #cd0b6d;
    padding: 14px 0;
    margin-bottom: 2px;
}
.service-catergory li.active a {
    color: #1b3957;
}
.service-catergory li a {
    display: inline-block;
    padding-left: 15px;
    transition: .5s;
    position: relative;
    color: #222;
    font-weight: 600;
}
.service-catergory li.active .caret-icon {
    color: #1b3957;
}
.service-catergory li .caret-icon {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #848484;
}
.fa-caret-right:before {
    content: "\f0da";
}
.service-box {
    position: relative;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    padding: 40px 15px 40px 100px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.service-box:hover {
   background: #cd0b6d;
    color: #fff!important;
}

.service-box img {
    position: absolute;
    top: 50px;
    left: 30px;
}

.service-box h4 {
    margin-bottom: 10px;
}

.service-box p {
    margin-bottom: 14px;
}

.service-box:hover p {
    opacity: .8;
}

.blur .service-box {
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0.7;
}

.blur .service-box img,
.blur .service-box h4 {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
    opacity: 0.3;
}

.blur .service-box p{
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
    opacity: .3;
}

.blur .service-box a {
    text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9);
    opacity: 0.3;
}
/*------ 07. Portfolio
=======================================*/


.section-padding{
margin-top:20px;
margin-bottom:40px;
}
.btn1 {
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 2px solid #e74c3c;
  border-radius: 0.6em;
  color: #e74c3c;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
 margin-left: 10px;
  padding: 1.2em 2.8em;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}
.btn1:hover, .btn:focus {
  color: #fff;
  outline: 0;
}
.third {
    border-color: #792084;
    color: #fff;
    box-shadow: 0 0 40px 40px #e80566 inset, 0 0 0 0 #e80566;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.third:hover {
    box-shadow: 0 0 10px 0 #dd0769 inset, 0 0 10px 4px #65258a;
}
.contact{
    margin-left:150px;
}
.wsrv-inds-lst {
    width: 100%;
    height: auto;
    margin: auto;
    text-align: center;
    margin-top: 30px;
}
.wsrv-inds-lst ul {
    margin: 0px;
    padding: 0px;
}
.wsrv-inds-lst ul li {
    list-style-type: none;
    width: auto;
    display: inline-block;
    vertical-align: top;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 25px;
    padding-bottom: 25px;
}
.wsrv-inds-lst ul li img {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.wsrv-inds-lst ul li h4 {
    margin: 0px;
    font-size: 20px;
    position: relative;
    transition: all .3s linear;
    padding-top: 20px;
    font-weight: 700;
    color: #333;
}
.e_portfilo_1 {

    width: 90%;
    height: auto;
    float: left;
    margin: 30px 0px 0px;

}
.e_portfilo1 {

    width: 100%;
    height: 291px;
    float: left;
    padding: 0px;
    background-image: url(../images/led.png);
    background-repeat: no-repeat;
    background-size: 100%;

}
.view {
    float: left;
    height: 200px;
    width: 93%;
    position: relative;
    margin: 13px 8px 0px 13px;
    z-index: 0;
    border: 9px solid #531363;
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.3s ease 0s;
}
.view img {

    position: relative;
    transition: all 1s ease 0s;
    margin-top: 0;
    top: 0;

}
.e_weblink {

    background-color: #F05B0C;
    border: 0px;
    padding: 5px 20px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    text-decoration: none;
    margin: 3% 25% 0%;
    float: left;

}
.view:hover > img.demo1 {

    margin-top: -850px;
    transition: all 8s ease 0s;

}


/*------ portfolio start ------*/
.e_portfilo {

    width: 100%;
    height: auto;
    float: left;
    padding: 50px 0px;

}
.ecommerce_heading {

    width: 100%;
    height: auto;
    color: #e7b52c;
    text-align: center;
    font-size: 30px;
    background-image: url(../images/pk/about-strip.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    line-height: 50px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    padding-bottom:10px;

}

.e_portfilo_1 {

    width: 90%;
    height: auto;
    float: left;
    margin: 30px 0px 0px;

}
.e_portfilo1 {

    width: 100%;
    height: 291px;
    float: left;
    padding: 0px;
    background-image: url(../images/led.png);
    background-repeat: no-repeat;
    background-size: 100%;

}
.view {
    float: left;
    height: 200px;
    width: 93%;
    position: relative;
    margin: 13px 8px 0px 13px;
    z-index: 0;
    border: 9px solid black;
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.3s ease 0s;
}
.view img {

    position: relative;
    transition: all 1s ease 0s;
    margin-top: 0;
    top: 0;

}
.e_weblink {

    background-color: #F05B0C;
    border: 0px;
    padding: 5px 20px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    text-decoration: none;
    margin: 3% 25% 0%;
    float: left;

}
.view:hover > img.demo1 {

    margin-top: -850px;
    transition: all 8s ease 0s;

}
.modal-dialog {

  /*  width: 70% !important;*/
    margin: 30px auto;

}
.E_Commerce_View_More button {

    float: right;
    padding: 10px 40px;
    color: #fff !important;
    background: #06559D;
    font-size: 14px !important;
    margin-bottom: 20px;

}
.E_Commerce_View_More button:hover {    
    background:#fff !important;
    color:  #06559D !important;
    border: 1px solid !important;

}
.tab {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: #fff;
  overflow: hidden;
}
.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab label {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  background: #16a085;
  font-weight: bold;
  line-height: 3;
  cursor: pointer;
}
.blue label {
  background: #2980b9;
}
.tab-content {
  max-height: 0;
  overflow: hidden;
  background: #1abc9c;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
}
.blue .tab-content {
  background: #3498db;
}
.tab-content p {
    margin: 1em;
    font-size: 14px;
    line-height: 18px;
}
.nice-section {
    width: 100%;
    margin: 50px auto 0;
}
.nice-section h1 {
    font-size: 83px;
    color: #c51f70;
    text-align: center;
    width: 100%;
    position: relative;
    margin: 0 auto;
}
.office-location {
    width: 100%;
    margin: 20px auto 0;
    background: url(../img/indiamap.png) center 0 no-repeat;
    height: 300px;
    padding-top: 25px;
}
.office-location-left {
    width: 300px;
    float: left;
    padding-left: 50px;
}
.us-off {
    padding: 0;
    position: relative;
}
.office-location-left h3 {
    font: 700 22px/29px 'Open Sans';
    letter-spacing: -1px;
    color: #24242A;
    text-transform: uppercase;
    padding-bottom: 8px;
}
.us-off:after {
    width: 246px;
    height: 83px;
    position: absolute;
    left: 105px;
    top: -2px;
    content: "";
    display: block;
    background: url(../img/us-loction-img.png) 0 0 no-repeat;
}
.office-location-left ul {
    list-style-type: none;
}
.office-location-left ul li {
    font-size: 16px;
    color: #334654;
    padding-bottom: 10px;
}
.office-location-left ul li img {
    vertical-align: middle;
    padding: 2px 10px 0 0;
    float: left;
}
.consider {
    display: table;
}
.ind-location {
    float: right;
    padding-left: 0;
    width: 250px;
}
.ind-off {
    padding: 0;
    position: relative;
}
.ind-off:before {
    width: 239px;
    height: 124px;
    position: absolute;
    left: -242px;
    top: 4px;
    content: "";
    display: block;
    background: url(../img/ind-location-img.png) 0 0 no-repeat;
}
.text-muted {
    color: #fff!important;
}
/*------ portfolio End ------*/



.E_Commerce_View_More button {

    float: right;
    padding: 10px 40px;
    color: #fff !important;
    background: #06559D;
    font-size: 14px !important;
    margin-bottom: 20px;

}
.E_Commerce_View_More button:hover {    
    background:#fff !important;
    color:  #06559D !important;
    border: 1px solid !important;

}
.tab {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: #fff;
  overflow: hidden;
}
.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab label {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  background: #16a085;
  font-weight: bold;
  line-height: 3;
  cursor: pointer;
}
.blue label {
  background: #2980b9;
}
.tab-content {
  max-height: 0;
  overflow: hidden;
  background: #1abc9c;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
}
.blue .tab-content {
  background: #3498db;
}
.tab-content p {
    margin: 1em;
    font-size: 14px;
    line-height: 18px;
}

.gallery {
    overflow: hidden;
}
.awesome {
    font-family: futura;
    font-style: italic;
    padding-bottom: 20px;
    width: 100%;
    margin-top: 60px ! important;
    text-align: center;
    color: #313131;
    font-size: 40px;
    font-weight: bold;
    /* position: absolute; */
    -webkit-animation: colorchange 20s infinite alternate;
}
/*.section-title {
    text-align: center;
    padding-bottom: 30px;
    margin-top:90px;
}*/
.exicon{
  position: absolute;
  top: 7%;
	left: 45%;
  text-align: center;
  color: red;
  font-size: 5rem;
  display:block;
}
.popup-btn{
	/*position: absolute!important;*/
	top: 60%;
	left: 50%;
	/*transform: translate(-50%,-50%);*/
}
.main-btn-rect,
.main-btn-circle{
/*	position: relative; 
     margin: 0; */
    font-family: 'Roboto', sans-serif;
    color: #FFFFF0;
    background-color: rgb(205 11 109);
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    outline: none;
    cursor: pointer;
    z-index: 100;
    border-radius: 55px 10px;
}
.main-btn-rect {
	padding: 10px 80px;
	line-height: 30px;
}
.main-btn-rect:before, 
.main-btn-rect:after{
  position: absolute;
  content: '';
  top:0;
  width: 0%;
  height: 100%;
  /*background-color: rgba(255, 255, 240, 0.2);
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;*/
}
.main-btn-rect:before {
  left: 0;
}
.main-btn-rect:after {
  right: 0;
}
.main-btn-rect:hover:before, 
.main-btn-rect:hover:after{
  width: 50%;
}
.main-btn-circle{
	height: 40px;
	width: 40px;
	-webkit-border-radius: 50%;
	border-radius: 100%;
	line-height: 40px;
  -webkit-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
.main-btn-circle:hover{   
  -webkit-box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
  -moz-box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
  box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
}
.popup{
  position: fixed;
	top: 100%;
  width: 100%;
  height: 100%;
  z-index: 10001;
}
.popup.active{
  top:0;
  /*background-color: rgba(3, 3, 3, 0.98); */
  transition: background-color .6s ,opacity .6s;
}
.popup .main-btn-rect{
  padding: 10px 100px;
}
.popup .popup-content{
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 568px;
  min-width: 320px;
  margin-top: 150px;
  padding: 25px;
  background-color: #FFFFF0;
  color: #070000;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transition: margin .6s;
  -webkit-transition: margin .6s;
  -moz-transition: margin .6s;
  -o-transition: margin .6s;
}
.popup.active .popup-content{
  margin-top: 0px;
}
.popup-content h6{
  display: table;
  font-size: 16px;
  text-align: center;
  margin: 10px auto;
  font-family: 'Roboto',sans-serif;
  text-transform: uppercase;
  font-weight: 100;  
}
.form-group{
	position: relative;
	width: 90%;
	margin: 0px auto;
}
form#send input, form#send textarea{
	position: relative;
	margin-bottom: 32px;
	width: 100%;
	height: 29px;
	font-family: 'RobotoLight', sans-serif;
	text-indent: 20px;
  background-color: transparent;
	outline: 0;
	border: none;
	border-bottom: 1px solid #070000;
	-webkit-transition: border 0.6s;
	-o-transition: border 0.6s;
	transition: border 0.6s;
}
form#send input:focus,
form#send textarea:focus{
	border-bottom: 1px solid rgb(63, 173, 168); 
}
form#send label{
	position: absolute;
	top: 0;
	line-height: 28px;
	-webkit-transition: color .5s;
	-o-transition: color .5s;
	transition: color .5s;
}
form#send input:focus + label,
form#send textarea:focus + label{
  color: rgb(63, 173, 168);
}
form#send .txt{
	line-height: 22px;
	left: 2px;
}
form#send .main-btn-rect {
	position: relative;
	display: block;
	padding: 12px 80px;
	margin: 0px auto;
	font-size: 14px;
}
form#send .main-btn-rect i {
	margin-right: 5px;
}
.popup .fade-out{
  position: absolute;
  top: -20px;
  right: -20px;
  text-align: center;
  font-size: 15px;
}
.share-wrap{
	position: absolute;
  display: inline-table;
	top: 67%;
	left: 50%;
	transform: translate(-50%, -50%);
  padding: 15px;
  text-align: center;
}
.share-btn{
  color: #FFFFF0;
  padding: 7px 25px;
  text-decoration: none;
  cursor: pointer;
  font-weight: 100;
  font-size: 14px;
  font-family:'Lobster', sans-serif;
  background-color: rgba(63, 173, 168, .8);
  text-transform: uppercase;
  border-radius: 5px;
  transition: background-color .5s;
  -webkit-transition: background-color .5s;
  -moz-transition: background-color .5s;
  -o-transition: background-color .5s;
}
.share-btn:hover{
  color: #FFFFF0;
  text-decoration: none;
  background-color: rgba(63, 173, 168, 1.0);
}

.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}
.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 2px;
}
.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 6px 9px;
  transition: background-color .5s;
  -webkit-transition: background-color .5s;
  -moz-transition: background-color .5s;
  -o-transition: background-color .5s;
}
.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top
}
.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}
.resp-sharing-button__icon,
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}
.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}
.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}
.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}
.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}
.resp-sharing-button--linkedin {
  background-color: #0077b5;
  border-color: #0077b5;
}
.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
  background-color: #046293;
  border-color: #046293;
}
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
    left:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}
.logo{
    margin-bottom:10px;
}
.ourService {
    text-align: center;
    padding-left: 380px;
}

@media only screen and (max-width: 768px){
  h1 {font-size: 25px;}
  h2 {font-size: 14px;}
  form#send .main-btn-rect {padding: 7px 60px; font-size: 14px;}
  .popup-btn{padding: 7px 60px; font-size: 14px;}
}
/*------ portfolio End ------*/
.a-one {
  width: 100px;
  height: 100px;
  background-color: #7c2085;
  opacity: 0.5;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  left: 150px;
  animation: MoveUpDown 5s linear infinite;
}

.a-two {
  width: 150px;
  height: 150px;
  background-color: #7c2085;
  opacity: 0.7;
  border-radius: 50%;
  position: absolute;
  bottom: 10px;
  left: 200px;
  animation: MoveUpDownTwo 9s linear infinite;
}

.a-three {
  width: 120px;
  height: 120px;
  background-color: #7c2085;
  opacity: 0.2;
  border-radius: 50%;
  position: absolute;
  bottom: 120px;
  left: 300px;
  animation: MoveUpDownThree 5s linear infinite;
}

.a-four {
  width: 80px;
  height: 80px;
  background-color: #7c2085;
  opacity: 0.4;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  right: 0;
  animation: MoveUpDownFour 15s linear infinite;
}

.a-five {
  width: 50px;
  height: 50px;
  background-color: #7c2085;
  opacity: 0.9;
  border-radius: 50%;
  position: absolute;
  bottom: 200px;
  right: 0;
  animation: MoveUpDownFive 8s linear infinite;
}

.a-six {
  width: 175px;
  height: 175px;
  background-color: #7c2085;
  opacity: 0.6;
  border-radius: 50%;
  position: absolute;
  bottom: 250px;
  right: 200px;
  animation: MoveUpDownSix 7s linear infinite;
}

.a-seven {
  width: 250px;
  height: 250px;
  background-color: #7c2085;
  opacity: 0.3;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  left: 450px;
  right: 0;
  animation: MoveUpDownSeven 6s linear infinite;
}

.a-eight {
  width: 75px;
  height: 75px;
  background-color: #7c2085;
  opacity: 0.4;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  left: 350px;
  animation: MoveUpDownEight 11s linear infinite;
}

.a-nine {
  width: 45px;
  height: 45px;
  background-color: #7c2085;
  opacity: 0.7;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  left: 450px;
  animation: MoveUpDownNine 12s linear infinite;
}

.a-ten {
  width: 150px;
  height: 150px;
  background-color: #7c2085;
  opacity: 0.6;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  right: 0;
  animation: MoveUpDownTen 14s linear infinite;
}

@keyframes a-one {
  from { top: 0; left: 0; }
  to   { top: 100px; left: 100px; }
}

@keyframes MoveUpDown {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 300px;
  }
}

@keyframes MoveUpDownTwo {
  0%, 100% {
    left: 0;
  }
  50% {
    bottom: 500px;
  }
}

@keyframes MoveUpDownThree {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 400px;
  }
}

@keyframes MoveUpDownFour {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 350px;
  }
}

@keyframes MoveUpDownFive {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 250px;
  }
}

@keyframes MoveUpDownSix {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 500px;
  }
}

@keyframes MoveUpDownSeven {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 375px;
  }
}

@keyframes MoveUpDownEight {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 370px;
  }
}

@keyframes MoveUpDownNine {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 475px;
  }
}

@keyframes MoveUpDownTen {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 500px;
  }
}
 
 /*  whatsapp Contact Section*/
.whatsapp {
    position: fixed;
    bottom: 13px;
    z-index: 999999;
   /* right: 20px;  */
}
.whatsapp > a {
    height: 65px;
    width: 65px;
    background: #12c763;
    display: inline-block;
    color: #fff;
    font-size: 50px;
    margin-left: 30px;
    margin-bottom: 30px;
    text-align: center;
    border-radius: 50%;
    line-height: 65px;
    animation: bounce 1s infinite alternate;
    -webkit-animation: bounce 1s infinite alternate;
}
a {
    text-decoration: none;
    -webkit-transition: all 0.4s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    color: #000;
}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-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)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);-ms-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;transform-origin:center bottom}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);-ms-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);-ms-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;transform-origin:center top}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}

.tw-intro-area {
    background-color: #fff;
    color: #757575;
    margin-top: 20px;
}
section {
    padding: 10px 0;
    position: relative;
    background: #f7f7f7;
}
.column-title {
    font-size: 25px;
    display: block;
    font-weight: 600;
    position: relative;
    margin-bottom: 20px;
    /* text-align: center; */
    z-index: 1;
}
.color-fill-text {
    position: relative;
    background: #cd0b6d;
    background: -webkit-#cd0b6d;
    background: -o-#cd0b6d;
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top:10px;
}
.tw-intro-area p {
    line-height: 28px;
    margin-bottom: 25px;
    font-size: 15px;
    text-align: center;
    position: relative;
}
.work-life {
    padding: 5rem 0 0;
}
.work-life .heading2 {
    line-height: 1.1;
}
@media (max-width: 1800px){
.heading2 {
    font-size: 40px;
}
}
br.br-block {
    display: block;
}
.work-life .heading2 span {
    font-size: 55px;
    position: absolute;
     margin: 0px 0 0 15px;
}
.work-life .dflex {
    align-items: center;
}
.dflex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.dflex {
    display: flex;
    flex-wrap: wrap;
    padding: 4rem 0;
    /* align-items: center; */
    width: 100%;
    margin: 0 auto;
}
.its-best {
    width: 33.333%;
    text-align: center;
    padding: 15px 0;
    font-size: 18px;
    position: relative;
    color: #6D6C6C;
    margin: 35px 0;
    display: flex;
    justify-content: center;
}
.icon-head-wrap {
    display: flex;
    align-items: center;
    padding: 0 0px;
}
.icon-head-wrap figure {
    width: 220px;
}
.icon-head-wrap figure img {
    transform: scale(1);
    backface-visibility: hidden;
    text-align: center;
    display: flex;
    margin: 0 auto;
}
.icon-head-wrap span {
    width: 50%;
    text-align: left;
    color: #000;
}
br.br-block {
    display: block;
}
.dflex .its-best:not(:nth-child(3n + 4))::before {
    background: #707070;
    position: absolute;
    content: "";
    left: 0;
    top: 10px;
    width: 1px;
    height: 80px;
}
.eCommerce-banner {
    position: relative;
    /* background: url(../images/epattern.png); */
    background: url(/img/ec-bg7.jpg);
    /* background: #e9b1ba; */
    /* background-attachment: fixed; */
    padding: 150px 0 80px;
    z-index: 5;
    background-repeat: no-repeat;
}
.nglr_banner {
    position: relative;
    background: url(/img/lrvl_banner_bg.jpg);
    background-size: cover;
    background-position: center;
    padding: 150px 0;
    min-height: 600px;
}
.eCommerce-banner:before {
    content: '';
    position: absolute;
    top: 50%;
    right: -28%;
    width: 50%;
    height: 100%;
    background: #fff;
    background-attachment: fixed;
    transform: translateY(-50%) scaleY(1);
}
.eCommerce-banner .imgexb {
    position: absolute;
    right: -180px;
    bottom: -50px;
    position: absolute;
}
.nglr_banner .contentBox {
    position: relative;
    z-index: 2 !important;
    padding: 40px;
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 10px 15px rgb(0 0 0 / 20%);
    border-radius: 4px;
}
.nglr_banner.eCommerce-banner h2, .nglr_banner.eCommerce-banner p {
    color: #262626;
}
.nglr_banner h1, .nglr_banner h2 {
    margin: 0;
    padding: 0;
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    z-index: 2;
}
.nglr_banner.eCommerce-banner h2, .nglr_banner.eCommerce-banner p {
    color: #262626;
}
.nglr_banner p {
    color: #fff;
    z-index: 2;
}
.contentBox p {
    font-size: 18px;
    margin-top: 20px;
    line-height: 24px;
}
.whycu-ul {
    margin: 20px 0 0;
    padding: 0;
}
.nglr_banner.eCommerce-banner .whycu-ul li {
    color: #262626;
    background: rgba(255, 255, 255, 0.5);
    border-left: 5px solid #03A9F4;
    padding: 4px 40px 4px 10px;
    margin: 10px 0;
}
.whycu-ul li {
    transition: 0.5s;
}
.whycu-ul li {
    position: relative;
    list-style: none;
    padding: 6px 40px 6px 20px;
    font-size: 18px;
    color: #fff;
    background: rgba(255,255,255,.1);
    margin-bottom: 6px;
    overflow: hidden;
}
.ng-form-consult {
    position: absolute;
    top: 0px;
    background: #fff;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 10px 15px rgb(0 0 0 / 20%);
    z-index: 2;
}
.ng-form-consult h3 {
    font-family: ebrima-bold;
    color: #262626;
    font-size: 20px;
    margin: 0 0 10px;
    padding: 0;
}
.eCommerce-banner .ng-form-consult h3 span {
    font-family: 'Open Sans', sans-serif;
    color: #eb3569;
    font-weight: 700;
}
.nglr_banner.eCommerce-banner h2, .nglr_banner.eCommerce-banner p {
    color: #262626;
}
.sececom2 {
    padding: 40px 0 80px;
}
.grid-fv {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 20px;
}
.grid-fv .gridfv-bx {
    margin: 0 auto;
    background: #fff;
    width: 200px;
    box-sizing: border-box;
    text-align: center;
    padding: 30px 15px;
    border-radius: 10px;
    /* box-shadow: 0 2px 25px rgb(0 0 0 / 15%); */
    transition: 0.5s;
}
.grid-fv .gridfv-bx .iconbx img {
    max-width: 80px;
}
.grid-fv .gridfv-bx h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 20px 0 0;
    padding: 0;
}
.grid-fv .gridfv-bx .iconbx img {
    max-width: 80px;
}
.mgtM360px {
    margin-top: -500px;
}
.ec-our-process {
    padding: 0 0 80px;
}
.process-grid {
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(200px, 1fr));
    grid-gap: 20px;
}
.process-grid .process-box {
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
    transition: 0.5s;
}
.process-grid .process-box .icon img {
    display: inline-block;
    max-width: 80px;
}
.left h1 {
    padding: 8px 20px;
    color: #de383a;
    font-weight: normal;
    font-family: inherit;
    font-size: 36px;
}
.imageLeft {
    margin: 10px 30px 10px 0;
    float: left;
}
.left p {
    padding-left: 20px;
    text-align: justify;
}
.section-row {
    padding: 70px 0;
    border-bottom: 1px solid #f0f0f0;
}
.about-service {
    background: #f0f3f2;
}
.wrap {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
}
.about-service .cols {
    display: flex;
    flex-wrap: wrap;
}
.service-animation-img {
    background: url(/img/service-img1.png) center top no-repeat;
    padding-top: 96px;
    padding-bottom: 85px;
}
.hexagon-box.round-main-box {
    height: 260px;
    width: 260px;
    margin: 0 auto;
    position: relative;
    border-radius: 100%;
    z-index: 1;
    animation: 15s linear infinite rotate-anim;
    background-color: #e7edeb;
}
.hexagon-box {
    width: 70px;
    height: 70px;
    position: absolute;
    background-color: rgba(255,255,255,.5);
    border-radius: 100%;
    z-index: 2;
}
.hexagon-box.round-main-box:before {
    border: 2px dashed #e2e4e4;
    display: block;
    content: "";
    position: absolute;
    left: -42px;
    top: -42px;
    right: -42px;
    bottom: -42px;
    border-radius: 50%;
}
.top-left {
    top: -40px;
    left: -20px;
}
.rev-anim {
    animation: 15s linear infinite rotate-reverse;
}
.round-main-box .hexagon-box .round-text {
    width: 40px;
    height: 40px;
}
.round-text {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 104px;
    width: 104px;
    z-index: 1;
    text-align: center;
}
.bottom-left {
    bottom: -40px;
    left: -20px;
}
.bottom-right {
    bottom: -40px;
    right: -20px;
}

.about-service .cols .col-8 {
    width: 65%;
    padding: 0 15px;
}
.service-hp {
    background-image: url(/img/woo-commerce-service-offer.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 80px 0px 35px 0px;
    position: relative;
    background-position: center;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
}
.service-hp:before {
    content: "";
    background-image: url(../img/circle-bottom.png);
    background-repeat: no-repeat;
    position: absolute;
    top: -1px;
    display: block;
    background-position: top center;
    background-repeat: no-repeat;
    height: 182px;
    background-size: cover;
    width: 100%;
    top: -81px;
}
.service-hp h2 {
    margin-bottom: 50px;
    text-align: center;
    color: #fff;
}
@media screen and (max-width: 1600px){
h2 {
    font-size: 40px;
}
}
.service-hp.wordpress-content-service h2+p {
    color: #fff;
    text-align: center;
    width: 100%;
    margin: 0 auto 50px auto;
}
.service-row {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    flex-flow: wrap;
    width: 100%;
    justify-content: space-between;
}
.wordpress-content-service .service-row .service-col {
    padding: 0px;
    background-color: #fff;
}
.service-row .service-col {
    width: 48%;
    background-color: #fff;
    padding: 35px;
    margin-bottom: 50px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.wordpress-content-service .service-row .service-col a {
    padding: 30px;
    display: block;
    width: 100%;
    height: 100%;
}
.service-row .service-col a {
    color: #218943;
}
.service-row .service-col a {
    text-decoration: none;
}
.re_ds_bn {
    background-image: url(/img/multimedia-graphic-banner.jpg);
}
.re_ds_bn {
    /*background: #57b8bb;*/
    background-position: center top;
    background-repeat: no-repeat;
    width: 100%;
    height: 584px;
    background-attachment: local;
    background-size: cover;
}
.visible-sm{
    Display:none;
}
.bn_ar {
    width: 67%;
    margin: 29.5%0 0 24%;
}
.ban_tit {
    font-size: 20px;
    line-height: 20px;
    color: #363636;
    text-align: center;
    margin-bottom: 40px;
}
.google {
    font-family: 'Google Sans',sans-serif;
}
.ban_lst ul, .ban_lst ul li {
    padding: 0;
    list-style: none;
    text-align: center;
}
.ban_lst ul, .ban_lst ul li {
    margin: 0;
}
.ban_lst ul li {
    width: 24%;
    display: inline-block;
}
.ban_lst ul, .ban_lst ul li {
    padding: 0;
    list-style: none;
    text-align: center;
}
.ban_lst ul, .ban_lst ul li{
    margin: 0;
}
.her_lst {
    background: #d18f47;
    width: 95%;
    margin: auto;
    border: 2px solid #fff;
    padding: 24px 5px 7px;
    border-radius: 15px;
    position: relative;
    text-align: center;
}
.hand, .page_scrl {
    cursor: pointer;
}
.her_lst .hery_no {
    background: #fff;
    position: absolute;
    width: 43px;
    height: 43px;
    border-radius: 100%;
    text-align: center;
    font-size: 22px;
    color: #453309;
    top: -23px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding-top: 12px;
    transition: all .5s linear;
}
.her_lst .hery_txt {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    height: 45px;
    overflow: hidden;
}
.google {
    font-family: 'Google Sans',sans-serif;
}
.ban_btn {
    width: 38%;
    margin: 15px auto;
    background: #814ae2;
    text-align: center;
    border-radius: 5px;
    box-shadow: 1px 1px 2px #313131;
}
.ban_btn a {
    text-decoration: none;
    display: block;
    padding: 10px;
    color: #fff;
}
.ban_btn .title, .web_box h3 a {
    text-decoration: none;
}
.ban_btn .title {
    font-size: 22px!important;
    line-height: 18px;
    color: #fff;
}
.ban_btn .tit_sub {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    margin-top: 3px;
}
.ban_tit {
    font-size: 20px!important;
    line-height: 20px;
    color: #363636;
    text-align: center;
    margin-bottom: 40px;
}
.breadcrumb {
    border-radius: 0;
    padding: 19px 0 0;
    font-weight: 600;
    font-size: 15px;
    line-height: 13px;
}
.breadcrumb, .tree_bg {
    background-color: #e5e5e5;
}
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.mag_s_bg1 {
    background: #fff;
    padding: 40px 0;
}
.page_heading h2 {
    font: 1.75em/1.2em "Google Sans",sans-serif;
    text-align: center;
    margin-bottom: 25px;
}
.mag_lst_cnts1 {
    line-height: 1.7em;
    margin-top: 15px;
    text-align: center;
}
.grp_deg_bg {
    background: linear-gradient(to bottom,#fdfeff,#f6f6fa);
}
.grp_deg_bg, .mult_bg {
    background: #f6f6fa;
    padding: 35px 0;
}
.p0-5 {
    padding: 0 5px;
}
.nati_box {
    width: 100%;
    padding: 8px;
    margin-bottom: 5px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ddd;
}
.nati_box .sec1 {
    width: 33px;
    height: 33px;
    float: left;
    border-radius: 100%;
    background: #009688;
}
.nati_box .sec1 span {
    color: #fff;
    padding: 8px 9px;
}
.nati_box .sec2 {
    width: 84%;
    float: left;
    margin: 5px 0 5px 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #222;
}
.nati_box:hover {
    border: 1px solid #6cd1ff;
}
.nati_box:hover {
    box-shadow: 1px 0 20px #ccc;
    background: #f4fcff;
    background-image: linear-gradient(-225deg,#fffeff 0,#f4fcff 100%);
}
.mult_bg {
    background: linear-gradient(to top,#fdfeff,#f6f6fa);
}
 .mult_bg {
    background: #f6f6fa;
    padding: 35px 0;
}
.mult_cnt {
    font-size: 1em;
    text-align: center;
}
.web_s_lst_m {
    margin-top: 35px;
}
.web_list ul, .web_list ul li {
    vertical-align: top;
}
.web_list ul, .web_list ul li {
    padding: 0;
    list-style: none;
    text-align: center;
}
.web_list ul {
    margin: 0;
}
.web_list ul li {
    width: 19.5%;
    display: inline-block;
    margin: 0 0 35px;
}
.web_list ul li {
    vertical-align: top;
}
 .web_list ul, .web_list ul li {
    padding: 0;
    list-style: none;
    text-align: center;
}
.web_list ul li .web_area {
    margin: auto;
}
.rel {
    position: relative;
}
.web_list ul li .web_area .web_img {
    width: 180px;
    height: 180px;
    margin: auto;
    overflow: hidden;
    border-radius: 100%;
    background: #525c97;
    border: 10px #cfe6ea solid;
}
.web_list ul li .web_area figure {
    width: 158px;
    height: 166px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.web_list ul li .web_area figure img {
    display: block;
    margin: auto;
}
.web_list ul li .web_main_area{
    margin:0 5px;
    position:relative;
    transition:all .3s linear
}
.web_list ul li .web_area .web_img{
    width:180px;
    height:180px;
    margin:auto;
    overflow:hidden;
    border-radius:100%;
    background:#525c97;
    border:10px #cfe6ea solid
}
.web_list ul li .web_main_area{
    margin:0 5px;
    position:relative;
    transition:all .3s linear
    }
.web_list ul li .web_area{
    margin:auto
    }
.web_list ul li:nth-child(1) .web_box:hover,.web_list ul li:nth-child(2) .web_box:hover,.web_list ul li:nth-child(2) .web_img,.web_list ul li:nth-child(3) .web_box:hover,.web_list ul li:nth-child(3) .web_img,.web_list ul li:nth-child(4) .web_box:hover,.web_list ul li:nth-child(4) .web_img,.web_list ul li:nth-child(5) .web_img{
    background:#525c97
    }
.web_list ul li:nth-child(5) .web_box:hover{
        background:#525c97;box-shadow:0 0 5px #ccc;
        color:#fff;
        
}
 .web_box:hover .web_cnt, .web_box:hover h3 a {
    color: #fff;
}
.web_cnt {
    font-weight: 400;
    line-height: 1.4em;
    padding-top: 20px;
}
.cho_bg {
    background: #f6f6fa;
    background: linear-gradient(to bottom,#fdfeff,#f6f6fa);
    padding: 35px 0 0;
}
.choose {
    margin-top: 5px;
}
.cho_ar2 {
    margin: 0;
}
ul.cho_bx {
    margin: 0 0 50px;
    padding: 0;
    list-style: none;
    display: table;
}
ul.cho_bx li {
    float: left;
    margin: 0;
    padding: 0;
    width: 16.3%;
}
.cho_txt {
    width: 210px;
    height: 210px;
    border: 5px #f2f2f3 solid;
    margin: auto;
    border-radius: 15%;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    padding: 15px 12px 0;
}
.cho_txt, .cho_txt .heading {
    color: #fff;
    text-align: center;
}
.cho_txt .heading {
    font-weight: 500;
    font-style: italic;
    font-size: 36px;
    line-height: 40px;
}
.bb_2 {
    border-bottom: 2px solid #fff;
    display: block;
    width: 55%;
    margin: 8px auto;
}
.title_choose {
    font-size: .8em;
    line-height: 1.1em;
    color: #fff;
    text-align: center;
    padding: 0 10px;
}
.text-link {
  color:#fff;
  font-weight: 600; 
    }
.text-link:hover {
  color: #e2a513;
  font-weight: 600; 
    }
.section.industries.service-detail h2{
    text-align:center;
}
.pb-80 {
    padding-bottom: 30px;
}
.pt-80 {
    padding-top: 80px;
}
.mb-50 {
    margin-bottom: 50px;
}
.mb-25 {
    margin-bottom: 25px;
}
p.premier_div {
    text-align: justify;
}
.fancy-about-three .text-wrapper .experience-box {
    display: flex;
    align-items: center;
}
.fancy-about-three .text-wrapper .experience-box .year, .fancy-about-three .text-wrapper .experience-box .text {
    width: 50%;
}
.experience-box .year h3 {
    background: url(../img/text-bg.webp) center;
    background-repeat: repeat;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    text-align: center;
    font-weight: bold;
    font-size: 201px;
    line-height: 1;
}
.main-btn {
    display: inline-flex;
    align-items: center;
    padding: 12px 35px;
    background-color: #da3127;
    color: #fff;
    font-size: 16px;
    font-family: var(--rajdhani);
    font-display: swap;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    border-radius: 5px;
    transition: all .3s;
}
.fancy-about-three .text-wrapper .experience-box {
    display: flex;
    align-items: center;
}
.fancy-about-three .text-wrapper .experience-box .text {
    width: 50%;
}
@media (max-width: 767px){
.fancy-about.fancy-about-three.pt-80.pb-80 {
    padding-top: 17px!important;
    padding-bottom: 0;
}
}
@media (max-width: 767px){
.fancy-about-three .text-wrapper .experience-box {
    flex-direction: column;
    margin-bottom: 50px;
}
}
@media (max-width: 400px){
.fancy-about-three .text-wrapper ul.button {
    display: inherit!important;
}
}
@media (max-width: 1199px){
.fancy-about-three .img-holder {
    margin-right: 0;
}
}
@media (max-width: 767px){
.fancy-about-three .text-wrapper .experience-box {
    flex-direction: column;
    margin-bottom: 50px;
}
}
@media (max-width: 400px){
.fancy-about-three .text-wrapper ul.button {
    display: inherit!important;
}
}
.web_list ul li .web_area figure img{display:block;margin:auto}.web_box{background:#fff;width:100%;border-radius:15px;transition:all .3s linear;margin-top:-90px;height:440px;border:1px #dedede solid;padding:100px 15px 20px}
.work-category {
    background: linear-gradient(125deg, #0083eb1a 50%, #0083eb17 70%, #ff000012 100%);
    background: #ffffff;
}
.pad-tb {
    padding-top: 100px;
    padding-bottom: 100px;
}
.work-category {
    background: #fbf9ed;
    background: -moz-linear-gradient(top, #fbf9ed 0, #fbeaf8 100%);
    background: -webkit-linear-gradient(top, #fbf9ed 0, #fbeaf8 100%);
    background: linear-gradient(to bottom, #fbf9ed 0, #fbeaf8 100%);
    position: relative;
}
.mb-4, .my-4 {
    margin-bottom: 1.5rem !important;
}
.common-heading {
    padding: 0;
    text-align: center;
    position: relative;
    z-index: 10;
}
.common-heading h2 {
    color: #000;
}
.d-none {
 
    display: none !important;
}
@media (min-width: 1201px){
.hexgrid {
    padding-bottom: 6%;
}
}
.hexgrid {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    font-family: sans-serif;
    list-style-type: none;
}
@media (min-width: 1201px){
.hex {
    width: 16.6%;
}
}
.hex {
    position: relative;
    visibility: hidden;
    outline: 1px solid transparent;
    transition: all 0.5s;
    backface-visibility: hidden;
    will-change: transform;
    transition: all 0.5s;
}
.hexIn {
    width: 91%;
    padding-bottom: 103.851%;
}
.hexIn {
    position: absolute;
    width: 96%;
    padding-bottom: 110.851%;
    margin: 2%;
    overflow: hidden;
    visibility: hidden;
    outline: 1px solid transparent;
    -webkit-transform: rotate3d(0, 0, 1, -60deg) skewY(30deg);
    -ms-transform: rotate3d(0, 0, 1, -60deg) skewY(30deg);
    transform: rotate3d(0, 0, 1, -60deg) skewY(30deg);
    transition: all 0.5s;
}
.hex::after {
    content: "";
    display: block;
    padding-bottom: 86.602%;
}
.hexIn * {
    position: absolute;
    visibility: visible;
    outline: 1px solid transparent;
}
.hexgrid {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	font-family: sans-serif;
	list-style-type: none;
}
.hex {
	position: relative;
	visibility: hidden;
	outline: 1px solid transparent;
	transition: all 0.5s;
	backface-visibility: hidden;
	will-change: transform;
	transition: all 0.5s;
}
.hex::after {
	content: "";
	display: block;
	padding-bottom: 86.602%;
}
.hexIn {
	position: absolute;
	width: 96%;
	padding-bottom: 110.851%;
	margin: 2%;
	overflow: hidden;
	visibility: hidden;
	outline: 1px solid transparent;
	-webkit-transform: rotate3d(0, 0, 1, -60deg) skewY(30deg);
	-ms-transform: rotate3d(0, 0, 1, -60deg) skewY(30deg);
	transform: rotate3d(0, 0, 1, -60deg) skewY(30deg);
	transition: all 0.5s;
}
.hexIn {
	width: 91%;
    padding-bottom: 103.851%;
}
.hexIn * {
	position: absolute;
	visibility: visible;
	outline: 1px solid transparent;
}
.hexLink {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	overflow: hidden;
	-webkit-transform: skewY(-30deg) rotate3d(0, 0, 1, 60deg);
	-ms-transform: skewY(-30deg) rotate3d(0, 0, 1, 60deg);
	transform: skewY(-30deg) rotate3d(0, 0, 1, 60deg);
}
.hex img {
	left: -100%;
	right: -100%;
	width: auto;
	height: 100%;
	margin: 0 auto;
} 
#demo2 {
	top: 50%;
	text-align: center;
	text-transform: uppercase;
}
.hex .img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
	-webkit-clip-path: polygon(
	  50% 0%,
	  100% 25%,
	  100% 75%,
	  50% 100%,
	  0% 75%,
	  0% 25%
	);
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
@media (min-width: 1201px) {
	.hexgrid {
	 	padding-bottom: 6%;
	}
	.hex {
	  	width: 16.6%; 
	}
	.hex:nth-child(11n + 7) {
		margin-left: 8.2%;
	}
}
@media (max-width: 1200px) and (min-width: 901px) {
	.hexgrid {
		padding-bottom: 6.5%;
		font-size: 13px;
	}
	.hex {
	  	width: 25%;
	}
	.hex:nth-child(7n + 5) {
	  	margin-left: 12.5%; 
	}
}
@media (max-width: 900px) and (min-width: 601px) {
	.hexgrid {
		padding-bottom: 7.4%;
		font-size: 14px;
	}
	.hex {
	  	width: 33.333%;
	}
	.hex:nth-child(5n + 4) {
	  	margin-left: 16.666%; 
	}
}
@media (max-width: 600px) {
	.hexgrid {
		padding-bottom: 11.2%;
		font-size: 12px;
	}
	.hex {
	 	width: 33%;
	}
	.hex:nth-child(5n + 4) {
	  	margin-left: 16%; 
	}
	.hex:last-child {
		margin-left: 33%;
	}
}
@media (max-width: 400px) {
	.hexgrid {
	  	font-size: 8px;
	}
}
.technologies-section {
    background-color: #f0f7fd;
}
.technologies-section {
    padding: 64px 0 56px;
}
@media (min-width: 1500px){
.fluid-2 {
    padding: 0 10% !important;
}
}
@media (min-width: 576px){
.pb-sm-4, .py-sm-4 {
    padding-bottom: 1.5rem !important;
}
}
.sub-heading {
    font-size: 20px;
}
.services-list .item {
    padding: 30px;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
    height: 100%;
    border: 1px solid #0083eb26;
    box-shadow: 0 1rem 3rem rgb(161 161 161 / 18%);
}
.services-list div:nth-child(1) .item .icon {
    background-color: #70e4e8;
}
.services-list .item .icon {
    background-color: #fff;
    width: fit-content;
    padding: 20px;
    border-radius: 4px 20px 4px 20px;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
    transition: all 0.4s ease-in-out;
}
.services-list .item .icon img {
    width: 40px;
}
.services-list .item h2 {
    color: #222;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.6;
    padding: 40px 0 10px;
}
.services-list .item p {
    color: #666666;
    font-size: 18px;
    margin: 0;
}
.services-list .item .action {
    margin-top: 20px;
    display: inline-block;
    color: #007bff;
    font-size: 1rem;
}
.services-list .item p {
    color: #666666;
    font-size: 18px;
    margin: 0;
}
.mt-auto, .my-auto {
    margin-top: auto !important;
}
.pt-3, .py-3 {
    padding-top: 1rem !important;
}
.services-list .item .action span {
    position: relative;
}
.services-list .item .action span::before {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 1px;
    transition: all 0.2s ease-in-out;
    background-color: #007bff;
    width: 0;
}
.services-list .item .action i {
    margin-left: 10px;
}
.fal, .far {
    font-family: "Font Awesome 5 Pro";
}
.fal {
    font-weight: 300;
}
.services-list div:nth-child(2) .item .icon {
    background-color: #f5eb92;
}
.services-list div:nth-child(3) .item .icon {
    background-color: #a3ffe2;
}
.services-list div:nth-child(4) .item .icon {
    background-color: #ffbc7a;
}
.services-list div:nth-child(5) .item .icon {
    background-color: #e3ff8e;
}
.services-list div:nth-child(6) .item .icon {
    background-color: #ffa0c6;
}
.services-list div:nth-child(7) .item .icon {
    background-color: #f3a6ff;
}
.services-list .item:hover .icon {
    box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%);
    border-radius: 20px 4px 20px 4px;
}
.services-list div:nth-child(8) .item .icon {
    background-color: #97ffaf;
}
.eCommerce-banner .imgexb {
    position: absolute;
    right: -180px;
    bottom: -50px;
    position: absolute;
}
.eCommerce-banner:before {
    content: '';
    position: absolute;
    top: 50%;
    right: -28%;
    width: 50%;
    height: 100%;
    background: #fff;
    background-attachment: fixed;
    transform: translateY(-50%) scaleY(1);
}
.ng-sec1.ecbg {
    position: relative;
}
.ng-sec1.ecbg {
    /* background: url(../images/ecbg.jpg); */
    background-size: cover;
    background-origin: left;
}
.ng-sec1 {
    padding: 60px 0;
}
.ng-sec1 h1 {
    position: relative;
    margin: 0 0 20px;
    padding: 0;
    font-family: ebrima-bold;
    color: #262626;
    text-transform: inherit;
    font-size: 30px;
    font-weight: 600;
}
.sececom2 {
    padding: 40px 0 80px;
}
.nglr_banner.eCommerce-banner .whycu-ul li:hover {
    background: #03A9F4;
    color: #fff;
    transform: translateX(10px);
}
.ec-bgconln {
    position: absolute;
    top: 17px;
    right: 0px;
    z-index: 0;
    opacity: 0.5;
}
.serv-ec-serv .f4m-shape {
    position: sticky;
    top: 0;
    left: 0;
    transform: translateY(200px);
    overflow: hidden;
    /* background: #000; */
    z-index: 5;
    width: 440px;
    height: 300px;
    margin-bottom: 200px;
    background: url(/img/bgecshape.jpg);
    background-size: 500%;
    animation: animate-shape-bg 240s linear infinite;
}
.serv-ec-serv .f4m-shape:before {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    background: #fff;
    width: 100%;
    height: 20px;
}
.serv-ec-serv .f4m-shape img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: 5;
    /* background: linear-gradient(0deg, rgba(0, 146, 255, 0.7),rgba(107, 38, 95, 0.7),rgba(255, 0, 133, 0.7)); */
    /* background: rgba(0,0,0,0); */
}
.serv-ec-serv .f4m-shape:after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 0;
    background: #fff;
    width: 100%;
    height: 20px;
}
.mgtM360px {
    margin-top: -500px;
}
.serv-ec-serv {
    position: relative;
    padding: 0 0 120px;
    background: #fff;
}
.secorecs
{
	padding: 0 0 40px;
}

.all-ecoserv
{
	position: relative;
}
.serv-ec-serv
{
	position: relative;
	padding: 0 0 120px;
	background: #fff;
}
.serv-ec-serv .f4m-shape
{
    position: sticky;
    top: 0;
    left: 0;
    transform: translateY(200px);
    overflow: hidden;
    /* background: #000; */
    z-index: 5;
    width: 440px;
    height: 300px;
    margin-bottom: 200px;
    background: url(/img/bgecshape.jpg);
    background-size: 500%;
    animation: animate-shape-bg 240s linear infinite;
}
.serv-ec-serv.amp .f4m-shape
{
    animation: animate-shape-bg 40s linear infinite;
    background: url(/img/ecbg3.jpg);
}
.serv-sec1
{
	padding: 80px 0 0;
}
.secplatbx .imgBx {
    position: relative;
    height: 300px;
    margin-bottom: 40px;
}
.secplatbx .imgBx .bxtitle {
    position: relative;
}
.process-grid .process-box .icon img {
    display: inline-block;
    max-width: 80px;
}
.border-section {
    margin: 60px 0 0;
}
.py-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
}
.m-0 {
    margin: 0!important;
}
.position-relative {
    position: relative!important;
}
.seo-page p {
    font-size: 18px;
    line-height: 28px;
    font-family: 'montserratregular';
}
.seo-page p {
    font-size: 15px;
    font-family: 'montserratregular';
}
.seo-page p {
    font-size: 14px;
    margin-bottom: 20px;
    color: #000;
    font-family: 'montserratregular';
    font-weight: 500;
}
.border-inner-section {
    padding: 25px 0;
}
.pb-0 {
    padding-bottom: 0!important;
}
.ser-box {
    border-left: 6px solid #1f5183;
    height: 100%;
    padding: 15px;
    transition: .3s;
}
/*End Whatsapp Section*/