/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
@font-face {
  font-family: 'FontAwesome';
  src: url("../bower_components/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../bower_components/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../bower_components/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../bower_components/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../bower_components/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../bower_components/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

/*themify icons*/
@font-face {
  font-family: 'themify';
  src: url("../bower_components/themify-icons/fonts/themify.eot");
  src: url("../bower_components/themify-icons/fonts/themify.eot?#iefix") format("embedded-opentype"), url("../bower_components/themify-icons/fonts/themify.woff") format("woff"), url("../bower_components/themify-icons/fonts/themify.ttf") format("truetype"), url("../bower_components/themify-icons/fonts/themify.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

/**et line icons**/
@font-face {
  font-family: 'et-line';
  src: url("../et-line-font/fonts/et-line.eot");
  src: url("../et-line-font/fonts/et-line.eot?#iefix") format("embedded-opentype"), url("../et-line-font/fonts/et-line.woff") format("woff"), url("../et-line-font/fonts/et-line.ttf") format("truetype"), url("../et-line-font/fonts/et-line.svg#et-line") format("svg");
  font-weight: normal;
  font-style: normal; }




body {
  background: #fff;
  color: #666666;
  font-family: "Open Sans", sans-serif;

}

a {
  color: #D25B73;
  transition: 0.5s;
}

a:hover, a:active, a:focus {
  color: #03c5ec;
  outline: none;
  text-decoration: none;
}

p {
  padding: 0;
  margin: 0 0 30px 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0;
}

/* Prelaoder */
#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fff url("../img/preloader.svg") no-repeat center center;
}

/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  padding: 6px 12px 9px 12px;
  font-size: 16px;
  border-radius: 2px;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
}

@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }
}

.back-to-top:focus {
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  outline: none;
}

.back-to-top:hover {
  background: #D25B73;
  color: #fff;
}

/*--------------------------------------------------------------
# Welcome
--------------------------------------------------------------*/
#hero {
  display: table;
  width: 100%;
  height: 100vh;
  background: url(../img/slider/bg-1.jpg) center center fixed;
  background-size: cover;
}

#hero .hero-logo {
  margin: 20px;
}

#hero .hero-logo img {
  max-width: 100%;
}

#hero .hero-container {
  background: rgba(0, 0, 0, 0.5);
  display: table-cell;
  margin: 0;
  padding: 0;
  text-align: center;
  vertical-align: middle;
}

#hero h1 {
  margin: 30px 0 10px 0;
  font-weight: 700;
  line-height: 48px;
  text-transform: uppercase;
  color: #fff;
}

@media (max-width: 768px) {
  #hero h1 {
    font-size: 28px;
    line-height: 36px;
  }
}

#hero h2 {
  color: #999;
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  #hero h2 {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 30px;
  }
  #hero h2 .rotating {
    display: block;
  }
}

#hero .rotating > .animated {
  display: inline-block;
}

#hero .actions a {
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 20px;
  border-radius: 2px;
  transition: 0.5s;
  margin: 10px;
}

#hero .btn-get-started {
  background: #D25B73;
  border: 2px solid #D25B73;
  color: #fff;
}

#hero .btn-get-started:hover {
  background: none;
  border: 2px solid #fff;
  color: #fff;
}

#hero .btn-services {
  border: 2px solid #fff;
  color: #fff;
}

#hero .btn-services:hover {
  background: #D25B73;
  border: 2px solid #D25B73;
}


@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 812px) {

    .desktop-logo {
      display: none;
    }
  }

  @media only screen
   and (min-device-width: 812px) {

      .mobile-logo {
        display: none;
      }
    }


  /*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  background: #111;
  padding: 20px 0;
  height: 90px;
}

#header #logo {
  float: left;
}

#header #logo h1 {
  font-size: 36px;
  margin: 0;
  padding: 6px 0;
  line-height: 1;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
}

#header #logo h1 a, #header #logo h1 a:hover {
  color: #fff;
}

#header #logo img {
  padding: 0;
  margin: 0;
  max-height: 50px;
}

@media (max-width: 768px) {
  #header {
    height: 80px;
  }
  #header #logo h1 {
    font-size: 26px;
  }
  #header #logo img {
    max-height: 40px;
  }
}

.is-sticky #header {
  background: rgba(0, 0, 0, 1.0);
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Nav Menu Essentials */
.nav-menu, .nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}

.nav-menu li {
  position: relative;
  white-space: nowrap;
}

.nav-menu > li {
  float: left;
}

.nav-menu li:hover > ul,
.nav-menu li.sfHover > ul {
  display: block;
}

.nav-menu ul ul {
  top: 0;
  left: 100%;
}

.nav-menu ul li {
  min-width: 180px;
}

/* Nav Menu Arrows */
.sf-arrows .sf-with-ul {
  padding-right: 30px;
}

.sf-arrows .sf-with-ul:after {
  content: "\f107";
  position: absolute;
  right: 15px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}

.sf-arrows ul .sf-with-ul:after {
  content: "\f105";
}

/* Nav Meu Container */
#nav-menu-container {
  float: right;
  margin: 5px 0;
}

@media (max-width: 1200px) {
  #nav-menu-container {
    display: none;
  }
}

/* Nav Meu Styling */
.nav-menu a {
  padding: 10px 15px;
  text-decoration: none;
  display: inline-block;
  color: #fff;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  font-size: 18px;
  outline: none;
}

.nav-menu a:hover, .nav-menu li:hover > a, .nav-menu .menu-active > a {
  color: #D25B73;
}

.nav-menu ul {
  margin: 4px 0 0 15px;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.08);
}

.nav-menu ul li {
  background: #fff;
  border-top: 1px solid #f4f4f4;
}

.nav-menu ul li:first-child {
  border-top: 0;
}

.nav-menu ul li:hover {
  background: #f6f6f6;
}

.nav-menu ul li a {
  color: #333;
}

.nav-menu ul ul {
  margin: 0;
}

/* Mobile Nav Toggle */
#mobile-nav-toggle {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
  margin: 20px 20px 0 0;
  border: 0;
  background: none;
  font-size: 24px;
  display: none;
  transition: all 0.4s;
  outline: none;
}

#mobile-nav-toggle i {
  color: #fff;
}

@media (max-width: 1200px) {
  #mobile-nav-toggle {
    display: inline;
  }
}

/* Mobile Nav Styling */
#mobile-nav {
  position: fixed;
  top: 0;
  padding-top: 18px;
  bottom: 0;
  z-index: 998;
  background: rgba(0, 0, 0, 0.9);
  left: -260px;
  width: 260px;
  overflow-y: auto;
  transition: 0.4s;
}

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

#mobile-nav ul li {
  position: relative;
}

#mobile-nav ul li a {
  color: #fff;
  font-size: 16px;
  overflow: hidden;
  padding: 10px 22px 10px 15px;
  position: relative;
  text-decoration: none;
  width: 100%;
  display: block;
  outline: none;
}

#mobile-nav ul li a:hover {
  color: #fff;
}

#mobile-nav ul li li {
  padding-left: 30px;
}

#mobile-nav ul .menu-has-children i {
  position: absolute;
  right: 0;
  z-index: 99;
  padding: 15px;
  cursor: pointer;
  color: #fff;
}

#mobile-nav ul .menu-has-children i.fa-chevron-up {
  color: #D25B73;
}

#mobile-nav ul .menu-item-active {
  color: #D25B73;
}

#mobile-body-overly {
  width: 100%;
  height: 100%;
  z-index: 997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}

/* Mobile Nav body classes */
body.mobile-nav-active {
  overflow: hidden;
}

body.mobile-nav-active #mobile-nav {
  left: 0;
}

body.mobile-nav-active #mobile-nav-toggle {
  color: #fff;
}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
/* Sections Common
--------------------------------*/
.section-title {
  font-size: 32px;
  color: #111;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
}

.section-title-privacy {
  font-size: 20px;
  color: #111;
  text-transform: uppercase;
  text-align: left;
  font-weight: 600;
}


.section-description {
  text-align: center;
  margin-bottom: 40px;
  font-size: 16px;

}

.section-description-privacy {
  text-align: justify;
  margin-bottom: 40px;
  font-size: 16px;

}

.section-title-divider {
  width: 50px;
  height: 3px;
  background: #D25B73;
  margin: 0 auto;
  margin-bottom: 20px;
}

/* Get Started Section
--------------------------------*/
#about {
  background: #fff;
  padding: 50px 0;
}

#about .about-container {
  background: url(../img/about-img.jpg) left top no-repeat;
}

#about .about-content {
  background: #fff;
}

#about .about-title {
  color: #333;
  font-weight: 700;
  font-size: 28px;
}

#about .about-text {
  line-height: 26px;
}

#about .about-text:last-child {
  margin-bottom: 0;
}

/* Services Section
--------------------------------*/
#services {
  background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.7)), url("../img/services-bg.jpg") fixed center center;
  background-size: cover;
  padding: 80px 0 60px 0;
}



#services .service-item {
  margin-bottom: 20px;
}

#services .service-icon {
  float: left;
  background: #D25B73;
  padding: 16px;
  border-radius: 50%;
  transition: 0.5s;
  border: 1px solid #D25B73;
}

#services .service-icon i {
  color: #fff;
  font-size: 24px;
}

#services .service-item:hover .service-icon {
  background: #fff;
}

#services .service-item:hover .service-icon i {
  color: #D25B73;
}

#services .service-title {
  margin-left: 80px;
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: uppercase;
}

#services .service-title a {
  color: #111;
}

#services .service-description {
  margin-left: 80px;
  line-height: 24px;
}

/* Subscribe Section
--------------------------------*/
#subscribe {
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../img/subscribe-bg.jpg) fixed center center;
  background-size: cover;
  padding: 80px 0;
}

@media only screen and (max-device-width : 860px) {
  #subscribe {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../img/subscribe-bg-small.jpg);
    background-size: cover;
    padding: 80px 0;

  }

}



#subscribe .subscribe-title {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}

#subscribe .subscribe-text {
  color: #fff;
}

#subscribe .subscribe-btn-container {
  text-align: center;
  padding-top: 20px;
}

#subscribe .subscribe-btn {
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 20px;
  border-radius: 2px;
  transition: 0.5s;
  margin: 10px;
  border: 2px solid #fff;
  color: #fff;
}

#subscribe .subscribe-btn:hover {
  background: #D25B73;
  border: 2px solid #D25B73;
}

/* Portfolio Section
--------------------------------*/
#portfolio {
  background: #fff;
  padding: 80px 0;
}

#portfolio .portfolio-item {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  height: 260px;
  width: 100%;
  display: table;
  overflow: hidden;
  margin-bottom: 30px;
}

#portfolio .portfolio-item .details {
  height: 260px;
  background: #fff;
  display: table-cell;
  vertical-align: middle;
  opacity: 0;
  transition: 0.3s;
  text-align: center;
}

#portfolio .portfolio-item .details h4 {
  font-size: 16px;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translate3d(0, -15px, 0);
  transform: translate3d(0, -15px, 0);
  font-weight: 700;
  color: #333333;
}

#portfolio .portfolio-item .details span {
  display: block;
  color: #666666;
  font-size: 13px;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translate3d(0, 15px, 0);
  transform: translate3d(0, 15px, 0);
}

#portfolio .portfolio-item:hover .details {
  opacity: 0.8;
}

#portfolio .portfolio-item:hover .details h4 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#portfolio .portfolio-item:hover .details span {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Testimonials Section
--------------------------------*/
#testimonials {
  background: #f6f6f6;
  padding: 80px 0;
}

#testimonials .profile {
  text-align: center;
}

#testimonials .profile .pic {
  border-radius: 50%;
  border: 6px solid #fff;
  margin-bottom: 15px;
  overflow: hidden;
  height: 260px;
  width: 260px;
}

#testimonials .profile .pic img {
  max-width: 100%;
}

#testimonials .profile h4 {
  font-weight: 700;
  color: #D25B73;
  margin-bottom: 5px;
}

#testimonials .profile span {
  color: #333333;
}

#testimonials .quote {
  position: relative;
  background: #fff;
  padding: 60px;
  margin-top: 40px;
  font-size: 16px;
  font-style: italic;
  border-radius: 5px;
}

#testimonials .quote b {
  display: inline-block;
  font-size: 22px;
  left: -9px;
  position: relative;
  top: -8px;
}

#testimonials .quote small {
  display: inline-block;
  right: -9px;
  position: relative;
  top: 4px;
}

/* Team Section
--------------------------------*/
#team {
  background: #fff;
  padding: 80px 0 60px 0;
}

#team .member {
  text-align: center;
  margin-bottom: 20px;
}

#team .member .pic {
  margin-bottom: 15px;
  overflow: hidden;
  height: 260px;
}

#team .member .pic img {
  max-width: 100%;
}

#team .member h4 {
  font-weight: 700;
  margin-bottom: 2px;
}

#team .member span {
  font-style: italic;
  display: block;
  font-size: 13px;
}

#team .member .social {
  margin-top: 15px;
}

#team .member .social a {
  color: #b3b3b3;
}

#team .member .social a:hover {
  color: #D25B73;
}

#team .member .social i {
  font-size: 18px;
  margin: 0 2px;
}

/* Contact Section
--------------------------------*/
#contact {
  background: #ffffff;
  padding: 80px 0;
}

#contact .info {
  color: #333333;
}

#contact .info i {
  font-size: 32px;
  color: #D25B73;
  float: left;
}

#contact .info p {
  padding: 0 0 10px 50px;
  line-height: 24px;
}

#contact .form #sendmessage {
  color: #D25B73;
  border: 1px solid #D25B73;
  display: none;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#contact .form #errormessage {
  color: red;
  display: none;
  border: 1px solid red;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#contact .form #sendmessage.show, #contact .form #errormessage.show, #contact .form .show {
  display: block;
}

#contact .form .validation {
  color: red;
  display: none;
  margin: 0 0 20px;
  font-weight: 400;
  font-size: 13px;
}

#contact .form input, #contact .form textarea {
  border-radius: 0;
  box-shadow: none;
}

#contact .form button[type="submit"] {
  background: #D25B73;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
}

#contact .form button[type="submit"]:hover {
  background: #ff0000;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background: #111;
  padding: 30px 0;
  color: #fff;
}

#footer .copyright {
  text-align: center;
}

#footer .credits {
  padding-top: 10px;
  text-align: center;
  font-size: 13px;
  color: #ccc;
}




.blockquote-reverse {
padding: 10px 15px; }

.tritary-font {
font-family: "Droid Serif", serif;
font-weight: 400;
font-style: italic; }

.base-font {
font-family: "Open Sans", sans-serif;
font-weight: 300; }

.font300 {
font-weight: 300 !important; }

.font400 {
font-weight: 400 !important; }

.font700 {
font-weight: 700 !important; }

small {
font-size: 65%; }

.label {
display: inline-blcok;
padding: 2px 5px;
font-size: 13px; }
.label.label-default {
background: #D25B73; }
.label.label-success {
background: #5cb85c;
color: #fff; }

.bg-faded {
background-color: rgba(71, 130, 211, 0.03); }

.badge {
border-radius: 0px;
font-weight: 400; }

.badge-default {
background-color: #f8f8f8 !important;
color: #888; }

.badge-primary {
background: #4782d3 !important; }

.bg-primary {
background: #4782d3 !important;
border-color: #4782d3; }

.bg-success {
background: #5cb85c !important;
border-color: #5cb85c; }

.bg-warning {
background: #f0ad4e;
border-color: #f0ad4e; }

.bg-info {
background-color: #5bc0de;
border-color: #5bc0de; }

.bg-danger {
background-color: #c9302c;
border-color: #c9302c; }

.bg-dark {
border-color: #141414 !important;
background-color: #141414 !important; }

.bg-white {
background: #fff; }

.text-primary {
color: #4782d3 !important; }

.text-danger {
color: #c9302c !important; }

.text-success {
color: #5cb85c !important; }

.text-warning {
color: #f0ad4e !important; }

.text-info {
color: #5bc0de !important; }

.text-white {
color: white !important; }

.text-dark {
color: #222222 !important; }

.text-grey {
color: #666666 !important; }

.text-white-gray {
color: rgba(255, 255, 255, 0.8) !important; }

.border-round {
border-radius: 6px;
-webkit-border-radius: 6px; }

.pos-relative {
position: relative; }

.lead {
font-weight: 400;
color: #888888; }

strong, b {
font-weight: 700; }

.fWidth {
width: 100% !important; }

.oHidden {
overflow: hidden !important; }

strong, b {
font-weight: 700; }

.pt0 {
padding-top: 0 !important; }

.pt10 {
padding-top: 10px !important; }

.pt20 {
padding-top: 20px !important; }

.pt30 {
padding-top: 30px !important; }

.pt40 {
padding-top: 40px !important; }

.pt50 {
padding-top: 50px !important; }

.pt60 {
padding-top: 60px !important; }

.pt70 {
padding-top: 70px !important; }

.pt80 {
padding-top: 80px !important; }

.pt90 {
padding-top: 90px !important; }

.pt100 {
padding-top: 100px !important; }

.pb0 {
padding-bottom: 0 !important; }

.pb10 {
padding-bottom: 10px !important; }

.pb15 {
padding-bottom: 15px !important; }

.pb20 {
padding-bottom: 20px !important; }

.pb30 {
padding-bottom: 30px !important; }

.pb40 {
padding-bottom: 40px !important; }

.pb50 {
padding-bottom: 50px !important; }

.pb60 {
padding-bottom: 60px !important; }

.pb70 {
padding-bottom: 70px !important; }

.pb80 {
padding-bottom: 80px !important; }

.pb90 {
padding-bottom: 90px !important; }

.pb100 {
padding-bottom: 100px !important; }

.mb0 {
margin-bottom: 0 !important; }

.mb5 {
margin-bottom: 5px !important; }

.mb10 {
margin-bottom: 10px !important; }

.mb20 {
margin-bottom: 20px !important; }

.mb30 {
margin-bottom: 30px !important; }

.mb40 {
margin-bottom: 40px !important; }

.mb50 {
margin-bottom: 50px !important; }

.mb60 {
margin-bottom: 60px !important; }

.mb70 {
margin-bottom: 70px !important; }

.mb80 {
margin-bottom: 80px !important; }

.mb90 {
margin-bottom: 90px !important; }

.mb100 {
margin-bottom: 100px !important; }

.mt5 {
margin-top: 5px !important; }

.bg-default {
background-color: rgba(71, 130, 211, 0.1) !important; }

.bg-gray {
background-color: #fbfbfb; }

.border0-hor {
border-left: 0 !important;
border-right: 0 !important; }

.back-to-top {
position: fixed;
display: block;
width: 50px;
height: 50px;
border-radius: 5px;
-webkit-border-radius: 5px;
bottom: 10px;
right: 10px;
background: #eee;
color: #333;
line-height: 50px;
opacity: 0;
visibility: hidden;
z-index: 9;
-webkit-transition: -webkit-transform 0.2s ease-out;
-moz-transition: -moz-transform 0.2s ease-out;
transition: transform 0.2s ease-out;
transform: translate3d(0, 15px, 0);
-webkit-transform: translate3d(0, 15px, 0); }
.back-to-top i {
display: block;
font-size: 25px;
line-height: 50px;
text-align: center; }
.back-to-top:hover, .back-to-top:focus {
color: #4782d3; }
.back-to-top.show {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0); }

/**preloader**/
.loader,
.loader:before,
.loader:after {
border-radius: 50%;
width: 2.5em;
height: 2.5em;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation: load7 1.8s infinite ease-in-out;
animation: load7 1.8s infinite ease-in-out; }

.no-margin {
margin: 0 !important; }

.no-padding {
padding: 0 !important; }

@media (min-width: 992px) {
.table-responsive {
display: table; } }

.bg1 {
background: url(../images/bg2.jpg) no-repeat; }

.col-grid {
padding: 10px 15px;
background: #eee;
border: 1px solid #fff; }

.list-icon li {
position: relative;
padding-left: 23px;
margin-top: 5px;
display: block;
font-family: "Open Sans", sans-serif;
padding-bottom: 8px; }
.list-icon li:before {
content: "\e64c";
font-family: 'themify';
position: absolute;
left: 0;
top: 0;
color: #4782d3; }

.list-circle li {
  list-style-type: circle;
}

.icon-examples .icon-box {
font-size: 14px;
font-weight: 300; }
.icon-examples .icon-box span:before {
margin-right: 15px;
font-size: 25px;
width: 40px;
display: inline-block;
vertical-align: middle;
text-align: center; }

.contact-lead {
color: rgba(255, 255, 255, 0.9);
font-size: 20px;
font-weight: 300; }
.contact-lead small {
font-size: 50%;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.3); }

.parallax-overlay {
position: relative;
overflow: hidden; }
.parallax-overlay:before {
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
background: rgba(0, 0, 0, 0.4); }

.color-overlay:before {
background: rgba(71, 130, 211, 0.8); }

.form-control:focus {
box-shadow: none; }

/*
Preloader style
*/
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 99999; }

#preloader-inner {
position: absolute;
left: 50%;
top: 50%;
font-size: 5px;
width: 5em;
height: 5em;
margin: -25px 0 0 -25px;
text-indent: -9999em;
border-top: 0.5em solid #4782d3;
border-right: 0.5em solid rgba(210, 91, 115, 0.5);
border-bottom: 0.5em solid rgba(210, 91, 115, 0.5);
border-left: 0.5em solid rgba(210, 91, 115, 0.5);
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear; }

#preloader-inner,
#preloader-inner:after {
border-radius: 50%;
width: 10em;
height: 10em; }

@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }

@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }

/*
Buttons
*/
.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
font-size: .8rem; }

.btn {
overflow: hidden;
position: relative;
z-index: 1;
border-radius: 2px;
cursor: pointer;
font-weight: 700 !important;
font-size: 1.0rem !important;
font-family: "Open Sans", sans-serif;
padding: 14px 30px 14px !important;
text-transform: uppercase;
vertical-align: middle;
letter-spacing: 0.05em; }
.btn i {
display: inline-block;
margin-right: 8px;
vertical-align: middle; }
.btn.btn-rounded {
border-radius: 100px; }
.btn:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 0%;
height: 100%;
z-index: -1;
transition: all .3s; }
.btn:hover, .btn:focus {
box-shadow: none;
outline: 0 !important; }
.btn:hover:before, .btn:focus:before {
  transition: all .3s;
  z-index: -1; }
.btn.btn-link {
border: 0px;
padding: 0px !important; }
.btn.btn-sm {
padding: 9px 20px 9px !important;
font-size: .75rem; }
.btn.btn-lg {
padding: 15px 40px 15px !important;
font-size: 1.3rem !important; }
.btn.btn-link {
color: #4782d3;
overflow: hidden;
text-transform: uppercase; }
.btn.btn-link:after {
  font-family: 'themify';
  content: "\e649";
  margin-left: 5px;
  position: relative;
  top: 0;
  font-size: 10px;
  transition: all .3s;
  -webkit-transition: all .3s; }
.btn.btn-link:hover {
  text-decoration: none;
  color: #999; }
  .btn.btn-link:hover:after {
    margin-top: -100px; }

.btn.btn-secondary {
color: #999; }
.btn.btn-secondary:hover {
color: #fff; }

.btn-white {
background-color: #fff;
color: #333; }

.btn-white-outline {
border: 2px solid #fff;
background-color: transparent;
color: #fff; }
.btn-white-outline:hover, .btn-white-outline:focus {
color: #333;
border-color: #fff; }
.btn-white-outline:hover:before, .btn-white-outline:focus:before {
  width: 100%;
  background-color: #fff; }

.btn-outline-primary {
border: 2px solid #D25B73;
background-color: transparent;
color: #000; }
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
color: #fff;
border-color: #D25B73;
background-color: transparent; }
.btn-outline-primary:hover:before, .btn-outline-primary:focus:before, .btn-outline-primary:active:before {
  width: 100%;
  background-color: #D25B73; }

.btn-outline-info {
border: 2px solid #5bc0de;
background-color: transparent;
color: #5bc0de; }
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active {
color: #fff;
border-color: #5bc0de;
background-color: transparent; }
.btn-outline-info:hover:before, .btn-outline-info:focus:before, .btn-outline-info:active:before {
  width: 100%;
  background-color: #5bc0de; }

.btn-outline-info {
border: 2px solid #5bc0de;
background-color: transparent;
color: #5bc0de; }
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active {
color: #fff;
border-color: #5bc0de;
background-color: transparent; }
.btn-outline-info:hover:before, .btn-outline-info:focus:before, .btn-outline-info:active:before {
  width: 100%;
  background-color: #5bc0de; }

.btn-outline-success {
border: 2px solid #5cb85c;
background-color: transparent;
color: #5cb85c; }
.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active {
color: #fff;
border-color: #5cb85c;
background-color: transparent; }
.btn-outline-success:hover:before, .btn-outline-success:focus:before, .btn-outline-success:active:before {
  width: 100%;
  background-color: #5cb85c; }

.btn-outline-danger {
border: 2px solid #c9302c;
background-color: transparent;
color: #c9302c; }
.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active {
color: #fff;
border-color: #c9302c;
background-color: transparent; }
.btn-outline-danger:hover:before, .btn-outline-danger:focus:before, .btn-outline-danger:active:before {
  width: 100%;
  background-color: #c9302c; }

.btn-outline-warning {
border: 2px solid #f0ad4e;
background-color: transparent;
color: #f0ad4e; }
.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active {
color: #fff;
border-color: #f0ad4e;
background-color: transparent; }
.btn-outline-warning:hover:before, .btn-outline-warning:focus:before, .btn-outline-warning:active:before {
  width: 100%;
  background-color: #f0ad4e; }

.btn-outline-secondary {
border: 2px solid #ccc;
background-color: transparent;
color: #ccc; }
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active {
color: #fff;
border-color: #ccc;
background-color: transparent; }
.btn-outline-secondary:hover:before, .btn-outline-secondary:focus:before, .btn-outline-secondary:active:before {
  width: 100%;
  background-color: #ccc; }

.btn-secondary.disabled, .btn-secondary:disabled {
background-color: #f5f5f5; }

/**fill buttons**/
.btn-primary, .btn-success, .btn-warning, .btn-danger, .btn-info, .btn-secondary, .btn-white, .btn-dark {
box-shadow: 0 0.05em 0.1em rgba(0, 0, 0, 0.18);
border: 0px; }
.btn-primary:hover, .btn-success:hover, .btn-warning:hover, .btn-danger:hover, .btn-info:hover, .btn-secondary:hover, .btn-white:hover, .btn-dark:hover {
border: 0px;
box-shadow: 0 0.05em 1em rgba(0, 0, 0, 0.18); }

.btn-secondary {
background: #f5f5f5;
box-shadow: none; }
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
border: 0px;
color: #fff;
box-shadow: none; }

.btn-primary {
background: #D25B73;
color: #fff; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
background: #4782d3;
color: #fff; }

.btn-circle {
width: 80px;
height: 80px;
border-radius: 50%;
line-height: 80px;
text-align: center; }
.btn-circle i {
display: block;
line-height: 80px;
margin: 0 auto;
font-size: 35px; }
.btn-circle .btn-primary i, .btn-circle .btn-success i, .btn-circle .btn-warning i, .btn-circle .btn-danger i, .btn-circle .btn-info i {
color: #fff; }

.btn-dark {
background: #141414;
color: #fff; }
.btn-dark:hover, .btn-dark:focus, .btn-dark:active {
background: #141414;
color: #fff; }

.icon-sm-rounded {
width: 32px;
height: 32px;
line-height: 32px;
display: inline-block !important;
text-align: center;
border-radius: 50%;
background: #4782d3;
color: #fff; }

/****************

SOCIAL BUTTONS

**********************/
/**social icons default size**/
.social-icon {
margin: 0 5px 5px 0;
width: 40px;
height: 40px;
font-size: 20px;
line-height: 40px !important;
color: #555;
text-shadow: none;
border-radius: 3px;
overflow: hidden;
display: block;
float: left;
text-align: center;
border: 1px solid #AAA; }

.social-icon:hover {
border-color: transparent; }

.social-icon i {
display: block;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
line-height: 40px;
position: relative; }

.social-icon i:last-child {
color: #FFF !important; }

.social-icon:hover i:first-child {
margin-top: -40px; }

/***social icons lg (big)***/
.social-icon-lg {
margin: 0 5px 5px 0;
width: 60px;
height: 60px;
font-size: 30px;
line-height: 60px !important;
color: #555;
text-shadow: none;
border-radius: 3px;
overflow: hidden;
display: block;
float: left;
text-align: center;
border: 1px solid #AAA; }

.social-icon-lg:hover {
border-color: transparent; }

.social-icon-lg i {
display: block;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
line-height: 60px;
position: relative; }

.social-icon-lg i:last-child {
color: #FFF !important; }

.social-icon-lg:hover i:first-child {
margin-top: -60px; }

/***social icons small***/
.social-icon-sm {
margin: 0 5px 5px 0;
width: 30px;
height: 30px;
font-size: 18px;
line-height: 30px !important;
color: #555;
text-shadow: none;
border-radius: 3px;
overflow: hidden;
display: block;
float: left;
text-align: center;
border: 1px solid #AAA; }

.social-icon-sm:hover {
border-color: transparent; }

.social-icon-sm i {
display: block;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
line-height: 30px;
position: relative; }

.social-icon-sm i:last-child {
color: #FFF !important; }

.social-icon-sm:hover i:first-child {
margin-top: -30px; }

si-border {
border: 1px solid #AAA !important; }

.si-border-round {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%; }

.si-dark-round {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%; }

.si-gray-round {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%; }

.si-gray {
background: #f3f3f3;
border: 0px; }

.si-dark {
background-color: #333;
border: 0px !important;
color: #fff !important; }

/**icons hover colored**/
.si-colored-facebook, .si-facebook:hover {
background-color: #3B5998 !important; }

.si-colored-twitter, .si-twitter:hover {
background-color: #00ACEE !important; }

.si-colored-google-plus, .si-g-plus:hover {
background-color: #DD4B39 !important; }

.si-colored-skype, .si-skype:hover {
background-color: #00AFF0 !important; }

.si-linkedin:hover, .si-colored-linkedin {
background-color: #0E76A8 !important; }

.si-pin:hover, .si-colored-pinterest {
background-color: #C8232C !important; }

.si-rss:hover, .si-colored-rss {
background-color: #EE802F !important; }

.si-pinterest:hover, .si-colored-pinterest {
background-color: #C8232C !important; }

.si-tumblr:hover, .si-colored-tumblr {
background-color: #34526F !important; }

.si-vimeo:hover, .si-colored-vimeo {
background-color: #86C9EF !important; }

.si-digg:hover, .si-colored-digg {
background-color: #191919 !important; }

.si-instagram:hover, .si-colored-instagram {
background-color: #3F729B !important; }

.si-flickr:hover, .si-colored-flickr {
background-color: #FF0084 !important; }

.si-paypal:hover, .si-colored-paypal {
background-color: #00588B !important; }

.si-yahoo:hover, .si-colored-yahoo {
background-color: #720E9E !important; }

.si-android:hover, .si-colored-andriod {
background-color: #A4C639 !important; }

.si-appstore:hover, .si-colored-apple {
background-color: #000 !important; }

.si-dropbox:hover {
background-color: #3D9AE8 !important; }

.si-dribbble:hover, .si-colored-dribbble {
background-color: #EA4C89 !important; }

.si-soundcloud:hover, .si-colored-soundcoloud {
background-color: #F70 !important; }

.si-xing:hover, .si-colored-xing {
background-color: #126567 !important; }

.si-phone:hover, .si-colored-phone {
background-color: #444 !important; }

.si-behance:hover, .si-colored-behance {
background-color: #053eff !important; }

.si-github:hover, .si-colored-github {
background-color: #171515 !important; }

.si-stumbleupon:hover, .si-colored-stumbleupon {
background-color: #F74425 !important; }

.si-email:hover, .si-colored-email {
background-color: #6567A5 !important; }

.si-wordpress:hover, .si-colored-wordpress {
background-color: #1E8CBE !important; }

/*
Assan Header Style
*/
.navbar > .container {
position: relative; }

.navbar-light.bg-faded {
background: #fff;
border-bottom: 0px; }

.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, 0.7); }

.navbar-nav > li > .nav-link {
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
font-size: .75rem;
font-family: "Montserrat", sans-serif; }

.navbar-nav > li .navbar-light .navbar-nav .nav-link:focus, .navbar-nav > li .navbar-light .navbar-nav .nav-link:hover {
color: #4782d3; }

.navbar-nav > li.dropdown-full-width {
position: static; }

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .open > .nav-link {
color: #4782d3; }

.navbar-toggler-right {
position: absolute;
right: 5rem;
top: 0; }

.single-navbar .navbar-toggler-right {
right: 0px; }

.navbar-toggler {
border: 0px !important; }

.navbar-inverse .navbar-right-elements .list-inline > li > a {
color: rgba(255, 255, 255, 0.5); }

.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover, .navbar-inverse .navbar-right-elements .list-inline > li > a:hover {
color: rgba(255, 255, 255, 0.75); }

.navbar-right-elements {
float: none !important;
position: absolute;
top: 28px;
right: 15px; }
.navbar-right-elements .list-inline {
margin-bottom: 0px; }
.navbar-right-elements .list-inline > li > a {
  color: #999;
  padding: .3rem .3rem;
  display: block;
  position: relative;
  top: -2px; }
  .navbar-right-elements .list-inline > li > a i {
    display: block; }
  .navbar-right-elements .list-inline > li > a .badge {
    position: absolute;
    top: -10px;
    right: -5px;
    font-weight: 300;
    font-size: 11px;
    padding: 0px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 50%;
    -webkit-border-radius: 50%; }

.search-inline {
width: 100%;
left: 0;
padding-left: 15px;
padding-right: 15px;
top: 0;
height: 100%;
position: absolute;
opacity: 0;
visibility: hidden;
background-color: #fff;
z-index: 9; }
.search-inline.search-visible {
opacity: 1;
visibility: visible;
animation: fadeInDown 0.3s ease-out forwards; }
.search-inline button[type="submit"] {
position: absolute;
right: 52px;
top: 0;
background-color: transparent;
border: 0px;
top: 0;
right: 80px;
padding: 0px;
cursor: pointer;
width: 80px;
height: 100%;
background: #222;
color: #fff; }
.search-inline .form-control {
border: 0px;
padding-left: 0;
font-size: 2rem;
position: absolute;
left: 1%;
top: 0;
height: 100%;
width: 99%;
font-family: "Montserrat", sans-serif;
font-weight: 700; }
.search-inline .search-close {
position: absolute;
top: 0;
right: 0;
color: #999;
width: 80px;
height: 100%;
text-align: center;
display: table; }
.search-inline .search-close i {
  display: table-cell;
  vertical-align: middle; }

.navbar-brand {
position: relative; }

/**canvas header**/
.pushy {
width: 290px; }
.pushy.pushy-right {
-webkit-transform: translate3d(290px, 0, 0);
-ms-transform: translate3d(290px, 0, 0);
transform: translate3d(290px, 0, 0); }

.pushy-open-left .pushy, .pushy-open-right .pushy {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }

.pushy-open-left .site-overlay, .pushy-open-right .site-overlay {
background: rgba(255, 255, 255, 0.8); }

.pushy .cart-content {
padding: 30px 15px;
position: relative; }
.pushy .cart-content h4 small {
font-size: 13px;
display: block;
padding-bottom: 10px;
color: rgba(255, 255, 255, 0.8); }
.pushy .cart-content .pushy-link {
display: inline-block;
position: absolute;
top: 10px;
right: 10px;
padding: 0; }
.pushy .cart-content ul {
padding-top: 30px; }
.pushy .cart-content ul li {
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .pushy .cart-content ul li a:not(.btn-primary) {
    padding: 0;
    font-size: 14px; }
    .pushy .cart-content ul li a:not(.btn-primary) .img-fluid {
      width: 60px;
      margin-right: 15px; }
  .pushy .cart-content ul li .close {
    text-shadow: none;
    color: #fff;
    font-size: 1rem; }
  .pushy .cart-content ul li p {
    font-size: 13px; }

.pushy a.btn-primary {
color: #fff; }

/***********Header dark**************/
/**header transparent and semi transparent**/
@media (min-width: 992px) {
.navbar {
padding: 0rem 1rem; }
.navbar-expand-lg .navbar-nav .dropdown-menu.dropdown-mega-fw {
left: 0; }
.navbar-light.navbar-transparent .navbar-brand {
top: 0px; }
li.nav-item.nav-button {
position: relative;
top: 13px; }
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: .9rem;
padding-left: .9rem;
padding-top: 1.3rem;
padding-bottom: 1.3rem; }
.navbar-nav {
margin-right: -15px; }
.navbar-nav {
margin-right: 65px; }
.single-navbar .navbar-nav {
margin-right: 0px; }
.navbar.navbar-transparent {
position: absolute;
width: 100%;
left: 0;
top: 0;
z-index: 99; }
.navbar.navbar-transparent.navbar-light.bg-faded {
  background: transparent;
  border: 0px; }
  .navbar.navbar-transparent.navbar-light.bg-faded .nav-link {
    color: rgba(255, 255, 255, 0.7); }
    .navbar.navbar-transparent.navbar-light.bg-faded .nav-link:hover {
      color: white; }
  .navbar.navbar-transparent.navbar-light.bg-faded .active .nav-link, .navbar.navbar-transparent.navbar-light.bg-faded .show .nav-link {
    color: white; }
  .navbar.navbar-transparent.navbar-light.bg-faded.navbar-semi-transparent {
    background-color: rgba(255, 255, 255, 0.1); }
.navbar.navbar-transparent.navbar-dark.bg-dark {
  background: transparent !important;
  border: 0px; }
  .navbar.navbar-transparent.navbar-dark.bg-dark .nav-link, .navbar.navbar-transparent.navbar-dark.bg-dark .navbar-right-elements .list-inline > li > a {
    color: rgba(0, 0, 0, 0.7); }
    .navbar.navbar-transparent.navbar-dark.bg-dark .nav-link:hover, .navbar.navbar-transparent.navbar-dark.bg-dark .navbar-right-elements .list-inline > li > a:hover {
      color: #4782d3; }
  .navbar.navbar-transparent.navbar-dark.bg-dark .nav-item.active .nav-link, .navbar.navbar-transparent.navbar-dark.bg-dark .nav-item .nav-link.active {
    color: #4782d3 !important; }
.navbar.navbar-transparent .dropdown-menu {
  border-top-color: #4782d3; }
.navbar.navbar-transparent .search-inline .form-control {
  padding-left: .75rem; }
.navbar.navbar-transparent .navbar-right-elements .list-inline > li > a {
  color: rgba(255, 255, 255, 0.7); }
  .navbar.navbar-transparent .navbar-right-elements .list-inline > li > a:hover {
    color: white; }
.navbar.navbar-transparent.nav-sticky.nav-stick-top .active .nav-link, .navbar.navbar-transparent.nav-sticky.nav-stick-top .nav-item.show .nav-link {
  color: #4782d3 !important; }
/**header sticky**/
.navbar.navbar-transparent.nav-sticky .navbar-brand .logo {
position: absolute;
top: -10px; }
.navbar.navbar-transparent.nav-sticky .navbar-brand .logo.logo-dark {
  opacity: 0; }
.navbar.navbar-transparent.nav-sticky.nav-stick-top {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999; }
.navbar.navbar-transparent.nav-sticky.nav-stick-top.navbar-light.bg-faded {
  background-color: #fff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  animation: fadeInDown 0.3s ease-out forwards; }
  .navbar.navbar-transparent.nav-sticky.nav-stick-top.navbar-light.bg-faded .navbar-brand .logo.logo-dark {
    opacity: 1; }
  .navbar.navbar-transparent.nav-sticky.nav-stick-top.navbar-light.bg-faded .navbar-brand .logo.logo-light {
    opacity: 0; }
  .navbar.navbar-transparent.nav-sticky.nav-stick-top.navbar-light.bg-faded .nav-item .nav-link, .navbar.navbar-transparent.nav-sticky.nav-stick-top.navbar-light.bg-faded .navbar-right-elements .list-inline > li > a {
    color: rgba(0, 0, 0, 0.7); }
.navbar.navbar-transparent.nav-sticky.nav-stick-top.navbar-dark.bg-dark {
  background-color: #292b2c !important;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  animation: fadeInDown 0.3s ease-out forwards; }
  .navbar.navbar-transparent.nav-sticky.nav-stick-top.navbar-dark.bg-dark .nav-item .nav-link, .navbar.navbar-transparent.nav-sticky.nav-stick-top.navbar-dark.bg-dark .navbar-right-elements .list-inline > li > a {
    color: rgba(255, 255, 255, 0.7); }
  .navbar.navbar-transparent.nav-sticky.nav-stick-top.navbar-dark.bg-dark .navbar-brand .logo.logo-dark {
    opacity: 1; }
  .navbar.navbar-transparent.nav-sticky.nav-stick-top.navbar-dark.bg-dark .navbar-brand .logo.logo-light {
    opacity: 0; }
  .navbar.navbar-transparent.nav-sticky.nav-stick-top.navbar-dark.bg-dark .nav-item.active .nav-link {
    color: #4782d3 !important; }
  .navbar.navbar-transparent.nav-sticky.nav-stick-top.navbar-dark.bg-dark .navbar-brand {
    top: 5px; }
.navbar.navbar-transparent.nav-sticky.nav-stick-top .active .nav-link, .navbar.navbar-transparent.nav-sticky.nav-stick-top .show .nav-link {
  color: #4782d3; }
.nav-sticky-top.navbar-light.bg-faded {
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }
.nav-sticky-top.navbar-light.bg-faded .navbar-brand {
  top: 0px; }

/**navbar light transparent**/
.navbar-light.navbar-transparent-light {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 999;
background-color: transparent; }
.nav-logo-center .navbar-brand {
position: absolute;
left: 50%;
margin-left: -66px;
top: 33px !important; }
.nav-sticky-top {
z-index: 9999 !important; } }

/**seconday navbar**/
.navbar-seconday {
padding: .4rem 0; }
.navbar-seconday .nav-link {
text-transform: uppercase;
color: #666;
font-weight: 700;
font-family: "Montserrat", sans-serif;
padding: 1rem 1rem; }
.navbar-seconday.nav-stick-top {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 99; }
.navbar-seconday ul li a.nav-link.active {
color: #4782d3; }

/*
Dropdown menu styles
*/
.dropdown-toggle::after {
border-left: 0px;
border-right: 0px;
border-top: 0px;
font-family: "FontAwesome";
content: "\f107";
font-size: 14px;
display: inline;
margin-left: 7px;
top: 5px;
position: relative; }

.dropdown-menu {
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
min-width: 13rem;
border-radius: 0px;
-webkit-border-radius: 0px;
background-color: #fefefe;
border: 0px; }
.dropdown-menu.lang-dropdown {
width: 100px;
min-width: 100px; }
.dropdown-menu.lang-dropdown > li > a {
  line-height: 18px !important; }

.dropdown-menu .dropdown-item, .mega-inner-nav li a {
font-weight: 400;
font-size: .8rem;
color: rgba(0, 0, 0, 0.6);
font-family: "Open Sans", sans-serif;
position: relative;
text-transform: capitalize;
left: 0; }
.dropdown-menu .dropdown-item:hover, .mega-inner-nav li a:hover {
left: 5px; }

.dropdown .mega-inner-nav li a {
padding-left: 0px;
padding-right: 0px; }

.mega-menu-content p {
font-size: 12px;
opacity: 0.6;
color: #aeaeae; }

/**mulit level dropdown**/
.dropdown-submenu {
position: relative; }

.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -1px;
margin-left: -1px;
border-radius: 0px; }

.dropdown-submenu:hover > .dropdown-menu {
display: block; }

.dropdown-submenu > a:after {
display: block;
float: right;
font-family: "FontAwesome";
content: "\f105";
margin-top: 4px;
margin-right: -5px; }

.dropdown-submenu:hover > a:after {
border-left-color: #ccc; }

.dropdown-submenu.pull-left {
float: none; }

.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }

.mega-title {
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
margin-bottom: 10px;
color: #444; }

.mega-inner-nav li {
vertical-align: middle; }
.mega-inner-nav li a {
display: block; }
.mega-inner-nav li a:hover {
  color: #4782d3;
  background-color: transparent; }
.mega-inner-nav li a i {
  margin-right: 6px;
  position: relative;
  top: 1px;
  font-size: 13px;
  width: 16px;
  display: inline-block; }

.dropdown .dropdown-menu .dropdown-item, .mega-inner-nav > li > a {
padding: 4px 20px; }
.dropdown .dropdown-menu .dropdown-item:hover, .mega-inner-nav > li > a:hover {
background-color: transparent;
color: #4782d3; }
.dropdown .dropdown-menu .dropdown-item:focus, .mega-inner-nav > li > a:focus {
background-color: transparent;
color: #4782d3; }

@media (min-width: 992px) {
.dropdown-menu {
margin-top: 0px;
background-color: #212121; }
.dropdown-menu .dropdown-item, .mega-inner-nav li a {
color: rgba(255, 255, 255, 0.6); }
.dropdown-menu.dropdown-mega-fw {
position: absolute;
width: 100%;
padding: 0px 20px;
padding-bottom: 0px; }
.mega-menu-content {
padding: 30px 0;
padding-bottom: 20px; }
.dropdown-menu, .dropdown-submenu .dropdown-menu {
display: block;
opacity: 0;
visibility: hidden;
z-index: 1;
-moz-transform: translateY(8px);
-o-transform: translateY(8px);
-ms-transform: translateY(8px);
-webkit-transform: translateY(8px);
transform: translateY(8px);
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s; }
.show > .dropdown-menu, .dropdown-submenu:hover > .dropdown-menu {
opacity: 1;
visibility: visible;
z-index: 1000;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none; }
.mega-menu-content .row .col-lg-3:first-child {
border-left: 0; }
.mega-menu-content .row .col-lg-3 {
border-left: 1px solid rgba(255, 255, 255, 0.09);
padding: 0px 30px; }
.mega-menu-content .mega-title {
color: #fff; } }

/*
Alert & notifications
*/
.alert {
border-radius: 0px;
border: 0px; }
.alert.alert-warning {
background-color: #f0ad4e;
color: #fff; }
.alert.alert-primary {
background-color: #4782d3;
color: #fff; }
.alert.alert-success {
background-color: #5cb85c;
color: #fff; }
.alert.alert-danger {
background-color: #c9302c;
color: #fff; }
.alert.alert-info {
background-color: #5bc0de;
color: #fff; }
.alert.alert-dark {
background-color: #141414;
color: #fff; }
.alert a {
color: #fff;
font-weight: 700; }
.alert a:hover {
  text-decoration: underline; }
.alert.alert-fix {
position: fixed;
width: 100%;
z-index: 999999;
height: 50px; }
.alert.alert-fix.fix-bottom {
  bottom: 0;
  left: 0;
  margin: 0px; }
.alert.alert-fix.fix-top {
  top: 0;
  left: 0; }

/*
Accordoins card style
*/
.accordion-header {
position: relative;
background-color: #fff;
border-bottom: 0px; }
.accordion-header a {
position: relative;
display: block;
color: #D25B73;
font-weight: 600;
font-size: 1.5rem; }
.accordion-header a:before {
  content: "\e64b";
  position: absolute;
  right: 0;
  top: 0;
  font-family: 'themify'; }
.accordion-header a.collapsed {
  color: #141414; }
  .accordion-header a.collapsed:before {
    content: "\e649";
    position: absolute;
    right: 0;
    top: 0;
    font-family: 'themify'; }

.card-accordion-simple .card {
border: 0px;
border-radius: 0px;
-webkit-border-radius: 0px; }

.card-accordion-simple .card-header {
background-color: transparent;
border: 0px;
padding: 0px;
margin-bottom: 10px; }
.card-accordion-simple .card-header a {
display: block;
padding: 10px 15px;
background: #f5f5f5; }
.card-accordion-simple .card-header a:before {
  top: 11px;
  right: 15px; }

.card-accordion-simple .card-body {
padding: 20px 15px;
padding-top: 10px; }

/*
Accounts style
*/
.accounts-page {
padding-top: 180px;
padding-bottom: 100px; }
.accounts-page hr {
border-top-color: rgba(255, 255, 255, 0.1); }
.accounts-page .form-control {
min-height: 45px; }

.white-card {
padding: 30px 20px;
background-color: rgba(0, 0, 0, 0.6); }

/*
Blockquotes
*/
.blockquote footer, .quote footer {
font-weight: 500;
color: #999; }

.quote {
position: relative;
border: 0px !important; }
.quote:before {
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
content: "\e67f";
position: absolute;
width: 38x;
height: 38px;
line-height: 38px;
font-size: 32px;
top: -10px;
left: 0;
color: #EEE; }
.quote p {
position: relative; }
.quote p:first-letter {
  padding-left: 40px; }

.quote.blockquote-reverse:before {
right: 0; }

.quote.blockquote-reverse p:first-letter {
padding-left: 0px; }

/*
Breadcrumb style
*/
.breadcrumb {
background: transparent;
padding: 0px;
float: right; }
.breadcrumb .breadcrumb-item {
float: none;
display: inline-block;
padding-left: 5px; }

.page-title-center .breadcrumb {
display: inline-block;
float: none;
text-align: center; }

/*
Blog post entries
*/
.entry-card {
-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05); }

.entry-content {
background-color: #fff;
padding: 36px 36px 36px 36px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; }
.entry-content .entry-title a {
color: #333; }
.entry-content .entry-title a:hover {
  color: #4782d3; }
.entry-content .entry-meta span {
font-size: 12px; }

.entry-title {
font-size: .95rem;
font-weight: 500;
margin-bottom: 15px; }

.entry-thumb {
display: block;
position: relative;
overflow: hidden;
border-top-left-radius: 6px;
border-top-right-radius: 6px; }
.entry-thumb img {
border-top-left-radius: 6px;
border-top-right-radius: 6px; }
.entry-thumb .thumb-hover {
position: absolute;
width: 100px;
height: 100px;
background: rgba(71, 130, 211, 0.85);
display: block;
top: 50%;
left: 50%;
color: #fff;
font-size: 40px;
line-height: 100px;
border-radius: 50%;
margin-top: -50px;
margin-left: -50px;
text-align: center;
transform: scale(0);
-webkit-transform: scale(0);
opacity: 0;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out; }
.entry-thumb:hover .thumb-hover {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1); }

.article-post {
border-bottom: 1px solid #eee;
padding-bottom: 70px; }
.article-post .post-thumb {
display: block;
position: relative;
overflow: hidden; }
.article-post .post-thumb .post-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all .3s;
  -webkit-transition: all .3s;
  opacity: 0; }
  .article-post .post-thumb .post-overlay span {
    width: 100%;
    display: block;
    vertical-align: middle;
    text-align: center;
    transform: translateY(70%);
    -webkit-transform: translateY(70%);
    transition: all .3s;
    -webkit-transition: all .3s;
    height: 100%;
    color: #fff; }
.article-post .post-thumb:hover .post-overlay {
  opacity: 1; }
  .article-post .post-thumb:hover .post-overlay span {
    transform: translateY(50%);
    -webkit-transform: translateY(50%); }

.post-content .post-title {
font-weight: 500; }

.post-meta {
padding-top: 15px;
margin-bottom: 20px; }
.post-meta li:not(:last-child) {
margin-right: 10px; }
.post-meta li a {
color: #999;
font-size: 13px; }
.post-meta li a:hover {
  color: #4782d3; }
.post-meta li i {
margin-right: 5px; }
.post-meta li:after {
margin-top: -5px;
content: "/";
margin-left: 10px; }
.post-meta li:last-child:after {
display: none; }

.post-masonry .masonry-title {
font-weight: 500; }

.share-buttons li {
vertical-align: middle; }
.share-buttons li a {
margin-right: 0px; }

.post-content .fa {
color: #ddd; }

.post-content a h2 {
font-size: 1.5rem;
color: #333;
margin-bottom: 0px; }

.article-post .owl-carousel {
margin-bottom: 20px !important; }

.post-masonry h4 {
text-transform: capitalize;
font-size: 1rem;
font-weight: 700; }

/***owl carousel**/
.owl-carousel .owl-item img {
display: block;
width: auto; }

.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
cursor: move;
cursor: -webkit-grab;
cursor: grab; }

.owl-theme .owl-dots .owl-dot span {
width: 8px;
height: 8px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
background-color: transparent;
border: 1px solid #ddd;
margin-top: 10px;
display: inline-block; }

.owl-theme .owl-dots .owl-dot.active span {
background-color: #4782d3;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4); }

.owl-theme .owl-nav {
margin-top: 10px;
position: absolute;
left: 0;
width: 100%;
top: 50%; }
.owl-theme .owl-nav .owl-next {
right: 0;
top: -40px;
position: absolute; }
.owl-theme .owl-nav .owl-prev {
left: 0;
top: -40px;
position: absolute; }

.owl-theme .owl-nav [class*=owl-] {
border-radius: 50%;
-webkit-border-radius: 50%;
width: 32px;
height: 32px;
background-color: transparent;
opacity: 1;
line-height: 32px;
font-size: 18px;
padding: 0px;
transition: all .3s;
-webkit-transition: all .3s; }
.owl-theme .owl-nav [class*=owl-] i {
display: inline-block; }
.owl-theme .owl-nav [class*=owl-]:hover {
background-color: #4782d3;
opacity: 1; }

.carousel-feature .icon-box {
margin-top: 10px; }

.carousel-dark.owl-theme .owl-nav [class*=owl-] {
border-color: rgba(255, 255, 255, 0.5);
color: rgba(255, 255, 255, 0.5); }
.carousel-dark.owl-theme .owl-nav [class*=owl-]:hover {
background-color: rgba(255, 255, 255, 0.8);
color: #333; }

/**full screen slider**/
.owl-carousel.fullscreen {
position: relative;
overflow: hidden; }
.owl-carousel.fullscreen .owl-height, .owl-carousel.fullscreen .owl-stage, .owl-carousel.fullscreen .owl-item {
height: 100% !important;
position: relative; }
.owl-carousel.fullscreen .item {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }

/*
Clients style
*/
.clients-grid {
list-style: none;
overflow: hidden;
padding: 0; }
.clients-grid li {
width: 25%;
float: left;
position: relative;
width: 20%;
padding: 20px 0;
-webkit-backface-visibility: hidden; }
.clients-grid li img {
  display: block;
  margin: 0 auto; }
.clients-grid li:before {
  content: '';
  position: absolute;
  height: 100%;
  top: 0;
  left: -1px;
  border-left: 1px solid #eee; }
.clients-grid li:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 0;
  top: auto;
  left: 0;
  bottom: -1px;
  border-bottom: 1px solid #eee; }
.clients-grid.column4 li {
width: 25%; }

.carousel-client .item img {
max-width: 100%; }

/*
Countdown
*/
.count-down {
text-align: center; }
.count-down .cd-row {
display: inline-block; }
.count-down .cd-row > div {
  display: inline-block;
  width: 100px;
  text-transform: uppercase; }
.count-down h1 {
font-size: 2.9rem; }

.bg-parallax .count-down h1 {
color: #fff; }

/*
Hero templates
*/
.fullscreen {
width: 100%;
height: 100%; }
.fullscreen .d-flex {
height: 100%;
position: relative; }

@media (min-width: 992px) {
.hero-text-style1 h1 {
font-size: 3rem;
line-height: 3rem; } }

/**particle hero**/
.particle-bg {
position: relative;
overflow: hidden; }
.particle-bg .particle-content {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center; }

.error-404-content h1 {
color: #fff;
font-size: 9rem;
line-height: 9rem; }

.error-404-content .lead {
color: #fff;
margin-bottom: 25px;
font-weight: 700; }

/**coming soon full screen**/
.comingSoon h3 {
font-size: 4rem;
color: #fff; }

.comingSoon form {
max-width: 400px;
margin: 0 auto; }

.comingSoon .form-control {
border-radius: 0px;
height: 50px;
font-size: 20px;
border: 1px solid #fff; }

.comingSoon p {
color: #fff; }

/*
Icon boxes
*/
.icon-box-center {
text-align: center; }

.icon-box h4 {
text-transform: capitalize;
font-size: 16px;
font-weight: 400;
font-family: "Open Sans", sans-serif; }

.icon-box.icon-box-center h4 {
margin: 25px 0 20px; }

.media .media-body h4 {
text-transform: capitalize;
font-size: 16px;
font-weight: 600;
font-family: "Open Sans", sans-serif; }

.media .media-body li {

  font-weight: 600;
  font-family: "Open Sans", sans-serif;
padding-bottom: 5px; }


.icon-background {
color: #fff;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
display: inline-block; }
.icon-background.icon-bg-sm {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 17px; }
.icon-background.icon-bg-default {
width: 60px;
height: 60px;
line-height: 60px;
font-size: 27px; }
.icon-background.icon-bg-lg {
width: 90px;
height: 90px;
line-height: 90px;
font-size: 40px; }

.icon-border {
border-radius: 50%;
-webkit-border-radius: 50%;
display: inline-block;
border: 1px solid;
text-align: center; }
.icon-border.btn-outline-warning:hover {
background-color: #f0ad4e; }
.icon-border.btn-outline-danger:hover {
background-color: #c9302c; }
.icon-border.btn-outline-primary:hover {
background-color: #4782d3; }
.icon-border.btn-outline-success:hover {
background-color: #5cb85c; }
.icon-border.btn-outline-info:hover {
background-color: #5bc0de; }
.icon-border.icon-border-sm {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 17px; }
.icon-border.icon-border-default {
width: 60px;
height: 60px;
line-height: 60px;
font-size: 27px; }
.icon-border.icon-border-lg {
width: 90px;
height: 90px;
line-height: 90px;
font-size: 40px; }

/**hover icons**/
.icon-hover-1 {
display: inline-block;
font-size: 0px;
cursor: pointer;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #fff;
-webkit-transition: background 0.2s, color 0.2s;
-moz-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s; }
.icon-hover-1.bg-default {
color: #999; }
.icon-hover-1.bg-primary:after {
box-shadow: 0 0 0 2px #4782d3; }
.icon-hover-1.bg-success:after {
box-shadow: 0 0 0 2px #5cb85c; }
.icon-hover-1.bg-default:after {
box-shadow: 0 0 0 2px #f7f7f7; }
.icon-hover-1.bg-warning:after {
box-shadow: 0 0 0 2px #f0ad4e; }
.icon-hover-1.bg-danger:after {
box-shadow: 0 0 0 2px #c9302c; }
.icon-hover-1.bg-dark:after {
box-shadow: 0 0 0 2px #141414; }
.icon-hover-1:after {
top: -4px;
left: -4px;
padding: 4px;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-webkit-transform: scale(0.8);
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
transition: transform 0.2s, opacity 0.2s;
transform: scale(0.8);
opacity: 0;
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; }
.icon-hover-1:hover:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1; }

.icon-hover-default {
width: 90px;
height: 90px;
line-height: 90px; }
.icon-hover-default:before {
z-index: 2;
font-size: 35px; }

.icon-hover-sm {
width: 50px;
height: 50px;
line-height: 50px; }
.icon-hover-sm:before {
z-index: 2;
font-size: 20px; }

/**icon border box**/
.icon-border-box {
border: 1px solid #eee;
padding: 30px 20px 15px; }
.icon-border-box i {
position: relative;
font-size: 30px; }

/***special features***/
.special-feature .section-title hr {
border-color: #151515; }

.special-feature i {
font-size: 65px;
line-height: 75px; }

.special-feature h4 {
margin-top: 25px;
position: relative;
text-transform: uppercase;
font-size: 15px; }

.special-feature .mask-top {
width: 100%;
background-color: #ffffff;
padding: 55px 0;
position: absolute;
top: 0px;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s; }

.special-feature .mask-top h4:before {
top: -18px;
content: "";
display: block;
height: 2px;
left: 0;
right: 0;
margin: -2px auto;
position: absolute;
width: 40px; }

.special-feature .s-feature-box:hover .mask-top {
top: -200px;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s; }

.special-feature .s-feature-box {
overflow: hidden;
position: relative;
height: 280px;
border: 1px solid #f2f2f2;
margin-bottom: 20px;
cursor: pointer; }

.special-feature .mask-bottom {
padding: 20px 15px 20px 15px;
width: 100%;
position: absolute;
bottom: -300px;
height: 100%;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s; }

.special-feature .mask-bottom p {
padding: 0px 5px;
font-size: 14px; }

.special-feature .mask-bottom h4 {
margin: 15px 0px 17px; }

.special-feature .s-feature-box:hover .mask-bottom {
bottom: 0;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s; }

.special-feature .mask-bottom i {
font-size: 38px;
line-height: 50px; }

.icon-bg {
background-color: rgba(0, 0, 0, 0.1);
padding: 60px 40px; }
.icon-bg h3 {
color: #000;
font-size: 18px; }
.icon-bg p {
color: rgba(0, 0, 0, 1.0); }
.icon-bg i {
color: #000;
display: inline-block; }

.icon-simple i {
width: 60px;
text-align: center;
display: inline-block;
height: 60px;
line-height: 60px; }

/*
Image boxes styled hover styles
*/
.thumb-hover-icon {
position: relative;
display: block;
width: 75px;
height: auto;
border-radius: 5px;
float: left;
margin: 3px; }
.thumb-hover-icon img {
border-radius: 5px; }
.thumb-hover-icon span {
width: 24px;
height: 24px;
display: block;
line-height: 24px;
text-align: center;
background: #4782d3;
position: absolute;
left: 50%;
top: 50%;
margin-top: -12px;
margin-left: -12px;
color: #fff;
border-radius: 50%;
transform: scale(0);
-webkit-transform: scale(0);
transition: all .3s;
-webkit-transition: all .3s; }
.thumb-hover-icon:hover span {
transform: scale(1);
-webkit-transform: scale(1); }

.simple-hover {
position: relative;
display: block;
overflow: hidden; }
.simple-hover img {
transform: scale(1);
-webkit-transform: scale(1); }
.simple-hover:hover img {
transform: scale(1.1);
-webkit-transform: scale(1.1); }
.simple-hover .product-label {
color: #fff;
width: 40px;
height: 40px;
border-radius: 50%;
line-height: 40px;
display: inline-block;
position: absolute;
right: 10px;
top: 10px;
text-align: center;
font-size: 12px;
font-weight: 400; }

/**popup zoom effect animation style**/
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
opacity: 0;
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }

.mfp-with-zoom.mfp-ready .mfp-container {
opacity: 1; }

.mfp-with-zoom.mfp-ready.mfp-bg {
opacity: 0.8; }

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
opacity: 0; }

.product-meta {
padding-top: 10px; }
.product-meta .lead a {
color: #666; }
.product-meta .lead a:hover {
  color: #4782d3; }
.product-meta h4 {
margin-top: 5px; }
.product-meta h4 del {
  color: #aeaeae; }

/**project thumb**/
.project-thumb {
text-align: center; }
.project-thumb img {
width: 100% !important; }
.project-thumb > a {
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
margin-bottom: 1.85714286em;
display: block; }

/**project overlay**/
.project-overlay {
display: block;
position: relative;
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
border-radius: 6px;
-webkit-border-radius: 6px;
overflow: hidden; }
.project-overlay img {
width: 100% !important; }
.project-overlay .project-overlay-caption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-left: 30px;
padding-top: 30px;
background-color: rgba(0, 0, 0, 0.2); }
.project-overlay .project-overlay-caption h4, .project-overlay .project-overlay-caption span {
  color: #fff; }
.project-overlay .project-overlay-caption h4 {
  font-weight: 400;
  margin-bottom: 5px; }

/**image video icon**/
.video-icon-image {
position: relative;
overflow: hidden; }
.video-icon-image img {
border-radius: 6px;
-webkit-border-radius: 6px; }
.video-icon-image .btn-circle {
position: absolute;
left: 50%;
top: 50%;
margin-top: -30px;
margin-left: -30px; }

/**half image section**/
@media (min-width: 992px) {
.half-image-content {
position: relative;
overflow: hidden;
padding-top: 30px;
padding-bottom: 30px; }
.half-image-content .content-img {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%; }
  .half-image-content .content-img.pos-left {
    left: 0; }
  .half-image-content .content-img.pos-right {
    right: 0; } }


.pos-left{
  left:0;
}

.pos-right {
  right: 0;
}
/*
Modals Style
*/
.modal-full-height {
  position: absolute;
  display: webkit box;
  display: webkit flex;
  display: ms flexbox;
  display: flex;
  margin: 0;
  width: 500px;
  height: auto;
  min-height: 100%;
  top: 0;

}
.modal-side {
  position: absolute;
  bottom: 10px;
  margin: 0;

}

.modal-right {
  right: 0;
}
.modal-left {
  left: 0;

}
.modal-top-left{
  left: 0;
  top: 0;
}
.popup-content-area {
padding: 20px 30px;
text-align: left;
max-width: 450px;
margin: 40px auto;
position: relative; }
.popup-content-area.white-popup {
background: #fff; }

/*
Page title styles
*/
.page-titles.title-gray {
background-color: #eee; }

.page-titles.title-dark {
background-color: #323232; }
.page-titles.title-black {
background-color:#000000;}


.page-titles.title-dark h4 {
color: #aeaeae; }
.page-titles.title-dark h4 span {
  color: #fff; }
.page-titles.title-dark .breadcrumb .breadcrumb-item {
color: #fff; }
.page-titles.title-dark .breadcrumb .breadcrumb-item a {
  color: #fff; }
.page-titles.title-dark .breadcrumb .breadcrumb-item.active {
  opacity: 0.5; }

.page-titles h4 {
margin-top: 0;
font-family: "Open Sans", sans-serif;
text-transform: capitalize;
font-weight: 400;
font-size: 13px;
color: #999; }

.page-titles.title-black h4 span {
color: #ffffff; }

.page-titles-black h4 span {
font-weight: 600;
text-transform: capitalize;
font-size: 1.5rem;
letter-spacing: -1px;
font-family: "Montserrat", sans-serif;
color: #ffffff; }

.page-titles-img {
text-align: center; }
.page-titles-img h1 {
color: #fff;
font-weight: 700;
font-size: 1.7rem; }
.page-titles-img p {
color: rgba(255, 255, 255, 0.8); }

.title-space-lg {
padding-top: 14em;
padding-bottom: 7em; }

.page-title-sm-gray {
padding: 30px 0;
padding-bottom: 20px;
background-color: #f5f5f5; }
.page-title-sm-gray .breadcrumb {
margin-bottom: 0px; }
.page-title-sm-gray .breadcrumb li.breadcrumb-item {
  font-size: 13px; }
.page-title-sm-gray h4 {
font-weight: 400;
text-transform: uppercase; }

/*
Pagination
*/
.page-link {
color: #4782d3; }

.page-item.active .page-link {
z-index: 2;
color: #fff;
background-color: #4782d3;
border-color: #4782d3; }

/*
Portfolio style
*/
.cbp-l-grid-mosaic-flat .cbp-caption-activeWrap {
background: rgba(71, 130, 211, 0.8); }

.cbp-l-grid-mosaic-flat .cbp-l-caption-title {
font-family: "Montserrat", sans-serif;
font-weight: 400; }

.cbp-l-grid-slider-testimonials-body {
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-style: italic; }

.cbp-l-grid-slider-testimonials-footer {
font-family: "Montserrat", sans-serif;
font-weight: 500; }

.cbp-l-slider-testimonials-wrap {
border: 0px; }

.cbp-l-caption-title, .cbp-l-filters-dropdownHeader {
font-family: "Montserrat", sans-serif;
font-weight: 500; }

.cbp-l-caption-desc, .cbp-l-filters-dropdownList .cbp-filter-item {
font-family: "Open Sans", sans-serif; }

.cbp-caption-activeWrap {
background-color: #4782d3; }

.cbp-caption-fadeIn .cbp-caption-activeWrap, .cbp-caption-zoom .cbp-caption-activeWrap {
background-color: rgba(71, 130, 211, 0.8); }

.cbp-l-caption-desc {
color: rgba(255, 255, 255, 0.8); }

.cbp-l-caption-alignCenter {
display: table;
width: 100%;
height: 100%; }
.cbp-l-caption-alignCenter .cbp-l-caption-body {
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 10px 0; }

.link-captions {
padding-left: 0;
margin: 0 0 20px;
list-style: none;
text-align: center;
list-style: none; }
.link-captions li {
padding: 0 2px;
display: inline-block; }
.link-captions li a i {
  color: #fff;
  width: 42px;
  height: 42px;
  padding: 8px;
  font-size: 20px;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.2);
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  transition: all .3s;
  -webkit-transition: all .3s;
  -ms-transition: all .3s; }
  .link-captions li a i:hover {
    background-color: #fff;
    color: #444; }

.cbp-l-grid-agency-title {
text-transform: uppercase; }

.cbp-l-filters-buttonCenter .cbp-filter-counter {
background-color: #4782d3; }

.cbp-l-filters-buttonCenter .cbp-filter-counter:after {
border-top-color: #4782d3; }

.cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active {
border-color: #4782d3; }

.cbp-l-filters-button .cbp-filter-item, .cbp-l-filters-buttonCenter .cbp-filter-item {
font-family: "Open Sans", sans-serif; }

.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
background-color: #4782d3;
border-color: #4782d3; }

.cbp-l-loadMore-button .cbp-l-loadMore-link, .cbp-l-loadMore-button .cbp-l-loadMore-button-link {
font-family: "Open Sans", sans-serif; }

.cbp-l-grid-projects-title {
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
font-size: 13px; }

.cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight {
background-color: rgba(0, 0, 0, 0.5);
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
font-size: 11px;
font-weight: 600; }
.cbp-l-caption-buttonLeft:hover, .cbp-l-caption-buttonRight:hover {
color: #fff; }

.cbp-l-project-desc-title span, .cbp-l-project-details-title span, .cbp-l-project-related-title {
font-family: "Montserrat", sans-serif;
font-weight: 600; }

.cbp-l-project-desc-text, .cbp-l-project-details-list > li, .cbp-l-project-details-list > div {
font-family: "Open Sans", sans-serif; }

.cbp-l-project-details-visit {
background-color: #4782d3;
font-family: "Open Sans", sans-serif; }

.cbp-l-grid-agency-title {
font-family: "Montserrat", sans-serif;
font-weight: 500; }

/*
Pricing tables
*/
.pricing-table {
margin: 10px 0;
padding: 0 15px;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }

.plan {
background-color: #fbfbfb;
border-radius: 0px;
color: #333;
margin-bottom: 35px;
position: relative;
z-index: 1; }
.plan h6 {
color: #aeaeae;
font-weight: 400; }
.plan .pricing-content {
padding: 2em 0 1.5em 1.5em; }
.plan .plan-header {
padding: 2em 0 1.5em 1.5em; }
.plan .plan-header h1 {
  font-weight: 700; }
  .plan .plan-header h1 small {
    font-size: 14px; }
.plan ul {
padding: 2em 0 2em 1.5em;
margin: 0px; }
.plan ul li {
  padding: 5px 0;
  font-size: 15px;
  color: #999; }
  .plan ul li i {
    color: #4782d3;
    display: inline-block;
    margin-right: 10px; }
.plan.popular-plan {
box-shadow: 11px 0 10px -10px rgba(0, 0, 0, 0.3), -11px 0 10px -10px rgba(0, 0, 0, 0.3);
position: relative;
z-index: 2; }
.plan.plan-dark {
border: 0px; }
.plan.plan-dark h1, .plan.plan-dark ul li, .plan.plan-dark ul li i, .plan.plan-dark h6, .plan.plan-dark h4 {
  color: #fff; }
.plan.plan-dark h4, .plan.plan-dark ul li, .plan.plan-dark h6 {
  opacity: 0.8; }

/*
Progress bars
*/
.progress {
margin-bottom: 10px;
height: 15px;
border-radius: 100px; }
.progress.progress-default .progress-bar {
background: #4782d3;
border-radius: 100px;
line-height: 15px; }

.progress-label {
margin-bottom: 5px;
margin-top: 15px; }
.progress-label .progress-title, .progress-label .progress-value {
font-weight: 500;
font-family: "Montserrat", sans-serif;
text-transform: capitalize;
display: inline-block;
margin-right: 5px; }
.progress-label .progress-title {
text-transform: uppercase;
font-size: .7rem;
font-weight: 700;
color: #4782d3; }

/*
Promo boxes
*/
.promo-box.promo-padded {
padding: 30px 30px 20px; }

.promo-box.promo-border {
border: 1px solid #eee;
padding: 30px 30px 20px; }

.promo-box.promo-dark {
padding: 30px 30px 20px; }
.promo-box.promo-dark h3, .promo-box.promo-dark p {
color: #fff; }
.promo-box.promo-dark p {
opacity: 0.8; }

.promo-bg.promo-dark {
padding: 80px 0;
background-attachment: fixed;
background-size: cover;
background-position: top center; }

.bg-parallax {
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
position: relative;
overflow: hidden; }

/*
Revolution slider customization
*/
.tp-caption {
font-family: "Montserrat", sans-serif; }

.particale-title {
font-family: "Montserrat", sans-serif; }

.tp-caption.BigBold-Title {
font-family: "Open Sans", sans-serif;
font-weight: 300;
text-transform: capitalize; }

.revo-slider-desc-text {
color: #fff;
width: 100%; }

.tp-caption.NotGeneric-SubTitle, .NotGeneric-SubTitle {
font-family: "Open Sans", sans-serif;
font-weight: 300; }

.tp-caption.NotGeneric-Title, .NotGeneric-Title {
font-family: "Montserrat", sans-serif;
font-weight: 700;
letter-spacing: -3px; }

.tp-caption.NotGeneric-CallToAction, .NotGeneric-CallToAction {
font-family: "Montserrat", sans-serif;
font-weight: 700;
letter-spacing: 0px; }

.tp-caption.Agency-Social, .Agency-Social {
border-color: rgba(255, 255, 255, 0.8);
color: rgba(255, 255, 255, 0.8); }

.tp-caption.Agency-Title, .Agency-Title {
font-family: "Montserrat", sans-serif;
font-weight: 600;
letter-spacing: -3px; }

/**main slider**/
.mainSlide-Title-Centered {
color: #fff;
font-weight: 700;
text-transform: capitalize;
letter-spacing: -1px;
font-family: "Montserrat", sans-serif; }

.mainSlide-Subtitle {
font-family: "Droid Serif", serif;
font-weight: 400;
color: #eee;
font-style: italic; }

.mainSlide-caption {
color: #fff;
font-weight: 400;
font-family: "Open Sans", sans-serif; }

.sliderImg-title {
font-family: "Montserrat", sans-serif;
color: #fff;
font-weight: 700; }

.slider-CallToAction.btn-white-outline {
z-index: 1;
position: relative; }
.slider-CallToAction.btn-white-outline:hover, .slider-CallToAction.btn-white-outline:focus {
background-color: #fff;
color: #333 !important; }
.slider-CallToAction.btn-white-outline i {
margin-right: 0px; }

.slider-SmallCaption {
color: #fff;
font-family: "Open Sans", sans-serif;
font-weight: 300; }

/****text slider**/
/*
Template sidebar
*/
.sidebar-title {
margin-bottom: 1rem;
font-size: 1.1rem; }

.categories li {
vertical-align: middle; }
.categories li > ul {
padding-left: 15px; }
.categories li > ul > li > a {
  font-weight: 300; }
.categories li a {
color: #999;
position: relative;
display: block;
padding: 5px 10px;
border-bottom: 1px solid #eee; }
.categories li a:before {
  content: "\f0da";
  font-family: 'FontAwesome';
  margin-right: 5px; }
.categories li a:hover {
  color: #444;
  background-color: #f5f5f5; }

.categories > li.active > a {
font-weight: 600;
color: #444; }

.media-body {
font-size: 12px; }
.media-body h5 {
font-size: 15px;
letter-spacing: 0px;
line-height: 20px;
font-weight: 400; }
.media-body h5 a {
  color: #555; }
  .media-body h5 a:hover {
    color: #4782d3; }

.media-body p {
  font-size: 16px;
}
/*
Tabs style
*/
.tabs-default.nav-tabs i {
margin-right: 5px; }

.tabs-default.nav-tabs.nav-tabs .nav-link {
border-top: 3px solid transparent;
font-size: .8rem;
font-family: "Montserrat", sans-serif;
color: #333;
font-weight: 700;
text-transform: uppercase; }

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
border-color: #eceeef #eceeef #ddd;
border-top-color: #4782d3 !important; }

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #464a4c;
background-color: #fff;
border-color: #4782d3 #ddd #fff;
border-top-color: #4782d3 !important; }

.tabs-circle-icon a.nav-link {
display: block;
color: #444; }
.tabs-circle-icon a.nav-link > i {
display: block;
border-radius: 50%;
text-align: center;
width: 80px;
height: 80px;
background: #f5f5f5;
line-height: 80px;
font-size: 30px;
transition: all .3s;
-webkit-transition: all .3s; }
.tabs-circle-icon a.nav-link.active > i {
color: #fff;
background: #4782d3; }

/*
Team style
*/
.team-card {
position: relative;
overflow: hidden; }
.team-card h4 {
color: #fff; }
.team-card .team-overlay {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
left: 0;
top: 0;
opacity: 0;
-webkit-transition: all 350ms;
-moz-transition: all 350ms;
-o-transition: all 350ms;
transition: all 350ms; }
.team-card .team-overlay .team-detail {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
  text-align: center;
  width: 100%; }
  .team-card .team-overlay .team-detail h4 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0px; }
  .team-card .team-overlay .team-detail span {
    color: rgba(255, 255, 255, 0.8);
    display: block;
    font-size: 13px;
    font-style: italic; }
  .team-card .team-overlay .team-detail .seprator-overlay {
    width: 80px;
    height: 1px;
    margin: 10px auto;
    background: rgba(255, 255, 255, 0.8); }
  .team-card .team-overlay .team-detail ul li a {
    color: #fff; }
    .team-card .team-overlay .team-detail ul li a:hover {
      color: #4782d3; }
.team-card:hover .team-overlay {
opacity: 1; }
.team-card:hover .team-overlay .team-detail {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms; }

.team-card-default ul li + li {
margin-left: 5px; }

.team-card-default ul li a {
color: #999;
font-size: 20px; }
.team-card-default ul li a:hover {
color: #4782d3; }

/*
Testimonials
*/
.testimonial p {
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-style: italic; }

.testimonial h5 {
font-weight: 600;
text-transform: uppercase;
font-size: 15px;
margin-top: 15px; }
.testimonial h5 span {
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-size: 13px;
text-transform: capitalize;
opacity: 0.5; }

.testimonial.testimonial-dark p {
color: #fff;
opacity: 0.8; }

.testimonial.testimonial-dark h5 {
color: #fff; }

.testimonial .img-fluid {
width: 128px !important;
display: block;
margin: 0 auto;
border-radius: 50%;
-webkit-border-radius: 50%; }

.testimonial-card {
text-align: center;
padding: 30px 20px;
margin: 10px; }
.testimonial-card h5 {
margin-bottom: 0; }
.testimonial-card .img-fluid {
margin: 0 auto;
margin-bottom: 10px;
border-radius: 50%;
-webkit-border-radius: 50%;
width: 60px !important; }
.testimonial-card.t-card-dark {
background: #141414;
color: #fff; }
.testimonial-card.t-card-dark h5 {
  color: #fff; }

/**testi col**/
.testimonial-col {
background-color: rgba(71, 130, 211, 0.04);
padding: 30px 20px;
border-radius: 5px; }

.owl-theme .owl-nav [class*=owl-] {
color: inherit; }

/*
Title headings
*/
.fancy-title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-align-items: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 15px;
overflow: hidden; }
.fancy-title h3, .fancy-title h2, .fancy-title h1, .fancy-title h4, .fancy-title h5, .fancy-title h6 {
letter-spacing: 0px;
padding-right: 15px;
text-align: left;
font-family: "Montserrat", sans-serif;
text-transform: capitalize; }
.fancy-title h4 {
font-size: 1rem;
font-weight: 600; }
.fancy-title .fancy-title-sep {
position: relative;
height: 6px;
border-top: 1px solid;
border-bottom: 1px solid;
-ms-flex-grow: 1;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.fancy-title .fancy-title-sep.gray-sep {
  border-top-color: #f7f7f7;
  border-bottom-color: #f7f7f7; }
.fancy-title.dark-fancy-title h3, .fancy-title.dark-fancy-title h2, .fancy-title.dark-fancy-title h1, .fancy-title.dark-fancy-title h4, .fancy-title.dark-fancy-title h5, .fancy-title.dark-fancy-title h6 {
color: #fff; }
.fancy-title.dark-fancy-title .fancy-title-sep.gray-sep {
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

.title-heading1 {
text-align: center;
overflow: hidden;
padding-bottom: 10px;
margin-bottom: 60px !important; }
.title-heading1 h3 {
text-transform: uppercase;
font-weight: 800;
font-size: 1.5rem;
position: relative;
display: inline-block;
padding: 0px 50px;
font-family: "Montserrat", sans-serif; }
.title-heading1 h3:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -5px;
  width: 45px;
  height: 2px;
  background-color: #eee; }
.title-heading1 h3:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -5px;
  width: 45px;
  height: 2px;
  background-color: #eee; }

/*
Cards style
*/
.card-inverse .card-title {
color: #fff; }

.card-inverse p {
color: #fff;
opacity: .8; }

/*
Top bar style
*/
.top-bar {
padding-top: 5px; }
.top-bar.light {
background-color: rgba(71, 130, 211, 0.02); }
.top-bar .list-inline .list-inline-item {
padding: 0px 0px;
margin-right: 0px; }
.top-bar .list-inline .list-inline-item a {
  font-size: 12px;
  display: block;
  color: #999;
  margin: 0 !important; }
  .top-bar .list-inline .list-inline-item a.social-icon-sm {
    font-size: 15px; }

.links .list-inline-item {
position: relative;
padding: 0 7px !important; }
.links .list-inline-item:before {
content: "";
position: absolute;
right: 0;
width: 1px;
height: 30%;
top: 35%;
background: rgba(0, 0, 0, 0.1); }
.links .list-inline-item:last-child:before {
display: none; }
.links .list-inline-item:first-child {
padding-left: 0px; }
.links .list-inline-item i {
color: rgba(0, 0, 0, 0.1); }
.links .list-inline-item a:hover {
color: #4782d3; }

/**dark top bar**/
.top-bar.dark {
background: #222; }

/*
Career
*/
.career-card {
padding: 40px 20px;
background: rgba(71, 130, 211, 0.02);
margin-bottom: 40px; }
.career-card h2 {
color: #D25B73;
font-weight: 500; }
.career-card h2 small {
  font-size: .7rem;
  color: #aeaeae; }
.career-label {
 color: #ababab;
 font-style: italic;
}
/*
Timeline
*/
.page-timeline {
margin: 30px auto 0 auto;
position: relative;
max-width: 1000px; }

.page-timeline:before {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 303px;
right: auto;
height: 100%;
width: 3px;
background: #3498db;
z-index: 0; }

.page-timeline:after {
position: absolute;
content: '';
width: 3px;
height: 40px;
background: #3498db;
background: -webkit-linear-gradient(top, #4782d3, rgba(52, 152, 219, 0));
background: linear-gradient(to bottom, #4782d3, rgba(52, 152, 219, 0));
top: 100%;
left: 303px; }

.vtimeline-content {
margin-left: 350px;
background: #fff;
border: 1px solid #e6e6e6;
padding: 35px 20px;
border-radius: 3px;
text-align: left; }

.vtimeline-content h3 {
font-size: 1.5em;
font-weight: 600;
display: inline-block;
margin: 0; }

.vtimeline-content p {
font-size: 0.9em;
margin: 0; }

.vtimeline-point {
position: relative;
display: block;
vertical-align: top;
margin-bottom: 30px; }

.vtimeline-icon {
position: relative;
color: #fff;
width: 50px;
height: 50px;
background: #4782d3;
border-radius: 50%;
float: left;
text-align: center;
line-height: 50px;
z-index: 99;
margin-left: 280px; }

.vtimeline-icon i {
display: block;
font-size: 1.5em;
line-height: 50px; }

.vtimeline-date {
width: 260px;
text-align: right;
position: absolute;
left: 0;
top: 10px;
font-weight: 400;
color: #374054; }

/*
Smart form customization
*/
.smart-container {
box-shadow: none; }

.smart-wrap {
padding: 0px; }

.smart-container {
margin: 0 auto; }

.smart-forms {
font-family: "Montserrat", sans-serif; }
.smart-forms .form-body {
padding: 0px;
padding-bottom: 20px; }
.smart-forms .form-footer {
overflow: hidden;
padding: 0px;
padding-top: 0px;
background: #fff;
background-image: none; }
.smart-forms .refresh-captcha {
background-color: #5bc0de;
border-color: #4782d3; }
.smart-forms .button {
padding: 13px 25px 13px !important;
font-family: "Montserrat", sans-serif;
text-transform: uppercase; }
.smart-forms .btn-primary {
background-color: #4782d3; }
.smart-forms .btn-primary:active {
  background-color: #4782d3; }
.smart-forms .btn-primary:hover, .smart-forms .btn-primary:focus {
  background-color: #4782d3; }
.smart-forms .input-hint {
font-family: "Open Sans", sans-serif; }

.feedback-form {
margin: 0px;
box-shadow: none;
border: 0px; }
.feedback-form .form-body {
padding: 0px; }

.smart-forms .rating:hover .rating-star:hover, .smart-forms .rating:hover .rating-star:hover ~ .rating-star, .smart-forms .rating-input:checked ~ .rating-star {
color: #4782d3; }

.smart-forms .tagline span, .smart-forms .smart-link {
color: #4782d3; }

.smart-forms .gui-input:hover, .smart-forms .gui-textarea:hover, .smart-forms .select > select:hover, .smart-forms .select-multiple select:hover, .smart-forms .gui-input:hover ~ .input-hint, .smart-forms .file .gui-file:hover + .gui-input, .smart-forms .gui-textarea:hover ~ .input-hint {
border-color: #4782d3; }

.smart-forms .gui-input:focus, .smart-forms .gui-textarea:focus, .smart-forms .select > select:focus, .smart-forms .select-multiple select:focus {
border-color: #4782d3;
-webkit-box-shadow: 0px 0px 3px #4782d3 inset;
-moz-box-shadow: 0px 0px 3px #4782d3 inset;
-o-box-shadow: 0px 0px 3px #4782d3 inset;
box-shadow: 0px 0px 3px #4782d3 inset; }

.smart-forms .gui-input:focus ~ .field-icon i, .smart-forms .gui-textarea:focus ~ .field-icon i {
color: #4782d3 !important; }

.smart-forms input:hover + .checkbox, .smart-forms input:hover + .radio {
border-color: #4782d3 !important; }

.smart-forms input:checked + .checkbox, .smart-forms input:checked + .radio {
border: 3px solid #4782d3 !important; }

.smart-forms input:focus + .checkbox:before {
border-color: #4782d3 !important; }

.smart-forms input:checked + .checkbox:before, .smart-forms input:checked + .radio:before {
border-color: #4782d3 !important; }

.smart-forms .radio:before {
background: #4782d3 !important; }

.smart-forms label, .smart-forms input, .smart-forms button, .smart-forms select, .smart-forms textarea {
font-family: "Montserrat", sans-serif !important; }

.smart-forms .select-multiple select:focus, .smart-forms .gui-input:focus ~ .input-hint, .smart-forms .gui-textarea:focus ~ .input-hint, .smart-forms .file .gui-file:focus + .gui-input {
border-color: #4782d3 !important; }

/********typed text cursor style*********/
.typed-cursor {
opacity: 1;
-webkit-animation: blink 0.7s infinite;
-moz-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
color: #4782d3; }

@keyframes blink {
0% {
opacity: 1; }
50% {
opacity: 0; }
100% {
opacity: 1; } }

@-webkit-keyframes blink {
0% {
opacity: 1; }
50% {
opacity: 0; }
100% {
opacity: 1; } }

@-moz-keyframes blink {
0% {
opacity: 1; }
50% {
opacity: 0; }
100% {
opacity: 1; } }

.typed-text {
font-size: 2.5rem;
font-weight: 700;
color: #000;
line-height: 2rem;
text-transform: capitalize;
font-family: "Montserrat", sans-serif; }
.typed-text .typed {
color: #4782d3;
display: inline-block; }
.typed-text .typed:after {
  content: '_';
  font-size: 1.2rem;
  -webkit-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite;
  position: relative;
  margin-left: 6px; }

.typed-cursor {
display: inline-block;
line-height: 2.5rem; }

/*
Image with text cards
*/
.image-text-card1 {
max-width: 500px;
margin: 0 auto;
position: relative; }
.image-text-card1 .card-link {
width: 100%;
height: 100%;
position: absolute;
display: block;
left: 0;
top: 0; }
.image-text-card1 img.img-fluid {
border-radius: 8px;
transition: all .3s;
-webkit-transition: all .3s; }
.image-text-card1:hover .img-fluid {
transform: translateY(-4px);
-webkit-transform: translateY(-4px);
box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1); }

.image-text-card2 .card-body {
padding-top: 0px;
padding-bottom: 0px; }

.image-card-title-overlay {
position: relative;
overflow: hidden;
max-width: 500px;
margin: 0 auto; }
.image-card-title-overlay img.img-fluid {
border-radius: 8px; }
.image-card-title-overlay .card-link {
width: 100%;
height: 100%;
position: absolute;
display: block;
left: 0;
top: 0;
z-index: 2; }
.image-card-title-overlay .card-overlay {
position: absolute;
bottom: 0px;
left: 0px;
font-size: .8rem;
margin: 0px;
border-radius: 8px;
width: 100%;
height: 100%;
background-color: rgba(71, 130, 211, 0.5);
z-index: 1;
color: #fff; }
.image-card-title-overlay .card-overlay .overlay-inner {
  transform: translateY(50%);
  -webkit-transform: translateY(50%);
  width: 100%;
  height: 100%;
  position: absolute;
  padding: 10px;
  left: 0;
  top: 0;
  text-align: center;
  color: #fff;
  margin-top: -30px; }
  .image-card-title-overlay .card-overlay .overlay-inner h4 {
    color: #fff;
    margin: 0px; }
  .image-card-title-overlay .card-overlay .overlay-inner p {
    font-size: 12px;
    line-height: 20px;
    font-style: italic; }
.image-card-title-overlay.card-hover .card-overlay {
opacity: 0;
visibility: hidden;
transition: all .3s;
-webkit-transition: all .3s; }
.image-card-title-overlay.card-hover .card-overlay .overlay-inner {
  margin-top: 0px;
  transition: all .3s;
  -webkit-transition: all .3s; }
.image-card-title-overlay.card-hover:hover .card-overlay {
opacity: 1;
visibility: visible; }
.image-card-title-overlay.card-hover:hover .card-overlay .overlay-inner {
  margin-top: -30px; }

/*
Footer styles
*/
.footer.footer-dark {
background: #212121; }
.footer.footer-dark h3 {
color: #fff;
margin-bottom: 20px;
font-size: 1rem;
font-weight: 600;
text-transform: uppercase; }
.footer.footer-dark hr {
border-top-color: rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.footer .social-icons li {
padding-right: 20px; }
pa
.footer .social-icons li:last-child {
padding-right: 0; }
.footer .social-icons li a {
color: rgba(255, 255, 255, 0.6);
font-size: 0.9rem;
text-transform: capitalize; }
.footer .social-icons li a i {
  position: relative;
  border-right: 1px solid rgba(255, 255, 255, 0.6);
  text-align: center;
  padding-right: 10px;
  margin-right: 10px; }
.footer .social-icons li a:hover {
  color: white; }

.footer h4 {
display: inline-block;
padding-right: 20px;
color: rgba(255, 255, 255, 0.8);
font-size: 1rem;
margin-bottom: 30px;
font-weight: 300;
letter-spacing: 0; }
.footer h4 i {
margin-right: 8px; }

.footer p {
color: rgba(255, 255, 255, 0.6); }

.footer-list-item li {
padding-left: 20px;
padding-bottom: 10px;
position: relative; }
.footer-list-item li:last-child {
padding-bottom: 0px; }
.footer-list-item li:before {
position: absolute;
top: 0;
left: 0;
content: "\f105";
font-family: 'FontAwesome'; }
.footer-list-item li a {
color: rgba(255, 255, 255, 0.8); }
.footer-list-item li a:hover {
  color: #fff; }
.footer-list-item li em {
font-size: 12px;
color: rgba(255, 255, 255, 0.6); }

.contact-list-item li {
padding-left: 40px;
position: relative;
margin-bottom: 15px;
color: rgba(255, 255, 255, 0.6);
min-height: 32px; }
.contact-list-item li:last-child {
padding-bottom: 0px; }
.contact-list-item li i {
position: absolute;
left: 0;
top: 0;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.6);
display: block; }

.footer-light.footer {
background-color: #f5f5f5; }
.footer-light.footer h3 {
font-size: 1rem;
margin-bottom: 30px; }
.footer-light.footer .footer-list-item li a {
color: #333; }
.footer-light.footer .footer-list-item li a:hover {
  color: #4782d3; }
.footer-light.footer .footer-list-item li em {
color: #999; }
.footer-light.footer p {
color: #666; }
.footer-light.footer .contact-list-item li {
color: #666; }
.footer-light.footer .contact-list-item li i {
  color: #fff;
  background-color: #4782d3;
  border-color: #4782d3; }
.footer-light.footer .social-icons li a {
color: #999; }
.footer-light.footer .social-icons li a:hover {
  color: #4782d3; }
.footer-light.footer .social-icons li a i {
  border-right: 1px solid #eee; }
.footer-light.footer h4 {
color: #999; }

.footer-standard {
background-color: #222;
font-size: 14px; }
.footer-standard h3 {
color: #fff;
margin-bottom: 30px;
text-transform: uppercase;
font-size: 1rem; }
.footer-standard .latest-news img {
border-radius: 5px;
width: 70px; }
.footer-standard .latest-news .media-body {
font-size: 12px; }
.footer-standard .latest-news h5 {
margin-bottom: 0px;
font-size: 15px; }
.footer-standard .latest-news h5 a {
color: rgba(255, 255, 255, 0.7); }

.footer-bottomAlt {
padding: 15px 0;
padding-top: 20px;
background-color: #000; }
.footer-bottomAlt span {
display: block;
text-align: right; }

/****sticky-footer**/
/**sticky footer*/
html.footer-sticky, .footer-sticky body {
height: 100%; }

@media (min-width: 992px) {
.footer-sticky .page-footer-sticky {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh;
min-height: 100%; }
.footer-sticky .page-footer-sticky .footer-sticky-wrap {
-webkit-flex: 1 0 auto;
-moz-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
min-height: 0;
height: auto;
position: relative;
right: 0;
min-height: 100%; }
.footer-sticky .page-footer-sticky .footer-sticky-wrap .footer-sticky-inner {
position: relative;
width: 100%; } }

/*
Responsive Utilites Style (This css is removed from beta version)
*/
.hidden-xs-up {
display: none !important; }

@media (max-width: 575px) {
.hidden-xs-down {
display: none !important; } }

@media (min-width: 576px) {
.hidden-sm-up {
display: none !important; } }

@media (max-width: 767px) {
.hidden-sm-down {
display: none !important; } }

@media (min-width: 768px) {
.hidden-md-up {
display: none !important; } }

@media (max-width: 991px) {
.hidden-md-down {
display: none !important; } }

@media (min-width: 992px) {
.hidden-lg-up {
display: none !important; } }

@media (max-width: 1199px) {
.hidden-lg-down {
display: none !important; } }

@media (min-width: 1200px) {
.hidden-xl-up {
display: none !important; } }

.hidden-xl-down {
display: none !important; }

.visible-print-block {
display: none !important; }

/**intro css (you can remove it)**/
/*
Assan Demos landing page style
*/
.page-demos {
font-family: "Open Sans", sans-serif !important; }
.page-demos h1, .page-demos h2, .page-demos h3, .page-demos h4, .page-demos h5, .page-demos h6, .page-demos .h1, .page-demos .h2, .page-demos .h3, .page-demos .h4, .page-demos .h5, .page-demos .h6, .page-demos .btn, .page-demos .navbar .nav-link {
font-weight: 300;
font-family: "Open Sans", sans-serif; }
.page-demos .title-heading1 h3 {
text-transform: capitalize;
font-weight: 400;
font-size: 2rem;
letter-spacing: -2px; }
.page-demos .demos-bs-4 {
padding-top: 90px;
padding-bottom: 50px;
padding-left: 1rem;
padding-right: 1rem; }
.page-demos .demo-card {
position: relative; }
.page-demos .demo-card img {
  transition: all .3s;
  -webkit-transition: all .3s;
  border-radius: 5px;
  border: 1px solid #eee; }
.page-demos .demo-card a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2; }
.page-demos .demo-card h5 {
  text-transform: capitalize;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: #000;
  font-size: 14px; }
.page-demos .demo-card:hover img {
  transform: translateY(-5px);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1); }
.page-demos .demo-card .badge {
  display: inline-block;
  padding: 0 8px;
  height: 25px;
  border-radius: 3px;
  background: #d93636;
  line-height: 25px;
  color: #fff;
  text-align: center;
  z-index: 0;
  position: relative;
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
  margin-left: 10px; }
.page-demos .demos-navbar.navbar.navbar-dark.bg-dark {
border: 0px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
background-color: #141414 !important;
padding-top: 0px;
padding-bottom: 0px; }
.page-demos .demos-navbar.navbar.navbar-dark.bg-dark ul.navbar-nav {
  margin-right: 0px; }
.page-demos .demos-navbar.navbar.navbar-dark.bg-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.7);
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0px;
  position: relative; }
  .page-demos .demos-navbar.navbar.navbar-dark.bg-dark .navbar-nav .nav-link:hover, .page-demos .demos-navbar.navbar.navbar-dark.bg-dark .navbar-nav .nav-link:focus, .page-demos .demos-navbar.navbar.navbar-dark.bg-dark .navbar-nav .nav-link.active {
    color: #fff !important; }
  .page-demos .demos-navbar.navbar.navbar-dark.bg-dark .navbar-nav .nav-link .badge {
    position: absolute;
    top: 6px;
    right: 0;
    border-radius: 3px;
    padding-bottom: 4px; }
.page-demos .demos-navbar.navbar.navbar-dark.bg-dark .navbar-brand span {
  font-size: 12px;
  opacity: 0.5; }
.page-demos .demos-hero {
background-image: linear-gradient(to top, #f9f9f9 0%, #fff 100%);
padding-top: 10rem;
padding-bottom: 0rem;
font-family: "Open Sans", sans-serif; }
.page-demos .demos-hero h2.h1 {
  text-transform: capitalize;
  color: white;
  font-weight: 300;
  line-height: 1.8;
  font-family: "Open Sans", sans-serif; }
  .page-demos .demos-hero h2.h1 span {
    font-weight: 300;
    color: #fff;
    display: inline-block;
    padding-bottom: 0px;
    border-bottom: 5px solid rgba(255, 255, 255, 0.2); }
.page-demos .demos-hero h5, .page-demos .demos-hero .tlt.h1 {
  font-family: "Open Sans", sans-serif; }
.page-demos .demos-hero .tlt.h1 {
  font-weight: 300;
  font-size: 44px; }
.page-demos .demos-navbar.navbar.navbar-transparent.nav-sticky .navbar-brand .logo {
position: relative;
top: -4px; }
.page-demos .butttons-demo {
padding-top: 50px;
position: relative; }
.page-demos .butttons-demo:before {
  content: "";
  width: 90px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -45px; }
.page-demos .navbar.fixed-top.navbar-dark.bg-primary {
background-color: #4782d3 !important; }
.page-demos .navbar.fixed-top.navbar-dark.bg-primary .navbar-nav {
  margin-right: 0px !important; }
.page-demos .quote-most {
font-weight: 400;
font-size: 1.9rem;
line-height: 1.8; }
.page-demos .b3demos a.demo-card {
display: block; }
.page-demos .b3demos a.demo-card h5 {
  padding-top: 20px;
  text-align: center; }
.page-demos .b3demos a.demo-card .label {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 60px;
  height: 60px;
  line-height: 55px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  z-index: 9;
  display: block; }
.page-demos .features-container {
text-align: center; }
.page-demos .features-container img {
  padding: 0px;
  width: 60px;
  display: block;
  margin: 0 auto;
  margin-bottom: 25px; }
.page-demos .features-container h5 {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 15px;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 20px; }
  .page-demos .features-container h5:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -25px;
    width: 50px;
    height: 2px;
    background-color: #4782d3; }
.page-demos .features-container p {
  opacity: 0.6;
  border-bottom: 1px solid #eee;
  padding-bottom: 40px;
  margin-bottom: 0px; }
.page-demos .feedback-box {
padding: 30px 15px;
background-color: #fff;
margin-bottom: 40px; }
.page-demos .feedback-box h5 {
  margin-bottom: 0px;
  font-size: 14px; }
.page-demos .feedback-box p {
  font-style: italic;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.8;
  color: #888; }
.page-demos .demos-navbar.navbar-dark.bg-dark .navbar-nav .nav-item .nav-link.btn.mt-2 {
margin-top: 10px !important;
color: #fff !important; }
.page-demos .demos-navbar.navbar-dark.bg-dark .navbar-nav .nav-item .nav-link.btn.mt-2.btn-white {
  color: #333 !important; }
  .page-demos .demos-navbar.navbar-dark.bg-dark .navbar-nav .nav-item .nav-link.btn.mt-2.btn-white:hover, .page-demos .demos-navbar.navbar-dark.bg-dark .navbar-nav .nav-item .nav-link.btn.mt-2.btn-white:focus, .page-demos .demos-navbar.navbar-dark.bg-dark .navbar-nav .nav-item .nav-link.btn.mt-2.btn-white:active {
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
    color: #333 !important; }
.page-demos .navbar-toggler-right {
position: absolute;
right: 0rem;
top: -2px;
cursor: pointer;
color: #fff; }
.page-demos .navbar-brand span {
font-size: 12px;
display: inline-block;
vertical-align: top;
opacity: 0.5; }

@media (max-width: 992px) {
.page-demos .demos-navbar.navbar.navbar-dark.bg-dark {
padding-top: .6rem;
padding-bottom: .6rem; } }

/*
Template responsive style
*/
@media (max-width: 991px) {
.dropdown-menu {
box-shadow: none; }
.dropdown-submenu > .dropdown-menu {
display: block;
padding-left: 15px; }
.search-inline .form-control {
font-size: 14px; }
.search-inline button[type="submit"] {
width: 20px;
background-color: transparent;
color: #333; }
.vtimeline-icon {
margin-left: 0px; }
.page-timeline:before, .page-timeline:after {
left: 23px; }
.vtimeline-date {
display: none; }
.vtimeline-content {
margin-left: 55px; }
.mega-title {
margin-bottom: 0px;
padding-top: 15px; }
.navbar-expand-lg > .container {
padding-left: 15px;
padding-right: 15px; }
.nav-sticky-top {
position: relative !important;
height: auto !important; }
.sticky-wrapper {
height: auto !important; }
.navbar-right-elements {
top: 8px; }
.dropdown-submenu > .dropdown-menu {
margin-left: 0px; }
.navbar.navbar-dark .navbar-right-elements .list-inline > li > a {
color: #fff; } }

@media all and (max-width: 767px) {
.hero-text-style1 .h1, .fullscreen h2, .fullscreen h1 {
font-size: 1.8em !important;
line-height: 1.31818182em; }
h1,
.h1 {
font-size: 2.35714em !important;
line-height: 1.36364em !important; }
h2,
.h2 {
font-size: 1.78571em !important;
line-height: 1.5em !important; }
h3,
.h3 {
font-size: 1.35714em !important;
line-height: 1.85714em !important; }
.lead {
font-size: 1.35714em !important;
line-height: 1.36842em !important; } }

@media (max-width: 576px) {
.container {
width: 100%; } }

#markermap {
  width: 100%;

}

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top:130px;

}

#help h2 {
  font-size: 30px;
}
#help .h3 {
  font-size: 24px;
}
#help .list-icon .li {
      font-family: "Open Sans", sans-serif;
      color: #666666;
}
.italic-small{
  font-style: italic;
  font-size: 10px;
}

.navbar-inverse {
    background-color: transparent;
    border: none !important ;

}

.navbar-inverse .navbar-nav>li>a {
    color: #ffffff !important;
  }

  .navbar-inverse .navbar-nav>li>a:hover{
      color: #d25b73 !important;
    }

.nav {
  border-radius: 0px;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #D25b73 !important;
  background-color: transparent;
}