/*
_____________________________________________________

  Geniux - Multipurpose One/Multi Page Template
  Version: 1.0
  Created By: Creativ3Design
  Support: team.creativ3design@gmail.com
  Last Update:  Monday, October 29, 2018
_____________________________________________________



---------- TABLE OF CONTENTS ----------

  00. Css Import
    00.1 Vendor Plugins Css
    00.2 Elements Css
    00.3 Shortcodes Demo Css (Blocks)

  01. Theme Default CSS
    01.1 Typography
    01.2 Dropcap - first-letter

  02. Commons
    02.1 Section Title
    02.2 Sliders Dark Caption
    02.3 Horizontal Rules
    02.4 Mockup Items

  03. Utils
    03.1 Animations
    03.2 Tooltip
    03.3 Bootstrap 1/5 Columns
    03.4 Shortcodes Sidebar

  04. Colors & Overlay
    04.1 Custom Background Colors
    04.2 Links Color
    04.3 Hero/Section span Color
    04.4 Overlay Settings
    04.5 Overlay Colors

  05. Tabs
    05.1 Nav Tabs
    05.2 Nav Tabs - bg-white
    05.3 Nav Tabs - bg-dark
    05.4 Nav Tabs - Nav Pills Centered

  06. Hero Settings
    06.1 Hero Fullscreen
    06.2 Hero - Vertical Align
    06.3 Hero Fullwidth-small
    06.4 Hero Particle (plugin)
    06.5 Hero Caption
    06.6 Hero Caption (left/right align)
    06.7 Page Headers - (Features)
    06.8 Page Header Breadcrumb
    06.9 Page Heading Colors
    06.10 Hero Gradient Backgrounds

  07. Section Settings

  08. Navbar Settings
    08.1 Navbar Affix Settings
    08.2 Navbar Bottom Fixed On Scroll
    08.3 Navbar Underline Animation
    08.4 Navbar With Top Bar
    08.5 Social Icon List

  09. Buttons
    09.1 Default Buttons
    09.2 Copy Button (shortcodes)
    09.3 Show Code Button (shortcodes)
    09.4 Geniux Buttons - Custom
    09.5 Geniux Buttons - Background Colors
    09.6 Slide Text Buttons
    09.7 Geniux Buttons - Size
    09.8 Reveal Icon Button

  10. Half-Page Settings (Split Section)
    10.1 Vertical Align
    10.2 Table Vertical Align

  11. Steps Timeline
  12. Lightbox - Hover Effect

  13. Sliders & Carousels
    13.1 Bootstrap Carousel Controls
    13.2 Flexslider - Gradient
    13.3 Owl Carousel - custom
    13.4 Owl Carousel - APPSLIDER (App Landing Page)
    13.5 Owl Carousel - Blog News Section
    13.6 Owl Carousel - Logo Carousel
    13.7 Owl Carousel - Testimonial Slider
    13.8 Owl Carousel - owlSlider1
    13.9 Owl Carousel - owlSlider2
    13.10 Owl Carousel - owlSlider3

  14. Features Blocks
    14.1 icons Size - lg/md/sm/xs
    14.2 Dashed Borders (Features)
    14.3 Icon Box

  15. Team

  16. Testimonials
    16.1 Testimonials Grid
    16.2 Testimonials Grid - two/three columns
    16.3 Testimonials Grid - two/three columns - Dashed Borders
    16.4 Testimonials Grid - two/three columns - Rounded Borders
    16.5 Testimonials Blockquote
    16.6 Testimonials Slider - Bootstrap

  17. Counters
    17.1 Default Counter
    17.2 Counter Size
    17.3 Counter-Up Section (creative-agency)
    17.4 Download Counter (app-landing-2)

  18. Pricing Box
  19. Price Table
  20. Blog
  21. Accordions
  22. ProgressBar v1.0 - css (plugin)
  23. Circle Progress Bar (Plugin)
  24. Flip Panels (Plugin)
  25. Timeline

  26. Call To Action
    26.1 Custom Cta
    26.2 Cta Buttons
    26.3 Cta Social Icons
    26.4 Cta Overlay

  27. Contact Form
  28. Bootstrap Subscribe Form
  29. Mailchimp Submit Form
  30. Footers



---------- END - TABLE OF CONTENTS ----------
*/


/* -------------------------------------------------------- */
/*  00. Css Import
/* -------------------------------------------------------- */

/* ---- 00.1 Vendor Plugins Css ---- */
@import 'vendor/bootstrap.css';
@import 'vendor/spinkit.css';
@import 'vendor/bootsnav.css';
@import 'vendor/animate.css';
@import 'vendor/plugins.css';
@import '../fonts/font-awesome/css/font-awesome.min.css';
@import '../fonts/et-linefont/css/style.css';

/* ---- 00.2 Elements Css ---- */
@import 'elements.css';

/* ---- 00.3 Blocks Shortcodes Css ---- */
@import 'shortcodes-demo.css';



/* ----------------------------------------------------------------------------- */
/*  01. Theme Default CSS
/* ----------------------------------------------------------------------------- */

html, body {
  margin:0px;
  padding:0px;
}
html{
  overflow-x: hidden;
  font-size:62.5%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  background: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: 300;
  color:#000000;
}

/* ---- 01.1 Typography ---- */
h1,h2,h3,h4,h5,h6 {
  margin-top: 0;
  position: relative;
  font-weight: 300;
  line-height: 1.1;
  color: inherit;
}
h1 {
  font-size: 4.6rem;
}
h2{
  font-size: 3.6rem;
  line-height: 1.2;
  margin-top: 0;
}
h3 {
  font-size: 2.8rem;
}
h4 {
  font-size: 20px;
  font-weight: 400;
}
h5{
  font-size: 1.6rem;
  font-weight: 400;
}
h6{
  font-size: 1.4rem;
}
p, pre, ul, ol, dl, dd, blockquote,
address, table, fieldset, form {
  margin-bottom: 30px;
}
p .lead {
  font-size: 15px;
  font-weight: 400;
  color: #808080;
}
blockquote {
  border-left: solid 4px #e5e5e5;
  font-size: 17px;
  font-style: italic;
  margin: 0 0 1em 0;
}
blockquote p {
  margin-bottom: 20px;
}
pre {
  padding: 15px 10px;
  margin-bottom: 0;
  border: solid 1px #ececec;
  background-color: rgba(238,238,238,0.30);
  color: #333;
  border-radius: 0px;
}
pre {
  word-break: break-all; /* webkit */
  word-wrap: break-word;
  white-space: pre;
  white-space: -moz-pre-wrap; /* fennec */
  white-space: pre-wrap;
  white-space: pre\9; /* IE7+ */
}
pre .btn-info {
  color: #fff;
  text-transform: uppercase;
  background-color: #3699eb;
  border-color: #3699eb;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
pre .btn-info:hover {
  color: #fff;
  background-color: #3eb0d6;
  border-color: #3eb0d6;
}
hr {
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  margin: 15px auto 20px;
}
iframe{
  border-width: 0px;
}

/* hr color */
.hr-dark {
  border: 0;
  border-bottom: 1px solid #444;
  margin: 15px auto 20px;
}
.hr-white {
  border: 0;
  border-bottom: 1px solid #fff;
  margin: 15px auto 20px;
}

/* ---- 01.2 Dropcap - first-letter ---- */
.geniux-dropcap {
  position: relative;
  float: left;
  margin-right: 10px;
  padding: 0;
  font-size: 45px;
  line-height: 48px;
  text-align: center;
  color: #fff;
  background-color: #435880;
  text-transform: uppercase;
}
.dropcap:first-letter {
  font-size: 5em;
  line-height: 0.9em;
  float: left;
  font-family: Times, serif;
  padding-right: 0.2em;
  margin-top: 2px;
}
.dropcap-square,
.dropcap-circle {
  width: 50px;
  height: 50px;
}
.dropcap-circle {
  border-radius: 50%;
}
.highlight {
  background-color: #5ea3dd;
  color: #fff;
  padding: 2px 5px;
  border-radius: 3px;
}
.gnx-border {
  padding: 25px 15px;
  border-radius: 6px;
  border: 1px solid #ececec;
}
.gnx-list a:hover,.gnx-list a:focus,
.gnx-title-list a:hover, .gnx-title-list a:focus {
  color: #435880;
}
.gnx-list li a:before {
    font-family: FontAwesome;
    content: "\f105";
    display: inline-block;
    padding-right: 15px;
}

/* ----------------------------------------------------------------------------- */
/*  02. Commons
/* ----------------------------------------------------------------------------- */

/* ---- 02.1 Section Title  ---- */
.top-heading {
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  bottom: -5px;
}
.gnx-heading-light {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.gnx-subheading {
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  opacity: 0.9;
  margin-bottom: 10px;
}
.section-heading-bold {
  font-weight: 700;
  position: relative;
  text-transform: uppercase;
}

/* Big title background */
.big-title-bg {
  font-size: 110px;
  position: absolute;
  top: -18px;
  font-weight: 900;
  color: #777777;
  text-transform: uppercase;
}

/* Big Title span */
.gx-heading span.big-title {
  font-size: 160px;
  font-weight: bold;
  color: #f8f8f8;
  margin: 0 0 -162px;
  padding: 0 20px;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  cursor: default;
}

/* Intro Title h1 */
.gx-heading h1 {
  font-size: 48px;
  font-weight: 300;
  position: relative;
}
.gx-heading h1.gx-top {
  margin-top: -100px;
}

/* Intro Title h2 */
.gx-heading h2.gx-top {
  margin-top: -95px;
  position: relative;
}

/* ---- Device Wrapper ---- */
.device-wrapper .device-content img {
  margin: 0 auto;
}

/* Tour Info (travel-agengy) */
.tour-info {
  width: 100%;
  height: 85px;
  padding:15px 15px 0;
  margin-bottom: 50px;
  border: 1px solid #e5e5e5;
}
.tour-destination {
  float: left;
}
.tour-price {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  float: right;
  line-height: 10px;
}
.checked {
  color: orange;
}

/* ---- 02.2 Sliders Dark Caption ---- */
.hero-caption.dark-caption h1,
.hero-caption.dark-caption h2,
.hero-caption.dark-caption h3,
.hero-caption.dark-caption h4,
.hero-caption.dark-caption h5,
.hero-caption.dark-caption p,
.hero-caption.dark-caption i,
.slider-caption.dark-caption h1,
.slider-caption.dark-caption h2,
.slider-caption.dark-caption h3,
.slider-caption.dark-caption h4,
.slider-caption.dark-caption h5,
.slider-caption.dark-caption p,
.slider-caption.dark-caption i {
  color: #444;
}

/* Iphone-X */
@media (max-width: 812px) {
  .slider-caption h1,
  .hero-caption h1,
  .slick-caption h1 {
    font-size: 45px!important;
    line-height: 1;
    margin-bottom: 10px;
  }
  .slider-caption h3,
  .hero-caption h3,
  .slick-caption h3 {
    font-size: 25px!important;
    margin-top: 0!important;
    line-height: normal;
  }
  .slider-caption p,
  .hero-caption p,
  .slick-caption p {
    font-size: 16px!important;
  }
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
  .slider-caption h1,
  .hero-caption h1,
  .slick-caption h1 {
    font-size: 55px!important;
    line-height: normal;
    margin-top: 20px;
  }
  .slider-caption h2,
  .hero-caption h2,
  .slick-caption h2, {
    font-size: 44px;
    margin-bottom: 10px;
  }
}
/* Portrait phones and smaller */
@media (max-width: 480px) {
  .slider-caption h1,
  .hero-caption h1,
  .slick-caption h1 {
    font-size: 50px!important;
    line-height: 1;
    margin-bottom: 10px;
    margin-top: 10px!important;
  }
  .slider-caption h2,
  .hero-caption h2,
  .slick-caption h2 {
    font-size: 38px;
    line-height: 42px;
    margin-top: 0;
  }
  .slider-caption h2::after,
  .hero-caption h2::after,
  .slick-caption h2:after  {
    height: 3px;
    margin: 20px auto;
  }
  .slider-caption h3,
  .hero-caption h3,
  .slick-caption h3 {
    font-size: 22px!important;
    margin-top: 0!important;
    line-height: normal;
  }
}
/* Iphone-X */
@media (max-width: 375px) {
  .slider-caption h1,
  .hero-caption h1,
  .slick-caption h1 {
    margin-top: 25px;
  }
}
/* Old phones and smaller */
@media (max-width: 320px) {
  .slider-caption h1,
  .hero-caption h1,
  .slick-caption h1 {
    font-size: 40px!important;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 10px;
  }
  .slider-caption h2,
  .hero-caption h2,
  .slick-caption h2 {
    font-size: 34px;
    line-height: 40px;
  }
  .slider-caption h2::after,
  .hero-caption h2::after,
  .slick-caption h2::after {
    height: 2px;
    margin: 15px auto;
  }
  .slider-caption h3,
  .hero-caption h3,
  .slick-caption h3 {
    font-size: 22px!important;
    line-height: normal;
  }
}

/* ---- 02.3 Horizontal Rules ---- */
hr.hr-small {
  width: 100px;
  margin: 10px auto 20px;
}
hr.hr-xsmall {
  width: 50px;
  margin: 10px auto 20px;
}
.hr-full {
  position: relative;
  height: 1px;
  margin-bottom: 20px;
}
.hr-full hr {
  width: 3000px;
  position: absolute;
  top: 0;
  left: -1000px;
}
hr.hr-left {
  margin-left: 0;
}
hr.hr-right {
  margin-right: 0;
}
hr.hr-white {
  border-bottom: solid 1px #FFF;
}
hr.hr-color {
  border-bottom: solid 1px #435880;
}
hr.hr-gradient {
  background-image: -webkit-linear-gradient(left, transparent, #e5e5e5, transparent);
  background-image: linear-gradient(to right, transparent, #e5e5e5, transparent);
  height: 1px;
  margin: 25px 0;
  border: 0;
}
hr.hr-gradient.hr-color {
  background-image: -webkit-linear-gradient(left, transparent, #435880, transparent);
  background-image: linear-gradient(to right, transparent, #435880, transparent);
}

@media (max-width: 768px) {
  hr.hr-right.xs-center,
  hr.hr-left.xs-center {
    margin: 10px auto 20px;
  }
}

/* Horizontal Rules - Center Arrow Icon */

/* Divider Icon */
.divider-icon {
  text-align: center;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
}
.divider-icon::before, .divider-icon::after {
  width: 42%;
  height: 1px;
  border-top: 1px solid #e5e5e5;
  display: inline-block;
  content:'';
  padding-top: 0.5em;
  margin-left: 2%;
  margin-right: 2%;
  margin-top: 0;
}
.divider-icon i {
  position: relative;
  top: -3px;
}
.divider-icon.divider-primary i {
  color: #435880;
}
.divider-icon.divider-success i {
  color: #5cb85c;
}
.divider-icon.divider-info i {
  color: #5bc0de;
}
.divider-icon.divider-warning i {
  color: #f0ad4e;
}
.divider-icon.divider-danger i {
  color: #d9534f;
}

/* Divider Circle/Square Small */
.section-header {
  margin-bottom: 50px;
}
.section-header .divider-circle-small,
.section-header .divider-square-small {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.section-header h2, .section-header h3, .section-header h4, .section-header h5, .section-header h6 {
  margin: 0;
}
.divider-icon-small {
  width: 70px;
  position: relative;
  margin: 10px auto 15px;
}
.divider-icon-small:before {
  content: "";
  width: 100px;
  height: 1px;
  background: #ececec;
  position: absolute;
  top: 17px;
  left: -95px;
}
.divider-icon-small:after {
  content: "";
  width: 100px;
  height: 1px;
  background: #ececec;
  position: absolute;
  top: 17px;
  right: -95px;
}
.divider-icon-small i {
  font-size: 24px;
  position: relative;
  top: 5px;
}

/* icon white */
.icon-light i {
  color: #fff;
}
.icon-light:before, .icon-light:after {
  background: #fff;
}

/* icon dark */
.icon-dark i {
  color: #cecece;
}
.icon-dark:before, .icon-dark:after {
  background: #cecece;
}

/* Divider Circle Small */
.divider-circle-small:before {
  content: "";
  position: absolute;
  width: 140px;
  bottom: 0;
  left: 50%;
  margin-left: -70px;
  height: 1px;
  background: #ececec;
}
.divider-circle-small:after {
  content: "";
  position: absolute;
  width: 19px;
  height: 19px;
  bottom: -9px;
  left: 50%;
  margin-left: -12px;
  border: 5px solid #fff;
  border-radius: 20px;
  background: #435880;
}

/* Divider Square Small */
.divider-square-small:before {
  content: "";
  position: absolute;
  width: 140px;
  bottom: 0;
  left: 50%;
  margin-left: -70px;
  height: 1px;
  background: #ececec;
}
.divider-square-small:after {
  content: "";
  position: absolute;
  width: 19px;
  height: 19px;
  bottom: -9px;
  left: 50%;
  margin-left: -12px;
  border: 5px solid #fff;
  background: #435880;
}

/* Outline Border White */
.outlined {
  border: 3px solid rgba(255,255,255,0.7);
  width: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  padding: 15px 40px;
  margin: 0 auto;
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}

/* Outline Border Dark */
.outlined-dark {
  border: 3px solid rgba(68,68,68,0.7);
  width: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  padding: 15px 40px;
  margin: 0 auto;
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}

/* Border-left dark */
.border-l {
  border-left: 2px solid #666;
  padding-left: 15px;
}

/* ---- 02.4 Mockup Items ---- */
.mockup-items {
  position: relative;
  width: 100%;
  min-height: 440px;
  overflow: hidden;
}
.mockup-items li {
  position: absolute;
  list-style: none;
}
.mockup-items li.mockup-1-back{
  top: 35px;
  left: 90px;
}
.mockup-items li.mockup-front{
  top: 0;
  left: calc(50% - 125px);
  z-index: 99;
}
.mockup-items li.mockup-2-back{
  top: 35px;
  right: 90px;
}


/* ----------------------------------------------------------------------------- */
/*  03. Utils
/* ----------------------------------------------------------------------------- */

/* ---- 03.1 Animations ---- */
.gnx-animation{
  opacity: 0;
}
.gnx-animation.animated{
  opacity: 1;
}
.gnx-animation {
  opacity: 0; animation-play-state: paused;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-play-state: running;
}
.delay-05s {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.delay-1.5s {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.custom-list span {
  color: inherit;
  float: right;
  font-weight: 600;
  color: #435880;
}

/* ---- 03.2 Tooltip ---- */
.tooltip-inner {
  max-width: 300px;
  overflow: hidden;
}
.tooltip-inner img {
  width: 300px;
  margin: 4px 0;
}

/* ---- 03.3 Bootstrap 1/5 Columns ---- */
.portfolio-1-5 {
  padding: 0 5px;
}
.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1-5 {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-1-5 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-1-5 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-1-5 {
    width: 20%;
    float: left;
  }
}

/* ---- 03.4 Shortcodes Sidebar ---- */
aside ul.nav-list > li > a {
  color: #666;
  font-size: 14px;
  padding: 8px 0 8px 18px;
}
.sidebar ul.nav-list li a:before {
  font-family: 'FontAwesome';
  float: left;
  content: "\f0da";
  margin-top: 2px;
  margin-right: 7px;
  font-size: 12px;
  color: #cecece;
}
.sidebar ul.nav-list li a {
  border-bottom: 1px solid #ececec;
}

.sidebar ul.nav-list li.nav-item a.active-link,
.sidebar ul.nav-list li.nav-item a:hover {
  color: #435880;
}

/* ----------------------------------------------------------------------------- */
/*  04. Colors & Overlay
/* ----------------------------------------------------------------------------- */


/* ---- 04.1 Custom Background Colors ---- */

/* Default */
.bg-primary {
  background-color: #435880;
  color: #FFF;
}
.bg-success {
  background-color: #5cb85c;
  color: #FFF;
}
.bg-info {
  background-color: #5bc0de;
  color: #FFF;
}
.bg-warning {
  background-color: #f0ad4e;
  color: #FFF;
}
.bg-danger {
  background-color: #d9534f;
  color: #FFF;
}

/* Custom */
.bg-white {
  background-color: #fff!important;
}
.bg-dark {
  background-color: #2e2c2d;
}
.bg-gray {
  background: #f6f6f6;
}
.bg-blue {
  background-color: #0e3354;
  border-color: #0e3354;
}
.bg-blue-gray {
  background-color: #3a5063;
}
.bg-light-blue {
  background: #ebf0f2;
}
.aliceblue {
  background: #f0f8ff;
}

/* ---- 04.2 Links Color ---- */
a {
  color: #666;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a:focus, a:hover, a:active {
  outline: 0;
  cursor:pointer;
  text-decoration:none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* ---- 04.3 Hero/Section span Color ---- */
.hero span,.slider-caption span, section span, footer span {
  color: #435880;
}
.tlt span {
  color: #666;
}
span.blue {
  color: #00325d;
}

/* ---- 04.4 Overlay Settings ---- */
.overlay,
.geniux-overlay:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/* ---- 04.5 Overlay Colors ---- */

/* overlay dark */
.dark--9 {
  background-color: rgba(17, 17, 17, 0.9);
}
.dark--8 {
  background-color: rgba(17, 17, 17, 0.8);
}
.dark--7 {
  background-color: rgba(17, 17, 17, 0.7);
}
.dark--6 {
  background-color: rgba(17, 17, 17, 0.6);
}
.dark--5 {
  background-color: rgba(17, 17, 17, 0.5);
}
.dark--4 {
  background-color: rgba(17, 17, 17, 0.4);
}
.dark--3 {
  background-color: rgba(17, 17, 17, 0.3);
}
.dark--2 {
  background-color: rgba(17, 17, 17, 0.2);
}

/* overlay white */
.white--9 {
  background-color: rgba(255, 255, 255, 0.9);
}
.white--8 {
  background-color: rgba(255, 255, 255, 0.8);
}
.white--7 {
  background-color: rgba(255, 255, 255, 0.7);
}
.white--6 {
  background-color: rgba(255, 255, 255, 0.6);
}
.white--5 {
  background-color: rgba(255, 255, 255, 0.5);
}
.white--4 {
  background-color: rgba(255, 255, 255, 0.4);
}
.white--3 {
  background-color: rgba(255, 255, 255, 0.3);
}
.white--2 {
  background-color: rgba(255, 255, 255, 0.2);
}

/* overlay blue default */
.blue--9 {
  background-color: rgba(33, 61, 74, 0.9);
}
.blue--8 {
  background-color: rgba(33, 61, 74, 0.8);
}
.blue--7 {
  background-color: rgba(33, 61, 74, 0.7);
}
.blue--6 {
  background-color: rgba(33, 61, 74, 0.6);
}
.blue--5 {
  background-color: rgba(33, 61, 74, 0.5);
}
.blue--4 {
  background-color: rgba(33, 61, 74, 0.4);
}
.blue--3 {
  background-color: rgba(33, 61, 74, 0.3);
}
.blue--9 {
  background-color: rgba(33, 61, 74, 0.9);
}

/* overlay blue primary */
.primary--8 {
  background-color: rgba(11, 83, 115, 0.8);
}
.primary--7 {
  background-color: rgba(11, 83, 115, 0.7);
}
.primary--6 {
  background-color: rgba(11, 83, 115, 0.6);
}
.primary--5 {
  background-color: rgba(11, 83, 115, 0.5);
}
.primary--4 {
  background-color: rgba(11, 83, 115, 0.4);
}
.primary--3 {
  background-color: rgba(11, 83, 115, 0.3);
}


/* ----------------------------------------------------------------------------- */
/*  05. Tabs
/* ----------------------------------------------------------------------------- */

/* ---- 05.1 Nav Tabs ---- */
.gnx-nav-tabs {
  border: none;
}
.gnx-nav-tabs li a {
  font-weight: 400;
  opacity: 0.7;
  border-bottom: 2px solid transparent;
}

/* ---- 05.2 Nav Tabs - bg-white ---- */
.gnx-nav-tabs>li.active>a,
.gnx-nav-tabs>li.active>a:focus,
.gnx-nav-tabs>li.active>a:hover {
  color: #555;
  opacity: 1;
  cursor: default;
  background-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom: 2px solid #5da9eb;
}
.gnx-nav-tabs>li>a:hover {
  border-color: transparent;
  border-bottom: 2px solid #5da9eb;
  background-color: transparent;
  color: inherit;
}

/* ---- 05.3 Nav Tabs - bg-dark ---- */
.gnx-nav-tabs.bg-dark li a {
  font-weight: 400;
  color: #fff;
  opacity: 0.7;
  border-bottom: 2px solid transparent;
}
.gnx-nav-tabs.bg-dark li a:hover,
.gnx-nav-tabs.bg-dark li a:focus {
  opacity: 1;
}
.gnx-nav-tabs.bg-dark>li.active>a,
.gnx-nav-tabs.bg-dark>li.active>a:focus,
.gnx-nav-tabs.bg-dark>li.active>a:hover {
  color: #fff;
  opacity: 1;
  cursor: default;
  background-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom: 2px solid #5da9eb;
}
.gnx-nav-tabs.bg-dark .tab-content.bg-dark .tab-pane .icon-box a {
  color: #fff!important;
}
.gnx-nav-tabs>li>a:focus, .gnx-nav-tabs>li>a:hover {
  text-decoration: none;
  background-color: transparent;
}

/* ---- 05.4 Nav Tabs - Nav Pills Centered ---- */
.nav-tabs.centered > li, .nav-pills.centered > li {
  float:none;
  display:inline-block;
  *display:inline; /* ie7 fix */
  zoom:1; /* hasLayout ie7 trigger */
}
.nav-tabs.centered, .nav-pills.centered {
  text-align:center;
}
.nav-tabs.centered li a, .nav-pills.centered li a{
  padding: 10px;
}

/* ----------------------------------------------------------------------------- */
/*  06. Hero Settings
/* ----------------------------------------------------------------------------- */

/* ---- 06.1 Hero Fullscreen ---- */
.hero {
  width: 100%;
  height: 100%;
  padding: 0;
  background-color: #2f383d;
}
.hero-fluid {
  width: 100%!important;
}
.hero.bg-dark {
  background: #222;
}

/* ---- 06.2 Hero - Vertical Align ---- */
#hero{
  background-size:cover;
  position:relative;
  width: 100%!important;
  height: 100vh;
  display:-webkit-box;  /* OLD - iOS 6-, Safari 3.1-6 */
  display:-moz-box;     /* OLD - Firefox 19- (buggy but mostly works) */
  display:-ms-flexbox;  /* TWEENER - IE 10 */
  display:-webkit-flex; /* NEW - Chrome */
  display:flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-direction:normal;
  -moz-box-direction:normal;
  -webkit-box-orient:vertical;
  -moz-box-orient:vertical;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -moz-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
}

/* Hero Caption - Vertical Align */
#hero .hero-caption .container {
  display: table;
}
#hero .hero-caption .row {
  display: table-cell;
  margin: 0;
  padding: 0;
  vertical-align: middle!important;
}
/* Brand Size */
.gnx-brand {
  font-size: 1.6em;
  color: #435880;
  font-weight: 400;
  text-transform: uppercase;
}

/* ---- 06.3 Hero Fullwidth-small - (300px Height) ---- */
.hero.fullwidth-small {
  width: 100%;
  height: 300px!important;
}

/* Landscape phones and portrait tablets */
@media (min-width: 800px) {
  .hero.fullwidth {
    width: 100%;
    height: 550px!important;
  }
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
  .hero.fullwidth {
    width: 100%;
    height: 400px!important;
  }
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
  .hero.fullwidth {
    width: 100%;
    height: 400px!important;
  }
}
/* Portrait phones and smaller */
@media (max-width: 480px) {
  .hero.fullwidth {
    width: 100%;
    height: 320px!important;
  }
}
@media only screen and (max-width: 1140px) {
  /* Display Fixed Images On IOS Safari Mobile */
  .hero, .hero.fullwidth, .slide-1, .slide-2, .slide-3 {
    background-attachment: scroll !important;
    background-position: top !important;
  }
}
@media (max-width: 812px) {
  .hero .slider-caption,.item .hero-caption, .kenburn-slider .flex-caption {
  margin-top: 25px;
  }
}

/* ---- 06.4 Hero Particle (plugin) ---- */
.count-particles{
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: .8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.js-count-particles{
  font-size: 1.1em;
}
#stats,
.count-particles{
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}
#stats{
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}
.count-particles{
  border-radius: 0 0 3px 3px;
}

/* ---- particles.js container ---- */
canvas.particles-js-canvas-el{
  display:block;
  z-index: 9999;
}
#particles-js,
#particles-js-2 {
  position:absolute;
  width: 100%;
  height: 100%;
  background-color: #333;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

/* ---- 06.5 Hero Caption ---- */
.slider-caption,
.hero-caption,
.item .hero-caption,
.kenburn-slider .flex-caption,
.kenburn-slider .slider-caption {
  text-align: center;
  height: 100%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.slider-caption h1,
.hero-caption h1,
.slick-caption h1 {
  font-size: 65px;
  font-weight: 900;
  margin-top: 70px;
}
.slider-caption h2,
.hero-caption h2,
.slick-caption h2 {
  font-size: 55px;
  font-weight: 900;
  margin-top: 70px;
}
.gnx-shadow {
  text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.55);
}

/* text image background (index-creative-portfolio)*/
.slider-caption .text-bg {
  background: url("../images/demo-img/gnx-lg.jpg") no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: cover;
  background-position: top center;
}

/* flexslider push up navigation on header-sticky-bottom */
.flexslider-bottom-nav .flex-direction-nav a{
  top: 40%;
}
.slider-caption p,
.hero-caption p,
.slick-caption p {
  font-size: 18px;
  font-weight: 300;
  color: #fff;
  max-width: 800px;
  margin: 0 auto;
}
.slider-button {
  margin-top: 40px;
  margin-bottom: -50px;
}

/* .fullwidth-small caption */
.hero.fullwidth-small h2 {
  color: #fff;
  font-size: 64px;
  padding: 30px 0 0;
  text-transform: none;
  line-height: 70px;
}
.hero.fullwidth-small h2::after {
  content: none;
}
.hero.fullwidth-small h3 {
  color: #fff;
  text-transform: none;
}

/* ---- 06.6 Hero Caption (left/right align) ---- */

/* Caption left */
.slider-caption .caption-left,
.hero-caption .caption-left {
  width: 50%;
  text-align: left;
  padding-left: 0px;
}
/* Caption right */
.slider-caption .caption-right,
.hero-caption .caption-right {
  width: 50%;
  text-align: left;
  float: right;
}

/* Left caption button */
.slider-caption .caption-left .btn-transparent,
.slider-caption .caption-left .btn-transparent-white,
.slider-caption .caption-left .btn-transparent-dark,
.hero-caption .caption-left .btn-transparent,
.hero-caption .caption-left .btn-transparent-white,
.hero-caption .caption-left .btn-transparent-dark {
  float: left;
}

/* Landscape phones and portrait tablets */
@media (max-width: 768px) {
  /*  reset caption width to 100% */
  .slider-caption .caption-left,
  .hero-caption .caption-left {
    width: 100%;
    text-align: center;
    padding-left: 15px;
  }
  .slider-caption .caption-right,
  .hero-caption .caption-right {
    width: 100%;
    text-align: center;
    float: none;
  }
  .slider-caption .caption-left p,
  .hero-caption .caption-left p {
    padding: 0 40px;
  }
  /* Left/Right caption (reset float -> align-center) */
  .slider-caption .caption-left,
  .slider-caption .caption-right,
  .hero-caption .caption-left,
  .hero-caption .caption-right {
    text-align: center!important;
    float: none;
  }
  /* caption button - reset float */
  .slider-caption .caption-left .btn-transparent,
  .slider-caption .caption-left .btn-transparent-white,
  .slider-caption .caption-left .btn-transparent-dark,
  .slider-caption .caption-right .btn-transparent,
  .slider-caption .caption-right .btn-transparent-white,
  .slider-caption .caption-right .btn-transparent-dark,
  .hero-caption .caption-left .btn-transparent,
  .hero-caption .caption-left .btn-transparent-white,
  .hero-caption .caption-left .btn-transparent-dark,
  .hero-caption .caption-right .btn-transparent,
  .hero-caption .caption-right .btn-transparent-white,
  .hero-caption .caption-right .btn-transparent-dark {
    float: none;
  }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
  /* Caption size */
  .slider-caption .caption-left h2,
  .slider-caption .caption-right h2,
  .hero-caption .caption-left h2,
  .hero-caption .caption-right h2 {
    font-size: 40px;
  }
  /* caption button */
  .slider-caption .caption-left .btn-transparent,
  .slider-caption .caption-right .btn-transparent,
  .slider-caption .caption-left .btn-transparent-white,
  .slider-caption .caption-right .btn-transparent-white,
  .slider-caption .caption-left .btn-transparent-dark,
  .slider-caption .caption-right .btn-transparent-dark,
  .hero-caption .caption-left .btn-transparent,
  .hero-caption .caption-right .btn-transparent,
  .hero-caption .caption-left .btn-transparent-white,
  .hero-caption .caption-right .btn-transparent-white,
  .hero-caption .caption-left .btn-transparent-dark,
  .hero-caption .caption-right .btn-transparent-dark {
    float: left;
  }
}

/* ---- 06.7 Page Headers - (Features) ---- */

/* Page Heading */
.gnx-page-heading {
  position: relative;
  padding: 40px 0;
}
/* Page Title */
.gnx-page-title h1 {
  color: #eee;
}
.gnx-page-title h4 {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
}
.gnx-page-title span {
  margin-top: 15px;
  color: #435880;
}
/* Page Subheading */
.gnx-page-title .subheading {
  color: #eee;
  text-transform: uppercase;
  letter-spacing: 3.5px;
  margin-bottom: 15px;
}

/* Page Title Size - sm/ms/lg */
.gnx-page-title-sm {
  padding: 40px 0;
}
.gnx-page-title-md {
  padding: 80px 0;
}
.gnx-page-title-lg {
  padding: 130px 0;
}

/* Page Title Breadcrumb */
.gnx-page-title .breadcrumb li a,
.gnx-page-title .breadcrumb>li+li:before {
  color: #d5d5d5;
}
.gnx-page-title .breadcrumb li a:focus,
.gnx-page-title .breadcrumb li a:hover,
.gnx-page-title .breadcrumb>.active {
  color: #435880;
}
/* iPhone X, Small Devices, Tablets */
@media only screen and (max-width : 812px) {
  .gnx-page-heading {
    position: relative;
    padding: 80px 0 40px;
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  .gnx-page-heading {
    position: relative;
    padding: 95px 0 40px;
  }
  .gnx-page-title-lg {
    padding: 90px 0;
  }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
  .gnx-page-heading {
    position: relative;
    padding: 100px 0 40px;
  }
  .gnx-page-title-lg {
    padding: 75px 0;
  }
}

/* Page Heading - Typography */
.gnx-page-heading h1 {
  font-size: 36px;
  letter-spacing: 1px;
  text-transform: none;
  margin-top: 0;
  color: #fff;
}
.gnx-page-heading h5 {
  margin-top: 10px;
}
.gnx-page-heading p {
  display: block;
  font-weight: 300;
  color: #eeeeee;
  margin-bottom: 0;
}
.gnx-page-heading.dark span,
.gnx-page-heading.light span {
  color: #435880;
}
.gnx-page-heading h5,
.gnx-page-heading .breadcrumb li a,
.gnx-page-heading .breadcrumb>li+li:before {
  color: #f3f3f3;
}
.breadcrumb li a:focus,
.breadcrumb li a:hover,
.breadcrumb>.active {
  color: #fff;
}

/* ---- 06.8 Page Header Breadcrumb ---- */

.breadcrumb {
  position: absolute;
  top: 50%;
  left: auto;
  right: 15px;
  background-color: transparent;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
}
.breadcrumb li a {
  color: #eee;
}
.breadcrumb>li+li:before {
  color: #eee;
}
.breadcrumb li a:focus, .breadcrumb li a:hover, .breadcrumb>.active {
  color: #fff;
}

/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
@media only screen and (max-width : 812px) {
  .breadcrumb {
    position: relative;
    background-color: transparent;
    padding: 0;
    right: 0;
    font-size: 12px;
    margin: 0 auto;
  }
}


/* ---- 06.9 Page Heading Colors ---- */

/* Page Heading Dark */
.gnx-page-heading.dark {
  border-bottom: 5px solid #435880;
  border-top: 5px solid #435880;
  background-color: #303030;
}
.gnx-page-heading.dark h1 {
  color: #fff;
}
.gnx-page-heading.dark p {
  color: #eeeeee;
}
.gnx-page-heading.dark .breadcrumb li a:focus,
.gnx-page-heading.dark .breadcrumb li a:hover,
.gnx-page-heading.dark .breadcrumb>.active {
  color: #435880;
}

/* Page Heading Light/White */
.gnx-page-heading.light {
  border-bottom: 5px solid #e8e8e8;
  border-top: 5px solid #e8e8e8;
  background-color: #f8f8f8;
}
.gnx-page-heading.light h1 {
  color: inherit;
}
.gnx-page-heading.light .breadcrumb li a,
.gnx-page-heading.light .breadcrumb>li+li:before {
  color: inherit;
}
.gnx-page-heading.light .breadcrumb li a:focus,
.gnx-page-heading.light .breadcrumb li a:hover,
.gnx-page-heading.light .breadcrumb>.active {
  color: #435880;
}

/* PRIMARY */
.gnx-page-heading.primary {
  border-bottom: 5px solid #306c9f;
  background-color: #435880;
}
/* SUCCESS */
.gnx-page-heading.success {
  border-bottom: 5px solid #55aa55;
  background-color: #5cb85c;
}
/* INFO */
.gnx-page-heading.info {
  border-bottom: 5px solid #51abc6;
  background-color: #5bc0de;
}
/* WARNING */
.gnx-page-heading.warning {
  border-bottom: 5px solid #db9f49;
  background-color: #f0ad4e;
}
/* DANGER */
.gnx-page-heading.danger {
  border-bottom: 5px solid #c24b47;
  background-color: #d9534f;
}

/* ---- 06.10 Hero Gradient Backgrounds ---- */
.gradient--blue {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: 1;
  overflow: hidden!important;
  background: #0c9da4;  /* fallback for old browsers */
  background: -webkit-linear-gradient(135deg, #172a74, #21a9af);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(135deg, #172a74, #21a9af); /* W3C, IE 10+/ diagonal, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.gradient--dark {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: 1;
  overflow: hidden!important;
  background: #000000;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #434343, #000000);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #434343, #000000); /* W3C, IE 10+/ diagonal, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.gradient--pink {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: 1;
  overflow: hidden!important;
  background: #ba5370; /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #ba5370, #f4e2d8); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #ba5370, #f4e2d8); /* W3C, IE 10+/ diagonal, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.gradient--orange {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: 1;
  overflow: hidden!important;
  background: #D1913C;
  background: -webkit-linear-gradient(to right, #D1913C, #ffc97c);
  background: linear-gradient(to right, #D1913C, #ffc97c);
}



/* ----------------------------------------------------------------------------- */
/*  07. Section Settings
/* ----------------------------------------------------------------------------- */
section {
  padding: 0 0 0 0;
  height: 100%;
  position: relative;
  display: block;
  background: #fff;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  -webkit-background-size: cover !important;
  -moz-background-size: 100%;
  -moz-background-size: cover !important;
  -o-background-size: 100%;
  -o-background-size: cover !important;
  background-size: 100%;
  background-size: cover !important;
}
.has-border {
  border: 1px solid #eaeaea;
}
.has-shadow {
  box-shadow: 0 10px 10px rgba(0,0,0,0.15);
}
.border-top {
  border-top: 1px solid #f0f0f0;
}
.border-bold {
  border-top: 5px solid #f0f0f0;
  border-bottom: 5px solid #f0f0f0;
}
.border-top-bold {
  border-top: 5px solid #f0f0f0;
}
.border-rounded {
 -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.wrapper {
  width: 100%!important;
  overflow: hidden;
  z-index: -100;
}
.container {
  position:relative;
}

/* ----------------------------------------------------------------------------- */
/*  08. Navbar Settings
/* ----------------------------------------------------------------------------- */

.navbar-brand {
  font-weight: 500;
}

/* ---- 08.1 Affix Settings ---- */
.navbar-default .navbar-nav>li>a {
  color: #555;
}
.affix {
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
.affix-top {
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-shadow: 0 3px 3px -3px rgba(0,0,0,0.3);
  -o-box-shadow: 0 3px 3px -3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 3px 3px -3px rgba(0,0,0,0.3);
  box-shadow: 0 3px 3px -3px rgba(0,0,0,0.3);
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
.affix-top.navbar ul.nav > li > a {
  padding: 31px 0 32px!important;
}
.affix-top .navbar-brand {
  font-size: 1.6em;
  color: #435880!important;
}
.affix .navbar-brand {
  font-size: 1.4em;
  color: #435880!important;
}
.affix-top .navbar-brand.white {
  font-size: 1.6em;
  color: #fff!important;
}
.affix-top .navbar-brand.dark {
  color: #666!important;
}
.affix .navbar-brand.dark {
  font-size: 1.4em;
  color: #666!important;
}

/* navbar affix .dark */
nav.navbar.bootsnav.affix.dark .navbar-brand {
  color: #fff;
}
nav.navbar.bootsnav.affix-top.dark,
nav.navbar.bootsnav.affix.dark,
nav.navbar.bootsnav.dark {
  background-color: #1b1b1b;
  border-bottom: rgba(0, 0, 0, 0);
}
.affix-top.dark .navbar-toggle,
.affix-top.dark ul.nav > li > a,
.affix-top.dark .attr-nav > ul > li > a,
nav.navbar.bootsnav.dark .navbar-toggle {
  color: #fff;
}
.affix.dark .navbar-toggle,
.affix.dark .attr-nav > ul > li > a,
.affix.dark ul.nav > li > a,
nav.navbar.bootsnav.dark > ul > li > a,
nav.navbar.bootsnav.dark ul.nav > li > a,
nav.navbar.bootsnav.dark .attr-nav > ul > li > a {
  color: #fff;
}
nav.navbar.bootsnav.dark ul.nav li.active > a {
  background-color: transparent;
  color: #435880;
  border-color: #435880;
}

/* Landscape tablets and large desktops */
@media (min-width: 1024px){
  .affix-top .navbar-brand {
    padding-top: 32px;
    padding-bottom: 15px;
  }
  .affix-top .attr-nav > ul > li > a {
    padding: 32px 15px;
  }
}
@media (max-width: 812px){
  .affix-top .navbar-brand.white {
    font-size: 1.6em;
    color: #435880!important;
  }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
  .affix,
  .affix-top {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .attr-nav > ul > li > a {
    padding: 16px 11px 13px 0;
  }
  .affix-top.white .navbar-brand,
  .affix.white .navbar-brand {
    color: #333;
    font-size: 1.3em;
  }
  .affix-top.dark .navbar-brand,
  .affix.dark .navbar-brand {
    color: #fff;
    font-size: 1.3em;
  }
  .affix-top.navbar ul.nav > li > a {
    padding: 15px 15px!important;
  }
  .affix-top.dark .navbar-toggle,
  .affix-top.dark ul.nav > li > a,
  .affix-top.dark .attr-nav > ul > li > a,
  .affix-top.dark ul.nav li.dropdown ul.dropdown-menu > li > a,
  .affix-top.dark .dropdown .megamenu-content .col-menu .title,
  .affix-top.dark .dropdown .megamenu-content .col-menu ul > li > a {
    color: #fff!important;
  }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
  .affix-top .navbar-brand {
    font-size: 1.4em;
  }
  .affix-top.white .navbar-brand,
  .affix.white .navbar-brand {
    padding-top: 16px!important;
    color: #333;
    font-size: 1.2em;
  }
  .affix-top.dark .navbar-brand,
  .affix.dark .navbar-brand {
    color: #fff;
    font-size: 1.2em;
  }
  .affix-top.navbar ul.nav > li > a {
    padding: 10px 15px!important;
  }
  .affix-top .attr-nav > ul > li > a {
    padding: 16px 11px 13px 0!important;
  }
  .affix-top.dark {
    background-color: rgb(51, 51, 51)!important;
    border-bottom: rgba(0, 0, 0, 0)!important;
  }
  .affix-top.dark .navbar-toggle,
  .affix-top.dark ul.nav > li > a,
  .affix-top.dark .attr-nav > ul > li > a,
  .affix-top.dark .dropdown-menu > li > a,
  .affix-top.dark .dropdown .megamenu-content .col-menu .title,
  .affix-top.dark .dropdown .megamenu-content .col-menu ul > li > a {
    color: rgb(255, 255, 255)!important;
  }
  .affix.dark .navbar-toggle,
  .affix.dark .attr-nav > ul > li > a,
  .affix.dark ul.nav > li > a {
    color: #fff;
  }
  .affix.dark .navbar-toggle,
  .affix.dark ul.nav > li > a,
  .affix.dark .attr-nav > ul > li > a,
  .affix.dark .dropdown-menu > li > a,
  .affix.dark .col-menu h6.title,
  .affix.dark .col-menu ul > li > a {
    color: rgb(255, 255, 255)!important;
  }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
  .affix-top .navbar-toggle, .affix .navbar-toggle {
    margin-top: 7px!important;
  }
}

/* Old phones and smaller */
@media (max-width: 320px) {
  .affix .navbar-brand,.affix-top .navbar-brand {
    font-size: 1.3em;
  }
}

/* ---- 08.2 Navbar Bottom Fixed On Scroll ---- */
nav.navbar-bottom {
  bottom: 0!important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
nav.navbar.navbar-bottom.white.bootsnav {
  border-bottom: 1px solid rgba(236, 236, 236, 0.7)
}
nav.navbar.navbar-bottom.dark.bootsnav {
  background-color: #333;
  border-bottom: rgba(0, 0, 0, 0);
}
nav.navbar.navbar-bottom.dark.bootsnav ul.nav > li > a,
nav.navbar.navbar-bottom.dark.bootsnav .attr-nav > ul > li > a {
  color: rgb(255, 255, 255);
}
/* This class is added on scroll */
.fixed-on-scroll {
  position: fixed!important;
  top: 0;
  height: 75px;
  z-index: 1;
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media (max-width: 767px) {
  nav.navbar-bottom {
    bottom: 0!important;
    position: relative!important;
  }
  nav.navbar.navbar-bottom.dark.bootsnav .navbar-toggle {
  color: rgb(255, 255, 255);
  }
}

/* ---- 08.3 Navbar Underline Animation ---- */
nav.navbar.animated-link ul.nav li.dropdown.on > a,
nav.navbar.animated-link-topbar ul.nav li.dropdown.on > a {
  -webkit-transition: all ease-in-out 0.4s;
     -moz-transition: all ease-in-out 0.4s;
      -ms-transition: all ease-in-out 0.4s;
       -o-transition: all ease-in-out 0.4s;
          transition: all ease-in-out 0.4s;

}
nav.navbar.animated-link ul.nav li.dropdown.on > a,
nav.navbar.animated-link-topbar ul.nav li.dropdown.on > a {
  -webkit-transition: all ease-in-out 0.4s;
     -moz-transition: all ease-in-out 0.4s;
      -ms-transition: all ease-in-out 0.4s;
       -o-transition: all ease-in-out 0.4s;
          transition: all ease-in-out 0.4s;
}
nav.navbar.animated-link ul.nav li.dropdown > a:hover,
nav.navbar.animated-link ul.nav li.dropdown > a:focus,
nav.navbar.animated-link-topbar ul.nav li.dropdown > a:hover,
nav.navbar.animated-link-topbar ul.nav li.dropdown > a:focus {
  background-color: transparent;
  color: #454545;
}
nav.navbar.animated-link ul.nav li.dropdown > a:after,
nav.navbar.animated-link-topbar ul.nav li.dropdown > a:after,
nav.navbar.animated-link ul.nav li > a:after {
  content: "";
  position: absolute;
  display: block;
  width: 0px;
  height: 2px;
  margin: auto;
  background: transparent;
  -webkit-transition: width 0.3s ease, background-color .3s ease;
     -moz-transition: width 0.3s ease, background-color .3s ease;
      -ms-transition: width 0.3s ease, background-color .3s ease;
       -o-transition: width 0.3s ease, background-color .3s ease;
          transition: width 0.3s ease, background-color .3s ease;

}
nav.navbar.animated-link ul.nav li.dropdown a:hover:after,
nav.navbar.animated-link ul.nav li.active > a:after,
nav.navbar.animated-link ul.nav li a:hover:after,
nav.navbar.animated-link-topbar ul.nav li.dropdown a:hover:after,
nav.navbar.animated-link-topbar ul.nav li.active > a:after {
  background: #435880;
  color: #ffffff;
  width: 100%;
}
nav.navbar.animated-link ul.nav li.dropdown.on a,
nav.navbar.animated-link-topbar ul.nav li.dropdown.on a {
  background-color: transparent;
  color: #454545;
}
nav.navbar.animated-link ul.nav > li > a:hover,
nav.navbar.animated-link-topbar ul.nav > li > a:hover {
    color: #777;
}
nav.navbar.animated-link-topbar.affix {
    margin-top: -33px!important;
}

@media (min-width: 1024px) {
    nav.navbar.animated-link.bootsnav ul.nav > li > a,
    nav.navbar.animated-link-topbar.bootsnav ul.nav > li > a {
    padding: 50px 0;
    font-weight: 500;
    border-top: 0;
  }
    nav.navbar.animated-link.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a:after,
    nav.navbar.animated-link-topbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a:after {
      background: transparent;
  }
}

@media (max-width: 1023px) {
  nav.navbar.animated-link ul.nav li.dropdown a:hover:after,
  nav.navbar.animated-link ul.nav li.active > a:after,
  nav.navbar.animated-link-topbar ul.nav li.dropdown a:hover:after,
  nav.navbar.animated-link-topbar ul.nav li.active > a:after {
      background: transparent!important;
      color: #ffffff;
      width: 100%;
  }
}

/* ---- 08.4 Navbar With Top Bar ---- */

/* top bar shadow */
.topbar-shadow {
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
/* bottom-shadow on fixed navbar */
.has-shadow {
  -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
/* top bar custom */
nav .top-bar {
  background-color: #fff;
  border-bottom: 1px solid #f2f2f2;
  border-top: 2px solid #435880;
}
.top-bar ul {
  padding: 0;
  margin: 0;
}
.top-bar a,
.top-bar li {
  color: #9c9c9c;
}
.top-bar a:hover {
    color: #435880;
}

/* top bar blue */
.top-bar.blue-bar {
  background-color: #435880;
  border-top: 0;
  border-bottom: 0;
}
.top-bar.blue-bar a,
.top-bar.blue-bar li {
  color: rgba(255,255,255,.8);
}
.top-bar.blue-bar a:hover {
  color: rgba(255,255,255,1) !important;
}
.top-bar.blue-bar ul.social-icons li a i {
  border-left: 1px solid rgba(255,255,255,.1);
}
.top-bar.blue-bar ul.social-icons li:last-child a i {
  border-right: 1px solid rgba(255,255,255,.1);
}
.top-bar.blue-bar .contact-details li a:before,
.top-bar.blue-bar .contact-details li a:after {
  color: rgba(255,255,255,.6);
}
.top-bar.blue-bar ul.social-icons li a.facebook:hover,
.top-bar.blue-bar ul.social-icons li a.twitter:hover,
.top-bar.blue-bar ul.social-icons li a.google:hover,
.top-bar.blue-bar ul.social-icons li a.dribbble:hover,
.top-bar.blue-bar ul.social-icons li a.linkedin:hover,
.top-bar.blue-bar ul.social-icons li a.instagram:hover {
  background: transparent;
}

/* top bar dark */
.top-bar.dark-bar {
  background-color: #333;
  border-top: 0;
  border-bottom: 0;
}
.top-bar.dark-bar a,
.top-bar.dark-bar li {
  color: rgba(255,255,255,.8);
}
.top-bar.dark-bar a:hover {
  color: rgba(255,255,255,1) !important;
}
.top-bar.dark-bar ul.social-icons li a i {
  border-left: 1px solid rgba(255,255,255,.08);
}
.top-bar.dark-bar ul.social-icons li:last-child a i {
  border-right: 1px solid rgba(255,255,255,.08);
}
.top-bar.dark-bar .contact-details li a:before,
.top-bar.dark-bar .contact-details li a:after {
  color: rgba(255,255,255,.8);
}
.top-bar .contact-details li {
  display: inline-block;
  float: left;
  font-size: 12px;
  line-height: 34px;
}
.top-bar .contact-details li a:before,
.top-bar .contact-details li a:after {
  position: relative;
  content: "|";
  font-size: 13px;
  margin: 0 6px;
  top: -1px;
}
.top-bar .contact-details li a:before {
  color: #666;
}
.top-bar .contact-details li:first-child a:before {
  display: none;
}
.top-bar .contact-details li a {
  font-size: 12px;
  display: block;
  line-height: 32px;
}

/* ---- 08.5 Social Icon List ---- */
ul.social-icons {
  float: right;
  list-style: none;
}
ul.social-icons li {
  float: left;
}
ul.social-icons li a {
  display: inline-block;
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
}
ul.social-icons li a i {
  font-size: 0.8em;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
ul.social-icons li a:hover {
  color: #fff;
}
ul.social-icons li a.facebook:hover {
  background-color: #507CBE;
}
ul.social-icons li a.twitter:hover {
  background-color: #63CDF1;
}
ul.social-icons li a.google:hover {
  background-color: #F16261;
}
ul.social-icons li a.dribbble:hover {
  background-color: #EA4C89;
}
ul.social-icons li a.linkedin:hover {
  background-color: #90CADD;
}
ul.social-icons li a.instagram:hover {
  background-color: #4D4F54;
}

/* Landscape phones and portrait tablets */
@media (max-width: 768px) {
  .top-bar{
    display: none!important;
  }
}

/* ----------------------------------------------------------------------------- */
/*  09. Buttons
/* ----------------------------------------------------------------------------- */

/* ---- 09.1 Default Buttons ---- */
.btn:focus,.btn:active {
   outline: none !important;
}
.btn:active{
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* 09.2 Copy Button (shortcodes) */
.copy-button {
  font-size: 12px;
  height: 28px;
  min-width: 80px;
  line-height: 0;
  margin: 0;
  float: right;
  border: 0;
  -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
       -o-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s;
}

/* 09.3 Show Code Button (shortcodes) */
.demo-btn {
  background: #fafafa;
  border: 1px solid #ececec;
  padding: 10px 12px;
  border-radius: 4px;
  font-size: 12px;
  position: relative;
  bottom: 10px;
}
.demo-btn:hover {
  color: #333;
  background: #f6f6f6;
  border: 1px solid #e4e4e4;
}
/* Show More Button */
.show-more {
  text-transform: uppercase;
  font-weight: 600;
}
/* Read More Button */
.read-more {
  display: block;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: right;
  position: relative;
}
.read-more:hover {
  color: #444;
}
a.read-more:after {
  content: "\f178";
  font-family: FontAwesome;
  font-size: 15px;
  padding-left: 10px;
  font-size: 10px;
}

/* border white button */
.btn-border-white {
  background: rgba(0, 0, 0, 0);
  color: #fff;
  border: 1px solid rgba(255,255,255,0.5)!important;
}
.btn-border-white:hover, .btn-border-white:visited, .btn-border-white:active, .btn-border-white:focus {
  color: #fff!important;
  border: 1px solid #fff!important;
}

/* border blue button */
.btn-border-blue {
  background: rgba(0, 0, 0, 0);
  color: #435880;
  border: 1px solid rgba(56,150,230,0.7);
}
.btn-border-blue:hover, .btn-border-blue:visited, .btn-border-blue:active, .btn-border-blue:focus {
  color: #435880;
  border: 1px solid #435880;
}

/* border dark button*/
.btn-border-dark {
  background: rgba(0, 0, 0, 0);
  color: rgba(35,35,35,0.8);
  border: 1px solid rgba(35,35,35,0.6);
}
.btn-border-dark:hover, .btn-border-dark:visited, .btn-border-dark:active, .btn-border-dark:focus {
  color: #444;
  border: 1px solid #444;
}

/* transparent to white button */
.btn-transparent-white {
  font-size: 12px;
  font-weight: 600;
  color: #FFF;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 15px 32px;
  background: transparent;
  border: 1px solid #FFF;
  border-radius: 0
}
.btn-transparent-white.focus,
.btn-transparent-white:focus,
.btn-transparent-white:hover {
  color: #435880;
  background: #fff;
  border-color: #fff;
}

/* transparent to blue button */
.btn-transparent-blue {
  font-size: 12px;
  font-weight: 600;
  color: #435880;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 15px 32px;
  background: transparent;
  border: 1px solid #435880;
  border-radius: 0
}
.btn-transparent-blue.focus,
.btn-transparent-blue:focus,
.btn-transparent-blue:hover {
  color: #fff;
  background: #435880;
  border-color: #435880;
}

/* txt-button */
.txt-btn {
  font-weight: 500;
  -webkit-transition:all 100ms ease-out;
  -moz-transition:all 100ms ease-out;
  -o-transition:all 100ms ease-out;
  transition:all 100ms ease-out;
}
a.txt-btn:focus, a.txt-btn:hover {
  color: #435880;
  -webkit-transition:all 100ms ease-out;
  -moz-transition:all 100ms ease-out;
  -o-transition:all 100ms ease-out;
  transition:all 100ms ease-out;
}
.txt-btn:after {
  font-family: FontAwesome;
  font-size:75%;
  content: "\f178";
  margin-left:5px;
}
.btn .caret {
  color: inherit;
}


/* ---- 09.4 Geniux Buttons - Custom ---- */
.gnx-btn {
  display: inline-block;
  min-width: 125px;
  cursor: pointer;
  outline: 0;
  white-space: nowrap;
  padding: 0 20px;
  margin: 5px 0;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  line-height: 40px;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
      -ms-transition: all 0.3s;
          transition: all 0.3s;
}

/* rounded button */
.btn-rounded,
.gnx-btn.btn-rounded {
  -webkit-border-radius: 26px;
     -moz-border-radius: 26px;
          border-radius: 26px;
}


/* ---- 09.5 Geniux Buttons - Background Colors ---- */

/* default button */
.gnx-btn-default {
  background-color: #435880;
  border: 1px solid #435880;
  color: #fff;
}
.gnx-btn-default:hover {
  background-color: #1d5b90;
  border: 1px solid #1d5b90;
  color: #fff;
}

/* dark bg button */
.gnx-btn-dark {
  background-color: #383838;
  border: 1px solid #383838;
  color: #fff;
}
.gnx-btn-dark:hover {
  background-color: #1b1b1b;
  border: 1px solid #1b1b1b;
  color: #fff;
}

/* white bg button */
.gnx-btn-white {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  color: #444;
}
.gnx-btn-white:hover {
  background-color: #1f7fd1;
  border: 1px solid #1f7fd1;
  color: #fff;
}

/* button blue */
.gnx-btn-blue {
  color: #ffffff;
  background-color: #366c9b;
  border: 1px solid #366c9b;
  font-weight: 400;
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
.gnx-btn-blue:hover {
  background-color: #435880;
  border: 1px solid #435880;
  color: #fff;
}

/* Theme Buttons Size */
.gnx-btn.btn-large {
  padding: 0px 30px;
  font-size: 14px;
  line-height: 50px;
}
.gnx-btn.btn-small {
  padding: 0 17px;
  font-size: 12px!important;
  line-height: 34px;
}
.gnx-btn.btn-xsmall {
  padding: 0 14px;
  font-size: 10px!important;
  height: 30px;
  line-height: 30px;
}

/* ---- 09.6 Slide Text Buttons ---- */

/* default Button (button large) */
button.gnx-btn-slide {
  background: transparent;
  outline: none;
  position: relative;
  vertical-align: middle;
  border: 2px solid #444;
  margin: 5px 5px 15px 5px;
  padding: 13px 25px;
  overflow: hidden;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}
button.gnx-btn-slide:hover {
  cursor: pointer;
  color: #444;
  -webkit-transition: .2s,opacity .4s;
     -moz-transition: .2s,opacity .4s;
       -o-transition: .2s,opacity .4s;
          transition: .2s,opacity .4s;
}
button.gnx-btn-slide:hover:before {
  opacity: 1;
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition-delay: .4s;
     -moz-transition-delay: .4s;
       -o-transition-delay: .4s;
          transition-delay: .4s;
}

/* button:before (attr data-hover) */
button.gnx-btn-slide:before {
  content: attr(data-hover);
  position: absolute;
  top: 1.3em;
  left: 0;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 800;
  font-size: .8em;
  opacity: 0;
  -webkit-transform: translate(-150%, 0);
     -moz-transform: translate(-150%, 0);
      -ms-transform: translate(-150%, 0);
       -o-transform: translate(-150%, 0);
          transform: translate(-150%, 0);
  -webkit-transition: .3s,opacity .6s;
     -moz-transition: .3s,opacity .6s;
       -o-transition: .3s,opacity .6s;
          transition: .3s,opacity .6s;
}

/* button div (button text before hover) */
button.gnx-btn-slide:hover span {
  opacity: 0;
}
button.gnx-btn-slide span {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 800;
  font-size: .8em;
  top: 1.3em;
  color: #333;
  -webkit-transition: 0.6s;
     -moz-transition: 0.6s;
       -o-transition: 0.6s;
          transition: 0.6s;
  -webkit-transition-delay: 0.2s;
     -moz-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
/* button.btn-dark */
button.gnx-btn-slide.btn-dark {
  background: #444;
  color: #fff;
  border: 2px solid transparent;
}
button.gnx-btn-slide.btn-dark span {
  color: #fff;
}
button.gnx-btn-slide.btn-dark:hover {
  cursor: pointer;
  background: #009ac9;
  color: #fff;
}

/* ---- 09.7 Geniux Buttons - Size ---- */

/* button large */
button.gnx-btn-slide.btn-large {
  padding: 20px 50px;
}
button.gnx-btn-slide.btn-large:before {
  top: 1.5em;
  font-size: 0.95em;
}
button.gnx-btn-slide.btn-large span {
  top: 1.3em;
  vertical-align: middle;
  font-size: 0.95em;
}

/* button small */
button.gnx-btn-slide.btn-small {
  padding: 10px 20px;
}
button.gnx-btn-slide.btn-small span {
  font-size: .7em;
  vertical-align: middle;
}
button.gnx-btn-slide.btn-small:before {
  font-size: .7em;
}

/* button x-small */
button.gnx-btn-slide.btn-xsmall {
  padding: 5px 15px;
}
button.btn-xsmall span {
  font-size: .5em;
  vertical-align: middle;
}
button.gnx-btn-slide.btn-xsmall:before {
  top: 1.4em;
  font-size: .5em;
}

/* ---- 09.8 Reveal Icon Button ---- */
.gnx-btn-reveal {
  text-align: center;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  padding: 10px 0px;
  width: 150px;
  overflow: hidden;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 3px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.gnx-btn-reveal.show-icon {
  -webkit-transition: all 0.2s linear 0s;
     -moz-transition: all 0.2s linear 0s;
       -o-transition: all 0.2s linear 0s;
          transition: all 0.2s linear 0s;
}
.gnx-btn-reveal.show-icon:before {
  content: "\f178";
  font-family: FontAwesome;
  font-size: 15px;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  right: 0;
  top: 0;
  opacity: 0;
  height: 100%;
  width: 40px;
  -webkit-transition: all 0.2s linear 0s;
     -moz-transition: all 0.2s linear 0s;
       -o-transition: all 0.2s linear 0s;
          transition: all 0.2s linear 0s;
}
.gnx-btn-reveal.show-icon:hover {
  text-indent: -20px;
}
.gnx-btn-reveal.show-icon:hover:before {
  opacity: 1;
  text-indent: 0px;
}

/* Reveal Button - Text Color */
a.gnx-btn-reveal {
  color: #fff;
  margin: 5px 5px 15px 5px;
}

/* Reveal Button - Background Color */

/* btn-dark */
.gnx-btn-reveal.btn-dark {
  background: #444;
  width: 200px;
  padding: 17px 0;
  font-size: .8em;
  top: 1.1em;
}
/* btn-blue */
.gnx-btn-reveal.btn-blue {
  background: #435880;
  width: 200px;
  padding: 17px 0;
  font-size: .8em;
  top: 1.1em;
}
/* btn-white */
.gnx-btn-reveal.btn-white {
  background: #fff;
  border: 1px solid #ababab;
  color: #8c8c8c;
  width: 200px;
  padding: 17px 0;
  font-size: .8em;
  top: 1.1em;
}
.gnx-btn-reveal.btn-dark.show-icon:hover:before,
.gnx-btn-reveal.btn-white.show-icon:hover:before,
.gnx-btn-reveal.btn-blue.show-icon:hover:before {
  width: 70px;
}

/* Reveal Button Size */

/* btn-large */
.gnx-btn-reveal.btn-large {
  min-width: 245px;
  padding: 23px 0;
  top: 1.5em;
  font-size: 0.95em;
}
.gnx-btn-reveal.btn-large.show-icon:hover:before {
  width: 100px;
}

/* btn-small */
.gnx-btn-reveal.btn-small {
  width: 160px;
  padding: 12px 0;
  top: 0.6em;
  font-size: 0.7em;
}
.gnx-btn-reveal.btn-small.show-icon:hover:before {
  width: 50px;
}

/* btn-xsmall */
.gnx-btn-reveal.btn-xsmall {
  width: 150px;
  padding: 10px 0 8px;
  top: 0.4em;
  font-size: 0.6em;
}
.gnx-btn-reveal.btn-xsmall.show-icon:hover:before {
  width: 55px;
}


/* ----------------------------------------------------------------------------- */
/*  10. Half-Page Settings (Split Section)
/* ----------------------------------------------------------------------------- */
.container-left-half,
.container-right-half {
  padding-right: 15px;
  padding-left: 15px;
}
.container-left-half,
.container-right-half {
  margin-right: 0;
  margin: 0 auto;
}
.container-left-half img,
.container-right-half img {
  height: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .container-left-half,
  .container-right-half {
    width: 325px;
  }
}
@media (min-width: 992px) {
  .container-left-half,
  .container-right-half {
    width: 405px;
  }
}
@media (min-width: 1280px) {
  .container-left-half,
  .container-right-half {
    width: 515px;
  }
}

@media (min-width: 1440px) {
  .container-left-half,
  .container-right-half {
    /*width: 585px;*/
    width: 435px;
  }
}

/* ---- 10.1 Vertical Align ---- */
.vertical-align {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
.vertical-align {display: block;}
}

/* ---- 10.2 Table Vertical Align ---- */
.v-center {
  display:table!important;
  min-width: 100%;
}
.v-center div[class*='col-'] {
  display: table-cell!important;
  vertical-align:middle;
  float:none;
}

/* Portrait phones and smaller */
@media (max-width: 767px) {
  .v-center div[class*='col-'] {
    display:block!important;
  }
}

/* Vertical Align - gnx-table */
.gnx-table{
  display: table;
  table-layout: fixed;
}
.gnx-cell,
.gnx-table-cell {
  display: table-cell;
  vertical-align: middle;
  float: none;
  z-index: 0;
}


/* ----------------------------------------------------------------------------- */
/*  11. Steps Timeline
/* ----------------------------------------------------------------------------- */

.steps-circle {
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  border: 2px solid #435880;
  color: #939393;
  font-size: 24px;
  font-weight: 700;
  line-height: 35px;
  display: block;
  margin: 0 auto 24px auto;
  position: relative;
  -webkit-transition: all 0.4s ease-in-out 0s;
     -moz-transition: all 0.4s ease-in-out 0s;
       -o-transition: all 0.4s ease-in-out 0s;
      -ms-transition: all 0.4s ease-in-out 0s;
          transition: all 0.4s ease-in-out 0s;
}

@media screen and (max-width: 500px) {
  .steps-timeline {
    border-left: 2px solid #435880;
  }
}
@media screen and (min-width: 500px) {
  .steps-timeline {
    border-top: 2px solid #435880;
    padding-top: 20px;
    margin-top: 40px;
    margin-left: 16.65%;
    margin-right: 16.65%;
  }
}

.steps-timeline:after {
  content: "";
  display: table;
  clear: both;
}
.steps-one,.steps-two,.steps-three {
  outline: 1px dashed rgba(0, 128, 0, 0);
}
.steps-one:hover .steps-circle,
.steps-two:hover .steps-circle,
.steps-three:hover .steps-circle {
  color: #435880;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: transform 0.4s ease-in-out 0s;
     -moz-transition: transform 0.4s ease-in-out 0s;
       -o-transition: transform 0.4s ease-in-out 0s;
      -ms-transition: transform 0.4s ease-in-out 0s;
          transition: transform 0.4s ease-in-out 0s;
}
.steps-one h4,.steps-two h4,.steps-three h4 {
  margin-top: -150px;
}
.steps-icon i {
  font-size: 140px;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
     -moz-transition: all 0.4s ease-in-out 0s;
       -o-transition: all 0.4s ease-in-out 0s;
      -ms-transition: all 0.4s ease-in-out 0s;
          transition: all 0.4s ease-in-out 0s;
}
.steps-one:hover .steps-icon i,
.steps-two:hover .steps-icon i,
.steps-three:hover .steps-icon i {
  opacity:0.15;
}

@media screen and (max-width: 500px) {
  .steps-one,.steps-two,.steps-three {
    margin: 25px;
  }
}
@media screen and (min-width: 500px) {
  .steps-one,.steps-two,.steps-three {
    float: left;
    width: 33%;
    margin-top: -42px;
  }
}
@media screen and (max-width: 500px) {
  .steps-one,.steps-two {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 500px) {
  .steps-one {
    margin-left: -16.65%;
    margin-right: 16.65%;
  }
}
@media screen and (min-width: 500px) {
  .steps-three {
    margin-left: 16.65%;
    margin-right: -16.65%;
  }
}
@media screen and (max-width: 500px) {
  .steps-timeline {
    border: none;
  }
}

/* ---- Step Item (Intro Section #15) ---- */
.step-item {
  display: block;
  position: relative;
  margin: 50px 0;
}
.step-item h4 {
  margin-top: 30px;
}
.step-item h4,
.step-item p,
.step-item a {
  margin-left: 60px;
}
.step-item p {
  margin-bottom: 70px;
}
.step-item .step-number {
  display: inline-block;
  position: absolute;
  top: -40px;
  left: 0;
  color: rgba(204, 204, 204, 0.3);
  font-size: 100px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1;
}


/* ----------------------------------------------------------------------------- */
/*  12. Lightbox - Hover Effect
/* ----------------------------------------------------------------------------- */

/* item description (portfolio) */
.item-descr-1 {
  padding:15px;
}
.item-descr-1 {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.item-descr-1 .descr-title {
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 0 5px;
}
.item-descr-1 p {
  margin: 0;
}
/* item box-border & box-shadow */
.item-box-shadow,
.hover-box-shadow {
  box-shadow: 0 0 5px #ddd;
  border: 4px solid #fff;
}
.item-box-border,
.hover-box-border {
  border: 1px solid #ececec;
  padding: 4px;
}
/* default hover-box */
.hover-box-default,
.hover-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}
.hover-box .box-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: transparent;
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
.hover-box:hover .box-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}
.hover-box img {
  display: block;
  position: relative;
  width: 100%;
  -webkit-transition: all 0.3s linear;
          transition: all 0.3s linear;
}
.hover-box:hover img {
  background-color: rgba(48, 152, 157, 0.4);
  -webkit-transform: scale3d(1.1, 1.1, 1);
          transform: scale3d(1.1, 1.1, 1);
}
.picture-item__description {
  display: block;
  padding: 15px 0;
  text-transform: uppercase;
  text-align: center;
  font-weight: 500;
  margin-bottom: 35px;
}
.picture-item__description h5 {
  margin-bottom: 0;
}
.picture-item__inner .owlDotsFade .owl-carousel {
  z-index: 0;
}
.hover-box:hover .owl-item img  {
  background-color: rgba(48, 152, 157, 0.4);
  -webkit-transform: none;
  transform: none;
  z-index: 1;
}
.hover-box .link-btns .fa {
  position: relative;
  width: 36px;
  height: 36px;
  display: inline-block;
  font-size: 14px;
  line-height: 36px;
  margin: 0 2px;
  background-color: transparent;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.hover-box:hover .link-btns .fa {
  color: rgba(50, 50, 50, 0.9);
  background-color: rgba(255, 255, 255, 0.8);
}
.hover-box:hover .link-btns .fa:hover {
  background-color: #fff;
}
.pic-wrapper{
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.pic-caption-custom,
.pic-caption {
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0!important;
  text-align: center;
  font-weight: bold;
  width: 100%;
  height: 100%;
  display: table;
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
.pic-caption-custom div{
  display: table-cell;
  vertical-align: middle;
  position: relative;
  opacity: 0;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
.pic-caption div{
  display: table-cell;
  vertical-align: middle;
  position: relative;
  top: 20px;
  opacity: 0;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
.pic-caption-custom div a,
.pic-caption div a{
  color: #ccc;
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
.pic-caption-custom div a:hover,
.pic-caption div a:hover {
  color: #fff;
}
.pic-caption-custom div a h6,
.pic-caption div a h6 {
  letter-spacing: 3px;
  color: #fff;
  margin-bottom: 0;
}
.pic-line-after div:after {
  position: absolute;
  content: "";
  left: 0; right: 0;
  bottom: 45%;
  text-align: center;
  margin: auto;
  width: 0%;
  height: 1px;
  background: rgba(204, 204, 204, 0.7);
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
.pic-caption-custom:hover div,
.pic-caption:hover div{
  opacity: 1;
  top: 0;
}
.pic-caption:hover div:after{
  width: 50%;
}
.pic-btm-caption {
  opacity: 0;
  position: absolute;
  text-align: left;
  left: 20px;
  right: 20px;
  color: #ccc;
  bottom: 0;
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
.pic-btm-caption h6 {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #fff;

}
.pic-btm-caption p {
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 0;
}
.pic-btm-caption a {
  color: #ccc;
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
.pic-btm-caption a:hover {
  color: #fff;
}
.hover-box:hover .pic-btm-caption{
  bottom: 30px;
  opacity: 1;
  -webkit-transition: bottom 0.5s;
     -moz-transition: bottom 0.5s;
      -ms-transition: bottom 0.5s;
       -o-transition: bottom 0.5s;
          transition: bottom 0.5s;
}
.pic-btm-caption2 {
  position: absolute;
  text-align: left;
  left: 20px;
  right: 20px;
  bottom: 20px;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
.hover-box .box-overlay-2 {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
}
.hover-box:hover .box-overlay-2 {
  background-color: rgba(0, 0, 0, 0.7);
}
.pic-btm-caption2 {
  margin: 0 30px;
}
.pic-btm-caption2 h6 {
  letter-spacing: 3px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.pic-btm-caption2 p {
  letter-spacing: 2px;
  color: #ececec;
}
.pic-btm-caption2 .pic-btm-button {
  opacity: 0;
}
.hover-box:hover .pic-btm-caption2{
  bottom: 80px;
  opacity: 1;
  -webkit-transition: bottom 0.5s;
     -moz-transition: bottom 0.5s;
      -ms-transition: bottom 0.5s;
       -o-transition: bottom 0.5s;
          transition: bottom 0.5s;
}
.hover-box:hover .pic-btm-button {
  opacity: 1;
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
  .pic-btm-caption2 {
    bottom: 60px;
  }
  .hover-box:hover .pic-btm-caption2{
    bottom: 120px;
  }
}
/* Portrait phones and smaller */
@media (max-width: 480px) {
  .pic-btm-caption2 {
    margin: 0;
    bottom: 0;
  }
  .hover-box:hover .pic-btm-caption2{
    bottom: 30px;
  }
}


/* ----------------------------------------------------------------------------- */
/*  13. Sliders & Carousels
/* ----------------------------------------------------------------------------- */

/* ---- 13.1 Bootstrap Carousel Controls ---- */
.carousel-indicators {
  z-index: 110;
}
.carousel-control {
  z-index: 100;
  color: #fff;
}
.carousel-control span {
  color: #FFF;
}
.carousel-control.right,
.carousel-control.left {
  background-image: none;
  width: 50px;
}
.carousel-indicators {
  bottom: 0;
}

/* ---- 13.2 Flexslider - Gradient ---- */

/* Index app-landing  */
.flexslider .slides li .image-over-box {
  width: 100%!important;
  height: 100%!important;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0!important;
  left: 0!important;
  background-position: top center!important;
  background-attachment: scroll;
  background-repeat: no-repeat!important;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
}


/* ---- 13.3 Owl Carousel - custom ---- */
.owl-hero {
  height: 600px;
}
.item {
  position: relative;
  height: 100%;
  z-index: 100;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.caption {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  z-index: 9999;
  color: #fff;
  text-shadow: 1px 1px 0px #000;
}
.owl-item .caption-wrapper {
  display: table-cell;
  vertical-align: middle;
}

/* ---- 13.4 Owl Carousel - APPSLIDER (App Landing Page) ---- */
.appSlider.owl-theme .owl-nav [class*='owl-'] {
  width: 35px;
  height: 35px;
  color: #8c8c8c;
  font-size: 14px;
  margin: 5px;
  padding: 8px;
  background: transparent;
  display: inline-block;
  border: 1px solid #8c8c8c;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
}
.appSlider.owl-theme .owl-nav [class*='owl-']:hover {
  background: transparent;
  color: #435880;
  text-decoration: none;
}
.phone-mask {
  position: absolute;
  top: -58px;
  left: 0px;
  z-index: 2;
  width: 100%;
  height: 0;
}
.phone-mask img {
  display: block;
  margin: 0 auto;
  max-width: 340px;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  pointer-events: none;
  visibility: inherit;
}


/* ---- 13.5 Owl Carousel - Blog News Section ---- */
#blogSlider {
  z-index: 0;
}
#blogSlider .item{
    display: block;
    cursor: pointer;
    border: 1px solid #efefef;
    background: #FFF;
    padding: 0;
    margin: 10px;
    color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: left;
}
#blogSlider .item:hover{
    background: none;
}
.post-item-img {
    position: relative;
    margin: auto !important;
    padding: 0 0 10px 0 !important;
}
.post-item-img img {
    width: 100%;
}
.post-news-info {
    text-align: left;
    padding: 0 20px;
}
.post-news-info h3 {
  letter-spacing: 1px;
}
.post-date {
  color: #888;
}
.post-news-info a {
  color: #9cb76a;
}
.post-news-info a:hover, .post-news-info a:focus {
  color: #777;
}
.pager .previous > a, .pager .previous > span {
    float: left;
}
.pager .next > a, .pager .next > span {
    float: right;
}
.pager li > a, .pager li > span {
    background-color: #fff;
    border: medium none;
    border-radius: none;
    display: inline-block;
    padding: 0;
    color: #849f4f;
}
.pager li > a:hover, .pager li a:focus {
    background-color: #fff;
    color: #aa7979;
}


/* ---- 13.6 Owl Carousel - Logo Carousel ---- */
.partners-logo .owl-carousel {
  z-index: 0;
  padding: 30px 0;
}
.partners-logo .owl-carousel .item{
    display: block;
    cursor: pointer;
    background: transparent;
    padding: 0;
}
.partners-logo .owl-carousel .item:hover{
  background: none;
}
.partners-logo .owl-carousel .owl-item img {
  width: 60%;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.partners-logo  .owl-carousel .owl-item a:hover img {
  opacity: 0.6;
  -webkit-transform: scale(0.95, 0.95);
     -moz-transform: scale(0.95, 0.95);
      -ms-transform: scale(0.95, 0.95);
       -o-transform: scale(0.95, 0.95);
          transform: scale(0.95, 0.95);
}


/* ---- 13.7 Owl Carousel - Testimonial Slider ---- */
.testimonialSlider {
  width: 70%;
  background-color: #fff;
  padding: 30px 0 15px;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
       -o-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
}
.testimonialSlider.owl-carousel.owl-loaded {
  margin: 0 auto;
  position: static;
}
.testimonialSlider.owl-theme .owl-nav [class*='owl-'] {
    background: rgba(255, 255, 255, 0.9);
    color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 45%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 45px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
         -o-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
            box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
}
.testimonialSlider.owl-carousel .owl-nav [class*=owl-]:hover {
  background: #1b90af;
  color: #FFF;
}
.testimonialSlider .owl-prev {
  position: absolute;
  left: 0;
  margin: 0;
  height: 80px;
  text-align: center;
  line-height: 80px;
  transform: translateY(-50%);
}
.testimonialSlider .owl-next {
  position: absolute;
  right: 0;
  margin: 0;
  height: 80px;
  text-align: center;
  line-height: 80px;
  transform: translateY(-50%);
}
.testimonialSlider .owl-item .item {
  padding: 0 30px;
  text-align: center;
}
.testimonialSlider .text-white {
  color: #fff;
}


/* ---- 13.8 Owl Carousel - owlSlider1 ---- */

/* owlSlider1 */
#owlSlider1 .owl-nav div.owl-prev,
#owlSlider1 .owl-nav div.owl-next {
  color: #fff;
  font-size: 14px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  margin: 0;
  text-align: center;
  line-height: 25px;
  width: 30px;
  height: 30px;
}
#owlSlider1 .owl-nav div.owl-prev{
  left: 2%;
  padding: 4px 9px 4px 7px;
  -webkit-transition: 0.4s;
     -moz-transition: 0.4s;
      -ms-transition: 0.4s;
       -o-transition: 0.4s;
          transition: 0.4s;
}
#owlSlider1 .owl-nav div.owl-next {
  right: 2%;
  padding: 4px 7px 4px 9px;
  -webkit-transition: 0.4s;
     -moz-transition: 0.4s;
      -ms-transition: 0.4s;
       -o-transition: 0.4s;
          transition: 0.4s;
}

#owlSlider1:hover .owl-nav div.owl-next{
  opacity: 1;
  -webkit-transition: 0.4s;
     -moz-transition: 0.4s;
      -ms-transition: 0.4s;
       -o-transition: 0.4s;
          transition: 0.4s;
}

#owlSlider1:hover .owl-nav div.owl-prev{
  opacity: 1;
  -webkit-transition: 0.4s;
     -moz-transition: 0.4s;
      -ms-transition: 0.4s;
       -o-transition: 0.4s;
          transition: 0.4s;
}

/* ---- 13.9 Owl Carousel - owlSlider2 ---- */

/* owlSlider2 */
#owlSlider2 .owl-nav div.owl-prev,
#owlSlider2 .owl-nav div.owl-next {
  color: #fff;
  font-size: 14px;
  margin-top: -15px;
  position: absolute;
  top: 50%;
  text-align: center;
  line-height: 25px;
  opacity: 0;
  width: 30px;
  height: 30px;
}
#owlSlider2:hover .owl-nav div.owl-next:hover,
#owlSlider2:hover .owl-nav div.owl-prev:hover{
  color:#fff;
  background: #1b90af;
}
#owlSlider2 .owl-nav div.owl-prev{
  left: 10%;
  padding: 4px 9px 4px 7px;
  -webkit-transition: 0.4s;
     -moz-transition: 0.4s;
      -ms-transition: 0.4s;
       -o-transition: 0.4s;
          transition: 0.4s;
}
#owlSlider2 .owl-nav div.owl-next {
  right: 10%;
  padding: 4px 7px 4px 9px;
  -webkit-transition: 0.4s;
     -moz-transition: 0.4s;
      -ms-transition: 0.4s;
       -o-transition: 0.4s;
          transition: 0.4s;
}
#owlSlider2:hover .owl-nav div.owl-next{
  right: 2%;
  opacity: 1;
  -webkit-transition: 0.4s;
     -moz-transition: 0.4s;
      -ms-transition: 0.4s;
       -o-transition: 0.4s;
          transition: 0.4s;
}
#owlSlider2:hover .owl-nav div.owl-prev{
  left: 2%;
  opacity: 1;
  -webkit-transition: 0.4s;
     -moz-transition: 0.4s;
      -ms-transition: 0.4s;
       -o-transition: 0.4s;
          transition: 0.4s;
}
#owlSlider2:hover .owl-nav div.owl-next:hover,
#owlSlider2:hover .owl-nav div.owl-prev:hover{
  color:#fff;
  background: #1b90af;
}

/* ---- 13.10 Owl Carousel - owlSlider3 ---- */

/* owlSlider3 */
#owlSlider3 {
  padding: 0 36px;
}
.owlSlider3 .owl-theme .owl-nav [class*='owl-'] {
  position: absolute;
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  height: 30px;
  width: 30px;
  padding: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 15px;
  line-height: 30px;
  background: #435880;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  -webkit-transition: 0.4s;
     -moz-transition: 0.4s;
       -o-transition: 0.4s;
      -ms-transition: 0.4s;
}
.owlSlider3 .owl-next,
.bowlSlider3 .owl-prev {
  position: absolute;
  top: 0;
  width: 36px;
  bottom: 0;

}
.owlSlider3 .owl-next {
  left: 96%;
  margin-left: -12px;
}
.owlSlider3 .owl-prev {
  right: 96%;
  margin-right: -12px;
}
.owlSlider3 .owl-next i,
.owlSlider3 .owl-prev i {
  font-size: 16px;
  line-height: 16px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}
.owlSlider3 .owl-next i {
  left: 10px;
}
.owlSlider3 .owl-prev i {
  right: 10px;
}
.owlSlider3:hover .owl-nav div.owl-next:hover,
.owlSlider3:hover .owl-nav div.owl-prev:hover{
    color:#fff;
    background: #1b90af;
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
  .owlSlider3 .owl-theme .owl-nav [class*='owl-'] {
    margin: 0;
  }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
  .owlSlider3 .owl-theme .owl-nav [class*='owl-'] {
    margin: 0 -5px;
  }
}
@media (max-width: 480px) {
  .owlSlider3 .owl-theme .owl-nav [class*='owl-'] {
    margin: 0 -12px;
  }
}
@media (max-width: 320px) {
  .owlSlider3 .owl-theme .owl-nav [class*='owl-'] {
    margin: 0 -18px;
  }
}

/* owlCustom-dots */
.owlCustomDots .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 5px;
}
/* owlInnerDots */
.owlInnerDots .owl-theme .owl-nav.disabled + .owl-dots,
.owlDotsFade .owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: -26px;
  position: relative;
}


/* ----------------------------------------------------------------------------- */
/*  14. Features Blocks
/* ----------------------------------------------------------------------------- */

/* Commons */
.feat-wrapper {
  margin-bottom: 40px;
}
.feat-description.text-white a {
  color: #fff;
}
.feat-description.text-white a:focus,
.feat-description.text-white a:hover {
  color: #435880;
}

/* ---- 14.1 icons Size - lg/md/sm/xs ---- */
.icon-xs {
  font-size: 20px;
}
.icon-sm {
  font-size: 30px;
}
.icon-md {
  font-size: 40px;
}
.icon-lg {
  font-size: 50px;
}
.icon-outlined {
  margin-bottom: 15px;
}
.icon-demo {
  border-right: 1px solid #ececec;
  padding: 20px 0;
  text-align: center;
}
.icon-name {
  padding: 25px 10px;
}
.demo-code {
  margin-bottom: 15px;
}
.highlight pre {
  border-color: #ececec;
  background: #fcfcfc;
  color: #666;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
span .bg-dark,
span .bg-blue {
  color: #fff;
}

/* ---- 14.2 Dashed Borders (Features) ---- */
.dashed-border .icon-box,
.dashed-border .feat-wrapper {
  border-bottom: 1px dashed #e5e5e5;
  padding: 25px 0 45px;
  margin-bottom: -15px;
}
.dashed-border .row>div.col-md-4 {
  border-left: 1px dashed #e5e5e5;
  margin-bottom: 30px;
}
.dashed-border .row>div.col-md-4:first-child {
  border-left: 0 none;
}
.dashed-border .icon-box:nth-last-child(3n+0) {
  border-bottom: 0 none;
}
.feature-caption p {
  padding-bottom: 20px;
}
.list-items li {
  margin-bottom: 10px;
}
.list-items li i.icon-xs {
  width: 24px;
  text-align: center;
}

/* ---- 14.3 Icon Box ---- */
.icon-box{
  margin: 0 0 60px;
  position: relative;
}
.icon-default {
  position: relative;
  line-height: 1;
  margin-bottom: 10px;
}
.icon-circle {
  position: relative;
  display: inline-block;
  z-index: 2;
  width: 90px;
  height: 90px;
  line-height: 85px;
  background: #fff;
  border: 1px solid #ececec;
  text-align: center;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
      -ms-transition: all 0.3s;
          transition: all 0.3s;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.icon-box.icon-center {
  text-align: center;
}
.icon-box.icon-left {
  text-align: left;
}
.icon-right {
  text-align: right;
}
.icon-box.icon-center .icon-circle {
  margin: 0 auto 15px;
}
.icon-box.icon-left .icon-circle {
  margin: 0 0 15px;
}
.icon-box.icon-right .icon-circle {
  margin: 0 0 15px 0;
}
.icon-circle i {
  color: inherit;
  vertical-align: middle;
}

/* animated icon hover */
.animated-icon:hover .icon-circle {
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
}
.animated-icon:hover .icon-circle.icon-dark {
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.8);
  border: 1px solid #435880;
}

/* box-left */
.icon-box.box-left, .icon-box.box-right {
  text-align: left;
  position: relative;
}
.icon-box.box-left .icon-default, .icon-box.box-right .icon-default {
  padding: 0;
  margin: 0;
  line-height: 55px;
  top: -10px;
  float: left;
}
.icon-box.box-left .box-content, .icon-box.box-right .box-content {
  padding: 0 0 0 65px;
}
.icon-box.box-right {
  text-align: right;
}
.icon-box.box-right .icon-default {
  left: auto;
  right: 0;
  float: right;
}
.icon-box.box-right .box-content {
  padding: 0 65px 0 0;
}
.dashed-border .box-content p {
  margin-bottom: 0;
}

/* Box Bordered */
.box-bordered {
  width: 100%;
  padding: 25px 15px;
  border-radius: 6px;
  margin-bottom: 30px;
  border: 1px solid #ececec;
  display: inline-block;
  -webkit-transition: 0.2s ease-in-out;
     -moz-transition: 0.2s ease-in-out;
       -o-transition: 0.2s ease-in-out;
      -ms-transition: 0.2s ease-in-out;
          transition: 0.2s ease-in-out;
}
/* Image Bordered */
.img-bordered {
  width: 100%;
  padding: 25px 15px;
  border-radius: 6px;
  border: 1px solid #ececec;
}
.bg-white-box {
  padding: 35px;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.15);
  margin-bottom: 40px;
}
.main-box {
  margin-bottom: 70px;
}
.box-caption {
  float: none;
  margin-top: 15px;
}
.box-heading {
  overflow: hidden;
}
.box-icon {
  width: 15%;
  text-align: center;
  float: left;
  margin-top: 3px;
  margin-right: 10px;
}
.box-icon i {
  width: 45px;
  padding: 5px 5px 5px 0;
  color: #8e8683;
  border-right: 1px solid #8e8683;
}
.box-description {
  width: 80%;
  float: left;
}
.box-description h4 {
  margin-bottom: 5px;
}
.box-description h5 {
  font-size: 15px;
  opacity: 0.8;
}


/* ----------------------------------------------------------------------------- */
/*  15. Team
/* ----------------------------------------------------------------------------- */

/* Team Member */
.team-member {
  overflow: hidden;
  position: relative;
  margin: 30px 0;
}
.team-member .img-wrapper {
  width: 75%;
  margin: 0 auto;
}
.team-member .team-member-detail {
  position: absolute;
  bottom: 0;
  left: 13%;
  width: 75%;
  height: 100%;
  border-radius: 50%;
  opacity: 0;
  padding: 23% 10%;
  -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
       -o-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
}
.team-member:hover .team-member-detail {
  cursor: pointer;
  opacity: 1;
  /* scale3d icons */
  -webkit-transform: scale3d(1.1,1.1,1);
     -moz-transform: scale3d(1.1,1.1,1);
      -ms-transform: scale3d(1.1,1.1,1);
       -o-transform: scale3d(1.1,1.1,1);
          transform: scale3d(1.1,1.1,1);
}
.team-member-subtext h5 {
  letter-spacing: 1px;
  text-transform: uppercase;
}
.team-social {
  width: 110px;
  margin: 10px auto;
}
.team-social a {
  border: 1px solid transparent;
  background: #6c829e;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  text-align: center;
}
.team-social a:hover {
  background: #fff;
  color: #6c829e;
}

@media screen and (max-width: 990px){
  .team-member{
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .team-social {
    margin: 5px auto;
  }
}

/* square-social */
.square-social a {
  background-color: transparent;
  border-radius: 15%;
  border: 1px solid #9e9e9e;
  color: #666;
  display: inline-block;
  font-size: 13px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 2px;
  text-align: center;
}
.square-social a:hover{
  color: #fff;
  border: 1px solid #435880;
  background-color: #435880;
}

/* Team 1 */
.team-info{
  text-align: center;
  position: relative;
  overflow: hidden;
}
.team-info img{
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}
.team-details {
  position: absolute;
  top:0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
       -o-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s;
}
.team-content {
  width: 100%;
  height:100%;
  display: table;
}
.team-inner {
  display: table-cell;
  vertical-align: middle;
}
.team-inner .description {
  position: relative;
  top:15%;
  padding: 0 20px;
  color:#414141;
  line-height: 23px;
  font-size: 15px;
}
.team-inner .description .contact-info a {
  font-weight: 500;
  color: #444;
}
.team-inner .description .contact-info a:hover,
.description .contact-info a:focus {
  color: #435880;
}
.team-inner .team-social-icon {
  list-style: none;
  padding: 0;
  position: relative;
  top:15%;
  margin-bottom: 0;
}
.team-inner .team-social-icon > li{
  display: inline-block;
}
.team-inner .team-social-icon > li > a{
  width: 33px;
  height: 33px;
  line-height: 33px;
  font-size: 15px;
  border: 1px solid #8c8c8c;
  border-radius: 50%;
  display: block;
  color:#414141;
  -webkit-transition: all 0.2s ease 0s;
     -moz-transition: all 0.2s ease 0s;
      -ms-transition: all 0.2s ease 0s;
       -o-transition: all 0.2s ease 0s;
          transition: all 0.2s ease 0s;
}
.team-inner .team-social-icon > li > a:hover{
  background: #435880;
  border-color: #435880;
  color: #fff;
  -webkit-transition: all 0.2s ease-out 0s;
     -moz-transition: all 0.2s ease-out 0s;
      -ms-transition: all 0.2s ease-out 0s;
       -o-transition: all 0.2s ease-out 0s;
          transition: all 0.2s ease-out 0s;
}
.team-label {
  font-family: 'Open Sans', Arial, sans-serif;
  padding: 12px 0 5px;
  margin-bottom: 30px;
}
.team-label .member-role, .member-role {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 10px;
  text-transform: uppercase;
  display: block;
  color:#93a0aa;
}
.team-label h5 {
  font-weight: 600;
}
.team-label-2 {
  padding: 12px 0 5px;
  background: #fff;
  border: 1px solid #e9e9e9;
  text-align: center;
  position: relative;
  top: -50px;
  cursor: pointer;
  width: 85%;
  margin: 0 auto;
}
.team-label-2 h5 {
  margin-bottom: 0;
}
.team-label-2 span {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 400;
}
.team-wrapper:hover .team-details {
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 1;
  -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
       -o-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s;
}
.team-wrapper:hover img {
  -webkit-transform: scale(1.1, 1.1);
     -moz-transform: scale(1.1, 1.1);
      -ms-transform: scale(1.1, 1.1);
       -o-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}



/* ----------------------------------------------------------------------------- */
/*  16. Testimonials
/* ----------------------------------------------------------------------------- */

/* Commons */
.circle-img img {
  border-radius: 50%;
  width: 80px!important;
  height: 80px;
  margin: 0 auto;
}
.testimonials p {
  font-style: italic;
  margin: 5px 20px;
  box-shadow: none;
}

/* ---- 16.1 Testimonials Grid ---- */

/* .testimonial-grid-1 */
#testimonial-grid-1 {
  list-style: none;
  overflow: hidden!important;
}
#testimonial-grid-1 .testimonial-item {
  padding: 25px;
  margin: 0px 20px 0 0;
  position: relative!important;
  float: left;
  border: 1px solid rgba(0,0,0,.1);
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.testimonial-quote blockquote {
  border: 0;
  margin: 0;
  padding: 0;
  background: none;
  font-family: Georgia, serif;
  font-style: italic;
  position: relative;
}
.testimonial-quote blockquote * {
  box-sizing: border-box;
}
.testimonial-quote blockquote p {
  font-weight: 500;
}
.testimonial-quote blockquote p:after, .testimonial-quote blockquote p:before {
  content: '”';
}
.testimonial-quote blockquote p:first-child:before {
  content: '“';
  position: relative;
  left: -3px;
  top: -3px;
}
.testimonial-quote blockquote p:first-child:after {
  content: '”';
  position: relative;
  left: 0;
  top: 8px;
}
.testimonial-quote img {
  position: absolute;
  display: block;
  width: 65px;
  height: 65px;
  border: 3px solid #9CC1D3;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.testimonial-quote cite {
  color: #b9b9b9;
  display: block;
  font-size: .8em;
  margin-top: 12px;
  font-style: normal;
  line-height: 1.3;
}
.testimonial-quote cite span {
  display: block;
  color: #444;
  font-size: 1em;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: -15px;
  text-transform: uppercase;
  text-shadow: 0 1px white;
}
.testimonial-quote {
  position: relative;
}
.testimonial-quote .quote-container {
  padding-left: 80px;
}
.testimonial-quote.right .quote-container {
  padding-left: 0;
  padding-right: 80px;
}
.testimonial-quote.right img {
  left: auto;
  right: 0;
}
.testimonial-quote.right cite {
  text-align: right;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  .testimonial-box {
    padding-right: 0;
  }
}

/* ---- 16.2 Testimonials Grid - two/three columns ---- */

p.grid-testimonials-text {
  margin-bottom: 0;
}
.grid-testimonials-citation
{
  color: #656262;
  display: block;
  font-size: 1.125em;
  font-weight: 700;
  margin-top: 2em;
  text-transform: uppercase;
  text-align: center
}
.grid-testimonials-holder
{
  border: 1px solid #ececec;
  padding: 25px;
  position: relative;
  margin-bottom: 30px;
}
.grid-testimonials-header {
  display: table;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
}
.grid-testimonials-img {
  width: 80px;
  display: table-cell;
  vertical-align: middle;
}
.grid-testimonials-img img {
  max-width: 100%;
  width: 65px;
  height: 65px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.grid-testimonials-holder .grid-testimonials-author {
  display: table-cell;
  vertical-align: middle;
}
.grid-testimonials-holder .grid-testimonials-author h4 {
  text-transform: uppercase;
  margin-bottom: 5px;
}
.grid-testimonials-holder .grid-testimonials-author h5 {
  margin: 0;
}
.grid-testimonials .quote-arrow {
  background: #fff;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  content: '';
  display: block;
  position: absolute;
  bottom: -21px;
  left: 50%;
  margin-left: -25px;
  width: 40px;
  height: 40px;
  webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
         transform: rotate(45deg);
}


/* ---- 16.3 Testimonials Grid - two/three columns - Dashed Borders ---- */
.dashed-6columns{
 padding: 25px;
 border-bottom: 1px dashed #ececec;
 border-right: 1px dashed #ececec;
}
.dashed-4columns{
 padding: 25px;
 border-bottom: 1px dashed #ececec;
 border-right: 1px dashed #ececec;
}
.dashed-4columns:nth-child(2n){
  border-right: none;
}
.dashed-4columns:nth-child(3n){
  border-bottom: none;
}
.dashed-4columns:nth-child(4n){
 border-bottom: none;
  border-right: none;
}

/* xs */
@media(max-width:767px){
  .dashed-4columns, .dashed-6columns{
    border-right: none;
  }
  .dashed-4columns:nth-child(3n),
  .dashed-6columns:nth-child(5n) {
    border-bottom: 1px dashed #ececec!important;
  }
}
/* sm */
@media(max-width:991px){
  .dashed-6columns:nth-child(2n){
    border-right: none;
  }
  .dashed-6columns:nth-child(5n){
    border-bottom: none;
  }
  .dashed-6columns:nth-child(6n){
    border-bottom: none;
  }
}
/* md */
@media(min-width:992px){
  .dashed-6columns:nth-child(3n){
    border-right: none;
  }
  .dashed-6columns:nth-child(4n){
    border-bottom: none;
  }
  .dashed-6columns:nth-child(5n){
    border-bottom: none;
  }
  .dashed-6columns:nth-child(6n){
    border-bottom: none;
  }
}

/* ---- 16.4 Testimonials Grid - two/three columns - Rounded Borders ---- */
.rounded-border {
  padding: 25px;
  border: 1px solid rgba(0,0,0,.1);
  margin-bottom: 30px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

/* ---- 16.5 Testimonials Blockquote ---- */
.quotes-testimonial blockquote {
    background: transparent;
    border: 0;
    font-style: italic;
    margin: 0;
    padding: 30px 20px 20px;
    position: relative;
}
.quotes-testimonial blockquote p {
    padding: 0 25px;
}
.quotes-testimonial h5,
.quotes-testimonial small {
    font-style: italic;
    margin-left: 45px;
    margin-bottom: 0;
}
.quotes-testimonial blockquote:before {
    display: block;
    left: 10px;
    top: 0;
    content: "“";
    font-weight: bold;
    font-size: 55px;
    font-family: "Times New Roman", Georgia, Serif;
    line-height: 1;
    position: absolute;
}
.quotes-testimonial blockquote:after {
    display: block;
    right: 10px;
    font-weight: bold;
    font-size: 55px;
    font-family: "Times New Roman", Georgia, Serif;
    line-height: 1;
    position: absolute;
    bottom: -0.5em;
    content: "”";
}

/* ---- 16.6 Testimonials Slider - Bootstrap ---- */
#quote-carousel {
  padding: 0 10px 10px 10px;
  margin-top: 60px;
  z-index: 0;
}
#quote-carousel .carousel-control {
  background: none;
  color: #459de8;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
#quote-carousel .carousel-indicators {
  position: relative;
  width: 63%;
  right: 50%;
  top: auto;
  bottom: 0px;
  min-height: 80px;
  margin-top: 25px;
  margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
  width: 50px;
  height: 50px;
  cursor: pointer;
  border: 1px solid #ececec;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  opacity: 0.4;
  overflow: hidden;
  vertical-align: middle;
  -webkit-transition: all 0.4s ease-in;
     -moz-transition: all 0.4s ease-in;
      -ms-transition: all 0.4s ease-in;
       -o-transition: all 0.4s ease-in;
          transition: all 0.4s ease-in;
}
#quote-carousel .carousel-indicators li img {
  width: 100%;
}
#quote-carousel .carousel-indicators .active {
  width: 80px!important;
  height: 80px!important;
  opacity: 1;
  -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
       -o-transition: all 0.2s;
          transition: all 0.2s;
}
.item blockquote {
  border-left: none;
  margin: 0;
}
.item blockquote p:before {
  content: "\f10d";
  font-family: 'Fontawesome';
  float: left;
  margin-right: 10px;
}



/* ----------------------------------------------------------------------------- */
/*  17. Counters
/* ----------------------------------------------------------------------------- */

/* ---- 17.1 Default Counter ---- */
.counters {
  text-align: center;
}
.counters .counter {
  font-weight: 500;
  letter-spacing: 1px;
  margin-top: 5px;
  margin-bottom: 0;
}
.counters .counter.counter-plus:after {
  font-weight: 600;
  content: "+";
  font-family: FontAwesome;
}
.counters p {
  margin-bottom: 8px;
}
.counters .box-border {
  padding: 25px 15px;
  margin: 10px 5px;
  border-radius: 6px;
  border: 1px solid #ececec;
}

/* ---- 17.2 Counter Size ---- */
/* counter-sm */
.counters-sm h2 {
  font-size: 36px;
}
.counters-sm i {
  font-size: 45px;
  padding: 10px 0;
}
.counters-sm p {
  font-size: 16px;
}

/* counter-md */
.counters-md h2 {
  font-size: 46px;
}
.counters-md i {
  font-size: 50px;
  padding: 10px 0;
}
.counters-md p {
  font-size: 20px;
}

/* counter-lg */
.counters-lg h2 {
  font-size: 56px;
}
.counters-lg i {
  font-size: 55px;
  padding: 10px 0;
}
.counters-lg p {
  font-size: 24px;
}

/* ---- 17.3 Counter-Up Section (creative-agency) ---- */
.gnx-counter {
  padding: 60px 0;
  text-align: center;
  font-family: 'Open Sans', Arial, sans-serif;
}
.fitness-counter {
  padding: 100px 0;
}
.gnx-counter i {
  margin: 20px 0;
}
.gnx-counter hr {
  margin-bottom: 10px;
}
.gnx-counter p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
.gnx-counter .statistic-counter {
  color: #fff;
}
.gnx-counter .blue-counter {
  color: #435880;
}

/* ---- 17.4 Download Counter (app-landing-2) ---- */
.download-counter {
  padding: 50px 0;
  font-family: 'Open Sans', Arial, sans-serif;
}
.download-counter p {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 14px;
  text-transform: uppercase;
}

/* download-icons list */
.download-counter .download-icons {
  text-align: center;
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}
.download-counter .download-icons li {
  cursor: pointer;
  display: inline-block;
  margin: 0 15px;
  background-color: #fff;
  height: 65px;
  width: 65px;
  line-height: 65px;
  border-radius: 10px;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
.download-counter .download-icons li:hover {
  box-shadow: 0px 0px 25px 5px rgba(0, 0, 0, 0.6);
  transition: all 0.3s ease-in-out;
}
.download-counter .download-icons li i {
  font-size: 35px;
  margin: 5px 0;
  color: #435880;
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
.download-counter .download-icons li:hover i {
  color: #2185da;
}
.download-counter .statistic-counter {
  letter-spacing: 3px;
  color: #fff;
}


/* ----------------------------------------------------------------------------- */
/*  18. Pricing Box
/* ----------------------------------------------------------------------------- */

/* Pricing Box 1 */
.price-box-1 {
  background-color: #fff;
  text-align: center;
  -webkit-box-shadow: 0px 1px 15px rgba(0,0,0,.1);
            box-shadow: 0 1px 15px rgba(0,0,0,.1);
  -webkit-border-radius: 10px 10px 3px 3px;
     -moz-border-radius: 10px 10px 3px 3px;
          border-radius: 10px 10px 3px 3px;
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
}
.price-box-1:hover {
  box-shadow: 0 0 20px rgba(0,0,0,.2);
}
.price-box-1 .active-box-1 .price-label h3,
.price-box-1 .price-label h3 {
  background: #555;
}
.price-box-1 ul li {
  padding: 10px 15px;
  border-bottom: 1px dashed #e5e5e5;
  max-width: 60%;
  margin: 10px auto;
  background-color: #fff;
}
.price-box-1 .price-header {
  padding: 40px 10px 0;
}
.price-box-1 .price-header h3 {
  font-size: 16px;
  margin-top: 20px;
  text-transform: uppercase;
}
.price-box-1 .price-header p {
  margin: 0 0 10px;
}
.price-box-1 .price-label h3 {
  font-size: 40px;
  text-align: center;
  padding: 20px;
}
.price-box-1 .price-label sup {
  font-size: 30px;
  font-weight: 400;
  margin-left: -10px;
  color: #435880;
}
.price-box-1 .price-footer {
  padding: 0 30px 30px;
}
.price-box-1.active-box {
  box-shadow: 0 0 30px rgba(0,0,0,.2);
  margin: -20px -30px 0;
  position: relative;
  z-index: 5;
  padding-top: 25px;
}
.price-box-1.active-box .price-label h3 {
    margin: 20px 0 15px;
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
 .price-box-1.active-box {
    margin: 0;
  }
  .price-box-1,
  .price-box-1.active-box {
    margin-bottom: 60px;
  }
}

/* Pricing Box 2 */
.price-box-2 {
  padding: 25px 0;
  background-color: #fff;
  text-align: center;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0px 1px 15px rgba(0,0,0,.1);
  box-shadow: 0 1px 15px rgba(0,0,0,.10);
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
}
.price-box-2:hover {
  box-shadow: 0 0 20px rgba(0,0,0,.2);
}
.price-box-2 ul li {
  padding: 5px 15px;
  border-bottom: 1px dashed #e5e5e5;
  max-width: 85%;
  margin: 10px auto;
  background-color: #fff;
}
.price-box-2 .price-header {
  padding: 20px 10px 0;
}
.price-box-2 .price-header h3 {
  font-size: 16px;
  font-weight: 700;
  margin-top: 10px;
  text-transform: uppercase;
}
.price-box-2 .price-header p {
  margin: 0 0 10px;
}
.price-box-2 .price-label h3 {
  font-size: 40px;
  text-align: center;
  padding: 20px;
  font-weight: 600;
  text-transform: uppercase;
}
.price-box-2 .price-label sup {
  font-size: 30px;
  font-weight: 400;
  margin-left: -10px;
  color: #435880;
}
.price-box-2 .price-footer {
  padding: 10px 20px;
}
.price-box-2.active-box {
  box-shadow: 0 0 30px rgba(0,0,0,.2);
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
  .price-box-2,
  .price-box-2.active-box {
    margin-bottom: 60px;
  }
}

/* ----------------------------------------------------------------------------- */
/*  19. Price Table
/* ----------------------------------------------------------------------------- */

/* ---- Price Table 1 ---- */
.price-table-1 {
  padding: 15px;
  list-style:none;
  text-align: center;
  color: #fff;
  border: 1px solid #ddd;
}
.price-table-1.active-table {
  background: #435880;
  border: none;
}
.price-table-1.active-table .title,
.price-table-1.active-table .price sup,
.price-table-1.active-table .price sup.month,
.price-table-1.active-table .price h3 span,
.price-table-1.active-table .description,
.price-table-1.active-table .table-item {
  color: #fff;
}
.price-table-1 .divider {
  width: 30%;
  margin: 0 auto;
}
.price-table-1 .title {
  padding: 15px 0 5px;
  font-size: 24px;
  font-weight: 500;
  color: #8c8c8c;
}
.price-table-1 .price h3 {
  font-size: 45px;
  text-align: center;
}
.price-table-1 .price h3 span {
  margin-left: -3px;
}
.price-table-1 .price sup {
  font-size: 20px;
  font-weight: 400;
  color: #435880;
  position: relative;
  top: -15px;
  left: 5px;
}
.price-table-1 .price sup.month {
  font-size: 16px;
  position: relative;
  top: -20px;
  color: #a8a8a8;
}
.price-table-1 .description {
  color:#a8a8a8;
  padding: 15px;
  font-size: 16px;
  border-bottom:dotted 1px #ddd;
}
.price-table-1 .table-item {
  padding: 15px;
  color: #8c8c8c;
  border-bottom:dotted 1px #ddd;
}
.price-table-1 .table-button {
  text-align:center;
  padding: 20px;
}
.price-table-1 .table-button a.gnx-btn {
  font-size: 14px;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 400;
}

/* ---- Price Table 2 ---- */
.price-table-2 {
  padding: 0;
  list-style:none;
  text-align: center;
  padding: 15px 30px;
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
}
.price-table-2.active-table,
.price-table-2:hover {
  background: rgba(0, 0, 0, 0.02);
}
.price-table-2 .title {
  padding: 15px 0 5px;
  font-size: 24px;
  font-weight: 500;
}
.price-table-2 .price h3 {
  font-size: 45px;
  text-align: center;
}
.price-table-2 .price h3 span {
  margin-left: -3px;
}
.price-table-2 .price sup {
  font-size: 20px;
  font-weight: 400;
  color: #435880;
  position: relative;
  top: -15px;
  left: 5px;
}
.price-table-2 .price sup.month {
  font-size: 16px;
  position: relative;
  top: -20px;
  color: #a8a8a8;
}
.price-table-2 .description {
  color: #a8a8a8;
  padding: 15px;
  font-size: 16px;
  border-bottom:dotted 1px #ddd;
}
.price-table-2 .table-item {
  padding: 15px;
  color: #8c8c8c;
  border-bottom:dotted 1px #ddd;
}
.price-table-2 .table-button {
  text-align:center;
  padding: 30px 15px;
}


/* ----------------------------------------------------------------------------- */
/*  20. Blog
/* ----------------------------------------------------------------------------- */

.blog-section {
  padding: 40px 0;
}
.blog-section .blog-post,
.blog-news .blog-post {
  border-top: 1px solid #f8f8f8;
  background: #f8f8f8;
  margin-bottom: 50px;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
       -o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
       -o-transition: all 0.3s;
          transition: all 0.3s;
}
.blog-section .blog-post:hover {
  -webkit-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
       -o-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
}
.gnx-blog-content {
  padding: 20px 30px 25px 30px;
}
.gnx-blog-content span {
  color: #888!important;
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
       -o-transition: all 0.3s;
          transition: all 0.3s;
}
.blog-content {
  padding: 30px 0;
}
.blog-item-content {
  padding: 40px 0;
}
.blog-content span {
  color: inherit;
}
.blog-section .pagination {
  font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
}
.blog-section .pagination>li>a, .blog-section .pagination>li>span {
  color: #999;
}
.blog-section .pagination>.active>a,
.blog-section .pagination>.active>a:focus,
.blog-section .pagination>.active>a:hover,
.blog-section .pagination>.active>span,
.blog-section .pagination>.active>span:focus,
.blog-section .pagination>.active>span:hover {
  color: #fff;
}
.blog-content .post-date {
  background: #435880;
  width: 70px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  padding: 3px 10px;
  margin-bottom: 15px;
}
.blog-section .post-meta .post-user,
.blog-section .post-meta .post-tags {
  font-size: 0.8em;
  font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  vertical-align: middle;
  display: inline-block;
  color: #999;
}
.blog-section .post-meta .post-tags a {
  color: #999;
}
.blog-section .post-meta .post-user span,
.blog-section .post-meta .post-tags span {
  padding-left: 10px;
  border-left: 1px solid #ececec;
}
.blog-section hr {
  margin: 25px auto 10px;
}
.blog-section .item-link {
  font-size: 13px;
  font-weight: 600;
  font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.blog-section .item-link,
.blog-section .item-link:hover {
  color: #435880;
}
.blog-section .item-link i {
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
       -o-transition: all 0.3s;
          transition: all 0.3s;
}
.blog-section .item-link:hover i {
  margin-left: 5px;
}
.blog-section .post-meta .post-date span,
.post-meta .post-comments span {
  display: inline-block;
  padding-left: 10px;
  border-left: 1px solid #ececec;
  font-family: "Open Sans", "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.8em;
  letter-spacing: 1px;
  text-transform: uppercase;
  vertical-align: middle;
  color: #999;
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
       -o-transition: all 0.3s;
          transition: all 0.3s;
}
.blog-section .post-meta .post-user,
.blog-section .post-meta .post-tags {
  display: inline-block;
}
.post-meta .post-user i,
.blog-section .post-meta .post-tags i,
.post-meta .post-date i,
.post-meta .post-comments i {
  display: inline-block;
  padding-right: 5px;
  font-size: 16px;
  color: #ccc;
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
       -o-transition: all 0.3s;
          transition: all 0.3s;
}
.post-meta .post-user:hover span,
.post-meta .post-user:hover i,
.post-meta .post-tags span a:hover,
.post-meta .post-tags:hover i,
.post-meta .post-tags span a:hover,
.post-meta .post-tags span:hover,
.post-meta .post-date:hover i,
.post-meta .post-date:hover span,
.post-meta .post-comments:hover i,
.post-meta .post-comments:hover span {
  color: #666;
}
.blog-section .post-meta .post-user {
  margin-right: 10px;
}
.gnx-blog-content .post-title,
.blog-content .post-title {
  display: block;
  padding: 20px 0 10px;
}
.gnx-blog-content .post-title h4,
.blog-content .post-title h4 {
  text-transform: uppercase;
  color: #666;
  letter-spacing: 1px;
}

/* SIDEBAR (single article) */
.blog-sidebar ul.nav {
  font-size: 14px;
}
.blog-sidebar ul.nav-list li:hover{
  background-color: #eee;
  color: inherit;
  text-decoration: none;
}
.blog-sidebar ul.nav-list li a:hover {
  background-color: transparent;
}
.blog-sidebar .widget-title {
  font-size: 18px;
  margin-bottom: 25px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e5e5e5;
}
.blog-sidebar .tags a {
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 6px 8px;
  border: 1px solid #e9e9e9;
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
       -o-transition: all 0.3s;
          transition: all 0.3s;
}
.blog-sidebar .tags a:hover {
    text-decoration: none;
    border-color: #c1c1c1;
    color: #444;
}

.blog-sidebar .widget {
  padding-bottom: 40px;
}
.blog-sidebar .comment-title {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e5e5e5;
}
.blog-sidebar .well {
  min-height: 20px;
  padding: 15px;
  margin-bottom: 20px;
  background-color: #fdfdfd;
  border: 1px solid #ececec;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.blog-sidebar .well p {
  font-size: 14px;
}
.blog-sidebar .well p a {
  font-weight: 400;
  color: #444;
}
.blog-sidebar .well p a:hover {
  color: #888;
}

/* ----------------------------------------------------------------------------- */
/*  21. Accordions
/* ----------------------------------------------------------------------------- */

/* Default */
.accordion-default .panel-default>.panel-heading {
  color: #333;
  background-color: #f2f2f2;
  padding: 15px;
  border-color: #ddd;
}
.accordion-default .panel-title a {
  display: block;
  color: #777;
  position: relative;
  -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
       -o-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s;
}

/* Accordion 1 */
#accordion-1 .panel-default>.panel-heading {
  color: rgb(51, 51, 51);
  background-color: #f2f2f2;
  border-color: transparent;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: rgba(221, 221, 221, 0);
}
.panel-group .panel {
  border-radius: 0;
}
a.accordion-toggle span {
  color: #adadad;
  margin-left: 10px;
}
.accordion-1 .panel-group .panel{
  border: 1px solid #fff;
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.1);
          box-shadow: 0 1px 5px rgba(0,0,0,.1);
}
.accordion-1 .panel-default>.panel-heading {
  color: inherit;
  background-color: #f5f5f5;
  border-color: #ddd;
  padding: 0;
  border-radius: 0;
  border: none;
}
.accordion-1 .panel-heading i {
  height: 30px;
  float: left;
}
.accordion-1 .panel-title a {
  display: block;
  padding: 15px 20px 15px 15px;
  background: #eeeeee;
  color: #777;
  position: relative;
  -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
       -o-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s;
}
.accordion-1 .panel-title a:after{
  content: "\f106";
  font-family: 'FontAwesome';
  font-size: 18px;
  position: absolute;
  top: 35%;
  right: 20px;
  -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
       -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
}
.accordion-1 .panel-title a.collapsed:after{
  content: "\f107";
  top: 35%;
}
.accordion-1 .panel-body {
  border: none;
}
.accordion-1 .panel-body p {
  margin-bottom: 5px;
}

/* Accordion 2 */
.accordion-2 .panel-group .panel{
  border: 1px solid #fff;
  background-color: #fff;
  border-radius: 4px;
}
.accordion-2 .panel{
  box-shadow: none;
}
.accordion-2 .panel-default>.panel-heading {
  color: inherit;
  background-color: transparent;
  border-color: transparent;
  padding: 0;
  border-radius: 0;
  border: none;
}
.accordion-2 .panel-title a {
  display: block;
  padding: 10px 20px 10px 15px;
  font-weight: 600;
  color: #808080;
  position: relative;
  -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
       -o-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s;
}
.accordion-2 .panel-title:after {
  content: '';
  display: block;
  margin: 10px auto 0;
  border-top: 1px dashed #eee;
}
.accordion-2 .panel-title a:after{
  content: "\f068";
  font-family: 'FontAwesome';
  font-size: 18px;
  position: absolute;
  top: 35%;
  right: 20px;
  -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
       -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
}
.accordion-2 .panel-title a.collapsed:after{
  content: "\f067";
  top: 35%;
  -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
       -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
}
.accordion-2 .panel-body {
  border: none;
}
.accordion-2 .panel-body p {
  margin-bottom: 5px;
  padding-left: 20px;
}

/* accordion colors */
.accordion-dark .panel-group .panel,
.accordion-primary .panel-group .panel,
.accordion-success .panel-group .panel,
.accordion-info .panel-group .panel,
.accordion-warning .panel-group .panel,
.accordion-danger .panel-group .panel {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.accordion-dark .panel-default>.panel-heading,
.accordion-primary .panel-default>.panel-heading,
.accordion-success .panel-default>.panel-heading,
.accordion-info .panel-default>.panel-heading,
.accordion-warning .panel-default>.panel-heading,
.accordion-danger .panel-default>.panel-heading {
  color: #fff;
  padding: 15px;
  border-color: #ddd;
}
.accordion-dark .panel-default>.panel-heading {
  background-color: #303030;
}
.accordion-primary .panel-default>.panel-heading {
  background-color: #435880;
}
.accordion-success .panel-default>.panel-heading {
  background-color: #5cb85c;
}
.accordion-info .panel-default>.panel-heading {
  background-color: #5bc0de;
}
.accordion-warning .panel-default>.panel-heading {
  background-color: #f0ad4e;
}
.accordion-danger .panel-default>.panel-heading {
  background-color: #d9534f;
}


/* ----------------------------------------------------------------------------- */
/*  22. ProgressBar v1.0 - css (plugin)
/* ----------------------------------------------------------------------------- */

@-webkit-keyframes animate-positive {
  0% { width: 0%; }
}
@keyframes animate-positive {
  0% { width: 0%; }
}

/* --- Progressbar Style --- */
.progress-wrapper {
  padding-left: 0;
}
.skills_progressbar {
    margin-bottom: 15px;
}
.skills_progressbar p.title {
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 3px;
}
.skills_progressbar .bar-container {
  position: relative;
  border-radius: 3px;
}
.skills_progressbar .bar-container .bar-height5{
  height: 5px;
}
.skills_progressbar .backgroundBar {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
.skills_progressbar .bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.skills_progressbar span.bar.primary {
      background: #ffcc66!important;
}
.skills_progressbar .targetBar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  -webkit-animation: Animation 2s infinite ease-in-out;
     -moz-animation: Animation 2s infinite ease-in-out;
          animation: Animation 2s infinite ease-in-out;
}
.skills_progressbar .targetBar.loader {
  background-image: url("../images/animated-overlay.gif");
    -webkit-animation: AnimationB 4s infinite ease-in-out;
       -moz-animation: AnimationB 4s infinite ease-in-out;
            animation: AnimationB 4s infinite ease-in-out;
}
.skills_progressbar .bar-container.border .bar, .skills_progressbar .bar-container.border .targetBar, .skills_progressbar .bar-container.border .backgroundBar {
  border-bottom: 3px solid rgba(0,0,0,.2);
}
.skills_progressbar .progress-percent {
  font-size: 14px;
  position: absolute;
  left: 15px;
  top: 1px;
}
.skills_progressbar span.progress-percent {
  color: #fff;
}

@keyframes Animation {
  0%   { opacity:.4; }
  50%   { opacity:1; }
  100% { opacity:.4; }
}
@-moz-keyframes Animation{
  0%   { opacity:.4; }
  50%   { opacity:1; }
  100% { opacity:.4; }
}
@-webkit-keyframes Animation{
  0%   { opacity:.4; }
  50%   { opacity:1; }
  100% { opacity:.4; }
}
@keyframes AnimationB {
  0%   { opacity:.01; }
  50%   { opacity:.1; }
  100% { opacity:.01; }
}
@-moz-keyframes AnimationB {
  0%   { opacity:.01; }
  50%   { opacity:.1; }
  100% { opacity:.01; }
}
@-webkit-keyframes AnimationB {
  0%   { opacity:.01; }
  50%   { opacity:.1; }
  100% { opacity:.01; }
}


/* ----------------------------------------------------------------------------- */
/*  23. Circle Progress Bar (Plugin)
/* ----------------------------------------------------------------------------- */
.circle-progress {
  text-align: center;
}
.circle {
  width: 150px;
  height: 150px;
  margin: 20px auto;
  display: inline-block;
  position: relative;
  text-align: center;
}
.circle.circle-small canvas {
  width: 80%!important;
  height: 80%!important;

}
.circle.circle-small div {
  top: 35px;
}
.circle canvas {
  vertical-align: middle;
  width: 100%;
}
.circle div {
  position: absolute;
  top: 50px;
  left: 3px;
  width: 100%;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  font-weight: 400;
}
.circle p {
  margin: 10px 0 30px;
  font-weight: 400;
}
.circle strong i {
  font-style: normal;
  font-size: 0.6em;
  font-weight: normal;
}
.circle span {
  display: block;
  color: #aaa;
  margin-top: 12px;
}

/* ----------------------------------------------------------------------------- */
/*  24. Flip Panels (Plugin)
/* ----------------------------------------------------------------------------- */
.card {
  width: 100%;
  height: auto;
  text-align: center;
  color: #fff;
}
.card-xs, .card-xs .front, .card-xs .back, .card-xs .other-front, .card-xs .other-back {
  height: 75px;
}
.card-sm, .card-sm .front, .card-sm .back, .card-sm .other-front, .card-sm .other-back {
  height: 150px;
}
.card-md, .card-md .front, .card-md .back, .card-md .other-front, .card-md .other-back {
  height: 225px;
  width: 100%;
}
.card-lg, .card-lg .front, .card-lg .back, .card-lg .other-front, .card-lg .other-back {
  height: 350px;
}
.card .overlay {
  z-index: -1;
}
.card .front, .card .back, .card .other-front, .card .other-back {
  width: 100%;
  height: 100%;
  display: table;
}
.card .front .card-content, .card .back .card-content, .card .other-front .card-content, .card .other-back .card-content {
  display: table-cell;
  vertical-align: middle;
}
.card h4,
.card p {
  margin-bottom: 0;
}

/* --- Owl Carousel Flip Panels --- */
.owl-flip .owl-stage-outer {
  padding: 25px 0;
}

/* --- Flip Panels Background Images --- */
.demo-background-1 {
  background-image: url(../../assets/images/demo-img/gnx-450x300.jpg);
  background-size: cover;
  background-position: center;
}
.demo-background-2 {
  background-image: url(../../assets/images/demo-img/gnx-450x300.jpg);
  background-size: cover;
  background-position: center;
}
.demo-background-3 {
  background-image: url(../../assets/images/demo-img/gnx-450x300.jpg);
  background-size: cover;
  background-position: center;
}
.demo-background-4 {
  background-image: url(../../assets/images/demo-img/gnx-450x300.jpg);
  background-size: cover;
  background-position: center;
}
.demo-background-5 {
  background-image: url(../../assets/images/demo-img/gnx-960x465.jpg);
  background-size: cover;
  background-position: center;
}
.demo-background-6 {
  background-image: url(../../assets/images/demo-img/gnx-960x465.jpg);
  background-size: cover;
  background-position: center;
}

/* ----------------------------------------------------------------------------- */
/*  25. Timeline
/* ----------------------------------------------------------------------------- */

.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px;
}
.timeline > li {
  margin-bottom: 20px;
  position: relative;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  width: 45%;
  float: left;
  padding: 20px;
  position: relative;
}
.timeline > li > .timeline-panel a:focus,
.timeline > li > .timeline-panel a:hover {
  color: inherit;
}
.timeline > li > .timeline-badge {
  color: #fff;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -8px;
  border: 3px solid #999999;
  background-color: #ffffff;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.timeline > li > .timeline-panel a:hover .timeline-date,
.timeline > li > .timeline-panel a:hover .timeline-date-reverse {
  opacity: 0.4;
  color: #666;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline-date {
  line-height: 1;
  font-size: 80px;
  font-weight: 900;
  opacity: 0.3;
  position: absolute;
  margin-bottom: 5px;
  text-transform: uppercase;
  right: 18px;
  top: -3px;
  webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
         transition: all 0.3s ease-in-out;
}
.timeline-date-reverse {
  line-height: 1;
  font-size: 80px;
  font-weight: 900;
  opacity: 0.3;
  position: absolute;
  margin-bottom: 5px;
  text-transform: uppercase;
  top: -3px;
  webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
         transition: all 0.3s ease-in-out;
}
.timeline-title {
  font-size: 23px;
  line-height: 30px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 20px;
}
.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}
.timeline-body > p + p {
  margin-top: 5px;
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
  .timeline-date, .timeline-date-reverse {
    font-size: 45px;
    top: 15px;
  }
}

/* ----------------------------------------------------------------------------- */
/*  26. Call To Action
/* ----------------------------------------------------------------------------- */

/* --- 26.1 Custom Cta --- */
.cta {
  padding: 70px 0;
  overflow: hidden;
  background-position: top;
}
.cta p span {
  text-transform: uppercase;
  font-size: 15px;
}
.cta .dark-text {
  color: #8c8c8c;
}

/* --- Cta 2 --- */
.cta .cta-inner {
  padding: 40px 0;
  width: 95%;
  margin: 0 auto;
  border: 1px solid #ececec;
  border-radius: 10px;
}
.cta .title-line {
  width: 70%;
  margin: 0 auto;
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
  .title-line h1:before,
  .title-line h1:after,
  .title-line h2:before,
  .title-line h2:after,
  .title-line h3:before,
  .title-line h3:after {
    border: none;
  }
}

/* --- Cta 4 - video button --- */
.video-thumbnail {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 30px 0 25px;
}
.video-thumbnail:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  content: "\f01d";
  font-family: FontAwesome;
  font-size: 50px;
  color: rgba(56, 150, 230, 0.8);
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.video-thumbnail:hover:before {
  color: rgb(56, 150, 230);
}

/* --- Cta 5 --- */
.cta-half {
  padding: 50px 0 75px;
}
.cta-half a {
  color: #fff;
}
.cta-half .title-line {
  width: 60%;
  margin: 0 auto;
}
.cta-half .title-line h5 {
  color: #e8e8e8;
  text-transform: uppercase;
}
.cta-half .title-line h5:before,
.cta-half .title-line h5:after {
  border-top: 1px solid #435880;
}
.cta-half .showcase-img {
  height: 400px;
}

@media (max-width: 480px) {
.cta-half .showcase-img {
    height: 160px;
  }
}
@media (max-width: 320px) {
.cta-half .showcase-img {
    height: 130px;
  }
}

/* --- Cta 6 --- */
.cta-6 i {
  line-height: 1;
}
#mailchimp input {
  width: 200px;
}

/* --- Cta 7 --- */
.cta-7 {
  padding: 70px 0;
}
.cta-7 h2 {
  color: #e8e8e8;
}
.cta-7 .showcase-img {
  height: 300px;
}

@media (max-width: 480px) {
.cta-7 .showcase-img {
    height: 160px;
  }
}
/* Old phones and smaller */
@media (max-width: 320px) {
.cta-7 .showcase-img {
    height: 130px;
  }
}

/* --- Cta 9 --- */
.screen-img {
  height: 290px;
}

/* --- Cta Video --- */
.cta-video {
  padding: 50px 0 75px;
  overflow: hidden;
}

/* cta-video video button */
.cta-video .video-thumbnail {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 30px;
}
.cta-video .video-thumbnail:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  content: "\f144";
  font-family: FontAwesome;
  font-size: 70px;
  color: rgba(56, 150, 230, 0.8);
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.cta-video .video-thumbnail p span {
  position: relative;
  top: 50px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  opacity: 1;
  letter-spacing: 1px;
  color: inherit;
  color: #fff;
}
.cta-video .video-thumbnail:hover:before {
  color: #435880;
}

/* --- Gnx-cta (vertical align middle) --- */
.gnx-cta {
  position: relative;
  width:auto;
  padding: 45px 65px;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
}
.gnx-cta-full {
  position: relative;
  width:auto;
  padding: 45px 65px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.gnx-cta > .row,
.gnx-cta-full > .row {
  display:table;
  width: calc(100% + 30px);
}
.gnx-cta > .row > [class^="col-"],
.gnx-cta > .row > [class*=" col-"],
.gnx-cta-full > .row > [class^="col-"],
.gnx-cta-full > .row > [class*=" col-"] {
  float: none;
  display:table-cell;
  vertical-align:middle;
}

/* --- cta border --- */
.cta-border {
  border: 1px solid #ececec;
}
.gnx-cta-full.cta-border {
  border-top: 1px solid #ececec;
  border-right: 0 none;
  border-bottom: 1px solid #ececec;
  border-left: 0 none;
}

/* --- inner border --- */
.gnx-cta-borders {
  border-top: 1px solid rgba(242, 242, 242, 0.15);
  border-bottom: 1px solid rgba(242, 242, 242, 0.15);
  border-radius: 0;
  border-left: none;
  border-right: none;
}

/* --- cta-box-shadow --- */
.cta-box-shadow {
  -webkit-box-shadow: 0px 1px 15px rgba(0,0,0,.1);
    box-shadow: 0 1px 15px rgba(0,0,0,.1);
}

@media (max-width: 991px){
  .gnx-cta-button .btn-block {
    display: block;
    width: 180px;
    margin: 10px auto 0;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
  .gnx-cta {
    padding: 45px 15px;
  }
  .gnx-cta > .row > [class^="col-"],
  .gnx-cta > .row > [class*=" col-"],
  .gnx-cta-full > .row > [class^="col-"],
  .gnx-cta-full > .row > [class*=" col-"] {
    display: block;
  }
}

/* --- Cta 16 --- */
.cta-16 {
  color: #fff;
}
.cta-16 .showcase-img {
  height: 290px;
}

/* --- Cta 17 --- */
.cta-17 {
  position: relative;
  width: auto;
  padding: 25px 0;
}

/* ---- 26.2 Cta Buttons ---- */

/* App Store Button */
.apple-icon:before{
   content: '\f179';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin:0px 10px 0px 0px;
   text-decoration:none;
}
a.btn-watch-video {
  color: #fff;
  text-transform: uppercase;
}
.btn-watch-video:after{
  content: '\f144';
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  margin:0px 0px 0px 10px;
  text-decoration:none;
}
.btn-watch-video:hover{
  color: #435880;
}
@media (max-width: 320px) {
    .btn-watch-video {
    margin-left: 0;
  }
}

/* download app btn dark */
.btn-app {
  font-size: 12px;
  letter-spacing: 1px;
  margin: 5px 0;
  padding: 5px 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.btn-app .button-text {
  font-size: 8px;
  text-align: left;
  line-height: 10px;
  margin-top: 3px;
  margin-bottom: 0;
}

/* dark button */
.btn-app-dark {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.btn-app-dark i {
  color: #fff!important;
}
.btn-app-dark.focus,
.btn-app-dark:focus,
.btn-app-dark:hover {
  color: #fff;
  background-color: #222;
  border-color: #222;
}
.btn-app-dark .button-text span {
  font-size: 12px;
  color: #fff;
  line-height: 14px;
}

/* White button */
.btn-app-white {
  color: #333;
  background: #fff;
  border: 1px solid #e5e5e5;
}
.btn-app-white:focus,
.btn-app-white:hover {
  color: #fff;
  background-color: #0d64af;
  border-color: #0d64af;
}
.btn-app-white .button-text span {
  font-size: 12px;
  color: inherit;
  line-height: 14px;
}

/* ---- 26.3 Cta Social Icons ---- */
.cta-social-rounded a {
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid #e3e3e3;
  color: #435880;
  display: inline-block;
  font-size: 13px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 2px;
  text-align: center;
}
.cta-social-rounded a:hover {
  background-color: #435880;
  border: 1px solid #435880;
  color: #fff;
}
.cta-social a {
  background-color: transparent;
  border-radius: 15%;
  border: 1px solid rgba(227, 227, 227, 0.55);
  color: #e8e8e8;
  display: inline-block;
  font-size: 13px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 2px;
  text-align: center;
}
.cta-social a:hover{
  background-color: #e8e8e8;
  color: #435880;
}

/* ---- 26.4 Cta Overlay ---- */
.cta-overlay-blue:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(19, 75, 103, 0.8)
}
.cta-overlay-dark:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
}
.cta-overlay-gradient-blue {
  background: #56c5d6;
  background: -webkit-linear-gradient(to right, #56c5d6, #435880);
  background: linear-gradient(to right, #56c5d6, #435880);
}


/* ----------------------------------------------------------------------------- */
/*  27. Contact Form
/* ----------------------------------------------------------------------------- */

/* Transparent */
.contact-form-transparent .form-group .controls .form-control {
  background: transparent;
  color: #fff
}
.contact-form .has-error .help-block,
.contact-form .has-error .form-control {
  font-size: 14px;
}
.contact-form-transparent .has-error .help-block,
.contact-form-transparent .has-error .form-control {
  color: #e4e4e4;
  font-size: 14px;
}
.contact-form .form-group label {
  font-weight: 400;
  font-size: 14px;
  color: #555;
}

/* ----------------------------------------------------------------------------- */
/*  28. Bootstrap Subscribe Form
/* ----------------------------------------------------------------------------- */

.input-group {
  margin: 0 auto;
}
.btn-group-lg>.btn, .btn-lg {
  padding: 10px 16px;
  font-size: 16px;
}
.well .btn-group-lg>.btn, .btn-subscribe {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  text-align: left;
}
.well .btn-group-lg>.btn, .btn-submit {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-info {
  color: #fff;
  background-color: #435880;
  border-color: #435880;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn-info:hover {
  color: #fff;
  background-color: #0d64af;
  border-color: #0d64af;
}

@media (min-width: 768px) and (max-width: 991px) {
  .input-group {
    margin: 0 auto;
    float: none!important;
  }
}
@media (max-width: 768px) {
  .input-group {
    margin: 0 auto;
    float: none!important;
  }
   .well .btn-group-lg>.btn, .btn-subscribe {
    width: 200px;
  }
}
@media (max-width: 480px) {
  .well .btn-group-lg>.btn, .btn-subscribe {
    width: 150px;
  }
  .input-group {
    margin: 0 auto;
    float: none!important;
  }
}
@media (max-width: 320px) {
  .input-group {
    margin: 10px auto 10px;
    float: none!important;
  }
  .well .btn-group-lg>.btn, .btn-subscribe {
    width: 150px;
  }
  .btn-group-lg>.btn, .btn-lg {
    padding: 6px 6px;
    font-size: 14px;
  }
}


/* ----------------------------------------------------------------------------- */
/*  29. Mailchimp Submit Form
/* ----------------------------------------------------------------------------- */

.subscribe-form {
  height: 40px;
}
#mailchimp input {
 border: medium none;
 color: gray;
 font-family: times new roman;
 font-size: 16px;
 font-style: italic;
 margin-bottom: 3px;
 padding: 8px 10px;
 width: auto;
}
#mailchimp input.email { width: 300px; background: #fff }
#mailchimp input.name { background: #fff}
#mailchimp input[type="submit"] {
  background: #115B87;
  color: #fff;
  cursor: pointer;
  font-size: 15px;
  width: 100px;
  padding: 10px 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#mailchimp input[type="submit"]:hover { color: #F2C94C }

/* Portrait phones and smaller */
@media (max-width: 480px) {
  #mailchimp input {
   width: 220px;
  }
  #mailchimp input[type="submit"] {
    width: 75px;
  }
}
/* Old phones and smaller */
@media (max-width: 320px) {
  #mailchimp input {
   width: 165px;
  }
}

/* ---- (search destination form - index-travel-agency) ---- */
.search-box {
  margin: 0 15px;
  background: rgba(65, 65, 65, 0.9);
  padding: 20px 5px 5px;
}
.form-wrapper {
  box-shadow: 4px 8px 16px rgba(0, 0, 0, 0.3);
}
.form-wrapper .input-group .form-control {
  border-radius: 0;
  padding: 25px 12px 23px;
}
.form-wrapper .input-group-btn>.btn {
  border-radius: 0;
  padding: 15px 30px 13px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.destination-form .form-control,
.destination-form .form-group,
.destination-form .input-group-btn .btn {
  height: 45px;
  border-radius: 4px;
}
.destination-form form,
.destination-form .input-group-btn button {
  margin-bottom: 15px;
}
.destination-form .input-group-btn .btn {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.destination-form .input-group,
.destination-form .form-control {
  color: #666;
}
.input-group .form-control::placeholder {
  color: #666;
  opacity: 1;
}

.input-group .form-control:-ms-input-placeholder {
  color: #666;
}

.input-group .form-control::-ms-input-placeholder {
  color: #666;
}
.destination-form input { font-family: 'FontAwesome', Roboto; }


/* ----------------------------------------------------------------------------- */
/*  30. Footers
/* ----------------------------------------------------------------------------- */

footer p {
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 0;
}
.footer-brand {
  text-transform: uppercase;
}
.footer-dark {
  background-color: #435880;
  color: #FFFFFF;
}
.footer-light {
  background-color: #FDFDFD;
  color: #666;
  border-top: 4px solid #F7F7F7;
  border-bottom: 4px solid #F7F7F7;
}

/* --- Footer 1 --- */
footer {
  padding: 60px 0;
}

/* --- Footer 2 --- */
.footer.footer-dark .footer-social a {
  width: 26px;
  height: 26px;
  font-size: 14px;
  text-align: center;
  margin: 0 3px 0 0;
  line-height: 1.8;
  color: #888;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15%;
  display: inline-block;
}
.footer.footer-dark .footer-social a:hover {
  color: #B1B1B1;
  text-decoration: none;
}

/* --- Footer 3 --- */
.footer-3 {
  padding: 35px 0;
}
.footer-3 p {
  margin-bottom: 0;
  font-size: 14px;
}
.footer-3.footer-light .footer-social a {
  color: #888;
  display: inline-block;
  font-size: 13px;
  height: 26px;
  line-height: 30px;
  text-align: center;
  width: 26px;
}
.footer-3.footer-light .footer-social a:hover {
  color: #666;
}
.footer-3.footer-dark .footer-social a {
  color: #888;
  display: inline-block;
  font-size: 13px;
  height: 26px;
  line-height: 30px;
  text-align: center;
  width: 26px;
}
.footer-3.footer-dark .footer-social a:hover {
  color: #C4C4C4;
}
@media (max-width: 767px) {
  .footer-3 {
    text-align: center;
  }
}

/* --- Footer 4 --- */
.footer-4 .footer-brand {
  margin: 0 0 10px;
  line-height: 1;
  font-size: 22px;
}
.footer-4 ul {
  list-style-type: none;
  margin: 0 0 10px;
  padding: 0;
}
.footer-4 li {
  display: inline;
  line-height: 25px;
  margin: 0 5px;
  font-size: 13px;
}
.footer-4 .footer-copy {
  text-align: center;
}
/* footer-dark */
.footer-4.footer-dark hr {
  margin-top: 10px;
  border-top: none;
  border-bottom: 1px solid #3A3A3A;
}
.footer-4.footer-dark li a {
  color: #D5D5D5;
  font-size: 14px;
}
.footer-4.footer-dark li a:hover {
  color: #435880;
}
.footer-4.footer-dark .footer-social a {
  border: 1px solid rgba(68, 68, 68, 0.5);
  border-radius: 15%;
  color: #A1A1A1;
  display: inline-block;
  font-size: 12px;
  text-align: center;
  width: 26px;
  height: 26px;
  line-height: 26px;
  margin-right: 2px;
}
.footer-4.footer-dark .footer-social a:hover {
  background-color: rgba(169, 169, 169, 0.1);
  color: #FFF;
}
/* footer-light */
.footer-4.footer-light hr {
  margin-top: 10px;
  border-top: none;
  border-bottom: 1px solid #ECECEC;
}
.footer-4.footer-light li a {
  font-size: 14px;
}
.footer-4.footer-light li a:hover {
  color: #435880;
}
.footer-4.footer-light .footer-social a {
  border: 1px solid rgba(68, 68, 68, 0.1);
  border-radius: 15%;
  color: #888888;
  display: inline-block;
  font-size: 12px;
  text-align: center;
  width: 26px;
  height: 26px;
  line-height: 26px;
  margin-right: 2px;
}
.footer-4.footer-light .footer-social a:hover {
  background-color: rgba(68, 68, 68, 0.6);
  color: #FEFEFE;
}
@media (max-width: 767px) {
  .footer-4 .footer-copy,
  .footer-4 h3.footer-brand {
    text-align: center;
  }
  .footer-4 .pull-right {
    text-align: center;
  }
}

/* --- Footer 5 --- */
.footer-5 {
  padding: 30px 0 20px;
}
.footer-5 .footer-brand {
  margin: 0;
}
.footer-5.footer-light hr {
  margin-top: 35px;
  margin-bottom: 15px;
  border-top: none;
}
.footer-5.footer-light hr {
  border-bottom: 1px solid #D9D9D9;
}
.footer-5.footer-dark hr {
  border-bottom: 1px solid #3A3A3A;
}
.footer-5 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.footer-5 li {
  display: inline;
  line-height: 25px;
  margin: 0 5px;
  font-size: 13px;
}
.footer-5.footer-light li a:hover {
  color: #111;
}
.footer-5 .footer-social a {
  border-radius: 15%;
  display: inline-block;
  font-size: 13px;
  height: 26px;
  line-height: 26px;
  margin-right: 2px;
  text-align: center;
  width: 26px;
}
.footer-5.footer-light .footer-social a {
  background-color: #ECECEC;
  color: #888;
}
.footer-5.footer-light .footer-social a:hover {
  background-color: #A4A4A4;
  color: #FFF;
}
.footer-5.footer-dark ul li a {
  color: #C6C6C6;
}
.footer-5.footer-dark ul li a:hover {
  color: #435880;
}
.footer-5.footer-dark .footer-social a {
  background-color: #383838;
  color: #C6C6C6;
}
.footer-5.footer-dark .footer-social a:hover {
  background-color: #303030;
  color: #FFF;
}
.footer-5 .footer-copy {
  position: absolute;
  bottom: 4px;
  right: 30px;
}
@media (max-width: 767px) {
  .footer-5 {
    padding: 30px 0 25px;
  }
  .footer-5 .footer-copy {
    position: relative;
    top: 10px;
    right: 0;
    text-align: center;
  }
}

/* --- Footer 6 --- */
.footer-6 {
  padding: 40px 0 20px;
}
.footer-6 h3 {
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
}
.footer-6.footer-light h3,
.footer-6.footer-light a {
  color: #666;
}
.footer-6.footer-dark h3 {
  color: #EEE;
}
.footer-6 a {
  font-weight: 500;
  line-height: 22px;
}
.footer-6.footer-dark a {
  color: #EEE;
}
.footer-6.footer-light a:hover {
  color: #333;
}
.footer-6.footer-dark a:hover {
  color: #435880;
}
.footer-6 hr {
  border-top: none;
}
.footer-6.footer-light hr {
  border-bottom: 1px solid #ECECEC;
}
.footer-6.footer-dark hr {
  border-bottom: 1px solid #3A3A3A;
}
.footer-6 .footer-social a {
  display: inline-block;
  font-size: 12px;
  height: 26px;
  line-height: 30px;
  text-align: center;
  width: 26px;
}
.footer-6.footer-light .footer-social a {
  color: #888;
}
.footer-6.footer-light .footer-social a:hover {
  color: #555;
}
.footer-6.footer-dark .footer-social a {
  color: #888;
}
.footer-6.footer-dark .footer-social a:hover {
  color: #EEE;
}
@media (max-width: 767px) {
  .footer-6 {
    text-align: center;
  }
  .footer-6 .footer-social {
    float: none !important;
    margin-top: 20px;
  }
}

/* --- Footer 7 --- */
.footer-7 {
  padding: 40px 0 30px;
}
.footer-7 h3 {
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
}
.footer-7.footer-light h3 {
  color: #666;
}
.footer-7.footer-dark h3 {
  color: #EEE;
}
.footer-7 .footer-brand {
  line-height: 26px;
  font-size: 22px;
  text-transform: uppercase;
}
.footer-7.footer-light .footer-brand {
  background: #FDFDFD;
  color: #435880;
}
.footer-7.footer-dark .footer-brand {
  background: #1B1B1B;
  color: #435880;
}
.footer-7 .title-line-right.title-double-right:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 6px;
  left: auto;
  top: 34%;
  right: 0;
}
.footer-7.footer-dark .title-line-right.title-double-right:before {
  border-top: 1px solid #3A3A3A;
  border-bottom: 1px solid #3A3A3A;
}
.footer-7 a {
  line-height: 22px;
}
.footer-7.footer-light a {
  color: #666;
}
.footer-7.footer-light a:hover {
  color: #111;
}
.footer-7.footer-dark a {
  color: #CECECE;
}
.footer-7.footer-dark a:hover {
  color: #FFF;
}
.footer-7 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.footer-7 li {
  display: inline;
  margin: 0 5px;
  font-size: 13px;
}
.footer-7.footer-light li a {
  color: #BABABA;
}
.footer-7.footer-light li a:hover {
  color: #435880;
}
.footer-7.footer-dark li a {
  color: #BABABA;
}
.footer-7.footer-dark li a:hover {
  color: #435880;
}
.footer-7 .copyright p,
.footer-7 .copyright .language-switch {
  display: inline-block;
  font-size: 11px;
}
.footer-7 .copyright p {
  margin-bottom: 0;
}
.footer-7 .copyright .language-switch:before {
  display: inline;
  margin-top: 2px;
  margin-right: 11px;
  margin-left: 9px;
  width: 1px;
  height: 10px;
  content: "|";
  font-size: 18px;
  font-family: monospace;
}
.footer-7 .copyright .language-switch a {
  cursor: pointer;
}
.footer-7.footer-light .copyright .language-switch ul.language-option li a:hover,
.footer-7.footer-dark .copyright .language-switch ul.language-option li a:hover {
  color: #444;
}
.footer-7 ul.language-option {
  margin-bottom: 0;
}
.footer-7 ul.language-option li {
  display: block !important;
}
.footer-7.footer-light ul.language-option li a {
  color: #888;
}
.footer-7.footer-dark ul.language-option li a {
  color: #888;
}
@media (max-width: 767px) {
  .footer-7 {
    text-align: center;
  }
  .footer-7 .footer-social {
    float: none !important;
    margin-top: 20px;
  }
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
  .footer-7 .title-line-right {
    text-align: center;
  }
  .footer-7 .title-line-right h3 {
    padding: 0 15px;
  }
}

/* --- Footer 8 --- */
.footer-8 {
  padding: 30px 0;
}
.footer-8 .footer-social a {
  display: inline-block;
  font-size: 14px;
  width: 26px;
  height: 26px;
  text-align: center;
  margin: 14px 5px 5px 5px;
}
.footer-8.footer-light .footer-social a {
  color: #888;
}
.footer-8.footer-light .footer-social a:hover {
  color: #666;
}
.footer-8.footer-dark .footer-social a {
  color: #888;
}
.footer-8.footer-dark .footer-social a:hover {
  color: #CECECE;
}
.footer-8 .footer-brand {
  font-size: 25px;
  line-height: 1.9;
  text-align: right;
}
@media (max-width: 767px) {
  .footer-8 {
    text-align: center;
  }
  .footer-8 .footer-social a {
    margin: 10px 5px 0;
  }
}

/* --- Footer 9 --- */
.footer-9 {
  padding: 40px 0 20px;
}
.footer-9 ul li {
  font-size: 13px;
  line-height: 18px;
}
.footer-9 ul li a {
  font-weight: 400;
}
.footer-9.footer-light ul li a {
  color: #666;
}
.footer-9.footer-dark ul li a {
  color: #B1B1B1;
}
.footer-9.footer-light a:hover {
  color: #222;
  margin-left: 2px;
}
.footer-9.footer-dark a:hover {
  color: #435880;
  margin-left: 2px;
}
.footer-9 h3 {
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 20px;
}
.footer-9.footer-light h3 {
  color: #666;
}
.footer-9.footer-dark h3 {
  color: #EEE;
}
.footer-9 h3.footer-brand {
  font-size: 30px;
  line-height: 1;
  margin-bottom: 45px;
}

/* --- Footer 10 --- */
.footer-10 {
  padding: 40px 0;
}
.footer-10 h3 {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.footer-10.footer-light h3 {
  color: #888;
}
.footer-10.footer-dark h3 {
  color: #DEDEDE;
}
.footer-10 .footer-brand {
  line-height: 1;
  margin-bottom: 8px;
}
.footer-10 p {
  margin-top: 13px;
  margin-bottom: 21px;
  line-height: 18px;
}
.footer-10 ul li {
  line-height: 18px;
}
.footer-10 ul li a {
  font-size: 13px;
  font-weight: 400;
}
.footer-10.footer-light ul li a,
.footer-10.footer-light .footer-social a {
  color: #888;
}
.footer-10.footer-light ul li a:hover,
.footer-10.footer-light .footer-social a:hover {
  color: #444;
}
.footer-10.footer-dark ul li a,
.footer-10.footer-dark .footer-social a {
  color: #A5A5A5;
}
.footer-10.footer-dark ul li a:hover,
.footer-10.footer-dark .footer-social a:hover {
  color: #DEDEDE;
}
.footer-10 a:hover {
  color: #435880;
}
.footer-10 .footer-social {
  margin-bottom: 13px;
}
.footer-10 .footer-social a {
  display: inline-block;
  font-size: 13px;
  height: 26px;
  width: 26px;
}
@media (max-width: 767px) {
  .footer-10 {
    text-align: center;
  }
}

/* --- Footer 11 --- */
.footer-11 {
  padding: 50px 0 0;
}
.footer-11 .footer-brand {
  line-height: 15px;
}
.footer-11 h3 {
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 5px;
}
.footer-11.footer-light h3 {
  color: #666;
}
.footer-11.footer-dark h3 {
  color: #EEE;
}
.footer-11 p,
.footer-11 .footer-list p {
  line-height: 18px;
}
.footer-11 .footer-list p {
  margin-top: 5px;
}
.footer-11 .input-group {
  margin: 0;
}
.footer-11 .footer-list ul {
  list-style: outside none;

  padding: 0;
  margin-bottom: 0;
  display: inline-block;
}
.footer-11 .footer-list ul li a img {
  float: left;
  margin: 5px 10px 0 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.footer-11 .footer-gallery .img-holder {
  margin: 1px;
}
.footer-11 .footer-gallery .img-holder a img:hover {
  opacity: 0.7;
}
.footer-11 .footer-gallery a img {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-backface-visibility: hidden;
}
.footer-11 .footer-list ul li a img:hover {
  opacity: 0.7;
}
.footer-11 .footer-list ul li a {
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 0;
}
.footer-11.footer-light .footer-list ul li a {
  color: inherit;
}
.footer-11.footer-dark .footer-list ul li a {
  color: #B1B1B1;
}
.footer-11.footer-light .footer-list ul li a:hover,
.footer-11.footer-light .news-comments:hover {
  color: #444;
  text-decoration: none;
}
.footer-11.footer-dark .footer-list ul li a:hover,
.footer-11.footer-dark .news-comments:hover {
  color: #DEDEDE;
  text-decoration: none;
}
.footer-11 .news-comments {
  font-weight: 400;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.footer-11.footer-light .news-comments {
  color: #A3A3A3;
}
.footer-11.footer-dark .news-comments {
  color: #6F6F6F;
}
.footer-11 .location li {
  padding-left: 25px;
  position: relative;
  margin-bottom: 18px;
  font-size: 13px;
  line-height: 18px;
}
.footer-11.footer-light .location li {
  color: #666;
}
.footer-11.footer-dark .location li {
  color: #B1B1B1;
}
.footer-11 .location li i {
  position: absolute;
  left: 0;
  font-size: 16px;
}
.footer-11.footer-light .location li i {
  color: #ACACAC;
}
.footer-11.footer-dark .location li i {
  color: #555;
}
.footer-11.footer-light hr {
  border-bottom: 1px solid #ECECEC;
  margin: 10px 0;
}
.footer-11.footer-dark hr {
  border-bottom: 1px solid #3A3A3A;
  margin: 10px 0;
}
.footer-11 .footer-social a {
  border-radius: 15%;
  display: inline-block;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  margin-right: 2px;
  text-align: center;
  width: 26px;
}
.footer-11.footer-dark .footer-social a {
  border: 1px solid rgba(68, 68, 68, 0.5);
  color: rgb(136, 136, 136);
}
.footer-11.footer-light .footer-social a {
  border: 1px solid rgba(68, 68, 68, 0.5);
  color: rgb(136, 136, 136);
}
.footer-11.footer-light .footer-social a:hover {
  background-color: rgba(169, 169, 169, 0.1);
  color: #FFF;
}
.footer-11.footer-dark .footer-social a:hover {
  background-color: rgba(169, 169, 169, 0.1);
  color: #FFF;
}
.footer-11 .footer-copy {
  padding: 30px 0 20px;
}
.footer-11.footer-light .footer-copy {
  background-color: #222;
  color: #E5E5E5;
}
.footer-11.footer-dark .footer-copy {
  background-color: #222;
}
.footer-11.footer-light .footer-copy a {
  color: #BABABA;
}
.footer-11.footer-light .footer-copy a:hover {
  color: #435880;
}
.footer-11.footer-dark .footer-copy a {
  color: #BABABA;
}
.footer-11.footer-dark .footer-copy a:hover {
  color: #435880;
}
.footer-11 .footer-copy span.therms {
  margin-left: 10px;
}
.footer-11 .well {
  padding: 0;
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.footer-11 input.btn.btn-sm {
  width: 65%;
  height: 30px;
  border-radius: 0;
  margin: 0 !important;
}
.footer-11.footer-light input.btn.btn-sm {
  background: #ECECEC;
}
.footer-11 button.btn {
  width: 35%;
  height: 30px;
  padding: 0 !important;
  margin: 0 !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.footer-11 .input-group-addon {
  padding: 6px 8px;
}
.footer-11 .footer-gallery li {
  display: block;
  float: left;
}
.footer-11 .footer-gallery ul li a:hover {
  opacity: 0.7;
}

@media (max-width: 767px) {
  .footer-11 .footer-list,
  .footer-11 .footer-copy {
    text-align: center;
    margin-top: 0;
  }
  .footer-11 .input-group {
    margin: 0 auto;
  }
}