::-moz-selection {

  background-color: #000;

  color: #fff

}



::selection {

  background-color: #000;

  color: #fff

}



::-webkit-input-placeholder {

  color: #777;

  font-weight: 300

}



:-moz-placeholder {

  color: #777;

  opacity: 1;

  font-weight: 300

}



::-moz-placeholder {

  color: #777;

  opacity: 1;

  font-weight: 300

}



:-ms-input-placeholder {

  color: #777;

  font-weight: 300

}



::-ms-input-placeholder {

  color: #777;

  font-weight: 300

}



body {

  color: #252526;

  font-family:  "Jost", sans-serif;/*poppins, sans-serif;*/

  font-size: 14px;

  font-weight: 400;

  line-height: 1.625em;

  position: relative

}



ol,

ul {

  margin: 0;

  padding: 0;

  list-style: none

}



select {

  display: block

}



figure {

  margin: 0

}



a {

  -webkit-transition: all .3s ease 0s;

  -moz-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s

}



iframe {

  border: 0

}



a,

a:focus,

a:hover {

  text-decoration: none;

  outline: 0

}



.btn.active.focus,

.btn.active:focus,

.btn.focus,

.btn.focus:active,

.btn:active:focus,

.btn:focus {

  text-decoration: none;

  outline: 0

}



.card-panel {

  margin: 0;

  padding: 60px

}



.btn i,

.btn-large i,

.btn-floating i,

.btn-large i,

.btn-flat i {

  font-size: 1em;

  line-height: inherit

}



.gray-bg {

  background: #f9f9ff

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: "Jost", sans-serif;

  color: #222;

  line-height: 1.5;

  margin-bottom: 0;

  margin-top: 0;

  font-weight: 600

}

#modalunnetwork .modal-body img{max-width:250px;}

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

  margin-bottom: 0;

  margin-top: 0;

  font-family: poppins, sans-serif;

  font-weight: 600;

  color: #222

}



h1,

.h1 {

  font-size: 36px

}



h2,

.h2 {

  font-size: 30px

}



h3,

.h3 {

  font-size: 24px

}



h4,

.h4 {

  font-size: 18px

}



h5,

.h5 {

  font-size: 16px

}



h6,

.h6 {

  font-size: 14px

}



td,

th {

  border-radius: 0

}



.clear::before,

.clear::after {

  content: " ";

  display: table

}



.clear::after {

  clear: both

}



.float-left {

  float: left

}



.float-right {

  float: right

}



.text-italic {

  font-style: italic

}



.text-white {

  color: #fff

}



.text-black {

  color: #000

}



.transition {

  -webkit-transition: all .3s ease 0s;

  -moz-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s

}



.section-gap-half {

  padding: 75px 0

}



.pb-30 {

  padding-bottom: 30px

}



.text-center {

  text-align: center

}



.text-left {

  text-align: left

}



.text-right {

  text-align: right

}



.display-table {

  display: table

}



.light {

  color: #fff

}



.dark {

  color: #222

}



.relative {

  position: relative

}



.overflow-hidden {

  overflow: hidden

}



.overlay {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0

}



.container.fullwidth {

  width: 100%

}



.container.no-padding {

  padding-left: 0;

  padding-right: 0

}



.no-padding {

  padding: 0

}



.padding-top-120 {

  padding-top: 120px

}



.row.no-margin {

  margin-left: 0;

  margin-right: 0

}

.scrollwhtsapp-2 {

    position: fixed;

    bottom: 150px;

    right: 0;

    z-index: 99;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}

.scrollwhtsapp-2 img{

    width:70px;

    height: auto;

    border-radius: 50%;

    box-shadow: 0 0 0 rgba(204,169,44, 0.4);

}

.scroll-top{

  width: 40px;

  height: 40px;

  line-height: 44px;

  position: fixed;

  right: 20px;

  bottom: 20px;

  z-index: 999;

  font-size: 22px;

  color: #fff;

  cursor: pointer;

  text-align: center;

  text-decoration: none;

  display: none;

  background: #691cff;

  border-radius: 3px;

  -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, .25);

  box-shadow: 0 2px 15px rgba(0, 0, 0, .25);

  -webkit-transition: .2s ease-in-out;

  -o-transition: .2s ease-in-out;

  transition: .2s ease-in-out

}



.section-title {

  margin-bottom: 75px

}



.gradient-bg,

.page-top-banner .overlay-bg,

.banner-section .overlay-bg,

.features-wrap .single-feature .overlay-bg {

  background: -moz-linear-gradient(0deg, #f51dac 0%, #691cff 100%);

  background: -webkit-linear-gradient(0deg, #f51dac 0%, #691cff 100%);

  background: -ms-linear-gradient(0deg, #f51dac 0%, #691cff 100%)

}



.offwhite-bg {

  background-color: #eee

}



.primary-btn {

  text-align: center;

  border-radius: 5px;

  border: 0;

  background: #691cff;

  padding: 15px 40px;

  font-weight: 400;

  min-width: 160px;

  display: inline-block;

  color: #fff;

  -webkit-transition: all .3s ease 0s;

  -moz-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s

}



.primary-btn:hover {

  color: #fff;

  -webkit-box-shadow: 0 30px 90px rgba(105, 28, 255, .14) !important;

  box-shadow: 0 30px 90px rgba(105, 28, 255, .14) !important;

  -ms-transform: translateY(-2px);

  transform: translateY(-2px);

  -webkit-transform: translateY(-2px)

}



.page-top-banner {

  background: url(../img/about-header.jpg);

  background-size: cover

}

.single_about-abslt{
      display: block;
 }
.single_about-abslt-mobile{
  display: none;
}

.page-top-banner .overlay-bg {

  opacity: .8

}



.page-top-banner h1 {

  color: #000;

  font-size: 55px;

  margin-bottom: 10px

}



.page-top-banner h4 {

  color: #000;

  font-weight: 400

}



#loader-wrapper {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1000

}



#loader {

  display: block;

  position: relative;

  left: 50%;

  top: 50%;

  width: 100px;

  height: 100px;

  margin: -75px 0 0 -75px;

  border-radius: 50%;

  border: 3px solid transparent;

  border-top-color: #691cff;

  -webkit-animation: spin 2s linear infinite;

  animation: spin 2s linear infinite;

  z-index: 1001

}



#loader:before {

  content: "";

  position: absolute;

  top: 5px;

  left: 5px;

  right: 5px;

  bottom: 5px;

  border-radius: 50%;

  border: 3px solid transparent;

  border-top-color: #f51dac;

  -webkit-animation: spin 3s linear infinite;

  animation: spin 3s linear infinite

}



#loader:after {

  content: "";

  position: absolute;

  top: 15px;

  left: 15px;

  right: 15px;

  bottom: 15px;

  border-radius: 50%;

  border: 3px solid transparent;

  border-top-color: #fff;

  -webkit-animation: spin 1.5s linear infinite;

  animation: spin 1.5s linear infinite

}



@-webkit-keyframes spin {

  0% {

    -webkit-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg)

  }



  100% {

    -webkit-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg)

  }

}



@keyframes spin {

  0% {

    -webkit-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg)

  }



  100% {

    -webkit-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg)

  }

}



#loader-wrapper .loader-section {

  position: fixed;

  top: 0;

  width: 51%;

  height: 100%;

  background: #222;

  z-index: 1000;

  -webkit-transform: translateX(0);

  -ms-transform: translateX(0);

  transform: translateX(0)

}



#loader-wrapper .loader-section.section-left {

  left: 0

}



#loader-wrapper .loader-section.section-right {

  right: 0

}



.loaded #loader-wrapper .loader-section.section-left {

  -webkit-transform: translateX(-100%);

  -ms-transform: translateX(-100%);

  transform: translateX(-100%);

  -webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);

  -o-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);

  transition: all .7s .3s cubic-bezier(.645, .045, .355, 1)

}



.loaded #loader-wrapper .loader-section.section-right {

  -webkit-transform: translateX(100%);

  -ms-transform: translateX(100%);

  transform: translateX(100%);

  -webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);

  -o-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);

  transition: all .7s .3s cubic-bezier(.645, .045, .355, 1)

}



.loaded #loader {

  opacity: 0;

  -webkit-transition: all .3s ease-out;

  -o-transition: all .3s ease-out;

  transition: all .3s ease-out

}



.loaded #loader-wrapper {

  visibility: hidden;

  -webkit-transform: translateY(-100%);

  -ms-transform: translateY(-100%);

  transform: translateY(-100%);

  -webkit-transition: all .3s 1s ease-out;

  -o-transition: all .3s 1s ease-out;

  transition: all .3s 1s ease-out

}



.header-area {

  position: relative;
    background: #fff;
  z-index: 1000;

  top: 0;

  left: 0;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  width: 100%

}

.sticky{
    position: fixed !important;
    top: 0px;
    z-index: 999;
    left: 0px;
    right: 0px;
    margin: 0px auto;
}

.dope-nav-container {

  background-color: transparent;

  padding: 2px 0 10px 0;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transition: .25s cubic-bezier(.43, .49, .51, .68);

  -o-transition: .25s cubic-bezier(.43, .49, .51, .68);

  transition: .25s cubic-bezier(.43, .49, .51, .68)

}



.dope-nav-container.dope-sticky {

  background-color: #192a56;

  padding: 0

}



.dope-navbar {

  padding: .5em 5em

}



.nav-brand {

  max-width: 120px

}



.dope-btn {

  background-color: #4a7aec

}



.dopenav ul li.megamenu-item>a::after,

.dopenav ul li.has-down>a::after {

  color: #fff

}



.dark.dope-nav-container {

  background-color: rgba(25, 42, 86, .3);

  -webkit-transition-duration: 500ms;

  -o-transition-duration: 500ms;

  transition-duration: 500ms

}



.dope-nav-container.dope-sticky {

  background-color: #fffffff2;

  -webkit-transition: all .5s;

  -o-transition: all .5s;

  transition: all .5s;

  -webkit-box-shadow: 0 9px 40px -13px rgba(0, 0, 0, .75);

  -moz-box-shadow: 0 9px 40px -13px rgba(0, 0, 0, .75);

  box-shadow: 0 9px 40px -13px rgba(0, 0, 0, .75)

}



.dope-navbar {

  padding: .5em 5em

}



.nav-brand {

  max-width: 120px

}



.dope-btn {

  background-color: #4a7aec

}



.dopenav ul li.megamenu-item>a::after,

.dopenav ul li.has-down>a::after {

  color: #fff

}



.bg-img {

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat

}



.bg-transparent {

  background-color: transparent !important

}



.dope-nav-container {

  position: relative;

  z-index: 100;
  background: #fff;

}



.dope-nav-container * {

  -webkit-box-sizing: border-box;

  box-sizing: border-box

}



.dope-nav-container a {

  -webkit-transition-duration: 500ms;

  -o-transition-duration: 500ms;

  transition-duration: 500ms;

  text-decoration: none;

  outline: none;

  font-size: 14px;

  font-weight: 600;

  color: #000;

  display: inline-block

}



.dope-nav-container.dope-sticky {

  position: fixed;

  z-index: 1010;

  width: 100%;

  top: 0;

  right: 0;

  left: 0

}



.dope-nav-container.box-skins .dopenav>ul>li {

  background-color: #1abc9c

}



.dope-nav-container.box-skins .dopenav>ul>li>a {

  color: #fff

}



.justify-content-between {

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between

}



.justify-content-center {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center

}



.dope-navbar {

  width: 100%;

  padding: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -ms-grid-row-align: center;

  align-items: center

}



.dope-navbar .nav-brand {

  font-size: 26px;

  font-weight: 500;

  color: #565656;

  display: inline-block;

  margin-right: 30px

}



.dope-navbar .nav-brand:focus,

.dope-navbar .nav-brand:hover {

  font-size: 26px;

  font-weight: 500

}



.dopenav ul li {

  display: inline-block;

  clear: both;

  position: inherit;

  z-index: 10

}

.dopenav .usernav a.primary-btn{

  height: 45px;

  line-height: 45px;

  color: #fff;

  min-width: 130px;

}

.dopenav ul li.cn-dropdown-item {

  position: relative;

  z-index: 10

}



.dopenav ul li.cn-dropdown-item ul li {

  position: relative;

  z-index: 10

}
.header-area .navbar .navbar-nav li a {

    padding: 0 12px;
    display: block;
    height: 35px;
    font-size: 14px;
    line-height: 34px;
    color: #000;
    font-weight: 500;
    margin: 0 12px;
}
.header-area .navbar{
    padding:0 15px;
}
.header-area .navbar .navbar-nav li a:hover{
    color: #691cff;
    border-bottom: 1px solid #691cff;
}
.header-area .navbar .form-inline .usernav li{
    display: inline-block;
}
.header-area .navbar .form-inline .dropdown-menu{
    left: -25px;
}
.header-area .navbar .form-inline .dropdown-menu .dropdown-item{
    padding: 6px 23px;
    background: #ddd;
    color: blue;
    border-bottom: 1px solid #fff;
}
.header-area .navbar .form-inline .dropdown-menu .dropdown-item:hover{background: #fff;}
.header-area .navbar .form-inline .btn-secondary {
    color: #fff;
    background-color: #1365c0;
    border-color: #1365c0;
}
.icon-dope-nav-down-arrow {

  font-family: fontawesome;

  font-style: normal;

  font-weight: 400;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale

}

.header-area .navbar .navbar-nav .dropdown-menu,.header-area .navbar .navbar-nav .dropdown-menu li{
    padding: 0;
}
.dropdown:hover>.dropdown-menu {
  display: block;
}
.header-area .dropdown-menu{
    top: 89%;
}
.header-area .navbar .navbar-nav .dropdown-menu li a{
    height:auto;
    padding: 9px 15px;
    border: 0;
    margin: 0;
}
.header-area .navbar .navbar-nav .dropdown-menu li a:hover{
    background: #3287c8;
    color: #fff;
}
.icon-dope-nav-down-arrow:before {

  content: "\f107"

}



.dopenav ul li.megamenu-item>a:after,

.dopenav ul li.has-down>a:after {

  font-family: fontawesome;

  content: "\f107";

  font-size: 12px;

  color: #000;

  padding-left: 5px;

  -webkit-transition-duration: 500ms;

  -o-transition-duration: 500ms;

  transition-duration: 500ms

}



.breakpoint-on .dopenav ul li.megamenu-item>a:after,

.breakpoint-on .dopenav ul li.has-down>a:after {

  color: #fff

}



.dopenav ul li ul li.has-down>a::after {

  -webkit-transform: rotate(-90deg);

  -ms-transform: rotate(-90deg);

  transform: rotate(-90deg);

  position: absolute;

  top: 0;

  right: 10px;

  z-index: 3

}



.dope-btn {

  position: relative;

  z-index: 1;

  min-width: 120px;

  padding: 0 25px;

  line-height: 42px;

  height: 42px;

  background-color: #1abc9c;

  border-radius: 50px;

  color: #fff !important;

  margin-left: 30px;

  text-align: center

}



.dope-btn:hover,

.dope-btn:focus {

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);

  box-shadow: 0 0 10px rgba(0, 0, 0, .2)

}



.dd-trigger {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background-color: transparent;

  cursor: pointer;

  z-index: 500;

  border-radius: 0;

  display: none

}



.dopecloseIcon {

  position: absolute;

  top: 20px;

  right: 20px;

  z-index: 12;

  display: none

}



.dopecloseIcon .cross-wrap {

  width: 26px;

  height: 26px;

  cursor: pointer;

  position: relative

}



.dopecloseIcon .cross-wrap span {

  position: absolute;

  display: block;

  width: 100%;

  height: 2px;

  border-radius: 6px;

  background: #fff

}



.dopecloseIcon .cross-wrap span.top {

  top: 12px;

  left: 0;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg)

}



.dopecloseIcon .cross-wrap span.bottom {

  bottom: 12px;

  left: 0;

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  transform: rotate(-45deg)

}



.dope-navbar-toggler {

  border: none;

  background-color: transparent;

  cursor: pointer;

  display: none

}



.dope-navbar-toggler .navbarToggler {

  display: inline-block;

  cursor: pointer

}



.dope-navbar-toggler .navbarToggler span {

  position: relative;

  background-color: #222;

  border-radius: 3px;

  display: block;

  height: 2px;

  margin-top: 5px;

  padding: 0;

  -webkit-transition-duration: 300ms;

  -o-transition-duration: 300ms;

  transition-duration: 300ms;

  width: 30px;

  cursor: pointer

}



.dope-navbar-toggler .navbarToggler span:nth-of-type(1) {

  width: 20px !important

}



.dope-navbar-toggler .navbarToggler span:nth-of-type(3) {

  width: 15px !important

}



.dope-navbar-toggler .navbarToggler.active span:nth-of-type(1) {

  -webkit-transform: rotate3d(0, 0, 1, 45deg);

  transform: rotate3d(0, 0, 1, 45deg);

  top: 8px;

  width: 30px !important

}



.dope-navbar-toggler .navbarToggler.active span:nth-of-type(2) {

  opacity: 0

}



.dope-navbar-toggler .navbarToggler.active span:nth-of-type(3) {

  -webkit-transform: rotate3d(0, 0, 1, -45deg);

  transform: rotate3d(0, 0, 1, -45deg);

  top: -6px;

  width: 30px !important

}



.dopenav ul li .megamenu {

  position: absolute;

  width: 100%;

  left: 0;

  right: 0;

  top: 100%;

  background-color: #fff;

  z-index: 200;

  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .15);

  box-shadow: 0 1px 4px rgba(0, 0, 0, .15)

}



.dopenav ul li .megamenu .single-mega.cn-col-5 {

  width: 20%;

  float: left;

  padding: 15px;

  border-right: 1px solid #f2f4f8

}



.dopenav ul li .megamenu .single-mega.cn-col-5:last-of-type {

  border-right: none

}



.dopenav ul li .megamenu .single-mega.cn-col-4 {

  width: 25%;

  float: left;

  padding: 15px;

  border-right: 1px solid #f2f4f8

}



.dopenav ul li .megamenu .single-mega.cn-col-4:last-of-type {

  border-right: none

}



.dopenav ul li .megamenu .single-mega.cn-col-3 {

  width: 33.3333334%;

  float: left;

  padding: 15px;

  border-right: 1px solid #f2f4f8

}



.dopenav ul li .megamenu .single-mega.cn-col-3:last-of-type {

  border-right: none

}



.dopenav ul li .megamenu .single-mega .title {

  font-size: 14px;

  border-bottom: 1px solid #f2f4f8;

  padding: 8px 12px

}



.dopenav ul li .dropdown li a {

  border-bottom: 1px solid rgba(242, 244, 248, .7)

}



.dopenav ul li .dropdown li:last-child a {

  border-bottom: none

}



.dopenav ul li .dropdown li .dropdown li a {

  border-bottom: 1px solid rgba(242, 244, 248, .7)

}



.dopenav ul li .dropdown li .dropdown li:last-child a {

  border-bottom: none

}



.dopenav ul li .dropdown li .dropdown li .dropdown li a {

  border-bottom: 1px solid rgba(242, 244, 248, .7)

}



.dopenav ul li .dropdown li .dropdown li .dropdown li:last-child a {

  border-bottom: none

}



.dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li a {

  border-bottom: 1px solid rgba(242, 244, 248, .7)

}



.dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {

  border-bottom: none

}



.dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a {

  border-bottom: 1px solid rgba(242, 244, 248, .7)

}



.dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {

  border-bottom: none

}



.dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a {

  border-bottom: 1px solid rgba(242, 244, 248, .7)

}



.dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {

  border-bottom: none

}



.dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a {

  border-bottom: 1px solid rgba(242, 244, 248, .7)

}



.dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {

  border-bottom: none

}



.dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a {

  border-bottom: 1px solid rgba(242, 244, 248, .7)

}



.dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {

  border-bottom: none

}



.breakpoint-off .dopenav {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -ms-grid-row-align: center;

  align-items: center

}



.breakpoint-off .dopenav ul li .dropdown {

  width: 180px;

  position: absolute;

  background-color: #fff;

  top: 120%;

  left: 0;

  z-index: 100;

  height: auto;

  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .1);

  box-shadow: 0 1px 5px rgba(0, 0, 0, .1);

  -webkit-transition-duration: 300ms;

  -o-transition-duration: 300ms;

  transition-duration: 300ms;

  opacity: 0;

  visibility: hidden;

  padding: 10px 0

}



.breakpoint-off .dopenav ul li .dropdown li .dropdown {

  top: 10px;

  left: -180px;

  z-index: 200;

  opacity: 0;

  visibility: hidden

}



.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown,

.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown,

.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,

.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,

.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,

.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,

.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,

.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown {

  opacity: 0;

  visibility: hidden;

  top: 120%

}



.breakpoint-off .dopenav ul li:hover .dropdown {

  opacity: 1;

  visibility: visible;

  top: 100%

}

#azlinkClick .loco_cat__box{
    cursor: default;
}

.breakpoint-off .dopenav ul li .dropdown li:hover .dropdown,

.breakpoint-off .dopenav ul li .dropdown li .dropdown li:hover .dropdown,

.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li:hover .dropdown,

.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,

.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,

.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,

.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,

.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,

.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown {

  opacity: 1;

  visibility: visible;

  top: -10px

}



.breakpoint-off .dopenav ul li .megamenu {

  opacity: 0;

  visibility: hidden;

  position: absolute;

  width: 100%;

  left: 0;

  top: 120%;

  background-color: #fff;

  z-index: 200;

  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .15);

  box-shadow: 0 1px 4px rgba(0, 0, 0, .15);

  -webkit-transition-duration: 300ms;

  -o-transition-duration: 300ms;

  transition-duration: 300ms

}



.breakpoint-off .dopenav ul li.megamenu-item:hover .megamenu,

.breakpoint-off .dopenav ul li.megamenu-item:focus .megamenu {

  top: 100%;

  visibility: visible;

  opacity: 1

}



.breakpoint-on .dopecloseIcon {

  display: block

}



.breakpoint-on .dope-navbar-toggler {

  display: block

}



.breakpoint-on .dope-navbar .dope-menu {

  background-color: #691cff;

  position: fixed;

  top: 0;

  left: -310px;

  z-index: 1000;

  width: 300px;

  height: 100%;

  -webkit-transition-duration: 500ms;

  -o-transition-duration: 500ms;

  transition-duration: 500ms;

  padding: 0;

  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);

  box-shadow: 0 5px 20px rgba(0, 0, 0, .1);

  display: block;

  overflow-x: hidden;

  overflow-y: scroll

}



.breakpoint-on .dope-navbar .dope-menu.menu-on {

  left: 0

}



.breakpoint-on .dopenav ul li {

  display: block;

  position: relative;

  clear: both;

  z-index: 10

}


#mainslide .owl-nav button.owl-prev {
    left: 10px;
}
#mainslide .owl-nav button.owl-next, #mainslide .owl-nav button.owl-prev {
    position: absolute;
    top: 38%;
    background-color: transparent;
    color: #000;
    width: 40px;
    height: 40px;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: rgb(28 77 151 / 66%) 0px 5px 15px;
}
#mainslide .owl-nav button.owl-next span, #mainslide .owl-nav button.owl-prev span{
    font-size: 37px;
    line-height: 32px;
    color: #fff;
}
#mainslide .owl-nav button.owl-next {
    right: 10px;
}
#mainslide {
    position: relative;
}
.breakpoint-on .dopenav ul li a {

  padding: 0 10px;

  height: 38px;

  line-height: 38px;

  color: #fff

}



.breakpoint-on .dopenav ul li .dropdown {

  width: 100%;

  position: relative;

  top: 0;

  left: 0;

  -webkit-box-shadow: none;

  box-shadow: none

}



.breakpoint-on .dopenav ul li .dropdown li .dropdown {

  width: 100%;

  position: relative;

  top: 0;

  left: 0

}



.breakpoint-on .dopenav ul li.megamenu-item {

  position: relative;

  z-index: 10

}



.breakpoint-on .dd-trigger {

  height: 38px;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  display: block

}



.breakpoint-on .dopenav ul li .dropdown,

.breakpoint-on .dopenav ul li .megamenu {

  display: none

}



.breakpoint-on .dopenav {

  padding-top: 70px;

  padding-left: 20px;

  padding-right: 20px

}



.breakpoint-on .dopenav ul li .megamenu {

  position: relative;

  width: 100%;

  left: 0;

  top: 0;

  z-index: 200;

  -webkit-box-shadow: none;

  box-shadow: none

}
#contactaddress .data_science_about_icon .icon{
    height: 60px;
    width: 60px;
    line-height: 44px;
    font-size: 25px;
}


.breakpoint-on .dopenav ul li .megamenu .single-mega.cn-col-5,

.breakpoint-on .dopenav ul li .megamenu .single-mega.cn-col-4,

.breakpoint-on .dopenav ul li .megamenu .single-mega.cn-col-3 {

  width: 100%;

  border-right: none;

  border-bottom: 1px solid #f2f4f8

}



.breakpoint-on .dopenav>ul>li>a {

  color: #fff;

  border-bottom: 1px solid rgba(255, 255, 255, .5)

}



.breakpoint-on .dopenav ul li ul.dropdown li ul li {

  margin-left: 15px

}

/*az css*/

.nav-brand img{

   margin-top:0; 

   max-width:95%;

   width:100%;
   transition: 0.4s;

}
.sticky{
  transition: 0.4s;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.32);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.sticky .nav-brand img{
    max-width:65%;
    transition: 0.4s;
}
.backgeound-eee{
   background:#eee !important; 
}
#mainslide .owl-dots{
    display: none;
}
.searchform-slider input{

  display: inline-block;

  width: 320px;

  color: #130947;

  height: 45px;

  border-top-left-radius: 22px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 22px;

  border: none;

  background-color: #f4f4f4;

  padding-left: 20px;

  outline: 0;

  -webkit-box-shadow: unset!important;

  box-shadow: unset!important;

  font-size: 16px;

  font-weight: 500;

}

.searchform-slider button{

  padding: 11px 15px;

  min-width: 130px;

  border-top-left-radius: 0;

  border-top-right-radius: 22px;

  border-bottom-right-radius: 22px;

  border-bottom-left-radius: 0;

  border: 0;

}

.about_area{

  position: relative;

}

.section_sub_title h6 {

  letter-spacing: 5px;

  color: #0c5adb;

  font-size: 16px;

}

.banner-btn .btn{

    background: #2620ad;

    color: #fff;

    margin-top: 15px;

}

#myConfModal .banner-content-wrap{

    width: 539px;

    height: 540px;

    margin: 0 auto;

    background: #1a1761;

    border-radius: 50%;

    padding:60px 35px;

}

#myConfModal .banner-content-wrap .banner-title{

    color:#fff;

}

#myConfModal .modal-header{border: 0;}

#myConfModal .modal-header .close {

    padding: 0;

    margin: 0;

    background: #fff;

    opacity: 1;

    border-radius: 50%;

    width: 40px;

    height: 40px;

    cursor: pointer;

    position: absolute;

    right: 0;

    z-index: 5;

}

#myConfModal .modal-content{

    background-color: transparent;

    border: 0;

}

#myConfModal .modal-dialog{

    max-width: 46%;

}

.text_left .section_main_title h1 {

  margin: 0;

  letter-spacing: 0;

}

.section_main_title h1 {

  font-size: 35px;

  line-height: 45px!important;

}

.section_main_title h1, .section_main_title h2 {

  font-weight: 800;

  margin: 0;

}

.section_main_title h1 span {

    color: #0c5adb;

}
/* az comany detail inline css*/
.card-profile-image {
    position: absolute;
    left: 50%;
    width: 200px;
    height: 200px;
    line-height: 165px;
    background-color: #fff;
    transition: all .15s ease;
    transform: translate(-50%, -30%);
    border-radius: 50%;
    padding: 15px;
}
.card-profile-image img{
	width: 100%;
    height: auto;
}
.card-body .companyname{
	margin-top: 140px;
}
.bg-gradient-default {
    background: linear-gradient(
87deg
, #172b4d 0, #1a174d 100%) !important;
}
.opacity-8 {
    opacity: .9 !important;
}
.mt-m-90{
	margin-top: -90px;
}
.section-mb-70{
	margin-bottom: 130px;
}
.bredcrm-section{
	background: url(images/coverphoto.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 200px;
}
#servicess .hom-list-share ul{
    height: auto;
}
#servicess .hom-list-share ul li{
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    margin-top: 5px;
    color: #691cff;
}
/* az comany detail inline css end*/
.data_science_about_icon .icon {

  height: 90px;

  width: 90px;

  line-height: 90px;

  font-size: 40px;

  color: #0c5adb;

  position: relative;

  text-align: center;

  box-shadow: 0 20px 50px 5px #e9eef7;

  border-radius: 50%;

  z-index: 1;

  background: #fff;

}

.data_science_about_icon .icon::before {

  position: absolute;

  content: '';

  background: rgba(12,90,219,0.10);

  width: 100%;

  height: 100%;

  left: -8px;

  top: -5px;

  z-index: -1;

  border-radius: 50%;

  box-shadow: -10px 10px 20px 0px rgb(0 0 0 / 20%);

  transition: .5s;

}

.single_about_thumb_inner img {

  width: 100%;

}

.shape_thumb {

  position: relative;

}

.about_shape_thumb2 {

  position: absolute;

  right: 155px;

  bottom: 70px;

}

.about_shape_thumb {

  position: absolute;

  bottom: 202px;

  right: 157px;

}

.about_area{

  position: relative;

  background-image: url('../images/bg-about.png');

  background-size: cover;

  background-repeat: no-repeat;

}

.about_area p{

  font-weight: 400;

  color: #7b7b7b; 

}

.em_bar {

  background: #9B50DB none repeat scroll 0 0;

  height: 2px;

  margin: 0 auto 5px;

  width: 62px;

}

.text_left .em_bar {

  margin: 0;

}

.em_bar_bg {

  height: 5px;

  width: 90px;

  background: #cbbded;

  margin: 20px auto;

  position: relative;

  border-radius: 30px;

}

.em_bar_bg::before {

  content: '';

  position: absolute;

  left: 0;

  top: -2.7px;

  height: 10px;

  width: 10px;

  border-radius: 50%;

  background: #0C5ADB;

  -webkit-animation-duration: 3s;

  animation-duration: 3s;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-name: MOVE-BG;

  animation-name: MOVE-BG;

}

@-webkit-keyframes MOVE-BG {

  from {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

  to {

    -webkit-transform: translateX(88px);

            transform: translateX(88px);

  }

}



@keyframes MOVE-BG {

  from {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

  to {

    -webkit-transform: translateX(88px);

            transform: translateX(88px);

  }

}

.catergary{

  margin-bottom: 30px;

}

.hero-agency{

  position: relative;

  display: block;

}

.hero-agency .agency-inner {

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  height: 600px;

}

.hero-agency .agency-inner::before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    background: #fff;

    content: "";

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    transition: all 0.4s ease;

    z-index: 1;

}

.hero-agency .ageny-main {

    padding-top: 50px;

}

.hero-agency .agency-feature {

  display: block;

  text-align: center;

  margin-top: 40px;

}

.hero-agency .a-feature {

  background: #fff;

  padding: 45px 20px;

  text-align: center;

  z-index: 333;

  position: relative;

  width: 220px;

  display: inline-block;

  margin-right: 20px;

  border-radius: 0;

  box-shadow: -2px 4px 13px rgb(0 0 0 / 12%);

  border-top: 2px solid #691cff;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.hero-agency .a-feature i {

  display: inline-block;

  border-radius: 100%;

  font-size: 40px;

  top: -30px;

  background: #fff;

  color: #691cff;

  left: 50%;

}

.hero-agency .a-feature h4 {

  color: #2E2751;

  font-size: 18px;

  margin-top: 12px;

  margin-bottom: 12px;

  line-height: 22px;

}

.hero-agency .a-feature p {

  line-height: 22px;

  font-size: 14px;

}

.img-ablsote{

  position: relative;

}

.img-ablsote img{

  margin-right: -100px;

}

#register-page{

  background: rgba(0, 0, 0, 0.04) url(../images/banner-overlay.png) top left repeat;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}

.login-12 {

  background: rgba(0, 0, 0, 0.04) url(../images/img-9.jpg) top left repeat;

  z-index: 999;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  top: 0;

  width: 100%;

  bottom: 0;

  opacity: 1;

  min-height: 100vh;

  text-align: center;

  position: relative;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 30px 15px;

}

.login-12 .login-inner-form {

  max-width: 500px;

  margin: 0 0 0 auto;

}

#register-page .login-inner-form{

  max-width: 100%;

}

#register-page .login-inner-form .form-box i{

  left: 30px;

}

.login-12 .logo-2 {

  text-align: center;

}

.login-12 .logo-2 img {

  height: 50px;

  margin-bottom: 0;

}

.login-12 .login-inner-form .details {

  padding: 20px 50px 50px 50px;

  background: #fff;

  border-radius: 5px;

  margin-bottom: 30px;

  box-shadow: 0 0 5px rgb(0 0 0 / 20%);

}

.login-12 .login-inner-form .form-box {

  float: none;

  width: 100%;

  position: relative;

}

.login-12 .login-inner-form .form-group {

  margin-bottom: 25px;

}
.append-me-div{
    position: relative;
    background: #ddd;
    padding: 5px 15px 40px 15px;
    margin-top: 40px;
}
.append-me-div:first-child{
    margin-top: 20px;
}
.abslute-addbtn{
    position: absolute;
    bottom:0;
    left: 10px;
}
.primary-btn.duplicate-butt,.primary-btn.remove-this-div {
    text-align: center;
    border-radius: 5px;
    border: 0;
    background: #691cff;
    padding: 15px 40px;
    font-weight: 400;
    display: inline-block;
    color: #fff;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.primary-btn.duplicate-butt{
    background: #86dd57;
    color: #fff;
    padding: 5px 10px;
    min-width: auto;
    font-size: 13px;
}
.primary-btn.remove-this-div{
    background: red;
    width: 40px;
    min-width: 40px;
    position: absolute;
    top: -15px;
    right: -17px;
    height: 40px;
    padding: 0;
    line-height: 40px;
    font-size: 25px;
    border-radius: 50px;
    z-index: 1;
}
.login-12 .login-inner-form h3 {

  margin: 0 0 25px;

  font-size: 27px;

  font-weight: 400;

  text-align: center;

  color: #313131;

}

#memberLogin{

    margin-top: 25px;

}

.login-12 .login-inner-form .form-box input {

  float: none;

  width: 100%;

  padding: 12px 15px 12px 45px;

}

.az-imptext{

  font-weight: 400;

  color: #691cff;

}

.login-12 .login-inner-form .input-text {

  font-size: 16px;

  outline: none;

  color: #717171;

  border-radius: 3px;

  border: 1px solid #dbdbdb;

  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 6%);

}

.login-12 .login-inner-form .form-box i {

  position: absolute;

  top: 14px;

  color: #717171;

  left: 15px;

  font-size: 19px;

}

.login-12 .login-inner-form p {

  color: #717171;

  margin-bottom: 0;

  text-align: center;

  font-size: 16px;

}

.login-12 .login-inner-form .checkbox {

  margin-bottom: 25px;

}

.form-check {

  position: relative;

  display: block;

  margin-bottom: .5rem;

}

.card-profile-image {

    overflow:hidden;

}
.service-brochure-bar {
    position: fixed;
    top: 150px;
    right: 0;
    background-color: #fff;
    border-radius: 15px 0 0 15px;
    z-index: 99;
    width: auto;
    animation: avatar-pulse 2s infinite;
    transition: background-color 0.5s;
    transition: 0.5s ease all;
    padding: 5px 10px;
    box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 11%);
}
.service-brochure-bar a {
    color: #000;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    font-weight: 600;
    line-height: 16px;
}
/*
.service-brochure-bar:hover{
  -webkit-transform: translateX(0);
  transform: translateX(0);
   transition: all 0.4s ease-in-out;
}*/
@keyframes avatar-pulse {
  0% {
    box-shadow: 0 0 0 0 #094e81;
  }
  100% {
    box-shadow: 0 0 0 15px rgba(65, 101, 197, 0);
  }
}

/* bounce-animate */

.bounce-animate {

  animation-name: float-bob;

  animation-duration: 2s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  -moz-animation-name: float-bob;

  -moz-animation-duration: 2s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: float-bob;

  -ms-animation-duration: 2s;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  -o-animation-name: float-bob;

  -o-animation-duration: 2s;

  -o-animation-iteration-count: infinite;

  -o-animation-timing-function: linear; }

.bounce-animate2 {

  animation-name: float-bob2;

  animation-duration: 3s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  -moz-animation-name: float-bob2;

  -moz-animation-duration: 3s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: float-bob2;

  -ms-animation-duration: 3s;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  -o-animation-name: float-bob2;

  -o-animation-duration: 3s;

  -o-animation-iteration-count: infinite;

  -o-animation-timing-function: linear; }

.bounce-animate3 {

  animation-name: float-bob3;

  animation-duration: 4s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  -moz-animation-name: float-bob3;

  -moz-animation-duration: 4s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: float-bob3;

  -ms-animation-duration: 4s;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  -o-animation-name: float-bob3;

  -o-animation-duration: 4s;

  -o-animation-iteration-count: infinite;

  -o-animation-timing-function: linear; }

.bounce-animate4 {

  animation-name: float-bob4;

  animation-duration: 5s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  -moz-animation-name: float-bob4;

  -moz-animation-duration: 5s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: float-bob4;

  -ms-animation-duration: 5s;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  -o-animation-name: float-bob4;

  -o-animation-duration: 5s;

  -o-animation-iteration-count: infinite;

  -o-animation-timing-function: linear; }

 .bounce-animate5 {

  animation-name: float-bob5;

  animation-duration: 6s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  -moz-animation-name: float-bob5;

  -moz-animation-duration: 6s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: float-bob5;

  -ms-animation-duration: 6s;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  -o-animation-name: float-bob5;

  -o-animation-duration: 6s;

  -o-animation-iteration-count: infinite;

  -o-animation-timing-function: linear; }

@-webkit-keyframes float-bob {

  0% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px); }

  50% {

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px); }

  100% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px); } }

@-webkit-keyframes float-bob2 {

  0% {

    -webkit-transform: translateY(-60px);

    transform: translateY(-60px); }

  50% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px); }

  100% {

    -webkit-transform: translateY(-60px);

    transform: translateY(-60px); } }

@-webkit-keyframes float-bob3 {

  0% {

    -webkit-transform: translateY(-40px);

    transform: translateY(-40px); }

  50% {

    -webkit-transform: translateY(-25px);

    transform: translateY(-25px); }

  100% {

    -webkit-transform: translateY(-40px);

    transform: translateY(-40px); } }

@-webkit-keyframes float-bob4 {

  0% {

    -webkit-transform: translateY(-70px);

    transform: translateY(-70px); }

  50% {

    -webkit-transform: translateY(-35px);

    transform: translateY(-35px); }

  100% {

    -webkit-transform: translateY(-70px);

    transform: translateY(-70px); } }

@-webkit-keyframes float-bob5 {

  0% {

    -webkit-transform: translateY(-75px);

    transform: translateY(-75px); }

  50% {

    -webkit-transform: translateY(-35px);

    transform: translateY(-35px); }

  100% {

    -webkit-transform: translateY(-75px);

    transform: translateY(-75px); } }

@-webkit-keyframes movebounce {

  0% {

    -webkit-transform: translateY(0px);

            transform: translateY(0px);

  }

  50% {

    -webkit-transform: translateY(20px);

            transform: translateY(20px);

  }

  100% {

    -webkit-transform: translateY(0px);

            transform: translateY(0px);

  }

}



@keyframes movebounce {

  0% {

    -webkit-transform: translateY(0px);

            transform: translateY(0px);

  }

  50% {

    -webkit-transform: translateY(20px);

            transform: translateY(20px);

  }

  100% {

    -webkit-transform: translateY(0px);

            transform: translateY(0px);

  }

}



@-webkit-keyframes moveleftbounce {

  0% {

    -webkit-transform: translateX(0px);

            transform: translateX(0px);

  }

  50% {

    -webkit-transform: translateX(20px);

            transform: translateX(20px);

  }

  100% {

    -webkit-transform: translateX(0px);

            transform: translateX(0px);

  }

}



@keyframes moveleftbounce {

  0% {

    -webkit-transform: translateX(0px);

            transform: translateX(0px);

  }

  50% {

    -webkit-transform: translateX(20px);

            transform: translateX(20px);

  }

  100% {

    -webkit-transform: translateX(0px);

            transform: translateX(0px);

  }

}



.rotateme {

  -webkit-animation-name: rotateme;

          animation-name: rotateme;

  -webkit-animation-duration: 20s;

          animation-duration: 20s;

  -webkit-animation-iteration-count: infinite;

          animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

          animation-timing-function: linear;

}



@keyframes rotateme {

  from {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}



@-webkit-keyframes rotateme {

  from {

    -webkit-transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(360deg);

  }

}



@-webkit-keyframes rotate3d {

  0% {

    -webkit-transform: rotateY(0deg);

    transform: rotateY(0deg);

  }

  100% {

    -webkit-transform: rotateY(360deg);

    transform: rotateY(360deg);

  }

}



@keyframes rotate3d {

  0% {

    -webkit-transform: rotateY(0deg);

    transform: rotateY(0deg);

  }

  100% {

    -webkit-transform: rotateY(360deg);

    transform: rotateY(360deg);

  }

}



@keyframes animationFramesOne {

  0% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

            transform: translate(0px, 0px) rotate(0deg);

  }

  20% {

    -webkit-transform: translate(73px, -1px) rotate(36deg);

            transform: translate(73px, -1px) rotate(36deg);

  }

  40% {

    -webkit-transform: translate(141px, 72px) rotate(72deg);

            transform: translate(141px, 72px) rotate(72deg);

  }

  60% {

    -webkit-transform: translate(83px, 122px) rotate(108deg);

            transform: translate(83px, 122px) rotate(108deg);

  }

  80% {

    -webkit-transform: translate(-40px, 72px) rotate(144deg);

            transform: translate(-40px, 72px) rotate(144deg);

  }

  100% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

            transform: translate(0px, 0px) rotate(0deg);

  }

}



@-webkit-keyframes animationFramesOne {

  0% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

  }

  20% {

    -webkit-transform: translate(73px, -1px) rotate(36deg);

  }

  40% {

    -webkit-transform: translate(141px, 72px) rotate(72deg);

  }

  60% {

    -webkit-transform: translate(83px, 122px) rotate(108deg);

  }

  80% {

    -webkit-transform: translate(-40px, 72px) rotate(144deg);

  }

  100% {

    -webkit-transform: translate(0px, 0px) rotate(0deg);

  }

}

/*pricing-plan*/

.breadcrump-wrap{

  background-color:#691cff /* #f3f5f8 */;

  position: relative;

  padding: 30px 0;

}

.breadcrump-wrap .breadcrumb{

  background-color:transparent;

  margin: 0;

  padding:7px 0 0 0;

}

.breadcrump-wrap h4{

  color: #fff;

  font-size: 20px;

  text-transform: uppercase;

}

.breadcrump-wrap .breadcrumb li.active{

  color:#c7c7c7;

  font-size: 13px;

  font-weight: 500;

}

.breadcrump-wrap .breadcrumb li a{

  color: #fff;

  font-size: 13px;

  font-weight: 500;

}

.breadcrumb-item+.breadcrumb-item::before{

  color: #87e287;

}

.breadcrump-wrap::before {

  position: absolute;

  content: "";

  left: 0;

  bottom: 0;

  height: 100%;

  width: 25%;

  background: url(../images/footer-bgdt.png);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  left: 0;

  right: 0;

  margin: auto;

  opacity: .6;

}

.highlighttext{

  font-weight: 500;

  color: #0c5adb;

}

.font-17 .highlighttext{

  font-weight: bold;

  color: #0c5adb;

}

.prcing-wrap p{

  color: #333;

  word-spacing: 2.1px;

  font-weight: 400;

  margin-bottom: 10px;

  font-size: 14px;

  line-height: 24px;

}

.font-17{

  font-size: 17px !important;

}

.unlist-1{

  position: relative;

  padding-left: 15px;

}

.unlist-1 li{

  position: relative;

  display: block;

  color: #333;

  word-spacing: 2.1px;

  font-weight: 400;

  margin-bottom: 6px;

  font-size: 14px;

  line-height: 24px;

}

.unlist-1 li::before{

  position: absolute;

  content: "\f0da";

  left: -14px;

  top: 0;

  font-size: 14px;

  color: #691cff;

  font-family: 'FontAwesome';

}
/*az css end*/

.breakpoint-on .dope-btn {

  width: calc(100% - 30px);

  margin: 30px 15px

}



.breakpoint-on .dopenav ul li.megamenu-item>a::after,

.breakpoint-on .dopenav ul li.has-down>a::after {

  position: absolute;

  top: 0;

  right: 20px;

  z-index: 5

}



.breakpoint-on .dopenav ul li.has-down.active>a:after,

.breakpoint-on .dopenav ul li.megamenu-item.active>a:after {

  color: #fff

}



.right.breakpoint-on .dope-navbar .dope-menu {

  left: auto;

  right: -310px

}



.right.breakpoint-on .dope-navbar .dope-menu.menu-on {

  left: auto;

  right: 0

}



.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown {

  left: auto;

  right: 0

}



.dropdown-rtl .dopenav ul li a,

.dropdown-rtl .dopenav ul li .megamenu .single-mega .title {

  text-align: right

}



.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown,

.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown,

.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown,

.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,

.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,

.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,

.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,

.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,

.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown {

  right: 180px;

  left: auto;

  opacity: 0;

  visibility: hidden;

  top: 10px

}



.dropdown-rtl.breakpoint-off .dopenav ul li:hover .dropdown {

  opacity: 1;

  visibility: visible;

  top: 90%

}



.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li:hover .dropdown,

.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li:hover .dropdown,

.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li:hover .dropdown,

.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,

.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,

.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,

.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,

.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,

.dropdown-rtl.breakpoint-off .dopenav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown {

  opacity: 1;

  visibility: visible;

  top: 0

}



.dropdown-rtl.breakpoint-on .dopenav ul li ul.dropdown li ul li {

  margin-left: 0;

  margin-right: 15px

}



.event-header .dopenav #nav li a {

  color: #fff

}



.event-header .dopenav ul li.megamenu-item>a:after,

.event-header .dopenav ul li.has-down>a:after {

  color: #fff

}



.event-header .dropdown li>a:after {

  color: #222 !important

}



.event-header .dropdown li a,

.event-header .single-mega li a {

  color: #222 !important

}



.event-header .dope-sticky .dopenav #nav li a,

.event-header .dope-sticky .dopenav ul li.megamenu-item>a:after,

.event-header .dope-sticky .dopenav ul li.has-down>a:after {

  color: #222

}



.event-header .dope-navbar-toggler .navbarToggler span {

  background-color: #fff !important

}



.event-header .dope-sticky .dope-navbar-toggler .navbarToggler span {

  background-color: #222 !important

}



.banner-section {

  background-color: #f51dac;

  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAxNjAwIDgwMCc+PGcgPjxwYXRoIGZpbGw9JyNkZjFjYmQnIGQ9J000ODYgNzA1LjhjLTEwOS4zLTIxLjgtMjIzLjQtMzIuMi0zMzUuMy0xOS40Qzk5LjUgNjkyLjEgNDkgNzAzIDAgNzE5LjhWODAwaDg0My44Yy0xMTUuOS0zMy4yLTIzMC44LTY4LjEtMzQ3LjYtOTIuMkM0OTIuOCA3MDcuMSA0ODkuNCA3MDYuNSA0ODYgNzA1Ljh6Jy8+PHBhdGggZmlsbD0nI2M2MWRjZCcgZD0nTTE2MDAgMEgwdjcxOS44YzQ5LTE2LjggOTkuNS0yNy44IDE1MC43LTMzLjVjMTExLjktMTIuNyAyMjYtMi40IDMzNS4zIDE5LjRjMy40IDAuNyA2LjggMS40IDEwLjIgMmMxMTYuOCAyNCAyMzEuNyA1OSAzNDcuNiA5Mi4ySDE2MDBWMHonLz48cGF0aCBmaWxsPScjYWEyMGRlJyBkPSdNNDc4LjQgNTgxYzMuMiAwLjggNi40IDEuNyA5LjUgMi41YzE5Ni4yIDUyLjUgMzg4LjcgMTMzLjUgNTkzLjUgMTc2LjZjMTc0LjIgMzYuNiAzNDkuNSAyOS4yIDUxOC42LTEwLjJWMEgwdjU3NC45YzUyLjMtMTcuNiAxMDYuNS0yNy43IDE2MS4xLTMwLjlDMjY4LjQgNTM3LjQgMzc1LjcgNTU0LjIgNDc4LjQgNTgxeicvPjxwYXRoIGZpbGw9JyM4NjI0ZWUnIGQ9J00wIDB2NDI5LjRjNTUuNi0xOC40IDExMy41LTI3LjMgMTcxLjQtMjcuN2MxMDIuOC0wLjggMjAzLjIgMjIuNyAyOTkuMyA1NC41YzMgMSA1LjkgMiA4LjkgM2MxODMuNiA2MiAzNjUuNyAxNDYuMSA1NjIuNCAxOTIuMWMxODYuNyA0My43IDM3Ni4zIDM0LjQgNTU3LjktMTIuNlYwSDB6Jy8+PHBhdGggZmlsbD0nIzUwMjlmZicgZD0nTTE4MS44IDI1OS40Yzk4LjIgNiAxOTEuOSAzNS4yIDI4MS4zIDcyLjFjMi44IDEuMSA1LjUgMi4zIDguMyAzLjRjMTcxIDcxLjYgMzQyLjcgMTU4LjUgNTMxLjMgMjA3LjdjMTk4LjggNTEuOCA0MDMuNCA0MC44IDU5Ny4zLTE0LjhWMEgwdjI4My4yQzU5IDI2My42IDEyMC42IDI1NS43IDE4MS44IDI1OS40eicvPjxwYXRoIGZpbGw9JyM1MDI5ZmYnIGQ9J00xNjAwIDBIMHYxMzYuM2M2Mi4zLTIwLjkgMTI3LjctMjcuNSAxOTIuMi0xOS4yYzkzLjYgMTIuMSAxODAuNSA0Ny43IDI2My4zIDg5LjZjMi42IDEuMyA1LjEgMi42IDcuNyAzLjljMTU4LjQgODEuMSAzMTkuNyAxNzAuOSA1MDAuMyAyMjMuMmMyMTAuNSA2MSA0MzAuOCA0OSA2MzYuNi0xNi42VjB6Jy8+PHBhdGggZmlsbD0nIzUwMjlmZicgZD0nTTQ1NC45IDg2LjNDNjAwLjcgMTc3IDc1MS42IDI2OS4zIDkyNC4xIDMyNWMyMDguNiA2Ny40IDQzMS4zIDYwLjggNjM3LjktNS4zYzEyLjgtNC4xIDI1LjQtOC40IDM4LjEtMTIuOVYwSDI4OC4xYzU2IDIxLjMgMTA4LjcgNTAuNiAxNTkuNyA4MkM0NTAuMiA4My40IDQ1Mi41IDg0LjkgNDU0LjkgODYuM3onLz48cGF0aCBmaWxsPScjNTAyOWZmJyBkPSdNMTYwMCAwSDQ5OGMxMTguMSA4NS44IDI0My41IDE2NC41IDM4Ni44IDIxNi4yYzE5MS44IDY5LjIgNDAwIDc0LjcgNTk1IDIxLjFjNDAuOC0xMS4yIDgxLjEtMjUuMiAxMjAuMy00MS43VjB6Jy8+PHBhdGggZmlsbD0nIzUwMjlmZicgZD0nTTEzOTcuNSAxNTQuOGM0Ny4yLTEwLjYgOTMuNi0yNS4zIDEzOC42LTQzLjhjMjEuNy04LjkgNDMtMTguOCA2My45LTI5LjVWMEg2NDMuNGM2Mi45IDQxLjcgMTI5LjcgNzguMiAyMDIuMSAxMDcuNEMxMDIwLjQgMTc4LjEgMTIxNC4yIDE5Ni4xIDEzOTcuNSAxNTQuOHonLz48cGF0aCBmaWxsPScjNTAyOWZmJyBkPSdNMTMxNS4zIDcyLjRjNzUuMy0xMi42IDE0OC45LTM3LjEgMjE2LjgtNzIuNGgtNzIzQzk2Ni44IDcxIDExNDQuNyAxMDEgMTMxNS4zIDcyLjR6Jy8+PC9nPjwvc3ZnPg==);

  background-size: cover;

  min-height: 950px

}



.banner-section .overlay-bg {

  opacity: .6

}



.banner-section .banner-left h1 {

  font-size: 55px

}



.banner-section .banner-left h1,

.banner-section .banner-left p {

  color: #fff

}



.banner-section .banner-left h4 {

  font-weight: 300;

  margin: 20px 0

}



.banner-section .banner-right {

  background: url(../img/screen-bg.png) center no-repeat;

  background-size: contain

}



.banner-section .banner-right img {

  -webkit-animation: jump 5s linear 0s infinite normal forwards;

  animation: jump 5s linear 0s infinite normal forwards

}



@keyframes jump {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0)

  }



  20% {

    -webkit-transform: translateY(0);

    transform: translateY(0)

  }



  41% {

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px)

  }



  50% {

    -webkit-transform: translateY(-5px);

    transform: translateY(-5px)

  }



  50% {

    -webkit-transform: translateY(-5px);

    transform: translateY(-5px)

  }



  80% {

    -webkit-transform: translateY(0px);

    transform: translateY(0px)

  }



  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0)

  }

}



@-webkit-keyframes jump {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0)

  }



  20% {

    -webkit-transform: translateY(0);

    transform: translateY(0)

  }



  41% {

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px)

  }



  50% {

    -webkit-transform: translateY(-5px);

    transform: translateY(-5px)

  }



  50% {

    -webkit-transform: translateY(-5px);

    transform: translateY(-5px)

  }



  80% {

    -webkit-transform: translateY(0px);

    transform: translateY(0px)

  }



  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0)

  }

}



.banner-section .wave svg {

  position: absolute;

  width: 100%;

  bottom: -1px;

  fill: #fff

}



.banner-section .wave svg path:nth-child(1) {

  opacity: .15

}



.banner-section .wave svg path:nth-child(2) {

  opacity: .3

}



.banner-section2 {

  background: url(../images/banner2.jpg);

  background-size: cover;

  background-repeat: no-repeat;

  height: 650px;

}



.banner-section2 .overlay-bg {

  background: url(../images/banner-overlay1.png);

  background-size: cover;

  background-repeat: no-repeat

}



.banner-section2 .banner-left h1 {

  text-transform: uppercase;

  font-size: 22px;

  font-weight: 400;

  margin-top: 60px;

}



.banner-section2 .banner-left h1 span {

  display: block;

  padding-top: 20px;

  font-weight: 600;

  font-size: 60px;

  line-height: 1.2;

}



.banner-section2 .banner-left p {

  margin: 0 0 20px 0;

  max-width: 450px

}



.banner-section3 {

  background: url(../img/banner3.jpg);

  background-size: cover;

  background-repeat: no-repeat;

  background-attachment: fixed

}



.banner-section3 .overlay-bg {

  background: url(../img/banner-overlay.png);

  background-size: cover;

  background-repeat: no-repeat

}



.banner-section3 .banner-left h1 {

  text-transform: uppercase;

  font-size: 22px;

  font-weight: 400

}



.banner-section3 .banner-left h1 span {

  display: block;

  padding-top: 20px;

  font-weight: 600;

  font-size: 60px

}



.banner-section3 .banner-left p {

  margin: 20px 0;

  max-width: 450px

}



.featured-section .row {

  padding-bottom: 75px;

  border-bottom: 1px solid #eee

}



.featured-section .single-logo {

  text-align: center

}



.featured-section .single-logo img {

  text-align: center;

  -webkit-filter: grayscale(100%);

  -moz-filter: grayscale(100%);

  -ms-filter: grayscale(100%);

  -o-filter: grayscale(100%);

  filter: grayscale(100%);

  opacity: .5;

  -webkit-transition: all .3s ease 0s;

  -moz-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s

}



.featured-section .single-logo img:hover {

  -ms-transform: scale(.9, .9);

  -webkit-transform: scale(.9, .9);

  transform: scale(.9, .9);

  -webkit-filter: grayscale(0%);

  -moz-filter: grayscale(0%);

  -ms-filter: grayscale(0%);

  -o-filter: grayscale(0%);

  filter: grayscale(0%);

  opacity: 1

}



.feature-section {

  background: url(../img/feature-bg.png) center no-repeat;

  background-size: cover

}



.feature-section .header-left h1 {

  padding-bottom: 30px;

  font-size: 50px;

  text-transform: capitalize

}



.feature-section .feature-wrap {

  padding-top: 60px

}



.features-wrap .single-feature {

  background: #fff;

  border-radius: 5px;

  padding: 40px;

  margin-bottom: 30px;

  -webkit-transition: all .3s ease 0s;

  -moz-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s

}



.features-wrap .single-feature span {

  font-size: 35px;

  color: #691cff;

  padding-bottom: 25px;

  display: inline-block

}



.features-wrap .single-feature h3 {

  margin-bottom: 15px;

  font-weight: 400

}



.features-wrap .single-feature h5 {

  margin-bottom: 10px

}



.features-wrap .single-feature p {

  margin-bottom: 0;

  line-height: 1.5em

}



.features-wrap .single-feature:hover {

  -webkit-box-shadow: 0 30px 90px rgba(105, 28, 255, .14) !important;

  box-shadow: 0 30px 90px rgba(105, 28, 255, .14) !important

}



.features-wrap .single-feature:hover span,

.features-wrap .single-feature:hover p,

.features-wrap .single-feature:hover h3,

.features-wrap .single-feature:hover h5 {

  color: #fff

}



.features-wrap .single-feature .overlay-bg {

  border-radius: 5px;

  opacity: 0;

  -webkit-transition: all .3s ease 0s;

  -moz-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s

}



.features-wrap .single-feature:hover {

  background: 0 0

}



.features-wrap .single-feature:hover .overlay-bg {

  opacity: 1

}



.features-wrap .single-feature:hover span,

.features-wrap .single-feature:hover h3,

.features-wrap .single-feature:hover h5,

.features-wrap .single-feature:hover p {

  position: relative

}



.explore-section {

  background: url(../img/explore.jpg) right top no-repeat;

  background-size: cover;

  color: #fff

}



.explore-section h1,

.explore-section h3 {

  color: #fff

}



.explore-section h3 {

  font-weight: 300

}



.explore-section h1 {

  font-size: 45px;

  padding-top: 10px;

  padding-bottom: 30px

}



.explore-section .overlay-bg {

  background: -webkit-gradient(linear, left top, right top, from(#000), to(rgba(235, 143, 169, 0)));

  background: -webkit-linear-gradient(left, #000, rgba(235, 143, 169, 0));

  background: -o-linear-gradient(left, #000, rgba(235, 143, 169, 0));

  background: linear-gradient(to right, #000, rgba(235, 143, 169, 0))

}



.explore-section .counter-wrap {

  margin-top: 30px

}



.explore-section .single-counter {

  width: calc(100%/3);

  border-right: 1px solid #eeeeee5c;

  text-align: center

}



.explore-section .single-counter:last-child {

  border-right: none

}



.explore-section .single-counter p {

  margin-bottom: 0

}



.explore-section .single-counter h2 {

  font-weight: 300;

  font-size: 50px;

  color: #fff

}



.service-section {

  padding-bottom: 120px

}



.service-section .single-service {

  position: relative;

  background-color: #f5f5f56b;

  padding: 40px 30px;

  -webkit-box-shadow: 0 7px 20px -10px rgba(171, 171, 171, .7);

  -moz-box-shadow: 0 7px 20px -10px rgba(171, 171, 171, .7);

  box-shadow: 0 7px 20px -10px rgba(171, 171, 171, .7);

  -webkit-transition: all .4s ease;

  -moz-transition: all .4s ease;

  -o-transition: all .4s ease;

  transition: all .4s ease

}



.service-section .single-service i {

  font-size: 35px;

  color: #222

}



.service-section .single-service h4 {

  margin: 10px 0

}



.service-section .single-service p {

  margin-bottom: 0

}



.service-section .single-service:hover {

  -webkit-transform: translateY(-10px);

  -moz-transform: translateY(-10px);

  -ms-transform: translateY(-10px);

  -o-transform: translateY(-10px);

  transform: translateY(-10px);

  -webkit-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, .9);

  -moz-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, .9);

  box-shadow: 0 10px 50px -12px rgba(171, 171, 171, .9)

}



.service-section .owl-dots {

  text-align: center;

  margin-top: 30px

}



.service-section .owl-dots .owl-dot {

  width: 14px;

  height: 14px;

  background: #eee;

  display: inline-block;

  margin: 0 5px

}



.service-section .owl-dots .owl-dot.active {

  background: #691cff

}



.service-section .owl-dots .owl-dot:focus {

  outline: none

}



.skill-section {

  background: #eee

}



.skill-section .skill-left p {

  margin-top: 10px

}



.skill-section .skill-left .prog_container {

  margin-bottom: 25px;

  width: 90%

}



.skill-section .skill-left .progress {

  background-color: #f9f9f9 !important

}



.skill-section .skill-left .prog_container .prog_text {

  font-size: 13px;

  text-transform: capitalize;

  color: #000;

  margin-bottom: 5px;

  position: relative;

  width: 100%;

  font-weight: 700

}



.skill-section .skill-left .prog_container .prog_text .precent {

  position: absolute;

  right: 0

}



.skill-section .skill-left .prog_container .progress {

  height: 3px;

  border-radius: 4px

}



.skill-section .skill-left .prog_container .progress .progress-bar {

  background-color: #691cff;

  height: 100%

}



.skill-section .skill-left .prog_container .progress.md {

  height: 10px

}



.skill-section .skill-left .prog_container .progress.lg {

  height: 20px

}



@media all and (max-width:767px) {

  .skill-section .skill-left .prog_container .prog_text .precent {

    position: -webkit-sticky;

    position: sticky;

    right: 0

  }

}



.skill-section .skill-right img {

  border-radius: 3px;

  background: #fff;

  padding: 10px;

  -webkit-box-shadow: 0 7px 20px -10px #000;

  -moz-box-shadow: 0 7px 20px -10px #000;

  box-shadow: 0 7px 20px -10px #000

}



.about-section .overlay-bg1 {

  background: url(../img/bg2.html);

  background-size: cover;

  background-position: center

}



.about-section .overlay-bg2 {

  background: url(../img/bg.html);

  background-size: cover;

  background-position: center

}



.about-section .about-left img {

  width: 100%

}



.about-section .about-right h3 {

  font-weight: 300

}



.about-section .about-right h1 {

  margin-top: 20px;

  margin-bottom: 30px;

  max-width: 480px

}



.about-section .about-right .icon {

  margin-right: 30px

}



.about-section .about-right .icon span {

  font-size: 40px;

  color: #691cff

}



.about-section .about-right .details p {

  max-width: 300px;

  margin-top: 15px

}



.about-section .about-right .details h4 {

  font-weight: 400

}



.about-section .about-right ul li {

  margin-bottom: 20px !important

}



.about-section .about-right ul li:last-child {

  margin-bottom: 0 !important

}



.floating-shapes span {

  display: block;

  position: absolute

}



.floating-shapes span img {

  display: block;

  max-width: 100%;

  height: auto

}



.floating-shapes span:nth-child(1) {

  left: 4.8%;

  top: 4.5%

}



.floating-shapes span:nth-child(2) {

  left: 9.6%;

  top: 27.2%

}



.floating-shapes span:nth-child(3) {

  left: 8.8%;

  bottom: 16%

}



.floating-shapes span:nth-child(4) {

  left: 25%;

  bottom: 21%

}



.floating-shapes span:nth-child(5) {

  left: 35%;

  top: 6.6%

}



.floating-shapes span:nth-child(6) {

  left: 43%;

  bottom: 30%

}



.floating-shapes span:nth-child(7) {

  left: 49%;

  top: 50%

}



.floating-shapes span:nth-child(8) {

  right: 11.8%;

  top: 33%

}



.floating-shapes span:nth-child(9) {

  right: 6%;

  top: 10%

}



.floating-shapes span:nth-child(10) {

  right: 4.5%;

  bottom: 33%

}



@media screen and (max-width:767.98px) {

  .floating-shapes span {

    -webkit-transform: none !important;

    -ms-transform: none !important;

    transform: none !important;

    display: none

  }

}



.testimonial-section {

  padding-top: 120px

}



.testimonial-section .testimonial-left p {

  margin-top: 10px;

  margin-bottom: 40px;

  max-width: 300px

}



.testimonial-section .testimonial-right h2 {

  margin-bottom: 30px

}



.testimonial-section .single-testimonial {

  border: 1px solid #eee;

  background: #eeeeee1f;

  border-radius: 5px;

  padding: 30px

}



.testimonial-section .single-testimonial p {

  color: #222;

  font-weight: 400

}



.testimonial-section .single-testimonial .img-wrap {

  margin-right: 20px

}



.testimonial-section .single-testimonial .img-wrap img {

  border-radius: 30px

}



.testimonial-section .single-testimonial .details p {

  margin-bottom: 0;

  color: #8c8d9e

}



.testimonial-section .testimonial-white-bg {

  background: #fff !important;

  border-color: #fff !important

}



.testimonial-section .carusel-two .owl-dots .owl-dot {

  background: #fff

}



.testimonial-section .owl-dots {

  text-align: left;

  margin-top: 30px

}



.testimonial-section .owl-dots .owl-dot {

  border-radius: 20px;

  width: 14px;

  height: 14px;

  background: #eee;

  display: inline-block;

  margin: 0 5px

}



.testimonial-section .owl-dots .owl-dot.active {

  background: #691cff

}



.testimonial-section .owl-dots .owl-dot:focus {

  outline: none

}



.screenshot-section {

  background: #eee

}



.screenshot-section .owl-nav {

  text-align: center;

  margin-top: 40px

}



.screenshot-section .owl-nav .owl-next,

.screenshot-section .owl-nav .owl-prev {

  font-size: 30px !important

}



.screenshot-section .owl-nav .owl-next:focus,

.screenshot-section .owl-nav .owl-prev:focus {

  outline: none

}



.bg-color-blue {

  background-color: #2a7af3

}



.screenshot_slider .owl-stage .owl-item .item img {

  -webkit-transition: .3s;

  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);

  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);

  -o-transition: .3s;

  transition: .3s;

  -webkit-transform: scale(.85);

  -ms-transform: scale(.85);

  transform: scale(.85)

}



.screenshot_slider .owl-carousel .owl-item img {

  width: auto;

  max-width: 100%

}



.screenshot_slider .owl-stage .owl-item.center .item img {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1)

}



.screenshot_slider .owl-item {

  -webkit-transition: .3s;

  -o-transition: .3s;

  transition: .3s

}



.screenshot_slider .owl-controls .owl-prev,

.testimonial-caroussel .owl-controls .owl-prev,

.screenshot_slider .owl-controls .owl-next,

.testimonial-caroussel .owl-controls .owl-next {

  -webkit-box-shadow: 1px 2px 4px 0 transparent;

  box-shadow: 1px 2px 4px 0 transparent;

  color: #fff;

  height: 40px;

  left: 0;

  line-height: 3;

  margin: 0 5px;

  position: absolute;

  text-align: center;

  bottom: -16%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  -webkit-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s;

  width: 40px;

  z-index: 9

}



.screenshot_slider .owl-controls .owl-prev:hover,

.testimonial-caroussel .owl-prev:hover,

.screenshot_slider .owl-controls .owl-next:hover,

.testimonial-caroussel .owl-next:hover {

  border-color: #fff;

  color: #fff

}



.screenshot_slider .owl-controls .owl-prev span,

.testimonial-caroussel .owl-controls .owl-prev span,

.screenshot_slider .owl-controls .owl-next span,

.testimonial-caroussel .owl-controls .owl-next span {

  font-size: 28px

}



.screenshot_slider .owl-controls .owl-next {

  left: auto;

  right: 45%;

  font-size: 30px

}



.screenshot_slider .owl-controls .owl-prev {

  right: auto;

  left: 45%;

  font-size: 30px

}



.portfolio-section .single-portfolio {

  margin-bottom: 30px;

  text-align: center;

  overflow: hidden;

  position: relative;

  border-radius: 3px

}



.portfolio-section .single-portfolio img {

  -webkit-transition: all .3s ease 0s;

  -moz-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s;

  width: 100%

}



.portfolio-section .single-portfolio .box-content {

  width: 100%;

  padding: 40px 0;

  background: rgba(0, 0, 0, .7);

  position: absolute;

  bottom: 0;

  opacity: 0;

  -webkit-transform: translateY(30px);

  -ms-transform: translateY(30px);

  transform: translateY(30px);

  -webkit-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s

}



.portfolio-section .single-portfolio:hover .box-content {

  opacity: 1;

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0)

}



.portfolio-section .single-portfolio:hover img {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1)

}



.portfolio-section .single-portfolio .box-content .title {

  font-size: 20px;

  font-weight: 600;

  color: #fff;

  margin: 0 0 5px

}



.portfolio-section .single-portfolio .box-content .post {

  display: inline-block;

  font-size: 15px;

  color: #fff;

  text-transform: capitalize

}



.portfolio-section .primary-btn {

  margin-top: 20px

}



.product-detials-section img {

  width: 100%

}



.product-detials-section .details-right {

  padding-bottom: 20px

}



.product-detials-section .details-right ul {

  margin-bottom: 20px

}



.product-detials-section .details-right ul li {

  margin-bottom: 8px;

  color: #000;

  font-size: 16px;

  font-weight: 500;

  border-bottom: 1px solid #eee;

  padding-bottom: 10px

}



.product-detials-section .details-right ul li span {

  font-weight: 900

}



.product-detials-section .details-right p {

  color: #000;

  font-weight: 400

}



.product-detials-section .details-right p:last-child {

  margin-bottom: 0

}



.blog-section .blog-wrap {

  border-top: 1px solid #eee

}



.blog-section .overlay-bg {

  background: rgba(34, 34, 34, .2);

  z-index: 1

}



.blog-section .single-blog {

  overflow: hidden;

  border-radius: 5px;

  position: relative;

  -webkit-transition: all .3s ease 0s;

  -moz-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s

}



.blog-section .single-blog:hover {

  -webkit-transform: translateY(-10px);

  -moz-transform: translateY(-10px);

  -ms-transform: translateY(-10px);

  -o-transform: translateY(-10px);

  transform: translateY(-10px);

  -webkit-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, .9);

  -moz-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, .9);

  box-shadow: 0 10px 50px -12px rgba(171, 171, 171, .9)

}



.blog-section .single-blog img {

  position: relative;

  width: 100%

}



.blog-section .single-blog .blog-post-details {

  position: absolute;

  width: 100%;

  bottom: 0;

  z-index: 1;

  padding: 20px

}



.blog-section .single-blog .blog-post-details h4 {

  font-weight: 400

}



.blog-section .single-blog .blog-post-details ul {

  display: block;

  padding-bottom: 15px

}



.blog-section .single-blog .blog-post-details ul li {

  display: inline-block;

  margin-right: 3px

}



.blog-section .single-blog .blog-post-details a {

  font-weight: 400

}



.blog-section .single-blog h4,

.blog-section .single-blog a {

  color: #fff

}



.blog-section .primary-btn {

  margin-top: 40px

}



.blog-lists-section {

  background: #eee

}



.blog-lists-section .single-blog-post {

  background: #fff;

  border-radius: 5px;

  -webkit-box-shadow: 0 30px 90px rgba(0, 0, 0, .14) !important;

  box-shadow: 0 30px 90px rgba(0, 0, 0, .14) !important;

  overflow: hidden;

  margin-bottom: 30px

}



.blog-lists-section .single-blog-post:hover .post-thumb img {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1)

}



.blog-lists-section .single-blog-post .post-thumb {

  overflow: hidden

}



.blog-lists-section .single-blog-post .post-thumb .overlay-bg {

  background: rgba(0, 0, 0, .3);

  -webkit-transition: all .3s ease 0s;

  -moz-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s

}



.blog-lists-section .single-blog-post .post-thumb img {

  width: 100%;

  -webkit-transition: all .3s ease 0s;

  -moz-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s

}



.blog-lists-section .single-blog-post .post-details {

  padding: 30px

}



.blog-lists-section .single-blog-post .tags li {

  display: inline-block;

  margin-right: 10px

}



.blog-lists-section .single-blog-post .tags li a {

  color: #691cff;

  font-weight: 600;

  font-size: 14px

}



.blog-lists-section .single-blog-post h1 {

  margin: 10px 0

}



.blog-lists-section .single-blog-post .user-details img {

  width: 45px;

  border-radius: 50px

}



.blog-lists-section .single-blog-post .user-details p {

  margin-bottom: 0

}



.blog-lists-section .single-blog-post .user-details .details {

  margin-left: 8px

}



.blog-lists-section .pagination .page-item {

  margin: 5px

}



.blog-lists-section .pagination .page-link,

.blog-lists-section .pagination i {

  color: #222;

  font-weight: 500

}



.blog-lists-section .pagination .page-link {

  width: 35px;

  text-align: center;

  border-radius: 3px

}



.blog-lists-section .pagination .page-link:hover {

  background: #691cff;

  color: #fff

}



.blog-lists-section .pagination .page-link:hover i {

  color: #fff

}



.blog-lists-section .pagination .active .page-link {

  background: #691cff;

  color: #fff;

  border-color: transparent

}



.blog-lists-section .single-widget {

  background: #fff;

  border-radius: 5px;

  padding: 30px;

  -webkit-box-shadow: 0 30px 90px rgba(0, 0, 0, .14) !important;

  box-shadow: 0 30px 90px rgba(0, 0, 0, .14) !important;

  overflow: hidden;

  margin-bottom: 30px

}



.blog-lists-section .single-widget .widget-title {

  margin-bottom: 20px

}



.blog-lists-section .search-widget .sidebar-form form input {

  background: transparent none repeat scroll 0 0;

  border: 1px solid #eee;

  padding: 0 10px;

  text-indent: 10px;

  -webkit-transition: all .2s ease 0s;

  -o-transition: all .2s ease 0s;

  transition: all .2s ease 0s;

  width: 100%;

  height: 50px

}



.blog-lists-section .search-widget .sidebar-form form input:focus {

  outline: none

}



.blog-lists-section .search-widget .sidebar-form form button {

  background: #222 none repeat scroll 0 0;

  border: 0;

  color: #fff;

  font-size: 20px;

  height: 100%;

  position: absolute;

  right: 0;

  top: 0;

  -webkit-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s;

  width: 50px

}



.blog-lists-section .search-widget .sidebar-form form button:hover {

  cursor: pointer

}



.blog-lists-section .search-widget .sidebar-form form button:focus {

  outline: none

}



.blog-lists-section .recent-post-widget ul li {

  margin-bottom: 20px

}



.blog-lists-section .recent-post-widget ul li .thumbs {

  width: 40%

}



.blog-lists-section .recent-post-widget ul li .details {

  margin-left: 10px

}



.blog-lists-section .recent-post-widget ul li .details p,

.blog-lists-section .recent-post-widget ul li .details h5 {

  font-size: 12px

}



.blog-lists-section .recent-post-widget ul li .details p {

  margin-bottom: 0;

  font-weight: 400

}



.blog-lists-section .social-widget li {

  display: inline-block;

  margin-right: 10px

}



.blog-lists-section .social-widget li a {

  text-align: center;

  color: #fff;

  background: #222;

  padding: 10px;

  width: 42px;

  display: block;

  -webkit-transition: all .3s ease 0s;

  -moz-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s

}



.blog-lists-section .social-widget li a:hover {

  background: #691cff

}



.blog-lists-section .archive-widget ul li {

  margin-bottom: 10px;

  border-bottom: 1px solid #eee;

  padding-bottom: 10px

}



.blog-lists-section .archive-widget ul li:last-child {

  border-bottom: none

}



.blog-lists-section .archive-widget ul li a {

  font-weight: 500;

  color: #222;

  -webkit-transition: all .3s ease 0s;

  -moz-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s

}



.blog-lists-section .archive-widget ul li a:hover {

  color: #691cff

}



.blog-lists-section .banner-widget {

  padding: 0

}



.blog-lists-section .tags-widget ul li {

  display: inline-block

}



.blog-lists-section .tags-widget ul li a {

  font-size: 10px;

  margin-bottom: 5px;

  font-weight: 500;

  background: #000;

  color: #fff;

  display: inline-block;

  padding: 8px 18px;

  -webkit-transition: all .3s ease 0s;

  -moz-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s

}



.blog-lists-section .tags-widget ul li a:hover {

  background: #691cff

}



.blog-details {

  background: #fff;

  border-radius: 5px;

  -webkit-box-shadow: 0 30px 90px rgba(0, 0, 0, .14) !important;

  box-shadow: 0 30px 90px rgba(0, 0, 0, .14) !important;

  overflow: hidden;

  margin-bottom: 30px

}



.blog-details:hover .post-thumb img {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1)

}



.blog-details h1 {

  margin: 10px 0

}



.blog-details .post-thumb {

  overflow: hidden

}

.floating-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ffffff00; /* transparent or choose color */
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 10px 0;
    z-index: 9999;
}

.floating-footer img {
    width: auto;
    height: auto;
}

.blog-details .post-thumb .overlay-bg {

  background: rgba(0, 0, 0, .3);

  -webkit-transition: all .3s ease 0s;

  -moz-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s

}



.blog-details .post-thumb img {

  width: 100%;

  -webkit-transition: all .3s ease 0s;

  -moz-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s

}



.blog-details .tags li {

  display: inline-block;

  margin-right: 10px

}



.blog-details .tags li a {

  color: #691cff;

  font-weight: 600;

  font-size: 14px

}



.blog-details .post-details {

  padding: 30px

}



.blog-details .user-details img {

  width: 45px;

  border-radius: 50px

}



.blog-details .user-details p {

  margin-bottom: 0

}



.blog-details .user-details .details {

  margin-left: 8px

}



.blog-details .blockquote {

  border-left: 5px solid #691cff;

  font-size: 14px;

  margin-bottom: 35px;

  margin-left: 20px;

  margin-top: 35px;

  padding-left: 15px

}



.comment-wrap {

  background: #fff;

  border-radius: 5px;

  -webkit-box-shadow: 0 30px 90px rgba(0, 0, 0, .14) !important;

  box-shadow: 0 30px 90px rgba(0, 0, 0, .14) !important;

  overflow: hidden;

  padding: 30px

}



.comment-wrap h3 {

  margin-bottom: 30px

}



.comment-wrap .media {

  border-bottom: 1px solid #eee;

  padding-bottom: 20px

}



.comment-wrap .media:last-child {

  border-bottom: none;

  padding-bottom: 0

}



.comment-wrap .media img {

  width: 90px;

  border-radius: 50px

}



.comment-wrap .replay-comment {

  border-bottom: none;

  border-top: 1px solid #eee;

  padding: 20px;

  margin-bottom: 0 !important

}



.comment-wrap .comments {

  margin-bottom: 30px

}



.comment-wrap .comments:last-child {

  margin-bottom: 0

}



.comment-wrap .black-btn {

  min-width: 80px !important

}



.comment-wrap .media-body h5 {

  margin-bottom: 10px

}



.comment-wrap .comment-form h3 {

  margin-bottom: 30px

}



.comment-form {

  margin-top: 30px;

  background: #fff;

  border-radius: 5px;

  -webkit-box-shadow: 0 30px 90px rgba(0, 0, 0, .14) !important;

  box-shadow: 0 30px 90px rgba(0, 0, 0, .14) !important;

  overflow: hidden;

  padding: 30px

}



.comment-form .form-control:focus {

  -webkit-box-shadow: none;

  box-shadow: none;

  border-color: #ced4da

}



.comment-form .primary-btn {

  margin-top: 30px

}



.comment-form h3 {

  margin-bottom: 30px

}



.comment-form .form-col-wrap {

  margin-bottom: 30px

}



.team-section {

  background-color: #eee

}



.team-section .single-team {

  position: relative;

  overflow: hidden;

  border-radius: 5px;

  -webkit-transition: all .3s ease 0s;

  -moz-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s

}



.team-section .single-team img {

  width: 100%;

  position: relative

}



.team-section .single-team:hover .team-content {

  opacity: 1

}



.team-section .team-content {

  position: absolute;

  bottom: 0;

  width: 100%;

  background: rgba(34, 34, 34, .8);

  padding: 20px 0;

  color: #fff;

  text-align: center;

  opacity: 0;

  -webkit-transition: all .3s ease 0s;

  -moz-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s

}



.team-section .team-content a,

.team-section .team-content h4 {

  color: #fff

}



.team-section .team-content ul li {

  display: inline-block;

  margin: 5px

}



.team-section .owl-dots {

  text-align: center;

  margin-top: 30px

}



.team-section .owl-dots .owl-dot {

  width: 14px;

  height: 14px;

  background: #fff;

  display: inline-block;

  margin: 0 5px

}



.team-section .owl-dots .owl-dot.active {

  background: #691cff

}



.team-section .owl-dots .owl-dot:focus {

  outline: none

}



.home-faq-section {

  padding-top: 120px

}



.accordion>dt {

  margin-bottom: 10px;

  font-size: 14px;

  font-weight: 500;

  -webkit-box-shadow: 0 7px 20px -10px #000;

  -moz-box-shadow: 0 7px 20px -10px #000;

  box-shadow: 0 7px 20px -10px #000

}



.accordion>dt>a {

  display: block;

  position: relative;

  color: #222;

  text-decoration: none;

  padding: 14px 20px;

  border-radius: 3px;

  border: 1px solid #e8e8e8

}



.accordion>dt>a:hover {

  text-decoration: none;

  border-color: #ddd;

  background: #fbfbfb

}



.accordion>dt>a.active {

  color: #fff;

  border-color: #691cff;

  background: #691cff;

  cursor: default

}



.accordion>dt>a.active:after {

  color: #fff !important

}



.accordion>dt>a:after {

  content: "\f107";

  width: 15px;

  height: 15px;

  margin-top: -8px;

  position: absolute;

  top: 50%;

  right: 10px;

  font-family: fontawesome;

  speak: none;

  font-style: normal;

  font-weight: 400;

  font-variant: normal;

  text-transform: none;

  font-size: 15px;

  line-height: 15px;

  text-align: center;

  color: #999;

  -webkit-font-smoothing: antialiased

}



.accordion>dt>a.active:after,

.accordion>dt>a.active:hover:after {

  content: "\f106";

  color: #111

}



.accordion>dt>a:hover:after {

  color: #444

}



.accordion>dd {

  margin-bottom: 10px;

  padding: 10px 20px 20px;

  font-size: 14px;

  line-height: 1.8;

  color: #777

}



.accordion>dt>a,

.accordion>dt>a:after,

.toggle>dt>a,

.toggle>dt>a:after {

  -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1);

  -moz-transition: all .27s cubic-bezier(0, 0, .58, 1);

  -o-transition: all .27s cubic-bezier(0, 0, .58, 1);

  -ms-transition: all .27s cubic-bezier(0, 0, .58, 1);

  transition: all .27s cubic-bezier(0, 0, .58, 1)

}



.accordion>dt>a.active {

  pointer-events: none !important;

  cursor: default !important

}



.cta-section {

  background: url(../img/banner2.jpg);

  background-attachment: fixed;

  background-size: cover

}



.cta-section h1,

.cta-section h4,

.cta-section p {

  color: #fff

}



.cta-section h4 {

  font-weight: 400;

  padding-top: 20px;

  padding-bottom: 30px

}



.cta-section .overlay-bg {

  background: rgba(0, 0, 0, .8)

}



.price-section .price-left h4 {

  font-size: 35px

}



.price-section .price-left p {

  color: #222;

  padding: 10px 0;

  max-width: 320px

}



.price-section .price-right .main {

  margin: -30px 0;

  background: #691cff;

  color: #fff

}



.price-section .price-right .main i,

.price-section .price-right .main h4,

.price-section .price-right .main h2 {

  color: #fff

}



.price-section .price-right .main .bottom-wrap {

  border-color: #fff

}



.price-section .single-price {

  width: 100%;

  border-radius: 5px;

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

  margin: 0 auto;

  -webkit-box-shadow: 5px 5px 30px rgba(0, 0, 25, .05);

  box-shadow: 5px 5px 30px rgba(0, 0, 25, .05);

  padding: 40px 30px;

  z-index: 1;

  -webkit-transition: all .3s ease 0s;

  -moz-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s

}



.price-section .single-price i {

  position: relative;

  font-size: 40px;

  color: #691cff

}



.price-section .single-price h4 {

  position: relative;

  margin: 10px 0

}



.price-section .single-price .bottom-wrap {

  border-top: 1px solid #8c8d9e;

  margin-top: 20px;

  padding-top: 20px

}



.price-section .single-price .bottom-wrap i {

  font-size: 10px

}



.price-section .single-price .bottom-wrap ul li {

  margin-bottom: 10px

}



.price-section .single-price .bottom-wrap ul li:last-child {

  margin-bottom: 0

}



.price-section .single-price .bottom-wrap .primary-btn-w {

  background: #fff;

  color: #222;

  margin-top: 30px

}



.price-section .single-price .bottom-wrap .primary-btn {

  margin-top: 30px

}



.download-section {

  background: url(../img/download-bg.png)

}



.download-section p {

  margin-top: 20px;

  margin-bottom: 0

}



.download-section .download-wrap {

  padding-top: 80px

}



.download-section .dload-btn {

  text-align: right

}



.download-section .primary-btn {

  margin-left: 20px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center

}



.download-section .primary-btn svg {

  width: 20px;

  height: 20px;

  margin-left: 10px

}



.clients-wrap {

  padding: 30px 0;

  border-bottom: 1px solid #eee;

  border-top: 1px solid #eee

}



.single-client {

  text-align: center

}



.contact-wrap {

  padding: 60px 0

}



.contact-wrap h3 {

  font-weight: 400

}



.contact-wrap h3 i {

  margin-right: 10px

}



.stat-section {

  background: #691cff

}



.stat-section h1,

.stat-section h4 {

  color: #fff

}



.stat-section .single-stat {

  color: #fff

}



.stat-section .single-stat i {

  font-size: 35px

}



.stat-section .single-stat h1 {

  margin: 20px 0

}



.contact-section {

  background: url(../img/download-bg.png);

  border-bottom: 80px solid #222

}



.contact-section .section-title {

  padding-top: 120px

}



.form-row {

  background: #fff;

  padding: 30px 0;

  border-radius: 3px;

  margin-bottom: -100px;

  box-shadow: 0 0 158px 0 rgba(0, 0, 0, .11);

  -webkit-box-shadow: 0 0 158px 0 rgba(0, 0, 0, .11);

  -moz-box-shadow: 0 0 158px 0 rgba(0, 0, 0, .11)

}



.address-wrap .single-address-col {

  text-align: center;

  margin-bottom: 40px

}



.address-wrap .single-address-col i {

  font-size: 50px;

  color: #691cff

}



.address-wrap .single-address-col p {

  font-size: 16px;

  margin-top: 10px;

  color: #222

}



.contact-form-wrap {

  padding: 50px

}



.contact-form-wrap .form-col {

  margin-bottom: 30px

}



.contact-form-wrap .form-control {

  border-radius: 0;

  border-top: none;

  border-left: none;

  border-right: none;

  background: 0 0;

  padding-left: 0

}



.contact-form-wrap .form-control:focus {

  -webkit-box-shadow: none !important;

  box-shadow: none !important;

  border-color: #222 !important

}



.contact-form-wrap .primary-btn {

  vertical-align: center;

  margin-top: 30px;

  border: none

}



.contact-form-wrap .primary-btn:focus {

  outline: none

}



.form-row .message {

  height: 50px;

  width: 100%;

  font-size: 13px;

  line-height: 50px;

  text-align: center;

  float: none;

  margin-top: 20px;

  display: none;

  color: #fff

}



.form-row .error {

  background: #ef5659

}



.form-row .success {

  background: #691cff

}



.contact-page-section {

  background: #eee !important

}



.contact-page-section .single-address-col .div {

  padding: 30px 0;

  border-radius: 5px;

  background: #fff;

  margin-bottom: 40px

}



.home-contact {

  padding-bottom: 50px

}



.footer-section {

  background: #222;

  padding-bottom: 20px;

  padding-top: 20px;

}



.footer-section .footer-menu {

  text-align: right

}



.footer-section .footer-menu li {

  display: inline-block;

  padding-left: 12px

}



.footer-section .footer-menu li a {

  font-weight: 400;

  color: #fff;

  -webkit-transition: all .3s ease 0s;

  -moz-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s

}



.footer-section .footer-menu li a:hover {

  color: #691cff

}



.footer-section .copyright-text {

  margin-top: 30px;

  text-align: left;

  color: #fff

}



.footer-section .copyright-text i {

  color: red

}



.footer-section .copyright-text a {

  color: #fff

}



.footer-section #social {

  text-align: right;

  margin-top: 10px;

}



.footer-section #social li {

  display: inline-block

}



.footer-section #social li a {

  color: #fff;

  text-align: center;

  display: block;

  margin-left: 15px;

  width: 35px;

  height: 35px;

  line-height: 35px;

  border: 1px solid #fff;

  -webkit-transition: all .3s ease 0s;

  -moz-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s

}



.footer-section #social li a i {

  font-size: 18px

}



.footer-section #social li a:hover {

  color: #691cff;

  border-color: #691cff

}



.footer-section .footer-cols h4 {

  color: #fff;

  margin-bottom: 20px

}



.footer-section .footer-cols p {

  color: #fff

}



.footer-section .footer-cols #social {

  text-align: left;

  margin-top: 20px

}



.footer-section .footer-cols #social li:first-child a {

  margin-left: 0

}



.footer-section .footer-cols ul li {

  margin-bottom: 10px;

  color: #fff

}



.footer-section .footer-cols ul li a {

  color: #fff;

  font-weight: 400;

  -webkit-transition: all .3s ease 0s;

  -moz-transition: all .3s ease 0s;

  -o-transition: all .3s ease 0s;

  transition: all .3s ease 0s

}

.footer-section .footer-cols ul li a:hover {

  color: #691cff

}

.directory-list{

  background: #f3f5f8;

  position: relative;

}

.directory-wrap{

  background: #fff;

  position: relative;

  padding-top: 18px;

  padding-left: 12px;

  padding-right: 12px;

  padding-bottom: 12px;

  margin-bottom: 50px;

}

.imgleft {

    max-width: 300px;
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.imgleft img{

    width: auto;
    padding: 15px;
    height: 100px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

}

.name-content{

  width: 100%;

}

.country-absolute-wrap.citynamehere{

  position: absolute;

  right: -16px;

  background: #919191;

  padding: 1px 15px;

  top: -2px;

}
.country-absolute-wrap{

  position: absolute;

  right: -16px;

  background: #ff4a49;

  padding: 1px 15px;

  top: 25px;

}

.dope-menu .dropdown .dropdown-toggle{

    font-size: 14px;

    background: #691cff;

    border: 0;

}

h6.membertype{

    font-size: 13px;

    font-weight: 400;

    background: #38b4ef;

    text-transform: capitalize;

    margin-top: 8px;

    color: #fff !important;

    width: 86px;

    margin: 10px auto;

    border-radius: 0;

    line-height: 25px;

    position: absolute;

    top: -18px;

    right: -4px;

    -webkit-animation: glowing 1500ms infinite;

    -moz-animation: glowing 1500ms infinite;

    -o-animation: glowing 1500ms infinite;

    animation: glowing 1500ms infinite;

}
-webkit-keyframes glowing {

  0% { background-color: #38b4ef; -webkit-box-shadow: 0 0 3px #38b4ef;}

  50% { background-color: #a6cee1; -webkit-box-shadow: 0 0 40px #a6cee1;}

  100% { background-color: #38b4ef; -webkit-box-shadow: 0 0 3px #38b4ef;}

}



@-moz-keyframes glowing {

  0% { background-color: #38b4ef; -moz-box-shadow: 0 0 3px #38b4ef; }

  50% { background-color: #a6cee1; -moz-box-shadow: 0 0 40px #a6cee1; }

  100% { background-color: #38b4ef; -moz-box-shadow: 0 0 3px #38b4ef; }

}



@-o-keyframes glowing {

  0% { background-color: #38b4ef; box-shadow: 0 0 3px #38b4ef; }

  50% { background-color: #a6cee1; box-shadow: 0 0 40px #a6cee1; }

  100% { background-color: #38b4ef; box-shadow: 0 0 3px #38b4ef; }

}



@keyframes glowing {

  0% { background-color: #38b4ef; box-shadow: 0 0 3px #38b4ef; }

  50% { background-color: #a6cee1; box-shadow: 0 0 40px #a6cee1; }

  100% { background-color: #38b4ef; box-shadow: 0 0 3px #38b4ef; }

}

.membertype.Basic,.membertype.basic-class{

    font-size: 13px;

    font-weight: 400;

    background: #efef16  !important;

    text-transform: capitalize;

    margin-top: 8px;

    color:#691cff !important;

    width: 86px;

    margin: 10px auto;

    border-radius: 0;

    line-height: 25px;

    position: absolute;

    top: -18px;

    right: -4px;

    -webkit-animation: none !important;

    -moz-animation: none !important;

    -o-animation: none !important;

    animation: none !important;

}

.membertype.Secure,h6.membertype.secure-class{

    background: #0ea95c  !important;

    color: #fff !important;

    -webkit-animation: none !important;

    -moz-animation: none  !important;

    -o-animation: none  !important;

    animation: none  !important;

}

.country-name{

  color: #fff;

  font-size: 13px;

  font-weight: 400;

}

.co-name{

    font-size: 18px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 20px;

}

.hom-list-share ul {

  margin-bottom: 0px;

  padding: 0px;

  height: 24px;

  overflow: hidden;

}

.hom-list-share ul li {

  list-style-type: none;

  display: inline-block;

}

.hom-list-share ul li a::before {

  content: "\f101";

  position: absolute;

  font-family: 'FontAwesome';

  top: -2px;

  right: auto;

  left: 5px;

  bottom: 0;

  color: #ff4948;

  width: 10px;

  height: auto;

}

.hom-list-share ul li a {

  color: #4f52ff;

  background-color: #f3f5f8;

  margin: 0 4px;

  border-radius: 12px;

  padding: 1px 10px 1px 15px;

  font-size: 12px;

  position: relative;

}

.hom-list-share {

  position: relative;

  overflow: hidden;

  width: 100%;

  padding-top: 2px;

}

.contact-info{

  margin-top: 20px;

}

.contact-info img{

  width: 24px;

  height: 23px;

}

.contact-info p,.contact-info a{

  font-size: 13px;

  font-weight: 400;

  color: #333;

  margin-bottom: 7px;

}

.buttonwrap{

  margin-top: 18px;

}

.directory-wrap .primary-btn{

  padding: 5px 9px;

  min-width: 130px;

  font-size: 13px;

}

.az-company-listing-directory{

  padding-right: 50px;

  padding-left: 50px;

}
.widget-sidebar {
  width: 100px;
  height: 90px;
  position: fixed;
  right: 0px;
  top: 40%;
  transition: 0.5s all;
  z-index: 90;
}
.widget-sidebar ul {
  display: block;
  width: 90px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 800;
}
.widget-sidebar:hover ul li{
  animation: auto;
  opacity: 1;
}
.widget-sidebar ul li {
  display: block;
  animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    opacity: 0.6;
    -webkit-animation: pulse 1s ease-out;
    animation: pulse 1.8s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    25% {
        -webkit-transform: scale(0.3);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(0.6);
        opacity: .6;
    }
    75% {
        -webkit-transform: scale(0.9);
        opacity: .3;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

@keyframes pulse {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    25% {
        transform: scale(0.3);
        opacity: 1;
    }
    50% {
        transform: scale(0.6);
        opacity: .6;
    }
    75% {
        transform: scale(0.9);
        opacity: .3;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}
.widget-sidebar ul li a.button1 {
  border-bottom: 2px solid white;
}
.widget-sidebar ul li a span{
  line-height: 15px;
}
.widget-sidebar ul li a {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  display: block;
  line-height: 15px;
  padding:5px;
  background: #1f3a69;
  text-transform: capitalize;
  color: white;

}
.az-company-listing-directory .form-control,.az-company-listing-directory .btn-light{

  background-color: #fff;

  border-color: #fff;

  color: #333;

}

.az-company-listing-directory .bootstrap-select>.dropdown-toggle.bs-placeholder,

.az-company-listing-directory .bootstrap-select>.dropdown-toggle.bs-placeholder:active,

.az-company-listing-directory .bootstrap-select>.dropdown-toggle.bs-placeholder:focus,

.az-company-listing-directory .bootstrap-select>.dropdown-toggle.bs-placeholder:hover{

  color: #333;

}

.search-country .primary-btn{

  padding: 8px 0;

  min-width: 100px;

}

.lxindia2-com form input, .lxindia2-com select, textarea, form input {

    border: 1px solid #e4e4e4;

    line-height: 24px;

    background: #fff;

    font-size: 14px;

    width: 100%;

}

.services-slection input[type="checkbox"] + label:before {

  content: '';

  display: block;

  width: 20px;

  height: 20px;

  border: 1px solid #4f52ff;

  position: absolute;

  left: 0;

  top: 0;

  opacity: .6;

  -webkit-transition: all .12s, border-color .08s;

  transition: all .12s, border-color .08s;

}

.services-slection ul.service-master-list {

  background-color: #fff;

  height: 188px;

  padding-top: 15px;

}

.services-slection ul {

  overflow: hidden;

  overflow-y: auto;

  max-height: 350px;

  padding-left: 0;

  list-style-type: none;

}

.services-slection ul li {

  margin-bottom: 15px;

  list-style-type: none;

  font-size: 13px;

  color: #343c42;

  line-height: 24px;

  font-weight: 600;

}

.lxindia2-form-pay{

  padding: 25px;

  background-color: #fff;

}

.lxindia2-com form input[type=checkbox] {

  opacity: 0;

  display: none;

}

.lxindia2-com label,.lxindia2-com p {

  width: 100%;

  font-weight: 400;

  display: block;

  margin-top: 20px;

  position: relative;

  padding-left: 0;

  margin-bottom: 5px;

}

.service-master-list li label{

  left: 0;

  padding-left: 35px;

}

.services-slection input[type="checkbox"]:checked + label::before {

  width: 10px;

  top: -2px;

  left: 4px;

  border-radius: 0;

  opacity: 1;

  border-top-color: transparent;

  border-left-color: transparent;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}

.services-slection ul.service-master-list{

  background-color: #f3f5f8;

  height: 188px;

  padding-top: 0;

  padding-left: 20px;

}

.view-profile-table table{

  width: 100%;

}

.view-profile-table table tr {

  color: #969595;

  border-bottom: 1px solid #fff !important;

}

.view-profile-table table tr td:first-child {

  width: 30%;

  color: #691cff;

  font-weight: 400;

}

.view-profile-table table tr td {

  font-size: 14px;

  color: #000;

  font-weight: 500;

  padding: 10px 14px 10px 0;

}

.view-profile-table table tr td:last-child {

  width: 65%;

}
@media(max-width:767px) {
  #header-area .sticky {
    position: relative !important;
  }
  .mbole-dropdwn {
    position: relative;
    top: 0;
    right: 0;
    margin: 0 auto;
    left: auto;
    text-align: center;
}
.banner-sectionlibe iframe{
    height: 275px;
    width:100%;
}
}