/*----------------------------------------------------
@File: Default Styles
@Author: Rocky
@URL: http://rocky.obaidul.com

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.
---------------------------------------------------- */
/*=====================================================================
@Template Name: Cafe-Resto
@Author: Rocky
@Developed By: Rocky
@Developer URL: http://rocky.obaidul.com

@Default Styles

Table of Content:
01/ variables
02/ predefined
03/ header
04/ slider
05/ Button
06/ about-us 
07/ our-menu
08/ page-cover
09/ caferesto 
10/ team 
11/ blog 
12/ events 
13/ footer  
=====================================================================*/
/*Color Variables*/
/*=========Prefix==========*/
/*----------------------------------------------------*/
/*font Variables*/
/*Color Variables*/
@import 'https://fonts.googleapis.com/css?family=Arimo:400,400i,700|Droid+Serif:400,400i,700';
@import 'https://fonts.googleapis.com/css?family=Roboto';
@font-face {
  font-family: 'Open Sans', sans-serif;
  src: url(../fonts/theme-font/Ebrima-Bold.woff);
}
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Extra css
============================================================================================ */
body, h1, h2, h3, h4, h5, h6, p {
  margin: 0px;
  padding: 0px;
  line-height: normal;
}

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

.row.m0 {
  margin: 0;
  padding: 0;
}

.p0 {
  padding: 0px;
}

a {
  text-decoration: none;
  cursor: pointer;
}
a:hover, a:focus {
  text-decoration: none;
}

p {
  font: 400 14px/22px "Arimo", sans-serif;
  color: #7e8fa3;
  letter-spacing: 0.60px;
}

/* End Extra css
============================================================================================ */
.section-header {
  text-align: center;
}
.section-header h2 {
  font: 700 30px "Droid Serif", serif;
  letter-spacing: 0.60px;
  color: #364659;
  
  padding-bottom: 18px;
}
.section-header .stripe-icon {
  position: relative;
}
.section-header .stripe-icon:before {
  content: '';
  width: 80px;
  height: 1px;
  background: #c9d5e3;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: 17px;
}
.section-header .stripe-icon:after {
  content: '';
  width: 80px;
  height: 1px;
  background: #c9d5e3;
  position: absolute;
  top: 50%;
  right: 50%;
  margin-right: 17px;
}
.section-header .stripe-icon i {
  font-size: 20px;
  color: #ff8401;
}
.section-header p {
  font: 400 14px/26px "Arimo", sans-serif;
  color: #7e8fa3;
  letter-spacing: 0.20px;
  max-width: 800px;
  margin: 0 auto;
  padding-top: 20px;
}

.section2-tittle {
  position: relative;
  padding-left: 30px;
}
.section2-tittle:before {
  content: '';
  width: 10px;
  height: 80px;
  border: 2px solid #2abaef;
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
}
.section2-tittle h3 {
  font: 700 28px "Arimo", sans-serif;
  letter-spacing: 0.60px;
  color: #1d2125;
  
  padding-bottom: 11px;
}
.section2-tittle h3 span {
  color: #2abaef;
}
.section2-tittle p {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.20px;
  color: #3f4c5c;
}

.section3-tittle {
  text-align: center;
  padding-bottom: 10px;
}
.section3-tittle h3 {
  font: 700 40px "Arimo", sans-serif;
  color: #0e2236;
  letter-spacing: 0.40px;
  padding-bottom: 35px;
  position: relative;
}
.section3-tittle h3:before {
  content: '';
  width: 62px;
  height: 3px;
  background: #18adf1;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 7px;
}
.section3-tittle h3:after {
  content: '';
  width: 30px;
  height: 3px;
  background: #18adf1;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -6px;
}

.s-tittle h3 {
  color: #fff;
}
.s-tittle h3:before {
  background: #ff3951;
}
.s-tittle h3:after {
  background: #ff3951;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*====== preloder css =======*/
#loading {
  background-color: #db5800;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99999;
  margin-top: 0px;
  top: 0px;
}

#loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}

#loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 20px;
  width: 100px;
  margin-top: -10px;
  margin-left: -50px;
}

.object {
  width: 20px;
  height: 20px;
  background-color: #FFF;
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  margin-right: 20px;
  margin-bottom: 20px;
  position: absolute;
}

#object_one {
  -webkit-animation: object 2s linear infinite;
  animation: object 2s linear infinite;
}

#object_two {
  -webkit-animation: object 2s linear infinite -.4s;
  animation: object 2s linear infinite -.4s;
}

#object_three {
  -webkit-animation: object 2s linear infinite -.8s;
  animation: object 2s linear infinite -.8s;
}

#object_four {
  -webkit-animation: object 2s linear infinite -1.2s;
  animation: object 2s linear infinite -1.2s;
}

#object_five {
  -webkit-animation: object 2s linear infinite -1.6s;
  animation: object 2s linear infinite -1.6s;
}

@-webkit-keyframes object {
  0% {
    left: 100px;
    top: 0;
  }

  80% {
    left: 0;
    top: 0;
  }

  85% {
    left: 0;
    top: -20px;
    width: 20px;
    height: 20px;
  }

  90% {
    width: 40px;
    height: 15px;
  }

  95% {
    left: 100px;
    top: -20px;
    width: 20px;
    height: 20px;
  }

  100% {
    left: 100px;
    top: 0;
  }
}
@keyframes object {
  0% {
    left: 100px;
    top: 0;
  }

  80% {
    left: 0;
    top: 0;
  }

  85% {
    left: 0;
    top: -20px;
    width: 20px;
    height: 20px;
  }

  90% {
    width: 40px;
    height: 15px;
  }

  95% {
    left: 100px;
    top: -20px;
    width: 20px;
    height: 20px;
  }

  100% {
    left: 100px;
    top: 0;
  }
}
/* Extra css
============================================================================================ */
.header_area {
  background: url(../img/home_header_bg.jpg) no-repeat scroll center center;
  min-height: 948px;
  background-size: cover;
}
.header_area .navbar.navbar-default {
  background: transparent;
  border: none;
  margin-bottom: 0px;
  transition: all 0.3s ease-in-out;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}
.header_area .navbar.navbar-default .navbar-header .navbar-brand {
  padding: 52px 0px 52px 15px;
  transition: all 0.3s ease;
}
.header_area .navbar.navbar-default .navbar-collapse {
  float: right;
  padding-right: 0px;
}
.header_area .navbar.navbar-default .navbar-collapse .mainmenu li {
  margin-right: 25px;
  padding: 45px 0px;
  transition: all 0.3s ease;
}
.header_area .navbar.navbar-default .navbar-collapse .mainmenu li a {
  background: transparent;
  font-family: "Droid Serif", serif;
  font-size: 16px;
  color: #b2bac4;
  letter-spacing: .60px;
  line-height: 50px;
  padding: 0px;
  display: inline-block;
  position: relative;
  transition: all 300ms linear 0s;
  text-shadow: none;
}
.header_area .navbar.navbar-default .navbar-collapse .mainmenu li a span {
  width: 20%;
  position: absolute;
  height: 1px;
  top: 0;
  transform: translateY(-50%);
  background: #ff8401;
  left: 0;
  opacity: 0;
  transition: all 300ms linear 0s;
}
.header_area .navbar.navbar-default .navbar-collapse .mainmenu li a span:nth-child(2) {
  left: 20%;
  transition: all 300ms linear 0s;
  transition-delay: 100ms;
}
.header_area .navbar.navbar-default .navbar-collapse .mainmenu li a span:nth-child(3) {
  left: 40%;
  transition: all 300ms linear 0s;
  transition-delay: 200ms;
}
.header_area .navbar.navbar-default .navbar-collapse .mainmenu li a span:nth-child(4) {
  left: 60%;
  transition: all 300ms linear 0s;
  transition-delay: 300ms;
}
.header_area .navbar.navbar-default .navbar-collapse .mainmenu li a span:last-child {
  left: 80%;
  transition: all 300ms linear 0s;
  transition-delay: 400ms;
}
.header_area .navbar.navbar-default .navbar-collapse .mainmenu li:hover a, .header_area .navbar.navbar-default .navbar-collapse .mainmenu li.active a {
  color: #ff8401;
}
.header_area .navbar.navbar-default .navbar-collapse .mainmenu li:hover a span, .header_area .navbar.navbar-default .navbar-collapse .mainmenu li.active a span {
  opacity: 1;
  top: 50%;
}
@media (min-width: 768px) {
  .header_area .navbar.navbar-default .navbar-collapse .mainmenu li:hover.submenu .dropdown-menu, .header_area .navbar.navbar-default .navbar-collapse .mainmenu li.active.submenu .dropdown-menu {
    visibility: visible;
    opacity: 1;
    transform: scaleY(1);
  }
}
.header_area .navbar.navbar-default .navbar-collapse .mainmenu li.submenu .dropdown-menu {
  min-width: 200px;
  border: none;
  box-shadow: none;
  border-radius: 0px;
  padding: 0px;
  transition: all 300ms linear 0s;
  top: 65%;
  background: #ff8401;
}
@media (min-width: 768px) {
  .header_area .navbar.navbar-default .navbar-collapse .mainmenu li.submenu .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateZ(0);
    transform-origin: 50% 0;
    transform: scaleY(0);
  }
}
.header_area .navbar.navbar-default .navbar-collapse .mainmenu li.submenu .dropdown-menu li {
  display: block;
  padding: 0px;
  margin: 0px;
}
.header_area .navbar.navbar-default .navbar-collapse .mainmenu li.submenu .dropdown-menu li a {
  margin: 0px;
  color: #fff;
  padding: 6px 10px;
  transition: all 300ms linear 0s;
  display: block;
  width: 100%;
  line-height: 30px;
}
.header_area .navbar.navbar-default .navbar-collapse .mainmenu li.submenu .dropdown-menu li a:after {
  width: 0;
}
.header_area .navbar.navbar-default .navbar-collapse .mainmenu li.submenu .dropdown-menu li:hover a {
  color: #261a5f;
}
.header_area .navbar.navbar-default .navbar-collapse .mainmenu li.submenu .dropdown-menu li:hover a:after {
  width: 100%;
}
.header_area .navbar.navbar-default .navbar-collapse .singmenu li {
  padding: 45px 0px;
  transition: all 0.3s ease;
}
.header_area .navbar.navbar-default .navbar-collapse .singmenu li a {
  color: #fff;
  line-height: 50px;
  padding: 0px;
  font-size: 16px;
  font-family: "Droid Serif", serif;
  letter-spacing: .60px;
  position: relative;
  transition: all 300ms linear 0s;
}
.header_area .navbar.navbar-default .navbar-collapse .singmenu li a:before {
  content: "";
  background: #ff8401;
  width: 1px;
  height: 14px;
  position: absolute;
  left: -13px;
  top: 50%;
  transform: translateY(-50%);
}
.header_area .navbar.navbar-default .navbar-collapse .singmenu li a span {
  width: 20%;
  position: absolute;
  height: 1px;
  top: 0;
  transform: translateY(-50%);
  background: #ff8401;
  left: 0;
  opacity: 0;
  transition: all 300ms linear 0s;
}
.header_area .navbar.navbar-default .navbar-collapse .singmenu li a span:nth-child(2) {
  left: 20%;
  transition: all 300ms linear 0s;
  transition-delay: 100ms;
}
.header_area .navbar.navbar-default .navbar-collapse .singmenu li a span:nth-child(3) {
  left: 40%;
  transition: all 300ms linear 0s;
  transition-delay: 200ms;
}
.header_area .navbar.navbar-default .navbar-collapse .singmenu li a span:nth-child(4) {
  left: 60%;
  transition: all 300ms linear 0s;
  transition-delay: 300ms;
}
.header_area .navbar.navbar-default .navbar-collapse .singmenu li a span:last-child {
  left: 80%;
  transition: all 300ms linear 0s;
  transition-delay: 400ms;
}
.header_area .navbar.navbar-default .navbar-collapse .singmenu li:hover a {
  color: #ff8401;
}
.header_area .navbar.navbar-default .navbar-collapse .singmenu li:hover a span {
  opacity: 1;
  top: 50%;
}

.app_download_area {
  max-width: 532px;
  padding-top: 314px;
  padding-bottom: 88px;
}
.app_download_area h3 {
  color: #fff;
  letter-spacing: .60px;
  font-size: 72px;
  font-family: 'Open Sans', sans-serif;
  
}
.app_download_area p {
  font-family: "Droid Serif", serif;
  font-size: 20px;
  color: #f0f0f0;
  letter-spacing: .60px;
  padding: 50px 0px;
}
.app_download_area a {
  height: 67px;
  width: 67px;
  background: #45378b;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  color: #fff;
  line-height: 67px;
  font-size: 30px;
  margin-right: 20px;
  transition: all 300ms linear 0s;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.app_download_area a:before {
  content: "";
  background: #fff;
  height: 155px;
  left: -75px;
  opacity: .2;
  position: absolute;
  top: -50px;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
  -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
  z-index: -1;
}
.app_download_area a:last-child {
  margin-right: 0px;
}
.app_download_area a:hover {
  background: #ff8401;
}
.app_download_area a:hover:before {
  left: 125%;
  -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

/* Extra css
============================================================================================ */
/*============header_area2 =============*/
.header_area2 {
  background: url(../img/home_header2-bg.jpg) no-repeat scroll center center;
  position: relative;
  background-size: cover;
}
.header_area2:before {
  width: 100%;
  content: '';
  left: 0;
  top: 0;
  background: rgba(254, 255, 255, 0.85);
  position: absolute;
  z-index: 0;
  height: 100%;
}
.header_area2 .content {
  max-width: 555px;
  margin: 0 auto;
  padding-top: 245px;
  text-align: center;
  position: relative;
}
.header_area2 .content h3 {
  color: #364659;
  font-family: 'Open Sans', sans-serif;
  font-size: 50px;
  letter-spacing: 0.20px;
  text-align: center;
  
  font-weight: 700;
  padding-bottom: 55px;
}
.header_area2 .content .reg_btn {
  float: none;
  max-width: 215px;
  font-weight: bold;
  min-height: 60px;
  line-height: 60px;
}
.header_area2 .content .reg_btn + .reg_btn {
  margin-left: 26px;
  background: #ff6a6a;
  box-shadow: 0px 4px 0px 0px #da4a4c;
}
.header_area2 .content .reg_btn + .reg_btn:hover {
  background: #da4a4c;
}
.header_area2 .content img {
  padding-top: 79px;
  max-width: 100%;
}
.header_area2 .navbar.navbar-default .navbar-collapse .mainmenu li a {
  color: #364659;
}

/*========== header_area3 ==========*/
.header_area3 {
  background: url(../img/home_header3.jpg) no-repeat scroll center center;
  background-size: cover;
  min-height: 900px;
}
.header_area3 .navbar.navbar-default .navbar-collapse {
  padding-right: 0px;
}
.header_area3 .navbar.navbar-default .navbar-collapse .mainmenu li a {
  font-size: 14px;
  
  color: #fff;
}
.header_area3 .navbar.navbar-default .navbar-collapse .mainmenu li:last-child {
  margin-right: 0px;
}
.header_area3 .app_download_area {
  padding-top: 349px;
}
.header_area3 .app_download_area h3 {
  font-size: 60px;
}
.header_area3 .app_download_area .reg_btn {
  font-size: 16px;
  background: none;
  box-shadow: none;
  float: none;
  width: 226px;
  min-height: 60px;
  border: 3px solid #fff;
  border-radius: 40px;
  line-height: 56px;
  display: block;
  padding: 0px;
  height: 60px;
  margin: 44px 0px 51px;
}
.header_area3 .app_download_area a {
  background: transparent;
  font-size: 48px;
}
.header_area3 .app_download_area a:hover {
  background: #ff8401;
}
.header_area3 .phone-img {
  position: relative;
  top: 255px;
  z-index: 2;
}

/*======= home4 css ========*/
.home4 {
  background: url("../img/home4.jpg") no-repeat scroll center center;
  background-size: cover;
}

/*=================header_area5 css================*/
.menuEffect .header_area5 .navbar-default {
  padding-right: 0px;
  transition: 1s;
}
.menuEffect .header_area5 .mainmenu li a {
  opacity: 0;
  visibility: hidden;
}
.menuEffect .header_area5 .mainmenu li.submenu .dropdown-menu {
  visibility: hidden !important;
}

.header_area.header_area5 {
  background: url(../img/home5-bg.jpg) no-repeat scroll center center;
  background-size: cover;
  position: relative;
  min-height: 995px;
}
.header_area.header_area5:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(14, 34, 54, 0.9);
  z-index: 0;
}
.header_area.header_area5 .navbar-default {
  padding-right: 45px;
  transition: 1s;
}
.header_area.header_area5 .navbar-default .navbar-collapse .mainmenu {
  padding-right: 80px;
  float: right;
}
.header_area.header_area5 .navbar-default .navbar-collapse .mainmenu li a {
  
}
.header_area.header_area5 .navbar-default .navbar-collapse .mainmenu li a span {
  background: #18adf1;
}
.header_area.header_area5 .navbar-default .navbar-collapse .mainmenu li:hover a {
  color: #18adf1;
}
.header_area.header_area5 .navbar-default .navbar-collapse .mainmenu li.active a {
  color: #18adf1;
}
.header_area.header_area5 .navbar-default .navbar-collapse .mainmenu li.active a span {
  background: #18adf1;
}
.header_area.header_area5 .texts {
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
  padding-top: 167px;
  position: relative;
}
.header_area.header_area5 .texts h2 {
  font: 700 60px "Arimo", sans-serif;
  color: #18adf1;
  letter-spacing: 0.80px;
  
}
.header_area.header_area5 .texts h2 span {
  color: #fff;
}
.header_area.header_area5 .texts h4 {
  font: 700 30px "Arimo", sans-serif;
  color: #fff;
  letter-spacing: 0.20px;
  
  padding: 59px 0px 36px;
}
.header_area.header_area5 .texts p {
  font: 400 16px/26px "Arimo", sans-serif;
  letter-spacing: 0.20px;
  color: #fff;
  padding-bottom: 43px;
}
.header_area.header_area5 .texts .reg_btn {
  float: none;
  max-width: 224px;
  min-height: 60px;
  background: transparent;
  box-shadow: none;
  border: 2px solid #fff;
  border-radius: 8px;
}
.header_area.header_area5 .texts .reg_btn:hover {
  background: #fff;
}
.header_area.header_area5 .texts .reg_btn:hover h2 {
  color: #3f4c5c;
}
.header_area.header_area5 .texts .reg_btn h2 {
  font-size: 16px;
  color: #fff;
  line-height: 56px;
}
.header_area.header_area5 .texts .reg_btn + .reg_btn {
  margin-left: 30px;
}
.header_area.header_area5 .menu_open_close_search {
  height: 100%;
  padding-top: 55px;
  position: absolute;
  right: 45px;
  width: 82px;
  font: 400 18px "Arimo", sans-serif;
  color: #fff;
  letter-spacing: 0.60px;
  
}
.header_area.header_area5 .menu_open_close_search span {
  color: #21c2f8;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 59px;
  width: 20px;
  height: 16px;
  text-align: center;
}
.header_area.header_area5 .menu_open_close_search span.Cross .menuOpenClose {
  background: transparent;
}
.header_area.header_area5 .menu_open_close_search span.Cross .menuOpenClose:before {
  transform: rotate(45deg);
  top: 0;
}
.header_area.header_area5 .menu_open_close_search span.Cross .menuOpenClose:after {
  transform: rotate(-45deg);
  top: 0;
}
.header_area.header_area5 .menu_open_close_search span .menuOpenClose {
  background: #fff;
  height: 2px;
  position: absolute;
  top: 6px;
  width: 20px;
  transition: .5s;
}
.header_area.header_area5 .menu_open_close_search span .menuOpenClose:before {
  background: #fff;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: -7px;
  width: 100%;
  transition: .5s;
}
.header_area.header_area5 .menu_open_close_search span .menuOpenClose:after {
  background: #fff;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 7px;
  width: 100%;
  transition: .5s;
}
.header_area.header_area5 .img-phone {
  position: relative;
  min-height: 583px;
}
.header_area.header_area5 .img-phone .img-info {
  position: absolute;
  bottom: 0;
  transform: translateX(-50%);
}
.header_area.header_area5 .img-phone .img-info.img-p1 {
  left: 28%;
}
.header_area.header_area5 .img-phone .img-info.img-p2 {
  left: 47.9%;
}
.header_area.header_area5 .img-phone .img-info.img-p3 {
  left: 66.9%;
}

/*======= home6-area css =====*/
.header_area.home6-area {
  background: url(../img/home6.jpg) no-repeat scroll center center;
  min-height: 970px;
  background-size: cover;
}
.header_area.home6-area:before {
  background: rgba(43, 47, 62, 0.9);
}
.header_area.home6-area .navbar.navbar-default {
  padding-right: 15px;
}
.header_area.home6-area .navbar.navbar-default .social {
  padding-top: 50px;
}
.header_area.home6-area .navbar.navbar-default .social li {
  display: inline-block;
}
.header_area.home6-area .navbar.navbar-default .social li a {
  font-size: 20px;
  color: #fff;
  transition: all 300ms linear 0s;
}
.header_area.home6-area .navbar.navbar-default .social li a:hover {
  background: none;
  color: #ff3951;
}
.header_area.home6-area .navbar.navbar-default .navbar-collapse .mainmenu li a span {
  background: #ff3951;
}
.header_area.home6-area .navbar.navbar-default .navbar-collapse .mainmenu li:hover a {
  color: #ff3951;
}
.header_area.home6-area .navbar.navbar-default .navbar-collapse .mainmenu li.active a {
  color: #ff3951;
}
.header_area.home6-area .navbar.navbar-default .navbar-collapse .mainmenu li.active a span {
  background: #ff3951;
}
.header_area.home6-area .texts h2 {
  color: #ff3951;
}
.header_area.home6-area .texts h2 span {
  color: #fff;
}
.header_area.home6-area .texts .reg_btn:hover {
  background: #ff3951;
  border-color: #ff3951;
}
.header_area.home6-area .texts .reg_btn:hover h2 {
  color: #fff;
}
.header_area.home6-area .menu_open_close_search {
  right: 15px;
}

.main_body {
  padding: 25px 25px 0px 25px;
  background: #252833;
}

/*========= menu affix css=========*/
.navbar.scrolled.navbar-default {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #45378b;
  z-index: 999;
  border-radius: 0px;
}
.navbar.scrolled.navbar-default .navbar-header .navbar-brand {
  padding: 25px 0;
}
.navbar.scrolled.navbar-default .navbar-collapse .mainmenu li {
  padding: 20px 0px;
}
.navbar.scrolled.navbar-default .navbar-collapse .singmenu li {
  padding: 20px 0px;
}

.header_area.header_area2 .navbar.scrolled.navbar-default {
  background: #f4f4f5;
  z-index: 999;
}

.header_area5 .navbar.navbar-default.scrolled {
  z-index: 999;
}

.header_area5 .navbar.navbar-default.scrolled .menu_open_close_search {
  padding-top: 3px;
  margin-top: 30px;
}

.header_area5 .navbar.navbar-default.scrolled .menu_open_close_search span {
  top: 7px;
}

.home6-area .navbar.navbar-default.scrolled .social {
  padding-top: 22px;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Reg btn css
============================================================================================ */
.reg_btn {
  float: right;
  max-width: 300px;
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 70px;
  display: inline-block;
  min-height: 70px;
  background: #ff8401;
  box-shadow: 0px 4px 0px 0px #da7000;
  border-radius: 3px;
  font-family: "Droid Serif", serif;
  font-size: 20px;
  letter-spacing: .60px;
  
  transition: all 300ms linear 0s;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.reg_btn:before {
  content: "";
  background: #fff;
  height: 155px;
  left: -75px;
  opacity: .2;
  position: absolute;
  top: -50px;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
  -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
  z-index: -1;
}
.reg_btn:hover {
  background: #da7000;
  color: #fff;
}
.reg_btn:hover:before {
  left: 120%;
  -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

/* End Reg btn css
============================================================================================ */
.register {
  max-width: 225px;
  font: 700 16px/51px "Arimo", sans-serif;
  color: #2abaef;
  margin: 0 auto;
  border: 2px solid #2abaef;
  border-radius: 40px;
  display: block;
  width: 100%;
  
  transition: all 0.4s linear;
}
.register:hover {
  background: #2abaef;
  color: #fff;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*========= welcome text area css===========*/
.welcome-text-area {
  border-top: 3px solid #f6f6f6;
  border-bottom: 2px dashed #e5ebf3;
  padding: 97px 0px 96px;
}
.welcome-text-area .welcome-text {
  text-align: center;
}
.welcome-text-area .welcome-text h2 {
  font: 700 30px "Droid Serif", serif;
  color: #364659;
  letter-spacing: 0.60px;
}
.welcome-text-area .welcome-text h2 span {
  color: #ff8401;
}
.welcome-text-area .welcome-text p {
  font: 400 16px/28px "Arimo", sans-serif;
  letter-spacing: 0.20px;
  color: #7e8fa3;
  max-width: 908px;
  margin: 0 auto;
  padding-top: 24px;
}

/*=========== app-overview-area css==========*/
.app-overview-area {
  padding: 76px 0px 100px;
  position: relative;
}
.app-overview-area:before {
  background: url("../img/3.png") no-repeat scroll center left;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  content: '';
  left: 0;
  display: block;
  bottom: -70px;
  opacity: 0.30;
}
.app-overview-area .app-overviews {
  padding-top: 68px;
}
.app-overview-area .app-overviews .app-overview {
  padding: 0px 22px;
  cursor: pointer;
}
.app-overview-area .app-overviews .app-overview .media .media-left {
  padding-right: 0px;
  overflow: hidden;
}
.app-overview-area .app-overviews .app-overview .media .media-left .app-icon {
  width: 94px;
  height: 94px;
  border-radius: 50%;
  background: #261a5f;
  left: 12px;
  position: relative;
  text-align: center;
  transition: all 0.3s linear;
}
.app-overview-area .app-overviews .app-overview .media .media-left .app-icon i {
  font-size: 40px;
  color: #f0f0f0;
  line-height: 95px;
  transition: all 0.6s linear;
}
.app-overview-area .app-overviews .app-overview .media .media-body {
  padding-left: 33px;
}
.app-overview-area .app-overviews .app-overview .media .media-body h2 {
  font: 700 28px/50px "Arimo", sans-serif;
  color: #364659;
  letter-spacing: 0.20px;
  transition: all 0.6s linear;
}
.app-overview-area .app-overviews .app-overview .media .media-body p {
  font: 400 15px/26px "Arimo", sans-serif;
  color: #7e8fa3;
  letter-spacing: 0.20px;
  padding-top: 7px;
  margin: 0px;
}
.app-overview-area .app-overviews .app-overview + .app-overview {
  padding-top: 48px;
}
.app-overview-area .app-overviews .app-overview:hover .media-left .app-icon {
  background: #ff8401;
}
.app-overview-area .app-overviews .app-overview:hover .media-left .app-icon i {
  transform: rotate(360deg);
}
.app-overview-area .app-overviews .app-overview:hover .media-body h2 {
  color: #ff8401;
}

/*========= app-overview2 css =========*/
.app-overview2 {
  padding: 22px 0px 95px;
}
.app-overview2:before {
  display: none;
}
.app-overview2 .app-overviews .app-overview {
  padding: 78px 22px 0px 0px;
}
.app-overview2 .app-overviews .app-overview .media .media-left {
  display: block;
  padding-bottom: 15px;
}
.app-overview2 .app-overviews .app-overview .media .media-left .app-icon {
  width: 74px;
  height: 74px;
}
.app-overview2 .app-overviews .app-overview .media .media-left .app-icon i {
  font-size: 25px;
  line-height: 74px;
}
.app-overview2 .app-overviews .app-overview .media .media-body {
  padding-left: 0px;
}
.app-overview2 .app-overviews .app-overview.right {
  padding-left: 40px;
}
.app-overview2 .app-overviews .app-overview + .app-overview {
  padding-top: 60px;
}

/*======== app-features-area css ==========*/
.app-features-area {
  background-image: -moz-linear-gradient(32deg, #2e2066 0%, #412c8d 56%, #412c8d 100%);
  background-image: -webkit-linear-gradient(32deg, #2e2066 0%, #412c8d 56%, #412c8d 100%);
  background-image: -ms-linear-gradient(32deg, #2e2066 0%, #412c8d 56%, #412c8d 100%);
  padding: 95px 0px 97px;
  position: relative;
  overflow: hidden;
}
.app-features-area:before {
  content: '';
  background: url(../img/iphone1-bg.png) no-repeat scroll bottom left;
  width: 100%;
  height: 100%;
  top: 0;
  left: 140px;
  position: absolute;
}
.app-features-area .app-feature .section-header {
  padding: 0px 46px;
}
.app-features-area .app-feature .section-header h2 {
  color: #fff;
}
.app-features-area .app-feature .feature-slider {
  padding-right: 80px;
  padding-top: 68px;
}
.app-features-area .app-feature .feature-slider .feature {
  width: 50%;
  float: left;
  padding-right: 48px;
  border-right: 1px dashed #45378b;
  border-bottom: 1px dashed #45378b;
  padding-bottom: 50px;
  cursor: pointer;
}
.app-features-area .app-feature .feature-slider .feature i {
  font-size: 28px;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  border: 2px solid #423488;
  border-radius: 50%;
  color: #fff;
  position: relative;
  transition: all 1s linear;
}
.app-features-area .app-feature .feature-slider .feature i:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  top: 0;
  left: 0;
  border-radius: 50%;
  border: 3px solid transparent;
  transition: transform 0.36s ease 0s, opacity 0.5s ease 0s;
}
.app-features-area .app-feature .feature-slider .feature h2 {
  font: 700 20px "Arimo", sans-serif;
  letter-spacing: 0.60px;
  color: #fff;
  padding: 24px 0px 19px;
  transition: all 0.3s linear;
}
.app-features-area .app-feature .feature-slider .feature.feature2 {
  border-right: 0px;
  padding-right: 0px;
  padding-left: 50px;
}
.app-features-area .app-feature .feature-slider .feature:nth-child(3), .app-features-area .app-feature .feature-slider .feature:nth-child(4) {
  padding-top: 20px;
  padding-bottom: 30px;
  border-bottom: 0px;
}
.app-features-area .app-feature .feature-slider .feature:hover i {
  background: #ff8401;
  border-color: #ff8401;
}
.app-features-area .app-feature .feature-slider .feature:hover i:after {
  opacity: 0;
  transform: scale(0.6);
  border: 5px solid #ff8401;
}
.app-features-area .app-feature .feature-slider .feature:hover h2 {
  color: #ff8401;
}
.app-features-area .app-feature .feature-slider .owl-dots {
  text-align: center;
  margin-top: 38px;
  margin-bottom: 0px;
}
.app-features-area .app-feature .feature-slider .owl-dots .owl-dot {
  width: 13px;
  height: 13px;
  border: 2px solid #48545f;
  display: inline-block;
  border-radius: 50%;
}
.app-features-area .app-feature .feature-slider .owl-dots .owl-dot.active {
  background: #ff8401;
  border-color: #ff8401;
}
.app-features-area .app-feature .feature-slider .owl-dots .owl-dot + .owl-dot {
  margin-left: 15px;
}

/*=========== app-screenshot-area css ===============*/
.app-screenshot-area {
  padding: 93px 0px 100px;
}
.app-screenshot-area .section-header {
  padding-bottom: 67px;
}
.app-screenshot-area .app-screen1 {
  padding-right: 9px;
}
.app-screenshot-area .app-screen2 {
  padding-left: 9px;
}
.app-screenshot-area .app-screen3 img {
  margin: 0 auto;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*=========== clients-area css ==========*/
.clients-area {
  padding: 93px 0px 99px;
}
.clients-area .section-header {
  text-align: left;
  padding-bottom: 126px;
}
.clients-area .section-header .stripe-icon:before {
  display: none;
}
.clients-area .section-header .stripe-icon:after {
  right: auto;
  left: 0;
  margin-left: 20px;
  margin-right: 0;
}
.clients-area .section-header p {
  margin: 0;
  max-width: 540px;
}
.clients-area .clients-item1 {
  padding-right: 4px;
}
.clients-area .clients-item2 {
  padding-left: 9px;
  padding-right: 9px;
}
.clients-area .clients-item3 {
  padding-left: 4px;
}
.clients-area .clients-item {
  text-align: center;
  background: #f3f7fb;
  border: 1px solid #f2f2f2;
  padding: 92px 31px 57px;
  position: relative;
  transition: all 0.5s ease 0s;
  cursor: pointer;
}
.clients-area .clients-item .clients-img {
  width: 123px;
  height: 123px;
  border-radius: 50%;
  margin: 0 auto;
  top: -66px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
}
.clients-area .clients-item .clients-img img {
  border: 5px solid #fff;
  max-width: 100%;
}
.clients-area .clients-item h3 {
  font: 700 16px/25px "Droid Serif", serif;
  color: #364659;
  letter-spacing: 0.20px;
  
}
.clients-area .clients-item h5 {
  font: 400 16px/22px "Arimo", sans-serif;
  color: #8998aa;
  letter-spacing: 0.20px;
  padding: 6px 0px 26px;
  text-transform: capitalize;
}
.clients-area .clients-item i {
  font-size: 20px;
  color: #8998aa;
}
.clients-area .clients-item p {
  font: 400 14px/26px "Arimo", sans-serif;
  color: #8998aa;
  letter-spacing: 0.20px;
  padding-top: 20px;
}
.clients-area .clients-item:hover {
  background: rgba(255, 132, 1, 0.8);
}
.clients-area .clients-item:hover h3, .clients-area .clients-item:hover h5, .clients-area .clients-item:hover i, .clients-area .clients-item:hover p {
  color: #fff;
}

/*=======download-app-area css=======*/
.download-app-area {
  padding: 100px 0px;
  background: #f3f7fb;
}
.download-app-area .reg_btn {
  max-width: 100%;
  background: #e9eef2;
  box-shadow: 0px 4px 0px 0px #261a5f;
  min-height: 100px;
  font: 700 22px/100px "Droid Serif", serif;
  color: #364659;
  text-transform: capitalize;
}
.download-app-area .reg_btn i {
  font-size: 50px;
  vertical-align: middle;
  padding-right: 12px;
  color: #102633;
  position: relative;
  top: -3px;
}
.download-app-area .reg_btn:hover {
  background: #ff8401;
  color: #fff;
  box-shadow: 0px 4px 0px 0px #da7000;
}
.download-app-area .reg_btn:hover i {
  color: #fff;
}

/*========== download-app-area2 ============*/
.download-app-area2 {
  background: #f1f2f4;
}
.download-app-area2 .reg_btn {
  box-shadow: 1.5px 2.598px 0px 0px rgba(248, 248, 248, 0.392);
  border-radius: 50px;
  background-color: white;
  color: #3f4c5c;
  transition: all 0.4s linear;
}
.download-app-area2 .reg_btn i {
  color: #3f4c5c;
  transition: all 0.4s linear;
}
.download-app-area2 .reg_btn:hover {
  box-shadow: 1.5px 2.798px 0px 0px #22a7d9;
  background-color: #2abaef;
}

/*======= download-app-area3 ======*/
.download-app-area3 {
  background: url("../img/download-bg.jpg") no-repeat scroll center 100%;
  background-size: cover;
  padding: 98px 0px 100px;
  position: relative;
  z-index: 1;
}
.download-app-area3:before {
  width: 100%;
  height: 100%;
  content: '';
  background: #0e2236;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: block;
  opacity: 0.90;
  z-index: -1;
}
.download-app-area3 .d-app-img {
  position: relative;
  top: -157px;
  z-index: 1;
  left: -20px;
}
.download-app-area3 .d-app-img img {
  position: absolute;
}
.download-app-area3 .download-content {
  color: #fff;
  padding: 0px 127px 0px 32px;
  text-align: center;
}
.download-app-area3 .download-content h2 {
  font: 700 30px/26px "Arimo", sans-serif;
  letter-spacing: 0.20px;
}
.download-app-area3 .download-content p {
  font: 400 16px/26px "Arimo", sans-serif;
  color: #fff;
  padding: 17px 0px 63px;
}
.download-app-area3 .download-content .reg_btn {
  float: left;
  width: 275px;
  height: 73px;
  box-shadow: none;
  padding: 0px;
  border: 2px solid #18adf1;
  background: transparent;
  padding-left: 49px;
  border-radius: 8px;
  padding-top: 11px;
}
.download-app-area3 .download-content .reg_btn i {
  float: left;
  color: #fff;
  font-size: 48px;
  position: absolute;
  left: 47px;
}
.download-app-area3 .download-content .reg_btn p {
  font: 400 16px/17px "Arimo", sans-serif;
  color: #fff;
  text-transform: capitalize;
  padding: 0px 0px 0px 17px;
}
.download-app-area3 .download-content .reg_btn h3 {
  font: 700 25px/31px "Arimo", sans-serif;
  letter-spacing: 0.20px;
  text-transform: capitalize;
}
.download-app-area3 .download-content .reg_btn + .reg_btn {
  margin-left: 40px;
}
.download-app-area3 .download-content .reg_btn:hover {
  background: #18adf1;
}

.download-app3:before {
  background: #2b2f3e;
}
.download-app3 .download-content .reg_btn {
  border-color: #ff3951;
}
.download-app3 .download-content .reg_btn:hover {
  background: #ff3951;
}

.d-app4-bg {
  background: #2b2f3e;
}
.d-app4-bg .reg_btn {
  background: #3a3f53;
  box-shadow: 0.5px 1.598px 0px 0px rgba(0, 0, 0, 0.292);
  color: #fff;
}
.d-app4-bg .reg_btn i {
  color: #fff;
}
.d-app4-bg .reg_btn:hover {
  box-shadow: 1.5px 2.598px 0px 0px rgba(36, 176, 227, 0.392);
}

/*=========clients-logo-area css===========*/
.clients-logo-area {
  background: #f1f2f4;
  padding: 96px 0px 100px;
}
.clients-logo-area .frequent-tab {
  margin-top: 0;
  background: none;
  padding: 0px 20px 0px 0px;
  margin-bottom: 0px;
}
.clients-logo-area .clients-contant h2 {
  font: 700 30px "Arimo", sans-serif;
  color: #0e2236;
  letter-spacing: 0.20px;
  padding-bottom: 106px;
}
.clients-logo-area .clients-contant .clients-logo {
  position: relative;
}
.clients-logo-area .clients-contant .clients-logo:before {
  content: '';
  position: absolute;
  width: 81%;
  height: 1px;
  background: #dee0e4;
  display: block;
  top: 50%;
  left: 52px;
}
.clients-logo-area .clients-contant .clients-logo li {
  float: left;
  padding: 0px 35px;
  position: relative;
}
.clients-logo-area .clients-contant .clients-logo li:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 171px;
  background: #dee0e4;
  display: block;
  top: 5px;
  left: 0;
}
.clients-logo-area .clients-contant .clients-logo li a {
  display: block;
}
.clients-logo-area .clients-contant .clients-logo li a img {
  opacity: 0.30;
  transition: all 0.6s ease-in-out;
}
.clients-logo-area .clients-contant .clients-logo li a:hover img {
  opacity: 1;
}
.clients-logo-area .clients-contant .clients-logo li:nth-child(1):before, .clients-logo-area .clients-contant .clients-logo li:nth-child(4):before {
  display: none;
}
.clients-logo-area .clients-contant .clients-logo li:nth-child(4) a, .clients-logo-area .clients-contant .clients-logo li:nth-child(5) a, .clients-logo-area .clients-contant .clients-logo li:nth-child(6) a {
  padding-top: 70px;
}

/*======= our-clients-area css =========*/
.our-clients-area {
  background: #f1f2f4;
  padding: 93px 0px 97px;
}
.our-clients-area .section3-tittle {
  padding-bottom: 40px;
}
.our-clients-area .section3-tittle p {
  max-width: 748px;
  margin: 0 auto;
  font: 400 17px/26px "Arimo", sans-serif;
  color: #6d7882;
  letter-spacing: 0.20px;
  padding-top: 40px;
}
.our-clients-area .our-clients-slider {
  max-width: 750px;
  margin: 0 auto;
  position: relative;
}
.our-clients-area .our-clients-slider .item {
  text-align: center;
}
.our-clients-area .our-clients-slider .item img {
  width: 140px;
  height: 140px;
  margin: 0 auto;
  opacity: 0.20;
  transition: all 1.9s ease-in-out;
}
.our-clients-area .our-clients-slider .item .content {
  padding-top: 24px;
  opacity: 0;
  visibility: hidden;
  transition: all 2.4s ease-in-out;
}
.our-clients-area .our-clients-slider .item .content h2 {
  font: 700 18px/26px "Arimo", sans-serif;
  letter-spacing: 0.20px;
  color: #3f4c5c;
}
.our-clients-area .our-clients-slider .item .content p {
  font: 400 16px/26px "Arimo", sans-serif;
  letter-spacing: 0.20px;
  color: #6d7882;
}
.our-clients-area .our-clients-slider .center img {
  opacity: 1;
}
.our-clients-area .our-clients-slider .center .content {
  opacity: 1;
  visibility: visible;
}
.our-clients-area .our-clients-slider .owl-prev, .our-clients-area .our-clients-slider .owl-next {
  position: absolute;
  top: 34%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.our-clients-area .our-clients-slider .owl-prev i, .our-clients-area .our-clients-slider .owl-next i {
  font-size: 16px;
  color: #8e99a3;
  transition: all 300ms linear 0s;
}
.our-clients-area .our-clients-slider .owl-prev:hover i, .our-clients-area .our-clients-slider .owl-next:hover i {
  color: #18adf1;
}
.our-clients-area .our-clients-slider .owl-prev {
  left: 33%;
  z-index: 1;
}
.our-clients-area .our-clients-slider .owl-next {
  right: 31.5%;
}

/*========= our-clients2 css ========*/
.our-clients2 {
  background: #2b2f3e;
}
.our-clients2 .section3-tittle p {
  color: #fff;
}
.our-clients2 .our-clients-slider .item .content h2 {
  color: #ff3951;
}
.our-clients2 .our-clients-slider .item .content p {
  color: #8e99a3;
}
.our-clients2 .our-clients-slider .owl-prev:hover i, .our-clients2 .our-clients-slider .owl-next:hover i {
  color: #ff3951;
}

/*======= why-choose-area css ========*/
.why-choose-area {
  padding: 112px 0px 115px;
}
.why-choose-area .choose-area {
  text-align: center;
  padding-top: 98px;
}
.why-choose-area .choose-area .c-item {
  cursor: pointer;
}
.why-choose-area .choose-area .c-item .icon {
  width: 72px;
  height: 72px;
  border: 3px solid #18adf1;
  border-top-left-radius: 20px;
  line-height: 68px;
  text-align: center;
  margin: 0 auto;
  transition: all 300ms linear 0s;
}
.why-choose-area .choose-area .c-item .icon .img2 {
  display: none;
  text-align: center;
}
.why-choose-area .choose-area .c-item h2 {
  font: 400 24px "Arimo", sans-serif;
  letter-spacing: 0.40px;
  color: #0e2236;
  padding: 44px 0px 22px;
  transition: all 300ms linear 0s;
}
.why-choose-area .choose-area .c-item p {
  font: 400 14px/26px "Arimo", sans-serif;
  color: #6d7882;
  letter-spacing: 0px;
}
.why-choose-area .choose-area .c-item:hover .icon {
  background: #18adf1;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 20px;
}
.why-choose-area .choose-area .c-item:hover .icon .img1 {
  display: none;
}
.why-choose-area .choose-area .c-item:hover .icon .img2 {
  display: inline-block;
}
.why-choose-area .choose-area .c-item:hover h2 {
  color: #18adf1;
}

/*========choose-area2========*/
.choose-area2 {
  background: #252833;
}
.choose-area2 .choose-area .c-item .icon {
  border-color: #ff3951;
}
.choose-area2 .choose-area .c-item .icon .img1 {
  display: none;
}
.choose-area2 .choose-area .c-item .icon .img2 {
  display: inline-block;
}
.choose-area2 .choose-area .c-item h2 {
  color: #fff;
}
.choose-area2 .choose-area .c-item p {
  color: #b5b7ba;
}
.choose-area2 .choose-area .c-item:hover .icon {
  background: #ff3951;
}
.choose-area2 .choose-area .c-item:hover h2 {
  color: #ff3951;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*========== faq-area css ============*/
.faq-area {
  background: url(../img/why-choose-bg.jpg) no-repeat scroll center 0;
  position: relative;
  z-index: 1;
  padding: 93px 0px 100px;
  overflow: hidden;
}
.faq-area:before {
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  position: absolute;
  background: rgba(37, 25, 92, 0.95);
  z-index: -1;
}
.faq-area .faq-area-left {
  width: 50%;
  float: left;
  padding-top: 26px;
  padding-left: 60px;
}
.faq-area .faq-area-left .img {
  padding-right: 64px;
}
.faq-area .faq-area-left .img img {
  max-width: 100%;
}
.faq-area .faq-area-right {
  width: 50%;
  float: left;
}
.faq-area .faq-area-right .faq-content {
  max-width: 570px;
}
.faq-area .faq-content .section-header {
  text-align: left;
}
.faq-area .faq-content .section-header h2 {
  color: #fff;
}
.faq-area .faq-content .section-header .stripe-icon:before {
  display: none;
}
.faq-area .faq-content .section-header .stripe-icon:after {
  content: '';
  right: auto;
  left: 22px;
}
.faq-area .faq-content .faq-tab {
  margin-bottom: 0px;
  padding-top: 68px;
}
.faq-area .faq-content .faq-tab .panel {
  background: none;
  border: 0px;
  border-radius: 0px;
  box-shadow: none;
}
.faq-area .faq-content .faq-tab .panel .panel-heading {
  background: none;
  border: 0px;
  border-radius: 0px;
  padding: 0px;
}
.faq-area .faq-content .faq-tab .panel .panel-heading .panel-title {
  background: none;
}
.faq-area .faq-content .faq-tab .panel .panel-heading .panel-title a {
  font: 700 18px "Arimo", sans-serif;
  color: #fff;
  letter-spacing: 0.60px;
  text-transform: capitalize;
}
.faq-area .faq-content .faq-tab .panel .panel-heading .panel-title a .icon {
  width: 32px;
  height: 32px;
  background: #ff8401;
  font-size: 14px;
  text-align: center;
  line-height: 32px;
  margin-right: 12px;
  display: inline-block;
  position: relative;
}
.faq-area .faq-content .faq-tab .panel .panel-heading .panel-title a .icon .fa-minus {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  line-height: 33px;
  visibility: visible;
  opacity: 1;
  transition: all 0.4s linear;
}
.faq-area .faq-content .faq-tab .panel .panel-heading .panel-title a .icon .fa-plus {
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s linear;
}
.faq-area .faq-content .faq-tab .panel .panel-heading .panel-title a.collapsed .icon .fa-plus {
  visibility: visible;
  opacity: 1;
}
.faq-area .faq-content .faq-tab .panel .panel-heading .panel-title a.collapsed .icon .fa-minus {
  visibility: hidden;
  opacity: 0;
}
.faq-area .faq-content .faq-tab .panel .panel-body {
  font: 400 14px/26px "Arimo", sans-serif;
  color: #cfd8df;
  border-top: 0px;
  padding-right: 60px;
  letter-spacing: 0.60px;
  padding-left: 45px;
  padding-top: 27px;
}
.faq-area .faq-content .faq-tab .panel + .panel {
  margin-top: 20px;
}

/*=========section-light-screenshots css=========*/
.section-light-screenshots {
  padding: 95px 0px 100px;
  overflow: hidden;
}
.section-light-screenshots .carousel-wrapper {
  position: relative;
  padding-top: 63px;
}
.section-light-screenshots .carousel-wrapper .carousel-decoration {
  position: absolute;
  top: 63px;
  left: 50%;
  width: 358px;
  height: 733px;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 2;
}
.section-light-screenshots .carousel-wrapper .carousel-decoration .owl-prev, .section-light-screenshots .carousel-wrapper .carousel-decoration .owl-next {
  position: absolute;
  bottom: 40px;
  font-size: 16px;
  color: #8998aa;
  transition: all 0.5s linear;
  cursor: pointer;
}
.section-light-screenshots .carousel-wrapper .carousel-decoration .owl-prev:hover, .section-light-screenshots .carousel-wrapper .carousel-decoration .owl-next:hover {
  color: #364659;
}
.section-light-screenshots .carousel-wrapper .carousel-decoration .owl-prev {
  left: 45%;
  transform: translateX(-50%);
}
.section-light-screenshots .carousel-wrapper .carousel-decoration .owl-next {
  right: 41%;
  transform: translateX(-50%);
}
.section-light-screenshots .carousel-wrapper .screenshot-carousel, .section-light-screenshots .carousel-wrapper .screenshot-carousel2 {
  height: 733px;
}
.section-light-screenshots .carousel-wrapper .screenshot-carousel .image-holder, .section-light-screenshots .carousel-wrapper .screenshot-carousel2 .image-holder {
  width: 306px;
  height: 550px;
  margin: 94px auto 0;
  background: center no-repeat;
  background-size: cover;
  -webkit-transition: .1s transform;
  -moz-transition: .1s transform;
  -o-transition: .1s transform;
  transition: .1s transform;
  max-width: 100%;
}

/*====== screenshots2 css======*/
.screenshots2 .section2-tittle {
  padding-bottom: 20px;
}
.screenshots2 .carousel-wrapper .carousel-decoration {
  left: 51%;
}
.screenshots2 .carousel-wrapper .carousel-decoration .owl-prev:hover, .screenshots2 .carousel-wrapper .carousel-decoration .owl-next:hover {
  color: #18adf1;
}
.screenshots2 .carousel-wrapper .screenshot-carousel2 {
  padding-left: 75px;
  padding-right: 75px;
}
@media (max-width: 1500px) {
  .screenshots2 .carousel-wrapper .screenshot-carousel2 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.screenshots2 .carousel-wrapper .screenshot-carousel2 .center {
  margin-left: 19px;
  margin-right: 19px !important;
}
@media (max-width: 1500px) {
  .screenshots2 .carousel-wrapper .screenshot-carousel2 .center {
    margin-left: 14px;
  }
}

.screenshots3 {
  padding-bottom: 105px;
}
.screenshots3 .carousel-wrapper .carousel-decoration {
  width: 285px;
  height: 575px;
  background-size: auto;
}
.screenshots3 .carousel-wrapper .slider2-carousel img {
  padding: 101px 10px 0px;
}
.screenshots3 .carousel-wrapper .slider2-carousel .image-holder {
  width: 212px;
  height: 376px;
  margin-left: 0px;
}
.screenshots3 .carousel-wrapper .slider2-carousel .center {
  transform: scale(1.1);
  transition: all 0.9s linear;
  height: 590px;
}
.screenshots3 .carousel-wrapper .slider2-carousel .center img {
  padding-left: 4px;
  padding-right: 1px;
  padding-top: 94px;
  transition: all 0.9s linear;
}
.screenshots3 .carousel-wrapper .slider2-carousel .center .image-holder {
  width: 244px;
  height: 432px;
  margin-top: 73px;
}

/*====== section-screenshots4 css =====*/
.section-screenshots4 {
  background: #252833;
}
.section-screenshots4 .section2-tittle h3 {
  color: #fff;
}
.section-screenshots4 .section2-tittle p {
  color: #8e99a3;
}

.screenshots4 {
  background: #252833;
}

/*======= download-version css =======*/
.download-version {
  background: #1e154d;
  position: relative;
  top: -70px;
  z-index: 2;
}
.download-version .download-icon {
  max-width: 450px;
  margin: 0 auto;
}
.download-version .download-icon ul li {
  float: left;
}
.download-version .download-icon ul li a {
  font-size: 50px;
  color: #fff;
  width: 150px;
  height: 150px;
  line-height: 150px;
  display: block;
  text-align: center;
  transition: all 0.6s linear;
}
.download-version .download-icon ul li a:hover {
  background: #ff8401;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*===========testimonial area css ==============*/
.testimonial-area {
  padding: 97px 0px 81px;
  background: #f3f7fb;
}
.testimonial-area .slide {
  padding-bottom: 144px;
}
.testimonial-area .slide .carousel-indicators {
  margin: 0;
  width: 100%;
  left: 0;
}
.testimonial-area .slide .carousel-indicators li {
  text-indent: 0;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin: 0px;
  position: relative;
}
.testimonial-area .slide .carousel-indicators li:after {
  content: '';
  width: 100%;
  left: 0;
  height: 100%;
  position: absolute;
  background: #7e8fa3;
  opacity: 0.50;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  display: block;
  top: 0px;
}
.testimonial-area .slide .carousel-indicators li.active:after {
  opacity: 0;
}
.testimonial-area .slide .carousel-indicators li + li {
  margin-left: 75px;
}
.testimonial-area .slide .carousel-inner .single_testi_item {
  text-align: center;
  padding: 0px 84px;
}
.testimonial-area .slide .carousel-inner .single_testi_item i {
  font-size: 55px;
  color: #8998aa;
}
.testimonial-area .slide .carousel-inner .single_testi_item p {
  font: 400 18px/28px "Arimo", sans-serif;
  font-style: italic;
  color: #8998aa;
  padding: 20px 0px 30px;
}
.testimonial-area .slide .carousel-inner .single_testi_item h3 {
  font: 700 16px/16px "Droid Serif", serif;
  color: #364659;
  letter-spacing: 0.20px;
}
.testimonial-area .slide .carousel-inner .single_testi_item span {
  font: 400 16px/31px "Arimo", sans-serif;
  color: #8998aa;
}

/*======= testimonial-area2 css ========*/
.testimonial-area2 {
  background: #f1f2f4;
  padding-bottom: 88px;
}
.testimonial-area2 .slide .carousel-indicators {
  bottom: 8px;
}
.testimonial-area2 .slide .carousel-indicators li {
  width: 100px;
  height: 100px;
  background: transparent;
  border: 0px;
}
.testimonial-area2 .slide .carousel-indicators li:after {
  background-color: rgba(42, 186, 239, 0.5);
  width: 90%;
  left: 5px;
  height: 89%;
}
.testimonial-area2 .slide .carousel-indicators li.active {
  width: 100px;
  height: 100px;
  padding: 5px 2px 0px 2px;
  border: 1px solid #2abaef;
  background: #f1f2f4;
}
.testimonial-area2 .slide .carousel-indicators li.active:after {
  opacity: 0;
  transition: all 0.6s linear;
}
.testimonial-area2 .slide .carousel-indicators li img {
  max-width: 100%;
}
.testimonial-area2 .slide .carousel-inner .single_testi_item {
  padding: 33px 105px 0px;
  position: relative;
}
.testimonial-area2 .slide .carousel-inner .single_testi_item:before {
  content: "\f10d";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 100px;
  position: absolute;
  left: 0;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  top: 0px;
  color: #fff;
}
.testimonial-area2 .slide .carousel-inner .single_testi_item:after {
  content: "\f10e";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 100px;
  position: absolute;
  right: 0;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  line-height: 118px;
  color: #fff;
  top: 100px;
}
.testimonial-area2 .slide .carousel-inner .single_testi_item p {
  color: #3f4c5c;
  font-weight: 700;
}
.testimonial-area2 .slide .carousel-inner .single_testi_item h3 {
  color: #2abaef;
}
.testimonial-area2 .slide .carousel-inner .single_testi_item span {
  color: #8998aa;
}

.testimonial-bg {
  background: #2b2f3e;
}
.testimonial-bg .slide .carousel-inner .single_testi_item:before, .testimonial-bg .slide .carousel-inner .single_testi_item:after {
  color: #252833;
}
.testimonial-bg .slide .carousel-inner .single_testi_item p {
  color: #fff;
}
.testimonial-bg .slide .carousel-indicators li.active {
  background: #252833;
}

/*======= overview-area css ========*/
.overview-area {
  overflow: hidden;
  background: #f1f2f4;
  padding: 95px 0px 100px;
}
.overview-area .section2-tittle {
  padding-bottom: 44px;
}
.overview-area .overview-details-left {
  width: calc(50% + 195px);
  float: left;
}
.overview-area .overview-details-left .overview-details {
  max-width: 765px;
  margin-left: auto;
  margin-right: 0px;
  padding-right: 100px;
  padding-top: 88px;
}
.overview-area .overview-details-left .overview-details h2 {
  font: 700 22px/30px "Arimo", sans-serif;
  color: #1d2125;
  letter-spacing: 0.20px;
  padding-bottom: 30px;
}
.overview-area .overview-details-left .overview-details p {
  font: 400 15px/26px "Arimo", sans-serif;
  color: #3f4c5c;
  letter-spacing: 0.20px;
}
.overview-area .overview-details-left .overview-details .app-bar {
  padding-top: 64px;
}
.overview-area .overview-details-left .overview-details .app-bar li {
  float: left;
  text-align: center;
}
.overview-area .overview-details-left .overview-details .app-bar li .content {
  padding-top: 20px;
}
.overview-area .overview-details-left .overview-details .app-bar li .content h5 {
  font: 700 15px/26px "Arimo", sans-serif;
  color: #8e99a3;
  
  padding-bottom: 4px;
}
.overview-area .overview-details-left .overview-details .app-bar li .content span {
  color: #3f4c5c;
  font: 700 24px/26px "Arimo", sans-serif;
}
.overview-area .overview-details-left .overview-details .app-bar li + li {
  padding-left: 60px;
}
.overview-area .overview-details-right {
  width: calc(50% - 195px);
  float: left;
}
.overview-area .overview-details-right .whychoose-img {
  position: relative;
  padding-left: 30px;
}
.overview-area .overview-details-right .whychoose-img .single-img {
  position: absolute;
  top: 0;
}
.overview-area .overview-details-right .whychoose-img .single-img.whychoose-img-big {
  z-index: 3;
}
.overview-area .overview-details-right .whychoose-img .single-img.whychoose-img-mediem {
  left: 0;
  z-index: 2;
  top: 50px;
  margin-left: 141px;
}
.overview-area .overview-details-right .whychoose-img .single-img.whychoose-img-small {
  margin-left: 248px;
  z-index: 1;
  top: 20px;
  left: 0;
}

/*========== overview-area2 css ===========*/
.overview-area2 {
  background: #2b2f3e;
}
.overview-area2 .section2-tittle h3 {
  color: #fff;
}
.overview-area2 .section2-tittle p {
  color: #8e99a3;
}
.overview-area2 .overview-details-left .overview-details h2 {
  color: #fff;
}
.overview-area2 .overview-details-left .overview-details p {
  color: #b5b7ba;
}
.overview-area2 .overview-details-left .overview-details .app-bar li .content span {
  color: #fff;
}

/*======== to-do-list-area css ==========*/
.to-do-list-area {
  background: url(../img/bg1.jpg) no-repeat scroll center 0;
  background-size: cover;
  padding: 170px 0px;
}
.to-do-list-area .to-do-item {
  text-align: center;
  background: #fff;
  border-radius: 3px;
  padding: 46px 38px 44px;
}
.to-do-list-area .to-do-item i {
  font-size: 28.824px;
  color: #2abaef;
  text-align: center;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  border: 2px solid #2abaef;
  line-height: 64px;
  display: inline-block;
  background: -webkit-gradient(left top, right top, color-stop(0%, #2abaef), color-stop(10%, #2abaef), color-stop(93%, #474afa), color-stop(100%, #38b1a1));
  background: -webkit-linear-gradient(bottom, #2abaef 43%, #2abaef 10%, #474afa 63%, #474afa 100%);
  background: -o-linear-gradient(bottom, #2abaef 43%, #2abaef 10%, #474afa 63%, #474afa 100%);
  background: -ms-linear-gradient(bottom, #2abaef 43%, #2abaef 10%, #474afa 63%, #474afa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.to-do-list-area .to-do-item h2 {
  font: 700 16px "Arimo", sans-serif;
  color: #1d2125;
  
  letter-spacing: 0.60px;
  padding: 29px 0px 20px;
}
.to-do-list-area .to-do-item p {
  color: #3f4c5c;
}

/*======== to-do-area2 css =======*/
.to-do-area2 {
  background: url(../img/to-do-bg.jpg) no-repeat scroll center 0;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.to-do-area2:after {
  content: '';
  background: rgba(43, 47, 62, 0.9);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: -1;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*======== frequently-area css =======*/
.frequently-area {
  overflow: hidden;
  padding-top: 50px;
}
.frequently-area .frequently-area-left {
  width: calc(50% - 82px);
  float: left;
}
.frequently-area .frequently-area-left .frequent-img {
  padding-left: 60px;
  padding-right: 30px;
}
.frequently-area .frequently-area-right {
  width: calc(50% + 82px);
  float: right;
}

.frequent-tab {
  max-width: 652px;
  margin-left: 0;
  margin-top: 50px;
  margin-right: auto;
  background: #f2f3f5;
  padding: 75px 58px 80px;
}
.frequent-tab h2 {
  font: 700 30px "Arimo", sans-serif;
  color: #1d2125;
  padding-bottom: 60px;
}
.frequent-tab .panel {
  border: 0px;
  border-radius: 0px;
  background: none;
  box-shadow: none;
}
.frequent-tab .panel .panel-heading {
  background: none;
  padding: 0px;
  border: 0px;
  border-radius: 0px;
}
.frequent-tab .panel .panel-heading .panel-title a {
  font: 700 15px/54px "Arimo", sans-serif;
  color: #fff;
  
  display: block;
  background: #2abaef;
  transition: all 0.5s ease 0s;
}
.frequent-tab .panel .panel-heading .panel-title a.collapsed {
  background: #fff;
  color: #1d2125;
  box-shadow: 0.5px 0.866px 2px 0px rgba(0, 0, 0, 0.02);
}
.frequent-tab .panel .panel-heading .panel-title a .icon {
  width: 54px;
  height: 54px;
  background: #1d2125;
  font-size: 22px;
  line-height: 54px;
  color: #fff;
  text-align: center;
  margin-right: 25px;
  display: inline-block;
  float: left;
  position: relative;
  text-align: center;
  transition: all 0.5s ease 0s;
}
.frequent-tab .panel .panel-heading .panel-title a .icon i {
  top: 15px;
  position: absolute;
  left: 17px;
  transition: all 0.5s ease 0s;
}
.frequent-tab .panel .panel-heading .panel-title a.collapsed .icon i {
  transform: rotate(45deg);
  position: absolute;
  left: 17px;
  top: 15px;
  transition: all 0.5s ease 0s;
}
.frequent-tab .panel .panel-collapse .panel-body {
  border-top: 0px;
  background: #fff;
  margin-left: 54px;
  font: 400 14px/26px "Arimo", sans-serif;
  color: #3f4c5c;
  margin-top: 5px;
  padding: 24px 44px 36px 30px;
}
.frequent-tab .panel + .panel {
  margin-top: 10px;
}

.frequently-area4 {
  background: #252833;
}
.frequently-area4 .frequently-area-right .frequent-tab {
  background: #2a2e3d;
}
.frequently-area4 .frequently-area-right .frequent-tab h2 {
  color: #fff;
}

/*===== logo-area2 css=====*/
.logo-area2 {
  background: #2b2f3e;
}
.logo-area2 .frequent-tab h2 {
  color: #fff;
}
.logo-area2 .frequent-tab .panel .panel-heading .panel-title a {
  background: #ff3951;
}
.logo-area2 .frequent-tab .panel .panel-heading .panel-title a .icon {
  background: #252833;
}
.logo-area2 .frequent-tab .panel .panel-heading .panel-title a.collapsed {
  color: #0e2236;
  background: #fff;
}
.logo-area2 .clients-contant h2 {
  color: #fff;
}
.logo-area2 .clients-contant .clients-logo:before {
  background: #252833;
}
.logo-area2 .clients-contant .clients-logo li:before {
  background: #252833;
}
.logo-area2 .clients-contant .clients-logo li a {
  position: relative;
}
.logo-area2 .clients-contant .clients-logo li a img {
  opacity: 1;
}
.logo-area2 .clients-contant .clients-logo li a .img2 {
  position: absolute;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s linear;
}
.logo-area2 .clients-contant .clients-logo li a:hover .img2 {
  opacity: 1;
  visibility: visible;
}
.logo-area2 .clients-contant .clients-logo li a:hover .img1 {
  opacity: 0;
}
.logo-area2 .clients-contant .clients-logo li:nth-child(4) a .img2, .logo-area2 .clients-contant .clients-logo li:nth-child(5) a .img2, .logo-area2 .clients-contant .clients-logo li:nth-child(6) a .img2 {
  top: 70px;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*========= pricing_table_area css ========*/
.pricing_table_area {
  padding: 15px 0px 100px;
}
.pricing_table_area .pricing-table {
  padding: 92px 10px 0px;
  overflow: hidden;
}
.pricing_table_area .pricing-table .pricing-item {
  text-align: center;
  padding: 21px 0px 31px;
  letter-spacing: 0.20px;
  background-color: white;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.047);
  transition: all 0.9s linear;
  border: 5px solid transparent;
}
.pricing_table_area .pricing-table .pricing-item .table-header {
  padding: 30px 0px 35px;
}
.pricing_table_area .pricing-table .pricing-item .table-header h3 {
  font: 700 24px/26px "Droid Serif", serif;
  color: #1d2125;
  
}
.pricing_table_area .pricing-table .pricing-item .table-header p {
  color: #8e99a3;
  padding-top: 10px;
}
.pricing_table_area .pricing-table .pricing-item .table-middle {
  border-top: 2px dashed #f1f2f4;
  border-bottom: 2px dashed #f1f2f4;
  padding: 10px 0px;
  max-width: 215px;
  margin: 0 auto;
}
.pricing_table_area .pricing-table .pricing-item .table-middle h3 {
  font: 700 50px/51px "Droid Serif", serif;
  color: #3f4c5c;
}
.pricing_table_area .pricing-table .pricing-item .table-middle p {
  font: 400 18px/26px "Arimo", sans-serif;
  color: #2abaef;
}
.pricing_table_area .pricing-table .pricing-item .table_data {
  padding-top: 43px;
}
.pricing_table_area .pricing-table .pricing-item .table_data ul li {
  font: 400 14px/36px "Arimo", sans-serif;
  color: #3f4c5c;
}
.pricing_table_area .pricing-table .pricing-item .table_data .register {
  margin-top: 85px;
}
.pricing_table_area .pricing-table .pricing-item:hover {
  border-width: 5px;
  transition: all 0.9s linear;
  border-style: solid;
  -moz-border-image: -moz-linear-gradient(-80deg, #6000ff 0%, #00cafd 100%);
  -webkit-border-image: -webkit-linear-gradient(-80deg, #6000ff 0%, #00cafd 100%);
  background-image: -ms-linear-gradient(-80deg, #6000ff 0%, #00cafd 100%);
  border-image-slice: 1;
}

/*========= price-table01 css =======*/
.price-table01 {
  padding-bottom: 83px;
  padding-top: 94px;
}
.price-table01 .pricing-table {
  padding-bottom: 17px;
  padding-top: 68px;
}
.price-table01 .pricing-table .pricing-item {
  padding-top: 0px;
  border: 0px;
  position: relative;
  padding-bottom: 0px;
  box-shadow: none;
}
.price-table01 .pricing-table .pricing-item .table-header {
  background: #332b6f;
  padding: 30px 0px 116px;
  transition: all 0.6s linear;
}
.price-table01 .pricing-table .pricing-item .table-header h3 {
  font-size: 30px;
  line-height: 26px;
  color: #fff;
}
.price-table01 .pricing-table .pricing-item .table-middle {
  width: 158px;
  height: 158px;
  border-radius: 50%;
  background: #332b6f;
  border: 0px;
  position: absolute;
  top: 68px;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 42px;
  transition: all 0.6s linear;
}
.price-table01 .pricing-table .pricing-item .table-middle h3 {
  color: #fff;
}
.price-table01 .pricing-table .pricing-item .table-middle p {
  color: #fff;
}
.price-table01 .pricing-table .pricing-item .table_data {
  padding-top: 102px;
  border: 1px solid #f3f7fb;
  transition: all 0.6s linear;
}
.price-table01 .pricing-table .pricing-item .table_data ul li {
  color: #6a8192;
}
.price-table01 .pricing-table .pricing-item .table_data .table-bottom {
  background: #f9f9f9;
  border: 1px solid #f2f2f2;
  padding: 36px 0px;
  margin-top: 47px;
}
.price-table01 .pricing-table .pricing-item .table_data .table-bottom .register {
  margin-top: 0px;
  border-radius: 5px;
  color: #f0f0f0;
  text-transform: capitalize;
  background: #332b6f;
  border-color: #332b6f;
  font-family: "Droid Serif", serif;
  transition: all 0.6s linear;
}
.price-table01 .pricing-table .pricing-item.p-item3 {
  box-shadow: 0px 0px 32px 0px rgba(36, 44, 66, 0.145);
  background: #fff;
  z-index: 1;
}
.price-table01 .pricing-table .pricing-item.p-item3 .table-header {
  background: #ff8401;
}
.price-table01 .pricing-table .pricing-item.p-item3 .table-middle {
  background: #ff8401;
}
.price-table01 .pricing-table .pricing-item.p-item3 .table_data .table-bottom .register {
  background: #ff8401;
  border-color: #ff8401;
}
.price-table01 .pricing-table .pricing-item:hover {
  border: 0px;
  box-shadow: 0px 0px 32px 0px rgba(36, 44, 66, 0.145);
  background: #fff;
  z-index: 2;
}
.price-table01 .pricing-table .pricing-item:hover .table-header {
  background: #ff8401;
}
.price-table01 .pricing-table .pricing-item:hover .table-middle {
  background: #ff8401;
}
.price-table01 .pricing-table .pricing-item:hover .table_data .table-bottom .register {
  background: #ff8401;
  border-color: #ff8401;
}
.price-table01 .pricing-table .pricing-item:hover.p-item3 {
  box-shadow: none;
  z-index: 0;
}
.price-table01 .pricing-table .pricing-item:hover.p-item3 .table-header {
  background: #332b6f;
}
.price-table01 .pricing-table .pricing-item:hover.p-item3 .table-middle {
  background: #332b6f;
}
.price-table01 .pricing-table .pricing-item:hover.p-item3 .table_data .table-bottom .register {
  background: #332b6f;
  border-color: #332b6f;
}

/*======== pricing-table2 css =======*/
.pricing-table2 {
  padding: 112px 0px 100px;
}
.pricing-table2 .pricing-table {
  padding: 95px 10px 20px;
}
.pricing-table2 .pricing-table .pricing-item {
  border: 2px solid transparent;
}
.pricing-table2 .pricing-table .pricing-item:hover {
  border: 2px solid #18adf1;
  box-shadow: 5.5px 9.526px 18px 0px rgba(0, 0, 0, 0.123);
}
.pricing-table2 .pricing-table .pricing-item .table_data .register {
  border-radius: 8px;
}

/*====== p-table3 css =======*/
.p-table3 {
  background: #252833;
}
.p-table3 .pricing-table {
  padding-left: 0px;
  padding-right: 0px;
  margin-left: -6px;
  margin-right: -6px;
}
.p-table3 .pricing-table .item {
  padding: 0px 6px;
}
.p-table3 .pricing-table .pricing-item:hover {
  border: 2px solid #ff3951;
}
.p-table3 .pricing-table .pricing-item:hover .table-middle h3 {
  color: #ff3951;
}
.p-table3 .pricing-table .pricing-item:hover .table-middle p {
  color: #ff3951;
}
.p-table3 .pricing-table .pricing-item .table-middle h3 {
  color: #2b2f3e;
  transition: all 0.6s linear;
}
.p-table3 .pricing-table .pricing-item .table-middle p {
  color: #2b2f3e;
  transition: all 0.6s linear;
}
.p-table3 .pricing-table .pricing-item .table_data .register {
  color: #ff3951;
  border-color: #ff3951;
}
.p-table3 .pricing-table .pricing-item .table_data .register:hover {
  background: #ff3951;
  color: #fff;
}

/*====== p-table-bg css====*/
.p-table-bg {
  background: #252833;
}
.p-table-bg .section2-tittle h3 {
  color: #fff;
}
.p-table-bg .section2-tittle p {
  color: #8e99a3;
}
.p-table-bg .pricing-table .pricing-item:hover {
  -moz-border-image: -moz-linear-gradient(-80deg, #18adf1 0%, #18adf1 100%);
  -webkit-border-image: -webkit-linear-gradient(-80deg, #18adf1 0%, #18adf1 100%);
  background-image: -ms-linear-gradient(-80deg, #18adf1 0%, #18adf1 100%);
  border-image-slice: 1;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*======== latest-blog-area css =========*/
.latest-blog-area {
  padding: 95px 0px 39px;
}
.latest-blog-area .section2-tittle {
  padding-bottom: 90px;
}
.latest-blog-area .blog-post .post-item {
  border-width: 1px;
  border-color: #f1f2f4;
  border-style: solid;
  background-color: white;
  margin-bottom: 60px;
  cursor: pointer;
  transition: all 0.6s linear;
}
.latest-blog-area .blog-post .post-item .media .media-body {
  vertical-align: middle;
  padding-left: 15px;
}
.latest-blog-area .blog-post .post-item .media .media-body h2 {
  font: 700 16px "Arimo", sans-serif;
  color: #1d2125;
  letter-spacing: 0.60px;
  padding-bottom: 20px;
  
  transition: all 0.6s linear;
}
.latest-blog-area .blog-post .post-item .media .media-body a {
  font: 700 14px "Arimo", sans-serif;
  color: #8e99a3;
  
  transition: all 0.6s linear;
}
.latest-blog-area .blog-post .post-item .media .media-body a + a {
  padding-left: 20px;
}
.latest-blog-area .blog-post .post-item .media .media-body a i {
  padding-right: 5px;
}
.latest-blog-area .blog-post .post-item .media .media-body a.name {
  font-weight: 400;
}
.latest-blog-area .blog-post .post-item .media .media-body a:hover {
  color: #2abaef;
}
.latest-blog-area .blog-post .post-item:hover {
  box-shadow: 1.5px 2.598px 5px 0px rgba(0, 0, 0, 0.034);
}
.latest-blog-area .blog-post .post-item:hover .media .media-body h2 {
  color: #2abaef;
}
.latest-blog-area .blog-post.b-left {
  padding-right: 15px;
}
.latest-blog-area .blog-post.b-right {
  padding-left: 15px;
}

/*======l-blog2 css=====*/
.l-blog2 {
  padding: 111px 0px 39px;
}
.l-blog2 .section3-tittle {
  padding-bottom: 104px;
}

.l-blog4-bg {
  background: #252833;
}
.l-blog4-bg .section2-tittle h3 {
  color: #fff;
}
.l-blog4-bg .section2-tittle p {
  color: #8e99a3;
}
.l-blog4-bg .blog-post .post-item {
  border: 0px;
}

/*====== l-blog3 css =====*/
.l-blog3 {
  background: #252833;
}
.l-blog3 .blog-post .post-item {
  background: transparent;
  border-color: #2b2f3e;
  transition: all 0.6s ease-in-out;
}
.l-blog3 .blog-post .post-item .media .media-body h2 {
  color: #fff;
}
.l-blog3 .blog-post .post-item .media .media-body a:hover {
  color: #ff3951;
}
.l-blog3 .blog-post .post-item:hover {
  background: #2b2f3e;
}
.l-blog3 .blog-post .post-item:hover .media .media-body h2 {
  color: #ff3951;
}

/*========== news-subcribes-area css ==========*/
.news-subcribes-area .news-subcribe {
  max-width: 100%;
  text-align: center;
  border: 2px solid #f9f9f9;
  padding-top: 72px;
  padding-bottom: 80px;
}
.news-subcribes-area .news-subcribe h2 {
  font: 400 40px "Arimo", sans-serif;
  letter-spacing: 0.20px;
  color: #0e2236;
  padding-bottom: 24px;
}
.news-subcribes-area .news-subcribe h2 span {
  font-weight: 700;
}
.news-subcribes-area .news-subcribe p {
  line-height: 26px;
  color: #6d7882;
  padding: 0px 17px 75px;
  max-width: 750px;
  margin: 0 auto;
}
.news-subcribes-area .news-subcribe .subcribe-form {
  max-width: 750px;
  margin: 0 auto;
}
.news-subcribes-area .news-subcribe .subcribe-form .form-control {
  border-color: #8e99a3;
  border-radius: 8px;
}
.news-subcribes-area .news-subcribe .subcribe-form .sub-btn {
  border-radius: 8px;
  background: #2abaef;
}

/*====== subcribes-area2 css  =======*/
.subcribes-area2 {
  background: #252833;
  padding-bottom: 0px;
}
.subcribes-area2 .news-subcribe {
  max-width: 100%;
  border: 2px solid #2b2f3e;
  border-bottom: 0px;
  padding-bottom: 80px;
}
.subcribes-area2 .news-subcribe h2 {
  color: #fff;
}
.subcribes-area2 .news-subcribe .subcribe-form .sub-btn {
  background: #ff3951;
  border: 2px solid #ff3951;
  transition: all 0.6s linear;
}
.subcribes-area2 .news-subcribe .subcribe-form .sub-btn:hover {
  background: transparent;
}

/*========= our-teams-area css  ========*/
.our-teams-area {
  padding: 112px 0px 117px;
}
.our-teams-area .team {
  padding-top: 135px;
}
.our-teams-area .team-item {
  text-align: center;
}
.our-teams-area .team-item .team-img {
  width: 234px;
  height: 234px;
  border-radius: 50%;
  background: #f1f2f4;
  position: relative;
  margin: 0 auto;
  position: relative;
  transition: all 0.6s linear;
  z-index: 1;
}
.our-teams-area .team-item .team-img img {
  max-width: 100%;
  position: absolute;
  left: 51%;
  transform: translateX(-50%);
  top: -40px;
}
.our-teams-area .team-item .social {
  position: relative;
  max-width: 162px;
  margin: 0 auto;
  transition: all 0.4s linear 0s;
  transform: translateY(-29px);
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
.our-teams-area .team-item .social:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 100px 150px 100px;
  border-color: transparent transparent #18adf1 transparent;
  -moz-border-radius: 0px 0px 91px 91px;
  border-radius: 0px 0px 100px 100px;
  position: absolute;
  z-index: -1;
  top: -125px;
  left: -20px;
}
.our-teams-area .team-item .social ul {
  max-width: 59px;
  margin: 0px auto;
  overflow: hidden;
}
.our-teams-area .team-item .social ul li {
  float: left;
}
.our-teams-area .team-item .social ul li a {
  font-size: 13px;
  padding-top: 3px;
  color: #fff;
  display: block;
}
.our-teams-area .team-item .social ul li + li {
  padding-left: 13px;
}
.our-teams-area .team-item .text {
  padding-top: 12px;
  position: relative;
  transition: all 0.4s linear 0s;
}
.our-teams-area .team-item .text:after {
  content: '';
  width: 28px;
  background: #18adf1;
  height: 3px;
  position: absolute;
  display: block;
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.4s linear 0s;
}
.our-teams-area .team-item .text h2 {
  font: 700 18px "Arimo", sans-serif;
  color: #0e2236;
  letter-spacing: 0.20px;
  transition: all 300ms linear 0s;
}
.our-teams-area .team-item .text p {
  color: #8e99a3;
}
.our-teams-area .team-item:hover .team-img {
  background: #18adf1;
}
.our-teams-area .team-item:hover .text {
  padding-top: 37px;
}
.our-teams-area .team-item:hover .text:after {
  top: 22px;
}
.our-teams-area .team-item:hover .text h2 {
  color: #18adf1;
}
.our-teams-area .team-item:hover .social {
  transform: translateY(0);
  visibility: visible;
  z-index: 0;
  opacity: 1;
}

/*====== our-teams2 css =====*/
.our-teams2 {
  background: #252833;
}
.our-teams2 .team-item .social:before {
  border-color: transparent transparent #ff3951 transparent;
}
.our-teams2 .team-item .text:after {
  background: #ff3951;
}
.our-teams2 .team-item .text h2 {
  color: #fff;
}
.our-teams2 .team-item:hover .team-img {
  background: #ff3951;
}
.our-teams2 .team-item:hover .text h2 {
  color: #ff3951;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*========= features-area css ========*/
.features-area {
  padding-bottom: 433px;
  position: relative;
  padding-top: 224px;
  z-index: 1;
}
.features-area:after {
  content: '';
  width: 100%;
  height: 100%;
  background: url("../img/features-bg.png") no-repeat scroll center bottom;
  top: 0;
  position: absolute;
  z-index: -1;
}
.features-area .features {
  padding-top: 95px;
}
.features-area .features .features-item {
  position: relative;
}
.features-area .features .features-item.items1 {
  padding-right: 33px;
  margin-top: 140px;
}
.features-area .features .features-item.items1:before {
  background: #2abaef;
}
.features-area .features .features-item.items1:after {
  background: #2abaef;
}
.features-area .features .features-item.items1, .features-area .features .features-item.items4 {
  padding-bottom: 224px;
}
.features-area .features .features-item.items1:before, .features-area .features .features-item.items4:before {
  content: '';
  width: 2px;
  height: 162px;
  display: block;
  position: absolute;
  left: 75px;
  bottom: 0;
}
.features-area .features .features-item.items1:after, .features-area .features .features-item.items4:after {
  content: '';
  width: 17px;
  height: 17px;
  background: #2abaef;
  display: block;
  border-radius: 50%;
  position: absolute;
  left: 68px;
  bottom: 0;
}
.features-area .features .features-item.items2, .features-area .features .features-item.items3 {
  padding-bottom: 144px;
}
.features-area .features .features-item.items2:before, .features-area .features .features-item.items3:before {
  content: '';
  width: 2px;
  height: 98px;
  display: block;
  position: absolute;
  left: 99px;
  bottom: 0;
}
.features-area .features .features-item.items2:after, .features-area .features .features-item.items3:after {
  content: '';
  width: 17px;
  height: 17px;
  background: #2abaef;
  display: block;
  border-radius: 50%;
  position: absolute;
  left: 92px;
  bottom: 0;
}
.features-area .features .features-item.items2 {
  padding-right: 33px;
}
.features-area .features .features-item.items2:before {
  background: #ff536d;
}
.features-area .features .features-item.items2:after {
  background: #ff536d;
}
.features-area .features .features-item.items3 {
  padding-left: 23px;
}
.features-area .features .features-item.items3:before {
  background: #9b78d2;
  left: auto;
  right: 99px;
}
.features-area .features .features-item.items3:after {
  background: #9b78d2;
  left: auto;
  right: 92px;
}
.features-area .features .features-item.items4 {
  padding-left: 33px;
  margin-top: 140px;
}
.features-area .features .features-item.items4:before {
  background: #0cbdaa;
  left: auto;
  right: 80px;
}
.features-area .features .features-item.items4:after {
  background: #0cbdaa;
  left: auto;
  right: 73px;
}
.features-area .features .features-item .r-icon {
  width: 61px;
  height: 61px;
  border-radius: 50%;
  font-size: 28px;
  text-align: center;
  line-height: 61px;
  position: relative;
  transition: all 0.7s linear;
}
.features-area .features .features-item .r-icon:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  top: 0;
  left: 0;
  border-radius: 50%;
  border: 3px solid transparent;
  transition: transform 0.36s ease 0s, opacity 0.5s ease 0s;
}
.features-area .features .features-item .r-icon.icon1 {
  border: 1px solid #2abaef;
  color: #2abaef;
}
.features-area .features .features-item .r-icon.icon2 {
  border: 1px solid #ff536d;
  color: #ff536d;
}
.features-area .features .features-item .r-icon.icon3 {
  border: 1px solid #9b78d2;
  color: #9b78d2;
}
.features-area .features .features-item .r-icon.icon4 {
  border: 1px solid #0cbdaa;
  color: #0cbdaa;
}
.features-area .features .features-item h2 {
  font: 700 20px "Arimo", sans-serif;
  letter-spacing: 0.60px;
  color: #3f4c5c;
  padding-top: 24px;
  padding-bottom: 20px;
}
.features-area .features .features-item p {
  font: 400 14px/22px "Arimo", sans-serif;
  letter-spacing: 0.60px;
  color: #7e8fa3;
}
.features-area .features .features-item:hover .r-icon {
  color: #fff;
}
.features-area .features .features-item:hover .r-icon:after {
  opacity: 0;
  transform: scale(0.6);
}
.features-area .features .features-item:hover .icon1 {
  background: #2abaef;
}
.features-area .features .features-item:hover .icon1:after {
  border: 5px solid #2abaef;
}
.features-area .features .features-item:hover .icon2 {
  background: #ff536d;
}
.features-area .features .features-item:hover .icon2:after {
  border: 5px solid #ff536d;
}
.features-area .features .features-item:hover .icon3 {
  background: #9b78d2;
}
.features-area .features .features-item:hover .icon3:after {
  border: 5px solid #9b78d2;
}
.features-area .features .features-item:hover .icon4 {
  background: #0cbdaa;
}
.features-area .features .features-item:hover .icon4:after {
  border: 5px solid #0cbdaa;
}

/*======= features2-area css =======*/
.features2-area {
  background: #252833;
}
.features2-area:after {
  background: url(../img/features-bg2.png) no-repeat scroll center bottom;
}
.features2-area .section2-tittle h3 {
  color: #fff;
}
.features2-area .section2-tittle p {
  color: #8e99a3;
}
.features2-area .features .features-item h2 {
  color: #fff;
}
.features2-area .features .features-item p {
  color: #b5b7ba;
}

/*====== video-area css ======*/
.video-area {
  background: url(../img/video-bg.jpg) no-repeat scroll center 0;
  background-size: cover;
  padding: 96px 0px 100px;
}
.video-area .video-content {
  max-width: 730px;
  margin: 0 auto;
  text-align: center;
}
.video-area .video-content .text {
  border-bottom: 1px solid #3dcbff;
  padding-bottom: 31px;
}
.video-area .video-content .text h2 {
  font: 700 28px/30px "Arimo", sans-serif;
  color: #1d2125;
  letter-spacing: 0.20px;
  
  padding-bottom: 25px;
}
.video-area .video-content .text h2 span {
  color: #fff;
  text-decoration: underline;
}
.video-area .video-content .text h3 {
  font: 700 28px/30px "Arimo", sans-serif;
  color: #fff;
  letter-spacing: 0.20px;
}
.video-area .video-content h5 {
  font: 700 18px/26px "Arimo", sans-serif;
  color: #fff;
  
  padding: 32px 0px 45px;
}
.video-area .video-content .video-js {
  width: 100%;
  height: 392px;
}
.video-area .video-content .video-js .vjs-poster {
  background-size: cover;
}
.video-area .video-content .video-js .vjs-big-play-button {
  width: 166px;
  height: 166px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 110px;
  line-height: 160px;
  color: #ad98a3;
  border: 5px solid #ad98a3;
}

/*====== video-area2 css ======*/
.video-area2 {
  background: url(../img/video-bg2.jpg) no-repeat scroll center 0;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.video-area2:before {
  width: 100%;
  height: 100%;
  background: #0e2236;
  opacity: 0.90;
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  position: absolute;
}
.video-area2 .video-content h5 {
  padding: 5px 0px 52px;
}

.video3 {
  background: url(../img/vedio-img2.jpg) no-repeat scroll center 0;
  background-size: cover;
}
.video3:before {
  background: #2b2f3e;
  opacity: 0.60;
}

.video-area4 {
  background: url(../img/vedio-img4.jpg) no-repeat scroll center 0;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.video-area4:before {
  background: #2b2f3e;
  opacity: 0.90;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.video-area4 .video-content .text {
  border-color: #495068;
}
.video-area4 .video-content .text h2 {
  color: #fff;
}
.video-area4 .video-content .text h2 span {
  color: #2abaef;
}

/*======= extra-features-area css =======*/
.extra-features-area {
  overflow: hidden;
}
.extra-features-area .extra-features-left {
  width: calc(50% - 82px);
  float: left;
  display: flex;
  background: #f1f2f4;
  min-height: 749px;
  padding-left: 50px;
  padding-right: 57px;
}
.extra-features-area .extra-features-left .e-f-img {
  align-self: center;
}
.extra-features-area .extra-features-right {
  width: calc(50% + 82px);
  float: right;
  background: url("../img/pattern-bg.jpg") no-repeat scroll center 0;
  background-size: cover;
  align-self: center;
  padding: 91px 0px 92px;
  min-height: 749px;
}
.extra-features-area .extra-features-right .features-details {
  max-width: 652px;
  margin-left: 0;
  margin-right: auto;
  padding-left: 60px;
  color: #fff;
}
.extra-features-area .extra-features-right .features-details h2 {
  font: 400 40px "Arimo", sans-serif;
  letter-spacing: 0.20px;
  padding-bottom: 32px;
}
.extra-features-area .extra-features-right .features-details h2 span {
  font-weight: 700;
}
.extra-features-area .extra-features-right .features-details p {
  color: #fff;
  line-height: 26px;
  letter-spacing: 0.20px;
}
.extra-features-area .extra-features-right .features-details ul {
  padding-top: 40px;
}
.extra-features-area .extra-features-right .features-details ul li .media .media-left {
  padding-right: 20px;
}
.extra-features-area .extra-features-right .features-details ul li .media .media-left i {
  font-size: 24px;
  width: 55px;
  height: 55px;
  border: 3px solid #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 48px;
}
.extra-features-area .extra-features-right .features-details ul li .media .media-body {
  vertical-align: middle;
  padding-top: 14px;
}
.extra-features-area .extra-features-right .features-details ul li .media .media-body h2 {
  font-size: 22px;
  line-height: 26px;
  padding-bottom: 12px;
  font-weight: 700;
}
.extra-features-area .extra-features-right .features-details ul li .media .media-body p {
  padding-right: 48px;
}
.extra-features-area .extra-features-right .features-details ul li + li {
  padding-top: 15px;
}

.e-f-bg .extra-features-left {
  background: #2b2f3e;
}
.e-f-bg .extra-features-right {
  background: url("../img/pattern-bg2.jpg") no-repeat scroll center 0;
  background-size: cover;
}

/*======== app-features-area2 css =========*/
.app-features-area2 {
  padding: 112px 0px 115px;
}
.app-features-area2 .section3-tittle {
  padding-bottom: 104px;
}
.app-features-area2 .app-features {
  position: relative;
  z-index: 1;
}
.app-features-area2 .app-features:after {
  content: '';
  background: url("../img/features-icon/shape-left.png") no-repeat;
  width: 101%;
  position: absolute;
  height: 340px;
  top: 89px;
  display: block;
  left: 0px;
  z-index: -1;
}
.app-features-area2 .features-item {
  padding-top: 48px;
}
.app-features-area2 .features-item ul li .media {
  max-width: 327px;
}
.app-features-area2 .features-item ul li .media .media-left {
  padding-right: 18px;
}
.app-features-area2 .features-item ul li .media .media-left .img {
  width: 74px;
  height: 74px;
  border-radius: 50%;
  background: #18adf1;
  text-align: center;
  line-height: 74px;
}
.app-features-area2 .features-item ul li .media .media-body {
  padding-top: 25px;
}
.app-features-area2 .features-item ul li .media .media-body h2 {
  font: 700 18px "Arimo", sans-serif;
  color: #3f4c5c;
  letter-spacing: 0.40px;
  padding-bottom: 12px;
}
.app-features-area2 .features-item ul li .media .media-body p {
  font: 400 14px/24px "Arimo", sans-serif;
  letter-spacing: 0.14px;
  color: #6d7882;
}
.app-features-area2 .features-item ul li:nth-child(2) {
  padding-left: 74px;
}
.app-features-area2 .features-item ul li:nth-child(3) {
  padding-left: 148px;
}
.app-features-area2 .features-item ul li + li {
  padding-top: 37px;
}
.app-features-area2 .features-item-right ul li {
  overflow: hidden;
}
.app-features-area2 .features-item-right ul li .media {
  text-align: right;
  float: right;
}
.app-features-area2 .features-item-right ul li .media .media-left {
  padding-right: 0px;
  padding-left: 18px;
}
.app-features-area2 .features-item-right ul li:nth-child(2) {
  padding-right: 74px;
  padding-left: 0;
}
.app-features-area2 .features-item-right ul li:nth-child(3) {
  padding-right: 148px;
  padding-left: 0;
}

/*======= app-feature3 css =======*/
.app-feature3 {
  background: #252833;
}
.app-feature3 .features-item ul li .media .media-left .img {
  background: #2b2f3e;
}
.app-feature3 .features-item ul li .media .media-body h2 {
  color: #fff;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*======= footer area css =======*/
.footer-area {
  position: relative;
  z-index: 1;
}
.footer-area:after {
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-image: -moz-linear-gradient(32deg, rgba(46, 32, 102, 0.949) 0%, rgba(65, 44, 141, 0.949) 56%, rgba(65, 44, 141, 0.949) 100%);
  background-image: -webkit-linear-gradient(32deg, rgba(46, 32, 102, 0.949) 0%, rgba(65, 44, 141, 0.949) 56%, rgba(65, 44, 141, 0.949) 100%);
  background-image: -ms-linear-gradient(32deg, rgba(46, 32, 102, 0.949) 0%, rgba(65, 44, 141, 0.949) 56%, rgba(65, 44, 141, 0.949) 100%);
  z-index: 0;
}
.footer-area .footer-top {
  background: url(../img/footer-bg.jpg) no-repeat scroll center 0;
  background-size: cover;
  padding: 100px 0px;
}
.footer-area .footer-top .footer-top-content {
  max-width: 750px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.footer-area .footer-top .footer-top-content .logo {
  text-align: center;
  padding: 113px 0px 54px;
}
.footer-area .footer-top .footer-top-content .social-icon {
  max-width: 453px;
  margin: 0 auto;
  padding-top: 40px;
  border-top: 1px solid #45378b;
  overflow: hidden;
}
.footer-area .footer-top .footer-top-content .social-icon li {
  float: left;
}
.footer-area .footer-top .footer-top-content .social-icon li a {
  font-size: 28px;
  width: 39px;
  height: 39px;
  background: #507fa7;
  color: #fff;
  display: block;
  text-align: center;
  line-height: 42px;
  opacity: 0.30;
  transition: all 0.6s ease 0s;
}
.footer-area .footer-top .footer-top-content .social-icon li + li {
  margin-left: 20px;
}
.footer-area .footer-top .footer-top-content .social-icon li:nth-child(1) a {
  background: #50abf1;
}
.footer-area .footer-top .footer-top-content .social-icon li:nth-child(2) a {
  background: #2f4f6e;
}
.footer-area .footer-top .footer-top-content .social-icon li:nth-child(3) a {
  background: #0084b1;
}
.footer-area .footer-top .footer-top-content .social-icon li:nth-child(5) a {
  background: #dd4b39;
  color: #140e31;
  font-size: 22px;
}
.footer-area .footer-top .footer-top-content .social-icon li:nth-child(6) a {
  background: #3a559f;
  color: #140e31;
}
.footer-area .footer-top .footer-top-content .social-icon li:nth-child(7) a {
  background: #e12c92;
}
.footer-area .footer-top .footer-top-content .social-icon li:nth-child(8) a {
  background: #466ca3;
}
.footer-area .footer-top .footer-top-content .social-icon li:hover a {
  opacity: 1;
  color: #fff;
}
.footer-area .footer-bottom {
  background: #332b6f;
  padding: 24px 0px;
  position: relative;
  z-index: 1;
}
.footer-area .copy-right {
  text-align: center;
}
.footer-area .copy-right p {
  font: 400 13px/22px "Roboto", sans-serif;
  color: #8b9ea9;
  letter-spacing: 0.20px;
}
.footer-area .copy-right p span {
  color: #ff8401;
  font-size: 12px;
}
.footer-area .copy-right p a {
  
  color: #fff;
}
.footer-area .copy-right p .f-b {
  display: none;
}

.subcribe-form {
  position: relative;
}
.subcribe-form .form-control {
  max-width: 459px;
  min-height: 73px;
  padding: 0px;
  font: 400 18px/40px "Arimo", sans-serif;
  letter-spacing: 0.60px;
  color: #7e8fa3;
  float: left;
  background: none;
  border: 1px solid #fff;
  box-shadow: none;
  border-radius: 0px;
  padding-left: 61px;
  text-transform: capitalize;
}
.subcribe-form .form-control.placeholder {
  color: #7e8fa3;
}
.subcribe-form .form-control:-moz-placeholder {
  color: #7e8fa3;
}
.subcribe-form .form-control::-moz-placeholder {
  color: #7e8fa3;
}
.subcribe-form .form-control::-webkit-input-placeholder {
  color: #7e8fa3;
}
.subcribe-form i {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  color: #7e8fa3;
  font-size: 18px;
  left: 31px;
}
.subcribe-form .sub-btn {
  max-width: 260px;
  min-height: 73px;
  font: 700 20px "Droid Serif", serif;
  color: #fff;
  width: 100%;
  border: 0;
  box-shadow: none;
  background: #ff8401;
  margin-left: 30px;
  border-radius: 3px;
  
  float: none;
}

/*========footer-area2 css======*/
.footer-area2:after {
  display: none;
}
.footer-area2 .footer-top {
  background: url(../img/footer-bg2.jpg) no-repeat scroll center 0;
  background-size: cover;
  padding-bottom: 70px;
}
.footer-area2 .footer-top .footer-top-content {
  text-align: center;
}
.footer-area2 .footer-top .footer-top-content .subcribe-form .form-control {
  border-radius: 40px;
  color: #f1f2f4;
}
.footer-area2 .footer-top .footer-top-content .subcribe-form .form-control.placeholder {
  color: #f1f2f4;
}
.footer-area2 .footer-top .footer-top-content .subcribe-form .form-control:-moz-placeholder {
  color: #f1f2f4;
}
.footer-area2 .footer-top .footer-top-content .subcribe-form .form-control::-moz-placeholder {
  color: #f1f2f4;
}
.footer-area2 .footer-top .footer-top-content .subcribe-form .form-control::-webkit-input-placeholder {
  color: #f1f2f4;
}
.footer-area2 .footer-top .footer-top-content .subcribe-form i {
  color: #f1f2f4;
}
.footer-area2 .footer-top .footer-top-content .subcribe-form .sub-btn {
  background: #2abaef;
  border-radius: 40px;
}
.footer-area2 .footer-top .footer-top-content .social-icon {
  border-top: 0px;
  background: #fff;
  padding: 17px 0px;
  margin-top: 5px;
  max-width: 578px;
  text-align: center;
  border-radius: 40px;
}
.footer-area2 .footer-top .footer-top-content .social-icon li {
  display: inline-block;
  float: none;
}
.footer-area2 .footer-top .footer-top-content .social-icon li + li {
  margin-left: 15px;
}
.footer-area2 .footer-top .footer-top-content .social-icon li:nth-child(5) a {
  line-height: 45px;
  color: #fff;
}
.footer-area2 .footer-top .footer-top-content .social-icon li:nth-child(6) a {
  color: #fff;
}
.footer-area2 .footer-top .footer-top-content .copy-right {
  padding-top: 10px;
}
.footer-area2 .footer-top .footer-top-content .copy-right p {
  color: #f1f2f4;
}
.footer-area2 .footer-top .footer-top-content .copy-right p span {
  color: #2abaef;
}
.footer-area2 .footer-top .footer-top-content .copy-right p a {
  color: #f1f2f4;
}

/*======== footer-area3 css ======*/
.footer-area3 {
  position: relative;
  background: url(../img/footer-bg-1.jpg) no-repeat scroll center 0;
  background-size: cover;
}
.footer-area3 .footer-top {
  padding: 95px 0px 70px;
}
.footer-area3 .footer-top .contact-form {
  max-width: 947px;
  margin: 0 auto;
}
.footer-area3 .footer-top .contact-form .section3-tittle h3 {
  color: #fff;
}
.footer-area3 .footer-top .contact-form .section3-tittle h3:before, .footer-area3 .footer-top .contact-form .section3-tittle h3:after {
  background: #fff;
}
.footer-area3 .footer-top .contact-form .contact {
  padding-top: 51px;
}
.footer-area3 .footer-top .contact-form .contact input {
  width: 100%;
  font: 400 14px/48px "Arimo", sans-serif;
  color: #6d7882;
  letter-spacing: 0.20px;
  background: #fff;
  border: 0px;
  border-radius: 8px;
  padding-left: 25px;
  outline: none;
  margin-bottom: 30px;
}
.footer-area3 .footer-top .contact-form .contact input.placeholder {
  color: #6d7882;
}
.footer-area3 .footer-top .contact-form .contact input:-moz-placeholder {
  color: #6d7882;
}
.footer-area3 .footer-top .contact-form .contact input::-moz-placeholder {
  color: #6d7882;
}
.footer-area3 .footer-top .contact-form .contact input::-webkit-input-placeholder {
  color: #6d7882;
}
.footer-area3 .footer-top .contact-form .contact .input-group {
  width: 100%;
  margin-bottom: 30px;
}
.footer-area3 .footer-top .contact-form .contact .input-group .selectpicker {
  width: 100%;
  border: 0px;
  padding-left: 22px;
  font: 400 14px/48px "Arimo", sans-serif;
  color: #6d7882;
  text-transform: capitalize;
  padding-top: 15px;
  padding-bottom: 17px;
  outline: none;
  border-radius: 8px;
}
.footer-area3 .footer-top .contact-form .contact .input-group .bootstrap-select .dropdown-toggle {
  background: #fff;
  box-shadow: none;
  border: 0px;
  outline: none;
  padding-left: 22px;
  padding-right: 23px;
  min-height: 50px;
  font: 400 14px/48px "Arimo", sans-serif;
  color: #6d7882;
  padding-top: 0px;
  padding-bottom: 0px;
  text-transform: capitalize;
  border-radius: 8px;
}
.footer-area3 .footer-top .contact-form .contact .input-group .bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}
.footer-area3 .footer-top .contact-form .contact .input-group .bootstrap-select .dropdown-toggle .bs-caret:before {
  content: "\f13a";
  font-size: 22px;
  color: #8e99a3;
  font: normal normal normal 22px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right: 23px;
  top: 14px;
}
.footer-area3 .footer-top .contact-form .contact .input-group .bootstrap-select .dropdown-toggle .caret {
  display: none;
}
.footer-area3 .footer-top .contact-form .contact .input-group .bootstrap-select .dropdown-menu li a {
  outline: none;
}
.footer-area3 .footer-top .contact-form .contact textarea {
  width: 100%;
  font: 400 14px/48px "Arimo", sans-serif;
  color: #6d7882;
  letter-spacing: 0.20px;
  background: #fff;
  border: 0px;
  border-radius: 8px;
  padding-left: 25px;
  min-height: 170px;
  outline: none;
}
.footer-area3 .footer-top .contact-form .contact textarea.placeholder {
  color: #6d7882;
}
.footer-area3 .footer-top .contact-form .contact textarea:-moz-placeholder {
  color: #6d7882;
}
.footer-area3 .footer-top .contact-form .contact textarea::-moz-placeholder {
  color: #6d7882;
}
.footer-area3 .footer-top .contact-form .contact textarea::-webkit-input-placeholder {
  color: #6d7882;
}
.footer-area3 .footer-top .contact-form .contact .best_contact_btn {
  border: 2px solid #fff;
  max-width: 200px;
  width: 100%;
  font: 700 18px/53px "Arimo", sans-serif;
  
  text-align: center;
  margin: 40px auto 0 auto;
  display: block;
  min-height: 53px;
  color: #fff;
  border-radius: 8px;
  transition: all 0.6s linear;
}
.footer-area3 .footer-top .contact-form .contact .best_contact_btn i {
  padding-right: 12px;
}
.footer-area3 .footer-top .contact-form .contact .best_contact_btn:hover {
  background: #18adf1;
  border-color: #fff;
}
.footer-area3 .footer-top .contact-form .contact .best_contact_btn:hover i {
  color: #fff;
}
.footer-area3 .footer-bottm {
  position: relative;
  padding: 70px 0px 100px;
}
.footer-area3 .footer-bottm .footer-contant {
  max-width: 365px;
  margin: 0 auto;
  text-align: center;
}
.footer-area3 .footer-bottm .footer-contant p {
  font: 400 13px/22px "Arimo", sans-serif;
  color: #fff;
  letter-spacing: 0.60px;
  padding: 21px 0px 34px;
}
.footer-area3 .footer-bottm .footer-contant p span {
  font-size: 12px;
  color: #18adf1;
  font-weight: 700;
  
}
.footer-area3 .footer-bottm .footer-contant p a {
  color: #fff;
  font-weight: 700;
  
  font-size: 12px;
}
.footer-area3 .footer-bottm .footer-contant .social-icon li {
  float: left;
}
.footer-area3 .footer-bottm .footer-contant .social-icon li a {
  width: 40px;
  height: 40px;
  background: #fff;
  display: block;
  border-radius: 8px;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  color: #18adf1;
  transition: all 0.6s linear;
}
.footer-area3 .footer-bottm .footer-contant .social-icon li + li {
  margin-left: 25px;
}
.footer-area3 .footer-bottm .footer-contant .social-icon li:hover a {
  background: #18adf1;
  color: #fff;
}

/*====== footer6 css =====*/
.footer6 {
  position: relative;
  background: url(../img/footer-bg-2.jpg) no-repeat scroll center 0;
  background-size: cover;
}
.footer6 .footer-top .contact-form .contact .best_contact_btn {
  transition: all 0.6s linear;
}
.footer6 .footer-top .contact-form .contact .best_contact_btn i {
  color: #ff3951;
  transition: all 0.6s linear;
}
.footer6 .footer-top .contact-form .contact .best_contact_btn:hover {
  background: #ff3951;
  border: 2px solid #ff3951;
}
.footer6 .footer-top .contact-form .contact .best_contact_btn:hover i {
  color: #fff;
}
.footer6 .footer-bottm .footer-contant p span {
  color: #ff3951;
}
.footer6 .footer-bottm .footer-contant .social-icon li a {
  color: #ff3951;
}
.footer6 .footer-bottm .footer-contant .social-icon li:hover a {
  background: #ff3951;
}

/*======= footer4 css =======*/
.footer4 .footer-top {
  background: url(../img/footer-bg4.jpg) no-repeat scroll center 0;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.footer4 .footer-top:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(43, 47, 62, 0.9);
  z-index: -1;
}

/*---------------------------------------------------- */

/*# sourceMappingURL=style.css.map */