/* -------------------------------------
[Master Stylesheet]

Template Name: Sander - Creative App Landing Page Template
Version: v1.0.0
Created: Nov 14, 2019
Last Updated: Nov 14, 2019

[Table of Contents]    
    * Google Fonts
    * Core Styles
        + Reset CSS
        + Reboot CSS
        + Typography CSS
        + Miscellaneous CSS
        + Header Area CSS
        + Slider Area CSS
        + Features CSS
        + Why Choose CSS
        + Screenshot CSS
        + Video CSS
        + Our Team CSS
        + Counter Section
        + Pricing CSS
        + Download CSS
        + Footer CSS 
        + Preloader CSS
        + Choose Skin CSS
------------------------------------- */

/* -------------------------------------
# [font-family]
'Montserrat', 'Ubuntu';
------------------------------------- */

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i|Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap');

/* Reset CSS */

* {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
  height: auto;
  border: none;
}

a,
a:hover,
a:focus {
  text-decoration: none;
  font-weight: 700;
  -webkit-transition-duration: 450ms;
  transition-duration: 450ms;
}

*:active,
*:focus {
  outline: none !important;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Reboot CSS */

.fix {
  overflow: hidden !important;
}

body {
  overflow-x: hidden;
}

.magic-line li,
#fetured-nav li,
.feature-app-icon a,
.testimonial-img {
  float: left;
}

.float_right {
  float: right;
}

.section-overlay.content-bg {
  background-color: rgba(39, 39, 39, 0.9);
}

body,
.magic-line,
.magic-line li a,
.single-slide,
.slider-content,
.btn-effect,
.bullet,
.feature-app-icon a,
.feature-app-icon,
.section-has-bg,
.section-has-bg-content,
.whychoose-img,
.section-title,
.question-img,
.accordion-title,
.accordion-heading,
.single-member-img,
.testimonial,
.testimonial-img,
.single-price,
.screenshots-area .owl-carousel .owl-item img,
.screenshot-slide {
  position: relative;
}

#magic-line,
.section-overlay,
.slide-bg,
.slide-bg:before,
.btn-effect:before,
.magic-line.nav-menu li a:before,
#magic-line2,
#magic-line2:before,
.single-img,
.section-saparator,
.section-saparator:before,
.section-saparator:after,
.acco-title-icon,
.acco-expand-icon,
.member-social-icon,
.testimonial:after,
.owl-dots,
.owl-dot.active:before,
.testimonial:after,
.testimonial-img span.icon-quote,
.single-price:before,
#mainslider .owl-dot.active:before,
.testimonial-carousel .owl-dot.active:before,
.screenshot-app-bg {
  position: absolute;
}

.main-wrapper,
.single-slide,
.slider-content,
.slider .owl-stage-outer,
.slider .owl-stage,
.slider .owl-stage .owl-item {
  height: 100%;
}

.slide-bg,
.slide-bg:before,
.section-overlay,
.btn-effect:before {
  height: 100%;
  width: 100%;
}

.slide-bg:before,
#magic-line,
.section-overlay {
  top: 0;
  left: 0;
}

.slide-bg,
.single-img {
  top: 0;
  left: 0;
}

.section-has-bg,
#accordion.panel-group {
  padding: 100px 0;
}

.screenshot-slide,
.ourteam-member,
.price-content {
  padding-top: 80px;
}

.screenshots-area,
.ourteam-area,
.pricing-area {
  padding: 100px 0;
}

.section-title {
  height: 75px;
}

.section-saparator {
  border: 8px solid rgba(0, 0, 0, 0);
  left: 50%;
  margin: 30px 0 0 -22.5px;
  width: 45px;
}

.section-saparator:before,
.section-saparator:after {
  content: "";
  height: 1px;
  top: -9px;
  width: 78px;
}

.section-saparator:before {
  margin-right: 8px;
  right: 100%;
}

.section-saparator:after {
  left: 100%;
  margin-left: 8px;
}

/* Typography CSS */

body,
.nav-menu li a,
.slide-text h2,
.feture-text {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}

.slide-text h2 span {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
}

.slide-text p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  color: #fff !important;
}

.price-header h4 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}

a,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Ubuntu', sans-serif;
}

/* Miscellaneous CSS */

body {
  line-height: 30px;
  font-size: 14px;
}

.subscribe input[type="email"],
.subscribe input[type="submit"],
.footer-bottom.text-center>p,
.video-text .text-video-btn {
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.whychoose-single-text h5,
.member-info h4,
.price-header h3 {
  font-size: 16px
}

.testimonial-text h5 span.time {
  font-weight: 300;
  font-size: 13px;
}

.subscribe input[type="email"],
.subscribe input[type="submit"],
.footer-bottom.text-center>p {
  font-size: 13px;
}

.price-header h3,
.download-text h3 {
  font-size: 20px
}

.nav-menu li a,
.slide-text p,
#fetured-nav li a h5,
#accordion .accordion-heading a h5,
.download-text h5,
.footer-content h6 {
  font-size: 13px;
}

.member-info h4 {
  font-size: 16px;
}

.slide-text h2 {
  font-size: 48px;
}

.fullscreenbanner .rv-text.tp-caption p {
  font-size: 15px;
  line-height: 30px;
}

.fullscreenbanner .rv-title.tp-caption {
  line-height: 90px;
  font-weight: 900;
}

.testimonial-text h5,
.price-header h4 {
  font-size: 18px;
}

.price-list li {
  font-size: 14px
}

/* Header Area CSS */

.logo {
  display: inline-block;
  padding: 20px 0 20px;
  -webkit-transition: width 0.2s ease-in-out, padding 0.2s ease-in-out;
  transition: width 0.2s ease-in-out, padding 0.2s ease-in-out
}

.navbar-fixed-top.padding-less .logo {
  display: inline-block;
  padding: 20px 0 15px;
  width: 90%;
}

.header-area .navbar-inverse {
  border-bottom: none
}

.navbar-fixed-top {

  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  overflow: hidden;
}

.navbar-fixed-top.open {
	top: 0;
	box-shadow: 0 2px 27px 20px rgba(15, 15, 15, 0.175);
}

.magic-line.nav-menu:hover li.active a {
  color: #00639b;
}

.magic-line.nav-menu li {
  display: inline;
}

.magic-line.nav-menu li a {
  border-bottom: 2px solid;
  color: #00639b;
  display: block;
  letter-spacing: 1px;
  font-weight: 700;
  padding: 35px 30px;
  
  z-index: 1;
}

.navbar-fixed-top.padding-less .magic-line.nav-menu li a {
  padding: 25px 20px;
}

.magic-line.nav-menu li a:before {
  border: 4px solid rgba(95, 49, 12, 0);
  bottom: -4px;
  content: "";
  left: 25%;
  width: 50%;
  -webkit-transition: bottom 0.3s ease-out 0.3s;
  transition: bottom 0.3s ease-out 0.3s;
}

.magic-line.nav-menu li a:hover:before,
.magic-line.nav-menu li.active a:before {
  bottom: 0;
}

#magic-line {
  background: #00639b;
}

/* Slider Area CSS */

.single-slide {
  width: 100%;
  height: 700px !important;
}
.owl-carousel {

    padding-top: 90px;
}
.slide-bg {
  background-size: cover !important;
}

.slide-bg {
  z-index: -1
}

.slide-bg:before {
  background: rgba(0, 99, 155, 0) none repeat scroll 0 0;
  z-index: -5;
  content: "";
}

.slidertaxt-table {
  display: table;
  height: 100%;
  width: 100%;
}

.slide-text,
.slide-text h2 span {
  color: #fff;
}

.slider-img {
  position: absolute;
  width: 100%;
  bottom: -50px;
  z-index: 10;
  margin-left: -14px;
}

.slide-text h2 {
  margin-bottom: 0;
  text-transform: uppercase;
  margin-top: 0;
  font-weight: 500;
}

.slide-text p {
  color: #efefef;
  letter-spacing: 1px;
  margin-top: 20px;
}

.slide-btn {
  margin: 35px auto 0;
  min-height: 55px;
  width: 410px;
}

.slide-btn a {
  border: 2px solid #ffffff;
  border-radius: 50px;
  color: #ffffff;
  letter-spacing: 1px;
  padding: 10px 0;
  width: 190px;
}

.slide-btn a.btn-do {
  float: left;
}

.slide-btn a.btn-le {
  float: right;
}

.btn-effect {
  -webkit-transition: background 0.4s ease-out 0s;
  transition: background 0.4s ease-out 0s;
  overflow: hidden !important;
}

.btn-effect:before {
  content: "";
  left: 0;
  top: 0;
  -webkit-transform: rotate(45deg) scaleY(0);
  transform: rotate(45deg) scaleY(0);
  z-index: -1;
  -webkit-transition: color 0.3s ease, -webkit-transform 0.5s ease;
  transition: color 0.3s ease, -webkit-transform 0.5s ease;
  transition: transform 0.5s ease, color 0.3s ease;
  transition: transform 0.5s ease, color 0.3s ease, -webkit-transform 0.5s ease;
  border-radius: 50px;
}

.btn-effect:hover:before,
.s-btn-active .btn-effect:before {
  -webkit-transform: rotate(45deg) scaleY(4);
  transform: rotate(45deg) scaleY(4);
}

.slider-img .single-img {
  top: auto;
  bottom: 0;
}

.slider-img .middle {
  z-index: 3;
}

.slider-img .left-mideum,
.slider-img .right-mideum {
  z-index: 2;
}

.slider-img .middle img {
  box-shadow: 0 10px 20px rgb(0, 0, 0);
}

.slider-img .left-mideum img,
.slider-img .right-mideum img {
  box-shadow: 0 30px 20px rgb(0, 0, 0);
}

#mainslider .owl-dots {
  top: 50%;
  right: 4%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#mainslider .owl-dot {
  display: block
}

#mainslider .owl-dot,
.testimonial-carousel .owl-dot {
  background: rgb(255, 255, 255) none repeat scroll 0 0;
  border-radius: 50%;
  height: 12px;
  margin-bottom: 12px;
  opacity: 0.8;
  width: 12px;
}

#mainslider .owl-dot:last-child,
.testimonial-carousel .owl-dot:last-child {
  margin-bottom: 0;
}

#mainslider .owl-dot.active,
.testimonial-carousel .owl-dot.active {
  opacity: 1;
  position: relative;
}

#mainslider .owl-dot.active:before,
.testimonial-carousel .owl-dot.active:before {
  border: 1px solid;
  border-radius: 50%;
  content: "";
  display: block;
  height: 20px;
  left: -3.8px;
  top: -3.8px;
  width: 20px;
}

#mainslider .slider-img {
  opacity: 0;
}

#mainslider .owl-item.active .slider-img {
  opacity: 1;
}

#mainslider .owl-dot.active:before {
  left: -3.8px;
  top: -3.8px;
}

#mainslider .animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

#mainslider .owl-item.active .slider-content .slide-text h2.animated,
#mainslider .owl-item.active .slider-content .slide-text p.animated,
#mainslider .owl-item.active .slider-content .slider-img .animated.single-img.middle {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

#mainslider .owl-item.active .slider-content .slide-text p.animated {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

#mainslider .owl-item.active .slider-content .slide-text .slide-btn a.animated {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

#mainslider .owl-item.active .slider-content .slide-text .slide-btn a.animated.btn-do,
#mainslider .owl-item.active .slider-content .slider-img .animated.single-img.left-mideum,
#mainslider .owl-item.active .slider-content .slider-img .animated.single-img.left-small {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

#mainslider .owl-item.active .slider-content .slide-text .slide-btn a.animated.btn-le,
#mainslider .owl-item.active .slider-content .slider-img .animated.single-img.right-mideum,
#mainslider .owl-item.active .slider-content .slider-img .animated.single-img.right-small {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

#mainslider .owl-item.active .slider-content .slider-img .animated.single-img.middle {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

#mainslider .owl-item.active .slider-content .slider-img .animated.single-img.left-mideum,
#mainslider .owl-item.active .slider-content .slider-img .animated.single-img.right-mideum {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

#mainslider .owl-item.active .slider-content .slider-img .animated.single-img.left-small,
#mainslider .owl-item.active .slider-content .slider-img .animated.single-img.right-small {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}

.slide-text {
  width: 100%;
  height: 470px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.slider-img .middle {
  left: calc(50% - 163px);
  z-index: 3;
}

.single-img.left-mideum {
  left: calc(20% - 36px);
}

.single-img.right-mideum {
  left: auto;
  right: calc(20% - 28px);
}

.single-img.left-small {
  left: 7px;
}

.single-img.right-small {
  left: auto;
  right: 25px;
}

/* Features CSS */

.features-area {
  padding-bottom: 90px;
}

.fetured-content.tab-content {
  display: inline-block;
}

.feature-box {
  background: rgba(0, 99, 155, 0) url("img/fetured-app-icon-bg.png") no-repeat scroll 0 0;
  padding: 42px 0 0;
  position: relative;
  background-size: 100% 100%;
}

.feature-box h3 {
  color: rgb(255, 255, 255);
  letter-spacing: 2px;
  line-height: 30px;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0 100px;
}

.feature-app-icon {
  bottom: -52px;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  padding: 8px 0;
  width: 370px;
}

.feature-app-icon a {
  box-shadow: 0 0 5px #2a3339;
  color: #ffffff;
  display: block;
  font-size: 45px;
  height: 100px;
  padding: 26px 0;
  -webkit-transition: color 0.3s ease 0s, -webkit-transform 0.5s ease 0s;
  transition: color 0.3s ease 0s, -webkit-transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s, color 0.3s ease 0s;
  transition: transform 0.5s ease 0s, color 0.3s ease 0s, -webkit-transform 0.5s ease 0s;
  width: 110px;
}

.feature-app-icon a.feature-icon-left {
  -webkit-transform: perspective(200px) rotateY(-12deg);
  transform: perspective(200px) rotateY(-12deg);
  -webkit-transform-origin: right center 0;
  transform-origin: right center 0;
  width: 130px;
}

.feature-app-icon a.feature-icon-middle {
  z-index: 1
}

.feature-app-icon a.feature-icon-right {
  -webkit-transform: perspective(200px) rotateY(12deg);
  transform: perspective(200px) rotateY(12deg);
  -webkit-transform-origin: left center 0;
  transform-origin: left center 0;
  width: 130px;
}

.feature-app-icon a.feature-icon-left:hover,
.feature-app-icon a.feature-icon-right:hover {
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
}

.fetured-tab {
  padding-top: 140px;
}

.feature-app-icon a.feature-icon-middle:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.feature-app-icon a:hover {
  color: #2A3339
}

.nav-tab {
  border-bottom: 1px solid;
  padding-bottom: 30px;
  margin-bottom: 50px;
}

#fetured-nav li {
  display: inline;
}

#fetured-nav li a {
  color: #bbbbbb;
  display: block;
  padding: 6px 32px;
  text-decoration: none;
  text-transform: uppercase;
}

#fetured-nav li a {
  margin: 0
}

#magic-line2 {
  height: 6px;
  left: 0;
  z-index: -1;
  padding-bottom: 42px
}

#magic-line2:before {
  border: 6px solid transparent;
  content: "";
  width: 50px;
  border-top-color: green;
  left: 50%;
  margin-left: -25px;
  bottom: 0;
  display: block
}

.tab-icon {
  height: 54px
}

.tab-icon svg {
  stroke: #6F6F6F;
  stroke-width: 0;
}

#fetured-nav li a.tab-icon svg path {
  fill: #6F6F6F;
}

#fetured-nav li a:hover .tab-icon svg path,
#fetured-nav li.active a .tab-icon svg path {
  stroke-dasharray: 300;
  stroke-dashoffset: 0;
  animation: dash 2s linear forwards;
  -webkit-animation: dash 2s linear forwards;
  stroke-miterlimit: 10;
  stroke-width: 0.3;
  fill: none
}

@-webkit-keyframes dash {
  from {
    stroke-dashoffset: 300;
    fill: #fff;
  }

  to {
    stroke-dashoffset: 0;
    fill: #EFC23C;
  }
}

@keyframes dash {
  from {
    stroke-dashoffset: 300;
    fill: #fff;
  }

  to {
    stroke-dashoffset: 0;
    fill: #EFC23C;
  }
}

#fetured-nav li a h5 {
  color: #6F6F6F;
  letter-spacing: 1px;
  margin-top: 30px;
}

.feture-text p {
  margin-bottom: 15px;
}

.feture-list {
  margin-top: 35px;
}

.feture-list ul li {
  margin-bottom: 5px;
}

.feture-list ul li:last-child {
  margin-bottom: 0;
}

.feture-list ul li i {
  margin-right: 12px;
}

/* Why Choose CSS */

.section-has-bg {
  color: #fff;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}

.section-has-bg-content {
  z-index: 1
}

.whychoose-text h3 {
  letter-spacing: 4px;
  margin-top: 0;
}

.whychoose-single-text h5 {
  letter-spacing: 1px;
  margin: 0;
}

.whychoose-single-text p {
  margin-bottom: 0;
  margin-top: 12px;
  font-size: 13px;
}

.whychoose-list ul li {
  margin-top: 50px;
}

.whychoose-list ul li span.icon {
  border: 2px solid;
  border-radius: 50%;
  float: left;
  font-size: 23px;
  height: 68px;
  margin-right: 30px;
  margin-top: 5px;
  padding: 22.5px 0 0;
  text-align: center;
  -webkit-transition: background 0.3s ease 0s;
  transition: background 0.3s ease 0s;
  width: 68px;
}

.whychoose-img .whychoose-img-big {
  z-index: 3
}

.whychoose-img .whychoose-img-medium {
  left: 50%;
  margin-left: -84px;
  top: 30px;
  z-index: 2;
}

.whychoose-img .whychoose-img-small {
  left: 80%;
  margin-left: -82px;
  top: 65px;
}

.whychoose-img .single-img img {
  width: 97%;
}

/* Screenshot CSS */

.section-title h3 {
  color: #2c3e50;
  letter-spacing: 3px;
  margin-top: 0;
}

.screenshots-area .owl-carousel.owl-loaded {
  display: block;
  margin-top: -3px;
}

.screenshots-area .owl-stage-outer {
  height: 100%;
  padding: 74px 0 52px;
}

.screenshots-area .owl-carousel .owl-item img {
  top: 41px;
}

.screenshot-app-bg {
  z-index: 1;
}

.screenshots-area .owl-item.active {
  z-index: 1;
}

.screenshots-area .owl-item.big.active.center {
  height: 474px;
  padding: 17px;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.screenshots-area .owl-item {
  z-index: -1
}

.screenshots-area .owl-item.left.active {
  -webkit-transform: perspective(1500px) translateX(-32%) rotateY(-40deg);
  transform: perspective(1500px) translateX(-32%) rotateY(-40deg);
  -webkit-transform-origin: right center 0;
  transform-origin: right center 0;
}

.screenshots-area .owl-item.left.sm.active {
  opacity: 0.5;
  -webkit-transform: perspective(1500px) translateX(-14%) rotateY(-40deg) scale(0.8);
  transform: perspective(1500px) translateX(-14%) rotateY(-40deg) scale(0.8);
  z-index: 11
}

.screenshots-area .owl-item.right.active {
  -webkit-transform: perspective(1500px) translateX(32%) rotateY(40deg);
  transform: perspective(1500px) translateX(32%) rotateY(40deg);
  -webkit-transform-origin: left center 0;
  transform-origin: left center 0;
}

.screenshots-area .owl-item.right.sm.active {
  -webkit-transform: perspective(1500px) translateX(14%) rotateY(40deg) scale(0.8);
  transform: perspective(1500px) translateX(14%) rotateY(40deg) scale(0.8);
  opacity: 0.5;
}

.screenshots-area .owl-nav {
  margin-top: 38px;
  text-align: center;
}

.screenshots-area .owl-nav div {
  background: #2c3e50 none repeat scroll 0 0;
  color: #ffffff;
  display: inline-block;
  font-size: 22px;
  height: 34px;
  padding-top: 2px;
  text-align: center;
  width: 34px;
  -webkit-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}

.screenshots-area .owl-nav div.owl-next {
  margin-left: 2px;
}

.screenshot-app-bg {
  left: calc(50% - 146.4px);
  top: calc(50% - 292.5px);
}

.screenshot-app-bg img {
  width: calc(100% - 33px);
}

/* Video CSS */

.flax-align {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.video-text h3 {
  letter-spacing: 2px;
  margin-top: 0;
  text-transform: uppercase;
}

.video-text p {
  margin-top: 23px;
  padding-right: 65px;
}

.video-text .text-video-btn {
  border: medium none;
  border-radius: 50px;
  color: #666666;
  display: inline-block;
  font-size: 14px;
  margin-top: 15px;
  overflow: hidden;
  padding: 10px 35px;
  text-shadow: 0 0 0.3px rgb(255, 255, 255);
  -webkit-transition: background 0.3s ease 0s;
  transition: background 0.3s ease 0s;
  letter-spacing: 1px;
}

.video-text .text-video-btn:hover span {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}

.video-text .text-video-btn span {
  font-size: 22px;
  padding-left: 20px;
  vertical-align: middle;
}

.video-content {
  background: url(img/video-img/iPad.png) no-repeat scroll 0 0;
  background-size: 100% 100%;
  padding: 18px 48px 20px
}

.video-main {
  background: rgb(63, 63, 63) none repeat scroll 0 0;
  padding: 6px;
  border-radius: 5px;
}

.video-main .video-js .vjs-big-play-button {
  background: rgba(0, 0, 0, 0) url("img/video-img/video-play-xxl.png") no-repeat scroll 0 0;
  background-size: 100% 100%;
  border: medium none;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  font-size: initial;
  height: 60px;
  left: 50%;
  line-height: initial;
  margin-left: -30px;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  width: 60px;
  margin-top: -30px;
}

.video-main .video-js .vjs-big-play-button:hover {
  opacity: 0.6;
}

.video-main .vjs-playing .vjs-big-play-button {
  display: none;
}

.video-main .video-js .vjs-control-text {
  text-indent: -999999px;
}

/* Our Team CSS */

.ourteam-area {
  background: #f9f9f9 none repeat scroll 0 0;
}

.member-social-icon {
  margin-top: -20px;
  top: 100%;
  width: 100%;
}

.member-social-icon ul li a {
  background: #2c3e50 none repeat scroll 0 0;
  border-radius: 5px;
  color: #ffffff;
  display: inline-block;
  font-size: 18px;
  height: 40px;
  margin-left: -1px;
  padding-top: 5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 40px;
  -webkit-transition: background 0.3s ease 0s;
  transition: background 0.3s ease 0s
}

.member-social-icon ul li a i {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.member-info {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 0 10px #dddddd;
  padding: 57px 10px 35px;
  -webkit-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
}

.single-member:hover .member-info {
  box-shadow: 0 0 30px #dddddd;
}

.member-info h4 {
  color: #2c3e50;
  letter-spacing: 1px;
  margin: 0;
  text-transform: uppercase;
}

.member-info h6 {
  color: #999999;
  margin-top: 8px;
}

.member-info p {
  color: #999999;
  line-height: 24px;
  margin-bottom: 0;
  margin-top: 20px;
}

/* Counter Section */

.counter-progress .knob {
  opacity: 0;
  visibility: hidden;
}

.single-counter {
 display: inline-block;
  text-align: center;
  width: 132px;
}

.counter-progress {
  position: relative;
  width: 132px;
  height: 132px;
}

.progress-circular {
  width: 100%;
  height: 100%;
}

.counter-icon-warp {
  height: 100%;
  padding: 8px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}

.counter-icon {
  border-radius: 50%;
  height: 100%;
  padding-top: 21px;
  width: 100%;
  position: relative;
}

.single-counter {
  margin-left: 120px;
}

.single-counter:nth-child(1) {
  margin-left: 0;
}

.single-counter:nth-child(1) .counter-icon {
  padding-top: 30px;
}

.single-counter:nth-child(2) .counter-icon {
  padding-top: 35px;
}

.single-counter:nth-child(3) .counter-icon {
  padding-top: 42px;
}

.single-counter:nth-child(4) .counter-icon {
  padding-top: 40px;
}

.single-counter:nth-child(5) .counter-icon {
  padding-top: 33px;
}

.counter-icon img {
  max-width: 50%;
  position: relative;
}

.single-counter:nth-child(1) .counter-icon img {
  max-width: 35%;
}

.single-counter:nth-child(2) .counter-icon img {
  max-width: 42%;
}

.single-counter:nth-child(3) .counter-icon img,
.single-counter:nth-child(4) .counter-icon img {
  max-width: 39%;
}

.single-counter:nth-child(5) .counter-icon img {
  max-width: 42%;
}

.counter-text h2 {
  letter-spacing: 2px;
  margin: 25px 0 10px;
}

.counter-text h5 {
  margin: 0;
  letter-spacing: 1px;
}

.counter-icon:before {
  border-radius: 50%;
  content: "";
  height: 90%;
  left: 5%;
  margin-left: 0.5px;
  margin-top: -0.5px;
  position: absolute;
  top: 5%;
  width: 90%;
}

/* Pricing CSS */

.pricing-area {
  background: #F9F9F9
}

.single-price {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 10px;
  box-shadow: 0 1px 10px #dddddd;
  -webkit-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
}

.single-price:hover,
.single-price.active {
  box-shadow: 0 1px 30px #dddddd;
}

.single-price:before {
  background: #ADADAD none repeat scroll 0 0;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -85px;
  top: 0;
  width: 170px;
}

.price-header {
  border-bottom: 1px solid #eef1f1;
  padding: 40px 30px 35px;
}

.price-header h3,
.price-header h4 {
  margin: 0;
}

.price-header h4 {
  color: #999999;
}

.price-header h3 {
  color: #2c3e50;
  letter-spacing: 2px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.price-body {
  border-top: 2px solid #f9f9f9;
  padding: 18px 30px 25px;
}

.price-list li:first-child {
  padding-top: 0;
}

.price-list li {
  border-bottom: 1px solid #dde3e4;
  color: #6f6f6f;
  letter-spacing: 1px;
  padding: 18px 30px 18px 50px;
}

.price-list li i {
  margin-right: 42px;
}

.price-list li i.fa-close {
  color: #EF3833;
}

.price-footer {
  padding: 5px 0 22px;
}

.price-footer a {
  border: 1px solid #d6d6d6;
  border-radius: 50px;
  color: #6f6f6f;
  display: inline-block;
  letter-spacing: 2px;
  padding: 10px 58px;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

.single-price.active .price-footer a.btn-effect:before {
  -webkit-transform: rotate(45deg) scaleY(4);
  transform: rotate(45deg) scaleY(4);
}

.price-footer a:hover,
.single-price.active .price-footer a.btn-effect {
  color: #fff;
}

/* Download CSS */

.section-has-bg.download-area {
  padding: 100px 0;
}

.download-area .section-title h3 {
  color: #fff;
}

.download-area .section-title .section-saparator:before,
.download-area .section-title .section-saparator:after {
  background: #fff;
}

.download-area .section-saparator {
  border-top-color: #fff !important;
}

.download-content {
  padding-top: 45px;
}

.single-download {
  border: 2px solid #fff;
  border-radius: 50px;
  display: block;
  margin: 0 auto;
  padding: 13px 44px 12px;
  -webkit-transition: opacity 0.3s ease 0s, all 0.5s ease 0s;
  transition: opacity 0.3s ease 0s, all 0.5s ease 0s;
  width: 95%;
}

.single-download span.download-icon {
  float: left;
  width: 70px;
}

.download-text h5,
.download-text h3 {
  color: #ffffff;
  letter-spacing: 2px;
  margin: 0;
}

.download-text h5 {
  margin-bottom: 10px;
}

.single-download.btn-effect:before {
  border-radius: 50px;
  content: "";
  left: 0;
  top: 0;
  -webkit-transform: rotate(0) scaleY(0);
  transform: rotate(0) scaleY(0);
  z-index: -1;
  -webkit-transition: color 0.3s ease, -webkit-transform 0.3s ease;
  transition: color 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, color 0.3s ease;
  transition: transform 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease;
}

.single-download.btn-effect:hover:before {
  -webkit-transform: rotate(0) scaleY(1);
  transform: rotate(0) scaleY(1);
}

/* Footer CSS */

.footer-area {
  padding: 0;
}

.footer-area .section-overlay.content-bg {
  background-color: rgba(29, 3, 40, 0.8);
}

.footer-content {
	padding-bottom: 90px;
	padding-top: 100px;
}

.footer-content hr {
  background: #1f2d33 none repeat scroll 0 0;
  border: medium none;
  display: block;
  height: 3px;
  margin: 28px auto 22px;
  width: 84px;
}

.footer-content h6 {
  color: #ffffff;
  letter-spacing: 2px;
  margin-bottom: 18px;
}

.subscribe {
  margin-bottom: 25px;
}

.subscribe input[type="email"] {
  background: rgb(30, 32, 34) none repeat scroll 0 0;
  border: 1px solid rgb(31, 45, 51);
  border-radius: 8px 0 0 8px;
  color: rgb(255, 255, 255);
  height: 46px;
  letter-spacing: 2px;
  margin: 0;
  padding-left: 28px;
  width: 27%;
}

#subscribe-result {
  line-height: 22px;
}

.subscribe input[type="submit"] {
  border: 1px solid;
  border-radius: 0 27px 25px 0;
  color: rgb(255, 255, 255);
  font-weight: 400;
  height: 44px;
  margin: 0 0 10px -5px;
  padding: 0 25px;
  -webkit-transition: background 0.2s ease-out 0s;
  transition: background 0.2s ease-out 0s;
  letter-spacing: 1px;
}

.footer-icon a i {
  background: #9ba5a9 none repeat scroll 0 0;
  border-radius: 5px;
  color: #1c272a;
  font-size: 24px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  width: 48px;
  margin: 0 10px;
  -webkit-transition: .36s;
  transition: .36s;
  overflow: hidden;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.05), 2px 2px rgba(0, 0, 0, 0.05), 3px 3px rgba(0, 0, 0, 0.05), 4px 4px rgba(0, 0, 0, 0.05), 5px 5px rgba(0, 0, 0, 0.05), 6px 6px rgba(0, 0, 0, 0.05), 7px 7px rgba(0, 0, 0, 0.05), 8px 8px rgba(0, 0, 0, 0.05), 9px 9px rgba(0, 0, 0, 0.05), 10px 10px rgba(0, 0, 0, 0.05), 11px 11px rgba(0, 0, 0, 0.05), 12px 12px rgba(0, 0, 0, 0.05), 13px 13px rgba(0, 0, 0, 0.05), 14px 14px rgba(0, 0, 0, 0.05), 15px 15px rgba(0, 0, 0, 0.05), 16px 16px rgba(0, 0, 0, 0.05), 17px 17px rgba(0, 0, 0, 0.05), 18px 18px rgba(0, 0, 0, 0.05), 19px 19px rgba(0, 0, 0, 0.05), 20px 20px rgba(0, 0, 0, 0.05), 21px 21px rgba(0, 0, 0, 0.05), 22px 22px rgba(0, 0, 0, 0.05), 23px 23px rgba(0, 0, 0, 0.05), 24px 24px rgba(0, 0, 0, 0.05), 25px 25px rgba(0, 0, 0, 0.05);
}

.footer-icon a i:hover {
  color: #fff;
}

.footer-icon a i.facebook:hover {
  background: #3b5998;
}

.footer-icon a i.twitter:hover {
  background: #00aced;
}

.footer-icon a i.google-plus:hover {
  background: #dd4b39;
}

.footer-icon a i.linkedin:hover {
  background: #007bb5;
}

.footer-icon a i.instagram:hover {
  background: #125688;
}

.footer-icon a i.youtube:hover {
  background: #bb0000;
}

.footer-icon a i.pinterest:hover {
  background: #cb2027;
}

.footer-bottom.text-center>p {
  background: #1e2122 none repeat scroll 0 0;
  border-top: 1px solid #272c2e;
  color: #cccccc;
  letter-spacing: 1px;
  margin: 0;
  padding: 28px 0;
  position: relative;
}

/* Preloader CSS */

body.preloder_priview {
  overflow: hidden;
}

#loader-wrapper {
  background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000000;
}

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #347cdb;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #00bdd1;
  -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: #f9c922;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* Choose Skin CSS */
.demo-section {
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: white;
}

.choose-demo-skin {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.choose-demo-skin a {
  display: block;
  margin: 0 8px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  max-width: 80px;
  width: 80px;
  height: 80px;
  background-color: #fff;
  border-radius: 50%;
}

.choose-demo-skin a:hover {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.choose-demo-skin a.blue-skin {
  background-color: #347cdb;
}

.choose-demo-skin a.cyan-skin {
  background-color: #00bdd1;
}

.choose-demo-skin a.yellow-skin {
  background-color: #EFC23C;
}
.navbar-toggle {
    position: relative; 
    float: right; 
    padding: 9px 10px; 
    margin-top: 8px; 
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}