/*

  Style.css file

  Bezel Template

  Version: 1.0.2

  By HodyLab | http://hody.co

*/

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



  Table of Contents



  01  Common Styles

  02  Buttons

  03  Navbar

  04  Aside Navbar

  05  Fullscreen Menu

  06  Home Slider

  07  Icon Boxes

  08  Footer

  09  Portfolio

  10  Team

  11  Blog

  12  Shop

  13  Forms

  14  Timeline

  15  Pricing Tables

  16  Photo Gallery

  17  Animations

  18  Fullpage

  19  Zoom

  20  Helpers



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

/*

  01

  Common Styles

*/

* {

  min-height: 0;

  min-width: 0;

}

body {

  font-family: 'Source Sans Pro', sans-serif;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  color: #787878;

  font-weight: 400;

  font-size: 16px;

  line-height: 1.5;

}

body.boxed-layout {

  background-color: #f2f2f2;

}

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

  body.left-navbar #wrapper {

    padding-left: 240px;

    overflow-x: hidden;

  }

  body.left-navbar #footer {

    left: 240px;

  }

}

::-moz-selection {

  background-color: #1f1f1f;

  color: #fff;

}

::selection {

  background-color: #1f1f1f;

  color: #fff;

}

img,

video {

  max-width: 100%;

  height: auto;

}

a {

  color: #1f1f1f;

}

a:hover {

  color: #6c6c6c;

  text-decoration: none;

}

a:focus {

  color: #6c6c6c;

  text-decoration: none;

}

a.small-link {

  font-family: 'Poppins', sans-serif;

  font-size: 11px;

  letter-spacing: 0.05em;

  font-weight: 500;

}

a.small-link > span {

  display: inline-block;

  vertical-align: middle;

}

a.small-link > i {

  display: inline-block;

  position: relative;

  vertical-align: middle;

  font-size: 10px;

  width: 10px;

  height: 8px;

  margin-left: 3px;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

a.small-link.black-text:hover {

  color: #005AAA !important;

}

a.small-link:hover > i {

  margin-left: 7px;

}

a.white-text:hover {

  color: #005AAA;

}

a.arrow-link {

  font-family: 'Poppins', sans-serif;

  text-transform: uppercase;

  font-size: 12px;

  font-weight: 500;

  letter-spacing: 0.05em;

  position: relative;

  display: inline-block;

}

a.arrow-link:after {

  content: "\e019";

  font-family: 'hody-icons';

  font-size: 18px;

  vertical-align: middle;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  margin-left: 2px;

}

a.arrow-link:hover:after {

  margin-left: 8px;

}

dd {

  margin-bottom: 20px;

}

ul {

  list-style: disc;

}

li > ul,

li > ol {

  padding: 0;

  margin-left: 15px;

}

select {

  max-width: 100%;

}

.table {

  font-size: 14px;

}

.table > thead > tr > th {

  color: #1f1f1f;

  border-bottom: 1px solid #e7e7e7;

  font-family: 'Poppins', sans-serif;

  font-size: 11px;

  font-weight: 500;

  letter-spacing: 0.05em;

}

iframe {

  max-width: 100%;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: 'Poppins', sans-serif;

  color: #1f1f1f;

  line-height: 1.3;

}

h1,

h2,

h3,

h4 {

  font-weight: 700;

}

h5,

h6 {

  font-weight: 600;

}

blockquote {

  border-left: 0;

  padding: 0;

}

blockquote h1,

blockquote h2,

blockquote h3,

blockquote h4,

blockquote h5,

blockquote h6 {

  line-height: inherit;

}

blockquote footer {

  color: inherit;

  font-family: 'Poppins', sans-serif;

}

hr {

  border-color: #e6e6e6;

}

#wrapper {

  position: relative;

  z-index: 20;

  overflow-x: hidden;

}

#wrapper section.last-section {

  box-shadow: 0 20px 20px 0px rgba(0, 0, 0, 0.02);

}

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

  .boxed-layout #wrapper {

    max-width: 1170px;

    margin-left: auto;

    margin-right: auto;

    box-shadow: none;

  }

  .boxed-layout #wrapper .container {

    width: 1140px;

  }

}

#loader {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-color: #fff;

  z-index: 100000;

}

#mask {

  width: 200px;

  height: 200px;

  line-height: 200px;

  margin: 0 auto;

  text-align: center;

}

#mask svg {

  width: 64px;

  height: 76px;

}

.preloader-path {

  stroke-linejoin: round;

  fill: none;

  stroke: #fff;

  stroke-width: 1;

  stroke-dasharray: 70 32;

  -webkit-animation: preloader 1s infinite ease;

  animation: preloader 1s infinite ease;

}

section {

  position: relative;

  background-color: #fff;

  padding-top: 110px;

  padding-bottom: 110px;

  z-index: 10;

}

section + section {

  border-top: 1px solid #eee;

}

section.home-section + section {

  border-top: 0;

}

section.grey-bg,

section.dark-bg {

  border-top: 0;

}

section.grey-bg + section,

section.dark-bg + section {

  border-top: 0;

}

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

  section.split-section + .split-section {

    border-top: 0;

  }

}

section.parallax-section {

  background-color: transparent;

  border-top: 0;

  color: #fff;

}

section.parallax-section.simple-parallax {

  height: 400px;

}

section.parallax-section .parallax-bg .gradient-bg-wrapper {

  z-index: 0;

  opacity: .9;

}

section.parallax-section .parallax-overlay {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-color: #1f1f1f;

  opacity: .7;

}

section.parallax-section .parallax-overlay.gradient-overlay {

  background-color: transparent;

  opacity: .9;

}

section.parallax-section .parallax-overlay.gradient-overlay:not([data-gradients]) {

  background: -webkit-linear-gradient(left, #cf93ff 0%, #005AAA 100%);

  background: linear-gradient(90deg, #cf93ff 0%, #005AAA 100%);

}

section.parallax-section .parallax-overlay.semilight-overlay {

  opacity: .5;

}

section.parallax-section .parallax-overlay.colored-overlay {

  background-color: #005AAA;

}

section.parallax-section.text-dark .parallax-overlay {

  opacity: .1;

}

section.parallax-section .title > i {

  color: #fff;

}

section.parallax-section + section {

  border: 0;

}

section.big-padding-bt {

  padding-bottom: 220px!important;

}

section.section-bordered {

  border: 20px solid #fff;

}

section.section-bordered.home-section {

  border: 0;

}

section.section-bordered.home-section #home-slider {

  border: 20px solid #fff;

  border-bottom: 0;

  padding-bottom: 20px;

}

section.section-bordered.home-section #home-slider:after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  right: 0;

  height: 20px;

  background-color: #fff;

}

section.page-title {

  height: 450px;

}

section.page-title.parallax-section {

  height: 550px;

}

section.page-title .bp-desktop({

    h1{

      font-size: 58px;

    }

  }) .title {

  margin-bottom: 0;

}

.grey-bg {

  background-color: #f7f7f7;

}

.dark-bg {

  background-color: #1f1f1f;

  color: #fff;

}

.dark-bg .title > hr {

  border-color: #fff;

}

.title {

  margin-bottom: 25px;

  position: relative;

  z-index: 10;

}

.title > h1 {

  font-size: 48px;

  letter-spacing: -1px;

}

.title > h1.upper {

  letter-spacing: 0.03em;

}

.title > h1.font-big {

  font-size: 66px;

}

.title > h2 {

  font-size: 38px;

  letter-spacing: -1px;

}

.title > h2.alt-serif-font {

  font-size: 36px;

}

.title > h2 > .fw-300 {

  letter-spacing: 0;

}

.title > h2.upper {

  letter-spacing: 0.03em;

}

.title > h2.font-big {

  font-size: 56px;

}

.title > h2.font-xl {

  font-size: 96px;

}

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

  .title > h2 {

    font-size: 32px;

  }

  .title > h2.font-big {

    font-size: 40px;

  }

  .title > h2.font-xl {

    font-size: 58px;

  }

}

.title > h3 {

  letter-spacing: -1px;

}

.title > h3.cursive-font {

  letter-spacing: 0;

  font-size: 19px;

}

.title > h3.cursive-font + h2 {

  margin-top: 0;

}

.title > h3.alt-serif-font {

  font-size: 22px;

}

.title > h4 {

  font-weight: 400;

  font-size: 18px;

  font-family: 'Source Sans Pro', sans-serif;

  color: #787878;

}

.title > h4.upper {

  font-size: 14px;

  letter-spacing: 0.1em;

}

.title > h4.font-xl {

  font-size: 66px;

}

.title > h6 {

  text-transform: uppercase;

  font-weight: 500;

  font-size: 13px;

  letter-spacing: 0.05em;

  margin-top: 0;

}

.title > i {

  font-size: 45px;

  color: #1f1f1f;

}

.title .title-icon {

  position: relative;

  height: 65px;

  width: 65px;

  border-radius: 50%;

  text-align: center;

  line-height: 65px;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  display: inline-block;

  background-color: #005AAA;

  clear: both;

  color: #fff;

}

.title .title-icon > i {

  font-size: 32px;

}

.title > p {

  font-size: 24px;

  margin: 20px 0;

}

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

  .title > p {

    font-size: 20px;

  }

}

.title > hr {

  width: 40px;

  margin: 20px 0 15px;

  border-color: #1f1f1f;

  -webkit-transition: width .3s ease;

  transition: width .3s ease;

}

.title > hr.fullwidth {

  width: 100%;

  border-color: #e6e6e6;

}

.title > hr.colored {

  border-color: #005AAA;

}

.title > hr.white {

  border-color: #fff;

}

.title > hr.right-align {

  margin-left: auto;

  margin-right: 0;

}

.title:hover > hr:not(.fullwidth) {

  width: 60px;

}

.title.text-center hr {

  margin-left: auto;

  margin-right: auto;

}

.title.text-center h2[data-bigletter]:before {

  left: 0;

  right: 0;

  margin: auto;

}

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

  .title.txt-sm-center h2[data-bigletter]:before {

    left: 0;

    right: 0;

    margin: auto;

  }

}

.title h2[data-bigletter] {

  position: relative;

}

.title h2[data-bigletter]:before {

  z-index: -1;

  content: attr(data-bigletter);

  font-size: 2em;

  opacity: .06;

  position: absolute;

  top: -0.5em;

  left: -0.15em;

  text-align: center;

  text-transform: uppercase;

}

.row-parallax-bg {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  overflow: hidden;

}

.row-parallax-bg .parallax-wrapper {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 130%;

  height: calc(100% + 30vh);

}

.row-parallax-bg .parallax-wrapper .parallax-bg {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: 50% 50%;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.video-wrapper {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  overflow: hidden;

}

.video-wrapper .video-player {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.video-wrapper .video-player video {

  position: absolute;

  width: 100%;

  height: 100%;

  max-width: none;

  z-index: -1;

}

.video-wrapper .fallback-bg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}

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

  .video-wrapper .fallback-bg {

    display: none;

  }

}

.vertical-divider {

  height: 70px;

  width: 1px;

  background-color: #1f1f1f;

  margin: 50px auto 0;

}

.img-cover {

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .img-cover {

    min-height: 350px;

  }

}

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

  .img-cover {

    min-height: 300px;

  }

}

.img-side {

  padding: 0;

  position: absolute!important;

  top: 0px;

  height: 100%;

  overflow: hidden;

  z-index: 100;

}

.img-side.fixed-image {

  position: fixed!important;

}

.img-side.img-right {

  right: 0;

}

.img-side.img-left {

  left: 0;

}

.img-side.img-center {

  left: 0;

  right: 0;

  margin: auto;

}

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

  .img-side {

    min-height: 400px;

    margin: -110px 0 60px;

    position: relative!important;

    z-index: 0;

  }

  .img-side .img-holder .title {

    padding-left: 15px;

    padding-right: 15px;

  }

  section.p-0 .img-side,

  section.pt-0 .img-side {

    margin-top: 0;

  }

}

.img-holder {

  position: absolute;

  top: 0;

  width: 100%;

  height: 100%;

}

.img-holder.overlay {

  color: #fff;

}

.img-holder.overlay:after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(33, 40, 45, 0.6);

}

.img-holder.overlay .title p {

  color: #fff;

}

.img-holder .title {

  padding-left: 100px;

  padding-right: 100px;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .img-holder .title {

    display: none;

  }

}

.img-holder.with-border {

  border: 20px solid #fff;

}

.holder-container {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.holder-container:after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  background-color: rgba(31, 31, 31, 0.5);

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

.fixed-bg-section section {

  padding-left: 5%;

  padding-right: 5%;

}

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

  .fixed-bg-section .img-side {

    min-height: 500px;

    position: relative!important;

    z-index: 0;

  }

  .fixed-bg-section .img-side .img-holder .title {

    padding-left: 15px;

    padding-right: 15px;

  }

}

.typed-words:after {

  content: "|";

  -webkit-animation: blink 0.7s infinite;

  animation: blink 0.7s infinite;

  font-weight: lighter;

  color: #787878;

}

.typed-cursor {

  display: none;

}

@-webkit-keyframes blink {

  0% {

    opacity: 1;

  }

  50% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

@keyframes blink {

  0% {

    opacity: 1;

  }

  50% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

.dark-bg h1,

.parallax-section:not(.text-dark) h1,

.gradient-bg h1,

.colored-bg h1,

.dark-bg h2,

.parallax-section:not(.text-dark) h2,

.gradient-bg h2,

.colored-bg h2,

.dark-bg h3,

.parallax-section:not(.text-dark) h3,

.gradient-bg h3,

.colored-bg h3,

.dark-bg h4,

.parallax-section:not(.text-dark) h4,

.gradient-bg h4,

.colored-bg h4,

.dark-bg h5,

.parallax-section:not(.text-dark) h5,

.gradient-bg h5,

.colored-bg h5,

.dark-bg h6,

.parallax-section:not(.text-dark) h6,

.gradient-bg h6,

.colored-bg h6,

.dark-bg a:not(.btn),

.parallax-section:not(.text-dark) a:not(.btn),

.gradient-bg a:not(.btn),

.colored-bg a:not(.btn) {

  color: inherit;

}

.dark-bg .counter-content,

.parallax-section:not(.text-dark) .counter-content,

.gradient-bg .counter-content,

.colored-bg .counter-content {

  border-color: #333333;

}

.dark-bg #filters > li,

.parallax-section:not(.text-dark) #filters > li,

.gradient-bg #filters > li,

.colored-bg #filters > li {

  color: #fff;

}

.dark-bg #filters > li.active,

.parallax-section:not(.text-dark) #filters > li.active,

.gradient-bg #filters > li.active,

.colored-bg #filters > li.active {

  border-color: #fff;

  color: #fff;

}

.dark-bg #filters > li.active:hover,

.parallax-section:not(.text-dark) #filters > li.active:hover,

.gradient-bg #filters > li.active:hover,

.colored-bg #filters > li.active:hover {

  color: #fff;

}

.dark-bg .icon-box > i,

.parallax-section:not(.text-dark) .icon-box > i,

.gradient-bg .icon-box > i,

.colored-bg .icon-box > i,

.dark-bg .social-list > li > a,

.parallax-section:not(.text-dark) .social-list > li > a,

.gradient-bg .social-list > li > a,

.colored-bg .social-list > li > a {

  color: #fff;

}

.dark-bg .minimal-tabs > li > a,

.parallax-section:not(.text-dark) .minimal-tabs > li > a,

.gradient-bg .minimal-tabs > li > a,

.colored-bg .minimal-tabs > li > a {

  color: #fff;

}

.dark-bg .minimal-tabs > li > a:hover,

.parallax-section:not(.text-dark) .minimal-tabs > li > a:hover,

.gradient-bg .minimal-tabs > li > a:hover,

.colored-bg .minimal-tabs > li > a:hover {

  color: #fff;

}

.dark-bg .minimal-tabs > li.active > a,

.parallax-section:not(.text-dark) .minimal-tabs > li.active > a,

.gradient-bg .minimal-tabs > li.active > a,

.colored-bg .minimal-tabs > li.active > a,

.dark-bg .minimal-tabs > li.active > a:focus,

.parallax-section:not(.text-dark) .minimal-tabs > li.active > a:focus,

.gradient-bg .minimal-tabs > li.active > a:focus,

.colored-bg .minimal-tabs > li.active > a:focus,

.dark-bg .minimal-tabs > li.active > a:hover,

.parallax-section:not(.text-dark) .minimal-tabs > li.active > a:hover,

.gradient-bg .minimal-tabs > li.active > a:hover,

.colored-bg .minimal-tabs > li.active > a:hover {

  color: #fff;

  border-color: #fff;

}

.dark-bg .accordion > li.active .accordion-title,

.parallax-section:not(.text-dark) .accordion > li.active .accordion-title,

.gradient-bg .accordion > li.active .accordion-title,

.colored-bg .accordion > li.active .accordion-title {

  background-color: #fff;

  border-color: #fff;

}

.dark-bg .accordion > li.active .accordion-title:before,

.parallax-section:not(.text-dark) .accordion > li.active .accordion-title:before,

.gradient-bg .accordion > li.active .accordion-title:before,

.colored-bg .accordion > li.active .accordion-title:before {

  color: #1f1f1f;

  border-color: #1f1f1f;

  border-width: 1px;

}

.dark-bg .accordion > li.active .accordion-title h4,

.parallax-section:not(.text-dark) .accordion > li.active .accordion-title h4,

.gradient-bg .accordion > li.active .accordion-title h4,

.colored-bg .accordion > li.active .accordion-title h4 {

  color: #1f1f1f;

}

.go-top {

  position: fixed;

  width: 50px;

  height: 50px;

  bottom: 50px;

  right: 50px;

  line-height: 50px;

  text-align: center;

  border: 1px solid #dedede;

  background-color: transparent;

  z-index: 100;

  border-radius: 50%;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: scale(0.3);

  transform: scale(0.3);

}

.go-top.showed-up {

  opacity: 1;

  visibility: visible;

  -webkit-transform: scale(1);

  transform: scale(1);

}

.go-top:hover {

  background-color: #005AAA;

}

.go-top a {

  color: #929292;

  display: block;

}

.go-top a i {

  font-size: 26px;

  line-height: inherit;

}

.go-top a i:before {

  line-height: inherit;

}

.row-flex {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.row-flex:before {

  content: none;

}

.row-flex > [class*="col-"] {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: stretch;

  -moz-box-align: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

}

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

  .row-flex > [class*="col-"]:not([class*="col-xs"]) {

    width: 100%;

  }

}

.row-flex > [class*="col-"] .column-inner {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 1;

  -moz-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -moz-box-orient: vertical;

  -moz-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  margin-left: -15px;

  margin-right: -15px;

}

.row-flex > [class*="col-"] .column-inner.with-border {

  margin-right: -14px;

  margin-top: 1px;

  margin-bottom: 1px;

}

.row-flex.flex-center > [class*="col-"] {

  -webkit-box-align: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

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

  .row-flex.full-width-flex > [class*="col-"] {

    padding-left: 6.5%;

    padding-right: 6.5%;

  }

}

.row-flex.padding-row > [class*="col-"] {

  padding: 7.5% 6.5%;

}

.row-flex.flex-horizontal > [class*="col-"]:last-child {

  -webkit-box-pack: end;

  -moz-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

}

.row-flex.flex-spacing .column-inner {

  margin-left: 0;

  margin-right: 0;

}

.column-inner.with-padding {

  padding: 65px 50px;

}

.column-inner.with-border {

  box-shadow: 0 0 0 1px #eee;

}

.boxed-tabs.center-tabs,

.minimal-tabs.center-tabs {

  text-align: center;

  font-size: 0;

}

.boxed-tabs.center-tabs > li,

.minimal-tabs.center-tabs > li {

  display: inline-block;

  float: none;

}

.boxed-tabs {

  border-bottom: 0;

  margin-bottom: 25px;

}

.boxed-tabs.cols-6 > li {

  width: 16.66666667%;

}

.boxed-tabs.cols-5 > li {

  width: 20%;

}

.boxed-tabs.cols-4 > li {

  width: 25%;

}

.boxed-tabs.cols-3 > li {

  width: 33.33333333%;

}

.boxed-tabs.cols-2 > li {

  width: 50%;

}

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

  .boxed-tabs.cols-6 > li,

  .boxed-tabs.cols-5 > li,

  .boxed-tabs.cols-4 > li,

  .boxed-tabs.cols-3 > li {

    width: 50%;

    padding: 4px;

    border: 0;

    float: left;

    display: block;

  }

}

.boxed-tabs > li {

  border-right: 1px solid rgba(0, 0, 0, 0.07);

}

.boxed-tabs > li:last-child {

  border-right: 0;

}

.boxed-tabs > li > a {

  text-transform: uppercase;

  padding: 15px 20px;

  letter-spacing: 0.15em;

  font-size: 11px;

  border-radius: 0;

  color: #1f1f1f;

  font-family: 'Poppins', sans-serif;

  font-weight: 500;

  background-color: #f4f4f4;

  border: 0;

  margin-right: 0;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

.boxed-tabs > li > a:hover {

  background-color: #eee;

  border-color: transparent;

}

.boxed-tabs > li.active {

  border-color: #005AAA;

}

.boxed-tabs > li.active > a,

.boxed-tabs > li.active > a:focus,

.boxed-tabs > li.active > a:hover {

  border: 0;

  background-color: #005AAA;

  color: #fff;

  cursor: pointer;

  outline: none;

}

.boxed-tabs.red-skin > li.active {

  border-color: #f42841;

}

.boxed-tabs.red-skin > li.active > a,

.boxed-tabs.red-skin > li.active > a:focus,

.boxed-tabs.red-skin > li.active > a:hover {

  background-color: #f42841;

}

.minimal-tabs {

  margin-bottom: 25px;

  border-bottom: 0;

}

.minimal-tabs > li > a {

  text-transform: uppercase;

  margin-right: 20px;

  letter-spacing: 0.1em;

  font-size: 11px;

  border-radius: 0;

  font-weight: 500;

  color: #454545;

  font-family: 'Poppins', sans-serif;

  border: 0;

  border-bottom: 1px solid transparent;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

.minimal-tabs > li > a:hover,

.minimal-tabs > li > a:focus {

  background-color: transparent;

  border-color: transparent;

  color: #1f1f1f;

}

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

  .minimal-tabs > li > a {

    margin-bottom: 10px;

    margin-right: 0;

  }

}

.minimal-tabs > li.active > a,

.minimal-tabs > li.active > a:focus,

.minimal-tabs > li.active > a:hover {

  background-color: transparent;

  border: 0;

  border-bottom: 1px solid #1f1f1f;

  color: #1f1f1f;

  outline: none;

}

.icon-tabs {

  border-bottom: 0;

  margin-bottom: 25px;

  text-align: center;

  font-size: 0;

}

.icon-tabs.cols-6 > li {

  width: 16.66666667%;

}

.icon-tabs.cols-5 > li {

  width: 20%;

}

.icon-tabs.cols-4 > li {

  width: 25%;

}

.icon-tabs.cols-3 > li {

  width: 33.33333333%;

}

.icon-tabs.cols-2 > li {

  width: 50%;

}

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

  .icon-tabs.cols-6 > li,

  .icon-tabs.cols-5 > li,

  .icon-tabs.cols-4 > li,

  .icon-tabs.cols-3 > li {

    width: 50%;

  }

}

.icon-tabs > li {

  width: 25%;

  display: inline-block;

  float: none;

}

.icon-tabs > li > a {

  text-transform: uppercase;

  margin-right: 20px;

  letter-spacing: 0.1em;

  font-size: 12px;

  border-radius: 0;

  font-weight: 500;

  color: #454545;

  font-family: 'Poppins', sans-serif;

  border: 0;

  margin-right: 0;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

.icon-tabs > li > a:hover,

.icon-tabs > li > a:focus {

  background-color: transparent;

  border-color: transparent;

}

.icon-tabs > li > a > i {

  display: block;

  font-size: 42px;

  margin-bottom: 20px;

}

.icon-tabs > li.active > a,

.icon-tabs > li.active > a:focus,

.icon-tabs > li.active > a:hover {

  opacity: 1;

  border: 0;

  background-color: transparent;

  color: #005AAA;

  cursor: pointer;

  outline: none;

}

.tab-content p {

  line-height: 28px;

}

.play-button {

  cursor: pointer;

  width: 80px;

  height: 80px;

  margin-left: auto;

  margin-right: auto;

  border: 2px solid #1f1f1f;

  border-radius: 50%;

  line-height: 76px;

  color: #1f1f1f;

  text-align: center;

  font-size: 36px;

  position: relative;

  z-index: 10;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

.play-button a {

  color: inherit;

}

.play-button i {

  line-height: inherit;

}

.play-button i:before {

  line-height: inherit;

}

.play-button:hover {

  background-color: #1f1f1f;

  color: #fff;

  -webkit-transform: scale(0.9);

  transform: scale(0.9);

}

.btn[data-play-button] {

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

.btn[data-play-button]:hover {

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}

.testimonials-slider .testimonial {

  padding-left: 25px;

  padding-right: 25px;

}

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

  .testimonials-slider .testimonial {

    padding-left: 15px;

    padding-right: 15px;

  }

}

.testimonials-slider .testimonial-content {

  background-color: #fff;

  padding: 75px 100px;

  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05);

  max-width: 750px;

  margin: 50px auto;

  text-align: center;

  border-radius: 10px;

}

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

  .testimonials-slider .testimonial-content {

    padding: 100px 50px 50px;

  }

}

.testimonials-slider .testimonial-content > img {

  width: 100px;

  border-radius: 50%;

  margin-left: auto;

  margin-right: auto;

  margin-top: -125px;

}

.testimonials-slider .testimonial-comment > h4 {

  margin-top: 25px;

  margin-bottom: 10px;

  font-size: 24px;

  letter-spacing: -0.03em;

}

.testimonials-slider .testimonial-comment > p {

  margin: 25px 0;

  font-size: 18px;

  font-weight: 300;

}

.testimonials-slider .testimonial-comment .testimonial-info {

  text-transform: uppercase;

  font-family: 'Poppins', serif;

  font-size: 12px;

  letter-spacing: 0.03em;

  font-weight: 500;

}

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

  .testimonials-slider .slick-arrow {

    display: none;

    visibility: hidden;

  }

}

section.parallax-section .testimonials-slider .testimonial-content {

  background-color: transparent;

  margin-top: 0;

  margin-bottom: 0;

  padding: 0 50px;

  box-shadow: none;

}

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

  section.parallax-section .testimonials-slider .testimonial-content {

    padding: 0;

  }

}

section.parallax-section .testimonials-slider .testimonial-content > img {

  margin-top: 0;

}

section.parallax-section .slick-dots > li:not(.slick-active) > button {

  background-color: rgba(255, 255, 255, 0.3);

}

.slick-slider:not(#home-slider):not(#product-slider-nav) .slick-prev,

.slick-slider:not(#home-slider):not(#product-slider-nav) .slick-next {

  position: absolute;

  top: 50%;

  border: 0;

  background-color: transparent;

  height: 50px;

  margin-top: -25px;

  font-size: 52px;

  line-height: 50px;

  outline: none;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  z-index: 100;

}

.slick-slider:not(#home-slider):not(#product-slider-nav) .slick-prev:hover,

.slick-slider:not(#home-slider):not(#product-slider-nav) .slick-next:hover {

  color: #005AAA;

}

.slick-slider:not(#home-slider):not(#product-slider-nav) .slick-prev i,

.slick-slider:not(#home-slider):not(#product-slider-nav) .slick-next i {

  line-height: inherit;

}

.slick-slider:not(#home-slider):not(#product-slider-nav) .slick-prev {

  left: 25px;

}

.slick-slider:not(#home-slider):not(#product-slider-nav) .slick-prev:hover {

  left: 20px;

}

.slick-slider:not(#home-slider):not(#product-slider-nav) .slick-next {

  right: 25px;

}

.slick-slider:not(#home-slider):not(#product-slider-nav) .slick-next:hover {

  right: 20px;

}

.slick-slide {

  outline: none;

}

.slick-dots {

  margin: auto;

  text-align: center;

  padding-left: 0;

  margin: 0 0 15px;

  list-style-type: none;

}

.slick-dots > li {

  display: inline-block;

  margin: 0 4px;

}

.slick-dots > li > button {

  font-size: 0;

  border: 0;

  padding: 0;

  width: 11px;

  height: 11px;

  outline: none;

  background-color: rgba(0, 0, 0, 0.1);

  border-radius: 50%;

}

.slick-dots > li.slick-active > button {

  background-color: #005AAA;

}

.dark-dots .slick-dots > li.slick-active > button {

  background-color: #1f1f1f;

}

.white-dots .slick-dots > li.slick-active > button {

  background-color: #fff;

}

.dots-abs .slick-dots {

  position: absolute;

  bottom: 25px;

  left: 0;

  width: 100%;

}

.accordion {

  padding-left: 0;

  list-style: none;

  margin: 0;

}

.accordion > li {

  margin-bottom: 20px;

}

.accordion > li.active .accordion-title {

  color: #005AAA;

  border-color: #005AAA;

}

.accordion > li.active .accordion-title h4 {

  color: #005AAA;

}

.accordion > li.active .accordion-title:before {

  content: "\e0e9";

  color: #005AAA;

  border-color: #005AAA;

}

.accordion.dark-skin > li.active .accordion-title {

  color: #1f1f1f;

  border-color: #1f1f1f;

}

.accordion.dark-skin > li.active .accordion-title h4 {

  color: #1f1f1f;

}

.accordion.dark-skin > li.active .accordion-title:before {

  color: #1f1f1f;

  border-color: #1f1f1f;

}

.accordion.dark-blue-skin > li.active .accordion-title {

  color: #007aff;

  border-color: #007aff;

}

.accordion.dark-blue-skin > li.active .accordion-title h4 {

  color: #007aff;

}

.accordion.dark-blue-skin > li.active .accordion-title:before {

  color: #007aff;

  border-color: #007aff;

}

.accordion-title {

  margin: 0;

  padding: 20px 20px;

  padding-left: 70px;

  position: relative;

  cursor: pointer;

  border: 2px solid #e6e6e6;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

.accordion-title:before {

  content: "\e000";

  position: absolute;

  left: 0;

  top: -2px;

  bottom: -2px;

  width: 57px;

  text-align: center;

  line-height: 65px;

  font-family: "hody-icons";

  font-size: 24px;

  border-right: 2px solid #e6e6e6;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

.accordion-title h4 {

  margin: 0;

  font-weight: 500;

  font-size: 14px;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

.accordion-content {

  display: none;

  padding: 20px 0;

}

.accordion-content p {

  margin: 0;

}

.check-list {

  padding-left: 0;

  list-style: none;

  margin-bottom: 0;

}

.check-list > li {

  padding: 6px 0;

}

.check-list > li:before {

  font-family: 'hody-icons';

  content: "\e045";

  vertical-align: middle;

  font-size: 18px;

  margin-right: 10px;

  color: #005AAA;

}

.check-list.dark-skin > li:before {

  color: #1f1f1f;

}

.check-list.white-skin > li:before {

  color: #fff;

}

.parallax-section .check-list > li:before {

  color: #fff;

}

.tagcloud a,

.post-tags a {

  display: block;

  float: left;

  padding: 8px 10px;

  border: 1px solid #858585;

  margin: 0 10px 10px 0;

  font-size: 10px;

  text-transform: uppercase;

  letter-spacing: 0.1em;

  font-family: 'Poppins', sans-serif;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  font-weight: 600;

  color: #787878;

}

.tagcloud a:hover,

.post-tags a:hover {

  background-color: #005AAA;

  border-color: #005AAA;

  color: #fff;

}

section.dark-bg .progress,

section.colored-bg .progress {

  background-color: rgba(255, 255, 255, 0.15);

}

section.dark-bg .progress-bar:not(.colored),

section.colored-bg .progress-bar:not(.colored) {

  background-color: #fff;

}

.progress {

  height: 2px;

  background-color: #eee;

  margin-bottom: 25px;

  box-shadow: none;

}

.progress-bar {

  background-color: #1f1f1f;

  box-shadow: none;

}

.progress-bar.colored {

  background-color: #005AAA;

}

.skill {

  position: relative;

  text-align: left;

}

.skill-name {

  position: relative;

}

.skill-name,

.skill-perc {

  margin-bottom: 15px;

  display: block;

  font-size: 13px;

  font-weight: 500;

}

.skill-perc {

  position: absolute;

  top: 0;

}

.carousel {

  max-width: 100%;

}

.carousel .slick-list.draggable {

  cursor: -webkit-grab;

  cursor: -moz-grab;

  cursor: grab;

}

.carousel .slick-list.draggable:active {

  cursor: -webkit-grabbing;

  cursor: -moz-grabbing;

  cursor: grabbing;

}

.carousel .carousel-item.with-padding {

  padding-left: 15px;

  padding-right: 15px;

}

#map.full-width {

  height: 500px;

  width: 100%;

  position: relative!important;

}

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

  .map-side {

    padding: 0;

    margin-top: -120px;

    margin-bottom: 50px;

  }

  .map-side #map {

    min-height: 400px;

    width: 100%;

    position: relative!important;

    margin-bottom: 35px;

  }

}

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

  .map-side {

    padding: 0px;

    position: absolute;

    top: 0px;

    height: 100%;

    overflow: hidden;

    z-index: 100;

    left: 0;

  }

  .map-side.map-right {

    right: 0;

    left: auto;

  }

  .map-side #map {

    min-height: 500px;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 10;

  }

}

.map-box {

  position: relative;

  width: 100%;

  height: 100%;

  min-height: 300px;

}

.map-box #map {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 10;

}

.menu-list {

  padding-left: 0;

  list-style: none;

  margin: 0;

  text-align: left;

}

.menu-list.serif-font h4 {

  font-family: 'Lora', sans-serif;

  font-weight: 400;

  text-transform: none;

  font-size: 15px;

  letter-spacing: 0;

}

.menu-list > li {

  padding: 15px 0;

  overflow: hidden;

  border-bottom: 1px solid #eee;

  margin: 10px 0;

}

.menu-list > li:first-child {

  margin-top: 0;

}

.menu-list > li:last-child {

  border-bottom: 0;

}

.menu-list > li h4 {

  margin: 0;

  text-transform: uppercase;

  font-size: 12px;

  letter-spacing: 0.05em;

  position: relative;

  font-weight: 600;

}

.menu-list > li h4:after {

  content: "";

  position: absolute;

  left: 0;

  width: 100%;

  bottom: 2px;

  z-index: -1;

}

.menu-list > li .menu-value {

  float: right;

  padding-left: 5px;

  margin-top: 1px;

  background-color: #fff;

}

.menu-list > li .menu-text {

  font-size: 14px;

  padding: 15px 0 0;

  margin-bottom: 0;

}

.menu-list > li .menu-title {

  background-color: #fff;

  padding-right: 5px;

}

.menu-list > li .menu-content {

  padding-right: 25px;

}

section.grey-bg .menu-list .menu-title,

section.grey-bg .menu-list .menu-value {

  background-color: #f7f7f7;

}

section.dark-bg .menu-list .menu-title,

section.dark-bg .menu-list .menu-value {

  background-color: #1f1f1f;

}

.ig {

  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);

}

.box-with-image {

  position: relative;

}

.box-with-image .box-content {

  position: absolute;

  top: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.3);

  display: -ms-flex;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -moz-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

.box-with-image .box-content h3 {

  color: #fff;

  font-size: 32px;

  letter-spacing: -1px;

}

.box-with-image .box-content h3.cursive-font {

  font-size: 38px;

  letter-spacing: 0;

}

section.section-skewed {

  padding-bottom: 160px;

}

section.section-skewed.home-section {

  padding-bottom: 0;

}

section.section-skewed .skewed-mask {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  padding-bottom: 6%;

  z-index: 1;

  pointer-events: none;

}

section.section-skewed .skewed-mask .mask-block {

  position: absolute;

  width: 100%;

  height: 100%;

  background-color: #fff;

  top: 0;

  left: 0;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transform: skewY(-3deg);

  transform: skewY(-3deg);

  -webkit-transform-origin: 100% 0;

  transform-origin: 100% 0;

}

section.section-skewed.skewed-reverse .skewed-mask .mask-block {

  -webkit-transform: skewY(3deg);

  transform: skewY(3deg);

  -webkit-transform-origin: 0 100%;

  transform-origin: 0 100%;

}

section.section-skewed + section {

  border-top: 0;

}

section.gradient-bg {

  color: #fff;

  border: 0;

}

section.gradient-bg:not([data-gradients]) {

  background: -webkit-linear-gradient(left, #cf93ff 0%, #005AAA 100%);

  background: linear-gradient(90deg, #cf93ff 0%, #005AAA 100%);

}

.gradient-bg-wrapper,

.gradient-bg-element {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

}

.client-carousel figure {

  line-height: 100px;

  margin: 0 auto;

  max-width: 150px;

  padding: 0 10px;

  display: block;

}

.client-carousel figure img {

  display: inline-block;

  vertical-align: middle;

  opacity: .8;

  -webkit-transition: opacity .3s ease;

  transition: opacity .3s ease;

}

.client-carousel figure img:hover {

  opacity: 1;

}

.client-image {

  max-width: 160px;

  display: block;

  margin: 0 auto;

  line-height: 70px;

}

.client-image img {

  display: inline-block;

  vertical-align: middle;

  opacity: .8;

  -webkit-transition: opacity .3s ease;

  transition: opacity .3s ease;

}

.client-image:hover img {

  opacity: 1;

}

.clients-box [class*="col-"] {

  padding: 5%;

}

#particle-canvas {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  pointer-events: none;

  z-index: -1;

}

.inline-list {

  list-style: none;

  padding-left: 0;

}

.inline-list > li {

  padding: 12px 0;

  border-bottom: 1px solid #e6e6e6;

}

.inline-list > li:last-child {

  border-bottom: 0;

}

.inline-list > li .list-title {

  display: inline-block;

  min-width: 120px;

  font-weight: 500;

  color: #1f1f1f;

}

.social-list {

  padding: 0;

  list-style: none;

  margin: 0;

}

.social-list.size--big > li > a {

  width: 75px;

  font-size: 34px;

}

.social-list.text-center > li {

  margin: 5px;

}

.social-list > li {

  display: inline-block;

  margin-right: 10px;

}

.social-list > li > a {

  display: block;

  font-size: 16px;

  width: 40px;

  color: #929292;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

.dark-bg .social-list > li > a,

.colored-bg .social-list > li > a {

  color: #fff;

}

.social-list > li > a:hover {

  color: #005AAA;

}

.social-list > li > a i {

  line-height: inherit;

}

.social-list > li.social-item-facebook > a:hover {

  color: #3b5998;

}

.social-list > li.social-item-twitter > a:hover {

  color: #55acee;

}

.social-list > li.social-item-linkedin > a:hover {

  color: #0077b5;

}

.social-list > li.social-item-instagram > a:hover {

  color: #3f729b;

}

.social-list > li.social-item-dribbble > a:hover {

  color: #ea4c89;

}

.social-list > li.social-item-github > a:hover {

  color: #333;

}

.social-list > li.social-item-flickr > a:hover {

  color: #0063dc;

}

.social-list > li.social-item-pinterest > a:hover {

  color: #bd081c;

}

.social-list > li.social-item-youtube > a:hover {

  color: #cd201f;

}

.social-list > li.social-item-tumblr > a:hover {

  color: #35465c;

}

.social-list > li.social-item-snapchat > a:hover {

  color: #fffc00;

}

#search-modal {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: rgba(0, 0, 0, 0.9);

  z-index: 999999;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

#search-modal.active {

  opacity: 1;

  visibility: visible;

}

#search-modal.active .search-form {

  opacity: 1;

  visibility: visible;

  -webkit-transform: scale(1);

  transform: scale(1);

}

#search-modal .search-form {

  max-width: 700px;

  padding: 0 20px;

  margin-left: auto;

  margin-right: auto;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: scale(0.8);

  transform: scale(0.8);

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  -webkit-transition-delay: .3s;

  transition-delay: .3s;

}

#search-modal .search-form ::-webkit-input-placeholder {

  color: #fff;

}

#search-modal .search-form ::-moz-placeholder {

  color: #fff;

}

#search-modal .search-form :-ms-input-placeholder {

  color: #fff;

}

#search-modal .search-form ::placeholder {

  color: #fff;

}

#search-modal .search-form ::-moz-selection {

  background-color: #005AAA;

  color: #fff;

}

#search-modal .search-form ::selection {

  background-color: #005AAA;

  color: #fff;

}

#search-modal .search-form .form-control {

  padding: 0 25px;

  border-color: #999;

  color: #fff;

  background-color: transparent;

  border-width: 1px;

  text-transform: none;

  font-size: 18px;

  letter-spacing: 0;

  height: 60px;

  line-height: 60px;

}

#search-modal .search-form .form-control:focus {

  border-color: #005AAA;

}

#search-modal .search-form .form-control:focus + .input-group-btn .btn {

  border-color: #005AAA;

}

#search-modal .search-form .btn {

  background-color: transparent;

  border-width: 1px 1px 1px 0;

  border-color: #999;

  height: 62px;

  font-size: 18px;

}

#search-modal #close-search-modal {

  position: absolute;

  top: 1em;

  right: 1em;

  color: #fff;

  font-size: 40px;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

#search-modal #close-search-modal:hover {

  -webkit-transform: scale(0.8);

  transform: scale(0.8);

}

.image-box {

  position: relative;

  overflow: hidden;

}

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

  .image-box {

    max-width: 500px;

    margin: 50px auto;

  }

}

.image-box img {

  -webkit-transition: all .5s ease;

  transition: all .5s ease;

}

.image-box:hover img {

  -webkit-transform: scale(1.1) translateX(10px);

  transform: scale(1.1) translateX(10px);

}

.image-box .image-overlay {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-color: rgba(0, 0, 0, 0.5);

  color: #fff;

  padding: 35px;

}

.image-box .image-overlay h1,

.image-box .image-overlay h2,

.image-box .image-overlay h3,

.image-box .image-overlay h4,

.image-box .image-overlay h5,

.image-box .image-overlay h6 {

  color: inherit;

}

.error-page {

  text-align: center;

}

.error-page .title > h1 {

  font-size: 160px;

  line-height: 1;

}

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

  .error-page .title > h1 {

    font-size: 100px;

  }

}

.job-offer {

  padding: 20px 0;

  border-bottom: 1px solid #e7e7e7;

  overflow: hidden;

}

.job-info:before,

.job-info:after {

  content: " ";

  display: table;

}

.job-info:after {

  clear: both;

}

.job-info h3 {

  margin-top: 0;

  letter-spacing: -1px;

}

.job-info h5 {

  font-size: 11px;

  color: #787878;

  letter-spacing: 0.05em;

  font-weight: 500;

}

.job-content {

  margin-top: 20px;

}

.job-content p {

  margin-bottom: 15px;

}

.job-content a {

  color: #005AAA;

}

.images-gallery.slick-slider:hover .slick-prev,

.images-gallery.slick-slider:hover .slick-next {

  opacity: 1;

}

.images-gallery.slick-slider .slick-prev,

.images-gallery.slick-slider .slick-next {

  opacity: 0;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  color: #fff;

  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);

}

.images-gallery.slick-slider .slick-prev:hover,

.images-gallery.slick-slider .slick-next:hover {

  color: #1f1f1f !important;

  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);

}

.media-video {

  width: 100%;

  padding-bottom: 60%;

  position: relative;

}

.media-video iframe,

.media-video embed {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  border: 0;

  padding: 0;

}

.media-audio {

  width: 100%;

  padding-bottom: 20%;

  position: relative;

}

.media-audio iframe {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  border: 0;

  padding: 0;

}

.alert {

  border-radius: 0;

  font-size: 16px;

  padding: 25px 25px 25px 100px;

  border: 0;

  color: #fff;

  position: relative;

  margin-bottom: 25px;

}

.alert p {

  margin: 0;

}

.alert .alert-icon {

  background-color: rgba(0, 0, 0, 0.075);

  position: absolute;

  width: 75px;

  text-align: center;

  left: 0;

  top: 0;

  bottom: 0;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -moz-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.alert .alert-icon i {

  font-size: 20px;

}

.alert.alert-dismissible {

  padding-right: 35px;

}

.alert .close {

  position: absolute;

  right: 20px;

  top: 50%;

  height: 26px;

  line-height: 26px;

  margin-top: -13px;

  opacity: 1;

  outline: none;

}

.alert .close i {

  text-shadow: none;

  font-size: 22px;

  font-weight: bold;

}

.alert.alert-warning {

  background-color: #ffbb44;

}

.alert.alert-danger {

  background-color: #f42841;

}

.alert.alert-success {

  background-color: #0ee092;

}

.alert.alert-info {

  background-color: #35c3fa;

}

/*

  02

  Buttons

*/

.btn {

  position: relative;

  padding: 0 30px;

  height: 50px;

  line-height: 50px;

  border-radius: 4px;

  border-width: 0;

  font-size: 14px;

  font-weight: 600;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  font-family: 'Poppins', sans-serif;

  letter-spacing: -0.04em;

  overflow: hidden;

}

.btn:focus {

  box-shadow: none;

  outline: none;

}

.btn:hover {

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

  transform: translateY(-1px);

}

.btn:active {

  -webkit-transform: translateY(1px);

  transform: translateY(1px);

  outline: none;

}

.btn:active:focus {

  outline: none;

}

.btn.upper {

  font-weight: 500;

  font-size: 11px;

  letter-spacing: 0.05em;

}

.btn.no-radius {

  border-radius: 0;

}

.btn.btn-round {

  border-radius: 50px;

}

.btn.btn-circle {

  border-radius: 100px;

  height: 75px;

  width: 75px;

  line-height: 73px!important;

  padding: 0;

  font-size: 20px;

}

.btn.btn-circle.btn-lg {

  width: 90px;

  height: 90px;

  line-height: 88px!important;

}

.btn.btn-circle.btn-lg > i {

  font-size: 28px;

}

.btn.btn-circle.btn-sm {

  width: 50px;

  height: 50px;

  line-height: 48px!important;

}

.btn.btn-circle.btn-sm > i {

  font-size: 18px;

}

.btn.btn-circle.btn-xs {

  width: 40px;

  height: 40px;

  line-height: 38px!important;

}

.btn.btn-circle.btn-xs > i {

  font-size: 18px;

}

.btn.btn-circle > i {

  margin: 0;

}

.btn-shadow {

  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.07);

}

.btn-shadow:hover {

  box-shadow: 0 8px 26px rgba(0, 0, 0, 0.1);

}

.btn.btn-gradient:hover:after {

  -webkit-animation-delay: 0s;

  animation-delay: 0s;

}

.btn.btn-light-out,

.btn.btn-color-out,

.btn.btn-dark-out,

.btn.btn-bordered {

  line-height: 48px;

  border-width: 1px;

}

.btn.btn-light-out:after,

.btn.btn-light:after {

  background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.13), transparent);

  background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.13), transparent);

}

.btn + .btn:not(.btn-block) {

  margin-left: 15px;

}

.btn > i {

  vertical-align: middle;

  display: inline-block;

  margin-left: 10px;

  font-size: 18px;

}

.btn > i:before {

  vertical-align: middle;

}

.btn > i.align-left {

  margin-left: 0;

  margin-right: 10px;

}

.btn-dark {

  color: #fff;

  background-color: #1f1f1f;

}

.btn-dark:hover,

.btn-dark:active {

  color: #fff;

  background-color: #1f1f1f;

}

.btn-dark:focus {

  color: #fff;

}

.btn-dark-out {

  color: #1f1f1f;

  border-color: #1f1f1f;

  background-color: transparent;

}

.btn-dark-out:hover,

.btn-dark-out:active {

  background-color: #1f1f1f;

  border-color: #1f1f1f;

  color: #fff;

}

.btn-light {

  color: #1f1f1f;

  background-color: #fff;

}

.btn-light:hover,

.btn-light:active {

  background-color: #fff;

  color: #1f1f1f;

}

.btn-light:focus {

  color: #1f1f1f;

}

.btn-light-out {

  color: #fff;

  border-color: #fff;

  background-color: transparent;

}

.btn-light-out:hover,

.btn-light-out:active {

  background-color: #fff;

  border-color: #fff;

  color: #1f1f1f;

}

.btn-color {

  color: #fff;

  background-color: #005AAA;

}

.btn-color:hover,

.btn-color:active {

  background-color: #00d5ee;

  color: #fff;

}

.btn-color:focus {

  color: #fff;

}

.btn-color-out {

  color: #005AAA;

  border-color: #005AAA;

  background-color: transparent;

}

.btn-color-out:hover,

.btn-color-out:active {

  background-color: #005AAA;

  border-color: #005AAA;

  color: #fff;

}

.btn-color-out:focus {

  color: #005AAA;

}

.btn-gradient {

  color: #fff;

  background: -webkit-linear-gradient(290deg, #005AAA 0%, #cf93ff 100%);

  background: linear-gradient(160deg, #005AAA 0%, #cf93ff 100%);

}

.btn-gradient:hover,

.btn-gradient:active {

  background: -webkit-linear-gradient(290deg, #005AAA 0%, #cf93ff 100%);

  background: linear-gradient(160deg, #005AAA 0%, #cf93ff 100%);

  color: #fff;

}

.btn-gradient:focus {

  color: #fff;

}

.btn-bordered {

  color: #1f1f1f;

  border-color: #dedede;

  background-color: transparent;

}

.btn-bordered:hover,

.btn-bordered:active {

  background-color: #1f1f1f;

  border-color: #1f1f1f;

  color: #fff;

}

.btn-custom {

  color: #fff;

  background-color: #ddd;

}

.btn-custom:before {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-color: #fff;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  opacity: 0;

}

.btn-custom:hover:before {

  opacity: .15;

}

.btn-custom:hover,

.btn-custom:active {

  color: #fff;

}

.btn-custom:focus {

  color: #fff;

}

.inline-icon-btn > h5 {

  display: inline-block;

  text-transform: uppercase;

  font-size: 12px;

  letter-spacing: 0.075em;

  margin: 0 10px;

  font-family: 'Poppins', sans-serif;

  font-weight: 500;

  vertical-align: middle;

}

.btn-dark:after,

.btn-dark-out:after,

.btn-color:after,

.btn-color-out:after,

.btn-custom:after {

  content: '';

  position: absolute;

  top: 0;

  left: -200%;

  width: 200%;

  height: 100%;

  -webkit-transform: skewX(-20deg);

  transform: skewX(-20deg);

  background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.4), transparent);

  background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.4), transparent);

}

.btn-dark:hover,

.btn-dark-out:hover,

.btn-color:hover,

.btn-color-out:hover,

.btn-custom:hover {

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

  transform: translateY(-1px);

}

.btn-dark:hover:after,

.btn-dark-out:hover:after,

.btn-color:hover:after,

.btn-color-out:hover:after,

.btn-custom:hover:after {

  -webkit-animation: shine 1.6s ease;

  animation: shine 1.6s ease;

  -webkit-animation-delay: .2s;

  animation-delay: .2s;

}

.btn.btn-sm {

  padding: 0 16px;

  font-size: 12px;

  height: 40px;

  line-height: 40px;

}

.btn.btn-sm.upper {

  font-size: 10px;

}

.btn.btn-sm > i {

  font-size: 14px;

}

.btn.btn-lg {

  padding: 0 45px;

  height: 58px;

  line-height: 58px;

  font-size: 15px;

}

.btn.btn-lg.upper {

  font-size: 14px;

}

.btn.btn-lg > i {

  font-size: 20px;

}

.btn-block + .btn-block {

  margin-top: 15px;

}

/*

  03

  Navbar

*/

#navbar {

  position: fixed;

  top: 0;

  right: 0;

  left: 0;

  height: 80px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

  z-index: 99999;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

#navbar .logo {

  display: table;

  height: 80px;

  float: left;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  position: relative;

  z-index: 110;

}

#navbar .logo > a {

  display: table-cell;

  vertical-align: middle;

}

#navbar .logo img {

  max-height: 40px;

  -webkit-transition: all .5s ease;

  transition: all .5s ease;

  display: block;

}

#navbar .logo .logo-light {

  opacity: 1;

  height: auto;

}

#navbar .logo .logo-dark {

  opacity: 0;

  height: 0;

}

.top-spacing #navbar {

  top: 20px;

}

.submenu {

  margin-left: 0;

}

.light-slide #navbar:not(.stick) {

  border-color: rgba(0, 0, 0, 0.1);

}

.light-slide #navbar:not(.stick) .navigation-menu > li > a {

  color: #1f1f1f;

}

.light-slide #navbar:not(.stick) .menu-extras .menu-item > div {

  border-color: rgba(0, 0, 0, 0.1);

}

.light-slide #navbar:not(.stick) .menu-extras .menu-item .header-socials > ul > li > a {

  color: #1f1f1f;

}

.light-slide #navbar .logo-light {

  opacity: 0;

  height: 0;

}

.light-slide #navbar .logo-dark {

  opacity: 1;

  height: auto;

}

#navbar .navigation-menu {

  list-style: none;

  margin: 0;

  padding: 0;

  font-size: 0;

  float: right;

}

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

  #navbar .navigation-menu {

    padding: 0 10px;

  }

}

#navbar .navigation-menu > li {

  display: block;

  float: left;

  position: relative;

}

#navbar .navigation-menu > li.has-megamenu {

  position: static !important;

}

#navbar .navigation-menu > li > a {

  display: block;

  color: #fff;

  font-size: 13px;

  font-family: 'Poppins', sans-serif;

  font-weight: 500;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  line-height: 20px;

  padding-left: 15px;

  padding-right: 15px;

  outline: none;

}

#navbar .navigation-menu > li > a:hover,

#navbar .navigation-menu > li > a:focus {

  background-color: transparent;

}

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

  #navbar .navigation-menu > li > a {

    padding-top: 30px;

    padding-bottom: 30px;

  }

}

#navbar .navigation-menu > li .submenu li a i {

  margin-right: 5px;

}

#navbar .navigation-menu > li.menu-btn-item,

#navbar.stick .navigation-menu > li.menu-btn-item {

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

#navbar .navigation-menu > li.menu-btn-item > a,

#navbar.stick .navigation-menu > li.menu-btn-item > a {

  display: inline-block;

  padding: 0 16px!important;

  font-size: 13px;

  height: 35px;

  line-height: 35px;

  min-height: 0;

  background-color: #005AAA;

  border-color: #005AAA;

  border-radius: 4px;

  color: #fff;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

#navbar .navigation-menu > li.menu-btn-item > a:hover,

#navbar.stick .navigation-menu > li.menu-btn-item > a:hover,

#navbar .navigation-menu > li.menu-btn-item > a:focus,

#navbar.stick .navigation-menu > li.menu-btn-item > a:focus,

#navbar .navigation-menu > li.menu-btn-item > a:active,

#navbar.stick .navigation-menu > li.menu-btn-item > a:active {

  color: #fff!important;

}

#navbar .navigation-menu > li.menu-btn-item > a:before,

#navbar.stick .navigation-menu > li.menu-btn-item > a:before {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-color: #fff;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  opacity: 0;

}

#navbar .navigation-menu > li.menu-btn-item > a:hover,

#navbar.stick .navigation-menu > li.menu-btn-item > a:hover {

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

  transform: translateY(-1px);

}

#navbar .navigation-menu > li.menu-btn-item > a:hover:before,

#navbar.stick .navigation-menu > li.menu-btn-item > a:hover:before {

  opacity: .2;

}

#navbar .navigation-menu > li.menu-btn-item > a:active,

#navbar.stick .navigation-menu > li.menu-btn-item > a:active {

  -webkit-transform: translateY(1px);

  transform: translateY(1px);

  outline: none;

}

#navbar .navigation-menu > li.menu-btn-item > a:active:focus,

#navbar.stick .navigation-menu > li.menu-btn-item > a:active:focus {

  outline: none;

}

#navbar .navigation-menu > li.menu-btn-item:hover > a,

#navbar.stick .navigation-menu > li.menu-btn-item:hover > a,

#navbar .navigation-menu > li.menu-btn-item:focus > a,

#navbar.stick .navigation-menu > li.menu-btn-item:focus > a,

#navbar .navigation-menu > li.menu-btn-item:active > a,

#navbar.stick .navigation-menu > li.menu-btn-item:active > a {

  color: #fff!important;

}

#navbar .navigation-menu > li.menu-btn-item {

  padding: 20px 15px;

}

#navbar.stick .navigation-menu > li.menu-btn-item {

  padding: 13px 15px;

}

#navbar.stick.dark-menu {

  background-color: #1f1f1f;

  border-color: #1c1c1c;

  box-shadow: none;

}

#navbar.stick.dark-menu .logo .logo-dark {

  opacity: 0;

  height: 0;

}

#navbar.stick.dark-menu .logo .logo-light {

  opacity: 1;

  height: auto;

}

#navbar.stick.dark-menu .navigation-menu > li > a {

  color: #fff;

}

#navbar.stick.dark-menu .navigation-menu > li > a:hover {

  color: #bbb;

}

#navbar.stick.dark-menu .navigation-menu > li.active > a {

  color: #bbb;

}

#navbar.stick.dark-menu .menu-extras .menu-item > div {

  border-color: rgba(255, 255, 255, 0.1);

}

#navbar.stick.dark-menu .menu-extras .menu-item > div > a {

  color: #fff;

  height: 60px;

}

#navbar.stick.dark-menu .menu-extras .menu-item .header-socials {

  height: 60px;

}

#navbar.stick.dark-menu .menu-extras .menu-item .header-socials > ul > li > a {

  color: #fff;

  line-height: 60px;

}

#navbar.stick.dark-menu .menu-extras .menu-item .header-socials > ul > li > a:hover {

  color: #bbb;

}

.menu-extras {

  float: right;

  margin-right: -15px;

  position: relative;

  z-index: 20;

}

.menu-extras .menu-item {

  float: left;

}

.menu-extras .menu-item > div {

  border-left: 1px solid rgba(255, 255, 255, 0.2);

  position: relative;

}

.menu-extras .menu-item > div > a {

  display: table;

  padding: 0 20px;

  color: #fff;

  font-size: 20px;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  height: 80px;

}

.menu-extras .menu-item > div > a > i,

.menu-extras .menu-item > div > a > .hamburger {

  display: table-cell;

  vertical-align: middle;

}

.menu-extras .menu-item .hamburger-box {

  height: 15px;

}

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

  #navbar .navbar-wrapper {

    position: relative;

    margin-left: 30px;

    margin-right: 30px;

  }

  #navbar #navigation.left-aligned-menu .navigation-menu {

    padding: 0 10px;

  }

  #navbar #navigation.left-aligned-menu .navigation-menu > li {

    float: left;

    display: block;

  }

  #navbar #navigation.left-aligned-menu .navigation-menu {

    float: left;

  }

  #navigation {

    display: block!important;

  }

  .menu-extras .menu-item .header-socials {

    padding-left: 10px;

    height: 80px;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

  }

  .menu-extras .menu-item .header-socials > ul {

    list-style: none;

    padding-left: 0;

    margin: 0;

  }

  .menu-extras .menu-item .header-socials > ul > li {

    display: inline-block;

  }

  .menu-extras .menu-item .header-socials > ul > li > a {

    color: #fff;

    padding: 0 10px;

    font-size: 13px;

    line-height: 80px;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

  }

  .menu-extras .menu-item .header-socials > ul > li > a:hover {

    color: #ccc;

  }

  #navbar.stick {

    background-color: #fff;

    height: 60px;

    box-shadow: 5px 5px 15px 0 rgba(31, 31, 31, 0.07);

    top: 0;

  }

  #navbar.stick .logo {

    height: 60px;

  }

  #navbar.stick .logo .logo-light {

    opacity: 0;

    height: 0;

  }

  #navbar.stick .logo .logo-dark {

    opacity: 1;

    height: auto;

  }

  #navbar.stick .navigation-menu > li > a {

    color: #242424;

    padding-top: 20px;

    padding-bottom: 20px;

  }

  #navbar.stick .navigation-menu > li:hover > a,

  #navbar.stick .navigation-menu > li.active > a {

    color: #787878;

  }

  #navbar.stick .menu-extras .menu-item > div {

    border-color: #eee;

  }

  #navbar.stick .menu-extras .menu-item > div > a {

    color: #1f1f1f;

    height: 60px;

  }

  #navbar.stick .menu-extras .menu-item .header-socials {

    height: 60px;

  }

  #navbar.stick .menu-extras .menu-item .header-socials > ul > li > a {

    color: #242424;

    line-height: 60px;

  }

  #navbar.stick .menu-extras .menu-item .header-socials > ul > li > a:hover {

    color: #787878;

  }

  .nav-toggle {

    display: none;

  }

  #navbar .navigation-menu > li.last-elements .submenu {

    left: auto;

    right: 0;

  }

  #navbar .navigation-menu > li.last-elements .submenu > li.menu-item-has-children .submenu {

    left: auto;

    right: 100%;

  }

  #navbar .navigation-menu > li > .submenu {

    border-top: 0;

  }

  #navbar .navigation-menu > li .submenu {

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 1000;

    padding: 15px 0;

    list-style: none;

    min-width: 200px;

    visibility: hidden;

    opacity: 0;

    -webkit-transition: all .2s ease;

    transition: all .2s ease;

    background-color: #fff;

    text-align: left;

    border: 1px solid #f2f2f2;

    box-shadow: 0 5px 15px 0 rgba(31, 31, 31, 0.07);

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }

  #navbar .navigation-menu > li .submenu.megamenu {

    white-space: nowrap;

    width: 100%;

    display: table;

    padding: 25px 0;

    -webkit-transform: scale(0.95);

    transform: scale(0.95);

  }

  #navbar .navigation-menu > li .submenu.megamenu > li {

    overflow: hidden;

    width: 25%;

    display: table-cell;

    border-right: 1px solid #eee;

    vertical-align: top;

  }

  #navbar .navigation-menu > li .submenu.megamenu > li:last-child {

    border: 0;

  }

  #navbar .navigation-menu > li .submenu.megamenu > li a {

    display: inline-block;

  }

  #navbar .navigation-menu > li .submenu > li.menu-item-has-children > a:after {

    content: "\e133";

    font-family: "hody-icons";

    position: absolute;

    right: 20px;

    font-size: 14px;

    height: 12px;

    line-height: 12px;

    top: 50%;

    margin-top: -6px;

  }

  #navbar .navigation-menu > li .submenu > li .submenu {

    left: 100%;

    top: 0;

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

    margin-top: -1px;

  }

  #navbar .navigation-menu > li .submenu li {

    position: relative;

  }

  #navbar .navigation-menu > li .submenu li ul {

    list-style: none;

    padding-left: 0;

    margin: 0;

  }

  #navbar .navigation-menu > li .submenu li a {

    display: block;

    padding: 6px 25px;

    clear: both;

    line-height: 1.4;

    white-space: nowrap;

    font-size: 12px;

    letter-spacing: 0.03em;

    color: #787878;

    font-family: 'Poppins', sans-serif;

    font-weight: 400;

  }

  #navbar .navigation-menu > li .submenu li a:hover {

    color: #1f1f1f;

  }

  #navbar .navigation-menu > li .submenu li .menu-label {

    display: block;

    padding: 8px 25px;

    clear: both;

    font-weight: 500;

    line-height: 1.4;

    white-space: nowrap;

    font-family: 'Poppins', sans-serif;

    font-size: 13px;

    color: #1f1f1f;

    pointer-events: none;

  }

  #navbar .navigation-menu > li .submenu li .menu-label:after {

    content: none!important;

  }

  #navbar .navigation-menu > li.menu-item-has-children:hover > .submenu {

    visibility: visible;

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  #navbar .navigation-menu > li.menu-item-has-children:hover > .submenu.megamenu {

    margin-top: 0;

  }

  #navbar .navigation-menu > li.menu-item-has-children:hover > .submenu > li.menu-item-has-children:hover > .submenu {

    visibility: visible;

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

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

  #navbar {

    background-color: #fff;

    height: 60px;

    box-shadow: 5px 5px 15px 0 rgba(31, 31, 31, 0.07);

    top: 0;

  }

  #navbar .logo {

    height: 60px;

  }

  #navbar .logo .logo-light {

    opacity: 0;

    height: 0;

  }

  #navbar .logo .logo-dark {

    opacity: 1;

    height: auto;

  }

  #navbar .menu-extras .menu-item > div {

    border-color: #eee;

  }

  #navbar .menu-extras .menu-item > div > a {

    color: #1f1f1f;

    height: 60px;

  }

  #navbar .menu-extras .menu-item .header-socials {

    display: none;

  }

  #navbar #navigation,

  #aside-nav #navigation {

    position: absolute;

    top: 60px;

    left: 0;

    width: 100%;

    display: none;

    height: auto;

    padding-bottom: 0;

    overflow: auto;

    border-top: 1px solid #e6e6e6;

    border-bottom: 1px solid #e6e6e6;

    background-color: #fff;

    z-index: 99999;

  }

  #navbar #navigation.visible,

  #aside-nav #navigation.visible {

    visibility: visible;

    opacity: 1;

    top: 60px;

  }

  #navbar.dark-menu #navigation,

  #aside-nav.dark-menu #navigation {

    background-color: #1f1f1f;

    border-color: rgba(255, 255, 255, 0.1);

  }

  #navbar.dark-menu .navigation-menu > li > a,

  #aside-nav.dark-menu .navigation-menu > li > a {

    color: #fff;

  }

  #navbar.dark-menu .navigation-menu > li > a:hover,

  #aside-nav.dark-menu .navigation-menu > li > a:hover {

    color: #bbb;

  }

  #navbar.dark-menu .navigation-menu > li .submenu li > a,

  #aside-nav.dark-menu .navigation-menu > li .submenu li > a {

    color: #ccc;

    border-color: rgba(255, 255, 255, 0.1);

  }

  #navbar.dark-menu .navigation-menu > li .submenu li > a:hover,

  #aside-nav.dark-menu .navigation-menu > li .submenu li > a:hover {

    color: #fff;

  }

  #navbar.dark-menu .navigation-menu > li .submenu.megamenu > li > .menu-label,

  #aside-nav.dark-menu .navigation-menu > li .submenu.megamenu > li > .menu-label {

    color: #fff;

    border-color: rgba(255, 255, 255, 0.1);

  }

  #navbar.dark-menu .navigation-menu > li.menu-item-has-children.opened > a,

  #aside-nav.dark-menu .navigation-menu > li.menu-item-has-children.opened > a {

    color: #bbb;

    border-color: rgba(255, 255, 255, 0.1);

  }

  #navbar .navigation-menu,

  #aside-nav .navigation-menu {

    max-height: 400px;

    float: none;

  }

  #navbar .navigation-menu > li,

  #aside-nav .navigation-menu > li {

    float: none;

    display: block;

  }

  #navbar .navigation-menu > li.menu-item-has-children > a:after,

  #aside-nav .navigation-menu > li.menu-item-has-children > a:after {

    content: "\e131";

    font-family: "hody-icons";

    position: absolute;

    right: 20px;

    font-size: 18px;

    height: 12px;

    line-height: 12px;

    top: 50%;

    margin-top: -6px;

  }

  #navbar .navigation-menu > li > a,

  #aside-nav .navigation-menu > li > a {

    color: #393939;

    padding: 15px 20px;

    font-weight: 500;

  }

  #navbar .navigation-menu > li > a:hover,

  #aside-nav .navigation-menu > li > a:hover {

    color: #787878;

  }

  #navbar .navigation-menu > li > a:after,

  #aside-nav .navigation-menu > li > a:after {

    position: absolute;

    right: 15px;

  }

  #navbar .navigation-menu > li .submenu,

  #aside-nav .navigation-menu > li .submenu {

    display: none;

    list-style: none;

    padding-left: 0;

    margin: 0;

  }

  #navbar .navigation-menu > li .submenu li > a,

  #aside-nav .navigation-menu > li .submenu li > a {

    display: block;

    position: relative;

    padding: 15px;

    padding-left: 45px;

    font-family: 'Poppins', sans-serif;

    font-size: 13px;

    color: #787878;

    letter-spacing: 0.05em;

    border-bottom: 1px solid #e6e6e6;

  }

  #navbar .navigation-menu > li .submenu li > a:hover,

  #aside-nav .navigation-menu > li .submenu li > a:hover {

    color: #1f1f1f;

  }

  #navbar .navigation-menu > li .submenu li.menu-item-has-children > a:not(.menu-label):after,

  #aside-nav .navigation-menu > li .submenu li.menu-item-has-children > a:not(.menu-label):after {

    content: "\e131";

    font-family: "hody-icons";

    position: absolute;

    right: 30px;

    font-size: 16px;

  }

  #navbar .navigation-menu > li .submenu li.menu-item-has-children .submenu li a,

  #aside-nav .navigation-menu > li .submenu li.menu-item-has-children .submenu li a {

    padding-left: 65px;

  }

  #navbar .navigation-menu > li .submenu .submenu,

  #aside-nav .navigation-menu > li .submenu .submenu {

    display: none;

    list-style: none;

  }

  #navbar .navigation-menu > li .submenu .submenu.opened,

  #aside-nav .navigation-menu > li .submenu .submenu.opened {

    display: block;

  }

  #navbar .navigation-menu > li .submenu.megamenu > li > ul,

  #aside-nav .navigation-menu > li .submenu.megamenu > li > ul {

    list-style: none;

    padding-left: 0;

  }

  #navbar .navigation-menu > li .submenu.megamenu > li .menu-label,

  #aside-nav .navigation-menu > li .submenu.megamenu > li .menu-label {

    display: block;

    padding: 15px 25px;

    padding-left: 35px;

    clear: both;

    font-weight: 400;

    white-space: nowrap;

    letter-spacing: 0;

    font-size: 13px;

    font-weight: 500;

    color: #1f1f1f;

    pointer-events: none;

    border-bottom: 1px solid #e6e6e6;

  }

  #navbar .navigation-menu > li.menu-item-has-children.opened > a,

  #aside-nav .navigation-menu > li.menu-item-has-children.opened > a {

    color: #1f1f1f;

    border-bottom: 1px solid #e6e6e6;

  }

  #navbar .menu-extras,

  #aside-nav .menu-extras {

    border-color: rgba(0, 0, 0, 0.08);

  }

  #navbar .menu-extras .menu-item > div > a,

  #aside-nav .menu-extras .menu-item > div > a {

    color: #1f1f1f;

  }

  #navbar .menu-extras .menu-item > div > a:hover,

  #aside-nav .menu-extras .menu-item > div > a:hover {

    color: #787878;

  }

  #navbar.dark-menu,

  #aside-nav.dark-menu {

    background-color: #1f1f1f;

    box-shadow: none;

    border-color: #1a1a1a;

  }

  #navbar.dark-menu .logo .logo-dark,

  #aside-nav.dark-menu .logo .logo-dark {

    opacity: 0;

    height: 0;

  }

  #navbar.dark-menu .logo .logo-light,

  #aside-nav.dark-menu .logo .logo-light {

    opacity: 1;

    height: auto;

  }

  #navbar.dark-menu .menu-extras .menu-item > div,

  #aside-nav.dark-menu .menu-extras .menu-item > div {

    border-color: rgba(255, 255, 255, 0.1);

  }

  #navbar.dark-menu .menu-extras .menu-item > div > a,

  #aside-nav.dark-menu .menu-extras .menu-item > div > a {

    color: #fff;

  }

  #navbar.dark-menu .menu-extras .menu-item > div > a:hover,

  #aside-nav.dark-menu .menu-extras .menu-item > div > a:hover {

    color: #bbb;

  }

  #navbar.dark-menu .hamburger-inner,

  #aside-nav.dark-menu .hamburger-inner {

    background-color: #fff;

  }

  #navbar.dark-menu .hamburger-inner:before,

  #aside-nav.dark-menu .hamburger-inner:before,

  #navbar.dark-menu .hamburger-inner:after,

  #aside-nav.dark-menu .hamburger-inner:after {

    background-color: inherit;

  }

  #navbar.dark-menu .menu-toggle:hover .hamburger-inner,

  #aside-nav.dark-menu .menu-toggle:hover .hamburger-inner {

    background-color: #bbb;

  }

}

/*

  04

  Aside Navbar

*/

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

  #aside-nav {

    position: fixed;

    left: 0;

    top: 0;

    bottom: 0;

    width: 240px;

    background-color: #fff;

    z-index: 99999;

    border-right: 1px solid rgba(0, 0, 0, 0.05);

  }

  #aside-nav .logo {

    text-align: center;

    padding: 35px;

    margin-bottom: 50px;

  }

  #aside-nav .logo img {

    max-width: 120px;

  }

  #aside-nav .navigation-menu > li {

    display: block;

    position: relative;

  }

  #aside-nav .navigation-menu > li.menu-btn-item {

    padding-left: 35px!important;

    padding-right: 35px!important;

  }

  #aside-nav .navigation-menu > li.active > a {

    color: #787878;

  }

  #aside-nav .navigation-menu > li > a {

    color: #1f1f1f;

    font-size: 14px;

    font-family: 'Poppins', sans-serif;

    font-weight: 500;

    padding: 12px 35px;

    text-align: center;

  }

  #aside-nav .navigation-menu > li > a:hover {

    color: #787878;

    background-color: transparent;

  }

  #aside-nav .navigation-menu > li > a:focus {

    background-color: transparent;

  }

  #aside-nav .navigation-menu > li:hover > .submenu {

    opacity: 1;

    visibility: visible;

    margin-left: 0;

  }

  #aside-nav .navigation-menu > li .submenu,

  #aside-nav .navigation-menu > li .sub-menu {

    list-style: none;

    padding-left: 0;

    display: none;

    padding: 10px 0;

  }

  #aside-nav .navigation-menu > li .submenu > li > a,

  #aside-nav .navigation-menu > li .sub-menu > li > a {

    display: block;

    font-family: 'Poppins', sans-serif;

    color: #787878;

    font-weight: 400;

    font-size: 13px;

    padding: 5px 0;

    text-align: center;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

  }

  #aside-nav .navigation-menu > li .submenu > li > a:hover,

  #aside-nav .navigation-menu > li .sub-menu > li > a:hover {

    color: #1f1f1f;

  }

  #aside-nav.aside-right {

    left: auto;

    right: 0;

    border-right: 0;

    border-left: 1px solid rgba(0, 0, 0, 0.05);

  }

  #aside-nav.aside-hidden {

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    left: -240px;

  }

  #aside-nav.aside-hidden .toggle-nav {

    display: block;

  }

  #aside-nav.aside-hidden.is-active {

    left: 0;

  }

  #aside-nav.aside-hidden.aside-right {

    left: auto;

    right: -240px;

  }

  #aside-nav.aside-hidden.aside-right.is-active {

    right: 0;

  }

  #aside-nav.aside-hidden.aside-right .toggle-nav {

    right: auto;

    left: -90px;

  }

  #aside-nav .toggle-nav {

    display: none;

    width: 50px;

    height: 50px;

    text-align: center;

    line-height: 50px;

    border-radius: 50%;

    position: absolute;

    background-color: #fff;

    padding: 8px 0;

    top: 30px;

    right: -90px;

    cursor: pointer;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);

    outline: none;

  }

  #aside-nav .toggle-nav:hover {

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

    transform: translateY(-2px);

  }

  #aside-nav.dark-menu {

    background-color: #1f1f1f;

  }

  #aside-nav.dark-menu .navigation-menu > li > a {

    color: #ddd;

  }

  #aside-nav.dark-menu .navigation-menu > li > a:hover {

    color: #fff;

  }

  #aside-nav.dark-menu .navigation-menu > li .submenu > li > a,

  #aside-nav.dark-menu .navigation-menu > li .sub-menu > li > a {

    color: #ccc;

  }

  #aside-nav.dark-menu .navigation-menu > li .submenu > li > a:hover,

  #aside-nav.dark-menu .navigation-menu > li .sub-menu > li > a:hover {

    color: #fff;

  }

}

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

  #aside-nav {

    position: fixed;

    top: 0;

    right: 0;

    left: 0;

    height: 60px;

    background-color: #fff;

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

    box-shadow: 5px 5px 15px 0 rgba(31, 31, 31, 0.07);

    z-index: 99999;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    padding-left: 15px;

    padding-right: 15px;

  }

  #aside-nav .logo {

    display: table;

    height: 60px;

    float: left;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    position: relative;

    z-index: 110;

  }

  #aside-nav .logo > a {

    display: table-cell;

    vertical-align: middle;

  }

  #aside-nav .logo img {

    max-height: 40px;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    display: block;

  }

  #aside-nav .toggle-nav {

    float: right;

    width: 60px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    outline: none;

    margin-right: -15px;

    border-left: 1px solid #eee;

  }

  #aside-nav .toggle-nav .hamburger-box {

    height: 15px;

  }

  #aside-nav .navigation-menu > li > a {

    display: block;

    font-family: 'Poppins', sans-serif;

    font-size: 13px;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    line-height: 20px;

  }

  #aside-nav .navigation-menu > li > a:hover,

  #aside-nav .navigation-menu > li > a:focus {

    background-color: transparent;

  }

  #aside-nav.dark-menu .toggle-nav {

    border-color: rgba(255, 255, 255, 0.1);

  }

}

.hamburger {

  position: relative;

  background-color: transparent;

  border: 0;

  color: inherit;

  cursor: pointer;

  display: inline-block;

  font: inherit;

  margin: 0;

  overflow: visible;

  text-transform: none;

  -webkit-transition-duration: 0.15s;

  transition-duration: 0.15s;

  -webkit-transition-property: opacity, -webkit-filter;

  transition-property: opacity, -webkit-filter;

  transition-property: opacity, filter;

  transition-property: opacity, filter, -webkit-filter;

  -webkit-transition-timing-function: linear;

  transition-timing-function: linear;

  z-index: 10;

}

.hamburger-box {

  display: inline-block;

  height: 24px;

  position: relative;

  width: 22px;

}

.hamburger-inner {

  background-color: #1f1f1f;

  border-radius: 4px;

  display: block;

  height: 2px;

  margin-top: -2px;

  position: absolute;

  top: 50%;

  -webkit-transition-duration: 0.15s;

  transition-duration: 0.15s;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform;

  -webkit-transition-timing-function: ease;

  transition-timing-function: ease;

  width: 22px;

}

.hamburger-inner:before {

  background-color: #1f1f1f;

  border-radius: 4px;

  content: "";

  display: block;

  height: 2px;

  position: absolute;

  top: -6px;

  -webkit-transition-duration: 0.15s;

  transition-duration: 0.15s;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform;

  -webkit-transition-timing-function: ease;

  transition-timing-function: ease;

  width: 22px;

}

.hamburger-inner:after {

  background-color: #1f1f1f;

  border-radius: 4px;

  bottom: -6px;

  content: "";

  display: block;

  height: 2px;

  position: absolute;

  -webkit-transition-duration: 0.15s;

  transition-duration: 0.15s;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform;

  -webkit-transition-timing-function: ease;

  transition-timing-function: ease;

  width: 22px;

}

.hamburger .hamburger-inner {

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

}

.hamburger .hamburger-inner::before {

  -webkit-transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;

  transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;

}

.hamburger .hamburger-inner::after {

  -webkit-transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);

  transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);

  transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);

  transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);

}

.hamburger.is-active .hamburger-inner {

  -webkit-transform: rotate(225deg);

  transform: rotate(225deg);

  -webkit-transition-delay: 0.14s;

  transition-delay: 0.14s;

  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

}

.hamburger.is-active .hamburger-inner::before {

  opacity: 0;

  top: 0;

  -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;

  transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;

}

.hamburger.is-active .hamburger-inner::after {

  bottom: 0;

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

  transform: rotate(-90deg);

  -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);

  transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);

  transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);

  transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);

}

/*

  05

  Fullscreen Menu

*/

.fs-menu-wrapper {

  position: relative;

  background-color: #fff;

}

.fs-menu-wrapper .logo {

  display: table;

  height: 100px;

  float: left;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  position: relative;

  z-index: 110;

}

.fs-menu-wrapper .logo > a {

  display: table-cell;

  vertical-align: middle;

}

.fs-menu-wrapper .logo img {

  max-height: 40px;

  -webkit-transition: all .5s ease;

  transition: all .5s ease;

  display: block;

}

.fs-menu-wrapper .fs-header-wrapper {

  display: table;

  width: 100%;

  position: relative;

}

.fs-menu-wrapper .fs-header-wrapper .toggle-fs-menu {

  position: relative;

  float: right;

  line-height: 100px;

  outline: none;

}

.fs-menu-wrapper .fs-header-wrapper .toggle-fs-menu .hamburger-box {

  height: 15px;

}

.fs-menu-wrapper .fs-header-wrapper .toggle-fs-menu.menu-active {

  z-index: 9999999;

}

.fs-menu-wrapper .fs-header-wrapper .toggle-fs-menu.menu-active .hamburger-inner {

  background-color: #fff;

}

.fs-menu-wrapper .fs-header-wrapper .toggle-fs-menu.menu-active .hamburger-inner:before,

.fs-menu-wrapper .fs-header-wrapper .toggle-fs-menu.menu-active .hamburger-inner:after {

  background-color: #fff;

}

.fs-menu-wrapper .fullscreen-menu {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-color: rgba(0, 0, 0, 0.85);

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  z-index: 999999;

  visibility: hidden;

  opacity: 0;

  max-height: 100%;

  overflow: scroll;

  padding-top: 50px;

  padding-bottom: 50px;

}

.fs-menu-wrapper .fullscreen-menu.is-active {

  opacity: 1;

  visibility: visible;

}

.fullscreen-menu .navigation-menu {

  list-style: none;

  text-align: center;

  max-width: 500px;

  margin-left: auto;

  margin-right: auto;

  font-family: 'Poppins', sans-serif;

}

.fullscreen-menu .navigation-menu > li {

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.fullscreen-menu .navigation-menu > li:last-child {

  border-bottom: 0;

}

.fullscreen-menu .navigation-menu > li a {

  font-size: 28px;

  font-weight: 600;

  color: #fff;

  display: inline-block;

  padding-top: 6px;

  padding-bottom: 6px;

}

.fullscreen-menu .navigation-menu > li a:hover {

  color: #aaa;

  background-color: transparent;

}

.fullscreen-menu .navigation-menu > li a:focus {

  background-color: transparent;

}

.fullscreen-menu .navigation-menu > li .submenu,

.fullscreen-menu .navigation-menu > li .sub-menu {

  list-style: none;

  padding-left: 0;

  display: none;

  padding: 15px 0;

}

.fullscreen-menu .navigation-menu > li .submenu > li > a,

.fullscreen-menu .navigation-menu > li .sub-menu > li > a {

  color: #e2e2e2;

  font-weight: 500;

  font-size: 15px;

  padding: 0 10px;

}

.fullscreen-menu .navigation-menu > li .submenu > li > a:hover,

.fullscreen-menu .navigation-menu > li .sub-menu > li > a:hover {

  color: #fff;

}

.fullscreen-menu .navigation-menu > li > .submenu,

.fullscreen-menu .navigation-menu > li > .sub-menu {

  border-top: 1px solid rgba(255, 255, 255, 0.1);

}

.fullscreen-menu .navigation-menu li.menu-item-has-children > a {

  position: relative;

}

.fullscreen-menu .navigation-menu li.menu-item-has-children > a:after {

  content: "\e131";

  font-family: "hody-icons";

  position: absolute;

  right: -10px;

  font-size: 14px;

  height: 12px;

  line-height: 12px;

  top: 50%;

  margin-top: -6px;

}

/*

  06

  Home Slider

*/

#home-slider {

  height: 100vh;

  position: relative;

  background-color: #1f1f1f;

}

section.section-skewed.section-bordered #home-slider:after {

  content: none;

}

.slide-item {

  height: 100vh;

  position: relative;

}

.slide-image {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  -webkit-transition: -webkit-transform 1.3s ease;

  transition: -webkit-transform 1.3s ease;

  transition: transform 1.3s ease;

  transition: transform 1.3s ease, -webkit-transform 1.3s ease;

}

.slide-wrap {

  position: relative;

  display: table;

  width: 100%;

  height: 100%;

  background-color: rgba(31, 31, 31, 0.55);

  color: #fff;

  padding-top: 100px;

  padding-bottom: 100px;

}

.slide-wrap.colored-overlay {

  background-color: rgba(0, 195, 218, 0.55);

}

.slide-wrap.dark-overlay {

  background-color: rgba(31, 31, 31, 0.7);

}

.slide-wrap.light-overlay {

  background-color: rgba(31, 31, 31, 0.1);

  color: #1f1f1f;

}

.slide-wrap.white-overlay {

  background-color: rgba(255, 255, 255, 0.85);

  color: #1f1f1f;

}

.slide-wrap.no-overlay {

  background-color: rgba(0, 0, 0, 0);

  color: #1f1f1f;

}

.slide-wrap.gradient-overlay:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: .7;

}

.slide-wrap.gradient-overlay:not([data-gradients]):before {

  background: -webkit-linear-gradient(left, #cf93ff 0%, #005AAA 100%);

  background: linear-gradient(90deg, #cf93ff 0%, #005AAA 100%);

}

.slide-wrap.gradient-overlay .gradient-bg-wrapper {

  opacity: .55;

}

.slide-content {

  display: table-cell;

  vertical-align: middle;

  width: 100%;

  position: relative;

  height: 100%;

  text-align: center;

}

.slide-content.align-left {

  text-align: left;

}

.slide-content.align-left .container > * {

  -webkit-transform-origin: 0 0;

  transform-origin: 0 0;

}

.slide-content h1 {

  font-size: 78px;

  letter-spacing: -3px;

  line-height: 1.25;

}

.slide-content h1.upper {

  font-size: 72px;

  letter-spacing: 2px;

}

.slide-content h1.font-small {

  font-size: 62px;

}

.slide-content h1.font-medium {

  font-size: 70px;

}

.slide-content h1.font-big {

  font-size: 100px;

}

.slide-content h1.cursive-font {

  line-height: 1.3;

  letter-spacing: 1px;

  margin-bottom: 25px;

}

.slide-content h1.serif-font {

  letter-spacing: 0;

}

.slide-content h1.alt-serif-font {

  letter-spacing: -0.02em;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .slide-content h1 {

    font-size: 62px;

  }

  .slide-content h1.upper {

    font-size: 56px;

  }

  .slide-content h1.font-small {

    font-size: 50px;

  }

  .slide-content h1.font-medium {

    font-size: 58px;

  }

  .slide-content h1.font-big {

    font-size: 68px;

  }

}

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

  .slide-content h1 {

    font-size: 52px;

  }

  .slide-content h1.upper {

    font-size: 46px;

  }

  .slide-content h1.font-small {

    font-size: 46px;

  }

  .slide-content h1.font-medium {

    font-size: 52px;

  }

  .slide-content h1.font-big {

    font-size: 62px;

  }

  .slide-content h1 .typed-words {

    display: block;

  }

}

.slide-content h4 {

  font-weight: 400;

  font-size: 18px;

}

.slide-content h4.upper {

  letter-spacing: 0.075em;

  font-size: 13px;

  font-weight: 500;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .slide-content h4 {

    font-size: 16px;

  }

}

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

  .slide-content h4 {

    font-size: 16px;

  }

}

.slide-content h1,

.slide-content h2,

.slide-content h3,

.slide-content h4,

.slide-content h5,

.slide-content h6 {

  color: inherit;

}

.slide-content > i {

  font-size: 45px;

}

.slide-content p,

.slide-content .inline-icon-btn {

  margin-top: 25px;

}

.slide-content p:last-child,

.slide-content .inline-icon-btn:last-child {

  margin-bottom: 0;

}

.slide-content img {

  margin-left: auto;

  margin-right: auto;

  display: block;

  max-width: 300px;

}

#home-slider .slide-content .container > * {

  opacity: 0;

  -webkit-transform: scale(0.9);

  transform: scale(0.9);

  -webkit-transform-origin: 50% 50% 0px;

  transform-origin: 50% 50% 0px;

  -webkit-transition: -webkit-transform .4s ease;

  transition: -webkit-transform .4s ease;

  transition: transform .4s ease;

  transition: transform .4s ease, -webkit-transform .4s ease;

}

.slide-dots {

  position: absolute;

  bottom: 40px;

  left: 0;

  right: 0;

  margin: auto;

  text-align: center;

  padding-left: 0;

  margin: 0;

  list-style-type: none;

}

.slide-dots > li {

  display: inline-block;

  margin: 0 4px;

}

.slide-dots > li > button {

  font-size: 0;

  border: 0;

  padding: 6px 0;

  width: 35px;

  outline: none;

  background-color: transparent;

}

.slide-dots > li > button:before {

  content: "";

  display: inline-block;

  width: 100%;

  height: 2px;

  background-color: rgba(255, 255, 255, 0.5);

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

.slide-dots > li > button:hover:before {

  background-color: #fff;

}

.slide-dots > li.slick-active > button:before {

  background-color: #fff;

}

.light-slide .slide-dots > li > button:before {

  background-color: rgba(31, 31, 31, 0.5);

}

.light-slide .slide-dots > li.slick-active > button:before {

  background-color: #1f1f1f;

}

.slide-arrows {

  position: absolute;

  left: 0;

  top: 50%;

  margin-top: -50px;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .slide-arrows {

    top: 25%;

    margin-top: 0;

  }

}

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

  .slide-arrows {

    display: none;

  }

}

.slide-arrows > button {

  position: relative;

  width: 50px;

  height: 50px;

  background-color: transparent;

  border: 1px solid rgba(255, 255, 255, 0.7);

  border-left: 0;

  line-height: 50px;

  color: #fff;

  font-size: 28px;

  display: block;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

.slide-arrows > button:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 50px;

  width: 0;

  background-color: #fff;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  z-index: 0;

}

.slide-arrows > button:hover {

  cursor: pointer;

  color: #1f1f1f;

  border-color: #fff;

}

.slide-arrows > button:hover:before {

  width: 50px;

}

.slide-arrows > button:focus {

  outline: none;

}

.slide-arrows > button > i {

  line-height: 1;

  position: relative;

  z-index: 10;

}

.slide-arrows > button + button {

  margin-top: -1px;

}

.light-slide .slide-arrows > button {

  border-color: rgba(31, 31, 31, 0.7);

  color: #1f1f1f;

}

.light-slide .slide-arrows > button:before {

  background-color: #1f1f1f;

}

.light-slide .slide-arrows > button:hover {

  color: #fff;

}

.light-slide .slide-dots > li > button:before {

  background-color: rgba(31, 31, 31, 0.5);

}

.light-slide .slide-dots > li.slick-active > button:before {

  background-color: #1f1f1f;

}

.small-image {

  width: 125px;

}

/*

  07

  Icon Boxes

*/

.animated-icon {

  width: 100px;

}

.animated-icon:not(.gradient-icon, [data-custom-color]) svg,

.animated-icon:not(.gradient-icon, [data-custom-color]) svg * {

  stroke: #1f1f1f;

}

.animated-icon.colored svg,

.animated-icon.colored svg * {

  stroke: #005AAA;

}

.animated-icon.white svg,

.animated-icon.white svg * {

  stroke: #fff;

}

.icon-box {

  position: relative;

  margin-top: 25px;

  margin-bottom: 25px;

  padding: 0 10px;

}

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

  .icon-box {

    margin-top: 50px;

    margin-bottom: 50px;

  }

}

.icon-box h3 {

  font-size: 22px;

}

.icon-box h4 {

  font-size: 14px;

  font-weight: 600;

  margin-top: 0;

}

.icon-box h4.upper {

  font-size: 13px;

  letter-spacing: 0.1em;

}

.icon-box h4.serif-font {

  font-size: 16px;

}

.icon-box p.serif-font {

  font-size: 15px;

}

.icon-box > .animated-icon {

  width: 55px;

  margin-bottom: 25px;

}

.icon-box > i {

  font-size: 60px;

  color: #1f1f1f;

  line-height: 1;

  display: inline-block;

  margin-bottom: 15px;

}

.icon-box > i.colored {

  color: #005AAA !important;

}

.icon-box .ib-icon {

  position: relative;

  height: 100px;

  width: 100px;

  border-radius: 50%;

  text-align: center;

  line-height: 100px;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  display: block;

  margin-bottom: 25px;

  background-color: #005AAA;

  color: #fff;

}

.icon-box .ib-icon.size-small {

  height: 65px;

  width: 65px;

  line-height: 65px;

}

.icon-box .ib-icon.size-small > i {

  font-size: 32px;

}

.icon-box .ib-icon .animated-icon {

  width: 45px;

  margin: auto;

  line-height: inherit;

  height: 100%;

  position: relative;

  z-index: 10;

}

.icon-box .ib-icon.dark-skin {

  border-color: #1f1f1f;

  background-color: #1f1f1f;

  color: #fff;

}

.icon-box .ib-icon.dark-skin:after {

  content: none;

}

.icon-box .ib-icon > i {

  font-size: 48px;

  line-height: inherit;

}

.icon-box .ib-icon > i:before {

  line-height: inherit;

}

.icon-box .ib-icon:hover > i {

  color: #fff!important;

}

.icon-box.align-center {

  text-align: center;

}

.icon-box.align-center > .animated-icon,

.icon-box.align-center > .ib-icon {

  margin-left: auto;

  margin-right: auto;

}

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

  .icon-box.align-center {

    max-width: 500px;

    margin-left: auto;

    margin-right: auto;

  }

}

.icon-box.align-right {

  text-align: right;

  padding-right: 0;

}

.icon-box.align-right > .animated-icon,

.icon-box.align-right > .ib-icon {

  margin-left: auto;

  margin-right: 0;

}

.icon-box.icon--big .animated-icon {

  width: 80px;

}

.icon-box.icon--big i {

  font-size: 80px;

}

.icon-box.icon--small .animated-icon {

  width: 40px;

}

.icon-box.icon--small i {

  font-size: 40px;

}

.icon-box.boxed-style {

  border: 1px solid #e6e6e6;

  padding: 35px;

  -webkit-transition: border-color 0.3s ease;

  transition: border-color 0.3s ease;

}

.icon-box.boxed-style:hover {

  border-color: transparent;

}

.icon-box.boxed-style:before {

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  border-top: 1px solid #1f1f1f;

  border-bottom: 1px solid #1f1f1f;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  width: 0;

}

.icon-box.boxed-style:hover:before {

  opacity: 1;

  width: 100%;

}

.icon-box.boxed-style:after {

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  border-left: 1px solid #1f1f1f;

  border-right: 1px solid #1f1f1f;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  height: 0;

}

.icon-box.boxed-style:hover:after {

  opacity: 1;

  height: 100%;

}

.icon-box-side {

  position: relative;

  margin-top: 25px;

  margin-bottom: 25px;

  padding-left: 75px;

}

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

  .icon-box-side {

    margin-top: 50px;

    margin-bottom: 50px;

  }

  .icon-box-side:last-child {

    margin-bottom: 0;

  }

}

.icon-box-side h4 {

  font-size: 14px;

  font-weight: 600;

  margin-top: 0;

}

.icon-box-side h4.serif-font {

  font-size: 16px;

}

.icon-box-side .animated-icon {

  width: 50px;

  position: absolute;

  left: 0;

}

.icon-box-side > i {

  position: absolute;

  left: 0;

  line-height: 1;

  font-size: 50px;

  color: #1f1f1f;

}

.icon-box-side i.colored {

  color: #005AAA;

}

.icon-box-side p.serif-font {

  font-size: 15px;

}

.icon-box-side .ib-icon {

  position: absolute;

  left: 0;

  height: 55px;

  width: 55px;

  border: 1px solid #005AAA;

  border-radius: 50%;

  text-align: center;

  line-height: 55px;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

.icon-box-side .ib-icon:after {

  content: "";

  position: absolute;

  right: -2px;

  bottom: -2px;

  top: -2px;

  left: -2px;

  padding: 2px;

  z-index: -1;

  background: #005AAA;

  border-radius: 50%;

  -webkit-transform: scale(1.2);

  transform: scale(1.2);

  opacity: 0;

  -webkit-transition: opacity 0.4s, -webkit-transform .3s;

  transition: opacity 0.4s, -webkit-transform .3s;

  transition: transform .3s, opacity 0.4s;

  transition: transform .3s, opacity 0.4s, -webkit-transform .3s;

}

.icon-box-side .ib-icon > i {

  font-size: 28px;

  line-height: inherit;

}

.icon-box-side .ib-icon > i:before {

  line-height: inherit;

}

.icon-box-side .ib-icon:hover:after {

  opacity: 1;

  -webkit-transform: scale(1);

  transform: scale(1);

}

.icon-box-side .ib-icon:hover > i {

  color: #fff!important;

}

.icon-box-side.size-small {

  padding-left: 60px;

}

.icon-box-side.size-small > i {

  font-size: 35px;

}

.counter {

  margin: 25px 0;

  overflow: hidden;

  text-align: center;

}

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

  .counter {

    margin-top: 50px;

    margin-bottom: 50px;

  }

}

.counter.align-left {

  text-align: left;

}

.counter-icon .animated-icon {

  width: 40px;

  display: inline-block;

}

.counter-icon i {

  font-size: 50px;

}

.counter-icon + .counter-content > h5 {

  margin: 20px 0 10px;

}

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

  .counter-content {

    border-right: 1px solid #e5e5e5;

  }

}

.counter-content > h5 {

  font-size: 45px;

  margin-top: 0;

}

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

  [class^="col-"]:last-child .counter-content {

    border-right: 0;

  }

}

.number-box {

  margin: 25px auto;

  max-width: 350px;

  text-align: center;

  position: relative;

}

.number-box.align-left {

  margin-left: 0;

  text-align: left;

}

.number-box > h2 {

  font-size: 66px;

  margin-top: 0;

  color: #9f9f9f;

}

.number-box > h3 {

  font-size: 42px;

  margin-top: 0;

  color: #9f9f9f;

}

.number-box > h4 {

  font-size: 13px;

  font-weight: 600;

  text-transform: uppercase;

  letter-spacing: 0.07em;

}

.number-box > .number-wrap {

  position: relative;

  width: 90px;

  height: 90px;

  border: 2px solid #005AAA;

  background-color: transparent;

  line-height: 86px;

  text-align: center;

  border-radius: 50%;

  margin-right: auto;

  margin-left: auto;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

.number-box > .number-wrap > h2 {

  font-size: 32px;

  margin: 0;

  line-height: inherit;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

.number-box:hover > .number-wrap {

  border-color: #005AAA;

  background-color: #005AAA;

  -webkit-transform: scale(0.9);

  transform: scale(0.9);

}

.number-box:hover > .number-wrap > h2 {

  color: #fff;

}

.number-box .number-box-content > h3 {

  letter-spacing: -1px;

  font-size: 22px;

}

.dark-bg .icon-box i,

.parallax-section .icon-box i {

  color: #fff;

}

.dark-bg .icon-box p,

.dark-bg .icon-box-side p,

.dark-bg .icon-box ul,

.dark-bg .icon-box-side ul {

  color: #c5c5c5;

}

.icon-box-simple {

  margin: 10px 0;

}

.icon-box-simple .ib-icon-holder,

.icon-box-simple .ib-text-holder {

  display: inline-block;

  vertical-align: middle;

}

.icon-box-simple i {

  font-size: 34px;

  color: #ababab;

}

.icon-box-simple i.black {

  color: #1f1f1f;

}

.icon-box-simple i.colored {

  color: #005AAA;

}

.icon-box-simple i:before {

  vertical-align: middle;

}

.icon-box-simple h4 {

  font-size: 12px;

  font-weight: 500;

  margin: 0;

  padding-left: 10px;

  padding-right: 10px;

}

.text-box {

  margin: 25px 0;

}

.text-box h3 {

  font-size: 22px;

}

.text-box h4 {

  font-size: 14px;

  font-weight: 600;

}

/*

  08

  Footer

*/

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

  #footer {

    position: fixed;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 1;

  }

}

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

  .boxed-layout #footer {

    max-width: 1170px;

    margin-left: auto;

    margin-right: auto;

    box-shadow: none;

  }

  .boxed-layout #footer .footer-widgets,

  .boxed-layout #footer .footer-copy {

    background-color: #fff;

  }

  .boxed-layout #footer .container {

    width: 1140px;

  }

}

.footer-widgets {

  position: relative;

  padding-top: 80px;

  /* padding-bottom: 80px; */

  background-color: #f7f7f7;

}

.footer-widgets:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  background-image: url('../images/dotted-map.png');

  background-size: contain;

  opacity: .8;

}

.footer-widgets .widget > h5 {

  text-transform: uppercase;

  font-size: 12px;

  letter-spacing: 0.05em;

  margin-bottom: 20px;

  font-weight: 600;

}

.footer-widgets .widget + .widget {

  margin-top: 25px;

}

.footer-widgets .widget ul {

  padding-left: 0;

  list-style: none;

}

.footer-widgets .widget ul > li {

  padding: 5px 0;

}

.footer-widgets .widget ul > li > a {

  font-size: 15px;

  color: #6c6c6c;

}

.footer-widgets .widget ul > li > a:hover {

  color: #005AAA;

}

.footer-widgets .widget .tagcloud a {

  border-color: #c5c5c5;

  color: #5f5f5f;

}

.footer-widgets .widget .tagcloud a:hover {

  background-color: #005AAA;

  border-color: #005AAA;

  color: #fff;

}

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

  .footer-widgets .widget {

    margin-bottom: 50px;

  }

  .footer-widgets .widget > h5 {

    margin-bottom: 10px;

  }

}

.footer-logo img {

  max-width: 140px;

}

.footer-copy {

  padding-top: 50px;

  padding-bottom: 50px;

  position: relative;

  background-color: #f7f7f7;

  border-top: 1px solid rgba(31, 31, 31, 0.08);

}

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

  .footer-copy .copy-text,

  .footer-copy .social-list {

    text-align: center;

  }

  .footer-copy .social-list {

    margin-bottom: 25px;

  }

}

.copy-text {

  text-align: right;

}

.copy-text p {

  margin: 0;

}

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

  .footer-spacer {

    display: none;

  }

}

#footer.dark-footer .footer-widgets {

  background-color: #1f1f1f;

  color: #fff;

}

#footer.dark-footer .footer-widgets:before {

  -webkit-filter: invert(1);

  filter: invert(1);

  opacity: .6;

}

#footer.dark-footer .footer-widgets .widget > h5 {

  color: #fff;

}

#footer.dark-footer .footer-widgets .widget ul > li > a {

  color: #bbb;

}

#footer.dark-footer .footer-widgets .widget ul > li > a:hover {

  color: #005AAA;

}

#footer.dark-footer .footer-widgets .widget .tagcloud a {

  color: #fff;

}

/*

  09

  Portfolio

*/

#filters {

  list-style: none;

  padding: 0;

  margin-bottom: 50px;

  text-align: center;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

#filters li {

  font-family: 'Poppins', sans-serif;

  display: inline-block;

  position: relative;

  padding: 8px 20px;

  font-weight: 500;

  font-size: 13px;

  margin: 0 5px;

  cursor: pointer;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  color: #1f1f1f;

  border: 1px solid transparent;

  line-height: 1;

}

#filters li.active {

  color: #005AAA;

  border-color: #005AAA;

  border-radius: 50px;

}

#filters li.active:hover {

  color: #005AAA;

}

#filters.dark-skin li.active {

  border-color: #1f1f1f;

  color: #1f1f1f;

}

#filters + #works-grid {

  margin-top: 80px;

}

#works-grid.two-col .work-item {

  width: 50%;

}

#works-grid.three-col .work-item {

  width: 33.33333333%;

}

#works-grid.four-col .work-item {

  width: 25%;

}

#works-grid.with-spacing .work-item {

  padding: 10px;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  #works-grid.two-col .work-item,

  #works-grid.three-col .work-item,

  #works-grid.four-col .work-item {

    width: 50%;

  }

}

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

  #works-grid.two-col .work-item,

  #works-grid.three-col .work-item,

  #works-grid.four-col .work-item {

    width: 100%;

  }

}

.work-item {

  float: left;

  position: relative;

  overflow: hidden;

}

.work-item .work-detail > a {

  display: block;

  position: relative;

  overflow: hidden;

}

.work-item img {

  -webkit-transition: all 1s ease;

  transition: all 1s ease;

}

.work-item:hover img {

  -webkit-transform: scale(1.2) translateY(-20px);

  transform: scale(1.2) translateY(-20px);

}

.work-item:hover .work-info {

  opacity: 1;

  -webkit-transform: translateY(0);

  transform: translateY(0);

}

.work-item:hover .work-info h3,

.work-item:hover .work-info p {

  -webkit-transform: scale(1);

  transform: scale(1);

  opacity: 1;

}

.work-item:hover .work-info h3:after {

  width: 60px;

  opacity: 1;

}

.work-item:hover .work-info-alt h3 > a {

  color: #005AAA;

}

.work-info {

  position: absolute;

  top: auto;

  right: 30px;

  bottom: 30px;

  left: 30px;

  padding: 25px;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  opacity: 0;

  background-color: #ffffff;

  text-align: center;

  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

  -webkit-transform: translateY(30px);

  transform: translateY(30px);

}

.work-info .v-center {

  vertical-align: bottom;

}

.work-info h3 {

  font-size: 18px;

  font-weight: 700;

  color: #1f1f1f;

  -webkit-transform: scale(0.8);

  transform: scale(0.8);

  -webkit-transition: all .4s ease;

  transition: all .4s ease;

  -webkit-transition-delay: .3s;

  transition-delay: .3s;

  opacity: 0;

}

.work-info p {

  color: #787878;

  font-size: 14px;

  -webkit-transform: scale(0.8);

  transform: scale(0.8);

  -webkit-transition: all .4s ease;

  transition: all .4s ease;

  -webkit-transition-delay: .6s;

  transition-delay: .6s;

  opacity: 0;

}

.work-info-alt {

  padding: 20px 0;

}

.work-info-alt h3 {

  font-size: 16px;

  font-weight: 600;

  letter-spacing: -0.05em;

  margin-top: 0;

}

.work-info-alt h3 > a {

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  color: #1f1f1f;

}

.work-info-alt p {

  color: #787878;

  font-size: 14px;

  margin-bottom: 5px;

}

.project-info > ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

.project-info > ul > li {

  display: block;

  margin-bottom: 15px;

  color: #1f1f1f;

  font-size: 14px;

}

.project-info > ul > li > strong {

  display: block;

  color: #929292;

  text-transform: uppercase;

  letter-spacing: 0.05em;

  font-size: 11px;

  font-family: 'Poppins', sans-serif;

  font-weight: 500;

  padding-bottom: 6px;

}

.project-info > ul > li > a {

  color: #1f1f1f;

}

.project-info > ul > li > a:hover {

  color: #005AAA;

}

.projects-controller a {

  display: block;

  float: left;

  width: 33.33333333%;

  overflow: hidden;

  color: inherit;

  cursor: default;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

.projects-controller a.disabled {

  opacity: .6;

  pointer-events: none;

}

.projects-controller a.disabled > span {

  cursor: default;

}

.projects-controller a.disabled > span:hover {

  color: inherit;

}

.projects-controller a.disabled:hover {

  opacity: .4;

}

.projects-controller a.prev i {

  margin-right: 10px;

}

.projects-controller a.all {

  text-align: center;

}

.projects-controller a.all span {

  padding: 36px 0;

}

.projects-controller a.all span i {

  font-size: 24px;

  display: block;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

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

  .projects-controller a.all span i {

    font-size: 30px;

  }

}

.projects-controller a.all:hover span i {

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}

.projects-controller a.next {

  text-align: right;

}

.projects-controller a.next i {

  margin-left: 10px;

}

.projects-controller a > span {

  display: inline-block;

  padding: 40px 0;

  font-size: 11px;

  cursor: pointer;

  text-transform: uppercase;

  font-family: 'Poppins', sans-serif;

  font-weight: 500;

  letter-spacing: 0.05em;

}

.projects-controller a > span:hover {

  color: #005AAA;

}

.projects-controller a > span i {

  font-size: 20px;

  vertical-align: middle;

}

.projects-controller a > span i:before {

  vertical-align: middle;

}

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

  .projects-controller a > span {

    font-size: 0;

  }

  .projects-controller a > span i {

    font-size: 30px;

  }

}

/*

  10

  Team

*/

.team-member {

  margin-left: auto;

  margin-right: auto;

  position: relative;

  overflow: hidden;

}

.team-member:hover .team-overlay {

  opacity: 1;

  visibility: visible;

  -webkit-transform: scale(1);

  transform: scale(1);

}

.team-member.round-thumb {

  text-align: center;

}

.team-member.round-thumb .team-image img {

  width: 175px;

  border-radius: 50%;

}

.team-member.round-thumb.big-thumb .team-image img {

  width: 250px;

}

.team-member.round-thumb .team-social {

  margin-top: 15px;

}

.team-member.round-thumb .team-social > li {

  margin: 0 5px;

}

.team-member.round-thumb .team-social > li > a {

  border-radius: 50%;

  border: 1px solid #e6e6e6;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  color: #5f5f5f;

  line-height: 38px;

}

.team-member.round-thumb .team-social > li > a i {

  line-height: inherit;

}

.team-member.round-thumb .team-social > li > a:hover {

  text-shadow: none;

  color: #fff;

}

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

  [class*="col-"] > .team-member {

    margin-top: 25px;

    margin-bottom: 25px;

  }

}

.team-image {

  position: relative;

  overflow: hidden;

}

.team-image img {

  margin-left: auto;

  margin-right: auto;

}

.team-overlay {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  text-align: center;

  background-color: rgba(0, 195, 218, 0.9);

  color: #fff;

  -webkit-transform: translateY(20px);

  transform: translateY(20px);

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  opacity: 0;

  visibility: hidden;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

  -moz-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

}

.team-overlay .team-info {

  text-align: left;

  padding-left: 20px;

  padding-right: 20px;

  width: 100%;

}

.team-overlay .team-info > h4 {

  color: #fff;

  margin-bottom: 0;

  font-size: 13px;

}

.team-overlay .team-info > span {

  color: #fff;

  font-size: 12px;

}

.team-overlay .team-social {

  padding: 20px;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  margin-top: 0;

}

.team-overlay .team-social > li > a,

.team-overlay .team-social > li > a:hover {

  color: #fff;

}

.team-social {

  list-style: none;

  padding: 0;

  margin: 15px 0 0;

}

.team-social > li {

  display: inline-block;

  margin-right: 10px;

}

.team-social > li > a {

  display: block;

  color: #929292;

  font-size: 12px;

}

.team-social > li > a:hover {

  color: #1f1f1f;

  text-decoration: none;

  text-shadow: 0 0 6px rgba(255, 255, 255, 0.7);

}

.team-info {

  padding: 20px 0;

}

.team-info > h4 {

  font-size: 12px;

  text-transform: uppercase;

  letter-spacing: 0.04em;

  margin-top: 0;

  margin-bottom: 5px;

  font-weight: 600;

}

.team-info > span {

  font-size: 13px;

  color: #999;

  font-family: 'Poppins', sans-serif;

}

.team-info > p {

  margin-top: 10px;

  font-size: 15px;

}

.carousel .slick-track > .team-member {

  padding-left: 15px;

  padding-right: 15px;

}

/*

  11

  Blog

*/

.post-preview {

  margin: 25px 0;

  padding: 45px;

  position: relative;

  border: 1px solid #e6e6e6;

  overflow: hidden;

}

.post-preview:hover {

  border-color: transparent;

}

.post-preview:hover .post-thumb {

  opacity: 1;

  -webkit-transform: scale(1);

  transform: scale(1);

}

.post-preview:hover .post-title a,

.post-preview:hover .post-body,

.post-preview:hover .post-category a,

.post-preview:hover .post-meta a,

.post-preview:hover .post-meta {

  color: #fff;

}

.post-preview .post-category a {

  text-transform: uppercase;

  color: #1f1f1f;

  font-weight: 500;

  font-family: 'Poppins', sans-serif;

  font-size: 12px;

  letter-spacing: 0.05em;

}

.post-preview .post-title a {

  color: #1f1f1f;

}

.post-preview .post-body {

  padding: 15px 0;

  color: #929292;

}

.post-preview .post-meta {

  text-transform: uppercase;

  font-weight: 500;

  font-family: 'Poppins', sans-serif;

  font-size: 11px;

}

.post-preview .post-meta a {

  color: #1f1f1f;

}

.post-preview .post-thumb {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-size: cover;

  z-index: -1;

  opacity: 0;

  -webkit-transition: all .7s ease;

  transition: all .7s ease;

  -webkit-transform: scale(1.2);

  transform: scale(1.2);

}

.post-preview .post-thumb:after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: #1f1f1f;

  opacity: .55;

}

.post-preview.show-all-posts {

  width: 100%;

}

.post-preview.show-all-posts:hover {

  border-color: #005AAA;

}

.post-preview.show-all-posts:hover .icon-box i,

.post-preview.show-all-posts:hover .icon-box h4 {

  color: #005AAA;

}

.pagination,

.page-numbers {

  display: block;

  text-align: center;

  margin-top: 50px;

}

.pagination > li,

.page-numbers > li {

  display: inline-block;

  margin-right: 8px;

}

.pagination > li:first-child > a,

.page-numbers > li:first-child > a,

.pagination > li:last-child > a,

.page-numbers > li:last-child > a {

  border-radius: 0;

}

.pagination > li > a,

.page-numbers > li > a,

.pagination > li span,

.page-numbers > li span {

  position: relative;

  float: left;

  width: 40px;

  height: 40px;

  padding: 0;

  margin-top: 0;

  border-radius: 50%!important;

  line-height: 40px;

  font-family: 'Poppins', sans-serif;

  font-weight: 500;

  font-size: 11px;

  color: #1f1f1f;

  border: 0;

  background-color: transparent;

}

.pagination > li > a.next-page,

.page-numbers > li > a.next-page,

.pagination > li span.next-page,

.page-numbers > li span.next-page,

.pagination > li > a.prev-page,

.page-numbers > li > a.prev-page,

.pagination > li span.prev-page,

.page-numbers > li span.prev-page {

  border-color: transparent;

  font-size: 20px;

}

.pagination > li > a i,

.page-numbers > li > a i,

.pagination > li span i,

.page-numbers > li span i {

  line-height: inherit;

}

.pagination > li > a:hover,

.page-numbers > li > a:hover,

.pagination > li span:hover,

.page-numbers > li span:hover {

  background-color: #1f1f1f;

  color: #fff;

  border-color: #1f1f1f;

}

.pagination > li > a:focus,

.page-numbers > li > a:focus,

.pagination > li span:focus,

.page-numbers > li span:focus {

  background-color: transparent;

  color: #1f1f1f;

}

.pagination > li > a.current-page,

.page-numbers > li > a.current-page,

.pagination > li span.current-page,

.page-numbers > li span.current-page {

  background-color: #005AAA;

  border-color: #005AAA;

  color: #fff;

}

.pagination > li > a.current-page:focus,

.page-numbers > li > a.current-page:focus,

.pagination > li span.current-page:focus,

.page-numbers > li span.current-page:focus {

  background-color: #005AAA;

  border-color: #005AAA;

  color: #fff;

}

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

  .posts-row .container {

    width: auto;

    padding-left: 30px;

    padding-right: 30px;

  }

}

.side-post {

  position: relative;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  margin-bottom: 30px;

  border-radius: 5px;

  overflow: hidden;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);

}

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

  .side-post.image-right .side-post-image {

    float: right;

    -webkit-box-ordinal-group: 3;

    -moz-box-ordinal-group: 3;

    -ms-flex-order: 2;

    order: 2;

  }

  .side-post.image-right .side-post-image .post-category {

    left: 20px;

    right: auto;

  }

  .side-post.image-right .side-post-content {

    text-align: right;

  }

}

.side-post:hover {

  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);

}

.side-post .side-post-image,

.side-post .side-post-content {

  position: relative;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

}

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

  .side-post .side-post-image,

  .side-post .side-post-content {

    width: 50%;

    float: left;

  }

}

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

  .side-post .side-post-image {

    min-height: 350px;

  }

}

.side-post .side-post-image figure {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.side-post .side-post-image .post-category {

  position: absolute;

  top: 20px;

  right: 20px;

}

.side-post .side-post-image .post-category > a {

  display: block;

  background-color: #005AAA;

  color: #fff;

  border-radius: 5px;

  padding: 6px 16px;

  font-family: 'Poppins', sans-serif;

  font-size: 11px;

  font-weight: 500;

  text-transform: uppercase;

  letter-spacing: 0.05em;

}

.side-post .side-post-content {

  background-color: #fff;

  -webkit-box-align: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.side-post .side-post-content .post-content-wrapper {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 1;

  -moz-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -moz-box-orient: vertical;

  -moz-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  padding: 75px 50px;

}

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

  .side-post .side-post-content .post-content-wrapper {

    padding: 50px 35px;

  }

}

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

  .side-post .side-post-content .post-content-wrapper {

    padding: 35px 25px;

  }

}

.side-post .side-post-content .post-info {

  margin-bottom: 15px;

}

.side-post .side-post-content .post-info h6 {

  font-size: 12px;

  font-weight: 500;

  color: #b4b4b4;

  margin: 0;

}

.side-post .side-post-content .post-info h6 > span {

  display: inline-block;

  margin-right: 4px;

}

.side-post .side-post-content .post-info h6 > span > i {

  display: inline-block;

  font-size: 15px;

  vertical-align: middle;

  margin-right: 5px;

}

.side-post .side-post-content .post-title {

  margin-bottom: 15px;

}

.side-post .side-post-content .post-title h3 {

  margin: 0;

}

.side-post .side-post-content .post-body {

  line-height: 26px;

}

.single-post-info .post-author,

.side-post .post-author {

  margin-top: 15px;

}

.single-post-info .post-author > img,

.side-post .post-author > img {

  width: 40px;

  border-radius: 50%;

  display: inline-block;

  vertical-align: middle;

  margin-right: 10px;

}

.single-post-info .post-author > a,

.side-post .post-author > a {

  display: inline-block;

  vertical-align: middle;

  font-family: 'Poppins', sans-serif;

  font-size: 11px;

  font-weight: 600;

}

.grid-posts-wrapper {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.grid-posts-wrapper .card-post {

  width: 33.33333333%;

}

.grid-posts-wrapper.two-col .card-post {

  width: 50%;

}

.grid-posts-wrapper.four-col .card-post {

  width: 25%;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .grid-posts-wrapper .card-post {

    width: 50%!important;

  }

}

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

  .grid-posts-wrapper .card-post {

    width: 100%!important;

  }

}

.card-post {

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  margin-bottom: 30px;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  padding-left: 15px;

  padding-right: 15px;

}

.card-post .card-post-wrapper {

  position: relative;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 1;

  -moz-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -moz-box-orient: vertical;

  -moz-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: end;

  -moz-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  background-color: #fff;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  border-radius: 5px;

  overflow: hidden;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);

}

.card-post .card-post-wrapper.dark-bg {

  background-color: #1f1f1f;

}

.card-post .card-post-wrapper.colored-bg {

  background-color: #005AAA;

}

.card-post .card-post-wrapper.dark-bg .post-footer,

.card-post .card-post-wrapper.colored-bg .post-footer,

.card-post .card-post-wrapper.img-cover .post-footer {

  border-color: rgba(255, 255, 255, 0.3);

}

.card-post .card-post-wrapper.dark-bg .post-footer h6,

.card-post .card-post-wrapper.colored-bg .post-footer h6,

.card-post .card-post-wrapper.img-cover .post-footer h6 {

  color: #fff;

}

.card-post .card-post-wrapper.img-cover > * {

  position: relative;

}

.card-post .card-post-wrapper.img-cover:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #000;

  opacity: .4;

}

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

  .card-post .card-post-wrapper.img-cover .post-body {

    padding-top: 75px;

    padding-bottom: 75px;

  }

}

.card-post:hover {

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

  transform: translateY(-10px);

}

.card-post:hover .card-post-wrapper {

  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);

}

.card-post .card-post-icon {

  justify-self: center;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  padding: 0 25px;

  font-size: 35px;

}

.card-post .card-post-image {

  position: relative;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 1;

  -moz-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

}

.card-post .card-post-image .post-category {

  position: absolute;

  top: 20px;

  right: 20px;

}

.card-post .card-post-image .post-category > a {

  display: block;

  background-color: #005AAA;

  color: #fff;

  border-radius: 5px;

  padding: 6px 16px;

  font-family: 'Poppins', sans-serif;

  font-size: 11px;

  font-weight: 500;

  text-transform: uppercase;

  letter-spacing: 0.05em;

}

.card-post .card-post-content .post-body {

  padding: 45px 25px;

}

.card-post .card-post-content .post-body > h3 {

  margin-top: 0;

  font-size: 20px;

}

.card-post .card-post-content .post-body > p {

  margin-bottom: 0;

}

.card-post .card-post-content .post-footer {

  border-top: 1px solid #eee;

  padding: 12px 25px;

}

.card-post .card-post-content .post-footer h6 {

  font-size: 12px;

  font-weight: 500;

  color: #929292;

  margin: 0;

}

.card-post .card-post-content .post-footer h6 > span {

  display: inline-block;

  margin-right: 4px;

}

.card-post .card-post-content .post-footer h6 > span > i {

  display: inline-block;

  font-size: 15px;

  vertical-align: middle;

  margin-right: 5px;

}

.card-post .card-post-content .post-footer h6 > span > a {

  margin-left: 5px;

}

#sidebar .widget {

  margin-bottom: 30px;

}

#sidebar .widget:before,

#sidebar .widget:after {

  content: " ";

  display: table;

}

#sidebar .widget:after {

  clear: both;

}

#sidebar .widget h5 {

  text-transform: uppercase;

  letter-spacing: 0.1em;

  font-size: 11px;

  border-bottom: 1px solid #e6e6e6;

  font-weight: 600;

  padding-bottom: 20px;

  margin-bottom: 20px;

}

#sidebar .widget .searchform .input-group {

  display: block;

}

#sidebar .widget .searchform .input-group-btn {

  display: none;

}

#sidebar .widget .tagcloud a,

#sidebar .widget .post-tags a {

  color: #393939;

}

#sidebar .widget .tagcloud a:hover,

#sidebar .widget .post-tags a:hover {

  color: #fff;

}

#sidebar .widget ul {

  list-style: none;

  padding-left: 0;

}

#sidebar .widget ul > li {

  margin-bottom: 3px;

}

#sidebar .widget ul > li > a {

  font-family: 'Poppins', sans-serif;

  color: #1f1f1f;

  font-size: 13px;

}

#sidebar .widget ul > li > a:hover {

  color: #005AAA;

}

#sidebar .widget ul > li:before {

  content: " • ";

  vertical-align: middle;

  font-weight: bold;

  font-size: 18px;

  margin-right: 10px;

  color: #1f1f1f;

}

.post-single .post-body {

  margin-bottom: 25px;

  line-height: 28px;

}

.post-single .post-body p,

.post-single .post-body img,

.post-single .post-body blockquote {

  margin-bottom: 15px;

}

.post-single .post-body strong,

.post-single .post-body b {

  color: #1f1f1f;

}

.post-single .post-body blockquote {

  position: relative;

}

.post-single .post-body blockquote p {

  font-family: 'Playfair Display', serif;

  font-weight: 700;

  font-size: 26px;

  color: #1f1f1f;

  border-left: 2px solid #1f1f1f;

  margin: 25px 0;

  padding: 25px;

}

.post-single .post-body blockquote p:before {

  content: open-quote;

}

.post-single .post-body blockquote p:after {

  content: close-quote;

}

.single-post-info {

  text-align: center;

}

.single-post-info h6 {

  font-size: 12px;

  font-weight: 500;

  color: #fff;

  margin: 0;

}

.single-post-info h6 > span {

  display: inline-block;

  margin-right: 4px;

}

.single-post-info h6 > span > i {

  display: inline-block;

  font-size: 15px;

  vertical-align: middle;

  margin-right: 5px;

}

#comments {

  margin-bottom: 50px;

}

#comments h5 {

  font-size: 11px;

  letter-spacing: 0.15em;

  font-weight: 600;

}

.comments-list {

  list-style: none;

  margin: 0;

  padding-left: 0;

}

.comments-list > li {

  margin-bottom: 15px;

  padding: 15px;

}

.comments-list > li:before,

.comments-list > li:after {

  content: " ";

  display: table;

}

.comments-list > li:after {

  clear: both;

}

.comments-list > li.rating {

  border: 1px dashed #e7e7e7;

}

.comments-list .children {

  list-style: none;

  margin: 15px -15px 0;

  padding-left: 40px;

}

.comments-list .children > li {

  padding: 15px;

}

.comments-list .children > li:last-child {

  border-bottom: 0;

}

.comment:before,

.comment:after {

  content: " ";

  display: table;

}

.comment:after {

  clear: both;

}

.comment-text,

.comment-pic {

  display: inline-block;

  float: left;

}

.comment-pic {

  width: 15%;

}

.comment-pic img {

  margin-top: 10px;

  width: 75px;

  border-radius: 50%;

}

.comment-text {

  width: 85%;

  padding-left: 15px;

}

.comment-date {

  color: #858585;

  display: block;

  font-size: 13px;

  margin-bottom: 10px;

}

.comment-reply {

  font-size: 11px;

  text-transform: uppercase;

}

.comment-respond {

  margin-bottom: 50px;

  padding: 20px 0;

}

.comment-respond textarea {

  max-width: 100%;

  min-height: 120px;

  resize: none;

}

.comment-respond h5 {

  font-size: 11px;

  letter-spacing: 0.15em;

  margin-bottom: 25px;

  font-weight: 600;

}

.form-double:before,

.form-double:after {

  content: " ";

  display: table;

}

.form-double:after {

  clear: both;

}

.form-double .form-group {

  float: left;

  padding-right: 10px;

  width: 50%;

}

.form-double .form-group:last-child {

  padding-left: 10px;

  padding-right: 0;

}

.post-tags {

  margin-bottom: 25px;

  overflow: hidden;

}

.first-letter::first-letter {

  font-size: 4em;

  color: #1f1f1f;

}

/*

  12

  Shop

*/

.shop-menu {

  overflow: hidden;

  margin: 0 0 30px;

  padding-bottom: 30px;

  border-bottom: 1px solid #eee;

}

.shop-menu h6 {

  margin-top: 25px;

}

.shop-product {

  margin-bottom: 50px;

}

.products-row:before,

.products-row:after {

  content: " ";

  display: table;

}

.products-row:after {

  clear: both;

}

.products-row .shop-product {

  margin-bottom: 0;

}

.product-thumb {

  position: relative;

  overflow: hidden;

}

.product-thumb .image-switcher {

  position: absolute;

  top: 0;

  right: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all .5s ease;

  transition: all .5s ease;

}

.product-thumb:hover .image-switcher {

  opacity: 1;

  visibility: visible;

}

.product-thumb:hover .product-overlay {

  opacity: 1;

  bottom: 0;

}

@media (min-width: 768px) {

  .columns-2 .product-col {

    width: 50%;

  }

}

@media (min-width: 768px) {

  .columns-3 .product-col {

    width: 50%;

  }

}

@media (min-width: 992px) {

  .columns-3 .product-col {

    width: 33.33333333%;

  }

}

.product-col {

  padding-left: 15px;

  padding-right: 15px;

  margin-bottom: 25px;

  position: relative;

}

.product-col .shop-product {

  max-width: 450px;

  margin-left: auto;

  margin-right: auto;

}

@media (min-width: 768px) {

  .product-col {

    float: left;

    width: 50%;

  }

}

@media (min-width: 992px) {

  .product-col {

    width: 25%;

  }

}

.product-info {

  position: relative;

  padding-bottom: 50px;

  overflow: hidden;

  text-align: center;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

.shop-product:hover .product-info {

  background-color: #fff;

  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);

}

.product-info h3 {

  font-size: 15px;

  font-weight: 600;

  letter-spacing: -0.05em;

  margin-bottom: 0;

}

.product-info h3 a:hover {

  color: #5f5f5f;

}

.product-info span.product-price {

  font-size: 13px;

  font-family: 'Poppins', sans-serif;

  font-weight: 500;

}

.product-info .add-to-cart-btn {

  position: absolute;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  bottom: -100%;

  left: 0;

  right: 0;

}

.product-info .add-to-cart-btn a {

  display: inline-block;

  color: #00c077;

  font-family: 'Poppins', sans-serif;

  text-transform: uppercase;

  font-weight: 600;

  padding: 12px 0;

  -webkit-transition: all .2s ease;

  transition: all .2s ease;

}

.product-info .add-to-cart-btn a > span {

  font-size: 11px;

  display: inline-block;

  vertical-align: middle;

  margin-left: 10px;

  letter-spacing: 0.05em;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

.product-info .add-to-cart-btn a > i {

  display: inline-block;

  vertical-align: middle;

}

.product-info .add-to-cart-btn a:hover {

  color: #00da87;

}

.shop-product:hover .product-info .add-to-cart-btn {

  bottom: 0;

}

.product-info .product-rating {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  padding: 15px 0;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

.product-rating .product-stars {

  display: inline-block;

  position: relative;

}

.product-rating .product-stars:before {

  content: "\e106\e106\e106\e106\e106";

  font-family: 'hody-icons';

  color: #d2d2d2;

  position: absolute;

  left: 0;

  right: 0;

}

.product-rating .product-rating-stars {

  display: block;

  position: relative;

  overflow: hidden;

}

.product-rating .product-rating-stars:before {

  content: "\e106\e106\e106\e106\e106";

  font-family: 'hody-icons';

  color: #fdca6d;

}

.shop-product:hover .product-rating {

  bottom: -100%;

}

.single-product-details .title {

  margin: 0;

}

.single-product-details .title h2 {

  margin: 0;

}

.single-product-details .title .product_title {

  margin-bottom: 0;

}

.single-product-price {

  padding: 15px 0;

  overflow: hidden;

}

.single-product-price h3 {

  margin: 0;

  color: #00c077;

}

.single-product-price h3 del {

  color: #858585;

  margin-right: 5px;

}

.single-product-price h3 > span,

.single-product-price h3 > ins {

  font-size: 24px;

  color: #1f1f1f;

  text-decoration: none;

}

.single-product-ratings {

  margin-bottom: 15px;

}

.single-product-desc {

  padding: 0 0 15px 0;

}

.single-product-desc > h5 {

  text-transform: uppercase;

  font-size: 11px;

  font-weight: 600;

  letter-spacing: 0.05em;

}

.single-product-add {

  padding: 15px 0;

}

.single-product-add .inline-form {

  width: 250px;

}

.single-product-add .inline-form .form-control {

  font-size: 13px;

  font-family: 'Poppins', sans-serif;

  padding: 0 15px;

  text-align: center;

  margin-right: 10px;

  display: inline-block;

  float: left;

  width: 80px;

  border-radius: 4px;

}

.single-product-add .inline-form .input-group-btn {

  margin-left: 10px;

  display: inline-block;

}

.single-product-add .inline-form .input-group-btn .btn {

  border-radius: 4px;

}

.single-product-list {

  padding: 20px 0;

}

.single-product-list ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

.single-product-list ul li {

  padding: 5px 0;

  font-size: 12px;

  letter-spacing: 1px;

  text-transform: uppercase;

}

.single-product-list ul li span {

  color: #858585;

}

.single-product-list ul li a {

  padding: 0 4px;

}

.single-product-list .product_meta > h5 {

  text-transform: uppercase;

  font-size: 11px;

  font-weight: 600;

  letter-spacing: 0.05em;

}

.single-product-list .product_meta p {

  margin-bottom: 0;

}

.single-product-list .product_meta p > span {

  display: inline-block;

  padding: 5px 0;

  font-family: 'Poppins', sans-serif;

  color: #1f1f1f;

  text-transform: uppercase;

  font-size: 11px;

  letter-spacing: 0.1em;

  margin-right: 5px;

}

.single-product-list .product_meta p > a {

  color: #5f5f5f;

  font-family: 'Source Sans Pro', sans-serif;

  text-transform: none;

  letter-spacing: 0;

  font-size: 13px;

  margin-left: 2px;

}

.single-product-list .product_meta p > a:hover {

  color: #005AAA;

}

#product-slider {

  margin-bottom: 50px;

}

#product-slider .slick-prev {

  left: 0!important;

}

#product-slider .slick-next {

  right: 0!important;

}

.product-tabs .minimal-tabs {

  border-bottom: 1px solid #eee;

  margin-bottom: 50px;

}

.product-tabs .minimal-tabs > li > a {

  padding-top: 25px;

  padding-bottom: 25px;

  border-top: 2px solid transparent;

  border-bottom: 0;

  margin-bottom: 0!important;

}

.product-tabs .minimal-tabs > li.active > a,

.product-tabs .minimal-tabs > li.active > a:focus,

.product-tabs .minimal-tabs > li.active > a:hover {

  border-top: 2px solid #005AAA;

  border-bottom: 0;

  color: #005AAA;

}

.related-products .shop-product {

  margin-bottom: 0;

}

#product-slider-nav figure.slick-slide {

  opacity: .7;

  margin-bottom: 15px;

  cursor: pointer;

}

#product-slider-nav figure.slick-slide.slick-current {

  opacity: 1;

}

#product-slider-nav .slick-prev,

#product-slider-nav .slick-next {

  position: relative;

  background-color: transparent;

  border: 0;

  font-size: 40px;

  text-align: center;

  display: block;

  padding: 0;

  margin: 0;

  width: 100%;

  outline: none;

}

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

  #product-slider-nav .slick-prev,

  #product-slider-nav .slick-next {

    width: auto;

    position: absolute;

    top: 50%;

    margin-top: -25px;

    height: 50px;

    z-index: 100;

    font-size: 28px;

  }

  #product-slider-nav .slick-prev {

    left: 0;

  }

  #product-slider-nav .slick-next {

    right: 0;

  }

}

#shopping-cart {

  border-color: #e6e6e6;

  margin-bottom: 50px;

}

#shopping-cart > thead > tr > th {

  border-bottom: 1px solid #e6e6e6;

  font-size: 13px;

  font-family: 'Poppins', sans-serif;

  color: #1f1f1f;

  font-weight: 500;

  padding: 15px 8px;

}

#shopping-cart > tbody > tr > td {

  padding: 20px 8px;

  vertical-align: middle;

  font-size: 13px;

  font-family: 'Poppins', sans-serif;

  font-weight: 400;

  border-bottom: 1px solid;

  border-color: #e6e6e6;

}

#shopping-cart > tbody > tr > td.product-subtotal {

  color: #1f1f1f;

}

#shopping-cart > tbody > tr > td.product-remove i {

  font-size: 20px;

}

#shopping-cart > tbody > tr > td > a {

  color: #1f1f1f;

}

#shopping-cart > tbody > tr > td > a:hover {

  color: #005AAA;

}

#shopping-cart > tbody > tr > td > .form-control {

  width: 60px;

  padding: 0 12px;

  font-size: 13px;

  text-align: center;

  height: 45px;

  line-height: 43px;

  margin-left: auto;

  margin-right: auto;

}

#shopping-cart > tbody > tr > td i.hc-close {

  color: #f42841;

  font-size: 20px;

}

#shopping-cart > tbody > tr > td .cart-price {

  font-size: 14px;

}

#shopping-cart > tbody > tr > td img {

  max-height: 100px;

  width: auto;

}

#shopping-cart input.input-sm,

#shopping-cart input.btn-sm {

  line-height: 35px;

  width: auto!important;

}

#shopping-cart .coupon {

  float: left!important;

}

@media (min-width: 480px) {

  #shopping-cart .coupon + input {

    float: right!important;

  }

}

.coupon-form {

  padding: 25px;

  border: 2px dashed #e6e6e6;

}

.cart-summary {

  padding: 30px;

  background-color: #f7f7f7;

}

.cart-summary tbody {

  font-family: 'Poppins', sans-serif;

  text-transform: uppercase;

}

.cart-summary tbody th {

  font-size: 11px;

  font-weight: 600;

  letter-spacing: 0.05em;

  vertical-align: middle!important;

}

.cart-summary tbody h6 {

  font-weight: 600;

}

.promo-code {

  border: 1px solid #e7e7e7;

  padding: 20px;

  margin-bottom: 25px;

}

.checkout-form .form-group {

  overflow: hidden;

}

.form-group {

  margin-bottom: 25px;

}

.form-group label {

  font-size: 13px;

  font-weight: 400;

}

.form-group .checkbox input[type=checkbox],

.form-group .radio input[type=checkbox],

.form-group .checkbox-inline input[type=checkbox],

.form-group .radio-inline input[type=checkbox],

.form-group .checkbox input[type=radio],

.form-group .radio input[type=radio],

.form-group .checkbox-inline input[type=radio],

.form-group .radio-inline input[type=radio] {

  margin-top: 0;

}

.form-group textarea {

  min-height: 100px;

}

.form-group.has-error .form-control {

  border-color: #ff4656;

  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.02);

}

.form-group.has-success .form-control {

  border-color: #2ecc71;

  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.02);

}

.shopping-cart {

  position: absolute!important;

  right: 0;

  min-width: 300px;

  padding: 20px;

  background-color: #fff;

  border: 1px solid #f6f6f6;

  box-shadow: 0 5px 10px 0 rgba(31, 31, 31, 0.05);

  -webkit-transform: scale(0.9);

  transform: scale(0.9);

  visibility: hidden;

  opacity: 0;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

.shopping-cart .cart-buttons {

  padding: 15px;

  margin: 0;

  overflow: hidden;

}

.shopping-cart .cart-buttons .cart-btn-item {

  width: 50%;

  display: block;

  float: left;

}

.shopping-cart .cart-buttons .cart-btn-item:first-child {

  padding-right: 5px;

}

.shopping-cart .cart-buttons .cart-btn-item:last-child {

  padding-left: 5px;

}

.shopping-cart .product-list li {

  padding: 15px;

  margin: 0!important;

  font-weight: 500;

}

.shopping-cart .product-list li .product-thumbnail {

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background-position: top center;

  float: left;

  min-height: 0;

}

.shopping-cart .product-list li .product-summary {

  margin-left: 65px;

  position: relative;

  padding-right: 10px;

}

.shopping-cart .product-list li .product-summary a {

  font-family: 'Poppins', sans-serif;

  font-size: 13px;

}

.shopping-cart .product-list li .product-summary > span {

  display: block;

}

.shopping-cart .product-list li .product-summary .remove {

  color: #6c6c6c !important;

  position: absolute;

  right: 0;

  top: 3px;

  font-size: 10px;

}

.shopping-cart .product-list li .product-summary .remove:hover {

  background-color: transparent;

  color: #005AAA !important;

}

.shopping-cart .product-list li.empty {

  font-size: 14px;

  text-align: center;

  font-weight: 400;

}

.shopping-cart .mini-cart-info {

  padding: 10px 15px;

}

.shopping-cart .mini-cart-info h5 {

  margin: 0;

  font-weight: 500;

  font-size: 13px;

}

.shopping-cart-info {

  padding: 15px;

  overflow: hidden;

  border-bottom: 1px solid #eee;

}

.shopping-cart-info h6 {

  margin: 0;

}

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

  .cart-open:hover > .shopping-cart {

    visibility: visible;

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

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

  .cart-open.opened > .shopping-cart {

    visibility: visible;

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

.cart-open .cart-number {

  position: absolute;

  font-size: 9px;

  background-color: #005AAA;

  top: 12px;

  right: 6px;

  line-height: 1;

  height: 14px;

  width: 14px;

  line-height: 14px;

  text-align: center;

  color: #fff;

  border-radius: 50%;

  font-weight: bold;

}

/*

  13

  Forms

*/

.form-group {

  margin-bottom: 25px;

}

.form-group label {

  color: #1f1f1f;

  font-family: 'Poppins', sans-serif;

  font-weight: 500;

  font-size: 13px;

}

.form-control {

  height: 50px;

  padding: 0 15px;

  font-size: 15px;

  line-height: 50px;

  border: 2px solid #eee;

  border-radius: 0;

  box-shadow: none;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

.form-control:hover,

.form-control:focus {

  box-shadow: none;

}

.form-control:focus {

  border-color: #1f1f1f;

}

.form-control.input-sm {

  height: 40px;

  line-height: 40px;

}

.form-control::-webkit-input-placeholder {

  font-size: .9em;

  opacity: .8;

  font-family: 'Poppins', sans-serif;

  font-weight: 400;

}

.form-control::-moz-placeholder {

  font-size: .9em;

  opacity: .8;

  font-family: 'Poppins', sans-serif;

  font-weight: 400;

}

.form-control:-ms-input-placeholder {

  font-size: .9em;

  opacity: .8;

  font-family: 'Poppins', sans-serif;

  font-weight: 400;

}

.form-control::placeholder {

  font-size: .9em;

  opacity: .8;

  font-family: 'Poppins', sans-serif;

  font-weight: 400;

}

textarea.form-control {

  resize: none;

  min-height: 110px;

  line-height: inherit;

  padding-top: 15px;

  padding-bottom: 15px;

}

.form-select {

  border: 2px solid #eee;

  background-color: #fff;

  position: relative;

}

.form-select:after {

  content: "\e131";

  font-family: 'hody-icons';

  position: absolute;

  top: 50%;

  right: 15px;

  margin-top: -10px;

  height: 20px;

  line-height: 20px;

  font-size: 20px;

}

.form-select select {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  border: 0;

}

/*

  14

  Timeline

*/

section.grey-bg .timeline .timeline-content:before {

  border-color: #f7f7f7;

}

section.dark-bg .timeline:before {

  background-color: #393939;

}

section.dark-bg .timeline .timeline-content:before {

  border-color: #1f1f1f;

  background-color: #393939;

  box-shadow: 0 0 0 1px #393939;

}

.timeline {

  list-style: none;

  padding: 0;

  margin: 0;

  position: relative;

  padding-top: 100px;

  padding-bottom: 100px;

}

.timeline:before {

  content: "";

  position: absolute;

  width: 1px;

  left: 10%;

  top: 0;

  bottom: 0;

  background-color: #e6e6e6;

}

.timeline.boxed-timeline:before {

  top: 0;

  bottom: 0;

}

.timeline > li {

  margin-bottom: 35px;

  margin-left: 10%;

}

.timeline > li:last-child {

  margin-bottom: 0;

}

.timeline > li:hover .timeline-content:before {

  background-color: #005AAA;

  box-shadow: 0 0 0 1px #005AAA;

}

.timeline > li:hover .timeline-content .timeline-date {

  margin-left: -16px;

}

.timeline > li .timeline-content {

  padding: 0 50px;

  position: relative;

}

.timeline > li .timeline-content:before {

  content: "";

  position: absolute;

  left: 0;

  top: 8px;

  width: 14px;

  height: 14px;

  background-color: #e6e6e6;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  z-index: 100;

  margin-left: -7px;

  border-radius: 50%;

}

.timeline > li .timeline-content h4 {

  margin-top: 0;

  margin-bottom: 10px;

  font-size: 14px;

}

.timeline > li .timeline-content h5 {

  display: block;

  margin-top: 0;

  margin-bottom: 5px;

  font-size: 11px;

  text-transform: uppercase;

  color: #787878;

  letter-spacing: 0.05em;

  font-weight: 500;

}

.timeline > li .timeline-content p {

  margin-top: 10px;

  margin-bottom: 0;

}

.timeline > li .timeline-content .timeline-date {

  position: relative;

  display: inline-block;

  padding: 0 12px;

  font-size: 11px;

  font-weight: 500;

  font-family: 'Poppins', sans-serif;

  letter-spacing: 0.05em;

  margin-bottom: 15px;

  text-transform: uppercase;

  color: #fff;

  background-color: #005AAA;

  height: 22px;

  line-height: 22px;

  margin-left: -12px;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

.timeline > li .timeline-content .timeline-date:before {

  content: "";

  position: absolute;

  display: block;

  bottom: 0;

  border: 11px solid #005AAA;

  z-index: -1;

  left: -12px;

  border-right-width: 11px;

  border-left-color: transparent !important;

}

/*

  15

  Pricing Tables

*/

section.dark-bg .pricing-table {

  background-color: #1f1f1f;

  border-color: #050505;

}

section.dark-bg .pricing-table.featured {

  border-color: #005AAA;

}

section.dark-bg .pricing-table .price h2 span {

  color: #fff;

}

section.dark-bg .pricing-table .features > li {

  color: #fff;

}

section.dark-bg .pricing-table .features > li:nth-child(even) {

  background-color: #1a1a1a;

}

section.grey-bg .pricing-table {

  border: 0;

}

.pricing-table {

  border: 1px solid #f3f3f3;

  max-width: 400px;

  padding: 45px 35px;

  margin: 50px auto 25px;

  position: relative;

  width: 100%;

  background-color: #fff;

  box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

.pricing-table:hover {

  box-shadow: 0 0 65px rgba(0, 0, 0, 0.1);

}

.pricing-table.align-left {

  padding: 0 30px;

  text-align: left;

}

.pricing-table.align-left .features > li,

.pricing-table.align-left .pricing-footer {

  padding-left: 0;

  padding-right: 0;

}

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

  .pricing-table.featured {

    -webkit-transform: scale(1.08);

    transform: scale(1.08);

  }

}

.pricing-table.featured {

  background-color: #fff;

  z-index: 20;

}

.pricing-table.featured .price h2 {

  color: #005AAA;

}

.pricing-table .featured-label {

  position: absolute;

  top: 40px;

  right: 35px;

  font-family: 'Poppins', sans-serif;

  font-size: 9px;

  font-weight: 500;

  letter-spacing: 0.05em;

  text-transform: uppercase;

  background-color: #005AAA;

  color: #fff;

  padding: 5px 10px;

  border-radius: 15px;

}

.pricing-table .pricing-head i {

  font-size: 45px;

  margin-bottom: 25px;

  display: block;

  color: #1f1f1f;

}

.pricing-table .pricing-head h4 {

  font-size: 13px;

  margin: 0;

  font-weight: 400;

}

.pricing-table .price {

  padding: 15px 0;

  border-bottom: 1px solid #eee;

}

.pricing-table .price h2 {

  font-size: 55px;

  font-weight: 500;

  letter-spacing: -3px;

  margin: 0;

}

.pricing-table .price h2 span {

  font-size: 18px;

  font-weight: 400;

  vertical-align: top;

}

.pricing-table .features {

  margin-top: 15px;

}

.pricing-table .features > li {

  padding: 8px 0;

}

.pricing-table .features > li span {

  font-weight: 400;

}

.pricing-table .pricing-footer {

  padding: 20px 0;

}

/*

  16

  Photo Gallery

*/

.photo-gallery {

  width: 100%;

}

.gallery-item .gallery-overlay {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-color: rgba(0, 0, 0, 0.6);

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  opacity: 0;

  cursor: -moz-zoom-in;

  cursor: zoom-in;

}

.gallery-item:hover .gallery-overlay {

  opacity: 1;

}

#gallery-modal {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.85);

  z-index: 2000000;

  text-align: center;

  display: none;

  cursor: -moz-zoom-out;

  cursor: zoom-out;

}

#gallery-modal .video-gallery {

  max-width: 800px;

  margin: auto;

  position: relative;

}

.lightbox-gallery {

  position: relative;

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

  transform: translateY(-200px);

  -webkit-transition: all .7s ease;

  transition: all .7s ease;

}

.lightbox-gallery .single-gallery {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-align: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  height: 100vh;

}

.lightbox-gallery .single-gallery img,

.lightbox-gallery .single-gallery iframe {

  max-height: 85vh;

  max-width: 100%;

  margin: 0 auto;

  cursor: default;

}

#gallery-close {

  position: absolute;

  height: 40px;

  line-height: 40px;

  top: 20px;

  right: 30px;

  margin: auto;

  font-size: 35px;

  color: #fff;

  text-align: center;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

  z-index: 1000;

  cursor: pointer;

}

#gallery-close:hover {

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}

#gallery-close:hover,

#gallery-close:focus {

  color: #fff;

}

#gallery-close i {

  vertical-align: middle;

  line-height: inherit;

}

.gallery-control {

  position: absolute;

  width: 50px;

  height: 50px;

  line-height: 50px;

  top: 50%;

  margin-top: -25px;

  color: #fff;

  font-size: 35px;

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

.gallery-control:hover,

.gallery-control:focus {

  color: #fff;

}

.gallery-control > a {

  color: #fff;

}

.gallery-control i {

  vertical-align: middle;

  line-height: inherit;

}

.gallery-control.gallery-prev {

  left: 30px;

  text-align: left;

}

.gallery-control.gallery-prev:hover {

  left: 25px;

}

.gallery-control.gallery-next {

  right: 30px;

  text-align: right;

}

.gallery-control.gallery-next:hover {

  right: 25px;

}

.lightbox-loader {

  background-image: url('../images/preloader.svg');

  background-repeat: no-repeat;

  background-position: center center;

  position: absolute;

  width: 50px;

  height: 50px;

  top: 50%;

  left: 0;

  right: 0;

  margin: -25px auto 0;

}

/*

  17

  Animations

*/

.animated {

  -webkit-animation-duration: .6s;

  animation-duration: .6s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  opacity: 0;

}

.animated.infinite {

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}

@-webkit-keyframes fadeIn {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}

@keyframes fadeIn {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}

.fadeIn {

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn;

}

@-webkit-keyframes fadeInDown {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -100px, 0);

    transform: translate3d(0, -100px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

@keyframes fadeInDown {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -100px, 0);

    transform: translate3d(0, -100px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

.fadeInDown {

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

}

@-webkit-keyframes fadeInLeft {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-100px, 0, 0);

    transform: translate3d(-100px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

@keyframes fadeInLeft {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-100px, 0, 0);

    transform: translate3d(-100px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

.fadeInLeft {

  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft;

}

@-webkit-keyframes fadeInRight {

  from {

    opacity: 0;

    -webkit-transform: translate3d(100px, 0, 0);

    transform: translate3d(100px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

@keyframes fadeInRight {

  from {

    opacity: 0;

    -webkit-transform: translate3d(100px, 0, 0);

    transform: translate3d(100px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

.fadeInRight {

  -webkit-animation-name: fadeInRight;

  animation-name: fadeInRight;

}

@-webkit-keyframes fadeInUp {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 100px, 0);

    transform: translate3d(0, 100px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

@keyframes fadeInUp {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 100px, 0);

    transform: translate3d(0, 100px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

.fadeInUp {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

}

@-webkit-keyframes zoomIn {

  from {

    opacity: 0;

    -webkit-transform: scale(0.8);

    transform: scale(0.8);

  }

  to {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

@keyframes zoomIn {

  from {

    opacity: 0;

    -webkit-transform: scale(0.8);

    transform: scale(0.8);

  }

  to {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

.zoomIn {

  -webkit-animation-name: zoomIn;

  animation-name: zoomIn;

}

@-webkit-keyframes zoomOut {

  from {

    opacity: 0;

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

  }

  to {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

@keyframes zoomOut {

  from {

    opacity: 0;

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

  }

  to {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

.zoomOut {

  -webkit-animation-name: zoomOut;

  animation-name: zoomOut;

}

@-webkit-keyframes preloader {

  from {

    stroke-width: 0;

    stroke-dashoffset: 0;

  }

  to {

    stroke-width: 1;

    stroke-dashoffset: 102px;

  }

}

@keyframes preloader {

  from {

    stroke-width: 0;

    stroke-dashoffset: 0;

  }

  to {

    stroke-width: 1;

    stroke-dashoffset: 102px;

  }

}

@-webkit-keyframes shine {

  100% {

    left: 200%;

  }

}

@keyframes shine {

  100% {

    left: 200%;

  }

}

/*

  18

  Fullpage

*/

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

  #fullpage section {

    padding-top: 0;

    padding-bottom: 0;

  }

}

/*!

 * fullPage 2.9.4

 * https://github.com/alvarotrigo/fullPage.js

 * MIT licensed

 *

 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo

 */

html.fp-enabled {

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  margin: 0;

  overflow: hidden;

  padding: 0;

}

.fp-enabled body {

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  margin: 0;

  overflow: hidden;

  padding: 0;

}

#superContainer {

  -ms-touch-action: none;

  height: 100%;

  position: relative;

  touch-action: none;

}

.fp-section {

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  position: relative;

}

.fp-slide {

  display: block;

  float: left;

  height: 100%;

}

.fp-slidesContainer {

  display: block;

  float: left;

  height: 100%;

  position: relative;

}

.fp-slides {

  -webkit-transition: all 0.3s ease-out;

  height: 100%;

  overflow: hidden;

  position: relative;

  transition: all 0.3s ease-out;

  z-index: 1;

}

.fp-section.fp-table {

  display: table;

  table-layout: fixed;

  width: 100%;

}

.fp-slide.fp-table {

  display: table;

  table-layout: fixed;

  width: 100%;

}

.fp-tableCell {

  display: table-cell;

  height: 100%;

  vertical-align: middle;

  width: 100%;

}

.fp-controlArrow {

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-transform: translate3d(0, 0, 0);

  -ms-user-select: none;

  -webkit-transform: translate3d(0, 0, 0);

  -webkit-user-select: none;

  border-style: solid;

  cursor: pointer;

  height: 0;

  margin-top: -38px;

  position: absolute;

  top: 50%;

  transform: translate3d(0, 0, 0);

  width: 0;

  z-index: 4;

}

.fp-controlArrow.fp-prev {

  border-color: transparent #ffffff transparent transparent;

  border-width: 38.5px 34px 38.5px 0;

  left: 15px;

  width: 0;

}

.fp-controlArrow.fp-next {

  border-color: transparent transparent transparent #ffffff;

  border-width: 38.5px 0 38.5px 34px;

  right: 15px;

}

.fp-scrollable {

  overflow: hidden;

  position: relative;

}

.fp-scroller {

  overflow: hidden;

}

.iScrollIndicator {

  border: 0 !important;

}

.fp-notransition {

  -webkit-transition: none !important;

  transition: none !important;

}

#fp-nav {

  -webkit-transform: translate3d(0, 0, 0);

  margin-top: -32px;

  opacity: 1;

  position: fixed;

  top: 50%;

  z-index: 100;

}

#fp-nav ul {

  margin: 0;

  padding: 0;

}

#fp-nav ul li {

  display: block;

  height: 13px;

  margin: 7px;

  position: relative;

  width: 14px;

}

#fp-nav ul li a {

  cursor: pointer;

  display: block;

  height: 100%;

  position: relative;

  text-decoration: none;

  width: 100%;

  z-index: 1;

}

#fp-nav ul li a span {

  -moz-transition: all 0.1s ease-in-out;

  -o-transition: all 0.1s ease-in-out;

  -webkit-transition: all 0.1s ease-in-out;

  background: #1f1f1f;

  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);

  border-radius: 50%;

  border: 0;

  height: 4px;

  left: 50%;

  margin: -2px 0 0 -2px;

  position: absolute;

  top: 50%;

  transition: all 0.1s ease-in-out;

  width: 4px;

  z-index: 1;

}

#fp-nav ul li a.active span {

  border-radius: 100%;

  height: 12px;

  margin: -6px 0 0 -6px;

  width: 12px;

}

#fp-nav ul li:hover a.active span {

  border-radius: 100%;

  height: 12px;

  margin: -6px 0 0 -6px;

  width: 12px;

}

#fp-nav ul li:hover a span {

  height: 10px;

  margin: -5px 0px 0px -5px;

  width: 10px;

}

#fp-nav ul li:hover .fp-tooltip {

  -webkit-transition: opacity 0.2s ease-in;

  opacity: 1;

  transition: opacity 0.2s ease-in;

  width: auto;

}

#fp-nav ul li .fp-tooltip {

  color: #ffffff;

  cursor: pointer;

  display: block;

  font-family: arial, helvetica, sans-serif;

  font-size: 14px;

  max-width: 220px;

  opacity: 0;

  overflow: hidden;

  position: absolute;

  top: -2px;

  white-space: nowrap;

  width: 0;

}

#fp-nav ul li .fp-tooltip.right {

  right: 20px;

}

#fp-nav ul li .fp-tooltip.left {

  left: 20px;

}

#fp-nav.right {

  right: 17px;

}

#fp-nav.left {

  left: 17px;

}

.fp-slidesNav {

  -ms-transform: translate3d(0, 0, 0);

  -webkit-transform: translate3d(0, 0, 0);

  left: 50%;

  opacity: 1;

  position: absolute;

  transform: translate3d(0, 0, 0);

  z-index: 4;

}

.fp-slidesNav ul {

  margin: 0;

  padding: 0;

}

.fp-slidesNav ul li {

  display: block;

  display: inline-block;

  height: 13px;

  margin: 7px;

  position: relative;

  width: 14px;

}

.fp-slidesNav ul li a {

  cursor: pointer;

  display: block;

  height: 100%;

  position: relative;

  text-decoration: none;

  width: 100%;

  z-index: 1;

}

.fp-slidesNav ul li a span {

  -moz-transition: all 0.1s ease-in-out;

  -o-transition: all 0.1s ease-in-out;

  -webkit-transition: all 0.1s ease-in-out;

  background: #1f1f1f;

  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);

  border-radius: 50%;

  border: 0;

  height: 4px;

  left: 50%;

  margin: -2px 0 0 -2px;

  position: absolute;

  top: 50%;

  transition: all 0.1s ease-in-out;

  width: 4px;

  z-index: 1;

}

.fp-slidesNav ul li a.active span {

  border-radius: 100%;

  height: 12px;

  margin: -6px 0 0 -6px;

  width: 12px;

}

.fp-slidesNav ul li:hover a.active span {

  border-radius: 100%;

  height: 12px;

  margin: -6px 0 0 -6px;

  width: 12px;

}

.fp-slidesNav ul li:hover a span {

  height: 10px;

  margin: -5px 0px 0px -5px;

  width: 10px;

}

.fp-slidesNav.bottom {

  bottom: 17px;

}

.fp-slidesNav.top {

  top: 17px;

}

#fp-nav.fp-show-active a.active + .fp-tooltip {

  -webkit-transition: opacity 0.2s ease-in;

  opacity: 1;

  transition: opacity 0.2s ease-in;

  width: auto;

}

.fp-auto-height.fp-section {

  height: auto !important;

}

.fp-auto-height .fp-slide {

  height: auto !important;

}

.fp-auto-height .fp-tableCell {

  height: auto !important;

}

.fp-responsive .fp-auto-height-responsive.fp-section {

  height: auto !important;

}

.fp-responsive .fp-auto-height-responsive .fp-slide {

  height: auto !important;

}

.fp-responsive .fp-auto-height-responsive .fp-tableCell {

  height: auto !important;

}

/*

  19

  Zoom

*/

img[data-action="zoom"] {

  cursor: pointer;

  cursor: -moz-zoom-in;

  cursor: zoom-in;

}

.zoom-img,

.zoom-img-wrap {

  position: relative;

  z-index: 666;

  -webkit-transition: all .3s;

  transition: all .3s;

}

img.zoom-img {

  cursor: pointer;

  cursor: -moz-zoom-out;

  cursor: zoom-out;

}

.zoom-overlay {

  z-index: 420;

  background: #fff;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  opacity: 0;

  -webkit-transition: opacity 300ms;

  transition: opacity 300ms;

}

.zoom-overlay:before {

  content: "\e048";

  font-family: 'hody-icons';

  position: absolute;

  right: 50px;

  top: 30px;

  font-size: 40px;

  cursor: pointer;

}

.zoom-overlay:before:hover {

  color: #1f1f1f;

}

.zoom-overlay-open .zoom-overlay {

  opacity: .98;

}

.zoom-overlay-open,

.zoom-overlay-transitioning {

  cursor: default;

}

/*

  20

  Helpers

*/

/*

  Helpers

*/

.earth-map-bg {

  background-image: url('../images/dotted-map.png');

  background-size: contain;

}

.geometric-bg {

  background-image: url('../images/geometric-pattern.png');

  background-repeat: repeat;

}

.gradient {

  background: -webkit-linear-gradient(left, #cf93ff 0%, #005AAA 100%);

  background: linear-gradient(90deg, #cf93ff 0%, #005AAA 100%);

}

.gradient-text:not([data-gradients]) {

  background: -webkit-linear-gradient(left, #cf93ff 0%, #005AAA 100%);

  background: linear-gradient(90deg, #cf93ff 0%, #005AAA 100%);

}

.gradient-text {

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.upper {

  text-transform: uppercase;

}

.fw-300 {

  font-weight: 300;

}

.fw-400 {

  font-weight: 400;

}

.fw-500 {

  font-weight: 500;

}

.fw-600 {

  font-weight: 600;

}

.full-height {

  height: auto;

  min-height: 100vh;

}

.height-100 {

  height: 100vh;

}

.colored-bg {

  background-color: #005AAA;

  color: #fff;

}

.d-b {

  display: block;

}

.font-variant-small-caps {

  font-variant: small-caps;

  text-transform: none!important;

}

.centrize {

  display: table;

  table-layout: fixed;

  height: 100%;

  width: 100%;

  position: relative;

}

.v-center {

  display: table-cell;

  vertical-align: middle;

}

.v-top {

  display: table-cell;

  vertical-align: top;

}

.v-bottom {

  display: table-cell;

  vertical-align: bottom;

}

.ov-v {

  overflow: visible;

}

.ov-h {

  overflow: hidden;

}

.b-0 {

  border: 0;

}

.bt-0 {

  border-top: 0;

}

.br-0 {

  border-right: 0;

}

.bb-0 {

  border-bottom: 0;

}

.bl-0 {

  border-left: 0;

}

.border-top {

  border-top: 1px solid #eee;

}

.border-right {

  border-right: 1px solid #eee;

}

.border-bottom {

  border-bottom: 1px solid #eee;

}

.border-left {

  border-left: 1px solid #eee;

}

.m-0 {

  margin: 0;

}

.mt-0 {

  margin-top: 0;

}

.mt-10 {

  margin-top: 10px;

}

.mt-15 {

  margin-top: 15px;

}

.mt-25 {

  margin-top: 25px;

}

.mt-35 {

  margin-top: 35px;

}

.mt-50 {

  margin-top: 50px;

}

.mt-100 {

  margin-top: 100px;

}

.mr-0 {

  margin-right: 0;

}

.mr-10 {

  margin-right: 10px;

}

.mr-15 {

  margin-right: 15px;

}

.mr-25 {

  margin-right: 25px;

}

.mr-35 {

  margin-right: 35px;

}

.mr-50 {

  margin-right: 50px;

}

.mr-100 {

  margin-right: 100px;

}

.mb-0 {

  margin-bottom: 0;

}

.mb-10 {

  margin-bottom: 10px;

}

.mb-15 {

  margin-bottom: 15px;

}

.mb-25 {

  margin-bottom: 25px;

}

.mb-35 {

  margin-bottom: 35px;

}

.mb-50 {

  margin-bottom: 50px;

}

.mb-100 {

  margin-bottom: 100px;

}

.ml-0 {

  margin-left: 0;

}

.ml-10 {

  margin-left: 10px;

}

.ml-15 {

  margin-left: 15px;

}

.ml-25 {

  margin-left: 25px;

}

.ml-35 {

  margin-left: 35px;

}

.ml-50 {

  margin-left: 50px;

}

.ml-100 {

  margin-left: 100px;

}

.p-0 {

  padding: 0;

}

.pt-0 {

  padding-top: 0;

}

.pt-10 {

  padding-top: 10px;

}

.pt-15 {

  padding-top: 15px;

}

.pt-25 {

  padding-top: 25px;

}

.pt-35 {

  padding-top: 35px;

}

.pt-50 {

  padding-top: 50px;

}

.pt-100 {

  padding-top: 100px;

}

.pr-0 {

  padding-right: 0;

}

.pr-10 {

  padding-right: 10px;

}

.pr-15 {

  padding-right: 15px;

}

.pr-25 {

  padding-right: 25px;

}

.pr-35 {

  padding-right: 35px;

}

.pr-50 {

  padding-right: 50px;

}

.pr-100 {

  padding-right: 100px;

}

.pb-0 {

  padding-bottom: 0;

}

.pb-10 {

  padding-bottom: 10px;

}

.pb-15 {

  padding-bottom: 15px;

}

.pb-25 {

  padding-bottom: 25px;

}

.pb-35 {

  padding-bottom: 35px;

}

.pb-50 {

  padding-bottom: 50px;

}

.pb-100 {

  padding-bottom: 100px;

}

.pl-0 {

  padding-left: 0;

}

.pl-10 {

  padding-left: 10px;

}

.pl-15 {

  padding-left: 15px;

}

.pl-25 {

  padding-left: 25px;

}

.pl-35 {

  padding-left: 35px;

}

.pl-50 {

  padding-left: 50px;

}

.pl-100 {

  padding-left: 100px;

}

.font-16 {

  font-size: 16px;

}

.font-18 {

  font-size: 18px;

}

.font-20 {

  font-size: 20px!important;

}

.font-26 {

  font-size: 26px!important;

}

.font-32 {

  font-size: 32px!important;

}

.black-text {

  color: #1f1f1f !important;

}

.white-text {

  color: #fff!important;

}

.colored-text {

  color: #005AAA !important;

}

.gold-text {

  color: #c29848 !important;

}

.default-font {

  font-family: 'Source Sans Pro', sans-serif !important;

}

.heading-font {

  font-family: 'Poppins', sans-serif !important;

  letter-spacing: 0.02em;

}

.serif-font {

  font-family: 'Lora', serif !important;

  font-weight: 400!important;

}

.cursive-font {

  font-family: 'Kaushan Script', cursive;

  font-weight: 400!important;

}

.alt-serif-font {

  font-family: 'Playfair Display', serif !important;

}

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

  .txt-md-left {

    text-align: left;

  }

  .txt-md-center {

    text-align: center;

  }

  .txt-md-right {

    text-align: right;

  }

}

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

  .txt-sm-left {

    text-align: left;

  }

  .txt-sm-center {

    text-align: center;

  }

  .txt-sm-right {

    text-align: right;

  }

}

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

  .txt-xs-left {

    text-align: left;

  }

  .txt-xs-center {

    text-align: center;

  }

  .txt-xs-right {

    text-align: right;

  }

}

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

  .flex-order-md-2 {

    -webkit-box-ordinal-group: 3;

    -moz-box-ordinal-group: 3;

    -ms-flex-order: 2;

    order: 2;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .flex-order-sm-2 {

    -webkit-box-ordinal-group: 3;

    -moz-box-ordinal-group: 3;

    -ms-flex-order: 2;

    order: 2;

  }

}

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

  .flex-order-xs-2 {

    -webkit-box-ordinal-group: 3;

    -moz-box-ordinal-group: 3;

    -ms-flex-order: 2;

    order: 2;

  }

}

.box-shadow-big {

  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);

}

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

  .pull-md-left {

    float: left;

  }

  .pull-md-right {

    float: right;

  }

}

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

  .pull-sm-left {

    float: left;

  }

  .pull-sm-right {

    float: right;

  }

}

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

  .pull-xs-left {

    float: left;

  }

  .pull-xs-right {

    float: right;

  }

}

.preview-icon {

  padding: 15px 10px;

  border: 1px solid #e7e7e7;

  margin-left: -15px;

  margin-right: -16px;

  margin-bottom: -1px;

}

.preview-icon i {

  font-size: 25px;

  color: #484e54;

  width: 50px;

  display: inline-block;

  text-align: center;

  vertical-align: middle;

}

.preview-icon code {

  font-size: 12px;

  background-color: transparent;

  color: #191b1d;

}

.preview-icon:hover {

  background-color: #f7f7f7;

}

.preview-icon:hover code,

.preview-icon:hover i {

  color: #005AAA;

}
.footer-copy .arrow-link{
  text-transform: initial;
}


.bottom_button {
  display: none;
  position: fixed;
  bottom: 0;
  z-index: 9999;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {
  .ter {
    text-align: center !important;
  }
  .bottom_button {
      width: 100%;
      height: 50px;
      float: left;
      background: #005AAA;
      line-height: 50px;
      border-top: 1px solid #fff;
      display: block;
      position: fixed;
      bottom: 0;
      z-index: 999;
      font-weight: 700;
      text-transform: uppercase;
  }
  .bottom_button .specification {
  width: 49%;
  float: left;
  text-align: center;
  border-right: 1px solid #fff;
  font-size: 16px;
}
.bottom_button .specification a {
  color: #fff !important;
  text-decoration: none;
}
.bottom_button .enquireButton {
  width: 50%;
  float: left;
  text-align: center;
  font-size: 16px;
}
.bottom_button .enquireButton a {
  color: #fff !important;
  text-decoration: none;
}
}
  .map-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.map-container iframe {
    width: 100%;
    height: 100%;
    border: 0;
}
.input-group-addon {
    padding: 0px 7px;
    font-size: 26px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background:none; 
     border: 0px solid #ccc;
    border-radius: 4px;
}
.modal-title{
  width: 90%;
  text-align: center;
}
.modal-header .close {
    margin-top: -25px;
}
.btn-info {
    color: #fff;
    background-color: #005AAA;
    border-color: #005AAA;
}
.btn-info:active:hover{
  background-color: #005AAA;
    border-color: #005AAA;
}
label.error{
    color:red;
}
.g-recaptcha {
      display: inline-block;
  }
  #banner-form .form-group {
    margin-bottom: 8px;
}