/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 5.1.6
Text Domain:  Avada
*/

@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700,800');
@import url(https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i);

header.fusion-header-wrapper .fusion-header .fusion-row {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  background: transparent !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
  margin-top: 0px !important;
  border-radius: 0% !important
}

a,
button,
input,
select,
button,
textarea {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 25px;
  margin-top: 0;
  letter-spacing: .02em
}

h3 {
  font-size: 20px
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  line-height: 1.2
}

.fusion-contact-info {
  color: red;
  font-size: 14px
}

.fusion-contact-info a {
  color: red !important;
  font-size: 21px !important
}

.banner_content h2 {
  margin: 0;
  text-transform: capitalize;
  font-weight: 700 !important;
  color: #fff !important;
  font-size: 40px;
  text-align: center;
  margin-bottom: 10px;
  font-family: 'Work Sans', sans-serif !important;

}

.tfs-slider .background-image:after {
  background: none !important
}

.fusion-header.fusion-sticky-shadow {
  height: 66px !important
}

#main .sky-form .textarea textarea {
  height: 80px
}

.slider-text-wrap.font-text h2 {
  font-weight: 600 !important;
  letter-spacing: 0px !important
}

div#Homepage_blogs .recent-posts-content p.meta {
  display: inline-block;
  float: right;
  clear: both;
  font-size: 13px
}

.hdr_BoTTom-block {
  padding: 0px;
  margin: 0px;
  background: #ebebeb;
  padding: 7px 15px;
  text-align: center;
}

.hdr_BoTTom-block h1 {
  font-size: 14px;
  color: hsl(0, 0%, 42%);
  margin: 4px 0 3px;
}

div#Homepage_blogs .recent-posts-content p {
  text-align: right;
  clear: both;
  line-height: 24px
}

div#Homepage_blogs .recent-posts-content a.read_more {
  float: right;
  color: #e92525;
  text-transform: uppercase;
  font-size: 14px;
  margin: 5px 0;
  line-height: 24px;
  position: relative
}

.footer-widget.links-widget ul li a {
  line-height: 24px;
  font-size: 12px
}

.fusion-recent-posts .columns .column .meta .date {
  font-size: 14px
}

div#Homepage_blogs .blog_right .recent-posts-content a.read_more {
  float: left;
  color: red;
  text-transform: uppercase;
  font-size: 14px
}

div#Homepage_blogs .recent-posts-content p.meta span a,
span.meta-separator {
  display: none !important
}

div#Homepage_blogs .recent-posts-content h4.entry-title a {
  float: right;
  display: inline-block;
  color: #e92525;
  position: relative;
  font-size: 14px;
  text-transform: uppercase
}

div#Homepage_blogs .blog_right .recent-posts-content h4.entry-title a {
  float: left
}


/*img.gitex_banner {
    position: absolute;
    top: -80px;
    z-index: 9999;
    left: 50%;
    transform: translate(-50%, 0px);
}
body.home {
    padding-top: 80px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}
body.home.nav-fixed-transformed{
    padding-top: 0;
}*/

div#Homepage_blogs .recent-posts-content h4.entry-title a:before,
div#Homepage_blogs .recent-posts-content a.read_more:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 51%;
  background: #e92525
}

div#Homepage_blogs .recent-posts-content h4.entry-title a:after,
div#Homepage_blogs .recent-posts-content a.read_more:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #e92525;
  width: 51%
}

div#Homepage_blogs .recent-posts-content h4.entry-title a:hover:before,
div#Homepage_blogs .recent-posts-content a.read_more:hover:before {
  width: 5%
}

div#Homepage_blogs .recent-posts-content h4.entry-title a:hover:after,
div#Homepage_blogs .recent-posts-content a.read_more:hover:after {
  width: 5%
}

div#Homepage_blogs .blog_right .recent-posts-content p.meta {
  display: inline-block;
  float: left;
  clear: both;
  font-size: 13px
}

.trust-w .tr-text p:nth-child(3) {
  margin-bottom: 20px
}

div#Homepage_blogs .blog_right .recent-posts-content p {
  text-align: justify;
  clear: both
}

div#Homepage_blogs .blog_right .recent-posts-content p {
  text-align: justify;
  clear: both
}

.bt-social-links a {
  background: none;
  border: 1px solid rgba(255, 255, 255, .2);
  color: #f1f1f1;
  float: left;
  font-size: 24px;
  height: 50px;
  line-height: 45px;
  margin-right: 10px;
  position: relative;
  text-align: center;
  width: 50px
}

.bt-social-links a.facebook {
  background: #3765a3
}

.bt-social-links a.twitter {
  background: #28a9e2
}

.bt-social-links a.linkedin {
  background: #0274b3
}

.bt-social-links a.googleplus {
  background: #dc4a38
}

.bt-social-links a.instagram {
  background: #dc4a38
}

.bt-social-links a:hover {
  background: none
}

.contact-info {
  text-align: center;
  margin: 40px
}

.contact-info li {
  font-size: 18px;
  display: inline-block;
  line-height: 24px;
  margin: 0 10px 10px;
  position: relative;
  font-family: "Arial", sans-serif
}

.contact-info li .bullet {
  color: #e92525;
  font-size: 20px;
  line-height: 24px;
  padding-right: 10px;
  position: relative;
  top: 4px
}

.event-section {
  margin: 20px 0;
  font-family: "Arial", sans-serif;
  visibility: visible;
  animation-name: fadeInUp
}

.event-section .single-event {
  border: 1px solid transparent;
  position: relative;
  z-index: 9;
  background: #393939
}

.event-section .single-event h6 {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.event-section .single-event h6 span {
  display: block;
  font-size: 14px;
  font-weight: 500;
  padding-top: 5px
}

.event-section .single-event p {
  min-height: 40px;
  font-size: 12px;
  margin-bottom: 0
}

.main-footer p {
  color: #ddd;
  line-height: 20px
}

.event-section .single-event:after {
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1)
}

.event-section .single-event:before,
.event-section .single-event:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.event-section .single-event h6 {
  font-size: 15px;
  font-weight: 600;
  color: white;
  text-transform: none;
  margin-bottom: 10px
}

.event-section .hvr-float-shadow {
  margin-bottom: 0
}

.hvr-float-shadow {
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, 0) 80%);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.event-section .single-event:before {
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  transform: scale(1, 0);
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0)
}

.event-section .single-event:before,
.event-section .single-event:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.hvr-float-shadow:hover,
.hvr-float-shadow:focus,
.hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px)
}

.payment_logos ul {
  float: left;
  width: 100%;
  text-align: center
}

.payment_logos ul li {
  display: inline-block;
  padding: 10px 8.3px;
  margin: 0 auto;
  vertical-align: top
}

.ourClients {
  border-top: #ddd solid 1px;
  background-image: url(../images/clients/client-bg.jpg);
  background-position: center top !important;
  padding: 40px 0
}

.top-service-inn .panel:last-child {
  border: none;
  box-shadow: none
}

.top-service-inn .panel span {
  color: #e92525;
  font-size: 36px;
  text-align: center;
  width: 68px;
  line-height: 46px;
  vertical-align: top;
  display: inline-block
}

.top-service-inn .panel h3 {
  margin: 0;
  color: #333;
  vertical-align: middle;
  display: inline-block;
  line-height: 24px
}

.top-service-inn .panel p {
  padding-left: 73px;
  line-height: 22px;
  padding-bottom: 15px;
  margin-top: -5px
}

.panel-group .panel .panel-heading>.panel-title>a {
  border-bottom: 1px dotted #f2f2f2;
  color: #1e1e1e;
  font-weight: 600;
  line-height: 22px;
  transition: background-color 0.2s linear 0s
}

.panel-group.no-list .panel .panel-heading>.panel-title>a,
.panel-group.no-list .panel .panel-heading>.panel-title>a:hover,
.panel-group.no-list .active.panel .panel-heading>.panel-title>a,
.panel-group.no-list .active.panel .panel-heading>.panel-title>a:hover {
  padding: 9px 9px 9px 15px
}

.panel-group .active.panel .panel-heading>.panel-title {
  border-bottom: 1px solid #f2f2f2
}

.panel-group .panel .panel-heading {
  background-color: inherit;
  padding: 0;
  position: relative;
  background: #efefef
}

.panel-group .panel .panel-heading:hover {
  background: #ddd
}

.panel-group.no-list .active.panel .panel-heading>.panel-title>a {
  color: #e92525
}

.panel-default>.panel-heading {
  color: #1e1e1e
}

.panel-group .panel {
  background-color: inherit;
  border: 0 none;
  border-radius: 0;
  box-shadow: none
}

.panel-group .panel-heading+.panel-collapse .panel-body {
  border-top: 1px solid #eee
}

.panel-group .panel+.panel {
  margin-top: 0
}

.panel-group .panel-body {
  padding: 10px 0 10px 1px
}

.panel-title a {
  display: block
}

.panel-title a i {
  padding-right: 5px
}

.panel-group.list-style .panel .panel-heading>.panel-title:before {
  content: "\f105";
  display: block;
  font-family: FontAwesome;
  left: 7px;
  position: absolute;
  top: 5px
}

.panel-group.list-style .panel .panel-heading>.panel-title>a {
  padding: 9px 9px 9px 25px;
  line-height: 22px
}

.panel-group .mix {
  width: 100%
}

header #mega-menu-wrap-main_navigation #mega-menu-main_navigation>li.mega-menu-item>a.mega-menu-link {
  height: 90px;
  line-height: 90px;
  padding: 0 22px 0 21.5px
}

header .fusion-sticky-shadow #mega-menu-wrap-main_navigation.mega-menu-wrap ul#mega-menu-main_navigation>li>a,
header .fusion-sticky-shadow .main_menu_btns li a {
  height: 66px;
  line-height: 66px !important
}

.fusion-sticky-shadow .nav-function.nav-item {
  padding-top: 15px
}

.cms-special-carousel-item.mis-slide.mis-current .popup {
  position: static;
  display: block;
  line-height: 40px
}

.trust-w p:empty {
  display: none
}

.home .mfp-wrap.mfp-gallery {
  z-index: 999999
}

.mfp-wrap .mfp-arrow-right {
  right: 20px
}

.mfp-wrap .mfp-arrow {
  margin: 0
}

.mfp-wrap .mfp-arrow-right::before {
  margin: 0;
  right: 0;
  top: 0;
  content: "\f054";
  border: none
}

.mfp-wrap .mfp-arrow-left::after {
  content: none
}

.mfp-wrap .mfp-arrow-right::after {
  content: none
}

.mfp-wrap .mfp-arrow-left::before {
  left: -2px;
  margin-left: 0;
  margin-top: 0;
  top: 0;
  border: none;
  content: "\f053"
}

.mfp-wrap .mfp-arrow-left {
  left: 20px
}

#Homepage_blogs .fusion-column-wrapper>h3 {
  color: hsl(0, 0%, 27%) !important;
  margin: 0
}

.fusion-sticky-shadow .main_menu_btns .__offcanvas-button {
  margin: 0
}

#Homepage_blogs h1.title-heading-center {
  color: hsl(0, 0%, 27%);
  font-family: "Raleway", sans-serif;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: uppercase
}

#content h1.title-heading-center,
.post-content h2.block-title,
h3.block-titleh3.block-title {
  font-family: "Raleway", sans-serif !important;
  font-weight: bold !important;
  color: hsl(0, 0%, 27%) !important;
  margin: 0
}

.fusion-contact-info,
.fusion-header-separator {
  font-weight: 700;
  line-height: 30px !important
}

.home .fusion-header-wrapper .fusion-header {
  max-width: 1200px;
  margin: 0 auto;
}

.layout-wide-mode .fusion-header-wrapper .fusion-row {
  max-width: 1200px !important;
}

.home .fusion-header-wrapper .fusion-header {
  background: transparent;
}

.fusion-header-wrapper .fusion-header .fusion-row {
  background: transparent !important
}

.fusion-header nav ul#mega-menu-main_navigation li a {
  font-weight: 500 !important
}

.fusion-header nav ul li .rv-button.btn-readmore.red.type1 {
  font-size: 16px;
  line-height: 40px;
  padding: 0 20px !important
}

.fusion-header-wrapper .fusion-header .fusion-logo {
  margin-left: 0
}

#wrapper #mega-menu-wrap-main_navigation #mega-menu-main_navigation>li.mega-menu-megamenu>ul.mega-sub-menu {
  background-color: hsl(0, 0%, 100%);
  border-bottom: 2px solid hsl(0, 82%, 53%);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0 4px 10px 0 hsla(0, 0%, 0%, .2);
  color: hsl(0, 0%, 20%);
  border-top: 2px solid #eee;
  text-align: left
}

.faa-parent.animated-hover:hover>.faa-spin,
.faa-spin.animated,
.faa-spin.animated-hover:hover {
  animation: 1.5s linear 0s normal none infinite running spin
}

@keyframes spin {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(359deg)
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(359deg)
  }
}

.ourClients .fusion-column-wrapper>h3 {
  color: hsl(0, 0%, 27%) !important;
  margin-top: 0;
  margin-bottom: 30px
}

.fusion-separator.sep-single.sep-solid {
  margin: 0 auto 20px !important
}

#contacticons .fusion-separator.sep-single.sep-solid {
  margin: 0 auto 120px !important
}

.post-content .block-title-w>p {
  margin: 0
}

#Homepage_blogs .fusion-recent-posts {
  margin-bottom: 0
}

#Homepage_blogs .fusion-recent-posts .columns {
  padding-top: 0;
  padding-bottom: 0
}

.fusion-button.btn-readmore .fusion-button-text {
  color: #E92525 !important
}

.fusion-button.btn-readmore.rv-button.type1 {
  border: 1px solid #E92525
}

#wrapper .fusion-tabs-widget .tab-holder .tabs li a,
.fusion-accordian .panel-heading a,
.fusion-accordian .panel-title,
.fusion-carousel-title,
.fusion-content-widget-area h4,
.fusion-flip-boxes .fusion-flip-box .flip-box-heading-back,
.fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-title,
.fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-title a,
.fusion-megamenu-title,
.fusion-modal h4,
.fusion-person .person-desc .person-author .person-author-wrapper,
.fusion-tabs .nav-tabs li .fusion-tab-heading,
.popover .popover-title,
.post-content h4,
.project-content .project-info h4,
.share-box h4,
table th {
  font-family: 'Work Sans', sans-serif !important;
}

.faa-horizontal.animated,
.faa-horizontal.animated-hover:hover,
.faa-parent.animated-hover:hover>.faa-horizontal {
  animation: 2s ease 0s normal none infinite running horizontal
}

@keyframes horizontal {
  0% {
    transform: translate(0, 0)
  }

  6% {
    transform: translate(5px, 0)
  }

  12% {
    transform: translate(0, 0)
  }

  18% {
    transform: translate(5px, 0)
  }

  24% {
    transform: translate(0, 0)
  }

  30% {
    transform: translate(5px, 0)
  }

  100%,
  36% {
    transform: translate(0, 0)
  }
}

h6.size-s a {
  color: hsl(0, 0%, 100%)
}

.offcanvas-nav-toggle .fa.fa-close {
  color: hsl(0, 0%, 100%)
}

.special-feature .mask-bottom h4 {
  color: hsl(0, 0%, 100%);
  font-size: 20px
}

.mask-top h4 {
  font-size: 20px !important;
  margin-bottom: 0
}

.mask-bottom br,
.mask-bottom p:empty {
  display: none
}

.page-id-389 #main {
  padding-bottom: 0
}

.touch-with-us .column {
  margin-bottom: 0 !important
}

.touch-with-us {
  padding-top: 20px;
  padding-bottom: 20px
}

#aboutPage .block-title-w h5 {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  margin-top: 0
}

.fusion-modal h5,
.fusion-widget-area h5,
.post-content h5 {
  font-family: "Raleway", sans-serif !important
}

#sliders-container .slides li::before {
  background: hsla(0, 0%, 0%, .5) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9
}

#mega-menu-wrap-main_navigation #mega-menu-main_navigation>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
  font-weight: normal !important
}

ul.slides .slide-content .title-heading-center {
  font-size: 40px !important;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  line-height: normal !important
}

#sliders-container .tfs-slider .slide-content-container {
  top: 75%;
  z-index: 9
}

#aboutPage .text-left h4.rv-color {
  font-size: 20px
}

.home #sliders-container .slides li::before {
  content: none
}

.home #sliders-container .tfs-slider .slide-content-container {
  top: 50%
}

.home .slides .caption h3 p,
.home .slides .caption h3 {
  font-size: 20px;
  letter-spacing: .1em;
  line-height: 30px;
  font-weight: 400
}

.home .slide-content-container.slide-content-center .heading .title-heading-center {
  font-size: 60px !important
}

.icon-column h3.montserrat-font {
  color: hsl(0, 0%, 23%) !important;
  margin-top: 0;
  font-size: 14px
}

ul.slides .slide-content .caption .title-heading-center {
  display: table;
  font-size: 15px !important;
  font-weight: 400;
  line-height: 26px !important;
  margin: 0 auto;
  max-width: 1200px;
  padding: 10px 100px;
  text-align: center;
  width: 100%
}

.top-service-inn .panel p:first-child {
  float: left;
  padding: 0;
  margin: 0
}

div#main {
  padding-bottom: 0px !important;

}

.game_page_class div#main {
  padding-top: 0;
}

.hire-us .text-center.wow h4 {
  margin-top: 0px !important
}

.section.dark {
  padding-top: 30px !important
}

.section.dark h4,
.section.dark h2 {
  color: #fff !important
}

.section.dark .fusion-carousel .fusion-carousel-item .fusion-carousel-item-wrapper {
  position: relative;
  padding-top: 40px
}

.section.dark .fusion-carousel .fusion-carousel-wrapper {
  padding: 20px 0 0;
  width: 100% !important
}

.section.dark h4.fusion-carousel-title {
  position: absolute;
  top: 0;
  font-size: 15px;
  height: 34px;
  overflow: hidden;
  border-top: 1px solid rgba(255, 255, 255, .5);
  margin: 0;
  padding-top: 10px;
  left: 0;
  color: #ccc;
  right: 0;
  text-align: left;
  text-indent: 5px
}

#main .block-title-w h4 {
  line-height: 31px !important
}

#main .block-title-w h2.block-title,
h3.block-titleh3.block-title {
  line-height: 38px !important
}

.trust-w .tr-text h3 {
  margin-top: 0
}

.section.dark h4.fusion-carousel-title a {
  color: #ccc
}

.section.dark h4.fusion-carousel-title:hover a {
  color: #fff
}

.section.dark .fusion-carousel-meta {
  display: none
}

.section.dark .fusion-portfolio-carousel {
  overflow: visible
}

.section.dark .fusion-carousel .fusion-carousel-nav span.fusion-nav-next {
  position: static;
  float: right;
  margin: 0;
  height: 40px;
  background: transparent
}

.section.dark .fusion-carousel .fusion-carousel-nav span.fusion-nav-prev {
  position: static;
  float: left;
  background: transparent;
  margin: 0;
  height: 40px
}

.section.dark .fusion-carousel .fusion-carousel-nav span.fusion-nav-prev::before {
  background: url(../../../../images/slider_pager_w.png);
  height: 40px !important;
  background-repeat: no-repeat;
  content: "";
  width: 20px;
  overflow: hidden
}

.section.dark .fusion-carousel .fusion-carousel-nav span.fusion-nav-next::before {
  background: url(../../../../images/slider_pager_w.png);
  height: 40px !important;
  background-repeat: no-repeat;
  content: "";
  width: 20px;
  overflow: hidden;
  background-position: right top !important
}

.section.dark .fusion-carousel .fusion-carousel-nav {
  margin-top: 20px;
  display: inline-block;
  width: 100%
}

.touch-with-us {
  padding: 30px 0px !important
}

.contact-wrap .fusion-layout-column {
  border-right: 1px dotted #ccc !important;
  /*width: 25%!important;*/
  margin: 0 !important
}

.contact-wrap .fusion-layout-column:last-child {
  border: none !important
}

.post-content ul.fusion-filters {
  border: none;
  margin-bottom: 20px
}

.post-content .fusion-filter.fusion-active a {
  border-bottom: 3px solid #a0ce4e;
  border-top: none
}

.right_testimonial h2 {
  padding: 10px
}

.Blog_left {
  width: 28% !important;
  float: left !important;
  margin: 0 !important;
  position: relative !important
}

.Blog_right {
  float: right !important;
  left: 0;
  padding-left: 35px;
  position: relative !important;
  text-align: left;
  width: 72% !important
}

.page-id-6312 div#main {
  padding-bottom: 0px !important;
  background: #efefef
}

.Blog_left .fusion-column-wrapper {
  padding: 0;
  background-color: transparent;
  float: left;
  width: 100%
}

.page-id-6312 section.hdr_BoTTom-block {
  background: none;
}

.Blog_left .fusion-column-wrapper .fusion-content-widget-area .widget {
  margin-bottom: 20px !important;
  background-color: #fff;
  box-shadow: 0 0 4px #ccc;
  float: left;
  padding: 20px 10px;
  width: 100%
}

.post-content .Blog_left h4.widget-title,
#sidebar h4.widget-title {
  margin: 0;
  background: none repeat scroll 0 0 hsl(185, 69%, 45%);
  color: hsl(0, 0%, 100%) !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 16px;
  line-height: 36px;
  font-weight: 500;
  margin-bottom: 20px;
  position: relative;
  text-align: center
}

.Blog_left h4.widget-title:before,
#sidebar h4.widget-title:before {
  background-image: url(assets/images/featured-shadow.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  bottom: -13px;
  content: "";
  height: 13px;
  left: 0;
  position: absolute;
  width: 100%
}

.Blog_right .fusion-blog-shortcode .fusion-read-more {
  background: #e92525;
  color: #fff;
  border-color: 1px solid #e92525;
  padding: 3px 15px;
  font-weight: 500;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s
}

.Blog_right .fusion-meta-info {
  border: none
}

.fusion-portfolio-four .fusion-portfolio-post img,
.fusion-portfolio-four .fusion-image-wrapper {
  width: 100%
}

.fusion-portfolio-content-wrapper .fusion-image-wrapper,
.fusion-portfolio-content-wrapper .fusion-image-wrapper a,
.fusion-portfolio-content-wrapper .fusion-image-wrapper img {
  width: 100%
}

.fusion-portfolio-wrapper .fusion-image-wrapper,
.fusion-portfolio-wrapper .fusion-image-wrapper a,
.fusion-portfolio-wrapper .fusion-image-wrapper a img {
  width: 100%
}

article.fusion-portfolio-post .text-center {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e92525;
  display: block;
  text-align: center;
  padding: 0 30px;
  transform: scale(.3);
  opacity: 0;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  visibility: hidden;
  z-index: 99;
  cursor: pointer
}

article.fusion-portfolio-post:hover .text-center {
  transform: scale(1);
  opacity: 1;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  visibility: visible
}

.portfolio-inner-class {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Raleway", sans-serif !important;
  font-size: 16px;
  color: #fff
}

.work-info {
  font-family: "Raleway", sans-serif
}

.work-info h6 {
  margin: 0;
  line-height: 24px
}

.work-info h6 a,
.category {
  margin: 0;
  font-family: "Raleway", sans-serif;
  font-size: 16px
}

.mfp-wrap.mfp-gallery.mfp-close-btn-in.mfp-auto-cursor {
  z-index: 99999
}

.portfolio-inner-class a button {
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
  border: 2px solid #fff;
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 7px 17px;
  margin-top: 15px;
  display: inline-block
}

.portfolio-inner-class a:hover button {
  background: #fff;
  color: #e92525;
  transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s
}

.portfolio-inner-class p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0 !important
}

#contactRV .block-title-w {
  margin-top: 30px !important
}

#contactRV .block-title-w,
#contactRV .block-title-w h4,
#contactRV .block-title-w h2 {
  color: #fff !important
}

#contactRV .gm-style-iw div {
  color: #333
}

.page-id-168 div#main {
  padding-top: 0 !important
}

.contact-wrap h2 {
  font-size: 20px !important;
  margin-bottom: 10px
}

.contact-wrap p {
  font-family: 'Work Sans', sans-serif;
  line-height: 22px;
  font-size: 13px
}

.custom_overlay {
  left: 0;
  top: 0;
  height: 100%;
  display: block;
  opacity: 0;
  text-align: center;
  z-index: 1;
  width: 100%;
  position: absolute;
  transition: all .2s 0s ease-in-out;
  background-color: rgba(33, 33, 33, .8)
}

.fusion-portfolio-content-wrapper {
  position: relative;
  border: none !important
}

.career_main_sec li h4 {
  margin-top: 0;
  font-weight: 700
}

.car_exp_row .exp_con1 img {
  display: inline-block;
  margin-right: 7px;
  vertical-align: middle
}

.career_main_sec h5 {
  font-weight: 700
}

.career_main_sec ul li:hover .readmore-post {
  background-color: #e92525
}

.fusion-portfolio-four .fusion-portfolio-post .top_div {
  position: relative
}

.fusion-portfolio-four .fusion-portfolio-post .top_div:hover .custom_overlay {
  opacity: 1
}

.custom_overlay_innerdiv {
  opacity: 0;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 40%;
  margin: auto;
  width: 100%;
  position: absolute;
  transition: all .2s 0s ease-in-out
}

.custom_overlay_innerdiv nav,
.custom_overlay_innerdiv a {
  display: inline-block
}

.custom_overlay i {
  background: #e92525;
  color: #fff;
  width: 40px;
  height: 40px;
  font-size: 18px;
  line-height: 40px;
  cursor: pointer;
  border-radius: 100%
}

.custom_overlay i:hover {
  background: #1a1a1a
}

.fusion-portfolio-four .fusion-portfolio-post .top_div:hover .custom_overlay_innerdiv {
  top: 50%;
  opacity: 1
}

.fusion-portfolio>div:first-child {
  max-width: 1170px;
  margin: 0 auto
}

.post-content .fusion-filters .fusion-filter.fusion-active a {
  color: #000;
  font-weight: 600
}

.gallery_back span a {
  background-image: url(../images/view-gallery-icon.png);
  background-repeat: no-repeat;
  color: #666;
  float: right;
  line-height: 28px;
  padding-left: 32px;
  text-align: right;
  width: 100%
}

.right_testimonial {
  border-bottom: 1px solid #eee
}

.sky-form .input input,
.sky-form .select select,
.sky-form .textarea textarea {
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  height: 39px;
  padding: 6px 40px 6px 10px;
  outline: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 0;
  background: #fff;
  font: 15px/23px 'Work Sans', sans-serif !important;
  color: #404040;
  appearance: normal;
  -moz-appearance: none;
  -webkit-appearance: none
}

.sky-form br {
  display: none
}

.sky-form.web_sky_form h4 br {
  display: block;
}

#myModal .modal-content h4.modal-title {
  color: #e92525;
  font-size: 24px;
  font-weight: normal !important;
  line-height: 30px;
  font-family: 'Work Sans', sans-serif !important;
}

.modal-header .close {
  line-height: .5;
  font-size: 40px
}

.industrial_training_services .fusion-column-wrapper br {
  display: none
}

.post-content span.underline {
  margin-top: 5px
}

.select_box1,
.select_box2 {
  width: 27%;
  float: left;
  position: relative;
  border: none;
  color: #fff;
  padding: 0;
  height: 40px;
  background: black !important;
  margin-right: 12px
}

.select_box3 {
  width: auto;
  float: left;
  border: none;
  height: 40px;
  background: black;
  position: relative;
  padding-left: 10px;
  line-height: 40px;
  padding-right: 10px
}

.select_box3 a {
  color: #fff
}

.case-study-button {
  margin-top: 20px
}

.fusion-column-wrapper .the-momentum-process h2 span {
  font-size: 38px
}

.ngg-albumoverview .ngg-album-compact {
  float: left;
  padding: 10px !important;
  width: 33.33%
}

.gallery_wrapper .ngg-albumoverview .ngg-album-compact .ngg-album-compactbox a,
.gallery_wrapper .ngg-albumoverview .ngg-album-compact .ngg-album-compactbox a img {
  width: 100%;
  border: none !important
}

.gallery_wrapper .ngg-albumoverview .ngg-album-compact .ngg-album-compactbox {
  border: none;
  padding: 0 !important
}

.gallery_wrapper .ngg-album-compactbox:after,
.gallery_wrapper .ngg-album-compactbox:before {
  content: none
}

.gallery_wrapper .ngg-gallery-thumbnail-box {
  width: 25%
}

.gallery_wrapper .ngg-gallery-thumbnail img {
  width: 100%;
  height: 250px;
  object-fit: cover
}

.post-content .gallery_top_outer {
  padding: 0 !important;
  margin: 0 !important
}

.page-id-1337 div#main {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.gallery_wrapper .ngg-gallery-thumbnail {
  border: none !important
}

.gallery_wrapper .ngg-gallery-thumbnail a {
  margin: 0
}

.car_exp_row .exp_con1 span {
  color: #6e6e6e;
  display: inline-block;
  font-size: 14px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  vertical-align: middle
}

.shrtcd_button a.shrtcd-btn.btn-readmore.red.rv-button.type1 {
  padding: 10px 15px !important
}

span.Motivated {
  color: #6e6e6e;
  display: inline-block;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 20px;
  padding-right: 10px;
  position: relative;
  top: 3px
}

.ind-Career_form input,
.ind-Career_form select {
  border: 1px solid #ccc;
  border-radius: 2px;
  color: #676767;
  display: inline-block;
  font-size: 13px;
  height: 36px;
  line-height: 20px;
  padding: 6px 10px;
  width: 100%
}

.industrial_training_services h2.ind_subtitle_main1 {
  color: #e92525;
  margin-bottom: 20px;
  text-align: center;
  font-size: 20px !important;
  font-family: 'Roboto', sans-serif !important;
  font-weight: bold !important
}

.industrial_training_services h2.ind_subtitle_main1 em {
  font-style: normal
}

.event-section .container {
  overflow: visible
}

header.fusion-header-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 999;
  background: #fff;
}

#myModal123 .modal-dialog {
  width: 1020px;
  position: relative;
  margin-top: 4%;
  margin-left: auto;
  border: 10px solid rgba(255, 255, 255, .25);
  margin-right: auto
}

#myModal123 .modal-dialog .modal-content {
  box-shadow: none;
  border: none;
  border-radius: 0;
  left: 0;
  background: #e92525 !important;
  width: 100%
}

#myModal123 .modal-dialog .modal-content .modal-body {
  padding: 0;
  display: table
}

#myModal123 .pop_left {
  display: table-cell;
  background: #fff;
  width: 64%
}

#myModal123 .pop_form {
  display: table-cell;
  vertical-align: top;
  width: 36%;
  background: #e92525;
  padding: 20px
}

#myModal123 button.close {
  position: absolute;
  right: 0;
  top: 0
}

#myModal123 .pop_form h1 {
  margin-bottom: 0;
  float: left;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 30px;
  line-height: 33px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700
}

#myModal123 .pop_form h2 {
  float: left;
  width: 100%;
  color: #3f3939;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 5px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700
}

#myModal123 .pop_form p {
  float: left;
  width: 100%;
  color: #fff;
  font-size: 13px;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 22px
}

#myModal123 .pop_form .form input {
  float: left;
  width: 100%;
  background: #fff;
  line-height: 38px;
  height: 37px;
  border-radius: 3px;
  border: none;
  margin-bottom: 10px;
  padding: 0 10px;
  outline: none;
  font-size: 14px;
  color: #777
}

#myModal123 .pop_form .wpcf7-form-control>div>div,
#myModal123 .pop_form .wpcf7-form-control>div {
  display: inline-block
}

#myModal123 .pop_form .form input.wpcf7-submit {
  border-radius: 25px;
  color: #0ec6dc;
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase
}

.ind_training {
  float: left;
  width: 100%;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 300;
  padding: 0 0 10px 0
}

#pop-up-training-form .wpcf7-form-control-wrap {
  display: inline-block;
  width: 100%
}

#myModal123 button.close {
  position: absolute;
  right: 0;
  height: 40px;
  background: #fff;
  width: 40px;
  border-radius: 100%;
  line-height: 0;
  text-align: center;
  font-size: 40px
}

.ind_train_wrapper span.fusion-column-inner-bg.hover-type-none {
  display: none
}

.ind_train_wrapper.industrial_training_services .fusion-layout-column:hover {
  background: #f1f1f1
}

.ind_train_wrapper.industrial_training_services .fusion-layout-column:last-child:hover,
.ind_train_wrapper.industrial_training_services .fusion-layout-column:first-child:hover {
  background: transparent
}

.industrial_training_services .fusion-column-inner-bg-wrapper .fusion-column-wrapper {
  padding: 10px
}

.fusion-fullwidth.fusion-blend-mode .ind-Career_form .ind_form_row input,
.fusion-fullwidth.fusion-blend-mode .ind-Career_form .ind_form_row select {
  border: 1px solid #ccc;
  border-radius: 2px;
  color: #676767;
  display: inline-block;
  font-size: 13px;
  height: 36px;
  line-height: 20px;
  padding: 6px 10px;
  width: 100% !important
}

.fusion-fullwidth.fusion-blend-mode .ind-Career_form .ind_form_row select .select-arrow {
  height: 34px;
  width: 34px;
  line-height: 34px
}

.fusion-fullwidth .ind-right_form h3.training {
  color: #e92525;
  display: inline-block;
  font-weight: 700;
  font-size: 20px;
  width: 100%;
  font-family: "Raleway", sans-serif
}

.contact_right_inner h1 {
  font-family: "Raleway", sans-serif
}

.phone_call a {
  color: #e92525;
  margin-right: 5px
}

form .ind-Career_form .ind_form_row label {
  display: inline-block;
  color: #6c6c6c;
  float: left;
  font-size: 14px;
  margin-bottom: 2px;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-weight: 700
}

.industrial_training img {
  max-width: 15%
}

.industrial_training_services h3.training {
  font-size: 20px;
  font-family: "Raleway", sans-serif
}

#Tabs2.fusion-tabs.vertical-tabs .nav ul.nav-tabs li a {
  border: none;
  border-radius: 8px 0 0 8px;
  display: inline-block;
  width: 100%;
  padding: 10px 2px;
  background: #f1f1f1;
  background: -moz-linear-gradient(left, #f1f1f1 0, #dedede 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #f1f1f1), color-stop(100%, #dedede));
  background: -webkit-linear-gradient(left, #f1f1f1 0, #dedede 100%);
  background: -o-linear-gradient(left, #f1f1f1 0, #dedede 100%);
  background: -ms-linear-gradient(left, #f1f1f1 0, #dedede 100%);
  background: linear-gradient(to right, #f1f1f1 0, #dedede 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#dedede', GradientType=1)
}

#Tabs2.fusion-tabs.vertical-tabs .nav-tabs>li.active>.tab-link {
  border: none
}

#Tabs2.fusion-tabs.vertical-tabs .nav,
#Tabs2.fusion-tabs.vertical-tabs .tab-content {
  width: 50%
}

#Tabs2.fusion-tabs.fusion-tabs-1 .nav,
#Tabs2.fusion-tabs.fusion-tabs-1 .nav-tabs,
#Tabs2.fusion-tabs.fusion-tabs-1 .tab-content .tab-pane {
  background: transparent;
  border: none
}

#Tabs2.fusion-tabs.vertical-tabs .nav ul li a img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  padding: 5px
}

#Tabs2.fusion-tabs.fusion-tabs-1 .tab-content .tab-pane {
  padding-top: 0
}

#Tabs2.fusion-tabs.vertical-tabs .nav ul li a h4 {
  font-size: 18px;
  padding: 4px 20px 4px 0;
  color: #5e5e5e;
  display: inline-block;
  border-right: 1px solid #aaa;
  vertical-align: middle
}

#Tabs2.fusion-tabs.vertical-tabs .nav ul li a {
  text-align: right
}

#Tabs2.fusion-tabs.fusion-tabs-1 .nav ul li {
  margin-bottom: 20px
}

.quotes-about {
  margin: 30px 0
}

.os-top_links h3,
.prc-quote_section p,
.pricing_table .prc_top_price,
.pricing_table .prc_top_sec,
.pricing_table a.pricing_button,
.os-ben-col6 h2,
.os_benifits h3 {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500 !important
}

.textarea-message.form-group textarea {
  height: 80px !important
}

#QueryForm .input-email.form-group.error-relative {
  margin-bottom: 10px
}

.post-content .Blog_section .Blog_left ul li a,
#sidebar .widget li a {
  background-image: url(assets/images/featured-link-bullets.png);
  background-repeat: no-repeat;
  color: hsl(0, 0%, 40%);
  background-position: left center;
  font-size: 13px;
  padding-left: 20px;
  line-height: 30px;
  font-weight: 400
}

.post-content .Blog_section .Blog_left ul li a:before,
#sidebar .widget li a:before {
  content: none
}

.post-content .Blog_section .Blog_left ul li,
#sidebar .widget li {
  margin: 0;
  border: none;
  padding: 0
}

.post-content .Blog_section .Blog_left ul,
#sidebar .widget ul {
  list-style: none
}

.Blog_left .fusion-column-wrapper .fusion-content-widget-area .widget.widget_categories {
  margin: 0
}

.event-section .single-event:hover p:nth-child(2) {
  color: #999
}

.Blog_section article .fusion-date-and-formats .fusion-format-box {
  display: none
}

.post-content .ngg-albumoverview .ngg-album-compact a,
.post-content .ngg-albumoverview .ngg-album-compact a img {
  width: 100%
}

.gallery_wrapper .ngg-album-compact h4 a {
  height: auto
}

.auto-container.payment_logos p strong {
  line-height: 28px;
  color: #f5f5f5
}

.post-content .ngg-albumoverview .ngg-album-compact a img {
  display: inline-block;
  height: 250px;
  object-fit: cover
}

.Blog_right .Blog_right {
  float: left;
  left: 0;
  padding-left: 0;
  position: static;
  text-align: left;
  width: 100% !important
}

.Blog_list {
  margin-bottom: 20px;
  padding: 10px 20px;
  background-color: #fff;
  box-shadow: 0 0 4px #ccc;
  float: left;
  width: 100%
}

.Blog_list .blog_img {
  float: left;
  width: 37%;
  position: relative
}

footer .certifications a {
  background: none;
  color: #f1f1f1;
  display: inline-block;
  font-size: 15px;
  margin-right: 10px;
  position: relative;
  text-align: center;
  width: auto
}

div#mc4wp_form_widget-2 {
  margin-bottom: 30px
}

.footer-widget.links-widget ul li i {
  font-size: 15px;
  line-height: 20px;
  margin-right: 6px !important
}

.Blog_list .blog_content {
  width: 61%;
  float: left;
  position: relative;
  padding-left: 20px
}

.Blog_right .Blog_list h1 {
  border-bottom: 1px solid hsl(0, 0%, 92%);
  color: hsl(0, 4%, 23%);
  font-size: 21px;
  font-weight: 700;
  font-family: "Raleway", sans-serif;
  line-height: 32px;
  margin-bottom: 10px;
  margin-top: 0
}

span.date_tag {
  background-image: url(assets/images/Date_tag.png);
  color: hsl(0, 0%, 100%);
  float: left;
  font-size: 30px;
  height: 69px;
  left: -30px;
  padding-top: 3px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 65px;
  line-height: 38px
}

.date_tag i {
  font-size: 12px;
  font-style: normal;
  display: inline-block;
  width: 100%;
  position: relative;
  top: -20px
}

body.has-sidebar #main .sidebar {
  width: 28% !important
}

body.has-sidebar #main .sidebar .widget {
  margin-bottom: 20px;
  background-color: #fff;
  box-shadow: 0 0 4px #ccc;
  float: left;
  padding: 20px 10px;
  width: 100%
}

.single-post #main .fusion-row div#content article {
  margin-bottom: 20px;
  padding: 10px 20px;
  background-color: #fff;
  box-shadow: 0 0 4px #ccc;
  float: left;
  width: 100%
}

.single-post #main .fusion-row div#content article a img {
  width: 100%;
  margin-bottom: 10px
}

#who-we-are .fusion-layout-column.fusion-column-last form input {
  display: block;
  width: 100%;
  height: 34px;
  padding: 0 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid #DDD;
  border-radius: 0;
  transition: all 0.3s ease-in-out;
  background-image: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

#who-we-are .fusion-layout-column.fusion-column-last form br {
  display: none
}

#mega-menu-wrap-main_navigation #mega-menu-main_navigation>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item {
  width: 25% !important;
  margin-bottom: 0px !important
}

#who-we-are .fusion-layout-column.fusion-column-last form .Consultation_btn_class input {
  padding: 3px 30px 3px 15px;
  font-weight: 500;
  text-align: center;
  border-radius: 3px;
  color: #fff;
  background: #e92525;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  font-size: 13px;
  text-transform: capitalize;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  border: 1px solid;
  border-color: #e92525;
  margin-bottom: 0;
  width: auto
}

.Consultation_btn_class {
  display: inline-block;
  position: relative;
  margin-top: 15px
}

.Consultation_btn_class:before {
  content: "\f1d8";
  font-family: fontawesome;
  position: absolute;
  color: #fff;
  right: 8px;
  top: 2px;
  z-index: 9
}

#who-we-are .fusion-layout-column.fusion-column-last form textarea {
  height: 80px;
  font-size: 14px
}

#testimonials .quote .review>p {
  margin-bottom: 0;
  font-size: 13px;
  padding: 0 10px;
  line-height: 22px;
  min-height: 110px;
  color: #fff;
}

section.work {
  background: #f9f9f9;
}

#testimonials .quote .review {
  width: auto
}

footer .widget.widget_text .textwidget {
  font-size: 12px;
  font-weight: 400
}

.wp-pagenavi a,
.wp-pagenavi span {
  border: medium none;
  display: inline-block;
  text-align: center;
  border-radius: 2px;
  color: #fff;
  font-weight: 400;
  line-height: 25px;
  background: none repeat scroll 0 0 hsl(0, 0%, 76%);
  min-width: 35px;
  padding: 3px 5px
}

.wp-pagenavi .current {
  background-color: #e92525;
  border: medium none;
  border-radius: 2px;
  color: hsl(0, 0%, 100%);
  display: inline-block;
  line-height: 25px;
  margin: 0 3px;
  min-width: 35px;
  padding: 4px 5px
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  border-color: #000
}

.Pagination span.pages {
  display: none
}

.Blog_list .blog_content p strong {
  font-weight: 400
}

.Blog_list .blog_content p,
.blog_content p {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400
}

.wp-pagenavi {
  text-align: center
}

.ourWork .fusion-portfolio-content-wrapper:hover:before {
  opacity: 1;
  visibility: visible;
  transition: all 0.8s ease-out 0s;
  -webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s
}

.ourWork .fusion-portfolio-content-wrapper:hover:after {
  opacity: 1;
  visibility: visible;
  transition: all 0.8s ease-out 0s;
  -webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s
}

.ourWork .fusion-portfolio-content-wrapper:after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  right: 0;
  top: 0;
  border-top: 34px solid transparent;
  border-left: 34px solid #65d5f7;
  opacity: 0;
  transition: all 0.8s ease-out 0s;
  -webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  visibility: hidden;
  z-index: 99
}

.ourWork .fusion-portfolio-content-wrapper:before {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  right: 0;
  top: 0;
  border-bottom: 34px solid transparent;
  border-right: 34px solid #fafafa;
  opacity: 0;
  transition: all 0.8s ease-out 0s;
  -webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  visibility: hidden;
  z-index: 999
}

.service-tab ul.nav-tabs.nav-justified {
  background: transparent;
  border: none
}

.service-tab ul.nav-tabs.nav-justified li {
  width: 16.66666667%;
  display: inline-block;
  margin: 0 18px
}

.service-tab ul.nav-tabs.nav-justified li a h4 {
  font-size: 15px;
  padding-top: 5px;
  color: #fff
}

.service-tab ul.nav-tabs.nav-justified li a {
  padding: 20px
}

.service-tab ul.nav-tabs.nav-justified li.active a h4,
.service-tab ul.nav-tabs.nav-justified li:hover a h4 {
  color: #333
}

.hire-continer-part ul li p {
  font-weight: 500
}

#main .creative-section h3 {
  font-size: 20px;
  font-family: 'Work Sans', sans-serif;
}

#main .creative-section .fusion-builder-row.fusion-row {
  max-width: 100%
}

#main .creative-section .fusion-builder-row.fusion-row .fusion-tabs .nav {
  max-width: 1170px;
  margin: 0 auto
}

.privacy_pages_wrapper .main_div_inner {
  margin: 0;
  max-width: 100%;
  width: 100%
}

section.privacy_pages_wrapper {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 0 4px #ccc;
  margin: 30px 0;
  padding: 20px;
  display: block !important;
}

body.page-id-2368 #main,
body.page-id-2384 #main {
  background: #efefef
}

.privacy_pages_wrapper .main_div_inner p {
  color: #484848;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14px;
  margin: 0 0 10px;
  line-height: 2.14285714
}

.privacy_pages_wrapper .main_div_inner p b {
  margin-bottom: 10px;
  display: inline-block
}

header .fusion-header-v2 .fusion-secondary-header {
  border-top: none
}

#mega-menu-wrap-main_navigation #mega-menu-main_navigation>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item.mega-menu-clear {
  clear: none !important
}

.home div#main {
  padding-top: 0
}

#mega-menu-wrap-main_navigation #mega-menu-main_navigation>li.mega-menu-item>a.mega-menu-link:hover {
  background: transparent !important
}

.fusion-header-v2.fusion-logo-left .fusion-secondary-header .fusion-row,
.fusion-header-v2.fusion-logo-left .fusion-secondary-header .fusion-row a {
  color: #e92525;
  font-family: arial;
  font-size: 14px;
  font-weight: 700
}

.fusion-header-v2.fusion-logo-left .fusion-secondary-header>.fusion-row {
  max-width: 1200px;
  padding: 0
}

.slider-text-wrap a.rv-button.type1 {
  font-size: 20px !important;
  padding: 10px 15px !important;
  min-width: 180px !important;
  line-height: 22px !important;
  text-transform: inherit !important;
  letter-spacing: 0 !important
}

.fusion-header-v2.fusion-logo-left .fusion-secondary-header .fusion-row a {
  margin-right: 5px
}

.fusion-header-v2.fusion-logo-left .fusion-secondary-header .fusion-row span.fusion-header-separator {
  display: none
}

div#recent-blog-left,
div#recent-blog-right {
  width: 41.66666667% !important;
  margin: 0 !important
}

div#recent-blog-center {
  width: 16.66666667% !important;
  margin: 0 !important
}

.rev_slider_wrapper .rev_slider .tp-leftarrow.tparrows,
.rev_slider_wrapper .rev_slider .tp-rightarrow.tparrows {
  background: transparent !important
}

.rev_slider_wrapper .rev_slider .tp-rightarrow.tparrows:before {
  content: "\f054" !important
}

.rev_slider_wrapper .rev_slider .tp-leftarrow.tparrows:before {
  content: "\f053" !important
}

.rev_slider_wrapper .rev_slider .tparrows:before {
  display: block !important;
  text-align: center !important;
  font-family: "FontAwesome" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  -webkit-font-smoothing: antialiased !important;
  font-size: 40px !important;
  text-shadow: 0 0 1px #444444 !important
}

.fusion-logo img {
  height: 44px !important;
  padding-left: 5px;
  padding-right: 5px
}

.fusion-header-wrapper .fusion-header .fusion-logo {
  margin-top: 23px !important;
  margin-bottom: 23px !important
}

.fusion-portfolio-paging-none.fusion-portfolio.fusion-portfolio-three.fusion-portfolio-unboxed {
  margin-bottom: 20px !important
}

.fusion-header-wrapper .fusion-header {
  border: none !important
}

#recent-blog-left .recent-posts-content h4,
#recent-blog-right .recent-posts-content h4 {
  margin: 15px 0 3px;
  width: 100%;
  display: inline-block
}



.fusion-body .fusion-footer-copyright-center .fusion-social-links-footer {
  display: none
}

footer .footer-widget.links-widget li {
  margin-bottom: 12px
}

.fusion-copyright-content .fusion-copyright-notice {
  font-size: 13px;
  line-height: 20px;
  color: #eee
}

.bt-social-links a span.fa {
  color: #fff
}

#Homepage_blogs .recent-posts-content p {
  margin-bottom: 0
}

#Homepage_blogs .recent-posts-content p.meta {
  margin-bottom: 10px
}

.ourClients.hundred-percent-fullwidth {
  padding: 0 !important
}

.rvTech.inline .logo img {
  padding-left: 5px;
  padding-right: 5px;
  height: 44px;
  width: 100%
}

.nav-fixed-transformed .fixed-tranformed-bg-light .container {
  overflow: visible
}

body .main-menu>ul>li>ul.mega-menu.menu-fullwidth li ul li a {
  position: relative;
  padding-left: 15px !important
}

body .main-menu>ul>li>ul.mega-menu.menu-fullwidth li ul li a::before {
  content: "\f105";
  font-family: fontawesome;
  font-size: 14px;
  left: 0;
  position: absolute
}

body .main-menu>ul>li>ul.mega-menu.menu-fullwidth li ul li:hover {
  margin-left: 10px;
  transition: all 0.5s ease 0s
}

body .main-menu>ul>li>ul.mega-menu.menu-fullwidth li ul li:hover a:before {
  color: #e92525
}

.fusion-header ul#mega-menu-main_navigation li {
  float: left !important
}

#_booking .form {
  float: left
}

.container-demo {
  padding: 0 15px
}

.single-post #main .fusion-row div#content article a img.ranjit-author {
  width: 20%
}

.ourClients.hundred-percent-fullwidth {
  padding-top: 30px !important
}

.text-left h4.rv-color {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 18px
}

#main .post h2,
#main .reading-box h2,
#main h2,
.ei-title h2,
.fusion-modal h2,
.fusion-title h2,
.fusion-widget-area h2,
.main-flex .slide-content h2,
.post-content h2,
.title h2 {
  font-family: 'Work Sans', sans-serif !important;
}

.event-section .single-event p {
  font-family: 'Work Sans', sans-serif;
  font-size: 14px;
  line-height: normal;
  font-weight: 500
}

.fusion-modal .modal-title,
.fusion-modal h3,
.fusion-widget-area h3,
.post-content h3,
.project-content h3 {
  font-family: 'Work Sans', sans-serif !important;
}

.page-id-1236 .banner_content,
.page-id-1175 .banner_content,
.page-id-1154 .banner_content,
.page-id-1337 .banner_content,
.page-id-1265 .banner_content,
.post-type-archive-case_study .banner_content,
.page-id-168 .banner_content,
.page-id-2372 .banner_content,
.page-id-1467 .banner_content,
.page-id-2042 .banner_content,
.page-id-735 .banner_content,
.page-id-153 .banner_content,
.page-id-389 .banner_content,
.page-id-722 .banner_content,
.single-case_study .banner_content {
  top: 58%
}

.os-ben-col6 h2 {
  font-size: 20px !important;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 600 !important;
  color: #5e5e5e !important
}

.tab-content .tab-inner-img img {
  width: 90%
}

.about-middle img {
  display: block;
  width: auto;
  height: auto;
  margin: auto;
  margin-top: 40px
}

.conversion-formDisplayEmail .textarea-message {
  margin-bottom: 5px
}

.conversion-formSubmitContainer {
  margin-top: 5px
}

.hire-us p {
  line-height: 2.14285714;
  margin-bottom: 0
}

button.mfp-close {
  font-size: 0
}

.contact_form span input.wpcf7-text,
.contact_form span textarea {
  font-size: 14px
}

.post-content .contact_form input[type='submit'] {
  font-size: 18px;
  margin: 10px 0;
  padding: 10px 30px;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
  position: relative;
  text-transform: uppercase;
  transition: all 0.4s cubic-bezier(.25, .46, .45, .94) 0s;
  z-index: 2;
  margin-top: 20px
}

.page-body .fusion-image-carousel {
  margin-bottom: 0
}

.rvOffer a.btn-readmore.red.rv-button.type1 {
  line-height: 22px;
  padding: 8px 20px !important
}

.here-for-you p,
#who-we-are .fusion-column-wrapper p {
  line-height: 2.14285714
}

#testimonials.testimonials.gamepage {
  padding: 50px 15px 60px !important
}

.wp-pagenavi span.pages {
  display: none
}

.hire-us .auto-container p,
.service-tab .classic.nav-tabs {
  margin-bottom: 0
}

.fusion-column-wrapper .block-title-w h5 {
  margin-top: 0;
  font-size: 15px
}

.post-content .welcome-about p {
  margin: 0;
  line-height: 28px
}

.rv-innovation .block-title-w h2,
.rv-innovation .block-title-w h3 {
  font-size: 32px;
  text-transform: uppercase;
  margin-bottom: 0;
  color: #444;
  line-height: 1.2 !important;
  font-weight: 700
}

.team-sec .detail-left>p:nth-child(2) {
  text-align: center !important
}

.fusion-footer-widget-area ul li a {
  color: #ddd
}

.event-section .single-event p:nth-child(2) {
  font-size: 14px;
  padding-top: 5px;
  min-height: auto;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: .02em;
  margin-bottom: 9px;
  color: #fff
}

.event-section .single-event p:last-child {
  line-height: 20px
}

.bt-social-links br {
  display: none
}

.right_section_icons img {
  margin-right: 5px
}

.right_section h2 {
  font-size: 17px;
  margin-bottom: 8px;
  color: #606262
}

.right_section_icons {
  margin-top: 10px
}

.Career_form label span {
  color: #f6611c
}

.development_section .career_main_sec2 .attech_file {
  padding: 10px 40px !important
}

.development_section {
  padding-bottom: 40px
}

.port_custom .fusion-carousel-title>a {
  color: #ccc !important
}

.port_custom .fusion-carousel-title>a:hover {
  color: #fff !important
}

.more .rv-button.red.type1 {
  float: none
}

.more {
  text-align: center
}

.more .rv-button.type1:after {
  content: none
}

form .Career_form .career_input {
  border: 1px solid #ccc;
  border-radius: 3px;
  float: left;
  height: 42px;
  padding-left: 10px;
  width: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F1F1F1), color-stop(1, #FFF));
  background-image: -o-linear-gradient(bottom, #F1F1F1 0, #FFF 100%);
  background-image: -moz-linear-gradient(bottom, #F1F1F1 0, #FFF 100%);
  background-image: -webkit-linear-gradient(bottom, #F1F1F1 0, #FFF 100%);
  background-image: -ms-linear-gradient(bottom, #F1F1F1 0, #FFF 100%);
  background-image: linear-gradient(to bottom, #F1F1F1 0, #FFF 100%);
  margin-bottom: 15px
}

form .Career_form label {
  font-weight: 500 !important
}

.development_section .right_form form .wpcf7-submit.job_submit {
  font-family: 'Roboto', sans-serif;
  padding: 8px 25px !important;
  font-weight: 700;
  line-height: 30px;
  width: 75% !important
}

.outsource_inner p {
  line-height: 2.14285714;
  margin: 0
}

form .contact_form input.wpcf7-text {
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 0;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  height: 40px;
  margin: 0 0 20px;
  padding: 0 10px;
  text-align: left;
  width: 100%
}

#wrapper #main #content article.post.category-uncategorized h2.entry-title {
  display: none
}

.title_div {
  border-bottom: 1px solid hsl(0, 0%, 92%);
  color: hsl(0, 4%, 23%) !important;
  font-size: 21px !important;
  line-height: 32px !important;
  margin-bottom: 10px;
  font-weight: 700
}

form .contact_form textarea {
  color: #000
}

.filter_row {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px
}

#wrapper #main #content article.post.category-uncategorized h4 {
  font-size: 20px;
  margin-top: 20px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #e92525
}

.sky-form {
  padding: 15px;
  position: relative
}

.sky-form .col-md-5,
.sky-form .col-sm-12,
.sky-form .col-md-12 {
  padding: 0
}

.sky-form .pull-right.reSize {
  float: right
}

.contact_form .wpcf7-form-control-wrap,
.sky-form .wpcf7-form-control-wrap {
  position: relative;
  display: inline-block;
  width: 100%
}

.contact_form span.wpcf7-not-valid-tip,
.sky-form span.wpcf7-not-valid-tip {
  position: absolute;
  left: 1px;
  bottom: -17px;
  font-size: 13px;
  color: red;
  text-align: left;
  font-weight: 400;
  background-color: transparent;
  padding: 0;
  margin-bottom: 0;
  line-height: normal
}

form.wpcf7-form .wpcf7-response-output {
  margin: 10px
}

#mega-menu-wrap-main_navigation #mega-menu-main_navigation>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link {
  line-height: 2.14285714
}

.single-post #main .fusion-row div#content article a.hupso_toolbar img {
  width: auto
}

header.fusion-header-wrapper .fusion-header {
  padding-left: 30px;
  padding-right: 30px
}

header.fusion-header-wrapper .fusion-header .fusion-row {
  padding: 0 !important
}

.ind-right_form span.wpcf7-not-valid-tip,
.conversion-formDisplayEmail span.wpcf7-not-valid-tip {
  position: absolute;
  left: 1px;
  top: 44px;
  font-size: 10px;
  color: red;
  text-align: left;
  font-weight: 400;
  background-color: transparent;
  padding: 0;
  margin-bottom: 0;
  line-height: normal
}

.ind-right_form .wpcf7-form-control-wrap,
.conversion-formDisplayEmail .wpcf7-form-control-wrap {
  display: inline-block;
  width: 100%
}

.certifications {
  float: right
}

.slider-text-wrap.last-slider h2 {
  margin-bottom: 80px !important
}

.imageframe-align-center .fusion-imageframe img,
body span.fusion-imageframe.imageframe-none.imageframe-1 img {
  width: 80%;
  margin: auto
}

body span.fusion-imageframe.imageframe-none.imageframe-1.home_banner_image img {
  width: 100%;
  height: auto;
}

.home_banner .fusion-text {
  position: absolute;
  top: 30%;
  width: 100%;
  height: auto;
  text-align: center;
  z-index: 999;
}

.home_banner {
  position: relative;
}

.appearance select {
  -webkit-appearance: none;
  width: 100%;
  padding: 10px;
  max-width: 150px;
  margin: 0;
  line-height: 20px;
}

.appearance:before {
  position: absolute;
  content: "";
  border-top: 6px solid #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  z-index: 9;
  top: 18px;
  right: 15px;
  pointer-events: none
}

.appearance {
  position: relative;
  vertical-align: middle;
  display: inline-block
}

.select_box3 {
  float: none;
  display: inline-block;
  vertical-align: middle
}

.banner_content p {
  font-size: 15px
}

.trust-w.inview.page-body .fusion-clearfix {
  display: none
}

.about-us.nonhundred-percent-fullwidth .fusion-layout-column.fusion-one-full,
.about-us.nonhundred-percent-fullwidth .fusion-layout-column.fusion-one-full .fusion-layout-column.fusion_builder_column {
  margin-bottom: 0px !important
}

#main .bootstrap-dialog-footer input.btn-readmore {
  padding: 3px 15px;
  line-height: 22px;
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'Work Sans', sans-serif !important;
}

.os-menu.main-menu .nav-function.nav-item .__offcanvas-button {
  margin-left: 0
}

#Homepage_blogs .imageframe-align-center .fusion-imageframe img,
span.fusion-imageframe.imageframe-none.imageframe-1 img {
  width: 100%;
  margin: 0 auto 10px
}

.main-menu>ul>li:nth-child(7):hover a {
  background: transparent
}

.to-top-container a#toTop {
  position: fixed;
  right: 15px;
  bottom: 45px;
  z-index: 998;
  border-radius: 0;
  border: 0;
  color: #fff;
  background-color: #e92525;
  width: 40px;
  height: 40px;
  line-height: 40px -2px;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0)
}

a.app_futura_logo {
  width: 120px !important;
  margin: 18px 0 0
}

a.app_futura_logo>img {
  width: 100%
}

.rev_slider_wrapper .rev_slider .tp-leftarrow.tparrows:hover,
.rev_slider_wrapper .rev_slider .tp-rightarrow.tparrows:hover,
.rev_slider_wrapper:hover .rev_slider .tp-leftarrow.tparrows,
.rev_slider_wrapper:hover .rev_slider .tp-rightarrow.tparrows {
  visibility: visible !important
}

#industrail_form_popup .modal-content {
  text-align: center;
  background: #fff !important
}

#industrail_form_popup .modal-content img {
  margin: 0 auto 10px
}

#industrail_form_popup h4.modal-title {
  color: #575757;
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  text-transform: none;
  position: relative;
  margin: 25px 0;
  padding: 0;
  line-height: 40px;
  display: block
}

#industrail_form_popup p {
  color: #797979;
  font-size: 16px;
  text-align: center;
  font-weight: 300;
  position: relative;
  text-align: inherit;
  float: none;
  margin: 0;
  padding: 0;
  line-height: normal
}

#industrail_form_popup button.btn.btn-default {
  background-color: rgb(233, 37, 37);
  color: white;
  border: none;
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  line-height: 2.14285714;
  -webkit-border-radius: 4px;
  border-radius: 5px;
  padding: 10px 32px;
  display: inline-block;
  margin: 26px 5px 0 5px;
  cursor: pointer
}

#industrail_form_popup .modal-dialog {
  width: 478px
}

.green-box .wpcf7-mail-sent-ok {
  display: none !important
}

.page-id-922 .banner_content h1 {
  font-size: 20px
}

.page-id-922 .banner_content p {
  padding-top: 10px;
  padding-bottom: 10px
}

.left_iphone_developer br {
  display: none
}

.left_iphone_developer p span:empty,
.left_iphone_developer p:empty {
  display: none !important
}

.dh-overlay {
  position: absolute;
  top: -100%
}

.dh-overlay {
  background: rgba(255, 255, 255, .85);
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 300px;
  color: #fff
}

.fusion-image-wrapper span.ico {
  display: block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 60px;
  position: absolute;
  left: 50%;
  color: #e92525;
  top: 50%;
  margin: -30px 0 0 -30px
}

.thankyou p:empty {
  display: none
}

.fusion-layout-column.thankyou h1.thank-head {
  margin-top: 0;
  font-size: 40px;
  font-weight: 700;
  color: #444;
  margin-bottom: 25px;
  font-family: "Raleway", sans-serif
}

.fusion-layout-column.thankyou p {
  margin-bottom: 10px
}

.section.dark .fusion-carousel.fusion-carousel-title-below-image {
  max-width: inherit
}

.fb_iframe_widget_lift {
  max-width: none !important
}

.hupso_c>div>a>img {
  box-sizing: content-box;
  vertical-align: baseline;
  box-shadow: none
}

.hupso_c>div>a {
  border-bottom: none;
  box-shadow: none
}

.fb_iframe_widget>span {
  vertical-align: top !important
}

.hupso_google>div {
  display: block !important
}

.hupso_pinterest>a>img {
  display: block !important
}

.hupso_email>a>img {
  display: block !important
}

.hupso_print>a>img {
  display: block !important
}

.IN-widget>span {
  font-size: inherit !important
}

.IN-widget {
  vertical-align: top !important
}

.wpp-list li {
  overflow: hidden;
  float: none;
  clear: both
}

.wpp-thumbnail {
  display: inline;
  float: left;
  margin: 0 5px 0 0;
  border: none
}

.post-stats,
.wpp-meta {
  display: block;
  font-size: .8em;
  font-weight: 700
}

.wp-pagenavi {
  clear: both
}

.wp-pagenavi a,
.wp-pagenavi span {
  text-decoration: none;
  border: 1px solid #BFBFBF;
  padding: 3px 5px;
  margin: 2px
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  border-color: #000
}

.wp-pagenavi span.current {
  font-weight: 700
}

.slick-slide {
  margin: 0 5px
}

.top-service-inn .imageframe-align-center .fusion-imageframe {
  width: 100%;
}

.ind_train_popwrapper {
  background-color: rgba(0, 0, 0, 0.9);
  height: 100%;
  left: 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 9999999;
}

.ind_train_popwrapper .popup_outer {
  border: 10px solid rgba(255, 255, 255, 0.25);
  display: inline-block;
  margin-top: 4%;
  max-width: 1020px;
  position: relative;
  text-align: left;
  width: 100%;
}

.ind_train_popwrapper .popup1 {
  float: left;
  width: 100%;
  background: #e92525 !important;
  box-shadow: none;
  border: none;
}

.ind_train_popwrapper .pop_left {
  float: left;
  width: 64%;
  background: #fff;
}

.ind_train_popwrapper .pop_form {
  float: left;
  width: 36%;
  background: #e92525;
  padding: 20px;
}

.modal-content.popup1 .modal-body {
  padding: 0;
  float: left;
}

button.close {
  position: absolute;
  right: -19px;
  top: -19px;
  opacity: 1;
}

.ind_train_popwrapper .pop_form h1 {
  margin-bottom: 0;
  float: left;
  width: 100%;
  margin-top: 0px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 30px;
  line-height: 33px;
  font-family: 'Roboto', sans-serif;
}

.ind_train_popwrapper .pop_form h2 {
  float: left;
  width: 100%;
  color: #3f3939;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 5px;
  font-family: 'Roboto', sans-serif;
}

.ind_train_popwrapper .pop_form p {
  float: left;
  width: 100%;
  color: #fff;
  font-size: 13px;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 22px;
}

.ind_train_popwrapper .pop_form form {
  margin-top: 10px;
  float: left;
  width: 100%;
}

.ind_train_popwrapper .pop_form input {
  float: left;
  width: 100%;
  background: #fff;
  line-height: 38px;
  height: 37px;
  border-radius: 3px;
  border: none;
  margin-bottom: 10px;
  padding: 0 10px;
  outline: none;
  font-size: 14px;
  color: #777;
}

#pop-up-training-form .pop-up-training-submit {
  border-radius: 25px;
  color: #0ec6dc;
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 16px;
  background: #fff;
  line-height: 14px;
  width: 100%;
  text-transform: uppercase;
}

.work-info h6 p {
  font-size: 18px;
  margin: 5px 0px;
}

.checkbox_main_div label span {
  padding-left: 0;
  margin-left: 0;
}

.checkbox_main_div .wpcf7-not-valid-tip {
  min-width: 300px;
  display: inline-block;
}

.checkbox_main_div br {
  display: none;
}

/****/
.modal-content.popup1 .modal-body {
  float: none;
  display: table;
}

.ind_train_popwrapper .pop_left,
.ind_train_popwrapper .pop_form {
  float: none;
  display: table-cell;
  vertical-align: top;
}

.modal-content .training-form {
  max-width: 100%;
}

canvas {
  display: none;
  position: fixed;
  z-index: 10;
  width: 100%;
  height: 100%;
  top: 0;
}

.home canvas {
  display: block;
}

.home .fusion-column-wrapper,
.home .fusion-builder-row,
footer .fusion-columns,
.home .contact-info,
.home .event-section {
  position: relative;
  z-index: 100
}

.home .trust-w .fusion-row,
.home .about-us .fusion-row,
.home .ourWork .fusion-row,
.home .ourClients .fusion-row,
.home .ourBlogs .fusion-row {
  position: relative;
  z-index: 999;
}

.home .banner-btn {
  position: absolute;
  bottom: 100px;
  z-index: 999;
  left: 0;
  right: 0;
  margin: auto;
  width: 250px;
}

/******/

/********/
.Robust_Mobile_Applications .features {
  position: relative;
  margin-top: 30px;
  margin-bottom: 10px;
}

.Robust_Mobile_Applications .features .feature-icon {
  display: inline-block;
  vertical-align: top;
  margin: 0 auto;
  margin-bottom: 0;
  background-image: url(https://rvtechnologies.com/wp-content/uploads/2018/08/sprites.png);
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  margin-right: 13px;
  margin-bottom: 20px;
}

.Robust_Mobile_Applications .features .feature-icon.IdeaAnalysis {
  width: 82px;
  height: 53px;
  background-position: -572px -40px;
}

.Robust_Mobile_Applications .features .feature-content {
  width: 70%;
  display: inline-block;
  vertical-align: top;

}

.Robust_Mobile_Applications .features .feature-content h4 {
  font-size: 24px;
  margin: 0px 0px 10px;
  font-weight: 700;
  font-style: normal;
  color: #3c3c3c;
  line-height: 28px;
  text-transform: capitalize;
}

.Robust_Mobile_Applications .feature-content p {
  font-size: 16px;
  line-height: 22px;
  padding-top: 5px !important;
  color: #4c4c4c;
}

.features p {
  margin-bottom: 0;
  padding-bottom: 0;
}

.Robust_Mobile_Applications .features .feature-icon.DesignUsability {
  width: 82px;
  height: 70px;
  background-position: -573px -145px;
}

.Robust_Mobile_Applications .features .feature-icon.iOSAppDevelopment {
  width: 87px;
  height: 75px;
  background-position: -572px -250px;
}

.Robust_Mobile_Applications .features .feature-icon.MobileAppPublishing {
  width: 78px;
  height: 62px;
  background-position: -575px -340px;
}

.Robust_Mobile_Applications .features .feature-icon.UpdatesAndLaunch {
  width: 78px;
  height: 64px;
  background-position: -575px -520px;
}

.Robust_Mobile_Applications .features .feature-icon.QualityAssurance {
  width: 88px;
  height: 60px;
  background-position: -570px -441px;
}

.page-id-5721 .fusion-fullwidth.fullwidth-box.content_block_section.hundred-percent-fullwidth.non-hundred-percent-height-scrolling,
.page-id-5721 .fusion-fullwidth.fullwidth-box.app_section.nonhundred-percent-fullwidth.non-hundred-percent-height-scrolling {
  margin-top: 0;
  margin-bottom: 0;
}

.Robust_Mobile_Applications {
  background-color: #ebeaea !important;
}

.touch-with-us.touch-with-us-bg,
.touch-with-us.touch-with-us-bg .fusion-column-wrapper {
  background-color: #ebeaea !important;
}

.Mobile_Application_Development .imageframe-align-center .fusion-imageframe img,
body .Mobile_Application_Development span.fusion-imageframe.imageframe-none.imageframe-1 img {
  filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.Mobile_Application_Development .imageframe-align-center .fusion-imageframe img:hover,
body .Mobile_Application_Development span.fusion-imageframe.imageframe-none.imageframe-1 img:hover {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  filter: none;
}

#main .testimonial-mobile-page .block-title-w h4 {
  color: #e92525 !important;
  letter-spacing: 0 !important;
  font-weight: 500 !important;
  font-size: 18px !important;
}

.page-id-5721 .how_section,
.page-id-5721 .profile_section,
.page-id-5721 .hire-us,
.page-id-5721 .technology_section,
.page-id-5721 .recent_section {
  display: none;
}

body .fusion-header nav ul li .rv-button.btn-readmore.red.type1,
/*.main-menu>ul>li>a span.rv-button.red.type1{animation-name:flip_rotate!important;-webkit-animation-name:flip_rotate!important;-moz-animation-name:flip_rotate!important;-o-animation-name:flip_rotate!important;-ms-animation-name:flip_rotate!important;
    animation-duration:7s;-webkit-animation-duration:7s;-o-animation-duration:7s;-ms-animation-duration:7s;-moz-animation-duration:7s;animation-iteration-count:infinite;}*/
@keyframes flip_rotate {
  75% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 1;
  }

  100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
    z-index: 1;
  }
}

@-webkit-keyframes flip_rotate {
  75% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 1;
  }

  100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
    z-index: 1;
  }
}

@-moz-keyframes flip_rotate {
  75% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 1;
  }

  100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
    z-index: 1;
  }
}

.consultant_btN a {
  display: inline-block;
  background: #e50000;
  text-align: center;
  padding: 12px 21px;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 600;
  text-shadow: none;
  border-radius: 100px;
  border: 2px solid #e50000;
  text-decoration: none !important;
  cursor: pointer;
}

.consultant_btN a:hover {
  color: #e50000;
  outline: none;
  border: solid 2px #e50000;
  background: transparent;
}

#game_tab-section {
  background-color: #f7f7f7;
  padding: 15px 0px;
}

.gamEs-tabS {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.gamEs-tabS>div {
  align-self: center;
  text-align: center;
  width: 20%;
  cursor: pointer;
}

.gamEs-tabS img {
  width: 100%;
  max-width: 40px;
  filter: grayscale(100%);
}

.gamEs-tabS p {
  margin-bottom: 0px;
  margin-top: 8px;
  font-size: 14px;
  line-height: 16px;
}

.gamEs-tabS>div:hover img {
  filter: grayscale(0);
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  transition: all 2s;
}

.gamEs-tabS>div:hover p {
  color: #000;
}

.float-sm {
  display: none;
}

/****/

@media(min-width:1620px) {
  .slider-text-wrap h2 {
    font-size: 40px !important;
    line-height: 1.2em !important;
    color: #e92525 !important;
    font-family: "Raleway", sans-serif !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important
  }

  .slider-text-wrap p {
    line-height: 30px !important;
    letter-spacing: 0.1em !important;
    font-size: 20px !important;
    margin-bottom: 52px !important;
    color: #333 !important;
    font-family: "Raleway", sans-serif !important;
    font-weight: 400 !important
  }
}

@media(max-width:1620px) {
  .slider-text-wrap h2 {
    font-size: 60px !important;
    line-height: 1.2em !important;
    color: #e92525 !important;
    font-family: "Raleway", sans-serif !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important
  }

  .slider-text-wrap p {
    line-height: 30px !important;
    letter-spacing: 0.1em !important;
    font-size: 20px !important;
    margin-bottom: 42px !important;
    color: #333 !important;
    font-family: "Raleway", sans-serif !important;
    font-weight: 400 !important
  }
}

@media (min-width:1230px) {
  body .main-menu>ul>li>ul.mega-menu.menu-fullwidth {
    width: 1140px
  }

  .hidden-lg {
    display: none !important
  }

  .main-nav.small-nav:not(.nav-sticky) {
    display: none
  }

  .nav-fixed-appeared .nav-fixed {
    display: block;
    -webkit-animation: fadeInDown 0.3s;
    animation: fadeInDown 0.3s
  }

  .nav-fixed-appeared.nav-fixed-transformed .nav-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: block;
    width: 100%
  }
}

@media(max-width:1229px) {
  .footer-upper .panel-body h4.widget-title {
    display: none
  }

  .footer-upper .panel-group .panel .panel-heading h4.panel-title a.collapsed:after {
    font-family: fontawesome;
    position: absolute;
    color: #fff;
    top: 0;
    content: "\f067";
    right: 0;
    font-size: 14px
  }

  .gitex {
    display: none;
  }

  .footer-upper .panel-group .panel .panel-heading h4.panel-title a:after {
    font-family: fontawesome;
    position: absolute;
    top: 0;
    content: "\f068";
    right: 0;
    font-size: 14px;
    color: #fff
  }

  .mobile-footer.main-footer .footer-upper .column {
    margin-bottom: 0
  }

  .mobile-footer.main-footer .column h3 {
    margin-bottom: 0
  }

  .mobile-footer.main-footer .panel-group .panel-heading+.panel-collapse .panel-body {
    border: none
  }

  .footer-upper .panel-group .panel .panel-heading:hover,
  .panel-group .panel .panel-heading {
    background: transparent !important
  }

  .footer-upper .panel-group .panel .panel-heading h4.panel-title {
    margin: 0
  }

  .footer-upper .panel-group .panel .panel-heading h4.panel-title a {
    border: none
  }

  ul#menu-main-menu li.menu-item-has-children:after {
    content: "\f0da";
    font-family: "FontAwesome" !important;
    position: absolute;
    font-size: 20px;
    color: #ccc;
    line-height: 50px;
    right: 20px
  }

  .mobile-nav .main-menu>ul>li.active ul {
    overflow-y: auto;
    overflow-x: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #111
  }

  #mobile-menu ul ul {
    transition: all 0.3s ease-in-out;
    position: absolute;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    z-index: 2
  }

  #mobile-menu ul>li.active>ul {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
  }

  #mobile-menu.main-menu>ul>li>ul.mega-menu.menu-5-col {
    width: 100%;
    min-height: 115vh
  }

  .visible-lg {
    display: none
  }

  #mobile-menu.main-menu>ul>li>ul.mega-menu.ul-node>li {
    margin-bottom: 0;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid rgba(102, 102, 102, .25)
  }

  ul#menu-main-menu li a {
    padding: 10px 30px;
    border: none;
    font-size: 13px;
    display: inline-block;
    color: #fff
  }

  /*   header.fusion-header-wrapper {
        display: none
    }*/
  ul#menu-main-menu li {
    width: 100%;
    height: auto
  }

  .main-menu>ul#menu-main-menu {
    margin-left: 0;
    margin-right: 0
  }

  .mobile-nav .main-menu ul li {
    border-bottom: 1px solid rgba(128, 128, 128, .15);
    margin-bottom: 0
  }

  .mobile-nav .main-menu ul li a {
    padding: 10px 30px;
    display: block;
    position: relative;
    line-height: 2.14285714
  }

  .nav-function.nav-item {
    display: none
  }

  .os-menu.main-menu {
    height: calc(100% - 130px)
  }

  .main-menu {
    position: relative;
    overflow-x: hidden;
    border-top: 1px solid rgba(128, 128, 128, .15);
    overflow-y: auto
  }

  .main-menu>ul#menu-main-menu {
    margin-left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #111;
    margin-right: 0;
    position: relative
  }

  .mobile-nav .rvTech {
    padding-left: 30px;
    margin-top: 15px;
    margin-bottom: 15px
  }

  .mobile-nav .rvTech .logo {
    width: 50px;
    margin-bottom: 0
  }

  body .main-menu>ul>li>ul.mega-menu.menu-fullwidth li ul li a::before {
    content: none
  }
}

@media screen and (max-width: 1399px) {

  body #main .christmas-banner-wrapper h2 {
    font-size: 85px !important
  }

  body #main .christmas-banner-wrapper h3 {
    font-size: 70px !important
  }

  body #main .christmas-banner-wrapper span {
    font-size: 30px !important
  }

  .home .banner-btn {
    bottom: 30px !important;
  }

}

@media(max-width: 1200px) {
  .Robust_Mobile_Applications .features .feature-content {
    width: 100%;
  }
}

@media(min-width: 801px) and (max-width: 991px) {

  .Mobile_Application_Development .imageframe-align-center .fusion-imageframe img,
  body .Mobile_Application_Development span.fusion-imageframe.imageframe-none.imageframe-1 img {
    width: 100%;
  }
}

@media(max-width:1024px) {
  footer .event-section .single-event h6 {
    font-size: 12px
  }

  footer .event-section .single-event {
    min-height: 150px
  }

  .post-content .the-momentum-process .ico,
  .post-content .the-momentum-process i {
    display: none
  }

  .post-content .the-momentum-process .col-25 {
    width: 100%;
    margin: 0
  }

  .post-content .prcessPage .home-services-overview {
    position: static;
    width: 100%
  }

  .post-content .the-momentum-process {
    padding: 40px 0 0;
    text-align: left;
    display: inline-block;
    width: 100%
  }

  .post-content .prcessPage {
    width: auto
  }

  .post-content .the-momentum-process .customer {
    position: static;
    text-align: left;
    width: 100%;
    padding: 0
  }

  .post-content .the-momentum-process h2 {
    width: 100% !important;
    text-align: left !important
  }

  #main .slider-text-wrap h2 {
    font-size: 36px !important
  }

  #main .slider-text-wrap p {
    font-size: 16px !important
  }

  .banner .banner_content h1 {
    font-size: 20px !important;
    margin-bottom: 5px
  }

  .banner .banner_content p {
    font-size: 12px;
    line-height: 18px
  }

  .banner .banner_content {
    width: 800px
  }

  .home_banner.home_banner_wrap .fusion-text .banner_content_home h1 {
    font-size: 20px;
  }

  .fusion-footer footer .fusion-row {
    padding: 0 15px
  }

  .bt-social-links a:last-child {
    margin: 0
  }

  .service-tab ul.nav-tabs.nav-justified li {
    width: 16%;
    display: inline-block;
    margin: 0 2px
  }

  .service-tab ul.nav-tabs.nav-justified li a {
    padding: 15px 0
  }

  .service-tab ul.nav-tabs.nav-justified li a h4 {
    font-size: 12px
  }

  footer.main-footer form input[type="submit"],
  footer.main-footer form button span {
    margin-left: 0;
    margin-top: 0;
    font-size: 0
  }

  #mobile-menu.main-menu>ul>li:hover a {
    background: transparent
  }

  body .rv-innovation {
    padding-left: 30px !important;
    padding-right: 30px !important
  }

  .rv-innovation .team-sec1 .member {
    margin: 0 auto;
    position: static
  }

  .team-style2 .detail-left {
    margin-top: 20px
  }

  #main,
  #slidingbar,
  .fusion-footer-copyright-area,
  .fusion-footer-widget-area,
  .fusion-page-title-bar,
  .fusion-secondary-header,
  .header-v4 #small-nav,
  .header-v5 #small-nav,
  .sticky-header .sticky-shadow,
  .tfs-slider .slide-content-container {
    padding-left: 15px !important;
    padding-right: 15px !important
  }

  .width-100 .fusion-fullwidth {
    margin-left: -15px !important;
    margin-right: -15px !important
  }

  #page-body .right_testimonial {
    left: 10px
  }

  #page-body .client_testimonial {
    width: 62% !important
  }

  #testimonials .item .col-sm-5 {
    width: 38%
  }
}

@media(max-width:991px) {
  .Robust_Mobile_Applications .features {
    text-align: center;
  }

  .Robust_Mobile_Applications .features .feature-icon {
    margin-right: 0px;
  }

  #wrapper .banner {
    height: auto
  }

  .page-id-6256 #wrapper .banner {
    height: 200px !important;
  }

  .new-portfoliolist .right_section {
    width: 50%;
  }

  .new-portfoliolist .left_section {
    width: 50%;
  }

  .page-id-6256 .banner_content h2 {
    font-size: 52px !important;
    margin-bottom: 10px !important;
  }

  .fusion-body .trust-w .fusion-layout-column {
    width: 50% !important;
    margin-right: 0 !important;
    padding: 0 15px
  }

  .fusion-body .trust-w .fusion-layout-column:first-child {
    width: 100% !important
  }

  div#Homepage_blogs .recent-posts-content p,
  div#Homepage_blogs .recent-posts-content p.meta,
  div#Homepage_blogs .blog_right .recent-posts-content p,
  div#Homepage_blogs .blog_right .recent-posts-content p.meta,
  div#Homepage_blogs .blog_right .recent-posts-content a.read_more,
  div#Homepage_blogs .recent-posts-content a.read_more,
  div#Homepage_blogs .recent-posts-content h4.entry-title a {
    text-align: center;
    float: none;
    width: 100%;
    display: inline-block
  }

  #Homepage_blogs .fusion-layout-column:nth-child(3) {
    display: none
  }

  div#Homepage_blogs .fusion-column.column {
    margin-bottom: 0
  }

  .fusion-footer footer .fusion-row .fusion-widget-area .fusion-column:first-child,
  .fusion-footer footer .fusion-row .fusion-widget-area .fusion-column:nth-child(2) {
    width: 50% !important
  }

  div#text-8 .event-section .col-lg-3 {
    width: 25% !important;
    float: left !important
  }

  .about-us .customNavigation a.next-slide {
    right: 5px;
    top: 0
  }

  .about-us .customNavigation span {
    right: 45px;
    top: 4px
  }

  div#Homepage_blogs .recent-posts-content a.read_more,
  div#Homepage_blogs .blog_right .recent-posts-content a.read_more,
  div#Homepage_blogs .recent-posts-content a.read_more {
    width: auto
  }

  div#recent-blog-left,
  div#recent-blog-right {
    width: 50% !important;
    text-align: center
  }

  div#Homepage_blogs .recent-posts-content h4.entry-title a {
    min-height: 50px
  }

  .Blog_right {
    padding-left: 0
  }

  .post-content .fusion-tabs .nav {
    display: block
  }

  .post-content .fusion-tabs .fusion-mobile-tab-nav {
    display: none
  }

  .touch-with-us.nonhundred-percent-fullwidth .fusion-layout-column.fusion_builder_column {
    width: 50% !important;
    margin-right: 0 !important;
    float: left
  }

  .touch-with-us.nonhundred-percent-fullwidth .fusion-layout-column.fusion_builder_column:first-child {
    width: 100% !important
  }

  #main .testimonial_right_swec h3 {
    padding-left: 30px;
    font-size: 16px
  }

  div#main {
    padding-top: 20px !important
  }

  .post-content #Tabs2.fusion-tabs.vertical-tabs .nav ul li a h4 {
    font-size: 14px
  }

  .post-content #Tabs2.fusion-tabs.vertical-tabs .nav,
  .post-content #Tabs2.fusion-tabs.vertical-tabs .tab-content {
    float: left
  }

  .post-content .gallery_section .fusion-layout-column {
    width: 48% !important;
    min-height: 170px;
    line-height: 160px;
    padding: 0 10px
  }

  .gallery_section .fusion-layout-column:nth-child(even) {
    float: right
  }

  .post-content .our_client_col_3 img,
  .gallery_section .imageframe-align-center {
    vertical-align: middle
  }

  .post-content .gallery_wrapper .ngg-gallery-thumbnail img {
    height: 200px
  }

  body #main .rvOffer h2 {
    margin-bottom: 10px;
    text-align: center
  }

  body .testimonials .review:before {
    bottom: inherit
  }

  .career_main_sec li h4 {
    width: calc(100% - 85px) !important
  }
}

@media(max-width:767px) {

  #port-innService .rv-benefits {
    width: 100%;
  }

  .contact_dropdown_content.opencontact {
    display: block !important;
  }

  .inquiry_detail li {
    margin: 0;
  }

  .gamEs-tabS {
    flex-wrap: wrap;
  }

  .gamEs-tabS>div {
    width: 33.3%;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .ind_train_popwrapper .pop_form,
  .ind_train_popwrapper .pop_left {
    width: 100%;
    display: inline-block;
  }

  .ind_train_popwrapper .popup_outer {
    margin: 10px 0px;
  }

  .ind_train_popwrapper .modal-content.popup1 .modal-body {
    width: 100%;
    display: inline-block;
  }

  #wrapper .banner {
    height: auto;
    margin-top: 60px
  }

  .page-id-6256 #wrapper .banner {
    height: 200px !important;
  }

  .page-id-6256 .banner_content h2 {
    font-size: 52px !important;
    margin-bottom: 10px !important;
  }

  .main-footer .contact-info li {
    color: #fff !important
  }

  .event-section .hvr-float-shadow {
    margin-bottom: 3px !important
  }

  .post-content .ind_train_wrapper.industrial_training_services .fusion-layout-column:hover {
    background: transparent
  }

  .career_main_sec2 .left_iphone_developer {
    width: 100%;
    min-height: auto
  }

  .career_main_sec2 .right_form {
    width: 100%
  }

  .development_section .right_form form .wpcf7-submit.job_submit {
    width: 100% !important
  }

  .career_main_sec ul li {
    height: auto !important
  }

  .banner .banner_content {
    width: 100%;
    padding: 0 10px;
    transform: translate(-50%, -40%)
  }

  .home .post-content .tp-parallax-wrap {
    left: 20px !important;
    right: 20px !important;
    text-align: center !important
  }

  .home .post-content .tp-parallax-wrap .tp-mask-wrap {
    text-align: center !important;
    position: static !important
  }

  .home .post-content .tp-parallax-wrap .tp-loop-wrap {
    position: static !important;
    margin: 0 auto
  }

  .post-content #port-innService h2 {
    font-size: 24px !important;
    line-height: normal !important
  }

  #port-innService .rv-benefits ul li {
    padding-top: 0
  }

  .post-content #port-innService h4 {
    margin-top: 0;
    line-height: 24px;
    font-size: 16px !important
  }

  #testimonials .item .col-sm-5 {
    width: 41.66666667%
  }

  .main_div_inner .left_section {
    display: inline-block
  }

  .post-content .our_client_col_3 {
    height: auto
  }

  body #myModal123 .modal-dialog {
    width: 100%
  }

  body #myModal123 .pop_form,
  #myModal123 .pop_left {
    display: inline-block;
    width: 100%
  }

  body #myModal123 .modal-dialog .modal-content .modal-body {
    width: 100%;
    display: inline-block
  }

  .post-content .career_main_sec ul li:nth-child(n) {
    margin-right: 0;
    width: 100%
  }

  .touch-with-us.nonhundred-percent-fullwidth .fusion-layout-column.fusion_builder_column {
    width: 100% !important
  }

  .Blog_list .blog_content {
    width: 100%;
    padding-left: 0
  }

  .Blog_list .blog_img,
  .Blog_list .blog_img img,
  body.has-sidebar #main .sidebar {
    width: 100% !important
  }

  .Blog_list .blog_img {
    margin-bottom: 10px
  }

  div#Homepage_blogs .recent-posts-content h4.entry-title a {
    min-height: inherit
  }

  div#recent-blog-left,
  div#recent-blog-right {
    width: 100% !important;
    margin: 0 0 20px !important
  }

  .fusion-body .trust-w .fusion-layout-column {
    width: 100% !important
  }

  div#text-8 .event-section .col-lg-3 {
    width: 100% !important;
    float: left !important
  }

  .fusion-body .trust-w .fusion-layout-column {
    width: 100% !important;
    margin-right: 0 !important
  }

  .fusion-footer footer .fusion-row .fusion-widget-area .fusion-column:first-child,
  .fusion-footer footer .fusion-row .fusion-widget-area .fusion-column:nth-child(2) {
    width: 100% !important
  }

  .about-us>.fusion-builder-row>.fusion-layout-column>.fusion-column-wrapper {
    padding: 0 30px
  }

  .ourWork.nonhundred-percent-fullwidth article .fusion-portfolio-content-wrapper {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%
  }

  footer .event-section .single-event p {
    min-height: auto
  }

  .event-section .single-event>p:nth-child(2) {
    font-size: 16px;
    margin: 5px 0
  }

  .single-post #main .fusion-row div#content article a img.ranjit-author {
    margin-bottom: 0
  }

  .service-tab ul.nav-tabs.nav-justified li a h4 {
    display: none
  }

  .service-tab ul.nav-tabs.nav-justified li a {
    padding: 5px 0
  }

  .service-tab ul.nav-tabs.nav-justified li {
    width: 15%;
    display: inline-block;
    margin: 0 2px
  }

  .service-tab .tab-content .tab-pane,
  .service-tab .tab-content .tab-pane .container {
    padding-right: 0;
    padding-left: 0
  }

  .service-tab .tab-content .col-sm-7,
  .service-tab .tab-content .col-sm-5 {
    width: 100%
  }

  #testimonials .item .col-sm-1,
  #testimonials .item .col-sm-5 {
    width: 100%;
    margin-bottom: 50px;
    text-align: center
  }

  #testimonials.testimonials .review:before {
    bottom: auto;
    top: -30px;
    transform: rotate(90deg);
    left: 49%
  }

  #testimonials.testimonials .quote .review {
    margin: 0
  }

  .post-content .top-service-inn .panel h3 {
    margin: 10px 0;
    width: 100% !important;
    font-size: 20px !important
  }

  .post-content .top-service-inn .panel p {
    padding-left: 0
  }

  #port-innService h2 {
    font-size: 22px !important;
    line-height: normal !important
  }

  #main .client_testimonial {
    width: 100% !important;
    padding: 10px 0
  }

  #main .right_testimonial {
    left: 0;
    width: 100%
  }

  #main .client_testimonial .gallery_item {
    padding: 10px 0;
    width: 100%
  }

  .testimonial_inner_content {
    padding-left: 0
  }

  section.gallery_section {
    padding-top: 0
  }

  .career_main_sec li h4 {
    max-width: calc(100% - 90px)
  }

  .industrial_training_services .fusion-column-inner-bg-wrapper .fusion-column-wrapper {
    padding: 10px 0
  }

  .post-content #Tabs2.fusion-tabs.vertical-tabs .nav {
    width: 70px;
    float: left
  }

  .post-content #Tabs2.fusion-tabs.vertical-tabs .tab-content {
    width: calc(100% - 80px);
    float: left
  }

  .fusion-tabs.vertical-tabs .tab-pane {
    min-height: inherit !important
  }

  .post-content #Tabs2.fusion-tabs.vertical-tabs .nav ul li a h4 {
    display: none
  }

  .post-content .ngg-albumoverview .ngg-album-compact,
  .post-content .gallery_wrapper .ngg-gallery-thumbnail-box {
    width: 50%;
    margin-bottom: 10px !important
  }

  .gallery_wrapper .ngg-album-compact h4 a {
    font-size: 13px
  }

  .banner_content {
    transform: translateY(-40%);
    padding: 0 10px
  }

  .banner_content h1 {
    font-size: 20px !important
  }

  .slider-text-wrap h2 {
    white-space: normal;
    font-size: 20px !important
  }

  .slider-text-wrap p {
    font-size: 14px !important;
    white-space: normal;
    line-height: 24px !important
  }

  .slider-text-wrap a.rv-button.type1 {
    font-size: 14px !important
  }

  .new-portfoliolist .right_section {
    width: 100%;
    margin-top: 30px;
    display: inline-block;
  }

  .new-portfoliolist .left_section {
    width: 100%;
  }
}

@media(max-width:480px) {

  .float-sm .fl-fl .fa {
    width: 30px;
  }

  .gamEs-tabS>div {
    width: 100% !important;
  }

  .contact-wrap .fusion-layout-column {
    border-right: 1px dotted #fff !important;
  }

  #contacticons .fusion-separator.sep-single.sep-solid {
    margin: 0 auto 60px !important;
  }

  .float-sm .fl-fl a {
    letter-spacing: 2px;
  }

  .float-sm .fl-fl {
    width: 300px;
    right: -256px;
  }

  footer.main-footer .bt-social-links a {
    margin-right: 5px
  }

  .single-post #main .fusion-row div#content article a img.ranjit-author {
    width: 100%
  }

  .post-content .gallery_section .fusion-layout-column {
    width: 100% !important
  }

  .post-content .ngg-albumoverview .ngg-album-compact,
  .post-content .gallery_wrapper .ngg-gallery-thumbnail-box {
    width: 100%;
    margin-bottom: 10px !important
  }

  #wrapper .banner img {
    min-height: 150px
  }

  #main .filter_row .appearance {
    width: 100%
  }

  #main .appearance select {
    max-width: 100%;
    margin-bottom: 10px
  }

  .top-service-inn a.btn-readmore.red.rv-button.type1 {
    width: 100%;
    margin: 0px 0px 10px;
  }

  .banner_content h2 {
    font-size: 25px;
  }

  .banner .banner_content p {
    font-size: 10px;
    line-height: 15px;
  }
}

@media screen\0 {
  .appearance::before {
    content: none
  }

  .appearance select {
    padding: 0
  }

  body .career_main_sec2 .attech_file {
    background-image: none !important;
    height: auto !important
  }
}

@-moz-document url-prefix() {
  body .development_section .career_main_sec2 .attech_file {
    background-image: none !important;
    text-indent: 0px !important;
    padding-left: 0 !important;
    height: auto !important;
  }
}



.touch-with-us a,
.write_to_us a,
.video_chat a,
.give_us_call a {
  color: white !important;
}

.touch-with-us a:hover,
.write_to_us a:hover,
.video_chat a:hover,
.give_us_call a:hover {
  color: white !important;
}

.write_to_us span:hover {
  cursor: pointer;
}

.Have_us_call_you span:hover {
  cursor: pointer;
}

.video_chat span:hover {
  cursor: pointer;
}

.give_us_call span:hover {
  cursor: pointer;
}

.service-tab .tab-content a.tabs_quote_btn {
  margin-left: 40px;
  font-weight: bold;
}

.service-tab .tab-content a {
  font-weight: bold;
}

.here-for-you a.tabs_quote_btn {
  margin-left: 40px;
  font-weight: bold !important;
}

.here-for-you a {
  font-weight: bold !important;
}

.top-service-inn a.tabs_quote_btn {
  margin-left: 40px;
  font-weight: bold;
}

.top-service-inn a {
  margin-left: 70px;
  font-weight: bold !important;
}



/* Floating Social Media Bar Style Starts Here */

.fl-fl {
  background: #e92525;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 4px;
  width: 340px;
  position: fixed;
  right: -298px;
  z-index: 1000;
  font: normal normal 10px Arial;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.fl-fl .fa {
  font-size: 20px;
  color: #fff;
  padding: 10px 0;
  width: 40px;
  margin-left: 8px;
}

.fl-fl:hover {
  right: 0;
}

.fl-fl a {
  color: #fff !important;
  text-decoration: none;
  text-align: center;
  line-height: 43px !important;
  vertical-align: top !important;
}

.float-fb {
  top: 160px;
}

.float-tw {
  top: 215px;
}

.float-gp {
  top: 270px;
}

.float-rs {
  top: 325px;
}

.float-ig {
  top: 380px;
}

.float-pn {
  top: 435px;
}

/* Floating Social Media Bar Style Ends Here */

.fusion-row.top-main-line {
  text-align: right;
  display: block !important;
}

.fusion-secondary-header .top-main-line .fusion-alignright {
  float: right;
  text-align: right;
  margin-left: 0;
  flex: none;
  display: inline-block;
  flex-grow: inherit !important;
  width: auto;
}

.fusion-secondary-header .top-main-line .fusion-alignright .top-bar-detail,
.fusion-secondary-header .top-main-line .fusion-alignright span {
  float: left;
}

.outer-wrap-training {
  z-index: 9;
}

.bann_btm_text {
  background-color: #eee;
  text-align: center;
  font-size: 10px !important;
  margin-bottom: 30px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-top: 0;
}

.page-id-153 .banner_content h2,
.page-id-6312 .banner_content h2 {
  color: #444444 !important;
  font-size: 72px;
  margin-bottom: 60px;
  line-height: 1.1;
  letter-spacing: -1px;
}


div#main {
  position: relative;
}

.service-tab.fusion-fullwidth,
.service-tab.fusion-fullwidth .fusion-row,
.service-tab.fusion-fullwidth .fusion-row .fusion-layout-column,
.top-service-inn.fusion-fullwidth,
.top-service-inn.fusion-fullwidth .fusion-row,
.top-service-inn.fusion-fullwidth .fusion-row .fusion-layout-column {
  position: static;
}



.section_heading.text-left h3 {
  color: #e92525;
  font-weight: bold;
  font-family: work sans, sans-serif;
}




.single-post div#main {
  padding-top: 0 !important;
}

.single-post .fusion-flexslider.flexslider.post-slideshow.fusion-post-slideshow {
  display: none;
}

















/****** for svg animation *******/

#step_section {
  padding: 0;
  min-height: 1040px;
  display: block;
  float: left;
  width: 100%;
  background: url('assets/images/main_bg.jpg');
  background-size: 100% 100%;
  font-family: 'Raleway', sans-serif;
}

#step_section .section_heading h2 {
  margin: 40px 0 -10px 0;
}

/* #step_section #SVGwrapper {
    display: none;
} */
#step_section.active #SVGwrapper {
  display: block;
}

#step_section.active #SVGwrapper {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 1.2s;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


#SVGwrapper {
  margin: 0px auto;
  position: relative;
  width: 100%;
  max-width: 1170px;
  height: 100vh;
  max-height: 900px;
}

.strock_line_Black,
.strock_line_white {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  padding: 273px 0 0;
  right: 0;
  margin: 0 auto;
  height: 100%;
}

* {
  box-sizing: border-box;
}

.strock_line_white #Line_white,
.strock_line_Black #Line_black {
  padding: 10px 0;
}

.Black {
  stroke-dasharray: 4100;
  -webkit-animation: dash 12s linear forwards;
  -moz-animation: dash 12s linear forwards;
  -ms-animation: dash 12s linear forwards;
  -o-animation: dash 12s linear forwards;
  animation: dash 12s linear forwards;
}

@keyframes dash {
  from {
    stroke-dashoffset: 4100;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes dash {
  from {
    stroke-dashoffset: 4100;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@-moz-keyframes dash {
  from {
    stroke-dashoffset: 4100;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@-o-keyframes dash {
  from {
    stroke-dashoffset: 4100;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@-ms-keyframes dash {
  from {
    stroke-dashoffset: 4100;
  }

  to {
    stroke-dashoffset: 0;
  }
}



#flex_row .UI_Design {
  position: relative;
}

/*** items ****/
.Main_listing {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  right: 0;
  margin: 0 auto;
  z-index: 9;
  min-height: 939px;
}

.Main_listing .first-row {
  position: absolute;
  bottom: 97px;
  width: 100%;
  left: 0;
}

.Main_listing .Second-row {
  position: absolute;
  bottom: 297px;
  width: 100%;
  left: 0;
  right: 0;
  max-width: 950px;
  margin: 0 auto;
}

.Main_listing .Second-row .box_3 {
  left: -9px;
  top: -7px;
}

.Main_listing .therd-row {
  position: absolute;
  bottom: 564px;
  width: 100%;
  left: 0;
  right: 0;
  max-width: 875px;
  margin: 0 auto;
}

.Main_listing .forth-row#flex_row {
  justify-content: center;
}

.Main_listing .forth-row {
  position: absolute;
  bottom: initial;
  width: 100%;
  left: 0;
  right: 0;
  max-width: 250px;
  margin: 0 auto;
  top: 26px;
}

.Main_listing .UI_Design.item_2.box_2 {
  bottom: 6px;
  right: 10px;
}


#flex_row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.Main_listing .UI_Design.item_1 {
  width: 300px;
  margin-bottom: -16px;
}

.Main_listing .UI_Design.item_1 .img_div {
  max-width: 90px;
  position: relative;
  margin: 10px auto 0;
}

.box_1 img.Idea_men {
  position: static;
  bottom: 0;
}

.Main_listing .UI_Design.item_1.box_1 {
  margin-left: -0px;
  width: 220px;
}

.box_1 img.idea-light {
  position: absolute;
  top: -0px;
  right: -6px;
  width: 18px;
}

.box_1 img.idea-light-shine {
  position: absolute;
  top: -9px;
  width: 37px;
  right: -15px;
}


.Main_listing .Serves_Heading {
  height: 70px;
  display: flex;
  color: #fff;
  justify-content: center;
  align-items: center;
  background: rgb(87, 198, 225);
  background: linear-gradient(262deg, rgba(87, 198, 225, 1) 0%, rgba(9, 142, 201, 1) 100%);
  border-radius: 1000px;
  border: solid 5px #fff;
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.09);
  max-width: 220px;
  margin: 0px auto 0;
}

.Main_listing .Serves_Heading h3 {
  margin: 0;
  font-weight: 500;
  font-size: 15px;
  position: relative;
}

.Main_listing .Serves_Heading h3 span {
  line-height: normal;
  font-size: 45px;
  position: absolute;
  left: -30px;
  top: -25px;
  color: rgba(255, 255, 255, 0.5)
}

.Main_listing .jointer {
  width: 7px;
  height: 32px;
  background: #fff;
  position: relative;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.Main_listing .jointer span.circul {
  width: 30px;
  height: 30px;
  position: absolute;
  left: -11px;
  right: 0;
  margin: 0 auto;
  bottom: -17px;
  z-index: 1;
  border-radius: 50px;
  background: rgb(87, 198, 225);
  background: linear-gradient(262deg, rgba(87, 198, 225, 1) 0%, rgba(9, 142, 201, 1) 100%);
}

/*** item_2 ***/
.Main_listing .UI_Design.item_2 {
  width: 300px;
}

.Main_listing .UI_Design.item_2 .img_div {
  max-width: 50px;
  position: relative;
  margin: 10px auto 0;
}

.Main_listing .UI_Design.item_2 .img_div img.Design-left-icons {
  position: absolute;
  left: -35px;
  top: -10px;
}

.Main_listing .UI_Design.item_2 .img_div img.Design-right-icons {
  position: absolute;
  right: -40px;
  top: -20px;
  width: 40px;
}

.Main_listing .UI_Design.item_2 .img_div img.Design-Top-icons {
  position: absolute;
  top: -30px;
  left: -14px;
  width: 100px;
}

.Main_listing .UI_Design.item_2 .jointer {
  left: 0;
  right: 0;
  bottom: -15px;
  width: 26px;
  height: 7px;
  position: relative;
  margin: 0 auto;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  z-index: 1;
}

.Main_listing .UI_Design.item_2 .jointer span.circul {
  left: initial;
  right: -22px;
  bottom: -11px;
}

.Main_listing .UI_Design.item_2.box_2 .jointer {
  bottom: -8px;
}


/** new css **/
.Main_listing .Second-row .box_4 .jointer {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(200deg);
  left: -119px;
  right: initial;
  bottom: 40px;
}

.Main_listing .therd-row .item_2.box_6 .jointer {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(170deg);
  left: -120px;
  top: -30px;
}

.Main_listing .Second-row .UI_Design.item_1 .jointer {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(-110deg);
  right: -120px;
  left: auto;
  bottom: 60px;
}

.Main_listing .Second-row .UI_Design.item_1 .jointer span.circul {
  left: -10px;
  bottom: -12px;
}

.Main_listing .UI_Design.item_1.box_5 {
  left: -3px;
  bottom: -10px;
}

.Main_listing .UI_Design.item_2.box_6 {
  bottom: -1px;
  left: -3px;
}

.Main_listing .UI_Design.item_1.box_5 .jointer {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(-80deg);
  left: 123px;
  right: auto;
  bottom: 40px;
}

.Main_listing .UI_Design.item_2.box_4 {
  top: -27px;
  left: 11px;
}


.animated {
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  -ms-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

.box_1 {
  animation-delay: 1s;
}

.box_3 {
  animation-delay: 4s;
}

.box_5 {
  animation-delay: 5s;
}

.box_7 {
  animation-delay: 6s;
}

.box_6 {
  animation-delay: 7s;
}

.box_4 {
  animation-delay: 8s;
}

.box_2 {
  animation-delay: 10.4s;
}

svg.demo {
  position: relative;
  z-index: 1000
}

/*==== FADE IN UP ===*/

@keyframes fadeInUp {
  0% {
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@-webkit-keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

    opacity: 1
  }
}

@-moz-keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@-ms-keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@-o-keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

/*=== FADE IN LEFT ===*/
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-30px, 0, 0);
    -moz-transform: translate3d(-30px, 0, 0);
    -ms-transform: translate3d(-30px, 0, 0);
    -o-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@-moz-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-30px, 0, 0);
    -moz-transform: translate3d(-30px, 0, 0);
    -ms-transform: translate3d(-30px, 0, 0);
    -o-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@-ms-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-30px, 0, 0);
    -moz-transform: translate3d(-30px, 0, 0);
    -ms-transform: translate3d(-30px, 0, 0);
    -o-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@-o-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-30px, 0, 0);
    -moz-transform: translate3d(-30px, 0, 0);
    -ms-transform: translate3d(-30px, 0, 0);
    -o-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-30px, 0, 0);
    -moz-transform: translate3d(-30px, 0, 0);
    -ms-transform: translate3d(-30px, 0, 0);
    -o-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}



.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -ms-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}



/*==== FADE IN RIGHT ===*/
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    -moz-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    -o-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@-moz-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    -moz-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    -o-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@-ms-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    -moz-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    -o-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@-o-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    -moz-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    -o-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    -moz-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    -o-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}





.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -ms-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

/*==== FADE IN UP ===*/
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@-moz-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@-ms-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@-o-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}




.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -ms-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/*=== FADE IN DOWN ===*/
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -ms-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}


@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    -moz-transform: translate3d(0, -40px, 0);
    -ms-transform: translate3d(0, -40px, 0);
    -o-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    -moz-transform: translate3d(0, -40px, 0);
    -ms-transform: translate3d(0, -40px, 0);
    -o-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@-ms-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    -moz-transform: translate3d(0, -40px, 0);
    -ms-transform: translate3d(0, -40px, 0);
    -o-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    -moz-transform: translate3d(0, -40px, 0);
    -ms-transform: translate3d(0, -40px, 0);
    -o-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    -moz-transform: translate3d(0, -40px, 0);
    -ms-transform: translate3d(0, -40px, 0);
    -o-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

.orange {
  fill: none;
  stroke-width: 3px;
  -webkit-stroke-dasharray: 1000;
  -moz-stroke-dasharray: 1000;
  -ms-stroke-dasharray: 1000;
  -o-stroke-dasharray: 1000;
  stroke-dasharray: 1000;
  -webkit-animation: orange_dash 8s linear forwards;
  -moz-animation: orange_dash 8s linear forwards;
  -ms-animation: orange_dash 8s linear forwards;
  -o-animation: orange_dash 8s linear forwards;
  animation: orange_dash 8s linear forwards;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

#Line_black line.red_last_line {
  -webkit-transform: translate(1672px, -26px) scale(4.3);
  -moz-transform: translate(1672px, -26px) scale(4.3);
  -ms-transform: translate(1672px, -26px) scale(4.3);
  -o-transform: translate(1672px, -26px) scale(4.3);
  transform: translate(1672px, -26px) scale(4.3);
}

.red_last_line {
  fill: none;
  stroke-width: 3px;
  -webkit-stroke-dasharray: 1000;
  -moz-stroke-dasharray: 1000;
  -ms-stroke-dasharray: 1000;
  -o-stroke-dasharray: 1000;
  stroke-dasharray: 1000;
  -webkit-animation: red_last_line 8s linear forwards;
  -moz-animation: red_last_line 8s linear forwards;
  -ms-animation: red_last_line 8s linear forwards;
  -o-animation: red_last_line 8s linear forwards;
  animation: red_last_line 8s linear forwards;
  -webkit-animation-delay: 10.7s;
  -moz-animation-delay: 10.7s;
  -ms-animation-delay: 10.7s;
  -o-animation-delay: 10.7s;
  animation-delay: 10.7s;
}

.pink {
  fill: none;
  stroke-width: 3px;
  -webkit-stroke-dasharray: 1000;
  -moz-stroke-dasharray: 1000;
  -ms-stroke-dasharray: 1000;
  -o-stroke-dasharray: 1000;
  stroke-dasharray: 1000;
  -webkit-animation: pink_dash 8s linear forwards;
  -moz-animation: pink_dash 8s linear forwards;
  -ms-animation: pink_dash 8s linear forwards;
  -o-animation: pink_dash 8s linear forwards;
  animation: pink_dash 8s linear forwards;
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  -ms-animation-delay: 1.6s;
  -o-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

.green {
  fill: none;
  stroke-width: 3px;
  -webkit-stroke-dasharray: 1000;
  -moz-stroke-dasharray: 1000;
  -ms-stroke-dasharray: 1000;
  -o-stroke-dasharray: 1000;
  stroke-dasharray: 1000;
  -webkit-animation: green_dash 8s linear forwards;
  -moz-animation: green_dash 8s linear forwards;
  -ms-animation: green_dash 8s linear forwards;
  -o-animation: green_dash 8s linear forwards;
  animation: green_dash 8s linear forwards;
  -webkit-animation-delay: 4.3s;
  -moz-animation-delay: 4.3s;
  -ms-animation-delay: 4.3s;
  -o-animation-delay: 4.3s;
  animation-delay: 4.3s;
}

.blue {
  fill: none;
  stroke-width: 3px;
  -webkit-stroke-dasharray: 1000;
  -moz-stroke-dasharray: 1000;
  -ms-stroke-dasharray: 1000;
  -o-stroke-dasharray: 1000;
  stroke-dasharray: 1000;
  -webkit-animation: blue_dash 8s linear forwards;
  -moz-animation: blue_dash 8s linear forwards;
  -ms-animation: blue_dash 8s linear forwards;
  -o-animation: blue_dash 8s linear forwards;
  animation: blue_dash 8s linear forwards;
  -webkit-animation-delay: 5.3s;
  -moz-animation-delay: 5.3s;
  -ms-animation-delay: 5.3s;
  -o-animation-delay: 5.3s;
  animation-delay: 5.3s;
}

.purple {
  fill: none;
  stroke-width: 3px;
  -webkit-stroke-dasharray: 1000;
  -moz-stroke-dasharray: 1000;
  -ms-stroke-dasharray: 1000;
  -o-stroke-dasharray: 1000;
  stroke-dasharray: 1000;
  -webkit-animation: purple_dash 8s linear forwards;
  -moz-animation: purple_dash 8s linear forwards;
  -ms-animation: purple_dash 8s linear forwards;
  -o-animation: purple_dash 8s linear forwards;
  animation: purple_dash 8s linear forwards;
  -webkit-animation-delay: 6.2s;
  -moz-animation-delay: 6.2s;
  -ms-animation-delay: 6.2s;
  -o-animation-delay: 6.2s;
  animation-delay: 6.2s;
}

.light_green {
  fill: none;
  stroke-width: 3px;
  -webkit-stroke-dasharray: 1000;
  -moz-stroke-dasharray: 1000;
  -ms-stroke-dasharray: 1000;
  -o-stroke-dasharray: 1000;
  stroke-dasharray: 1000;
  -webkit-animation: lightgreen_dash 8s linear forwards;
  -moz-animation: lightgreen_dash 8s linear forwards;
  -ms-animation: lightgreen_dash 8s linear forwards;
  -o-animation: lightgreen_dash 8s linear forwards;
  animation: lightgreen_dash 8s linear forwards;
  -webkit-animation-delay: 7.2s;
  -moz-animation-delay: 7.2s;
  -ms-animation-delay: 7.2s;
  -o-animation-delay: 7.2s;
  animation-delay: 7.2s;
}

.red {
  fill: none;
  stroke-width: 3px;
  -webkit-stroke-dasharray: 1000;
  -moz-stroke-dasharray: 1000;
  -ms-stroke-dasharray: 1000;
  -o-stroke-dasharray: 1000;
  stroke-dasharray: 1000;
  -webkit-animation: red_dash 8s linear forwards;
  -moz-animation: red_dash 8s linear forwards;
  -ms-animation: red_dash 8s linear forwards;
  -o-animation: red_dash 8s linear forwards;
  animation: red_dash 8s linear forwards;
  -webkit-animation-delay: 8.3s;
  -moz-animation-delay: 8.3s;
  -ms-animation-delay: 8.3s;
  -o-animation-delay: 8.3s;
  animation-delay: 8.3s;
}

@-webkit-keyframes orange_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #f47424;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #f47424;
  }
}

@-moz-keyframes orange_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #f47424;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #f47424;
  }
}

@-ms-keyframes orange_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #f47424;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #f47424;
  }
}

@-o-keyframes orange_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #f47424;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #f47424;
  }
}

@keyframes orange_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #f47424;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #f47424;
  }
}


@-webkit-keyframes red_last_line {
  from {
    stroke-dashoffset: 1000;
    stroke: #EE1D26;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #EE1D26;
  }
}

@-moz-keyframes red_last_line {
  from {
    stroke-dashoffset: 1000;
    stroke: #EE1D26;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #EE1D26;
  }
}

@-ms-keyframes red_last_line {
  from {
    stroke-dashoffset: 1000;
    stroke: #EE1D26;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #EE1D26;
  }
}

@-o-keyframes red_last_line {
  from {
    stroke-dashoffset: 1000;
    stroke: #EE1D26;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #EE1D26;
  }
}

@keyframes red_last_line {
  from {
    stroke-dashoffset: 1000;
    stroke: #EE1D26;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #EE1D26;
  }
}


@-webkit-keyframes pink_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #E65392;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #E65392;
  }
}

@-moz-keyframes pink_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #E65392;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #E65392;
  }
}

@-ms-keyframes pink_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #E65392;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #E65392;
  }
}

@-o-keyframes pink_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #E65392;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #E65392;
  }
}

@keyframes pink_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #E65392;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #E65392;
  }
}


@-webkit-keyframes green_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #35AF47;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #35AF47;
  }
}

@-moz-keyframes green_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #35AF47;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #35AF47;
  }
}

@-ms-keyframes green_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #35AF47;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #35AF47;
  }
}

@-o-keyframes green_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #35AF47;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #35AF47;
  }
}

@keyframes green_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #35AF47;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #35AF47;
  }
}


@-webkit-keyframes blue_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #0E92CB;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #0E92CB;
  }
}

@-moz-keyframes blue_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #0E92CB;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #0E92CB;
  }
}

@-ms-keyframes blue_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #0E92CB;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #0E92CB;
  }
}

@-o-keyframes blue_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #0E92CB;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #0E92CB;
  }
}

@keyframes blue_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #0E92CB;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #0E92CB;
  }
}


@-webkit-keyframes purple_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #A680BA;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #A680BA;
  }
}

@-moz-keyframes purple_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #A680BA;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #A680BA;
  }
}

@-ms-keyframes purple_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #A680BA;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #A680BA;
  }
}

@-o-keyframes purple_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #A680BA;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #A680BA;
  }
}

@keyframes purple_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #A680BA;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #A680BA;
  }
}


@-webkit-keyframes lightgreen_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #2AC1B0;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #2AC1B0;
  }
}

@-moz-keyframes lightgreen_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #2AC1B0;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #2AC1B0;
  }
}

@-ms-keyframes lightgreen_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #2AC1B0;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #2AC1B0;
  }
}

@-o-keyframes lightgreen_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #2AC1B0;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #2AC1B0;
  }
}

@keyframes lightgreen_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #2AC1B0;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #2AC1B0;
  }
}


@-webkit-keyframes red_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #EE1D26;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #EE1D26;
  }
}

@-moz-keyframes red_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #EE1D26;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #EE1D26;
  }
}

@-ms-keyframes red_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #EE1D26;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #EE1D26;
  }
}

@-o-keyframes red_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #EE1D26;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #EE1D26;
  }
}

@keyframes red_dash {
  from {
    stroke-dashoffset: 1000;
    stroke: #EE1D26;
  }

  to {
    stroke-dashoffset: 0;
    stroke: #EE1D26;
  }
}


@-webkit-keyframes draw {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes draw {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes draw {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes draw {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes draw {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}




#Line_black line,
#Line_black path {
  -webkit-transform: translate(-17px, -495px) scale(4.2);
  -moz-transform: translate(-17px, -495px) scale(4.2);
  -ms-transform: translate(-17px, -495px) scale(4.2);
  -o-transform: translate(-17px, -495px) scale(4.2);
  transform: translate(-17px, -495px) scale(4.2);
}

#Line_black line {
  -webkit-transform: translate(-17px, -2px) scale(4.2);
  -moz-transform: translate(-17px, -2px) scale(4.2);
  -ms-transform: translate(-17px, -2px) scale(4.2);
  -o-transform: translate(-17px, -2px) scale(4.2);
  transform: translate(-17px, -2px) scale(4.2);
}

.Main_listing .UI_Design.item_2.box_2 .img_div {
  max-width: 40px;
}

.Main_listing .UI_Design.item_2.box_2 .img_div img.Rocket-smook {
  min-width: 100px;
  position: absolute;
  bottom: 0;
  left: -30px;
}

.Main_listing .UI_Design.item_2.box_2 .img_div img.Rocket {
  margin-bottom: 25px;
}

.Main_listing .UI_Design.item_1.box_1 .img_div {
  max-width: 70px;
  left: 11px;
}

.Main_listing .Second-row .box_3 .img_div {
  max-width: 180px;
  padding-top: 50px;
  text-align: center;
}

.Main_listing .Second-row .box_3 .img_div img {
  position: absolute;
  left: 0;
  top: 0;
}

.Main_listing .Second-row .box_3 .img_div .table-men {
  position: static;
  max-width: 130px;
}

.Main_listing .Second-row .box_3 .img_div .left-icons {
  left: 12px;
  width: 70px;
  top: 0px;
}

.Main_listing .Second-row .box_3 .img_div .middle-light {
  top: 0px;
  max-width: 24px;
  left: 81px;
}

.Main_listing .Second-row .box_3 .img_div .right-icons {
  right: 0;
  width: 70px;
  top: 0px;
  left: inherit;
}

.Main_listing .UI_Design.item_2.box_4 .img_div {
  max-width: 140px;
  margin-bottom: 10px;
  margin: 10px 0 0 50px;
}

.Main_listing .UI_Design.item_2.box_4 .img_div img {
  position: absolute;

}

.Main_listing .UI_Design.item_2.box_4 .img_div img.character_1 {
  bottom: -5px;
  max-width: 65px;
  left: 10px;
  z-index: 1;
}

.Main_listing .UI_Design.item_2.box_4 .img_div img.dotted-arrow {
  bottom: 7px;
  width: 70px;
  right: -45px;
}

.Main_listing .UI_Design.item_2.box_4 .img_div img.circle_bg {
  max-width: 150px;
  position: relative;
  top: -2px;
}

.Main_listing .UI_Design.item_2.box_4 .img_div img.character_2 {
  width: 70px;
  right: 8px;
  bottom: 0px;
  z-index: 1;

}

.Main_listing .UI_Design.item_2.box_4 .img_div img.qa_arrow {
  left: 8px;
  bottom: 0;
  z-index: 0;
}

.Main_listing .UI_Design.item_2.box_4 .img_div img.App-Dev-left-men {
  left: 0px;
  top: -8px;
  width: 60px;
}

.Main_listing .UI_Design.item_1.box_5 .img_div img {
  position: absolute;
}

.Main_listing .UI_Design.item_1.box_5 .img_div .men-with-laptop {
  position: static;
  max-width: 60px;
}

.Main_listing .UI_Design.item_1.box_5 .img_div .Design-left-icons {
  left: -17px;
  top: -14px;
}

.Main_listing .UI_Design.item_1.box_5 .img_div .Design-right-icons {
  right: -19px;
  max-width: 45px;
  top: -25px;
}

.Main_listing .UI_Design.item_1.box_5 .img_div .Design-Top-icons {
  top: -25px;
  max-width: 70px;
}

.Main_listing .UI_Design.item_1.box_7 .img_div .UI-Design-icons {
  position: absolute;
  top: -1px;
  left: 5px;
  max-width: 47px;
}

.Main_listing .UI_Design.item_1.box_7 {
  top: 51px;
}

.Main_listing .UI_Design.item_2.box_6 .img_div {
  max-width: 110px;
}

.Main_listing .UI_Design.item_2.box_6 .img_div img {
  position: absolute;
  left: 0;
}

.Main_listing .UI_Design.item_2.box_6 .img_div .App-Dev-mobile {
  position: static;
}

.Main_listing .UI_Design.item_2.box_6 .img_div img.App-Dev-left-men {
  left: 0px;
  top: -8px;
  width: 60px;
}

.Main_listing .UI_Design.item_2.box_6 .img_div img.App-Dev-right-men {
  top: 24px;
  right: -31px;
  left: inherit;
  width: 70px;
}

.Main_listing .UI_Design.item_2.box_6 img.App-Dev-top-women {
  top: -30px;
  max-width: 50px;
  left: initial;
  right: 26px;
}


.Main_listing .box_1 .Serves_Heading,
.Main_listing .box_1 .jointer span.circul {
  background: rgb(241, 93, 40);
  background: linear-gradient(125deg, rgba(241, 93, 40, 1) 0%, rgba(247, 143, 31, 1) 100%);
}

.Main_listing .box_3 .Serves_Heading,
.Main_listing .box_3 .jointer span.circul {
  background: rgb(215, 50, 114);
  background: linear-gradient(125deg, rgba(215, 50, 114, 1) 0%, rgba(237, 98, 161, 1) 100%);
}

.Main_listing .box_5 .Serves_Heading,
.Main_listing .box_5 .jointer span.circul {
  background: rgb(15, 165, 74);
  background: linear-gradient(125deg, rgba(15, 165, 74, 1) 0%, rgba(120, 193, 65, 1) 100%);
}

.Main_listing .box_7 .Serves_Heading,
.Main_listing .box_7 .jointer span.circul {
  background: rgb(14, 143, 202);
  background: linear-gradient(125deg, rgba(14, 143, 202, 1) 0%, rgba(87, 197, 224, 1) 100%);
}

.Main_listing .box_6 .Serves_Heading,
.Main_listing .box_6 .jointer span.circul {
  background: rgb(160, 122, 178);
  background: linear-gradient(125deg, rgba(160, 122, 178, 1) 0%, rgba(201, 161, 228, 1) 100%);
}

.Main_listing .box_4 .Serves_Heading,
.Main_listing .box_4 .jointer span.circul {
  background: rgb(5, 165, 146);
  background: linear-gradient(125deg, rgba(5, 165, 146, 1) 0%, rgba(77, 219, 204, 1) 100%);
}

.Main_listing .box_2 .Serves_Heading,
.Main_listing .box_2 .jointer span.circul {
  background: rgb(237, 32, 41);
  background: linear-gradient(125deg, rgba(237, 32, 41, 1) 0%, rgba(255, 68, 76, 1) 100%);
}

.Main_listing .box_5 .Serves_Heading h3 span {
  font-size: 42px;
  top: -20px;
}

.Main_listing .box_3 .Serves_Heading h3 span {
  font-size: 42px;
  top: -20px;
}

.Main_listing .box_4 .Serves_Heading h3 span {
  font-size: 42px;
  top: -15px;
}

.Main_listing .box_6 .Serves_Heading h3 span {
  font-size: 42px;
  top: -20px;
}

.Main_listing .box_2 .Serves_Heading h3 span {
  font-size: 36px;
  top: -14px;
  left: -23px;
}

.Main_listing .Middle_Circle {
  background: #fff;
  height: 100vh;
  max-height: 350px;
  max-width: 350px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  width: 100%;
  left: 50%;
  top: 53%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 10000px;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
}

.Main_listing .Middle_Circle .inner_Circle {
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  background: #fff;
  border-radius: 1000px;
  border: solid 1px #cdd0d6;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
}

.Main_listing .Middle_Circle .inner_Circle h3 {
  margin: 0;
  font-size: 25px;
  font-weight: 400;
  color: #626262;
}

.Main_listing .box_1 .Serves_Heading h3 span {
  top: -20px;
}


/** Start animation **/

/* / Middle_Circle **/
.Main_listing .Middle_Circle {
  -webkit-animation: swirl-in-fwd .6s ease-out both;
  -moz-animation: swirl-in-fwd .6s ease-out both;
  -ms-animation: swirl-in-fwd .6s ease-out both;
  -o-animation: swirl-in-fwd .6s ease-out both;
  animation: swirl-in-fwd .6s ease-out both;
}

@-webkit-keyframes swirl-in-fwd {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}

@-moz-keyframes swirl-in-fwd {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}

@-ms-keyframes swirl-in-fwd {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}

@-o-keyframes swirl-in-fwd {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}

@keyframes swirl-in-fwd {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }

  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}






/* / end Middle_Circle **/


/* / bullub light **/
@-webkit-keyframes bounce-in-fwd-hover {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  38% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }

  55% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  72% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  81% {
    -webkit-transform: scale(0.84);
    -moz-transform: scale(0.84);
    -ms-transform: scale(0.84);
    -o-transform: scale(0.84);
    transform: scale(0.84);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  89% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  95% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes bounce-in-fwd-hover {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  38% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }

  55% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  72% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  81% {
    -webkit-transform: scale(0.84);
    -moz-transform: scale(0.84);
    -ms-transform: scale(0.84);
    -o-transform: scale(0.84);
    transform: scale(0.84);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  89% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  95% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.box_1:hover .idea-light-shine {
  -webkit-animation: bounce-in-fwd-hover;
  -moz-animation: bounce-in-fwd-hover;
  -ms-animation: bounce-in-fwd-hover;
  -o-animation: bounce-in-fwd-hover;
  animation: bounce-in-fwd-hover;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;

}

.box_1 .idea-light-shine {
  -webkit-animation: bounce-in-fwd 1.1s both;
  -moz-animation: bounce-in-fwd 1.1s both;
  -ms-animation: bounce-in-fwd 1.1s both;
  -o-animation: bounce-in-fwd 1.1s both;
  animation: bounce-in-fwd 1.1s both;
  -webkit-animation-delay: 2.3s;
  -moz-animation-delay: 2.3s;
  -ms-animation-delay: 2.3s;
  -o-animation-delay: 2.3s;
  animation-delay: 2.3s;
}

@-webkit-keyframes bounce-in-fwd {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  38% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }

  55% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  72% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  81% {
    -webkit-transform: scale(0.84);
    -moz-transform: scale(0.84);
    -ms-transform: scale(0.84);
    -o-transform: scale(0.84);
    transform: scale(0.84);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  89% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  95% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes bounce-in-fwd {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  38% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }

  55% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  72% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  81% {
    -webkit-transform: scale(0.84);
    -moz-transform: scale(0.84);
    -ms-transform: scale(0.84);
    -o-transform: scale(0.84);
    transform: scale(0.84);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  89% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  95% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

/* / end bullub light **/


/* / men slide up */
.Main_listing .UI_Design.item_1.box_1 .img_div {
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  -moz-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  -ms-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  -o-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  animation-delay: 1.5s;
  z-index: -1;
}

@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-moz-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-ms-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-o-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}


/* / end men slide up */

/* / Table up */
/*.Main_listing .Second-row .box_3:hover .img_div .table-men{
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}*/
.Main_listing .Second-row .box_3 .img_div .table-men {
  -webkit-animation: fade-in-bottomTable 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-bottomTable 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-bottomTable 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-bottomTable 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-bottomTable 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-delay: 4.2s;
  -moz-animation-delay: 4.2s;
  -ms-animation-delay: 4.2s;
  -o-animation-delay: 4.2s;
  animation-delay: 4.2s;
  position: relative;
  z-index: -1;
}

@-webkit-keyframes fade-in-bottomTable {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-moz-keyframes fade-in-bottomTable {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-ms-keyframes fade-in-bottomTable {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-o-keyframes fade-in-bottomTable {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in-bottomTable {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

/* / end Table up */

/* / box left icon */
@-webkit-keyframes fade-in-left-hover {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    moz-transform: translateX(0);
    ms-transform: translateX(0);
    o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-moz-keyframes fade-in-left-hover {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    moz-transform: translateX(0);
    ms-transform: translateX(0);
    o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-ms-keyframes fade-in-left-hover {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    moz-transform: translateX(0);
    ms-transform: translateX(0);
    o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-o-keyframes fade-in-left-hover {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    moz-transform: translateX(0);
    ms-transform: translateX(0);
    o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-left-hover {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    moz-transform: translateX(0);
    ms-transform: translateX(0);
    o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

.Main_listing .Second-row .box_3:hover .img_div img.left-icons {
  -webkit-animation: fade-in-left-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-left-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-left-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-left-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-left-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);

  -webkit-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}

.Main_listing .Second-row .box_3 .img_div img.left-icons {
  -webkit-animation: fade-in-left cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-left cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-left cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-left cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-left cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-delay: 4.3s;
  -moz-animation-delay: 4.3s;
  -ms-animation-delay: 4.3s;
  -o-animation-delay: 4.3s;
  animation-delay: 4.3s;
}

@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    moz-transform: translateX(0);
    ms-transform: translateX(0);
    o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-moz-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    moz-transform: translateX(0);
    ms-transform: translateX(0);
    o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-ms-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    moz-transform: translateX(0);
    ms-transform: translateX(0);
    o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-o-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    moz-transform: translateX(0);
    ms-transform: translateX(0);
    o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    moz-transform: translateX(0);
    ms-transform: translateX(0);
    o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

/* / end box left icon */

/* / box right icon */
@-webkit-keyframes fade-in-right-hover {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-moz-keyframes fade-in-right-hover {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-ms-keyframes fade-in-right-hover {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-o-keyframes fade-in-right-hover {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-right-hover {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

.Main_listing .Second-row .box_3:hover .img_div img.right-icons {
  -webkit-animation: fade-in-right-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-right-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-right-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-right-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-right-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);

  -webkit-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;

}

.Main_listing .Second-row .box_3 .img_div img.right-icons {
  -webkit-animation: fade-in-right cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-right cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-right cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-right cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-right cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-delay: 4.3s;
  -moz-animation-delay: 4.3s;
  -ms-animation-delay: 4.3s;
  -o-animation-delay: 4.3s;
  animation-delay: 4.3s;
}

@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-moz-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-ms-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-o-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

/* / end box right icon */

/* second bullub */
@-webkit-keyframes fade-in-hover {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fade-in-hover {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes fade-in-hover {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes fade-in-hover {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-in-hover {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.Main_listing .Second-row .box_3:hover .img_div .middle-light {
  -webkit-animation: fade-in-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}

.Main_listing .Second-row .box_3 .img_div .middle-light {
  -webkit-animation: fade-in cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-delay: 4.3s;
  -moz-animation-delay: 4.3s;
  -ms-animation-delay: 4.3s;
  -o-animation-delay: 4.3s;
  animation-delay: 4.3s;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* end second bullub */


/* Quality Assurance */

.Main_listing .UI_Design.item_2.box_4 .img_div img.character_1 {
  -webkit-animation: fade-in-BXLeft_men cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-BXLeft_men cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-BXLeft_men cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-BXLeft_men cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-BXLeft_men cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-delay: 7.1s;
  -moz-animation-delay: 7.1s;
  -ms-animation-delay: 7.1s;
  -o-animation-delay: 7.1s;
  animation-delay: 7.1s;
}

.Main_listing .UI_Design.item_2.box_4 .img_div img.character_2 {
  -webkit-animation: fade-in-BXRight_men cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-BXRight_men cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-BXRight_men cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-BXRight_men cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-BXRight_men cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-delay: 7.1s;
  -moz-animation-delay: 7.1s;
  -ms-animation-delay: 7.1s;
  -o-animation-delay: 7.1s;
  animation-delay: 7.1s;
}

.Main_listing .UI_Design.item_2.box_4:hover .img_div img.character_1 {
  -webkit-animation: fade-in-BXLeft_men-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-BXLeft_men-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-BXLeft_men-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-BXLeft_men-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-BXLeft_men-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}

.Main_listing .UI_Design.item_2.box_4:hover .img_div img.character_2 {
  -webkit-animation: fade-in-BXRight_men-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-BXRight_men-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-BXRight_men-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-BXRight_men-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-BXRight_men-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}

.Main_listing .UI_Design.item_2.box_4 .img_div img.dotted-arrow {
  -webkit-animation: fade-in-Roket cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-Roket cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-Roket cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-Roket cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-Roket cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-delay: 10.6s;
  -moz-animation-delay: 10.6s;
  -ms-animation-delay: 10.6s;
  -o-animation-delay: 10.6s;
  animation-delay: 10.6s;
  z-index: 2;
}

.Main_listing .UI_Design.item_2.box_4:hover .img_div img.dotted-arrow {
  -webkit-animation: fade-in-Roket-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-Roket-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-Roket-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-Roket-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-Roket-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}




/* Laptop table */
/*.Main_listing .UI_Design.item_1.box_5:hover .img_div .men-with-laptop{
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}*/
.Main_listing .UI_Design.item_1.box_5 .img_div .men-with-laptop {
  -webkit-animation: fade-in-bottomLaptop 1.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) forwards;
  -moz-animation: fade-in-bottomLaptop 1.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) forwards;
  -ms-animation: fade-in-bottomLaptop 1.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) forwards;
  -o-animation: fade-in-bottomLaptop 1.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) forwards;
  animation: fade-in-bottomLaptop 1.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) forwards;
  -webkit-animation-delay: 5.2s;
  -moz-animation-delay: 5.2s;
  -ms-animation-delay: 5.2s;
  -o-animation-delay: 5.2s;
  animation-delay: 5.2s;
  position: relative;
  z-index: -1;
}

@-webkit-keyframes fade-in-bottomLaptop {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

/* end Laptop table */


/* / box left icon */
@-webkit-keyframes fade-in-leftLap-hover {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-moz-keyframes fade-in-leftLap-hover {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-ms-keyframes fade-in-leftLap-hover {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-o-keyframes fade-in-leftLap-hover {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-leftLap-hover {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

.Main_listing .UI_Design.item_1.box_5:hover .img_div .Design-left-icons {
  -webkit-animation: fade-in-leftLap-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-leftLap-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-leftLap-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-leftLap-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-leftLap-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);

  -webkit-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  -webkit-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

.Main_listing .UI_Design.item_1.box_5 .img_div .Design-left-icons {
  -webkit-animation: fade-in-leftLap 1.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-leftLap 1.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-leftLap 1.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-leftLap 1.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-leftLap 1.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-delay: 5.2s;
  -moz-animation-delay: 5.2s;
  -ms-animation-delay: 5.2s;
  -o-animation-delay: 5.2s;
  animation-delay: 5.2s;
}

@-webkit-keyframes fade-in-leftLap {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-moz-keyframes fade-in-leftLap {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-ms-keyframes fade-in-leftLap {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-o-keyframes fade-in-leftLap {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-leftLap {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

/* / end box left icon */

/* / box right icon */
@-webkit-keyframes fade-in-RightLap-hover {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-moz-keyframes fade-in-RightLap-hover {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-ms-keyframes fade-in-RightLap-hover {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-o-keyframes fade-in-RightLap-hover {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-RightLap-hover {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

.Main_listing .UI_Design.item_1.box_5:hover .img_div .Design-right-icons {
  -webkit-animation: fade-in-RightLap-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-RightLap-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-RightLap-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-RightLap-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-RightLap-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  -webkit-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

.Main_listing .UI_Design.item_1.box_5 .img_div .Design-right-icons {
  -webkit-animation: fade-in-RightLap 1.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-RightLap 1.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-RightLap 1.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-RightLap 1.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-RightLap 1s cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-delay: 5.2s;
  -moz-animation-delay: 5.2s;
  -ms-animation-delay: 5.2s;
  -o-animation-delay: 5.2s;
  animation-delay: 5.2s;
}

@-webkit-keyframes fade-in-RightLap {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-moz-keyframes fade-in-RightLap {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-ms-keyframes fade-in-RightLap {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-o-keyframes fade-in-RightLap {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-RightLap {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}


/* / end box right icon */

/* box2 Top icons */
@-webkit-keyframes fade-in-Up_icon-hover {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fade-in-Up_icon-hover {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes fade-in-Up_icon-hover {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes fade-in-Up_icon-hover {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-in-Up_icon-hover {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.Main_listing .UI_Design.item_1.box_5:hover .img_div .Design-Top-icons {
  -webkit-animation: fade-in-Up_icon-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-Up_icon-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-Up_icon-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-Up_icon-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-Up_icon-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}

.Main_listing .UI_Design.item_1.box_5 .img_div .Design-Top-icons {
  -webkit-animation: fade-in-Up_icon 1.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-Up_icon 1.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-Up_icon 1.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-Up_icon 1.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-Up_icon 1.3s cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-delay: 4.2s;
  -moz-animation-delay: 4.2s;
  -ms-animation-delay: 4.2s;
  -o-animation-delay: 4.2s;
  animation-delay: 4.2s;
}

@-webkit-keyframes fade-in-Up_icon {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fade-in-Up_icon {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes fade-in-Up_icon {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes fade-in-Up_icon {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-in-Up_icon {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* end box2 Top icons */

/* Box 4 icon1 */
@-webkit-keyframes fade-in-bottommobile-hover {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-moz-keyframes fade-in-bottommobile-hover {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-ms-keyframes fade-in-bottommobile-hover {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-o-keyframes fade-in-bottommobile-hover {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in-bottommobile-hover {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

.Main_listing .UI_Design.item_1.box_7:hover .img_div .UI-Design-img {
  -webkit-animation: fade-in-bottommobile-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-bottommobile-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-bottommobile-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-bottommobile-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-bottommobile-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}

.Main_listing .UI_Design.item_1.box_7 .img_div .UI-Design-img {
  -webkit-animation: fade-in-bottommobile cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-bottommobile cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-bottommobile cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-bottommobile cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-bottommobile cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-delay: 5.2s;
  -moz-animation-delay: 5.2s;
  -ms-animation-delay: 5.2s;
  -o-animation-delay: 5.2s;
  animation-delay: 5.2s;
  position: relative;
  z-index: -1;
}

@-webkit-keyframes fade-in-bottommobile {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-moz-keyframes fade-in-bottommobile {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-ms-keyframes fade-in-bottommobile {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-o-keyframes fade-in-bottommobile {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in-bottommobile {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

/* end Box 4 icon1 */

/* Box 4 icon2 */
@-webkit-keyframes fade-in-Left_topIcon-hover {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-moz-keyframes fade-in-Left_topIcon-hover {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-ms-keyframes fade-in-Left_topIcon-hover {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-o-keyframes fade-in-Left_topIcon-hover {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-Left_topIcon-hover {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

.Main_listing .UI_Design.item_1.box_7:hover .img_div .UI-Design-icons {
  -webkit-animation: fade-in-Left_topIcon-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-Left_topIcon-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-Left_topIcon-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-Left_topIcon-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-Left_topIcon-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}

.Main_listing .UI_Design.item_1.box_7 .img_div .UI-Design-icons {
  -webkit-animation: fade-in-Left_topIcon cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-Left_topIcon cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-Left_topIcon cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-Left_topIcon cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-Left_topIcon cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-delay: 6.3s;
  -moz-animation-delay: 6.3s;
  -ms-animation-delay: 6.3s;
  -o-animation-delay: 6.3s;
  animation-delay: 6.3s;
}

@-webkit-keyframes fade-in-Left_topIcon {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-moz-keyframes fade-in-Left_topIcon {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-ms-keyframes fade-in-Left_topIcon {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-o-keyframes fade-in-Left_topIcon {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-Left_topIcon {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

/* end Box 5 icon1 mobile */
/*.Main_listing .UI_Design.item_2.box_6:hover .img_div .App-Dev-mobile{
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}*/
.Main_listing .UI_Design.item_2.box_6 .img_div .App-Dev-mobile {
  -webkit-animation: fade-in-BXMObile cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-BXMObile cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-BXMObile cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-BXMObile cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-BXMObile cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-delay: 7.1s;
  -moz-animation-delay: 7.1s;
  -ms-animation-delay: 7.1s;
  -o-animation-delay: 7.1s;
  animation-delay: 7.1s;
  position: relative;
  z-index: -1;
}

@-webkit-keyframes fade-in-BXMObile {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-moz-keyframes fade-in-BXMObile {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-ms-keyframes fade-in-BXMObile {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-o-keyframes fade-in-BXMObile {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in-BXMObile {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}


/* end Box 5 icon2 mobile */
@-webkit-keyframes fade-in-BXgirl-hover {
  0% {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-moz-keyframes fade-in-BXgirl-hover {
  0% {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-ms-keyframes fade-in-BXgirl-hover {
  0% {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-o-keyframes fade-in-BXgirl-hover {
  0% {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in-BXgirl-hover {
  0% {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

.Main_listing .UI_Design.item_2.box_6:hover .App-Dev-top-women {
  -webkit-animation: fade-in-BXgirl-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-BXgirl-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-BXgirl-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-BXgirl-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-BXgirl-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}

.Main_listing .UI_Design.item_2.box_6 .App-Dev-top-women {
  -webkit-animation: fade-in-BXgirl cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-BXgirl cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-BXgirl cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-BXgirl cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-BXgirl cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-delay: 7.1s;
  -moz-animation-delay: 7.1s;
  -ms-animation-delay: 7.1s;
  -o-animation-delay: 7.1s;
  animation-delay: 7.1s;
}

@-webkit-keyframes fade-in-BXgirl {
  0% {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-moz-keyframes fade-in-BXgirl {
  0% {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-ms-keyframes fade-in-BXgirl {
  0% {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-o-keyframes fade-in-BXgirl {
  0% {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in-BXgirl {
  0% {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

/* end Box 5 icon3 mobile */
@-webkit-keyframes fade-in-BXLeft_men-hover {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-moz-keyframes fade-in-BXLeft_men-hover {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-ms-keyframes fade-in-BXLeft_men-hover {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-o-keyframes fade-in-BXLeft_men-hover {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-BXLeft_men-hover {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

.Main_listing .UI_Design.item_2.box_6:hover .img_div img.App-Dev-left-men {
  -webkit-animation: fade-in-BXLeft_men-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-BXLeft_men-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-BXLeft_men-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-BXLeft_men-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-BXLeft_men-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}

.Main_listing .UI_Design.item_2.box_6 .img_div img.App-Dev-left-men {
  -webkit-animation: fade-in-BXLeft_men cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-BXLeft_men cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-BXLeft_men cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-BXLeft_men cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-BXLeft_men cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-delay: 7.1s;
  -moz-animation-delay: 7.1s;
  -ms-animation-delay: 7.1s;
  -o-animation-delay: 7.1s;
  animation-delay: 7.1s;
}

@-webkit-keyframes fade-in-BXLeft_men {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-moz-keyframes fade-in-BXLeft_men {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-ms-keyframes fade-in-BXLeft_men {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-o-keyframes fade-in-BXLeft_men {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-BXLeft_men {
  0% {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

/* end Box 5 icon4 mobile */
@-webkit-keyframes fade-in-BXRight_men-hover {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-moz-keyframes fade-in-BXRight_men-hover {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-ms-keyframes fade-in-BXRight_men-hover {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-o-keyframes fade-in-BXRight_men-hover {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-BXRight_men-hover {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

.Main_listing .UI_Design.item_2.box_6:hover .img_div img.App-Dev-right-men {
  -webkit-animation: fade-in-BXRight_men-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-BXRight_men-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-BXRight_men-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-BXRight_men-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-BXRight_men-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}

.Main_listing .UI_Design.item_2.box_6 .img_div img.App-Dev-right-men {
  -webkit-animation: fade-in-BXRight_men cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-BXRight_men cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-BXRight_men cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-BXRight_men cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-BXRight_men cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-delay: 7.1s;
  -moz-animation-delay: 7.1s;
  -ms-animation-delay: 7.1s;
  -o-animation-delay: 7.1s;
  animation-delay: 7.1s;
}

@-webkit-keyframes fade-in-BXRight_men {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-moz-keyframes fade-in-BXRight_men {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-ms-keyframes fade-in-BXRight_men {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-o-keyframes fade-in-BXRight_men {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-BXRight_men {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

/* end Box 6 icon_rotate */
.Main_listing .UI_Design.item_2.box_4:hover .img_div .Beta-Release {
  -webkit-animation: spin linear;
  -moz-animation: spin linear;
  -ms-animation: spin linear;
  -o-animation: spin linear;
  animation: spin linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-360deg);
  }
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(-360deg);
  }
}

@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }

  100% {
    -ms-transform: rotate(-360deg);
  }
}

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(-360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(-360deg);
  }
}

.Main_listing .UI_Design.item_2.box_4 .img_div .Beta-Release {
  -webkit-animation: swirl-in-fwdBeta;
  -moz-animation: swirl-in-fwdBeta;
  -ms-animation: swirl-in-fwdBeta;
  -o-animation: swirl-in-fwdBeta;
  animation: swirl-in-fwdBeta;
  -webkit-animation-delay: 8s;
  -moz-animation-delay: 8s;
  -ms-animation-delay: 8s;
  -o-animation-delay: 8s;
  animation-delay: 8s;
  display: block;
}

@-webkit-keyframes swirl-in-fwdBeta {
  0% {
    -webkit-transform: rotate(540deg);
    -moz-transform: rotate(540deg);
    -ms-transform: rotate(540deg);
    -o-transform: rotate(540deg);
    transform: rotate(540deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}

@-moz-keyframes swirl-in-fwdBeta {
  0% {
    -webkit-transform: rotate(540deg);
    -moz-transform: rotate(540deg);
    -ms-transform: rotate(540deg);
    -o-transform: rotate(540deg);
    transform: rotate(540deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}

@-ms-keyframes swirl-in-fwdBeta {
  0% {
    -webkit-transform: rotate(540deg);
    -moz-transform: rotate(540deg);
    -ms-transform: rotate(540deg);
    -o-transform: rotate(540deg);
    transform: rotate(540deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}

@-o-keyframes swirl-in-fwdBeta {
  0% {
    -webkit-transform: rotate(540deg);
    -moz-transform: rotate(540deg);
    -ms-transform: rotate(540deg);
    -o-transform: rotate(540deg);
    transform: rotate(540deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}

@keyframes swirl-in-fwdBeta {
  0% {
    -webkit-transform: rotate(540deg);
    -moz-transform: rotate(540deg);
    -ms-transform: rotate(540deg);
    -o-transform: rotate(540deg);
    transform: rotate(540deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}


/* end Box 7 Roket */
@-webkit-keyframes fade-in-Roket-hover {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-moz-keyframes fade-in-Roket-hover {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-ms-keyframes fade-in-Roket-hover {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-o-keyframes fade-in-Roket-hover {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in-Roket-hover {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

.Main_listing .UI_Design.item_2.box_2:hover .img_div img.Rocket {
  -webkit-animation: fade-in-Roket-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-Roket-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-Roket-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-Roket-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-Roket-hover cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}

.Main_listing .UI_Design.item_2.box_2 .img_div img.Rocket {
  -webkit-animation: fade-in-Roket cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -moz-animation: fade-in-Roket cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -ms-animation: fade-in-Roket cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -o-animation: fade-in-Roket cubic-bezier(0.390, 0.575, 0.565, 1.000);
  animation: fade-in-Roket cubic-bezier(0.390, 0.575, 0.565, 1.000);
  -webkit-animation-delay: 10.6s;
  -moz-animation-delay: 10.6s;
  -ms-animation-delay: 10.6s;
  -o-animation-delay: 10.6s;
  animation-delay: 10.6s;
  position: relative;
  z-index: 2;
}

@-webkit-keyframes fade-in-Roket {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-moz-keyframes fade-in-Roket {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-ms-keyframes fade-in-Roket {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-o-keyframes fade-in-Roket {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in-Roket {
  0% {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}



@-webkit-keyframes kf_el_6fAxfCRgvPr_an_p1wtrJzo_ {
  0% {
    opacity: 0;
  }

  2.22% {
    opacity: 0;
  }

  4.44% {
    opacity: 0;
  }

  6.67% {
    opacity: 0;
  }

  8.89% {
    opacity: 0;
  }

  11.11% {
    opacity: 0;
  }

  13.33% {
    opacity: 0;
  }

  15.56% {
    opacity: 0;
  }

  17.78% {
    opacity: 0;
  }

  22.22% {
    opacity: 0;
  }

  24.44% {
    opacity: 0;
  }

  26.67% {
    opacity: 0;
  }

  28.89% {
    opacity: 0;
  }

  31.11% {
    opacity: 0;
  }

  32.22% {
    opacity: 0;
  }

  33.33% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes kf_el_6fAxfCRgvPr_an_p1wtrJzo_ {
  0% {
    opacity: 0;
  }

  2.22% {
    opacity: 0;
  }

  4.44% {
    opacity: 0;
  }

  6.67% {
    opacity: 0;
  }

  8.89% {
    opacity: 0;
  }

  11.11% {
    opacity: 0;
  }

  13.33% {
    opacity: 0;
  }

  15.56% {
    opacity: 0;
  }

  17.78% {
    opacity: 0;
  }

  22.22% {
    opacity: 0;
  }

  24.44% {
    opacity: 0;
  }

  26.67% {
    opacity: 0;
  }

  28.89% {
    opacity: 0;
  }

  31.11% {
    opacity: 0;
  }

  32.22% {
    opacity: 0;
  }

  33.33% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes kf_el_SX-_5GXI8Rc_an_piC7YNilt {
  0% {
    opacity: 0;
  }

  2.22% {
    opacity: 0;
  }

  4.44% {
    opacity: 0;
  }

  6.67% {
    opacity: 0;
  }

  8.89% {
    opacity: 0;
  }

  11.11% {
    opacity: 0;
  }

  13.33% {
    opacity: 0;
  }

  15.56% {
    opacity: 0;
  }

  17.78% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  21.11% {
    opacity: 0;
  }

  22.22% {
    opacity: 1;
  }

  24.44% {
    opacity: 1;
  }

  26.67% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes kf_el_SX-_5GXI8Rc_an_piC7YNilt {
  0% {
    opacity: 0;
  }

  2.22% {
    opacity: 0;
  }

  4.44% {
    opacity: 0;
  }

  6.67% {
    opacity: 0;
  }

  8.89% {
    opacity: 0;
  }

  11.11% {
    opacity: 0;
  }

  13.33% {
    opacity: 0;
  }

  15.56% {
    opacity: 0;
  }

  17.78% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  21.11% {
    opacity: 0;
  }

  22.22% {
    opacity: 1;
  }

  24.44% {
    opacity: 1;
  }

  26.67% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes kf_el_m1u43CVYPk_an_n2lwH_cTe {
  0% {
    opacity: 0;
  }

  2.22% {
    opacity: 0;
  }

  4.44% {
    opacity: 0;
  }

  6.67% {
    opacity: 0;
  }

  8.89% {
    opacity: 0;
  }

  11.11% {
    opacity: 0;
  }

  13.33% {
    opacity: 0;
  }

  15.56% {
    opacity: 0;
  }

  17.78% {
    opacity: 0;
  }

  22.22% {
    opacity: 0;
  }

  24.44% {
    opacity: 0;
  }

  26.67% {
    opacity: 0;
  }

  28.89% {
    opacity: 0;
  }

  30% {
    opacity: 0;
  }

  31.11% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes kf_el_m1u43CVYPk_an_n2lwH_cTe {
  0% {
    opacity: 0;
  }

  2.22% {
    opacity: 0;
  }

  4.44% {
    opacity: 0;
  }

  6.67% {
    opacity: 0;
  }

  8.89% {
    opacity: 0;
  }

  11.11% {
    opacity: 0;
  }

  13.33% {
    opacity: 0;
  }

  15.56% {
    opacity: 0;
  }

  17.78% {
    opacity: 0;
  }

  22.22% {
    opacity: 0;
  }

  24.44% {
    opacity: 0;
  }

  26.67% {
    opacity: 0;
  }

  28.89% {
    opacity: 0;
  }

  30% {
    opacity: 0;
  }

  31.11% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes kf_el_RZFy4MfIj2_an_QtDbVSqnh {
  0% {
    opacity: 0;
  }

  2.22% {
    opacity: 0;
  }

  4.44% {
    opacity: 0;
  }

  6.67% {
    opacity: 0;
  }

  8.89% {
    opacity: 0;
  }

  11.11% {
    opacity: 0;
  }

  13.33% {
    opacity: 0;
  }

  15.56% {
    opacity: 0;
  }

  17.78% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  22.22% {
    opacity: 0;
  }

  24.44% {
    opacity: 0;
  }

  26.67% {
    opacity: 0;
  }

  27.78% {
    opacity: 0;
  }

  28.89% {
    opacity: 1;
  }

  33.33% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes kf_el_RZFy4MfIj2_an_QtDbVSqnh {
  0% {
    opacity: 0;
  }

  2.22% {
    opacity: 0;
  }

  4.44% {
    opacity: 0;
  }

  6.67% {
    opacity: 0;
  }

  8.89% {
    opacity: 0;
  }

  11.11% {
    opacity: 0;
  }

  13.33% {
    opacity: 0;
  }

  15.56% {
    opacity: 0;
  }

  17.78% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  22.22% {
    opacity: 0;
  }

  24.44% {
    opacity: 0;
  }

  26.67% {
    opacity: 0;
  }

  27.78% {
    opacity: 0;
  }

  28.89% {
    opacity: 1;
  }

  33.33% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes kf_el_Y9aoxg_HFK_an_2qYP4Yv1V {
  0% {
    opacity: 0;
  }

  2.22% {
    opacity: 0;
  }

  4.44% {
    opacity: 0;
  }

  6.67% {
    opacity: 0;
  }

  8.89% {
    opacity: 0;
  }

  11.11% {
    opacity: 0;
  }

  13.33% {
    opacity: 0;
  }

  15.56% {
    opacity: 0;
  }

  17.78% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  22.22% {
    opacity: 0;
  }

  24.44% {
    opacity: 0;
  }

  25.56% {
    opacity: 0;
  }

  26.67% {
    opacity: 1;
  }

  31.11% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes kf_el_Y9aoxg_HFK_an_2qYP4Yv1V {
  0% {
    opacity: 0;
  }

  2.22% {
    opacity: 0;
  }

  4.44% {
    opacity: 0;
  }

  6.67% {
    opacity: 0;
  }

  8.89% {
    opacity: 0;
  }

  11.11% {
    opacity: 0;
  }

  13.33% {
    opacity: 0;
  }

  15.56% {
    opacity: 0;
  }

  17.78% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  22.22% {
    opacity: 0;
  }

  24.44% {
    opacity: 0;
  }

  25.56% {
    opacity: 0;
  }

  26.67% {
    opacity: 1;
  }

  31.11% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes kf_el_rM6MF9yB3Q_an_fR34YLGQn {
  0% {
    opacity: 0;
  }

  2.22% {
    opacity: 0;
  }

  4.44% {
    opacity: 0;
  }

  6.67% {
    opacity: 0;
  }

  8.89% {
    opacity: 0;
  }

  11.11% {
    opacity: 0;
  }

  13.33% {
    opacity: 0;
  }

  15.56% {
    opacity: 0;
  }

  17.78% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  22.22% {
    opacity: 0;
  }

  23.33% {
    opacity: 0;
  }

  24.44% {
    opacity: 1;
  }

  28.89% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes kf_el_rM6MF9yB3Q_an_fR34YLGQn {
  0% {
    opacity: 0;
  }

  2.22% {
    opacity: 0;
  }

  4.44% {
    opacity: 0;
  }

  6.67% {
    opacity: 0;
  }

  8.89% {
    opacity: 0;
  }

  11.11% {
    opacity: 0;
  }

  13.33% {
    opacity: 0;
  }

  15.56% {
    opacity: 0;
  }

  17.78% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  22.22% {
    opacity: 0;
  }

  23.33% {
    opacity: 0;
  }

  24.44% {
    opacity: 1;
  }

  28.89% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes kf_el_RfZt4kzt5I_an__oQ-JVcNi {
  0% {
    opacity: 0;
  }

  2.22% {
    opacity: 0;
  }

  4.44% {
    opacity: 0;
  }

  6.67% {
    opacity: 0;
  }

  8.89% {
    opacity: 0;
  }

  11.11% {
    opacity: 0;
  }

  13.33% {
    opacity: 0;
  }

  15.56% {
    opacity: 0;
  }

  17.78% {
    opacity: 0;
  }

  18.89% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  22.22% {
    opacity: 1;
  }

  24.44% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes kf_el_RfZt4kzt5I_an__oQ-JVcNi {
  0% {
    opacity: 0;
  }

  2.22% {
    opacity: 0;
  }

  4.44% {
    opacity: 0;
  }

  6.67% {
    opacity: 0;
  }

  8.89% {
    opacity: 0;
  }

  11.11% {
    opacity: 0;
  }

  13.33% {
    opacity: 0;
  }

  15.56% {
    opacity: 0;
  }

  17.78% {
    opacity: 0;
  }

  18.89% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  22.22% {
    opacity: 1;
  }

  24.44% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes kf_el_AwEmV6EOW__an_xy8YFKFBc {
  0% {
    opacity: 0;
  }

  4.44% {
    opacity: 0;
  }

  6.67% {
    opacity: 0;
  }

  8.89% {
    opacity: 0;
  }

  11.11% {
    opacity: 0;
  }

  13.33% {
    opacity: 0;
  }

  15.56% {
    opacity: 0;
  }

  16.67% {
    opacity: 0;
  }

  17.78% {
    opacity: 1;
  }

  20% {
    opacity: 1;
  }

  22.22% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes kf_el_AwEmV6EOW__an_xy8YFKFBc {
  0% {
    opacity: 0;
  }

  4.44% {
    opacity: 0;
  }

  6.67% {
    opacity: 0;
  }

  8.89% {
    opacity: 0;
  }

  11.11% {
    opacity: 0;
  }

  13.33% {
    opacity: 0;
  }

  15.56% {
    opacity: 0;
  }

  16.67% {
    opacity: 0;
  }

  17.78% {
    opacity: 1;
  }

  20% {
    opacity: 1;
  }

  22.22% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes kf_el_qirrMS4imk_an_ZazI6shjd {
  0% {
    opacity: 0;
  }

  2.22% {
    opacity: 0;
  }

  4.44% {
    opacity: 0;
  }

  6.67% {
    opacity: 0;
  }

  8.89% {
    opacity: 0;
  }

  11.11% {
    opacity: 0;
  }

  13.33% {
    opacity: 0;
  }

  14.44% {
    opacity: 0;
  }

  15.56% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes kf_el_qirrMS4imk_an_ZazI6shjd {
  0% {
    opacity: 0;
  }

  2.22% {
    opacity: 0;
  }

  4.44% {
    opacity: 0;
  }

  6.67% {
    opacity: 0;
  }

  8.89% {
    opacity: 0;
  }

  11.11% {
    opacity: 0;
  }

  13.33% {
    opacity: 0;
  }

  14.44% {
    opacity: 0;
  }

  15.56% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes kf_el_1YRtgDVzeO_an_DO6ayhx7f {
  0% {
    opacity: 0;
  }

  2.22% {
    opacity: 0;
  }

  4.44% {
    opacity: 0;
  }

  6.67% {
    opacity: 0;
  }

  8.89% {
    opacity: 0;
  }

  11.11% {
    opacity: 0;
  }

  12.22% {
    opacity: 0;
  }

  13.33% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes kf_el_1YRtgDVzeO_an_DO6ayhx7f {
  0% {
    opacity: 0;
  }

  2.22% {
    opacity: 0;
  }

  4.44% {
    opacity: 0;
  }

  6.67% {
    opacity: 0;
  }

  8.89% {
    opacity: 0;
  }

  11.11% {
    opacity: 0;
  }

  12.22% {
    opacity: 0;
  }

  13.33% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes kf_el_mlQwAEqrnZ_an_JWOsM48Qh {
  8.89% {
    opacity: 0;
  }

  10% {
    opacity: 0;
  }

  11.11% {
    opacity: 1;
  }

  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes kf_el_mlQwAEqrnZ_an_JWOsM48Qh {
  8.89% {
    opacity: 0;
  }

  10% {
    opacity: 0;
  }

  11.11% {
    opacity: 1;
  }

  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes kf_el_2sKi_F7x7T_an_EDej2qs81 {
  6.67% {
    opacity: 0;
  }

  7.78% {
    opacity: 0;
  }

  8.89% {
    opacity: 1;
  }

  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes kf_el_2sKi_F7x7T_an_EDej2qs81 {
  6.67% {
    opacity: 0;
  }

  7.78% {
    opacity: 0;
  }

  8.89% {
    opacity: 1;
  }

  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes kf_el_e99JyuCoGK_an_W46GaErRU {
  4.44% {
    opacity: 0;
  }

  5.56% {
    opacity: 0;
  }

  6.67% {
    opacity: 1;
  }

  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes kf_el_e99JyuCoGK_an_W46GaErRU {
  4.44% {
    opacity: 0;
  }

  5.56% {
    opacity: 0;
  }

  6.67% {
    opacity: 1;
  }

  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes kf_el_IRtZDrGaal_an_DOiYePcFT {
  0% {
    opacity: 0;
  }

  1.11% {
    opacity: 0;
  }

  2.22% {
    opacity: 0;
  }

  3.33% {
    opacity: 0;
  }

  4.44% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes kf_el_IRtZDrGaal_an_DOiYePcFT {
  0% {
    opacity: 0;
  }

  1.11% {
    opacity: 0;
  }

  2.22% {
    opacity: 0;
  }

  3.33% {
    opacity: 0;
  }

  4.44% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes kf_el_OBN7h_938V_an_9cUtMS7Ff {
  0% {
    opacity: 0;
  }

  1.11% {
    opacity: 0;
  }

  2.22% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes kf_el_OBN7h_938V_an_9cUtMS7Ff {
  0% {
    opacity: 0;
  }

  1.11% {
    opacity: 0;
  }

  2.22% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

#arrow * {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
  animation-timing-function: cubic-bezier(0, 0, 1, 1);
}

#el_OfuiYCMBYS {
  fill: url(#SVGID_1_);
}

#el_OBN7h_938V {
  fill: url(#SVGID_2_);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: kf_el_OBN7h_938V_an_9cUtMS7Ff;
  animation-name: kf_el_OBN7h_938V_an_9cUtMS7Ff;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
  animation-timing-function: cubic-bezier(0, 0, 1, 1);
  opacity: 0;
}

#el_IRtZDrGaal {
  fill: url(#SVGID_3_);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: kf_el_IRtZDrGaal_an_DOiYePcFT;
  animation-name: kf_el_IRtZDrGaal_an_DOiYePcFT;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
  animation-timing-function: cubic-bezier(0, 0, 1, 1);
  opacity: 0;
}

#el_e99JyuCoGK {
  fill: url(#SVGID_4_);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: kf_el_e99JyuCoGK_an_W46GaErRU;
  animation-name: kf_el_e99JyuCoGK_an_W46GaErRU;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
  animation-timing-function: cubic-bezier(0, 0, 1, 1);
  opacity: 0;
}

#el_2sKi_F7x7T {
  fill: url(#SVGID_5_);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: kf_el_2sKi_F7x7T_an_EDej2qs81;
  animation-name: kf_el_2sKi_F7x7T_an_EDej2qs81;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
  animation-timing-function: cubic-bezier(0, 0, 1, 1);
  opacity: 0;
}

#el_mlQwAEqrnZ {
  fill: url(#SVGID_6_);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: kf_el_mlQwAEqrnZ_an_JWOsM48Qh;
  animation-name: kf_el_mlQwAEqrnZ_an_JWOsM48Qh;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
  animation-timing-function: cubic-bezier(0, 0, 1, 1);
  opacity: 0;
}

#el_1YRtgDVzeO {
  fill: url(#SVGID_7_);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: kf_el_1YRtgDVzeO_an_DO6ayhx7f;
  animation-name: kf_el_1YRtgDVzeO_an_DO6ayhx7f;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
  animation-timing-function: cubic-bezier(0, 0, 1, 1);
  opacity: 0;
}

#el_qirrMS4imk {
  fill: url(#SVGID_8_);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: kf_el_qirrMS4imk_an_ZazI6shjd;
  animation-name: kf_el_qirrMS4imk_an_ZazI6shjd;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
  animation-timing-function: cubic-bezier(0, 0, 1, 1);
  opacity: 0;
}

#el_AwEmV6EOW_ {
  fill: url(#SVGID_9_);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: kf_el_AwEmV6EOW__an_xy8YFKFBc;
  animation-name: kf_el_AwEmV6EOW__an_xy8YFKFBc;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
  animation-timing-function: cubic-bezier(0, 0, 1, 1);
  opacity: 0;
}

#el_RfZt4kzt5I {
  fill: url(#SVGID_10_);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: kf_el_RfZt4kzt5I_an__oQ-JVcNi;
  animation-name: kf_el_RfZt4kzt5I_an__oQ-JVcNi;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
  animation-timing-function: cubic-bezier(0, 0, 1, 1);
  opacity: 0;
}

#el_rM6MF9yB3Q {
  fill: url(#SVGID_11_);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: kf_el_rM6MF9yB3Q_an_fR34YLGQn;
  animation-name: kf_el_rM6MF9yB3Q_an_fR34YLGQn;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
  animation-timing-function: cubic-bezier(0, 0, 1, 1);
  opacity: 0;
}

#el_Y9aoxg_HFK {
  fill: url(#SVGID_12_);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: kf_el_Y9aoxg_HFK_an_2qYP4Yv1V;
  animation-name: kf_el_Y9aoxg_HFK_an_2qYP4Yv1V;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
  animation-timing-function: cubic-bezier(0, 0, 1, 1);
  opacity: 0;
}

#el_RZFy4MfIj2 {
  fill: url(#SVGID_13_);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: kf_el_RZFy4MfIj2_an_QtDbVSqnh;
  animation-name: kf_el_RZFy4MfIj2_an_QtDbVSqnh;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
  animation-timing-function: cubic-bezier(0, 0, 1, 1);
  opacity: 0;
}

#el_m1u43CVYPk {
  fill: url(#SVGID_14_);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: kf_el_m1u43CVYPk_an_n2lwH_cTe;
  animation-name: kf_el_m1u43CVYPk_an_n2lwH_cTe;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
  animation-timing-function: cubic-bezier(0, 0, 1, 1);
  opacity: 0;
}

#el_SX-_5GXI8Rc {
  fill: url(#SVGID_15_);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: kf_el_SX-_5GXI8Rc_an_piC7YNilt;
  animation-name: kf_el_SX-_5GXI8Rc_an_piC7YNilt;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
  animation-timing-function: cubic-bezier(0, 0, 1, 1);
  opacity: 0;
}

#el_6fAxfCRgvPr {
  fill: #4CC0B4;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: kf_el_6fAxfCRgvPr_an_p1wtrJzo_;
  animation-name: kf_el_6fAxfCRgvPr_an_p1wtrJzo_;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
  animation-timing-function: cubic-bezier(0, 0, 1, 1);
  opacity: 0;
}

.dotted-arrow {
  position: absolute;
  right: -48px;
  bottom: 3px;

}

svg#arrow {
  width: 72px;
  display: none;
  height: auto;
}

.Main_listing .UI_Design.item_2.box_4:hover svg#arrow stop {
  stop-color: red !important;
  animation: blink 1s linear infinite;
  -webkit-animation: blink 1s linear infinite;
  -moz-animation: blink 1s linear infinite;
  -ms-animation: blink 1s linear infinite;
}

.Main_listing .UI_Design.item_2.box_4:hover svg#arrow polygon {
  fill: red;
  animation: blink 1s linear infinite;
  -webkit-animation: blink 1s linear infinite;
  -moz-animation: blink 1s linear infinite;
  -ms-animation: blink 1s linear infinite;
}

@keyframes blink {
  0% {
    opacity: 0;
  }

  50% {
    opacity: .5;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }

  50% {
    opacity: .5;
  }

  100% {
    opacity: 1;
  }
}


@-moz-keyframes blink {
  0% {
    opacity: 0;
  }

  50% {
    opacity: .5;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes blink {
  0% {
    opacity: 0;
  }

  50% {
    opacity: .5;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes blink {
  0% {
    opacity: 0;
  }

  50% {
    opacity: .5;
  }

  100% {
    opacity: 1;
  }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .Main_listing .UI_Design.item_2.box_4 {
    top: -38px;
    left: 1px;
  }

  .Main_listing .UI_Design.item_2 .jointer {
    width: 42px;
  }

  .Main_listing .Second-row .box_4 .jointer {
    left: -127px;
  }

  .Main_listing .therd-row .item_2.box_6 .jointer {
    left: -128px;
  }

  .Main_listing .UI_Design.item_2.box_6 {
    left: -16px;
  }

  .Main_listing .UI_Design.item_2.box_2 .jointer {
    bottom: -13px;
  }

  .Main_listing .UI_Design.item_2.box_2 .img_div img.Rocket-smook {
    top: -52px;
    bottom: auto;
  }

  .Main_listing .UI_Design.item_2.box_6 img.App-Dev-top-women {
    top: -10px;
    left: auto;
    right: 26px;
  }

  .strock_line_white #Line_white {
    fill: none;
    stroke: #fff;
    stroke-width: 15px;
  }

  .Main_listing .UI_Design.item_1 {
    margin-bottom: -6px;
  }

  .Main_listing .UI_Design.item_1.box_5 {
    left: 0px;
    bottom: -16px;
  }

  .strock_line_Black #Line_black {
    -ms-transform: translate(1822px, 968px) scale(4.19);
  }

  .strock_line_Black #Line_black .red_last_line {
    display: none;
  }

  .Main_listing .UI_Design.item_1.box_1 {
    margin-left: 30px;
  }

  #Line_black .last_line {
    -ms-transform: translate(1822px, 968px);
  }

  .orange {
    stroke: #f47424;
  }

  .red_last_line {
    stroke: #EE1D26;
  }

  .pink {
    stroke: #E65392;
  }

  .green {
    stroke: #35AF47;
  }

  .blue {
    stroke: #0E92CB;
  }

  .purple {
    stroke: #A680BA;
  }

  .light_green {
    stroke: #2AC1B0;
  }

  .red {
    stroke: #EE1D26;
  }

  #step_section {
    display: none;
  }

}


/* responsive */
@media only screen and (max-width: 1500px) {
  #step_section {
    min-height: 640px;
  }

  #SVGwrapper {
    max-height: 660px;
    max-width: 830px
  }

  .strock_line_Black,
  .strock_line_white {
    padding: 183px 0 0
  }

  .Main_listing {
    min-height: 660px
  }

  .Main_listing .Middle_Circle {
    max-height: 240px;
    top: 52%;
    max-width: 240px
  }

  .Main_listing .Middle_Circle .inner_Circle {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: 10px 0 0 10px;
  }

  .Main_listing .Middle_Circle .inner_Circle h3 {
    font-size: 18px
  }

  .Main_listing .first-row {
    bottom: 74px
  }

  .Main_listing .UI_Design.item_2.box_2 {
    right: -40px;
    bottom: 4px
  }

  .Main_listing .jointer span.circul {
    left: -8px
  }

  .Main_listing .UI_Design.item_1.box_1 {
    margin-left: -23px;
    margin-bottom: -11px
  }

  .Main_listing .jointer {
    height: 22px;
    width: 4px
  }

  .Main_listing .UI_Design.item_2 .jointer {
    height: 4px
  }

  .Main_listing .UI_Design.item_2 .jointer span.circul {
    left: initial;
    right: -18px;
    bottom: -8px
  }

  .Main_listing .jointer span.circul {
    width: 20px;
    height: 20px
  }

  .Main_listing .Second-row .UI_Design.item_1 .jointer {
    right: -104px;
    bottom: 35px;
    -webkit-transform: rotate(-70deg);
    -moz-transform: rotate(-70deg);
    -ms-transform: rotate(-70deg);
    transform: rotate(-70deg)
  }

  .Main_listing .UI_Design.item_2.box_2 .img_div img.Rocket-smook {
    min-width: 70px;
    left: -15px
  }

  .Main_listing .UI_Design.item_2.box_2 .img_div img.Rocket {
    max-width: 30px
  }

  .box_1 img.idea-light {
    position: absolute;
    top: -3px;
    right: -3px;
    width: 15px
  }

  .box_1 img.idea-light-shine {
    position: absolute;
    top: -11px;
    width: 31px;
    right: -11px
  }

  .Main_listing .UI_Design.item_1.box_1 .img_div img.Idea_men {
    max-width: 60px
  }

  .Main_listing .UI_Design.item_2.box_2 .jointer {
    bottom: -5px;
    width: 20px
  }

  .Main_listing .Serves_Heading {
    max-width: 190px;
    height: 45px;
    border: solid 2px #fff
  }

  .Main_listing .Second-row {
    max-width: 890px;
    bottom: 237px
  }

  .Main_listing .Second-row .box_4 .jointer {
    left: -105px;
    bottom: 33px
  }

  .Main_listing .Second-row .UI_Design.item_1 .jointer {
    right: -104px
  }

  .Main_listing .Second-row .box_3 {
    left: 3px
  }

  .Main_listing .therd-row {
    bottom: initial;
    top: 70px;
    max-width: 720px
  }

  .Main_listing .UI_Design.item_1.box_5 .jointer {
    left: 114px
  }

  .Main_listing .UI_Design.item_1.box_5 {
    left: -14px;
    bottom: -10px;
  }

  .Main_listing .therd-row .item_2.box_6 .jointer {
    left: -103px;
    top: -20px;
    -webkit-transform: rotate(160deg);
    -moz-transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    transform: rotate(160deg);
    width: 20px
  }

  .Main_listing .UI_Design.item_2.box_6 {
    bottom: -19px;
    left: 13px
  }

  .Main_listing .UI_Design.item_1.box_7 {
    top: 11px
  }

  .Main_listing .box_6 .Serves_Heading h3 span {
    font-size: 26px;
    top: -10px;
    left: -25px
  }

  .Main_listing .UI_Design.item_1.box_7 .Serves_Heading h3 span {
    font-size: 26px;
    left: -22px;
    top: -10px
  }

  .Main_listing .box_4 .Serves_Heading h3 span {
    font-size: 26px;
    top: -6px;
    left: -20px;
  }

  .Main_listing .box_2 .Serves_Heading h3 span {
    font-size: 26px;
    top: -10px;
    left: -20px
  }

  .Main_listing .box_5 .Serves_Heading h3 span {
    font-size: 26px;
    top: -10px;
    left: -20px
  }

  .Main_listing .box_1 .Serves_Heading h3 span {
    top: -9px;
    left: -18px;
    font-size: 26px
  }

  .Main_listing .box_3 .Serves_Heading h3 span {
    font-size: 26px;
    top: -8px;
  }

  .Main_listing .UI_Design.item_2.box_4 {
    left: 1px;
    top: 11px;
  }

  .Main_listing .UI_Design.item_2.box_4 .img_div {
    max-width: 125px;
    margin-bottom: 0
  }

  .Main_listing .UI_Design.item_2.box_4 .img_div img.character_1 {
    max-width: 55px;
  }

  .Main_listing .UI_Design.item_2.box_4 .img_div img.character_2 {
    width: 60px;
  }

  .dotted-arrow {
    right: -40px;
  }

  svg#arrow {
    width: 55px;
  }

  .Main_listing .Second-row .box_3 .img_div .table-men {
    max-width: 90px
  }

  .Main_listing .Second-row .box_3 .img_div .right-icons {
    right: 6px;
    width: 65px;
    top: -0px;
    left: inherit
  }

  .Main_listing .Second-row .box_3 .img_div .middle-light {
    top: -0px;
    max-width: 18px;
    left: 85px
  }

  .Main_listing .Second-row .box_3 .img_div .left-icons {
    left: 22px;
    width: 58px;
    top: -0px
  }

  .Main_listing .UI_Design.item_1.box_5 .jointer {
    left: 102px;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg);
    top: -20px;
    height: 20px
  }

  .Main_listing .UI_Design.item_1.box_5 .img_div .men-with-laptop {
    max-width: 50px
  }

  .Main_listing .forth-row {
    top: 11px
  }

  .Main_listing .UI_Design.item_2.box_6 .img_div {
    max-width: 90px;
    min-height: 103px;
    padding-top: 17px
  }

  .Main_listing .UI_Design.item_2.box_6 .img_div img.App-Dev-left-men {
    left: -1px;
    top: 12px;
    width: 50px
  }

  .Main_listing .UI_Design.item_2.box_6 .img_div img.App-Dev-right-men {
    top: 34px;
    right: -28px;
    left: inherit;
    width: 60px
  }

  .Main_listing .UI_Design.item_2.box_6 img.App-Dev-top-women {
    top: -10px;
    max-width: 40px;
    left: initial;
    right: 26px
  }

  .Main_listing .UI_Design.item_2.box_2 .img_div img.Rocket {
    margin-bottom: 15px;
  }

  #step_section .Section_heading {
    text-align: center;
    margin: 50px 0 0px 0;
    color: #e92525;
    font-weight: 500 !important;
    font-size: 30px;
  }

  #step_section .section_heading h2 {
    margin: 40px 0 40px 0;
  }

  /* @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    .strock_line_Black #Line_black { -ms-transform: translate(1320px, 701px) scale(4.19);}
    .Main_listing .therd-row { bottom: auto; top: 70px; max-width: 750px;}
    .Main_listing .UI_Design.item_1.box_5 { left: 5px; bottom: -12px;}
    .Main_listing .UI_Design.item_2.box_4 {top: 17px;left: -4px;}
    .Main_listing .UI_Design.item_1 {margin-bottom: -23px;}
    .Main_listing .Second-row .box_4 .jointer { left: -103px; width: 20px;}
    .Main_listing .UI_Design.item_2.box_6 {left: -16px;bottom: -34px;}
    .Main_listing .therd-row .item_2.box_6 .jointer { left: -103px;}
    .Main_listing .UI_Design.item_2.box_2 .img_div img.Rocket-smook {top: -6px; bottom: auto;}
    .Main_listing .UI_Design.item_2.box_2 {right: -40px; bottom: -8px;}
    .Main_listing .UI_Design.item_2.box_2 .jointer {bottom: -13px; width: 30px;}
    .Main_listing .UI_Design.item_1.box_1 { margin-left: -17px; margin-bottom: -17px;}
}*/
}


/*1/7/19*/


.page-template-Template_gamepage_new .main_banner p {
  margin: 0px 0 15px 0;
  font-size: 15px;
  line-height: 25px;
}

.page-template-Template_gamepage_new .main_banner ul li {
  font-size: 15px;
  color: #2b2b2b;
}

.new_Banner-BUttoNs {
  margin-top: 45px;
}

.grey_design_bg {
  background-color: #f9f9f9;
  margin-bottom: 50px;
}

.get-nda_BTn {
  padding-top: 10px !important;
}

.game_outer1 P {
  color: #707070 !important;
}

.grey_design_bg p {
  color: #707070 !important;
}

.page-template-Template_gamepage_new #csbwfs-delaydiv {
  display: none;
}

.get_btn p {
  font-size: 13px;
  padding-top: 5px;
  margin-bottom: 0px;

}

.nda_btn.get-nda_BTn a {
  border-radius: 3px !important;
}

.page-template-Template_gamepage_new .banner-heading {
  margin-bottom: 15px;
}

.slick-slide img {
  mix-blend-mode: screen;
  filter: grayscale(100%) contrast(200%);
  opacity: 0.3;
}

/*.slick-slide {
    background-color: #a0d8fe;
}*/
.slick-current {
  background-color: inherit !important;
}

.slick-current img {
  mix-blend-mode: initial !important;
  filter: brightness(100%) !important;
  opacity: 1 !important;
}

.slides.slider,
.slides .slick-list {
  overflow: visible;
}

#frame {
  position: absolute;
  z-index: 99;
  display: block;
  background: none;
  margin-top: 0;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  margin: 40px;
  z-index: 99;
  border: 30px solid #fff;
}

.gallery_page h2 {
  margin-bottom: 55px !important;
}

.gallery_img {
  position: relative;
  margin-top: 30px;
  box-shadow: 0 0 20px 0px rgba(255, 255, 255, 0.3);
  border: 1px solid #fff;
  height: 200px;
  overflow: hidden;
  transition: all 0.35s ease-in-out 0s;
  -webkit-transition: all 0.35s ease-in-out 0s;
  -moz-transition: all 0.35s ease-in-out 0s;
  -ms-transition: all 0.35s ease-in-out 0s;
  -o-transition: all 0.35s ease-in-out 0s;
}

.gallery_img:before {
  content: "";
  background: rgba(0, 0, 0, .5);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: .3;
  visibility: visible;
  position: absolute;
  z-index: 1;
  transition: all 0.35s ease-in-out 0s;
  -webkit-transition: all 0.35s ease-in-out 0s;
  -moz-transition: all 0.35s ease-in-out 0s;
  -ms-transition: all 0.35s ease-in-out 0s;
  -o-transition: all 0.35s ease-in-out 0s;
}

.gallery_img:after {
  content: "";
  border: 1px solid #fff;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  position: absolute;
  z-index: 1;
  transition: all 0.35s ease-in-out 0s;
  -webkit-transition: all 0.35s ease-in-out 0s;
  -moz-transition: all 0.35s ease-in-out 0s;
  -ms-transition: all 0.35s ease-in-out 0s;
  -o-transition: all 0.35s ease-in-out 0s;
}

.gallery_img img {
  height: 200px;
  object-fit: cover;
  width: 100%;
  transform: scale(1.2);
  transition: all 0.35s ease-in-out 0s;
  -webkit-transition: all 0.35s ease-in-out 0s;
  -moz-transition: all 0.35s ease-in-out 0s;
  -ms-transition: all 0.35s ease-in-out 0s;
  -o-transition: all 0.35s ease-in-out 0s;
}

.gallery_img i {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 20px;
  color: #fff;
  border: 2px solid #fff;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 49px;
  border-radius: 50%;
  margin-left: -25px;
  margin-top: -25px;
  transform: scale(.2);
  opacity: 0;
  transition: all 0.35s ease-in-out 0s;
  -webkit-transition: all 0.35s ease-in-out 0s;
  -moz-transition: all 0.35s ease-in-out 0s;
  -ms-transition: all 0.35s ease-in-out 0s;
  -o-transition: all 0.35s ease-in-out 0s;
  z-index: 1;
}

.gallery_img i.play_icon {
  opacity: .9;
  transform: scale(.8);
}

.gallery_img:hover {
  border-color: rgba(255, 255, 255, 0.3);
}

.gallery_img:hover:before {
  opacity: 1;
  visibility: visible;
}

.gallery_img:hover img {
  transform: scale(1);
}

.gallery_img:hover i {
  transform: scale(1) !important;
  opacity: 1 !important;
}

.gallery_img:hover:after {
  left: 15px;
  right: 15px;
  top: 15px;
  bottom: 15px;
  opacity: 1;
}



/******************************************************************************NEW HEADER FOOTER CSS************************************************************************/
.footer_follow_us h3 {
  font-size: 22px;
  color: #000;
  margin: 15px 0 !important;
  letter-spacing: 0;
}

.fusion-footer .bt-social-links {
  padding: 7px 0;
}

.bt-social-links {
  float: right;
}

.footer_follow_us .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.bt-social-links a {
  background: #fff !important;
  border-radius: 50%;
  box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.11);
  line-height: 50px !important;
}

.footer_follow_us {
  padding: 13px 0;
  background: #f5f5f5;
}

.bt-social-links a.facebook span.fa {
  color: #3a5896
}

.bt-social-links a.twitter span.fa {
  color: #00acec
}

.bt-social-links a.linkedin span.fa {
  color: #0077b5
}

.bt-social-links a.linkedin span.fa-linkedin:before {
  content: "\f0e1";
}

.bt-social-links a.instagram span.fa {
  color: #c75d47
}

.bt-social-links a.googleplus span.fa {
  color: #c72527
}

.bt-social-links a.googleplus span.fa-google-plus:before {
  content: "\f0d5";
}

body footer.fusion-footer-widget-area {
  background: url(assets/images/footer_bg.jpg) no-repeat center top #fff;
  background-size: 100%;
  padding: 40px 0;
}

body .fusion-footer footer h4.widget-title {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4em;
  margin-bottom: 10px;
  margin-top: 0;
  letter-spacing: 0;
  padding: 0;
  position: relative;
  text-transform: uppercase;
  font-family: 'Work Sans', sans-serif !important;
}

body .fusion-footer footer h4.widget-title span {
  color: #e50000;
  font-size: 15px;
}

.textwidget.custom-html-widget h4.widget-title {
  margin-bottom: 0;
}

.contact-rvtech h4.widget-title {
  padding-bottom: 3px !important;
  padding-top: 5px !important;
}

footer h4.widget-title:after {
  display: none;
}

body .fusion-footer footer.fusion-footer-widget-area li,
body .fusion-footer footer.fusion-footer-widget-area li a {
  background: none !important;
  padding: 0;
  border: none;
}

.fusion-footer-widget-area ul {
  border: none !important;
}

body .fusion-footer footer.fusion-footer-widget-area li a:before {
  display: none;
}

body .fusion-footer footer.fusion-footer-widget-area li a {
  font-size: 16px;
  color: #000;
  font-weight: 300;
  padding: 7px 0 4px;
}

body .fusion-footer footer.fusion-footer-widget-area li a:hover,
body .contact-rvtech a:hover {
  color: #e60000 !important;
  text-decoration: none !important;
}

.partner_site {
  margin-top: 7px;
}

body .partner_site h3 {
  font-size: 17px;
  font-weight: 600;
  color: #000;
  margin-bottom: 5px;
}

.partner_site img {
  max-width: 115px;
}

.inquiry_detail img {
  max-width: 140px;
}

.contact-rvtech {
  font-size: 16px;
  color: #000;
  font-weight: 300;
}

.contact-rvtech a {
  font-size: 16px;
  color: #000 !important;
  font-weight: 300;
}

.foot_location,
.foot_phone1,
.foot_phone2,
.foot_skype,
.foot_email {
  padding: 6px 0 6px 30px !important
}

.foot_location {
  background: url(assets/images/icon_location.png) no-repeat left 5px;
  padding-top: 0 !important;
}

.foot_phone1 {
  background: url(assets/images/icon_phone1.png) no-repeat -1px center;
  background-size: 19px;
}

.foot_phone2 {
  background: url(assets/images/icon_phone2.png) no-repeat 4px center;
  background-size: 13px;
}

.foot_skype {
  background: url(assets/images/icon_skype.png) no-repeat 3px center;
  background-size: 17px;
}

.foot_email {
  background: url(assets/images/icon_email.png) no-repeat 4px center;
  background-size: 19px;
}

footer .contact-info ul {
  display: flex;
  justify-content: center;
}

body .fusion-footer footer .fusion-row .fusion-widget-area {
  margin-bottom: 10px;
}

.clinet-reveiew {
  width: 100%;
  margin-top: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 700px;
  margin: 70px auto 0;
  background: rgba(255, 255, 255, 0.2);
  padding: 30px;
  box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.07);
}

.review_col p {
  width: 100%;
  float: left;
  font-size: 28px;
  color: #232323;
  font-weight: 400;
  line-height: 37px;
  text-align: center;
  margin-bottom: 8px;
}

.review_col img {
  width: 100%;
  float: left;
  text-align: center;
  margin: 0 0 25px;
  min-width: 109px;
  max-height: 35px;
}

.review_col.clutch img {
  max-height: 31px;
}

.review_col a {
  font-size: 16px;
  background: #e92525;
  color: #fff;
  border-radius: 50px;
  padding: 10px 30px;
  font-weight: 600;
  display: table;
  margin: 0 auto;
  border: 2px solid #e92525;
  text-transform: uppercase;
}

.review_col a:hover {
  background: transparent;
  text-decoration: none;
}

.header_topcol {
  float: right;
  position: relative;
  top: 6px;
  max-width: 450px;
  width: 100%;
  font-size: 13px;
}

.headermail {
  float: left;
  margin-right: 22px;
  color: #555555;
  position: relative;
  top: 1px;
}

.headermail i {
  color: #e92525;
}

.headercontact_detail {
  float: left;
  color: #e92525;
  font-size: 16px;
  cursor: pointer;
  width: 20px;
  line-height: 24px;
  text-align: right;
}

.headerphone {
  margin-right: 5px;
}

.headercontact_detail i.fa.fa-caret-down {
  color: #555;
}

.headertop_inner {
  float: right;
}

body header .ubermenu ul.ubermenu-nav>li>a {
  height: 60px;
  line-height: 60px;
}

body .fusion-header .nav-function.nav-item {
  padding-top: 14px;
  padding-bottom: 10px;
}

body .fusion-header-wrapper .fusion-header .fusion-logo {
  margin-top: 10px !important;
  margin-bottom: 9px !important;
}

body .fusion-logo img {
  height: 64px !important;
}

nav.offcanvas-nav .header_topcol {
  display: none;
}

.contact_dropdown_content {
  position: absolute;
  background: #fff;
  z-index: 22;
  top: 20px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.11);
  border-radius: 7px;
  padding: 15px 0 0;
  right: -10px;
  width: 100%;
}

.heaer_info_detail,
.heaer_info_detail1 {
  float: right;
}

.contact_dropdown_content h4 {
  margin: 0 0 11px;
  font-size: 20px;
  color: #222;
  font-weight: 600;
  padding: 0 20px;
}

.popup_col {
  padding: 15px 20px;
  border-top: 1px solid #ddd;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}

.sale_inquiry_img {
  float: left;
  min-width: 105px;
  width: 100px;
}

.inquiry_detail {
  float: left;
  width: calc(100% - 105px);
}

.popup_col h5 {
  margin: 0;
  font-size: 18px;
  color: #222;
  letter-spacing: 0;
  margin-bottom: 6px;
  font-weight: 500;
}

.inquiry_detail li {
  float: left;
  width: 100%;
}

.inquiry_detail li a {
  background: none !important;
  font-size: 16px;
  color: #222;
  font-weight: 300;
  line-height: normal;
  padding: 3px 0 !important;
}

.inquiry_detail li a i {
  color: #e92525;
  font-size: 20px;
  width: 29px;
  text-align: center;
}

.inquiry_detail li a i.fa.fa-mobile {
  font-size: 22px;
}

.inquiry_detail li a i.fa.fa-envelope {
  font-size: 16px;
}

.inquiry_detail p {
  font-size: 16px;
  font-weight: 300;
  margin: 0;
  color: #222;
}

.header_topcol ul li a:hover {
  text-decoration: none;
  color: #e92525;
}

.inquiry_detail p a {
  color: #e92525;
}

.popup_col ul {
  margin-bottom: 5px;
}

.sale_inquiry_img.partner_inq {
  font-size: 16px;
  text-align: center;
  padding: 25px 33px 25px 0;
  color: #e92525;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  background: url(assets/images/inquiry_icon.png) no-repeat 82px center;
}

.Featured .section_heading.text-center>span {
  float: left;
  width: 100%;
  font-size: 24px;
  line-height: 1;
}

.Featured .section_heading h2:after {
  bottom: -44px;
}

.Featured .section_heading h2:before {
  bottom: -38px;
}

section.newsletter {
  display: none;
}

.newsletter.footer_newsletter {
  display: block;
}

.footer_hr_inq i.fa.fa-envelope {
  font-size: 17px;
}

.footer_hr_inq i.fa {
  float: left;
  font-size: 20px;
  color: #fff;
  width: 30px;
}

.footer_hr_inq i.fa.fa-mobile {
  font-size: 26px;
  position: relative;
  left: 3px;
  top: -3px;
}

.page-body div#contacticons {
  margin-bottom: 0 !important;
  border: none !important;
}

div#contacticons iframe {
  margin-bottom: 15px;
}

#main #comment-submit:hover,
#main .comment-submit,
#reviews input#submit:hover,
.button-default:hover,
.button.default:hover,
.comment-form input[type="submit"]:hover,
.fusion-button-default:hover,
.fusion-portfolio-one .fusion-button:hover,
.post-password-form input[type="submit"]:hover,
.ticket-selector-submit-btn[type=submit]:hover,
.tml-submit-wrap input[type="submit"]:hover,
.wpcf7-form input[type="submit"]:hover,
.wpcf7-submit:hover,
input.button-default:hover {
  background: #333 !important;
  color: #fff !important;
}

body .wpcf7-form-control.wpcf7-submit:hover {
  background: #333 !important;
  color: #fff !important;
}






@media (max-width: 1229px) {
  body .footer-upper .column h3 {
    color: #252525;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Work Sans', sans-serif !important;
  }

  body .panel-group .panel .panel-heading>.panel-title>a {
    border-bottom: 1px dashed #cccccc !important;
    text-decoration: none !important;
  }

  body .footer-upper .panel-group .panel .panel-heading h4.panel-title a.collapsed:after,
  body .footer-upper .panel-group .panel .panel-heading h4.panel-title a:after {
    color: #252525;
  }

  body footer.main-footer.mobile-footer,
  body .main-footer .footer-upper {
    background: #fff;
    color: #252525;
    padding-bottom: 0;
  }

  footer .menu :not(.menu-style-light) {
    background-color: #fff;
    color: #000;
    font-size: 15px;
    font-family: 'Work Sans', sans-serif !important;
  }

  footer .menu {
    border-bottom: none;
    margin: 0;
  }

  .footer-upper .column h3:after {
    display: none;
  }

  a.contact_dropdown_clicker {
    text-decoration: none !important;
  }

  body .footer-bottom {
    /*background: #fff;
        border-top: 1px solid #ccc;
        margin-top: -1px;*/
    color: #fff;
  }

  div#text-7 {
    margin: 0;
  }

  a.contact_dropdown_clicker i {
    color: #e92525;
  }

  .fixed-tranformed-bg-light .container {
    overflow: visible;
  }

  footer .textwidget.custom-html-widget h4.widget-title {
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    color: #e92525;
  }

  .foot_location,
  .foot_phone1,
  .foot_phone2,
  .foot_skype,
  .foot_email {
    padding: 4px 0 4px 23px !important;
    line-height: 1.4;
    font-size: 14px;
  }
}

@media(max-width: 1199px) {
  body .fusion-footer footer.fusion-footer-widget-area li a {
    font-size: 15px;
    padding: 5px 0;
  }

  .contact-rvtech a {
    font-size: 15px;
  }

  .foot_location,
  .foot_phone1,
  .foot_phone2,
  .foot_skype,
  .foot_email {
    padding: 4px 0 4px 23px !important;
    line-height: 1.4;
    font-size: 14px;
  }

  .main-nav .nav-item .header_topcol {
    width: auto;
    margin-right: 10px;
    position: static;
    margin-top: 5px;
  }

  html body.nav-fixed-transformed header.fusion-header-wrapper {
    border-bottom: none !important;
  }

  .main-nav .nav-item .headercontact_detail {
    float: left;
    color: #e92525;
    font-size: 16px;
    cursor: pointer;
    width: 30px;
    text-align: right;
  }

  .contact_dropdown_content {
    top: 64px;
    display: none;
    width: 290px;
    right: 0;
  }

  .popup_col {
    padding: 15px 15px;
  }

  .sale_inquiry_img {
    display: none;
  }

  .inquiry_detail {
    float: left;
    width: 100%;
  }

  .popup_col h5 {
    font-size: 17px;
  }

  .inquiry_detail li a,
  .inquiry_detail p {
    font-size: 15px;
    clear: both;
  }

  body .btn-readmore.red.rv-button.type1 {
    font-size: 15px;
    padding: 9px 10px !important;
    line-height: normal;
  }

  body .pull-right.nav-item.hidden-lg {
    padding-top: 11px !important;
  }

  a.mobile-nav-toggle.nav-hamburger {
    margin-left: 8px;
    margin-top: 4px;
  }


}

@media(max-width: 767px) {
  .clinet-reveiew {
    flex-wrap: wrap;
  }
}

/* 18-sept-2020 */
/* header css */
@media (min-width:1200px) {
  li.portfolio--dropdown {
    position: relative !important;
  }

  li.portfolio--dropdown .ubermenu-submenu {
    min-width: 232px !important;
    max-width: 233px !important;
    -ms-border-radius: 0.25rem !important;
    -webkit-border-radius: 0.25rem !important;
    border-radius: 0.25rem !important;
  }

  li.portfolio--dropdown .ubermenu-submenu li {
    margin-top: 0 !important;
  }

  .nav-item.portfolio--dropdown {
    position: relative !important;
  }

  .nav-item.portfolio--dropdown .dropdown-menu.portfolio--dropdown-submenu {
    margin-top: 0 !important;
    min-width: 232px !important;
    left: 0;
    max-width: 233px !important;
  }

  .nav-item.portfolio--dropdown .dropdown-menu.portfolio--dropdown-submenu li,
  li.portfolio--dropdown .ubermenu-submenu li {
    width: 100% !important;
  }

  .nav-item.dropdown.portfolio--dropdown ul li a::before,
  li.portfolio--dropdown ul li a::before {
    content: none !important;
  }

  .nav-item.dropdown.portfolio--dropdown ul li a,
  li.portfolio--dropdown ul li a {
    border: 0 !important;
  }

  .nav-item.dropdown.portfolio--dropdown ul li a:hover,
  li.portfolio--dropdown ul li a:hover,
  .ubermenu .portfolio--dropdown .ubermenu-submenu-type-stack>.ubermenu-item-normal .ubermenu-target:hover {
    background: #e50000;
    color: #fff !important;
  }

  .ubermenu .portfolio--dropdown .ubermenu-submenu-type-stack>.ubermenu-item-normal .ubermenu-target {
    border-bottom: 0 !important;
  }

  .nav-item.portfolio--dropdown .dropdown-menu.portfolio--dropdown-submenu,
  li.portfolio--dropdown .ubermenu-submenu ul,
  li.portfolio--dropdown .ubermenu-submenu {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.nav-item.portfolio--dropdown .dropdown-menu.portfolio--dropdown-submenu {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

/*end of 18-sept-2020 */