@import url("https://fonts.googleapis.com/css?family=Anaheim|Quattrocento+Sans:400,700");

@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:300,400,600");



@font-face {

  font-family: 'paragraph';

  /* src: url(../fonts/mayeka/Mayeka_Regular_Demo.otf); */

  /* src: url(../fonts/anonymous/AnonymousPro-Regular.ttf); */

  src: url(../fonts/century-gothic.ttf);

}



@font-face {

  font-family: 'title';

  src: url(../fonts/musketeer/musketeer-extra-bold-regular.ttf);

}

html {

  background-color: #353b43;

  color: #737f8a;

  /* scroll-behavior: smooth; */

}



body {

  background-color: black;

  font-family: "paragraph", sans-serif;

  /* color: #737f8a; */

  color: #ffffff;

  scroll-behavior: smooth;

  -webkit-font-smoothing: antialiased;

}



h1,
h2,
h3,
h4,
h5,
h6 {

  font-weight: 400;

  font-family: "title", sans-serif;

  color: #ffffff;

  /* color: #afbac4; */

}

p {

  font-family: "paragraph", sans-serif;

}



/*=================================================================

  Basic Setup

==================================================================*/

::-moz-selection {

  /* Code for Firefox */

  color: #fff;

  background: #0173b1 !important;

}



::selection {

  color: #fff;

  background: #0173b1 !important;

}

.navbar-nav .nav-link:not(:hover) {

  color: #fff !important;

}

.navbar-nav .active>.nav-link,

.navbar-nav .nav-link.active,

.navbar-nav .nav-link.show,

.navbar-nav .show>.nav-link {

  color: #0173b1 !important;

}



ol,
ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



figure {

  margin: 0;

}



a {

  color: #0173b1 !important;

  transition: all .3s ease-in 0s;

  /* font-family: title; */

}



iframe {

  border: 0;

}



a,
a:focus,
a:hover {

  text-decoration: none;

  outline: 0;

}



a:focus,
a:hover {

  color: #6CB670;

  text-shadow: 0px 1px 1px #000;

}



.kill-margin-bottom {

  margin-bottom: 0 !important;

}



.padding-0 {

  padding: 0 !important;

}



.btn {

  background-color: transparent;

  color: #fff;

  padding: 10px 30px;

  border-radius: 0;

  transition: all .3s ease-in 0s;

}



.btn:focus {

  color: #ddd;

}



.btn-transparent {

  border: 1px solid #4e595f;

}



.btn-transparent:hover,
.btn-transparent:focus {

  /* background-color: #0173b1!important; */

  background-color: #009649 !important;

  border: 1px solid transparent;

  color: #fff;

}



.form-control {

  background-color: #2f383d;

  border-radius: 0;

  padding: 5px 10px;

  /* border: 0 none; */

  color: #ddd;

}



.form-control:focus {

  box-shadow: 0 0 0;

}



.form-control::-webkit-input-placeholder {

  /*  Chrome, Safari, Opera  */

  color: #ddd;

}



.form-control:-moz-placeholder {

  /* Firefox 18- */

  color: #ddd;

}



.form-control::-moz-placeholder {

  /* Firefox 19+ */

  color: #ddd;

}



.form-control:-ms-input-placeholder {

  /*  Internet Explorer  */

  color: #ddd;

}



#loading-mask {

  background: #333439;

  height: 100%;

  left: 0;

  opacity: 1;

  filter: alpha(opacity=100);

  position: fixed;

  text-align: center;

  top: 0;

  width: 100%;

  z-index: 999999999;

}



.loading-img {

  height: 100%;

  left: 0;

  position: fixed;

  top: 50%;

  width: 100%;

}



.border {

  border-top: 2px solid rgba(236, 239, 241, 0.07);

  /* border-top: 2px solid rgba(150, 40, 27, 1); */

  height: 1px;

  margin: 15px auto 0;

  position: relative;

  width: 30%;

}



.border:before {

  background-color: #fff;

  content: '';

  height: 6px;

  left: 50%;

  margin-left: -20px;

  position: absolute;

  top: -4px;

  width: 50px;

  background-color: #68b708 !important;

}



.color {

  color: #6CB670;

}



.sub-title {

  padding: 0 0 50px;

}



.sub-title>h3 {

  border-left: 3px solid #ddd;

  border-right: 3px solid #ddd;

  display: inline-block;

  padding: 5px 25px;

  text-transform: uppercase;

}



.btn.active:focus,
.btn:active:focus,
.btn:focus {

  outline: 0;

}



.bg-one {

  background-color: #353b43;

}



.bg-dark {

  background: #242930;

}



.parallax-section {

  background-attachment: fixed !important;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}



.no-padding {

  padding: 0 !important;

}



.inline-block {

  display: inline-block;

}



ol,
ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



figure {

  margin: 0;

}



a {

  transition: all .2s ease-in 0s;

}



iframe {

  border: 0;

}



a,
a:focus,
a:hover {

  text-decoration: none;

  outline: 0;

}



a:focus,
a:hover {

  color: #0173b1 !important;

}



.btn-main {

  background: #0173b1 !important;

  color: #fff;

  display: inline-block;

  font-size: 14px;

  letter-spacing: 1px;

  padding: 10px 35px;

  text-transform: uppercase;

}



.btn-main:hover {

  background: #2c9091;

  color: #fff;

}



.mt-20 {

  margin-top: 20px;

}



.section {

  padding: 90px 0 0 0;

}



@media (max-width: 480px) {

  /* .section {

    padding: 65px 0 0;

  } */

}

.navbar-expand-lg .navbar-collapse {

  transition: height .5s cubic-bezier(0.68, -0.55, 0.27, 1.55);

}



@media (max-width: 768px) {

  .navigation .logo {

    display: block !important;

  }

  .navbar-expand-lg .navbar-collapse.show {

    height: 100vh;

  }



  .navbar-expand-lg .navbar-collapse ul.navbar-nav {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

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

    border-radius: 5px;

    border: 1px solid #ffffff54;

    box-shadow: 2px -2px 3px #000000bd;

    width: 65%;

    padding: 9vh;

  }



  /* .section {

        padding: 50px 0;

    } */

  .title h2 {

    font-size: 20px;

  }

}



.section-sm {

  padding: 70px 0;

}



.section-xs {

  padding: 50px 0;

}



.btn:focus {

  color: #ddd;

}



#home {

  position: relative;

}



.btn.active:focus,
.btn:active:focus,
.btn:focus {

  outline: 0;

}



.parallax-section {

  background-attachment: fixed;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}



#preloader {

  background: #fff;

  height: 100%;

  left: 0;

  opacity: 1;

  filter: alpha(opacity=100);

  position: fixed;

  text-align: center;

  top: 0;

  width: 100%;

  z-index: 999999999;

}



.preloader {

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  text-align: center;

  position: absolute;

}



.sk-cube-grid {

  width: 40px;

  height: 40px;

  margin: 100px auto;

}



.sk-cube-grid .sk-cube {

  width: 33%;

  height: 33%;

  background-color: #0173b1 !important;

  float: left;

  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;

  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;

}



.sk-cube-grid .sk-cube1 {

  -webkit-animation-delay: 0.2s;

  animation-delay: 0.2s;

}



.sk-cube-grid .sk-cube2 {

  -webkit-animation-delay: 0.3s;

  animation-delay: 0.3s;

}



.sk-cube-grid .sk-cube3 {

  -webkit-animation-delay: 0.4s;

  animation-delay: 0.4s;

}



.sk-cube-grid .sk-cube4 {

  -webkit-animation-delay: 0.1s;

  animation-delay: 0.1s;

}



.sk-cube-grid .sk-cube5 {

  -webkit-animation-delay: 0.2s;

  animation-delay: 0.2s;

}



.sk-cube-grid .sk-cube6 {

  -webkit-animation-delay: 0.3s;

  animation-delay: 0.3s;

}



.sk-cube-grid .sk-cube7 {

  -webkit-animation-delay: 0s;

  animation-delay: 0s;

}



.sk-cube-grid .sk-cube8 {

  -webkit-animation-delay: 0.1s;

  animation-delay: 0.1s;

}



.sk-cube-grid .sk-cube9 {

  -webkit-animation-delay: 0.2s;

  animation-delay: 0.2s;

}



@-webkit-keyframes sk-cubeGridScaleDelay {

  0%,
  70%,
  100% {

    -webkit-transform: scale3D(1, 1, 1);

    transform: scale3D(1, 1, 1);

  }

  35% {

    -webkit-transform: scale3D(0, 0, 1);

    transform: scale3D(0, 0, 1);

  }

}



@keyframes sk-cubeGridScaleDelay {

  0%,
  70%,
  100% {

    -webkit-transform: scale3D(1, 1, 1);

    transform: scale3D(1, 1, 1);

  }

  35% {

    -webkit-transform: scale3D(0, 0, 1);

    transform: scale3D(0, 0, 1);

  }

}



.title {

  padding-bottom: 30px;

}



.title h2 {

  text-transform: capitalize;

  font-weight: 700;

  /* font-size: 38px; */

  /* color: #fff; */

  color: black;

}



.title h2 span {

  color: #0173b1 !important;

  /* color: #009649; */

}



.title p {

  /* color: #666; */

  color: black;

}



.title.title-white h2 {

  color: #fff;

}



.bg-gray {

  background: #f9f9f9;

}



.section-bg {

  /* background: #292F36; */

  background: white;

}



.overly {

  position: relative;

}



.overly:before {

  content: '';

  background: rgba(0, 0, 0, 0.096);

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

}



.header-bradcrumb {

  background: transparent;

}



.header-bradcrumb a,
.header-bradcrumb .active {

  color: #cfcfcf;

  font-weight: 200;

  font-family: "Quattrocento Sans", sans-serif;

}



.header-bradcrumb a:hover {

  color: #0173b1 !important;

}



.slick-slide {

  outline: none;

}



#Where-To-Buy {

  background-color: white;

  border-top: 1px solid #eee;

  color: black;

  padding: 100px 0 90px;

}

#Where-To-Buy h2 {

  color: black;

}

.where-to-buy {

  /* width: 80%; */

  margin: auto;

}



.where-to-buy .slick-slide {

  margin: 0px 20px;

}



.where-to-buy .slick-slide img {

  width: 100%;

  border-radius: 20%;

  box-shadow: 5px 5px 5px grey;



}



.where-to-buy .slick-prev {

  left: -10px;

}

.where-to-buy .slick-next {

  right: -10px;

}



.where-to-buy .slick-prev:before,

.where-to-buy .slick-next:before {

  color: black;

}





.where-to-buy .slick-slide {

  transition: all ease-in-out .3s;

}



/* CSS mfp-with-zoom class */

.mfp-with-zoom .mfp-container,

.mfp-with-zoom.mfp-bg {

  opacity: 0;

  transition: all 0.3s ease-out;

}



.mfp-with-zoom.mfp-ready .mfp-container {

  opacity: 1;

}



.mfp-with-zoom.mfp-ready.mfp-bg {

  opacity: 0.8;

}



.mfp-with-zoom.mfp-removing .mfp-container,

.mfp-with-zoom.mfp-removing.mfp-bg {

  opacity: 0;

}



.logo {

  margin-top: 10px;

  display: inline-block;

}



.single-page-header {

  background-image: url("../images/about/about-header.jpg");

  background-size: cover;

  padding: 140px 0 70px;

  text-align: center;

  color: #fff;

  position: relative;

}



.single-page-header:before {

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

  position: absolute;

  content: '';

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

}



/*=================================================================

  Navigation

==================================================================*/

.navigation {

  /* background-color: #1d2024; */

  width: 100%;

  z-index: 99;

  margin-bottom: 0;

  padding: 0px;

  min-height: 65px;

  transition: 3s ease;



}



.navbar-dark .navbar-nav .nav-link {

  font-size: larger;

}



.navigation .logo {

  padding: 0;

  height: auto;

  margin-top: 0;

}



.navigation .logo img {

  height: auto;

  max-width: 7rem;

}

.navigation .navbar {

  /* padding: 0; */

}



.navigation .navigation-menu li.active a {

  color: #0173b1 !important;

}



.navigation .navigation-menu li a {

  font-size: 16px;

  color: #ffffff;

}



.navigation .navigation-menu li a:hover,
.navigation .navigation-menu li a:focus {

  background: transparent;

  color: #0173b1 !important;

  /* text-shadow: 2px 2px 4px #000000; */



}



.navbar-toggle {

  border: 1px solid #fff;

  border-radius: 0;

}



.navbar-toggle span {

  background: #fff;

}

.navbar.solid {

  background-color: #1d2024;

  transition: background-color 1s ease 0s;

  /* box-shadow: 0 0 4px grey; */

}



.bg-1 {

  background-image: url("../images/backgrounds/bg-1.jpg");

  background-repeat: no-repeat;

  background-size: cover;

}



.bg-2 {

  background-image: url("../images/backgrounds/bg-2.jpg");

  background-repeat: no-repeat;

  background-size: cover;

  background-attachment: fixed;

}



.hero-area {

  /* background-image: url("../images/slider/home.png"); */

  background-size: cover;

  height: 100vh;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.hero-area:before {

  content: '';

  background: rgba(0, 0, 0, 0.63);

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

}



.hero-area .block {

  text-align: center;

  z-index: 99;

}



.hero-area .block .video-button {

  background: #fff;

  color: #0173b1 !important;

  display: inline-block;

  height: 60px;

  width: 60px;

  border-radius: 50px;

}



.hero-area .block .video-button i {

  line-height: 60px;

  font-size: 20px;

  margin-left: 3px;

}



.hero-area .block h1 {

  font-size: 90px;

  color: #fff;

  text-transform: capitalize;

  font-weight: 700;

  margin-bottom: 20px;

}



@media (max-width: 480px) {

  .hero-area .block h1 {

    font-size: 60px;

  }

}



.hero-area .block p {

  color: #fff;

  font-size: 20px;

  width: 70%;

  margin: 0 auto;

}



.hero-area .block .btn-transparent {

  margin-top: 40px;

  border-color: #fff;

  padding: 14px 50px;

  font-size: 18px;

  font-size: 16px;

  font-weight: bold;

  letter-spacing: 1px;

}



.hero-area-video {

  height: 100vh;

  position: inherit !important;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.hero-area-video .block {

  color: #fff;

  text-align: center;

}



.hero-area-video .block h1 {

  font-size: 60px;

  font-weight: 700;

  margin-bottom: 20px;

}



.hero-area-video .block p {

  color: #fff;

  text-transform: uppercase;

  font-size: 12px;

  letter-spacing: 3px;

  margin-bottom: 20px;

}



.hero-area-video .block .btn-main {

  margin-top: 20px;

}



.dark-bg {

  background: rgba(0, 0, 0, 0.7);

  height: 100%;

  width: 100%;

  position: absolute;

  z-index: -1;

}



/*=================================================================

  Slider section

==================================================================*/

#navigation-sticky-wrapper {

  position: absolute;

  top: 0px;

  z-index: 1;

  width: 100%;

  background-color: #fff0;

}



.navigation {

  background-image: linear-gradient(#0000, #fff0);

  background-color: #fff0;

}



.slider-carousels .carousel-indicators {

  right: unset;

  margin: unset;

  bottom: 45%;

  display: table-cell;

}

.slider-carousels .carousel-indicators li,
.slider-carousels .carousel-indicators .i {

  width: 1.2vw;

  height: 1.2vw;

  border-radius: 50%;

  margin: 0.5vw;

}



.slider-carousels .header-container {

  /* width: 100%;

    height: 776px;

    border-left: none;

    border-right: none;

    position: relative; */

}

/* .slider-carousels .video-container{

    position: absolute;

    top: 0%;

    left: 0%;

    height: 100%;

    width: 100%;

    overflow: hidden;



} */





.loader-spin,

.jssorl-009-spin img {

  animation-name: jssorl-009-spin;

  animation-duration: 1.6s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

}



@keyframes jssorl-009-spin {

  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }

}



/*jssor slider bullet skin 031 css*/

.jssorb031 {
  position: absolute;
}

.jssorb031 .i {
  position: absolute;
  cursor: pointer;
}

.jssorb031 .i .b {
  fill: #000;
  fill-opacity: 0.5;
  stroke: #fff;
  stroke-width: 1200;
  stroke-miterlimit: 10;
  stroke-opacity: 0.3;
}

.jssorb031 .i:hover .b {
  fill: #fff;
  fill-opacity: .7;
  stroke: #000;
  stroke-opacity: .5;
}

.jssorb031 .iav .b {
  fill: #fff;
  stroke: #000;
  fill-opacity: 1;
}

.jssorb031 .i.idn {
  opacity: .3;
}



/*jssor slider arrow skin 051 css*/

.jssora051 {
  display: block;
  position: absolute;
  cursor: pointer;
}

.jssora051 .a {
  fill: none;
  stroke: #fff;
  stroke-width: 360;
  stroke-miterlimit: 10;
}

.jssora051:hover {
  opacity: .8;
}

.jssora051.jssora051dn {
  opacity: .5;
}

.jssora051.jssora051ds {
  opacity: .3;
  pointer-events: none;
}



.jssor-slider {
  position: relative;
  margin: 0 auto;
  top: 0px;
  left: 0px;
  width: 980px;
  height: 400px;
  overflow: hidden;
  visibility: hidden;
}

.jssor-slider .loading {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7);
}

.jssor-slider .loading img {
  margin-top: -19px;
  position: relative;
  top: 50%;
  width: 38px;
  height: 38px;
}

.jssor-slider .slides {
  cursor: default;
  position: relative;
  top: 0px;
  left: 0px;
  width: 980px;
  height: 400px;
  overflow: hidden;
}

.jssor-slider .preserve-3d {
  position: absolute;
  top: 75px;
  left: 0px;
  width: 778px;
  height: 131px;
}

.jssor-slider .preserve-3d img:first-child {
  position: absolute;
  top: 0px;
  left: -783px;
  width: 778px;
  height: 131px;
  max-width: 778px;
}

.jssor-slider .preserve-3d img:last-child {
  position: absolute;
  top: -80px;
  left: -500px;
  width: 100%;
  height: auto;
  max-width: 660px;
}



.jssor-slider .slides img.logos {
  display: block;
  position: absolute;
  top: 400px;
  left: 400px;
  width: 350px;
  height: auto;
  max-width: 500px;
}



.wowslider .indicators {

  right: unset;

  margin: unset;

  bottom: 45%;

  display: table-cell;

}

/* .wowslider .indicators li,.wowslider .indicators .i{

    width: 30px;

    height: 30px;

    border-radius: 50%;

    margin: 5px;

} */



.wowslider .carousel-item>img {

  max-height: 776px;

  overflow-y: auto;

}

.wowslider .layout {

  z-index: 1;

  position: absolute;

  display: flex;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

}

.wowslider .layout img {

  position: absolute !important;

}



.wowslider .layout .plat {

  width: 40% !important;

  height: auto !important;

  right: -23% !important;

  top: 24% !important;

  left: unset !important;

}



.wowslider .layout .logos {

  top: unset !important;

  width: 64% !important;

  left: 6.5% !important;

  bottom: 33% !important;

  /* -webkit-animation: flip-horizontal-bottom 4s ease-out 4s infinite both; */

  /* animation: flip-horizontal-bottom 4s ease-out 4s infinite both; */

}

.wowslider .layout .better-for-you {

  top: unset !important;

  width: 35.5% !important;

  left: 19% !important;

  bottom: 40% !important;

  /* -webkit-animation: flip-horizontal-bottom 4s ease-out 4s infinite both; */

  /* animation: flip-horizontal-bottom 4s ease-out 4s infinite both; */

}



@-webkit-keyframes flip-horizontal-bottom {

  0% {

    -webkit-transform: rotateX(0);

    transform: rotateX(0);

  }

  100% {

    -webkit-transform: rotateX(-180deg);

    transform: rotateX(-180deg);

  }

}

@keyframes flip-horizontal-bottom {

  0% {

    -webkit-transform: rotateX(0);

    transform: rotateX(0);

  }

  100% {

    -webkit-transform: rotateX(-180deg);

    transform: rotateX(-180deg);

  }

}



.wowslider .layout .main {

  width: 40%;

  position: relative;

}



.wowslider .layout .main img {

  height: 70% !important;

  width: auto !important;

  position: absolute !important;

  top: 15% !important;

  bottom: 15% !important;

  right: 0 !important;

  left: unset !important;

}



.wowslider .layout .position {

  width: 60%;

}



.wowslider .layout .position>* {

  position: absolute !important;

  display: table-cell !important;

  vertical-align: middle !important;

}



.wowslider .layout .position .top-left {
  top: 0% !important;
  left: 0% !important;
}

.wowslider .layout .position .top-center {
  top: 0% !important;
  left: 50% !important;
}

.wowslider .layout .position .top-right {
  top: 0% !important;
  right: 0% !important;
}



.wowslider .layout .position .middle-left {
  top: 50% !important;
  left: 0% !important;
}

.wowslider .layout .position .middle-center {
  top: 50% !important;
  left: 50% !important;
}

.wowslider .layout .position .middle-right {
  top: 50% !important;
  right: 0% !important;
}



.wowslider .layout .position .bottom-left {
  bottom: 0% !important;
  left: 0% !important;
  top: unset !important;
}

.wowslider .layout .position .bottom-center {
  bottom: 0% !important;
  left: 50% !important;
  top: unset !important;
}

.wowslider .layout .position .bottom-right {
  bottom: 0% !important;
  right: 0% !important;
  top: unset !important;
}













.spin {

  width: 100px;

  height: 100px;

  /* background-color: #0CB1C4; */

  animation-name: spin;

  animation-duration: 5000ms;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  /* transform: rotate(3deg); */

  /* transform: rotate(0.3rad);/ */

  /* transform: rotate(3grad); */

  /* transform: rotate(.03turn);  */

}



@keyframes spin {

  from {

    transform: rotate(0deg);

  }

  to {

    transform: rotate(360deg);

  }

}



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

#wowslider-container1 .ws_bullets,
.wowslider .ws_bullets {

  /* bottom: 50%;

    left: 0.5%; */

  left: 2%;

  top: 50%;



}



#wowslider-container1 .ws_bullets div,
.wowslider .ws_bullets div {

  position: relative;

  float: unset;

  display: grid;

  left: 35%;

}



#wowslider-container1 .ws_bullets a,
.wowslider .ws_bullets a {

  width: 17px;

  height: 17px;

  border-radius: 50%;

  background: #ffffff33;

  float: left;

  text-indent: -4000px;

  position: relative;

  margin-left: 5px;

  color: transparent;

  margin: 5px;

}

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



/*=================================================================

  About us section

==================================================================*/

.about .block {

  background: #242930;

  padding: 30px;

  border-bottom: 2px solid transparent;

  transition: .5s all;

  margin-bottom: 20px;

}



.about .block:hover {

  border-bottom: 2px solid #0173b1 !important;

}



.about .block:hover .icon-box {

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

  transform: translateY(-10px);

}



.about .block .icon-box {

  position: relative;

  width: 160px;

  height: 92.38px;

  background-color: transparent;

  margin: 46.19px auto 60px;

  padding: 20px 0;

  border-left: 2px solid rgba(236, 239, 241, 0.07);

  border-right: 2px solid rgba(236, 239, 241, 0.07);

  font-size: 50px;

  -webkit-transform: translateZ(0px);

  transform: translateZ(0px);

  transition-duration: 0.3s;

  transition-property: -webkit-transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform;

}



.about .block .icon-box:after,
.about .block .icon-box:before {

  content: "";

  position: absolute;

  z-index: 1;

  width: 113.14px;

  height: 113.14px;

  background-color: inherit;

  left: 20.4315px;

  -webkit-transform: scaleY(0.5774) rotate(-45deg);

  transform: scaleY(0.5774) rotate(-45deg);

}



.about .block .icon-box:before {

  top: -56.5685px;

  border-top: 2px solid rgba(236, 239, 241, 0.07);

  border-right: 2px solid rgba(236, 239, 241, 0.07);

}



.about .block .icon-box:after {

  bottom: -56.5685px;

  border-bottom: 2px solid rgba(236, 239, 241, 0.07);

  border-left: 2px solid rgba(236, 239, 241, 0.07);

}



.about .block .icon-box h3 {

  color: #afbac4;

}



/*=================================================================

  About us 2 section

==================================================================*/



section.about-us {

  /* background-image: url('../img/about/about-us.png');

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    background-attachment: fixed; */

  /* padding-top: 100px; */

  text-shadow: 1px 1px 2px #000;

  overflow: hidden;



  /* -webkit-filter: blur(4px); /* Safari 6.0 - 9.0 */

  /* filter: blur(4px); */

}

section.about-us .content::before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  z-index: -1;

  display: block;

  background-image: url('../img/about/banner.jpg');

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  background-attachment: fixed;

  width: 100%;

  -webkit-filter: blur(1px);

  -moz-filter: blur(1px);

  -o-filter: blur(1px);

  -ms-filter: blur(1px);

  filter: blur(1px);

}





section.about-us .content {

  position: relative;

  left: 0;

  right: 0;

  z-index: 0;

  /* margin: 20px; */

  padding: 20px;

  padding-top: 90px;

}



section.about-us .content .container {

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

  border-radius: 5px;

  border: 1px solid #ffffff54;

  box-shadow: 2px -2px 3px #000000bd;

}





.about-us .content-block {

  padding: 15px;

}





section.about-us .media .media-body p:before,
section.about-us .media .media-body li:before {

  background-image: url(../img/about/check.png);

}

.about-us .content-block .media h4.media-heading,

.about-us .content-block p b {

  font-size: 18px;

  color: #77bf21 !important;

}



.about-us .content-block .media {

  margin-top: 25px;

}



.about-us .content-block .media .pull-left {

  padding-right: 15px;

}



.about-us .content-block .media i {

  font-size: 30px;

  color: #0173b1 !important;

}



.about-us .content-block .media h4 {

  font-size: 16px;

  font-weight: 600;

}



/*=================================================================

 Call To Action 1

==================================================================*/

.call-to-action {

  background-attachment: fixed;

}



.call-to-action h2 {

  font-weight: 700;

  color: #444;

}



.call-to-action p {

  font-size: 16px;

  color: #666;

}



.call-to-action .btn-main {

  margin-top: 20px;

}



/*=================================================================

 Call To Action 2

==================================================================*/

.call-to-action-2 {

  padding: 100px 0;

  background-image: url("../images/call-to-action/call-to-action-bg.jpg");

  background-size: cover;

  color: #fff;

}



.call-to-action-2 h2 {

  line-height: 1.5;

}



.call-to-action-2 p {

  color: #fff;

}



.call-to-action-2 .btn-main {

  margin-top: 20px;

}



.contact-us {

  padding-top: 100px;

}

.contact-us-details {

  color: black;



}

/* .contact-us-details h1,h2,h3,h4 ,p{

    color:black;

} */



.contact-form {

  margin-bottom: 60px;

}



.dark-theme .contact-form {

  background: #ccc;

  width: 100%;

  background: #222323;

  /* margin: 15px; */

  padding: 15px;

  border-radius: 5px;

  box-shadow: 0 0 1px #fff;

  text-align: left !important;

}



.contact-form .form-control {

  background-color: transparent;

  /* border: 1px solid rgba(236, 239, 241, 0.07); */

  height: 45px;

}



.dark-theme .contact-form .form-control {

  color: #000000;

  background-color: #383838;

  border: 1px solid #4a4a4a;

  border-radius: .25rem;

}



.light-theme .contact-form {

  width: 100%;

  background: #d9d9d9;

  /* margin: 15px; */

  padding: 15px;

  border-radius: 5px;

  box-shadow: 1px 1px 2px #808080;

  border: 1px solid #a09f9f;

  text-align: left !important;

}



.light-theme .contact-form .form-control {

  color: #757474;

  background-color: #e9e7e7;

  border: 1px solid #c1bfbf;

  border-radius: .25rem;

}





.light-theme .contact-form .form-control::-webkit-input-placeholder {

  /*  Chrome, Safari, Opera  */

  color: #9e9e9e;

}



.light-theme .contact-form .form-control:-moz-placeholder {

  /* Firefox 18- */

  color: #9e9e9e;

}



.light-theme .contact-form .form-control::-moz-placeholder {

  /* Firefox 19+ */

  color: #9e9e9e;

}



.light-theme .contact-form .form-control:-ms-input-placeholder {

  /*  Internet Explorer  */

  color: #9e9e9e;

}





.contact-form textarea.form-control {

  padding: 10px;

  height: 120px;

}



.contact-form input:hover,

.contact-form textarea:hover,

#contact-submit:hover {

  border-color: #68b646 !important;

  /* border-color: #a94442; */

  border-radius: 20px;

}

.dark-theme #contact-submit {

  border-radius: 5px;

}

.dark-theme #contact-submit:hover {

  border-top-left-radius: 20px;

  border-bottom-right-radius: 20px;

}



#contact-submit {

  border: 1px solid rgba(236, 239, 241, 0.07);

  background: #0173b1;

  /* background: #009649; */

  padding: 12px 0;

  width: 100%;

  margin: 0;

  border-top-left-radius: 20px;

  border-bottom-right-radius: 20px;

}



.google-map #map-canvas {

  height: 400px;

}



.contact-info p {

  margin-bottom: 25px;

}

.contact-info h3 {

  color: black;

}



.con-info {

  margin-bottom: 20px;

}



.con-info b {

  width: 20px;

  height: 20px;

  display: inline-block;

}



.con-info i {

  font-size: 20px;

}

.con-info i,

.con-info span {

  /* float: left; */

}



.con-info a:hover {

  color: #6CB670 !important;

  text-shadow: none;

}



.con-info span {

  /* margin: -5px 0 0 15px; */

}



.error {

  display: none;

  padding: 10px;

  color: #D8000C;

  border-radius: 4px;

  font-size: 13px;

  background-color: #FFBABA;

}



.success {

  background-color: #6cb670;

  border-radius: 4px;

  color: #fff;

  display: none;

  font-size: 13px;

  padding: 10px;

}



#map {

  height: 370px;

  width: 100%;

}



/*=================================================================

  Item counter section

==================================================================*/

.counters-item {

  padding: 25px 0;

  margin-bottom: 10px;

  background: #292F36;

}



.counters-item i {

  margin-bottom: 10px;

  font-size: 40px;

  display: inline-block;

}



.counters-item span {

  display: block;

  font-weight: bold;

  font-size: 35px;

  line-height: 50px;

}



.counters-item h3 {

  font-size: 20px;

  margin: 0;

}



/*=================================================================

  Pricing section

==================================================================*/

.price-item {

  border: 1px solid rgba(236, 239, 241, 0.07);

  padding-bottom: 30px;

  margin-bottom: 15px;

}



.price-title {

  background-color: #292F36;

  padding: 30px 0 20px;

}



.price-title h3 {

  color: #0173b1 !important;

  margin: 0 0 10px;

  text-transform: uppercase;

}



.price-title p {

  font-size: 18px;

  font-weight: 400;

}



.price-title .value {

  color: #0173b1 !important;

  font-size: 30px;

}



.pricing li {

  padding: 10px 0;

}



.pricing li:last-child {

  border-bottom: 1px solid rgba(236, 239, 241, 0.07);

  margin-bottom: 20px;

}



.pricing li:nth-child(2n) {

  background-color: #292F36;

}



.pricing li .btn {

  text-transform: uppercase;

  margin: 20px 0;

}



/*=================================================================

  Portfolio section

==================================================================*/

.portfolio-filter {

  margin-bottom: 40px;

  text-align: center;

}



.portfolio-filter button {

  border: none;

  outline: none;

  border: 1px solid rgba(236, 239, 241, 0.07);

  background: transparent;

  display: inline-block;

  font-size: 16px;

  padding: 6px 20px;

  font-weight: 700;

  color: #737f8a;

  transition: .3s all;

}



.portfolio-filter button.mixitup-control-active {

  border: 1px solid #0173b1 !important;

  color: #0173b1 !important;

}



.portfolio-items-wrapper .mix {

  padding: 5px;

}



.portfolio-block {

  position: relative;

}





.portfolio-block:before {

  transition: all 0.3s ease-in-out;

  background: white;

  opacity: 0;

  top: 20px;

  right: 20px;

  bottom: 20px;

  left: 20px;

  position: absolute;

  content: '';

}



.portfolio-block img {

  width: 70%;

  margin: auto;

  height: auto;

  /* background-color:black; */

  padding: 10px;

}



.portfolio-block:hover:before {

  opacity: 1;

}



.portfolio-block:hover .caption h4 {

  top: 45%;

}



.portfolio-block:hover .caption {

  opacity: 1;

  top: 55%;

}



.portfolio-block .caption {

  position: absolute;

  top: 50%;

  left: 50%;

  opacity: 0;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  z-index: 9;

  transition: all 0.2s ease-in-out;

  text-align: center;

}



.portfolio-block .caption h4 {

  font-size: 16px;

  font-weight: 600;

}



.portfolio-block .caption h4 a {

  color: #555;

}



.portfolio-block .caption .search-icon {

  background: #0173b1 !important;

  width: 50px;

  height: 50px;

  color: #fff;

  display: inline-block;

  font-size: 20px;

  border-radius: 30px;

}



.portfolio-block .caption .search-icon i {

  line-height: 50px;

}



/*=================================================================

  Services section

==================================================================*/

.service-block {

  padding: 60px 20px;

  border-left: 1px solid rgba(236, 239, 241, 0.07);

  border-top: 1px solid rgba(236, 239, 241, 0.07);

  margin-bottom: 40px;

  box-shadow: 2px 2px 5px rgba(44, 44, 44, 0.3), 13px 13px 0 rgba(255, 255, 255, 0.7);

}



.service-block .service-icon {

  margin-bottom: 10px;

  font-size: 50px;

}



/*=================================================================

  Services section 2

==================================================================*/

.service-2 .service-item {

  border: 1px solid #eee;

  margin-bottom: 30px;

  padding: 50px 20px;

  transition: all 0.3s ease 0s;

}



.service-2 .service-item:hover {

  box-shadow: 0 5px 65px 0 rgba(0, 0, 0, 0.15);

  -webkit-box-shadow: 0 5px 65px 0 rgba(0, 0, 0, 0.15);

}



.service-2 .service-item:hover i {

  background: #fff;

  color: #0173b1 !important;

}



.service-2 .service-item i {

  font-size: 30px;

  display: inline-block;

  background: #0173b1 !important none repeat scroll 0 0;

  border-radius: 30px;

  box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);

  color: #fff;

  height: 55px;

  line-height: 55px;

  margin-bottom: 20px;

  width: 55px;

  transition: all 0.3s ease 0s;

}



/*=================================================================

  Our skills

==================================================================*/

.skill-bar p {

  font-size: 18px;

  margin-bottom: 0;

}



.skill-bar p span {

  font-style: italic;

  font-size: 30px;

  color: rgba(187, 187, 187, 0.34);

  display: inline-block;

  vertical-align: middle;

}



.skill-bar .progress {

  height: 6px;

  border-radius: 0;

}



.skill-bar .progress .progress-bar {

  background: #0173b1 !important;

}



/*=================================================================

  Our Team

==================================================================*/

.team-member {

  background-color: #292F36;

  margin-bottom: 10px;

}



.team-member:hover .mask {

  cursor: pointer;

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transform: rotateY(0deg) scale(1, 1);

  transform: rotateY(0deg) scale(1, 1);

}



.member-photo {

  overflow: hidden;

  position: relative;

}



@media (max-width: 768px) {

  #home {

    padding-top: 81px;

  }

  .member-photo {

    text-align: center;

  }

  #navigation-sticky-wrapper {

    /* position:inherit; */

    /* top: auto; */

    /* background-color: #1d2024; */

  }



  /* .navigation:before

    {

        content: '';

        filter: blur(4px);

    } */



  .navigation {

    background-image: linear-gradient(#1d2024, #1d2024);

    background-color: #1d2024;

  }

  .navigation ul.navbar-nav li {

    text-align: center;

  }



}



.member-photo:hover img {

  -webkit-transform: scale(1.2);

  transform: scale(1.2);

}



.member-photo img {

  transition: all 0.4s ease 0s;

}



@media (max-width: 768px) {

  .member-photo img {

    display: inline-block;

  }

}



@media (min-width: 768px) {

  .vertical-center {

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    top: 50%;

    position: absolute;

    font-size: 1rem;

  }

}



.member-photo .mask {

  background-color: rgba(87, 203, 204, 0.7);

  position: absolute;

  text-align: center;

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  opacity: 0;

  filter: alpha(opacity=0);

  transition: all .5s ease-out 0s;

  -webkit-transform: rotateY(180deg) scale(0.5, 0.5);

  transform: rotateY(180deg) scale(0.5, 0.5);

}



.member-photo .mask ul {

  text-align: center;

  position: relative;

  top: 125px;

}



.member-photo .mask ul li a {

  border: 1px solid #fff;

  color: #fff;

  display: block;

  font-size: 20px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  width: 35px;

}



.member-photo .mask ul li a:hover {

  background-color: #fff;

  color: #0173b1 !important;

  border: 1px solid transparent;

}



.member-meta {

  padding: 15px;

}



.member-meta h4 {

  margin: 0 0 5px;

}



.member-meta span {

  font-size: 12px;

}



/*=================================================================

  Testimonial section

==================================================================*/

.testimonial:before {

  background: rgba(42, 48, 55, 0.7);

}



.client-info {

  margin: 0 auto;

  width: 45%;

}



@media (max-width: 768px) {

  .client-info {

    width: 90%;

  }

}



.client-comment p {

  color: #afbac4;

  font-size: 18px;

}



.client-thumb img {

  border-radius: 50%;

  margin: 0 auto;

  max-width: 115px;

  width: 100%;

}



.client-meta {

  margin: 0 0 10px;

}



.client-meta h3 {

  margin: 15px 0 5px .0;

}



.client-meta span {

  font-size: 12px;

}



.owl-pagination,

.owl-buttons {

  text-align: center;

}



.owl-controls .owl-page {

  display: inline-block;

}



.owl-controls .owl-page span {

  background-color: transparent;

  border: 2px solid #fff;

  border-radius: 50px;

  display: block;

  height: 13px;

  margin: 0 4px;

  width: 13px;

  opacity: 1;

  filter: alpha(opacity=100);

}



.owl-controls .owl-page.active span,

.owl-controls .owl-page:hover span {

  background-color: #0173b1 !important;

  border: 2px solid transparent;

}



.our-clients {

  margin: 30px 0 0;

}



#our-clietns .item img {

  max-width: 150px;

  width: 100%;

}



#our-clietns .owl-next,

#our-clietns .owl-prev {

  border: 1px solid #ddd;

  border-radius: 50px;

  display: inline-block;

  margin: 45px 0 0;

  padding: 3px 15px;

  position: relative;

  text-align: center;

}



#our-clietns .owl-next i,

#our-clietns .owl-prev i {

  line-height: 34px;

}



#our-clietns .owl-prev {

  margin-right: 15px;

}



#our-clients .item {

  margin: 10px;

}



/*=================================================================

  Latest Posts

==================================================================*/

.note {

  background-color: #292F36;

  border: 1px solid #4e595f;

}



.post-block {

  background-color: #292F36;

  margin-bottom: 10px;

}



.post-block .content {

  padding: 20px;

}



.post-block .content h3 {

  margin: 0 0 6px;

  font-size: 20px;

  line-height: 1.5;

  text-transform: capitalize;

}



.note .media-wrapper {

  border-bottom: 1px solid #4e595f;

}



.note .excerpt h3 {

  font-size: 20px;

  line-height: 1.5;

  text-transform: capitalize;

}



.all-post {

  margin-top: 50px;

}



/*=================================================================

  Single Blog Page

==================================================================*/

#blog-banner {

  padding-bottom: 100px;

  padding-top: 150px;

}



#blog-page {

  margin: 0 0 40px;

}



.post-meta {

  font-size: 13px;

  margin: 20px 0 0;

  padding: 0 20px 10px;

}



.post-meta a {

  color: #0173b1 !important;

}



.post-meta>span {

  color: #666;

  border-right: 1px solid #dedede;

  display: inline-block;

  font-size: 13px;

  margin: 10px 10px 0 0;

  padding-right: 10px;

}



.post-meta>span:last-child {

  border-right: 0;

}



.post-meta>span i {

  margin-right: 5px;

}



.post-excerpt {

  padding: 0 20px;

  margin-bottom: 60px;

}



.post-excerpt h3 a {

  color: #000;

}



.post-excerpt blockquote {

  line-height: 22px;

  margin: 20px 0;

  font-size: 16px;

}



.single-blog {

  background-color: #fff;

  margin-bottom: 50px;

  padding: 20px;

}



.blog-subtitle {

  font-size: 15px;

  padding-bottom: 10px;

  border-bottom: 1px solid #dedede;

  margin-bottom: 25px;

  text-transform: uppercase;

}



.next-prev {

  border-bottom: 1px solid #dedede;

  border-top: 1px solid #dedede;

  margin: 20px 0;

  padding: 25px 0;

}



.next-prev a {

  color: #000;

}



.next-prev a:hover {

  color: #0173b1 !important;

}



.next-prev .prev-post i {

  margin-right: 10px;

}



.next-prev .next-post i {

  margin-left: 10px;

}



.social-profile ul li {

  margin: 0 10px 0 0;

  display: inline-block;

}



.social-profile ul li a {

  color: #4e595f;

  display: block;

  font-size: 16px;

}



.social-profile ul li a i:hover {

  color: #0173b1 !important;

}



.comments-section {

  margin-top: 35px;

}



.author-about {

  margin-top: 40px;

}



.post-author {

  margin-right: 20px;

}



.post-author>img {

  border: 1px solid #dedede;

  max-width: 120px;

  padding: 5px;

  width: 100%;

}



.comment-list ul {

  margin-top: 20px;

}



.comment-list ul li {

  margin-bottom: 20px;

}



.comment-wrap {

  border: 1px solid #dedede;

  border-radius: 1px;

  margin-left: 20px;

  padding: 10px;

  position: relative;

}



.comment-wrap .author-avatar {

  margin-right: 10px;

}



.comment-wrap .media .media-heading {

  font-size: 14px;

  margin-bottom: 8px;

}



.comment-wrap .media .media-heading a {

  color: #0173b1 !important;

  font-size: 13px;

}



.comment-wrap .media .comment-meta {

  font-size: 12px;

  color: #888;

}



.comment-wrap .media p {

  margin-top: 15px;

}



.comment-reply-form {

  margin-top: 80px;

}



.comment-reply-form input,
.comment-reply-form textarea {

  height: 35px;

  border-radius: 0;

  box-shadow: none;

}



.comment-reply-form input:focus,
.comment-reply-form textarea:focus {

  box-shadow: none;

  border: 1px solid #0173b1 !important;

}



.comment-reply-form textarea,
.comment-reply-form .btn-main {

  height: auto;

}

section.bg-dark {

  background: #1d2024;

  background-color: #1d2024 !important;

}

/*=================================================================

  Footer section

==================================================================*/

footer.bg-one {

  background-color: rgb(1, 1, 1);

  /* background-image:linear-gradient(rgb(29, 32, 36), rgb(29, 32, 36)); */

}

.social-icon {

  padding: 15px 0 10px;

}



.social-icon ul {

  text-align: center;

}



.social-icon ul li {

  margin-bottom: 4px;

}



.social-icon ul li:hover a {

  background-color: #0173b1 !important;

  -webkit-transform: rotateY(0deg);

  transform: rotateY(0deg);

}



.social-icon ul li:hover a i {

  color: #fff;

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transform: rotateY(0deg);

  transform: rotateY(0deg);

}



.social-icon ul li a {

  background-color: #26292e;

  border-radius: 22px;

  border: 1px solid transparent;

  display: block;

  height: 70px;

  width: 70px;

  -webkit-transform: rotateY(180deg);

  transform: rotateY(180deg);

  transition: all 400ms ease-out 0s;

}



@media (max-width: 768px) {

  .social-icon ul li a {

    width: 55px;

    height: 55px;

  }

}



.social-icon ul li a i {

  color: #fff;

  display: inline-block;

  font-size: 32px;

  line-height: 70px;

  margin: 0;

  opacity: 0.6;

  filter: alpha(opacity=30);

  -webkit-transform: rotateY(180deg);

  transform: rotateY(180deg);

  transition: all 400ms ease-out 0s;

}



@media (max-width: 768px) {

  .social-icon ul li a i {

    line-height: 55px;

    font-size: 25px;

  }

}



.copyright {

  padding: 20px 0;

  color: #fff;

}



.copyright img {

  margin-bottom: 15px;

}



.copyright p {

  margin-top: 10px;

}



#scrollUp {

  border: 1px solid #4e595f;

  bottom: 15px;

  color: #fff;

  display: none;

  padding: 8px 12px;

  position: fixed;

  right: 20px;

  z-index: 600;

}



#scrollUp:hover {

  background-color: #0173b1 !important;

  border: 1px solid #0173b1 !important;

}



/*=================================================================

	Twitter Feed

==================================================================*/

#twitter-feed {

  background-image: url("../images/parallax/twitter.jpg");

  padding-bottom: 100px;

  padding-top: 80px;

}



.twitter-bird span {

  border: 2px solid #6cb670;

  border-radius: 50px;

  color: #6cb670;

  display: inline-block;

  margin-bottom: 50px;

  height: 90px;

  width: 90px;

}



.twitter-bird span i {

  line-height: 90px;

}



.tweet {

  margin-bottom: 10px;

}



.tweet a {

  color: #6cb670;

}



/*=================================================================

	Blog Page

==================================================================*/

#blog-banner {

  padding-bottom: 100px;

  padding-top: 150px;

}



.blog-icon {

  border: 1px solid #6CB670;

  border-radius: 50%;

  color: #6CB670;

  display: inline-block;

  padding: 16px 20px;

}



.blog-title h1 {

  text-transform: uppercase;

}



#blog-page {

  margin: 0 0 40px;

}



.post-item .entry {

  border: 1px solid #4e595f;

  margin-bottom: 30px;

}



.entry .post-excerpt {

  padding: 0 20px;

}



#gallery-post .owl-prev,

#post-thumb .owl-prev,

#gallery-post .owl-next,

#post-thumb .owl-next {

  padding: 5px 17px;

  position: absolute;

  top: 45%;

  transition: all .5s ease-in 0s;

}



#gallery-post .owl-prev,

#post-thumb .owl-prev {

  left: -45px;

}



#gallery-post .owl-next,

#post-thumb .owl-next {

  right: -45px;

}



#gallery-post:hover .owl-prev,

#post-thumb:hover .owl-prev {

  left: 0;

}



#gallery-post:hover .owl-next,

#post-thumb:hover .owl-next {

  right: 0;

}



#gallery-post,

#post-thumb {

  overflow-x: hidden;

}



#post-thumb .owl-buttons {

  color: #fff;

}



.post-meta {

  background-color: #3d444a;

  border-top: 1px solid #4e595f;

  font-size: 13px;

  margin: 20px 0 0;

  padding: 0 20px 10px;

}



.post-meta>span {

  border-right: 1px solid #4e595f;

  display: inline-block;

  font-size: 12px;

  margin: 10px 10px 0 0;

  padding-right: 10px;

}



.post-meta>span:last-child {

  border-right: 0;

}



.post-meta>span>i {

  margin-right: 5px;

}



.post-meta a:hover {

  color: #6CB670;

}



.post-excerpt .more {

  margin-top: 20px;

}



.post-excerpt .more a {

  display: inline-block;

  font-size: 13px;

  padding: 10px 25px;

}



.post-excerpt .more a:hover {

  background-color: #6CB670;

  color: #fff;

}



aside.widget {

  margin-bottom: 25px;

}



.widget-title>h3 {

  color: #fff;

  margin-bottom: 15px;

  margin-top: 0;

  position: relative;

}



#search-form {

  position: relative;

}



#search-submit {

  background: none;

  border: 0;

  color: #C8C8CA;

  display: block;

  font-size: 16px;

  height: 32px;

  outline: 0;

  position: absolute;

  right: 0;

  text-align: center;

  top: 0;

  width: 32px;

}



.widget-content .tab-content {

  background-color: #2f383d;

  padding: 20px;

}



.tab-post-nav {

  background-color: #4A535A;

}



.tab-post-nav li {

  float: left;

}



.tab-post-nav li.active a {

  border-top: 3px solid #6cb670;

  background-color: #2F383D;

  color: #6CB670;

}



.tab-pane.active .clearfix:first-child {

  margin-bottom: 25px;

}



.tab-excerpt>span {

  display: block;

  font-size: 12px;

  margin-bottom: 10px;

}



.tab-excerpt h4 a {

  color: #fff;

}



.tab-excerpt h4 a:hover {

  color: #6cb670;

}



.tab-post-nav li a {

  border-top: 3px solid transparent;

  color: #fff;

  display: block;

  padding: 13px 18px;

  text-align: center;

}



.categories li {

  margin-bottom: 10px;

  transition: all .5s ease-in 0s;

}



.categories>li:hover a {

  padding-left: 10px;

  color: #6CB670;

}



.categories>li:last-child {

  border-bottom: 0;

}



.categories li a {

  padding-left: 5px;

}



.widget-content .tag {

  background-color: #2F383D;

  color: #fff;

  display: inline-block;

  margin-bottom: 10px;

  margin-right: 5px;

  padding: 5px 13px;

}



.widget-content .tag:hover {

  background-color: #6CB670;

  color: #fff;

}



.post-pagination {

  display: inline-block;

  margin-bottom: 20px;

}



.post-pagination ul li {

  margin-right: 5px;

  float: left;

}



.post-pagination ul li:last-child {

  margin-right: 0;

}



.post-pagination ul li.disabled a {

  cursor: not-allowed;

}



.post-pagination ul li.disabled a:hover {

  background-color: #2E373C;

  color: #9aa8b3;

}



.post-pagination ul li a {

  background-color: #30393e;

  color: #9aa8b3;

  display: block;

  padding: 8px 18px;

}



.post-pagination ul li a:hover,

.post-pagination ul li.active a {

  background-color: #6CB670;

  color: #fff;

}



/*=================================================================

	Single Blog Page

==================================================================*/

.single-blog {

  background-color: #fff;

  margin-bottom: 50px;

  padding: 20px;

}



blockquote {

  border-left: 5px solid #6cb670;

  font-style: italic;

  line-height: 22px;

  margin: 20px 0;

}



.next-prev {

  border-bottom: 1px solid #4e595f;

  border-top: 1px solid #4e595f;

  margin: 20px 0;

  padding: 15px 0 10px;

}



.next-prev a:hover {

  color: #6CB670;

}



.prev-post i {

  float: left;

  margin-right: 10px;

  margin-top: -4px;

}



.next-post i {

  float: right;

  margin-left: 10px;

  margin-top: -3px;

}



.post-author {

  margin-right: 20px;

}



.post-author>img {

  border: 1px solid #4e595f;

  max-width: 120px;

  padding: 5px;

  width: 100%;

}



.comment-reply-form>h3,

.author-about>h4,

.comments>h4 {

  border-bottom: 1px solid #4e595f;

  margin-bottom: 15px;

  margin-top: 0;

  padding-bottom: 10px;

  position: relative;

}



.author-bio h5 {

  display: inline-block;

}



.post-item .comments-section {

  margin-top: 35px;

}



.comment-list ul {

  margin-top: 20px;

}



.comment-list li {

  margin-bottom: 20px;

}



.comment-wrap {

  border: 1px solid #4e595f;

  border-radius: 1px;

  margin-left: 20px;

  padding: 10px;

  position: relative;

}



.comment-wrap .author-avatar {

  margin-left: -25px;

  margin-right: 20px;

}



.author-comment {

  margin-bottom: 15px;

  overflow: hidden;

}



.author-comment cite a:hover,
.replay:hover {

  color: #6CB670;

  text-decoration: underline;

}



.author-comment cite {

  margin-bottom: 2px;

  padding-top: 4px;

}



.comment-content {

  margin-left: 45px;

}



.comment-list ul li {

  padding-left: 25px;

}



.comment-reply-form {

  margin-top: 80px;

}



#comment-form {

  margin-top: 35px;

}



#comment-form .form-control:hover {

  border-color: #6CB670;

}



.form-group:last-child,

.form-group:last-child input {

  margin: 0;

}



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

.pl-logo {

  width: 35%;



}

.right-foods-logo {

  width: 40%;



}

.menu {

  width: 100%;

  height: auto;

  /* max-height: 688px; */

}

.today-menu {

  position: absolute;

  top: 50%;

  right: 20%;

}



/* Menu ANimation  */

.animation-container {

  font-weight: 400;

  font-size: 14em;

  opacity: 1;

}



.animation-container svg {

  width: 90%;

  display: block;

  top: 50%;

  margin: -8% 0 0 5%;

  position: fixed;

}



.animation-container svg .text {

  width: 100%;

  fill: transparent;

  stroke-width: 1;

  stroke-linejoin: round;

  stroke-dasharray: 90, 310;

  stroke-dashoffset: 0;

  -webkit-animation: text 8s infinite linear;

  animation: text 8s infinite linear;

}



.animation-container svg .text:nth-child(4n + 1) {

  stroke: #999;

  -webkit-animation-delay: -2s;

  animation-delay: -2s;

}



.animation-container svg .text:nth-child(4n + 2) {

  stroke: #999;

  -webkit-animation-delay: -4s;

  animation-delay: -4s;

}



.animation-container svg .text:nth-child(4n + 3) {

  stroke: #999;

  -webkit-animation-delay: -6s;

  animation-delay: -6s;

}



.animation-container svg .text:nth-child(4n + 4) {

  stroke: #999;

  -webkit-animation-delay: -8s;

  animation-delay: -8s;

}



@-webkit-keyframes text {

  100% {

    stroke-dashoffset: -400;

  }

}

/* SHow more */

section.menu {

  position: relative;

}

section.menu .more {

  position: absolute;

  top: 47%;

  right: 21%;



}

section.menu .more p {

  font-size: 2.1vw;

  width: 100%;

  margin-top: calc(10% - 10%);

  text-align: center;

  /* text-shadow: 0.5px -0.6vw #ffffff; */

  color: #fff;

  text-decoration: none;

  -webkit-background-clip: text;

  /* -webkit-text-fill-color: transparent; */

  animation: 5s PrimeStudyHub linear infinite,

    5s RotateMe ease alternate infinite;



}

/* .modal-backdrop {

  z-index: -1;

} */



@keyframes PrimeStudyHub {

  100% {
    background-position: 100vw 0px;
  }

}



@keyframes RotateMe {

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

  ,

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

}



section.menu div.modal div.modal-body {

  background-image: url('../img/backgrounds/today-menu.png');

}





/* Modal Content */

.modal-content {

  background-color: #fefefe;

  border: 1px solid #888;

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

  -webkit-animation-name: animatetop;

  -webkit-animation-duration: 0.4s;

  animation-name: animatetop;

  animation-duration: 0.4s
}

.modal-content .modal-footer .pull-left {

  /* position: absolute; */

  right: unset;

  bottom: unset;

  margin-left: 2%;

}

.custom-carousel .carousel-item {

  height: 70vh;

  overflow-y: auto;

}



/* Add Animation */

@-webkit-keyframes animatetop {

  from {
    top: -300px;
    opacity: 0
  }

  to {
    top: 0;
    opacity: 1
  }

}



@keyframes animatetop {

  from {
    top: -300px;
    opacity: 0
  }

  to {
    top: 0;
    opacity: 1
  }

}



/* The Close Button */

.close {

  color: white;

  float: right;

  font-size: 28px;

  font-weight: bold;

}



.close:hover,

.close:focus {

  color: #000;

  text-decoration: none;

  cursor: pointer;

}



.modal-header {

  padding: 2px 16px;

  background-color: #1d2024;

  color: black;

}



.modal-body {

  padding: 2px 16px;

}

.modal-body p,
h4 {

  color: white;

  text-shadow: 1px 1px 1px #000;

}



.modal-footer {

  padding: 10px;

  background-color: #1d2024;

  color: black;

}

.more button {

  border-width: inherit;

  background: none;

  cursor: pointer;

  border: none;

}

.more button:focus {

  outline: unset;

}

.more button:hover p {

  text-shadow: 1px 1px 1px #000;

}



.nav .nav-tabs .md-tabs li {

  padding: 10%;

}



/* Start Flavors section */

section.portfolio .banner::before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  z-index: -1;

  display: block;

  /* background-image:  url('../img/about/about-us.png'); */

  background-size: cover;

  background-repeat: no-repeat;

  background-position: bottom;

  background-attachment: fixed;

  width: 100%;

  -webkit-filter: blur(4px);

  -moz-filter: blur(4px);

  -o-filter: blur(4px);

  -ms-filter: blur(4px);

  filter: blur(4px);

}



section.portfolio .banner {

  position: relative;

  left: 0;

  right: 0;

  z-index: 0;

  /* margin: 20px; */

  padding: 20px;

  /* padding-top: 75px; */

}



section.portfolio #myTabContentMD {

  padding-left: 0;

  padding-right: 0;

}

section.portfolio .description {

  padding: 0;

}



section.portfolio table {

  width: 100%;

  overflow-x: auto;

}



section.portfolio table.table-dark {

  background-color: #0b4782b0;

  border-radius: 5px;

}



section.portfolio .table-dark td,
section.portfolio .table-dark th,
section.portfolio .table-dark thead th {

  border-color: #fafafa;

}



section.portfolio div.thumbnail {

  position: relative;

  height: 21vw;

}







section.portfolio div.thumbnail>div {

  position: absolute;

  bottom: 0;

  text-align: center;

}



section.portfolio div.thumbnail img {

  width: 100%;

}

section.portfolio div.thumbnail span {

  width: 100%;

}



section.portfolio div.thumbnail div.large {

  left: 12.5%;

  width: 50%;

  height: auto;

}

section.portfolio div.thumbnail div.middle {

  left: 37.5%;

  width: 40%;

}

section.portfolio div.thumbnail div.small {

  left: 67.5%;

  width: 25%;

}







section.portfolio div.nutrition-logos {

  padding: 20px 15px;

}



#myTabContentMD div.tab-pane {

  padding: 10px;

}



#myTabContentMD ul.nav {

  height: 160px;
  display: flex;
  overflow: hidden;

  border-bottom: 2px solid #74787b;

}



#myTabContentMD ul.nav li {

  flex: .3;

  position: relative;

  top: 48px;

  text-align: center;

  /* height: 29px; */

  -webkit-transition: .3s all cubic-bezier(0, 1.24, 0.6, -0.17);
  /* Safari */

  transition: 0.3s all cubic-bezier(0, 1.24, 0.6, -0.17);

  overflow: hidden;

}



.tab-active {

  height: auto !important;

  bottom: 0 !important;

  top: 0 !important;

}

/* #myTabContentMD ul.nav li:hover,#myTabContentMD ul.nav li.active{

    height: 77px;

    bottom: 0;

    top:0;

} */

#myTabContentMD ul.nav li a {

  background-color: unset;

  border: unset;

  border-bottom-color: unset;

  width: 98%
}



#myTabContentMD ul.nav li a>img {

  width: 100%;

  height: auto;

}







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

  section.portfolio div.thumbnail {

    height: 26vw;

  }



  #myTabContentMD ul.nav {
    height: 130px;
  }

  #myTabContentMD ul.nav li {
    top: 40px;
  }

}



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

  #myTabContentMD ul.nav {
    height: 100px;
  }

  #myTabContentMD ul.nav li {
    top: 28px;
  }

}



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

  section.portfolio table {

    display: block;

  }



  section.portfolio div.thumbnail {

    height: 70vw;

  }



  #myTabContentMD ul.nav {
    height: 42px;
  }

  #myTabContentMD ul.nav li {
    top: 22px;
  }

  #myTabContentMD ul.nav li a {

    width: 100%;

    padding: 10px;

  }

}



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

  #myTabContentMD ul.nav {
    height: 70px;
  }

  #myTabContentMD ul.nav li {
    top: 21px;
  }

}

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

  #myTabContentMD ul.nav {
    height: 60px;
  }

  #myTabContentMD ul.nav li {
    top: 18px;
  }

}

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

  #myTabContentMD ul.nav {
    height: 60px;
  }

  #myTabContentMD ul.nav li {
    top: 13px;
  }

}

/* End Flavors section */

.our-color {

  color: white !important;

}

.media-heading h4 {

  color: white !important;

}

#cf-submit {
  justify-content: center;
}

/* nabar shrink */



#nav {

  height: 70px;

  background: transparent; // Transparent initial setting

  display: block;

  position: fixed;

  width: 100%;

  z-index: 99999;

  transition: all ease .5s;

}



#logo {

  color: #fff;

  padding: 20px;

  font-size: 18px;

  transition: all ease .5s;

}



#hero {

  height: 500px;

  width: 100%;

  background: url('http://community.lovenature.com/wp-content/uploads/sites/4/2016/08/jimi-hendrix.jpg');

  background-size: cover;

  background-position: center;

  position: relative;

}



#nav.shrink {

  height: 40px;

  transition: all ease .5s;

  background: black; // Change background to black on scroll

}



#nav.shrink #logo {

  padding: 10px;

  transition: all ease .5s;

}

.products {

  background-color: white;

}

/* .products h1,h2,h3,h4,h5,p {

    color: black;

} */

#loading {

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  position: fixed;

  display: block;

  background-color: #fff;

  z-index: 200;

  text-align: center;

}



#loading-image {

  position: relative;

  top: 45vh;

  width: 40px;

  z-index: 100;

  bottom: 45vh;

  margin: auto;

  padding: 5px;

}

.loader-vert-move:nth-child(1) {

  -webkit-animation: vert-move 0.5s infinite alternate;

  animation: vert-move 0.5s infinite alternate;

}



.loader-vert-move:nth-child(2) {

  -webkit-animation: vert-move 0.5s infinite alternate;

  animation: vert-move 0.5s linear 0.9s infinite alternate;

}



.loader-vert-move:nth-child(3) {

  -webkit-animation: vert-move 0.5s infinite alternate;

  animation: vert-move 0.5s linear 1.8s infinite alternate;

}



.loader-vert-move:nth-child(4) {

  -webkit-animation: vert-move 0.5s infinite alternate;

  animation: vert-move 0.5s linear 2.7s infinite alternate;

}



.loader-vert-move:nth-child(5) {

  -webkit-animation: vert-move 0.5s infinite alternate;

  animation: vert-move 0.5s linear 3.6s infinite alternate;

}



@-webkit-keyframes vert-move {

  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-10px);
  }

}

@keyframes vert-move {

  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-10px);
  }

}







.contact-section {

  background: black;

  color: white;

}

.contact-section h2 {

  color: white;

}







.dark-theme.contact-section {

  background: black;

  color: white;

}

.light-theme.contact-section {

  background: white;

  color: black;

}

.light-theme.contact-section h2 {

  color: black;

}

.dark-theme.table {

  background: #ccc;

  padding: 15px;

  width: 100%;

  background: #222323;

  padding: 15px;

  border-radius: 5px;

  box-shadow: 0 0 1px #fff;

  text-align: left !important;

}

.dark-theme.table h5,
.dark-theme.table span,
.dark-theme.table p {

  color: #737f8a;

  text-shadow: 1px 1px 2px #000;

}

.dark-theme.table table tr {

  color: #a1a3a5;

  background-color: #383838;

  border: 1px solid #4a4a4a;

  border-radius: .25rem;

  margin: 5px;

  width: 100%;

  text-align: center;

  display: table-row;

}

.dark-theme.table .table-dark td,

.dark-theme.table .table-dark th,

.dark-theme.table .table-dark thead th {

  border-color: #53575b;

  border-top: none;

  text-shadow: 1px 1px 2px #000;

}

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







.blue-theme.table {

  background: #0173b1;

  padding: 15px;

  width: 100%;

  padding: 15px;

  border-radius: 5px;

  box-shadow: 0 0 1px #fff;

  text-align: left !important;

}

.blue-theme.table h5,
.blue-theme.table span,
.blue-theme.table p,
.blue-theme.table strong,
.blue-theme.table th,
.blue-theme.table td {

  color: #ffffff;

  text-shadow: 1px 1px 2px #000;

}

.blue-theme.table table tr {

  color: #ffffff;

  background-color: #508fdd91;

  border: 1px solid #ffffff73;

  border-radius: .25rem;

  margin: 5px;

  width: 100%;

  text-align: center;

  display: table-row;

}

.blue-theme.table .table-blue td,

.blue-theme.table .table-blue th,

.blue-theme.table .table-blue thead th {

  border-color: #53575b;

  border-top: none;

  text-shadow: 1px 1px 2px #000;

}