/*-------------------------------------------------------*/
/* General
/*-------------------------------------------------------*/
.clearfix {
    *zoom: 1;
  }
  .clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .clearfix:after {
    clear: both;
  }
  
  .clear {
    clear: both;
  }
  
  .oh {
    overflow: hidden;
  }
  
  .relative {
    position: relative;
  }
  
  .section-wrap {
    padding: 30px 0;
    overflow: hidden;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
  
  .section-wrap-lg {
    padding: 150px 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  
  .mobile section {
    background-attachment: scroll !important;
  }
  
  .bg-dark {
    background-color: #191b1f;
  }
  
  .bg-light {
    background-color: #fafcfc;
  }
  
  .bg-color {
    background-color: #e7604a;
  }
  
  .white {
    color: #fff;
  }
  
  .static {
    position: static;
  }
  
  .left {
    float: left;
  }
  
  .right {
    float: right;
  }
  
  .valign {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  
  .container-fluid.semi-fluid {
    padding: 0 50px;
  }
  
  .img-fw {
    width: 100%;
  }
  
  .uppercase {
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }
  
  .last {
    margin-bottom: 0 !important;
  }
  
  @media (max-width: 767px) {
    .sm-text-center {
      text-align: center;
    }
  }
  @media (max-width: 480px) {
    .xs-text-center {
      text-align: center;
    }
  }
  img.alignleft {
    float: left;
    margin: 10px 20px 10px 0;
  }
  
  img.alignright {
    float: right;
    margin: 10px 0 10px 20px;
  }
  
  ::-moz-selection {
    color: #fff;
    background-color: #e7604a;
  }
  
  ::-webkit-selection {
    color: #fff;
    background-color: #e7604a;
  }
  
  ::selection {
    color: #fff;
    background-color: #e7604a;
  }
  
  a {
    text-decoration: none;
    color: #e7604a;
    outline: none;
    -webkit-transition: color 0.1s ease-in-out;
    -moz-transition: color 0.1s ease-in-out;
    -ms-transition: color 0.1s ease-in-out;
    -o-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out;
  }
  a:hover {
    text-decoration: none;
    color: #191b1f;
    outline: none;
  }
  a:focus {
    color: #e7604a;
    text-decoration: none;
    outline: none;
  }
  
  :focus {
    outline: none;
  }
  
  body {
    margin: 0;
    padding: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    line-height: 1.5;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    background: #fff;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    color: #979ba3;
  }
  /* body img {
    border: none;
    max-width: 100%;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
  } */
  .widget img{ width: 260px;}
  video {
    height: 100%;
    width: 100%;
  }
  
  /*-------------------------------------------------------*/
  /* Preloader
  /*-------------------------------------------------------*/
  .loader-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99999;
  }
  .about img{
      margin:auto;
      margin-top:20px;
  }
  .loader {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    font-size: 0;
    color: #e7604a;
    display: inline-block;
    margin: -25px 0 0 -25px;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
  }
  .loader > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background: transparent;
    border-width: 2px;
    border-radius: 100%;
    opacity: 0;
    -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
    -moz-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
    -o-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
    animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
  }
  .loader > div:nth-child(1) {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
  }
  .loader > div:nth-child(2) {
    -webkit-animation-delay: .25s;
    -moz-animation-delay: .25s;
    -o-animation-delay: .25s;
    animation-delay: .25s;
  }
  .loader > div:nth-child(3) {
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s;
  }
  .logo-wrap img{    width: 260px;
      margin-top: 11px;}
  @-webkit-keyframes ball-scale-ripple-multiple {
    0% {
      opacity: 1;
      -webkit-transform: scale(0.1);
      transform: scale(0.1);
    }
    70% {
      opacity: .5;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    95% {
      opacity: 0;
    }
  }
  @-moz-keyframes ball-scale-ripple-multiple {
    0% {
      opacity: 1;
      -moz-transform: scale(0.1);
      transform: scale(0.1);
    }
    70% {
      opacity: .5;
      -moz-transform: scale(1);
      transform: scale(1);
    }
    95% {
      opacity: 0;
    }
  }
  @-o-keyframes ball-scale-ripple-multiple {
    0% {
      opacity: 1;
      -o-transform: scale(0.1);
      transform: scale(0.1);
    }
    70% {
      opacity: .5;
      -o-transform: scale(1);
      transform: scale(1);
    }
    95% {
      opacity: 0;
    }
  }
  @keyframes ball-scale-ripple-multiple {
    0% {
      opacity: 1;
      -webkit-transform: scale(0.1);
      -moz-transform: scale(0.1);
      -o-transform: scale(0.1);
      transform: scale(0.1);
    }
    70% {
      opacity: .5;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
    95% {
      opacity: 0;
    }
  }
  /* Scroll Down icon
  -------------------------------------------------------*/
  .scroll-down {
    font-size: 16px;
    width: 30px;
    height: 30px;
    background-color: white;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    z-index: 50 !important;
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -15px;
  }
  .scroll-down a {
    line-height: 34px;
    position: relative;
    z-index: 50 !important;
  }
  .scroll-down i {
    color: #000;
    -webkit-animation: scroll-down-icon 1s infinite;
    -moz-animation: scroll-down-icon 1s infinite;
    -o-animation: scroll-down-icon 1s infinite;
    animation: scroll-down-icon 1s infinite;
    position: absolute;
    left: 10px;
  }
  
  @-webkit-keyframes scroll-down-icon {
    0% {
      bottom: 3px;
    }
    50% {
      bottom: 8px;
    }
    100% {
      bottom: 3px;
    }
  }
  @-moz-keyframes scroll-down-icon {
    0% {
      bottom: 3px;
    }
    50% {
      bottom: 8px;
    }
    100% {
      bottom: 3px;
    }
  }
  @-o-keyframes scroll-down-icon {
    0% {
      bottom: 3px;
    }
    50% {
      bottom: 8px;
    }
    100% {
      bottom: 3px;
    }
  }
  @keyframes scroll-down-icon {
    0% {
      bottom: 3px;
    }
    50% {
      bottom: 8px;
    }
    100% {
      bottom: 3px;
    }
  }
  .row.row-10 {
    margin: 0 -5px;
  }
  
  .row.row-10 > div {
    padding: 0 5px;
  }
  
  .row.row-16 {
    margin: 0 -8px;
  }
  
  .row.row-16 > div {
    padding: 0 8px;
  }
  
  .row.row-20 {
    margin: 0 -10px;
  }
  
  .row.row-20 > div {
    padding: 0 10px;
  }
  
  .bg-gradient:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: #7b33d4;
    /* Old browsers */
    background: -moz-linear-gradient(left, #7b33d4 0%, #4693cc 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #7b33d4), color-stop(100%, #4693cc));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #7b33d4 0%, #4693cc 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #7b33d4 0%, #4693cc 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #7b33d4 0%, #4693cc 100%);
    /* IE10+ */
    background: linear-gradient(to right, #7b33d4 0%, #4693cc 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */
  }
  
  .bg-gradient-2:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .9;
    z-index: -1;
    background: #1abc9c;
    /* Old browsers */
    background: -moz-linear-gradient(left, #1abc9c 0%, #29c7c8 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #1abc9c), color-stop(100%, #29c7c8));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #1abc9c 0%, #29c7c8 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #1abc9c 0%, #29c7c8 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #1abc9c 0%, #29c7c8 100%);
    /* IE10+ */
    background: linear-gradient(to right, #1abc9c 0%, #29c7c8 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */
  }
  
  /*-------------------------------------------------------*/
  /* Typography
  /*-------------------------------------------------------*/
  ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto", sans-serif;
    margin-top: 0;
    color: #5a5b5f;
    font-weight: 300;
    line-height: 1.5;
  }
  
  h1 {
    font-size: 36px;
  }
  
  h2 {
    font-size: 32px;
  }
  
  h3 {
    font-size: 28px;
  }
  
  h4 {
    font-size: 24px;
    font-weight: normal;
  }
  
  h5 {
    font-size: 20px;
    font-weight: normal;
  }
  
  h6 {
    font-size: 18px;
    font-weight: normal;
  }
  
  h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
    color: inherit;
  }
  
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: #5a5b5f;
    font-size: 70%;
  }
  
  p {
  font-size: 15px;
      color: #000000;
      font-weight: normal;
      line-height: 26px;
      font-family: raleway;
  }
  
  .heading {
        position: relative;
      margin-bottom: 30px;
      font-family: raleway;
      color: #000;
  }
  .heading.large {
    font-size: 35px;
  }
  
  
  .heading-row {
    margin-bottom: 30px;
  }
  .heading-row.style-2 {
      margin-bottom: 60px;
      margin-top: 60px;
  }
  
  .subheading {
        font-family: raleway;
      /* font-style: italic; */
      font-size: 16px;
      line-height: 34px;
  }
  
  .list-inline {
    margin: 0;
  }
  
  .bottom-line:after {
    content: "";
    display: block;
    width:260px;
    border-bottom: 2px solid #e7604a;
    margin: 12px auto 24px;
    z-index: 1;
    position: relative;
  }
  
  .bottom-line:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 1px;
    width: 100%;
    border-bottom: 1px solid #e8ebee;
  }
  
  .bottom-line.style-2:before {
    display: none;
  }
  
  .bottom-line.left-align:after {
    margin: 12px auto 24px 0;
  }
  
  .footer-widgets .bottom-line:before {
    border-color: #40434a;
  }
  
  .sliding-link {
    display: inline-block;
    position: relative;
    padding-bottom: 3px;
  }
  .sliding-link:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    -webkit-transition: width 0s ease, background 0.5s ease;
    -moz-transition: width 0s ease, background 0.5s ease;
    -ms-transition: width 0s ease, background 0.5s ease;
    -o-transition: width 0s ease, background 0.5s ease;
    transition: width 0s ease, background 0.5s ease;
  }
  .sliding-link:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    background: #e7604a;
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    -ms-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
    transition: width 0.5s ease;
  }
  .sliding-link:hover:before {
    width: 100%;
    background: #e7604a;
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    -ms-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
    transition: width 0.5s ease;
  }
  .sliding-link:hover:after {
    width: 100%;
    background: transparent;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -ms-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
  }
  
  .mobile .sliding-link:before,
  .mobile .sliding-link:after,
  .mobile .underline-link:after {
    display: none;
  }
  
  .underline-link {
    display: inline-block;
  }
  
  .underline-link:after {
    content: "";
    display: block;
    border-bottom: 2px solid #fff;
    width: 100%;
    opacity: 0;
    bottom: -10px;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }
  
  .underline-link:hover:after {
    opacity: 1;
    bottom: -3px;
  }
  
  p.large {
    font-size: 120%;
    line-height: 1.8;
  }
  
  blockquote {
    padding: 0 0 20px;
    margin: 0;
    border: none;
  }
  blockquote > p {
    font-size: 20px;
    line-height: 34px;
    font-family: "Merriweather", serif;
    margin-bottom: 5px !important;
    position: relative;
    font-style: italic;
  }
  blockquote > span {
    color: #e7604a;
    font-size: 16px;
  }
  
  .blockquote-style-1 {
    padding: 40px 40px 40px 90px;
    border: 1px solid #e8ebee;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
  }
  .blockquote-style-1 span {
    color: #e7604a;
  }
  .blockquote-style-1 p:before {
    content: "\f10d";
    font-size: 30px;
    position: absolute;
    left: -50px;
    margin-top: 3px;
    font-family: "FontAwesome";
    font-style: normal;
    color: #979ba3;
    opacity: 0.3;
  }
  
  .blockquote-style-2 {
    padding: 40px;
    border-left: 2px solid #e7604a;
  }
  
  .dropcap {
    font-family: 'Montserrat', sans-serif;
  }
  
  .dropcap.style-1 {
    float: left;
    color: #e7604a;
    font-size: 47px;
    line-height: 48px;
    padding-right: 10px;
  }
  
  .dropcap.style-2 {
    float: left;
    color: #fff;
    text-align: center;
    background-color: #e7604a;
    width: 38px;
    height: 38px;
    font-size: 24px;
    line-height: 40px;
    margin: 7px 10px 0 0;
  }
  
  .highlight {
    padding: 3px 5px;
    color: #fff;
    background-color: #e7604a;
  }
  
  .list li {
    line-height: 24px;
  }
  .list li i {
    line-height: 21px;
  }
  
  .bullets li,
  .arrows li,
  .checks li,
  .numbers li {
    margin-bottom: 20px;
    color: #979ba3;
  }
  
  .bullets li:before {
    content: "\2022";
    font-size: 14px;
    color: #e7604a;
    padding-right: 0.5em;
  }
  
  .arrows i {
    margin-right: 5px;
  }
  
  .arrows i,
  .checks i {
    color: #e7604a;
  }
  
  .checks i {
    font-size: 12px;
    margin-right: 7px;
    vertical-align: middle;
  }
  
  ol.numbers {
    padding-left: 20px;
  }
  
  .section-columns p {
    margin-bottom: 40px;
  }
  
  /*-------------------------------------------------------*/
  /* Top Bar
  /*-------------------------------------------------------*/
  .top-bar {
    background-color: #11284c;
    width: 100%;
    position: relative;
    height: 44px;
    color: #fff;
  }
  
  .top-bar-links {
    line-height: 44px;
    font-size: 12px;
  }
  .top-bar-links li {
    padding-right: 20px;
  }
  .top-bar-links a {
    color: #fff;
  }
  .top-bar-links a:hover {
    color: #e7604a;
  }
  .top-bar-links > ul:first-child i {
    margin-right: 5px;
    color: #fff;
  }
  
  .top-bar > ul,
  .top-bar-links > ul > li {
    display: inline-block;
    position: relative;
  }
  
  .top-bar-currency-language > li > a {
    color: #fff;
  }
  
  .top-bar-currency-language i {
    margin-left: 5px;
  }
  
  .currency-dropdown,
  .language-dropdown {
    background-color: #fff;
    padding: 0 10px;
    position: absolute;
    border: 1px solid #f2f2f2;
    z-index: 150;
    right: 15px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  .language-dropdown {
    right: 0;
  }
  
  .currency-dropdown ul li,
  .language-dropdown ul li {
    line-height: 26px;
    border-top: 1px solid #f2f2f2;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  
  .currency-dropdown ul li > a,
  .language-dropdown ul li > a {
    color: #7a7a7a;
  }
  
  .top-bar-currency-language > li:hover .currency-dropdown,
  .top-bar-currency-language > li.language:hover .language-dropdown {
    visibility: visible;
    opacity: 1;
  }
  
  .top-bar-links .top-bar-link a:after {
    content: "";
    border-right: 1px solid #606060;
    margin: 0 7px 0 10px;
  }
  
  .top-bar-links .top-bar-link:last-child a:after {
    content: "";
    border-right: none;
    margin: 0;
  }
  
  /*-------------------------------------------------------*/
  /* Navigation
  /*-------------------------------------------------------*/
  .navbar {
    margin-bottom: 0;
    border: none;
    min-height: 100px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 120;
  }
  
  .navigation {
    width: 100%;
    line-height: 0;
  }
  .navigation.offset {
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .navigation.scrolling {
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }
  .navigation.sticky {
    position: fixed;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100px;
    top: 0;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    z-index: 120;
  }
  .navigation.sticky.scrolling {
    opacity: 1;
    visibility: visible;
  }
  .navigation.sticky .navbar-nav > li > a {
    line-height: 80px;
    color: #5a5b5f;
  }
  .navigation.sticky .nav-right {
    color: #5a5b5f;
  }
  .navigation.sticky #nav-icon span {
    background-color: #5a5b5f;
  }
  
  @media (min-width: 992px) {
    header.transparent .navbar {
      position: absolute;
      top: 0;
      width: 100%;
      -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2);
      -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2);
      -ms-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2);
      box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2);
    }
  
    header.transparent .logo-dark,
    header.transparent .navigation.scrolling .logo {
      display: none;
    }
  
    header.transparent .navigation.scrolling .logo-dark,
    header.transparent .logo {
      display: inline-block;
    }
  }
  .logo-container {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  
  .logo-wrap {
    display: table;
    width: 100%;
  }
  .logo-wrap > a {
    display: table-cell;
    vertical-align: middle;
    height: 100px;
  }
  .logo-wrap.shrink > a {
    height: 60px;
  }
  
  .logo {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  .navbar-header {
    width: 20%;
    padding-right: 15px;
  }
  
  .nav-wrap {
    width: 60%;
  }
  
  .nav-type-3 .nav-wrap {
    width: 80%;
    float: right;
  }
  
  .navbar-nav {
    margin: 0;
    display: inline-block;
    float: none;
  }
  .navbar-nav > li > a {
      font-family: raleway;
      letter-spacing: 0.05em;
      color: #000;
  
  font-weight:500;
      font-size: 14px;
      line-height: 80px;
  }
  .navbar-nav > li:last-child > a {
    padding-right: 0;
  }
  
  header.transparent .navbar-nav > li > a {
    color: #fff;
  }
  
  .navbar-collapse {
    border: none;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
  }
  .navbar-collapse.in {
    overflow-x: hidden;
  }
  
  .navbar-nav > li > a:hover,
  .navbar-nav > .active > a,
  .navbar-nav > .active > a:focus,
  .navbar-nav > .active > a:hover,
  header.transparent .navigation.scrolling .navbar-nav > li > a:hover,
  header.transparent .navigation.scrolling .navbar-nav > .active > a,
  header.transparent .navigation.scrolling .navbar-nav > .active > a:focus,
  header.transparent .navigation.scrolling .navbar-nav > .active > a:hover {
    color: #e7604a !important;
  }
  
  .navbar-nav > .open > a,
  .navbar-nav > .open > a:focus,
  .navbar-nav > .open > a:hover {
    background-color: transparent;
    color: #e7604a;
  }
  
  .nav .open > a,
  .nav .open > a:focus,
  .nav .open > a:hover,
  .nav > li > a:focus,
  .nav > li > a:hover {
    background-color: transparent;
    border-color: #e8ebee;
    text-decoration: none;
  }
  
  .navbar-nav .dropdown-menu {
    left: 0;
  }
  
  .navbar-nav .dropdown-menu.menu-right {
    left: auto;
    right: 0;
  }
  
  .dropdown-menu {
    min-width: 310px;
    margin: 0;
    padding: 20px 0;
    border-top: 2px solid #e7604a;
    border-left: 1px solid #e8ebee;
    border-right: 1px solid #e8ebee;
    border-bottom: none;
    border-radius: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    text-align:left;
  }
  .dropdown-menu li > a {
    padding: 5px 30px;
    color: #979ba3;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-weight: 500;
  }
  .dropdown-menu.megamenu, .dropdown-menu.megamenu-wide {
    padding: 0 20px;
  }
  .dropdown-menu .megamenu-wrap ul > li > a {
    display: block;
    clear: both;
    font-weight: 500;
    line-height: 1.42857143;
    white-space: nowrap;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .dropdown-menu .megamenu-wrap ul > li > a i {
    margin-right: 6px;
    width: 16px;
    text-align: center;
  }
  
  .menu-list li > a {
    border: none;
  }
  
  .dropdown-menu > li > a:focus,
  .dropdown-menu > li > a:hover,
  .megamenu .menu-list > li > a:hover,
  .megamenu-wide .menu-list > li > a:hover {
    background-color: transparent;
    color: #e7604a;
  }
  
  .megamenu-item {
    border-right: 1px solid #e8ebee;
    padding: 30px;
  }
  .megamenu-item:last-child {
    border-right: none;
  }
  
  .megamenu-wrap .menu-list > li > a {
    padding: 5px 0;
  }
  
  .megamenu-wrap .menu-list > li:last-child > a {
    border-bottom: none;
  }
  
  .megamenu-item h6 {
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.05em;
  }
  
  .navbar .dropdown-menu {
    margin-top: 0;
  }
  
  .dropdown-submenu {
    position: relative;
  }
  .dropdown-submenu .dropdown-menu {
    top: -20px;
    left: 100%;
    margin-top: -2px;
  }
  .dropdown-submenu > a:after {
    font-family: "FontAwesome";
    position: absolute;
    content: "\f105";
    right: 15px;
    color: #979ba3;
  }
  
  @media (min-width: 992px) {
    .dropdown-menu,
    .dropdown-submenu > .dropdown-menu {
      display: block;
      visibility: hidden;
      opacity: 0;
      -webkit-transform: translateY(30px);
      -moz-transform: translateY(30px);
      -ms-transform: translateY(30px);
      -o-transform: translateY(30px);
      transform: translateY(30px);
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      -ms-transition: all 0.1s ease-in-out;
      -o-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out;
    }
  
    .dropdown:hover > .dropdown-menu,
    .dropdown-submenu:hover > .dropdown-menu {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
  /*-------------------------------------------------------*/
  /* Navigation Right Links
  /*-------------------------------------------------------*/
  .navigation.sticky #nav-icon .nav-icon-inner,
  .navigation.sticky .nav-right li {
    height: 60px;
  }
  
  .nav-right {
    float: right;
    display: table;
    color: #5a5b5f;
    padding-right: 15px;
    padding-left: 30px;
  }
  .nav-right li {
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
    padding-right: 30px;
    height: 100px;
  }
  .nav-right li:last-child {
    padding-right: 0;
  }
  
  .nav-type-3 .nav-right {
    padding-right: 0;
  }
  
  header.transparent .nav-right {
    color: #fff;
  }
  
  /* Menu Search
  -------------------------------------------------------*/
  a.nav-search {
    position: relative;
    display: block;
    width: 21px;
    height: 21px;
    color: inherit;
  }
  
  .search-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 121;
    background-color: #191b1f;
  }
  .search-wrap .search-inner {
    display: table;
    width: 100%;
    height: 100%;
  }
  .search-wrap .search-cell {
    display: table-cell;
    vertical-align: middle;
  }
  .search-wrap .search-field-holder {
    width: 50%;
    margin: auto;
    position: relative;
    animation: slideInUp .3s;
  }
  .search-wrap .form-control {
    height: auto;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #fff;
    font-size: 38px;
    line-height: 2;
    margin-bottom: 0;
    color: #fff;
    position: relative;
  }
  .search-wrap input.form-control, .search-wrap input.form-control:focus {
    background-color: #191b1f;
  }
  .search-wrap .search-submit {
    font-family: "themify";
    font-size: 24px;
    position: absolute;
    color: #fff;
    background: 0 0;
    border: none;
    top: 22px;
    right: 0;
  }
  
  input.main-search-input::-webkit-input-placeholder {
    color: #fff;
  }
  
  input.main-search-input:-moz-placeholder {
    color: #fff;
    opacity: 1;
  }
  
  input.main-search-input::-moz-placeholder {
    color: #fff;
    opacity: 1;
  }
  
  input.main-search-input:-ms-input-placeholder {
    color: #fff;
  }
  
  .search-trigger {
    z-index: 122;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 0;
    opacity: 1;
  }
  
  .search-close {
    opacity: 0;
    visibility: hidden;
    font-size: 20px;
    z-index: 121;
    position: fixed;
    top: 42px;
    right: 116px;
    color: #fff;
    cursor: pointer;
  }
  
  .search-close.open {
    opacity: 1;
    visibility: visible;
  }
  
  .nav-search.open .search-trigger {
    opacity: 0;
    z-index: 20;
  }
  
  .mobile-links li > a {
    padding: 15px 0 15px 15px;
    line-height: 20px;
    border-bottom: 1px solid #e8ebee;
    color: #979ba3;
    display: block;
  }
  .mobile-links li > a:hover {
    color: #e7604a;
  }
  
  /* Menu Cart
  -------------------------------------------------------*/
  .nav-cart-wrap.style-1,
  .nav-search {
    font-size: 20px !important;
  }
  
  .nav-cart {
    position: relative;
  }
  .nav-cart .cart-outer {
    display: table;
    position: relative;
    width: 20px;
  }
  .nav-cart:hover .nav-cart-container {
    opacity: 1;
    visibility: visible;
  }
  
  .cart-inner {
    display: table-cell;
    height: 100px;
    vertical-align: middle;
  }
  
  .navigation.sticky .cart-inner {
    height: 60px;
  }
  
  .nav-cart-ammount {
    display: inline-block;
  }
  .nav-cart-ammount span, .nav-cart-ammount a {
    line-height: 66px;
    color: #979ba3;
    font-size: 13px;
  }
  
  .mobile-cart {
    float: right;
    margin-right: 15px;
    color: #5a5b5f;
  }
  
  /* Menu Cart Popup
  -------------------------------------------------------*/
  .nav-cart-container {
    opacity: 0;
    visibility: hidden;
    min-width: 250px;
    position: absolute;
    left: auto;
    right: -20px;
    background-color: #fff;
    padding: 30px;
    line-height: 1;
    border-top: 2px solid #e7604a;
    border-left: 1px solid #e8ebee;
    border-right: 1px solid #e8ebee;
    border-bottom: none;
    text-align: left;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 201;
  }
  
  .nav-cart-items {
    position: relative;
  }
  
  .nav-cart-item {
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
  }
  .nav-cart-item:first-child {
    margin-top: 0;
  }
  .nav-cart-item .nav-cart-img {
    float: left;
    margin-right: 20px;
  }
  .nav-cart-item .nav-cart-price {
    color: #979ba3;
    font-size: 13px;
  }
  
  .nav-cart-title {
    position: relative;
    overflow: hidden;
    margin-right: 30px;
  }
  .nav-cart-title > a {
    position: relative;
    color: #5a5b5f;
    font-size: 14px;
    vertical-align: top;
    line-height: 1.5;
  }
  .nav-cart-title > a:hover {
    color: #e7604a;
  }
  
  .nav-cart-price {
    margin-top: 5px;
  }
  
  .nav-cart-remove {
    background: url(../img/shop/shop_icons.png) 0 -26px no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fafcfc;
  }
  .nav-cart-remove a {
    width: 20px;
    height: 20px;
    display: block;
  }
  .nav-cart-remove:hover {
    background-position: 0 -52px;
    background-color: #e7604a;
  }
  
  .nav-cart-summary {
    margin-top: 10px;
    font-weight: 700;
    color: #5a5b5f;
    font-size: 14px;
  }
  .nav-cart-summary .total-price {
    float: right;
  }
  
  .nav-cart-actions a {
    width: 100%;
  }
  
  .nav-cart-wrap .shopping-cart {
    color: inherit;
  }
  .nav-cart-wrap .shopping-cart:hover {
    color: #e7604a;
  }
  
  .cart-inner a > span {
    display: block;
    position: absolute;
    top: -6px;
    right: -8px;
    background-color: #e7604a;
    color: #fff;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 10px;
  }
  
  /* Navigation Toggle
  -------------------------------------------------------*/
  .navbar-toggle {
    margin-top: 13px;
    border: none;
    z-index: 50;
    margin-right: 5px;
  }
  .navbar-toggle .icon-bar {
    background-color: #5a5b5f;
    width: 18px;
  }
  .navbar-toggle:focus .icon-bar, .navbar-toggle:hover .icon-bar {
    background-color: #e7604a;
  }
  .navbar-toggle:focus, .navbar-toggle:hover {
    background-color: transparent;
  }
  
  /* Nav Side Icon
  -------------------------------------------------------*/
  .nav-icon-trigger {
    position: relative;
    margin-left: 15px;
  }
  
  #nav-icon {
    display: table;
    width: 20px;
    height: 20px;
    padding: 0;
  }
  #nav-icon .nav-icon-inner {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    height: 100px;
    z-index: 300;
    cursor: pointer;
  }
  #nav-icon .nav-icon-wrap {
    height: 20px;
    position: relative;
    top: 3px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  #nav-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: #5a5b5f;
    opacity: 1;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  #nav-icon span:nth-child(1) {
    top: 0px;
  }
  #nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {
    top: 6px;
  }
  #nav-icon span:nth-child(4) {
    top: 12px;
  }
  #nav-icon.open span:nth-child(1), #nav-icon.open span:nth-child(4) {
    top: 6px;
    width: 0%;
    left: 50%;
  }
  #nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  
  header.transparent #nav-icon span {
    background-color: #fff;
  }
  
  /* Offset Sidenav
  -------------------------------------------------------*/
  .sidenav {
    background-color: #191b1f;
    padding: 60px 40px;
    height: 100%;
    width: 350px;
    position: fixed;
    right: -350px;
    z-index: 121;
    font-size: 13px;
    -webkit-transition: all 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -moz-transition: all 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -ms-transition: all 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -o-transition: all 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: all 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
  }
  .sidenav.opened {
    right: 0;
  }
  .sidenav p {
    font-size: 13px;
    margin-bottom: 0;
  }
  .sidenav address {
    line-height: 26px;
  }
  .sidenav a {
    color: #fff;
  }
  .sidenav a:hover {
    color: #e7604a;
  }
  .sidenav h6 {
    font-size: 18px;
    color: #fff;
  }
  
  #sidenav-close i {
    font-size: 20px;
    color: #fff;
    position: absolute;
    right: 40px;
    top: 40px;
  }
  
  .links-list li {
    display: block;
    padding: 3px 0;
  }
  .links-list li a {
    color: #979ba3;
  }
  
  .main-wrapper {
    position: relative;
    left: 0;
    -webkit-transition: all 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -moz-transition: all 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -ms-transition: all 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -o-transition: all 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: all 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
  }
  .main-wrapper.sidenav-opened {
    left: -350px;
  }
  
  /*-------------------------------------------------------*/
  /* Onepage Navigation / Landing
  /*-------------------------------------------------------*/
  .nav-type-2 .nav-wrap {
    width: auto;
  }
  .nav-type-2.landing .navbar-nav > li > a {
    font-size: 18px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
  }
  .nav-type-2.landing .navbar-nav > li > div {
    line-height: 100px;
    padding-left: 12px;
  }
  .nav-type-2.landing .navigation.sticky .navbar-nav > li > div {
    line-height: 60px;
  }
  
  /* Go to Top
  -------------------------------------------------------*/
  #back-to-top {
    display: block;
    z-index: 500;
    width: 36px;
    height: 36px;
    text-align: center;
    font-size: 22px;
    position: fixed;
    bottom: -36px;
    right: 20px;
    line-height: 30px;
    background-color: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    -webkit-box-shadow: 1px 1.732px 12px 0px rgba(0, 0, 0, 0.14), 1px 1.732px 3px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 1px 1.732px 12px 0px rgba(0, 0, 0, 0.14), 1px 1.732px 3px 0px rgba(0, 0, 0, 0.12);
    -ms-box-shadow: 1px 1.732px 12px 0px rgba(0, 0, 0, 0.14), 1px 1.732px 3px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 1px 1.732px 12px 0px rgba(0, 0, 0, 0.14), 1px 1.732px 3px 0px rgba(0, 0, 0, 0.12);
  }
  #back-to-top i {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  #back-to-top a {
    width: 36px;
    height: 36px;
    display: block;
    color: #5a5b5f;
  }
  #back-to-top.show {
    bottom: 20px;
  }
  #back-to-top:hover {
    background-color: #e7604a;
  }
  #back-to-top:hover i {
    color: #fff;
  }
  
  /*-------------------------------------------------------*/
  /* Nav Type-4 (Left Nav)
  /*-------------------------------------------------------*/
  .content-wrap {
    margin-left: 260px;
    position: relative;
    width: auto;
  }
  
  .vertical-nav .header-wrap {
    width: 260px;
    height: 100%;
    background-color: #fff;
    padding: 70px 38px;
  }
  
  .nav-type-4 {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 500;
    height: 100%;
    width: 260px;
  }
  .nav-type-4 .navbar-header, .nav-type-4 .nav-wrap, .nav-type-4 .logo-container {
    width: 100%;
  }
  .nav-type-4 .navbar-header {
    padding: 0;
  }
  .nav-type-4 .navbar {
    min-height: 100%;
  }
  .nav-type-4 .logo-wrap > a {
    height: auto;
  }
  .nav-type-4 .nav {
    width: 100%;
    margin-top: 40px;
  }
  .nav-type-4 .navbar-nav > li, .nav-type-4 .social-icons a {
    float: none;
  }
  .nav-type-4 .navbar-nav > li > a {
    padding: 17px 0;
    line-height: 1;
  }
  
  .nav-item-toggle > a:after {
    font-family: "FontAwesome";
    position: absolute;
    content: "\f107";
    right: 0;
    color: #979ba3;
  }
  
  .nav-item-submenu li a {
    display: block;
    padding: 7px 0;
    line-height: 1;
    color: #979ba3;
  }
  .nav-item-submenu li a:hover {
    color: #e7604a;
  }
  
  /*-------------------------------------------------------*/
  /* Promo Section
  /*-------------------------------------------------------*/
  .promo-section .row > div:last-child {
    padding-right: 15%;
    display: table-cell;
    vertical-align: middle;
    float: none;
  }
  .promo-section .row > div:first-child {
    float: none;
    display: table-cell;
  }
  .promo-section .container-fluid {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
  }
  .promo-section h2 {
    font-size: 40px;
    margin-bottom: 16px;
  }
  .promo-section p {
    font-size: 16px;
    line-height: 32px;
  }
  .promo-section .lead-text {
    font-size: 18px;
    line-height: 34px;
    margin-bottom: 37px;
  }
  
  .customNavigation .btn.prev,
  .customNavigation .btn.next {
    width: auto;
    height: auto;
    font-size: 28px;
    padding: 0;
    border: none;
    margin-right: 14px;
    background-color: transparent;
    color: #979ba3;
  }
  .customNavigation .btn.prev:hover,
  .customNavigation .btn.next:hover {
    color: #e7604a;
  }
  
  /*-------------------------------------------------------*/
  /* Testimonials
  /*-------------------------------------------------------*/
  .parallax-testimonials .parallax {
    background-image: url(../img/testimonials_bg.jpg);
  }
  
  .parallax {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 0;
    z-index: -1;
  }
  
  .mobile .parallax {
    background-attachment: scroll !important;
    background-position: 50% 50% !important;
  }
  
  .parallax-testimonials > div {
    padding: 135px 0 115px;
  }
  .parallax-testimonials h2 {
    font-size: 24px;
    margin-bottom: 41px;
  }
  .parallax-testimonials .owl-dots {
    bottom: 29px;
    position: absolute;
  }
  .parallax-testimonials #owl-testimonials {
    position: static;
  }
  .parallax-testimonials .testimonial-text {
    font-family: "Roboto", sans-serif;
    font-size: 31px;
    color: #fff;
    line-height: 46px;
    margin-bottom: 20px;
    font-weight: 300;
  }
  .parallax-testimonials .testimonial span {
    font-size: 16px;
    color: #fff;
  }
  .parallax-testimonials .owl-pagination {
    position: relative;
    bottom: 0;
    margin-top: 40px;
  }
  
  /*-------------------------------------------------------*/
  /* Style-2
  /*-------------------------------------------------------*/
  .testimonials.style-2 .testimonial-box {
    background-color: #fafcfc;
    padding: 20px;
    margin: 0 15px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e8ebee;
    position: relative;
  }
  .testimonials.style-2 .testimonial-box:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -10px;
    left: 25px;
    width: 20px;
    height: 11px;
    background: url(../img/sprite.png) 0 0 no-repeat;
  }
  .testimonials.style-2 p {
    margin-bottom: 0;
  }
  .testimonials.style-2 .owl-pagination {
    position: relative;
    bottom: auto;
    margin-top: 30px;
  }
  .testimonials.style-2 .testimonial-author {
    margin: 30px 15px 0 15px;
  }
  .testimonials.style-2 .testimonial-author img {
    -webkit-border-radius: 70px;
    border-radius: 70px;
    margin-right: 20px;
    float: left;
  }
  .testimonials.style-2 .testimonial-author span {
    display: block;
    color: #5a5b5f;
  }
  .testimonials.style-2 .testimonial-author .testimonial-name {
    margin-top: 13px;
    margin-bottom: 2px;
  }
  .testimonials.style-2 .testimonial-author span:last-child {
    color: #979ba3;
    font-style: italic;
    font-size: 14px;
  }
  .testimonials.style-2 .owl-carousel img {
    width: auto;
    height: auto;
  }
  
  /*-------------------------------------------------------*/
  /* Style-3
  /*-------------------------------------------------------*/
  .testimonials.style-3 .testimonial-box {
    margin: 0;
    padding: 30px;
    border: 1px solid #e8ebee;
    background-color: #fafcfc;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  .testimonials.style-3 .testimonial-box:after {
    content: none;
  }
  .testimonials.style-3 .testimonial-author {
    margin: 0 0 10px 0;
  }
  .testimonials.style-3 .testimonial-author .testimonial-name {
    margin: 0 7px 0 0;
  }
  .testimonials.style-3 .testimonial-author span {
    display: inline-block;
    margin-right: 7px;
  }
  .testimonials.style-3 .owl-pagination {
    margin-top: 20px;
    text-align: left;
    position: relative;
    bottom: auto;
  }
  
  .owl-dark-dots .owl-page span {
    background-color: #979ba3;
  }
  
  .owl-white-dots .owl-page.active span {
    background-color: #fff;
  }
  
  .owl-carousel,
  .slick-slider,
  .featured-works {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
  }
  
  /*-------------------------------------------------------*/
  /* Style-4
  /*-------------------------------------------------------*/
  .parallax-testimonials.style-4 > div {
    padding: 150px 15px 130px;
  }
  .parallax-testimonials.style-4 .parallax {
    background-image: url(../img/testimonials_bg_2.jpg);
  }
  .parallax-testimonials.style-4 img {
    width: auto;
    display: block;
    float: none;
    margin: 0 auto -35px auto;
    border-radius: 50%;
  }
  .parallax-testimonials.style-4 .testimonial-box {
    padding: 60px 35px 40px;
    margin: 0 15px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
  .parallax-testimonials.style-4 .testimonial-text {
    color: #5a5b5f;
    font-size: 21px;
    line-height: 34px;
    margin-bottom: 0;
    margin-top: 30px;
  }
  .parallax-testimonials.style-4 span {
    color: #979ba3;
  }
  
  /*-------------------------------------------------------*/
  /* Partners
  /*-------------------------------------------------------*/
  .partners {
    padding: 30px 0;
  }
  
  /*-------------------------------------------------------*/
  /* Call To Action
  /*-------------------------------------------------------*/
  .call-to-action {
    position: relative;
    padding: 135px 0;
  }
  .call-to-action h2 {
    font-size: 46px;
    font-weight: bold;
    margin-bottom: 15px;
  }
  .call-to-action.bg-gradient {
    background-image: url(../img/cta_bg.jpg);
  }
  .call-to-action.bg-gradient:before {
    opacity: .8;
    z-index: 0;
  }
  
  .cta-buttons a {
    margin: 5px;
  }
  
  /*-------------------------------------------------------*/
  /* Call To Action Style-2
  /*-------------------------------------------------------*/
  .call-to-action.style-2 {
    padding: 56px 0;
  }
  .call-to-action.style-2 h2 {
    font-size: 28px;
    font-weight: 300;
    margin-top: 3px;
    margin-bottom: 0;
  }
  
  /*-------------------------------------------------------*/
  /* Call To Action Style-3
  /*-------------------------------------------------------*/
  .call-to-action.style-3 {
    padding: 90px 0;
    display: block;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    animation: color-animate 7s infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
  }
  .call-to-action.style-3 h2 {
    font-size: 42px;
    font-weight: 300;
    display: inline-block;
  }
  .call-to-action.style-3 i {
    font-size: 30px;
    color: #fff;
    margin-left: 10px;
  }
  
  /*-------------------------------------------------------*/
  /* Call To Action Style-4
  /*-------------------------------------------------------*/
  .call-to-action.style-4 {
    background-image: url(../img/cta_bg.jpg);
    padding: 200px 0;
  }
  .call-to-action.style-4:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.8;
    background-color: #191b1f;
  }
  .call-to-action.style-4 h2 {
    font-size: 54px;
  }
  
  /*-------------------------------------------------------*/
  /* Onepage Slide
  /*-------------------------------------------------------*/
  .color-animate {
    animation: color-animate 7s infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    opacity: .8 !important;
  }
  
  @-webkit-keyframes color-animate {
    0% {
      background-color: #7b33d4;
    }
    50% {
      background-color: #1abc9c;
    }
    100% {
      background-color: #29c7c8;
    }
  }
  @-moz-keyframes color-animate {
    0% {
      background-color: #7b33d4;
    }
    50% {
      background-color: #1abc9c;
    }
    100% {
      background-color: #29c7c8;
    }
  }
  @-o-keyframes color-animate {
    0% {
      background-color: #7b33d4;
    }
    50% {
      background-color: #1abc9c;
    }
    100% {
      background-color: #29c7c8;
    }
  }
  @keyframes color-animate {
    0% {
      background-color: #7b33d4;
    }
    50% {
      background-color: #1abc9c;
    }
    100% {
      background-color: #29c7c8;
    }
  }
  /*-------------------------------------------------------*/
  /* Intro
  /*-------------------------------------------------------*/
  .intro {
    padding: 20px 0;
  }
  .intro.style-2 {
    padding: 90px 0;
  }
  .intro.style-2 .subheading {
    font-size: 16px;
    color: #e7604a;
  }
  .intro.style-3 .intro-heading {
    font-size: 42px;
    line-height: 56px;
    margin-bottom: 32px;
    margin-top: 67px;
  }
  .intro.style-4 .container-fluid {
    max-width: 1400px;
  }
  .intro.style-4 .row > div:first-child {
    padding-right: 80px;
  }
  
  .intro-heading {
    font-size: 38px;
    line-height: 56px;
    margin-bottom: 28px;
  }
  
  p.intro-text {
       font-size: 16px;
      line-height: 30px;
      text-align: justify;
  }
  
  
  .text  li{
       font-size: 18px;
      line-height: 30px;
      text-align: justify;
      color:#000000;
  }
  /*-------------------------------------------------------*/
  /* iPad with Features
  /*-------------------------------------------------------*/
  .promo-section.style-2 {
    padding: 150px 0 50px;
  }
  
  .promo-device img {
    display: inline-block;
  }
  
  .features-text {
    padding-left: 100px;
  }
  
  .feature-right .features-text {
    padding-right: 100px;
    padding-left: 0;
  }
  .feature-right a {
    right: 0;
  }
  
  .features-icons {
    margin-top: 60px;
  }
  
  .features-icons .service-item-box {
    padding: 0;
    margin-bottom: 50px;
    background-color: transparent;
    position: relative;
  }
  .features-icons .service-item-box.feature-right {
    text-align: right;
  }
  
  /*-------------------------------------------------------*/
  /* Pricing Tables
  /*-------------------------------------------------------*/
  .pricing-table {
    background-color: #fff;
    text-align: center;
    padding-bottom: 30px;
    margin-bottom: 20px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    border: 1px solid #e8ebee;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    position: relative;
  }
  .pricing-table.best {
    margin-top: -20px;
    padding-bottom: 44px;
    -webkit-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.07);
    -ms-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.07);
    z-index: 1;
  }
  .pricing-table.best .pricing-title h3 {
    background-color: #e7604a;
    padding: 36px 0 35px;
    border-bottom: none;
    color: #fff;
    top: -1px;
    margin-left: -1px;
    margin-right: -1px;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
  }
  
  .pricing-title h3 {
    position: relative;
    font-size: 22px;
    line-height: 1;
    padding: 25px 0;
    margin-bottom: 0;
    border-bottom: 1px solid #e8ebee;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #5a5b5f;
  }
  
  .pricing-price {
    padding: 25px 0;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 34px;
    color: #5a5b5f;
    border-bottom: 1px solid #e8ebee;
    line-height: 1.3;
  }
  
  .pricing-term {
    font-size: 13px;
    display: block;
    color: #babcc1;
    font-weight: normal;
  }
  
  .pricing-features {
    color: #979ba3;
    font-size: 14px;
    margin-bottom: 30px;
  }
  .pricing-features li {
    padding: 12px 0;
    border-bottom: 1px solid #e8ebee;
  }
  .pricing-features li:nth-child(2n) {
    background-color: #fafcfc;
  }
  .pricing-features li i {
    margin-right: 5px;
  }
  .pricing-features li i.red {
    color: #e7604a;
  }
  .pricing-features li i.green {
    color: #1abc9c;
  }
  
  /*-------------------------------------------------------*/
  /* Style-2
  /*-------------------------------------------------------*/
  .pricing-table.style-2 {
    padding: 56px 20px;
    background-color: #fafcfc;
  }
  .pricing-table.style-2.violet {
    border-top: 5px solid #7b33d4;
  }
  .pricing-table.style-2.green {
    border-top: 5px solid #1abc9c;
  }
  .pricing-table.style-2.red {
    border-top: 5px solid #e7604a;
  }
  .pricing-table.style-2.blue {
    border-top: 5px solid #4693cc;
  }
  .pricing-table.style-2.red .btn {
    background-color: #e7604a;
  }
  .pricing-table.style-2 .pricing-title h3 {
    border-bottom: none;
    padding: 0;
    font-size: 16px;
  }
  .pricing-table.style-2 .pricing-price {
    border-bottom: none;
    font-size: 65px;
    padding-bottom: 15px;
  }
  .pricing-table.style-2 .pricing-features li {
    border-bottom: none;
  }
  .pricing-table.style-2 .pricing-currency {
    display: inline-block;
    vertical-align: top;
    margin: 10px -10px 0 0px;
    font-size: 32px;
  }
  
  /*-------------------------------------------------------*/
  /* Team
  /*-------------------------------------------------------*/
  .team-img {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
  .team-img.rounded {
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }
  .team-img.rounded .overlay {
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }
  .team-img img {
    width: 100%;
  }
  .team-img .overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(25, 27, 31, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .team-img .overlay .social-icons a {
    margin-bottom: 0;
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .team-img .team-details {
    position: absolute;
    left: 0;
    overflow: hidden;
    width: 100%;
    z-index: 2;
  }
  .team-img:hover .overlay {
    opacity: 1;
    visibility: visible;
  }
  .team-img:hover .social-icons a {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  
  .team-member .team-title {
    font-size: 20px;
    margin-bottom: 0;
  }
  .team-member span {
    font-size: 14px;
    font-style: italic;
    font-family: "Merriweather", serif;
  }
  
  #owl-team-slider .team-wrap {
    padding: 0 15px;
  }
  
  #owl-team-slider .owl-pagination {
    position: relative;
    bottom: 0;
    margin-top: 40px;
  }
  
  /*-------------------------------------------------------*/
  /* About Us Description
  /*-------------------------------------------------------*/
  .about-description h3 {
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 25px;
  }
  .about-description p {
    font-size: 16px;
    line-height: 32px;
  }
  
  /*-------------------------------------------------------*/
  /* Image With Features
  /*-------------------------------------------------------*/
  .img-box-holder {
    overflow: hidden;
    position: absolute;
    height: 100%;
    padding: 0;
    top: 0;
  }
  .img-box-holder.right-align {
    right: 0;
    left: auto;
  }
  
  .img-box {
  /*   background-image: url(../img/about_us.jpg);
    background-position: 50% 50%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2; */
  }
  
  .img-box.service-1 {
    background-image: url(../img/service_1.jpg);
  }
  
  .img-box.service-2 {
    background-image: url(../img/service_2.jpg);
  }
  
  .img-box.service-3 {
    background-image: url(../img/service_3.jpg);
  }
  
  .text-box {
    padding: 20%;
  }
  .text-box.style-2 {
    padding: 10%;
  }
  
  .text-box-feature h4 {
      font-size: 18px;
      font-family: raleway;
      color: #000
  }
  
  /*-------------------------------------------------------*/
  /* From Blog
  /*-------------------------------------------------------*/
  .from-blog .entry-item {
    padding: 16px;
    border: 1px solid #e8ebee;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
  }
  .from-blog .entry-wrap {
    border: none;
    padding: 20px 15px 10px;
  }
  .from-blog.no-thumbs .entry {
    padding: 35px 0;
    border-bottom: 1px solid #e8ebee;
  }
  .from-blog.no-thumbs .entry:last-child {
    border-bottom: none;
  }
  .from-blog.no-thumbs .entry-title {
    margin-bottom: 3px;
    font-size: 24px;
  }
  
  .entry-img {
    position: relative;
    overflow: hidden;
  }
  .entry-img img {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .entry-meta {
    margin-bottom: 13px;
  }
  
  .entry-meta li {
    color: #acb0b8;
    font-size: 12px;
    font-family: "Merriweather", serif;
    font-style: italic;
    display: inline-block;
  }
  .entry-meta li:before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    background-color: #acb0b8;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 7px 0 3px;
  }
  .entry-meta li:first-child:before {
    content: "";
    display: none;
    margin: 0;
  }
  .entry-meta li a {
    color: #acb0b8;
  }
  .entry-meta li a:hover {
    color: #e7604a;
  }
  
  .entry-content p {
    margin-bottom: 13px;
  }
  
  .hover-scale img {
    -webkit-transition: all 3s ease-in-out !important;
    -moz-transition: all 3s ease-in-out !important;
    -ms-transition: all 3s ease-in-out !important;
    -o-transition: all 3s ease-in-out !important;
    transition: all 3s ease-in-out !important;
  }
  
  .hover-scale:hover img {
    -webkit-transform: scale(1.5, 1.5) !important;
    -moz-transform: scale(1.5, 1.5) !important;
    -ms-transform: scale(1.5, 1.5) !important;
    -o-transform: scale(1.5, 1.5) !important;
    transform: scale(1.5, 1.5) !important;
  }
  
  .read-more {
   text-transform: uppercase;
      font-size: 17.5px;
      font-weight: 600;
      font-family: raleway;
          margin-top: 5px;
  }
  
  /*-------------------------------------------------------*/
  /* Contact
  /*-------------------------------------------------------*/
  .parallax-contact {
    background-image: url(../img/contact_title_bg.jpg);
    padding: 120px 0;
  }
  .parallax-contact .contact-item p, .parallax-contact .contact-item span, .parallax-contact .contact-item a {
    color: #fff;
  }
  
  .contact-item {
    position: relative;
    padding-left: 36px;
    margin-top: 30px;
    font-size: 15px;
  }
  .contact-item p, .contact-item span {
    font-size: inherit;
  }
  .contact-item a:hover {
    color: #e7604a;
  }
  
  .contact-icon {
    position: absolute;
    left: 0;
  }
  .contact-icon i {
    font-size: 18px;
    color: #979ba3;
    vertical-align: middle;
  }
  
  .parallax-contact input[type="text"],
  .parallax-contact input[type="email"],
  .parallax-contact textarea {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.5);
  }
  
  .parallax-contact input::-webkit-input-placeholder,
  .parallax-contact textarea::-webkit-input-placeholder {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.5);
  }
  .parallax-contact input:-moz-placeholder,
  .parallax-contact textarea:-moz-placeholder {
    color: #fff;
    opacity: 1;
  }
  .parallax-contact input::-moz-placeholder,
  .parallax-contact textarea::-moz-placeholder {
    color: #fff;
    opacity: 1;
  }
  .parallax-contact input:-ms-input-placeholder,
  .parallax-contact textarea:-ms-input-placeholder {
    color: #fff;
  }
  
  #contact-form .message {
    height: 50px;
    width: 100%;
    font-size: 13px;
    line-height: 50px;
    text-align: center;
    float: none;
    margin-top: 20px;
    display: none;
    color: #fff;
  }
  
  #contact-form .message.error {
    background-color: #ef5659;
  }
  
  #contact-form .message.success {
    background-color: #2cb8a5;
  }
  
  /*-------------------------------------------------------*/
  /* Google Map
  /*-------------------------------------------------------*/
  .gmap {
    width: 100%;
    height: 450px;
  }
  
  /*-------------------------------------------------------*/
  /* Who We Are / Vision / Results
  /*-------------------------------------------------------*/
  .feature-box {
        height: 250px;
      width: 350px;
      background-color: #fff;
      padding: 20px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0px 1px 1px rgba(72, 78, 85, 0.1);
    -moz-box-shadow: 0px 1px 1px rgba(72, 78, 85, 0.1);
    -ms-box-shadow: 0px 1px 1px rgba(72, 78, 85, 0.1);
    box-shadow: 0px 1px 1px rgba(72, 78, 85, 0.1);
  }
  
  /*-------------------------------------------------------*/
  /* Play Button
  /*-------------------------------------------------------*/
  .play-btn.hi-icon {
    display: inline-block;
    width: 120px;
    height: 120px;
    background-color: #e7604a;
    position: relative;
    border: 15px solid rgba(255, 255, 255, 0.15);
    background-clip: padding-box;
    transition: transform 1s linear;
    -moz-transition: transform 1s linear;
    -webkit-transition: transform 1s linear;
    -o-transition: transform 1s linear;
  }
  
  .play-btn:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    margin: -11px 0 0 -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 18px;
    border-color: transparent transparent transparent #ffffff;
  }
  
  /*Hi icon Effect 8*/
  .icon-effect-8 .hi-icon {
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
  }
  
  .icon-effect-8 .hi-icon:after {
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  
  .icon-effect-8 .hi-icon:hover {
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
  }
  
  .icon-effect-8 .hi-icon:hover:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms;
  }
  
  @-webkit-keyframes sonarEffect {
    0% {
      opacity: 0.3;
    }
    40% {
      opacity: 0.5;
      box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
      box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
      -webkit-transform: scale(1.3);
      opacity: 0;
    }
  }
  @-moz-keyframes sonarEffect {
    0% {
      opacity: 0.3;
    }
    40% {
      opacity: 0.5;
      box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
      box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
      -moz-transform: scale(1.3);
      opacity: 0;
    }
  }
  @keyframes sonarEffect {
    0% {
      opacity: 0.3;
    }
    40% {
      opacity: 0.5;
      box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
      box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
      transform: scale(1.3);
      opacity: 0;
    }
  }
  /*-------------------------------------------------------*/
  /* Sidenav Demo
  /*-------------------------------------------------------*/
  .vertical-nav .container {
    max-width: 100%;
  }
  
  .heading-bg-color {
    width: 100%;
    background-color: #e7604a;
    padding: 210px 0;
    font-size: 72px;
    margin-bottom: 0;
  }
  
  svg * {
    fill: none;
    stroke: currentColor;
  }
  
  .svg-icon {
    width: 100px;
    height: 100px;
    display: inline-block;
  }
  
  /*5 columns*/
  .col-xs-5ths,
  .col-sm-5ths,
  .col-md-5ths,
  .col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
  }
  
  .col-xs-5ths {
    width: 20%;
    float: left;
  }
  
  @media (min-width: 767px) {
    .col-sm-5ths {
      width: 20%;
      float: left;
    }
  }
  @media (min-width: 992px) {
    .col-md-5ths {
      width: 20%;
      float: left;
    }
  }
  @media (min-width: 1200px) {
    .col-lg-5ths {
      width: 20%;
      float: left;
    }
  }
  .process-wrap i {
    font-size: 40px;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    display: inline-block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #f3f5f8;
    color: #e7604a;
  }
  
  .process-wrap h3 {
    font-size: 16px;
    margin: 30px 0 20px;
  }
  
  .process-line {
    height: 3px;
    background-color: #f3f5f8;
    width: 100%;
    position: relative;
    top: 60px;
    max-width: calc(100% - 200px);
    left: 100px;
  }
  
  /*-------------------------------------------------------*/
  /* Tabs Slider
  /*-------------------------------------------------------*/
  .showcases-tabs {
    padding: 150px 0 120px;
  }
  
  .flex-control-nav.flexslider-tabs-nav {
    position: relative;
    bottom: auto;
    margin-bottom: 48px;
  }
  .flex-control-nav.flexslider-tabs-nav li {
    cursor: pointer;
    background-color: #32353a;
    padding: 11px 22px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-weight: 700;
    margin: 0 3px;
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -ms-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
  }
  .flex-control-nav.flexslider-tabs-nav li:hover, .flex-control-nav.flexslider-tabs-nav li.flex-active {
    background-color: #e7604a;
  }
  
  .video-section {
    padding: 162px 0;
  }
  
  /*-------------------------------------------------------*/
  /* Landing
  /*-------------------------------------------------------*/
  #landing .btn {
    text-transform: none;
    letter-spacing: normal;
    font-weight: normal;
  }
  
  #landing .btn-lg {
    font-size: 16px;
  }
  
  #landing .btn-md {
    font-size: 15px;
  }
  
  #landing .btn-sm {
    font-size: 15px;
    padding: 5px 23px;
  }
  
  #landing .btn.btn-icon > i {
    line-height: 51px;
  }
  
  #landing .btn.btn-md.btn-icon > i {
    line-height: 45px;
  }
  
  /*-------------------------------------------------------*/
  /* Hero Banner
  /*-------------------------------------------------------*/
  .hero-wrap {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  
  .hero-wrap .hero-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/landing_hero.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
  
  .hero-holder {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
  }
  
  .hero-message {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    text-align: center;
  }
  
  .hero-message h1 {
    font-size: 90px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    line-height: 1.1;
    color: #fff;
    display: inline-block;
  }
  
  .hero-subtitle {
    font-family: "Open Sans", sans-serif;
    text-transform: none;
    font-weight: 300;
    color: #fff;
    line-height: 1.5;
    font-size: 20px;
    max-width: 800px;
    margin: 15px auto 40px;
  }
  
  .btn-holder > a {
    margin: 2px;
  }
  
  .typed-cursor {
    opacity: 1;
    font-weight: 100;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
  }
  
  @keyframes blink {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-webkit-keyframes blink {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-moz-keyframes blink {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  /*-------------------------------------------------------*/
  /* Core Features
  /*-------------------------------------------------------*/
  #features {
    padding: 150px 0 80px;
  }
  
  /*-------------------------------------------------------*/
  /* Showcases
  /*-------------------------------------------------------*/
  #showcases-slider .gallery-cell {
    width: 59.9%;
    margin: 0 20px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    overflow: hidden;
  }
  
  #showcases-slider .gallery-cell.is-selected {
    -webkit-box-shadow: 0px 20px 50px 0px rgba(25, 27, 31, 0.37);
    -moz-box-shadow: 0px 20px 50px 0px rgba(25, 27, 31, 0.37);
    -ms-box-shadow: 0px 20px 50px 0px rgba(25, 27, 31, 0.37);
    box-shadow: 0px 20px 50px 0px rgba(25, 27, 31, 0.37);
    -webkit-transition: box-shadow 0.5s ease-in-out;
    -moz-transition: box-shadow 0.5s ease-in-out;
    -ms-transition: box-shadow 0.5s ease-in-out;
    -o-transition: box-shadow 0.5s ease-in-out;
    transition: box-shadow 0.5s ease-in-out;
  }
  
  #showcases-slider .flickity-viewport {
    overflow: visible;
  }
  
  /*-------------------------------------------------------*/
  /* Page Title
  /*-------------------------------------------------------*/
  .page-title {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    display: block;
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
  }
  .page-title .container {
    height: 650px;
  }
  
  .title-holder {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
  }
  
  .title-text {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
  }
  .title-text h1 {
    margin: 20px 0 0;
    color: #fff;
    font-size: 70px;
    font-weight: bold;
  }
  
  .breadcrumb {
    width: auto;
    background-color: transparent;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 13px;
  }
  
  .page-title .breadcrumb a,
  .page-title .breadcrumb > .active {
    color: #fff;
  }
  
  .page-title .breadcrumb > li + li:before {
    color: #fff;
    opacity: 0.5;
    padding: 0 1px 0 5px;
  }
  
  /*-------------------------------------------------------*/
  /* Style-2
  /*-------------------------------------------------------*/
  .page-title.style-2 {
      background-color: #90cc6b;
      padding: 25px 0;
  }
  .page-title.style-2 .container {
    height: auto;
  }
  .page-title.style-2 .title-text h1 {
    margin: 0;
    font-size: 28px;
    color:#fff;
    font-weight: normal;
  }
  .page-title.style-2 .breadcrumb {
    position: absolute;
    right: 0;
    width: auto;
    background-color: transparent;
    top: 50%;
    padding: 0;
    margin: -10px 0 0 0;
  }
  .page-title.style-2 .breadcrumb a, .page-title.style-2 .breadcrumb > li + li:before {
    color: #fff;
  }
  .page-title.style-2 .breadcrumb > .active, .page-title.style-2 .breadcrumb a:hover {
    color: #5a5b5f;
  }
  
  /*-------------------------------------------------------*/
  /* About Us
  /*-------------------------------------------------------*/
  .quote-mission {
    padding: 200px 0;
  }
  .quote-mission .parallax {
    background-image: url(../img/quote_mission.jpg);
  }
  .quote-mission blockquote {
    font-size: 60px;
    line-height: 1.5;
    padding: 0;
    font-family: "Merriweather", serif;
    font-style: italic;
    color: #fff;
  }
  
  /*-------------------------------------------------------*/
  /* Contact
  /*-------------------------------------------------------*/
  .icon-boxes.parallax-bg {
    padding: 60px 0 60px;
  }
  
  .service-item-box.style-1 .email {
    line-height: 26px;
    color: #979ba3;
  }
  
  /*-------------------------------------------------------*/
  /* 404
  /*-------------------------------------------------------*/
  .page-404 h1 {
    font-size: 40px;
    line-height: 1.2;
  }
  
  .page-404 a,
  .page-404 p {
    font-size: 14px;
  }
  
  /*-------------------------------------------------------*/
  /* Blog Standard
  /*-------------------------------------------------------*/
  .entry-wrap {
    position: relative;
    background-color: #fff;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    border: 1px solid #e8ebee;
    padding: 30px;
  }
  
  .entry-title {
    font-size: 20px;
    margin-bottom: 13px;
    line-height: 32px;
  }
  .entry-title a:hover {
    color: #e7604a;
  }
  
  .blog-standard .post-content .entry-title {
    font-size: 22px;
  }
  .blog-standard .post-content .entry-img, .blog-standard .post-content .entry-slider, .blog-standard .post-content .entry-video {
    position: relative;
    overflow: hidden;
  }
  
  .blog-standard .entry-item {
    margin-bottom: 7%;
    position: relative;
  }
  
  /* Quote Post
  -------------------------------------------------------*/
  .entry .blockquote-style-1 a {
    color: #979ba3;
  }
  .entry .blockquote-style-1 a:hover {
    color: #e7604a;
  }
  
  /* Video Post
  -------------------------------------------------------*/
  .entry-video iframe {
    width: 100%;
    display: block;
    border: 0;
  }
  
  /*-------------------------------------------------------*/
  /* Pagination
  /*-------------------------------------------------------*/
  .pagination {
    margin: 0 auto;
    border-radius: 0;
    display: block;
  }
  
  .pagination a,
  .pagination span {
    background-color: #fff;
    padding: 8px;
    font-size: 14px;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 22px;
    text-align: center;
    border: 1px solid #e8ebee;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  .pagination a {
    color: #5a5b5f;
  }
  .pagination a:hover {
    background-color: #e7604a;
    border-color: transparent;
    color: #fff;
  }
  .pagination a > i {
    font-size: 16px;
  }
  
  .pagination .current {
    color: #e7604a;
  }
  
  /*-------------------------------------------------------*/
  /* Sidebar
  /*-------------------------------------------------------*/
  .left-sidebar {
    float: left;
  }
  
  .sidebar:not(.left-sidebar) {
    padding-left: 3.2%;
  }
  
  .sidebar .widget-title {
    margin-bottom: 30px;
    font-size: 20px;
  }
  
  .sidebar .widget {
    margin-top: 50px;
    margin-bottom: 0;
  }
  
  .list-dividers > li {
    position: relative;
    padding: 10px 0;
    border-bottom: 1px solid #e8ebee;
  }
  
  .sidebar .widget:first-child {
    margin-top: 0;
  }
  
  .sidebar .widget:last-child {
    margin-bottom: 30px;
  }
  
  .sidebar .widget > ul > li:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  
  .sidebar .widget > ul > li:first-child {
    padding-top: 0;
  }
  
  .widget.categories ul li.active-cat a {
    color: #5a5b5f;
  }
  
  .widget.categories ul li a {
    color: #979ba3;
  }
  .widget.categories ul li a:hover {
    color: #e7604a;
  }
  
  .widget.categories li span,
  .widget.filter-by-size .count {
    right: 0;
    position: absolute;
    color: #979ba3;
  }
  
  /* Entry List
  -------------------------------------------------------*/
  .entry-list ul > li {
    border-bottom: 1px solid #e8ebee;
    border-top: 0;
  }
  .entry-list ul > li a:hover {
    color: #e7604a;
  }
  .entry-list li .entry-meta {
    margin-top: 0;
    margin-bottom: 0;
  }
  .entry-list ul > li {
    padding: 12px 0;
  }
  .entry-list ul > li:first-child {
    padding-top: 0 !important;
  }
  .entry-list ul > li:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
  }
  .entry-list ul > li .entry-title {
    font-size: 14px;
    margin-bottom: 1px;
    font-weight: normal;
    line-height: 1.5;
  }
  .entry-list ul > li .entry-meta li:first-child {
    padding-left: 0;
  }
  .entry-list.w-thumbs ul > li {
    padding: 20px 0;
  }
  
  /* Sidebar Search
  -------------------------------------------------------*/
  .search-button {
    position: absolute;
    top: 0;
    height: 100%;
    right: 10px;
    background-color: transparent;
    border: none;
  }
  
  .search-button i {
    width: 14px;
    font-size: 13px;
  }
  .search-button i:hover {
    color: #191b1f;
  }
  
  /* Tags
  -------------------------------------------------------*/
  .tags a {
    padding: 10px 12px;
    line-height: 1;
    margin: 0 6px 6px 0;
    font-size: 12px;
    color: #979ba3;
    display: inline-block;
    float: left;
    border: 1px solid #e8ebee;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .tags a:hover {
    background-color: #e7604a;
    color: #fff;
    border-color: transparent;
  }
  
  /*-------------------------------------------------------*/
  /* Blog Single
  /*-------------------------------------------------------*/
  .post-single .post-content p {
    margin-bottom: 30px;
  }
  
  .entry-content .entry-tags span,
  .entry-share span {
    display: inline-block;
    margin-right: 10px;
    font-size: 11px;
    line-height: 32px;
    font-family: "Roboto", sans-serif;
    color: #5a5b5f;
  }
  
  .entry-content .entry-tags a {
    margin: 2px;
    padding: 7px 12px;
  }
  
  .entry-share {
    padding: 20px 0;
    border-top: 1px solid #e8ebee;
    border-bottom: 1px solid #e8ebee;
  }
  .entry-share .social-icons {
    margin-top: 0;
    display: inline-block;
  }
  .entry-share .social-icons a {
    margin-bottom: 3px;
    height: 30px;
    width: 30px;
    margin-right: 1px;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }
  
  .entry-author-box {
    padding: 40px 0 30px;
    border-bottom: 1px solid #e8ebee;
    position: relative;
  }
  
  .entry-author-box .author-img {
    display: block;
    float: left;
    margin: 5px 25px 20px 0;
  }
  
  .entry-author-box h6.author-name,
  .entry-comments h6.comment-author {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0;
  }
  
  .author-info span {
    font-size: 13px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
  }
  
  .related-posts h4 {
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0;
    line-height: 1.5;
    text-transform: none;
    letter-spacing: normal;
    font-weight: normal;
  }
  
  .related-posts .entry {
    margin: 20px 0 40px;
  }
  
  .entry-comments .comment-avatar {
    position: absolute;
    display: block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }
  
  .entry-comments .comment-content {
    padding-left: 100px;
    margin-top: 5px;
  }
  
  .entry-comments .comment-author {
    color: #5a5b5f;
    font-family: "Roboto", sans-serif;
  }
  
  .entry-comments span {
    display: inline-block;
    margin-right: 10px;
  }
  
  .entry-comments span:last-of-type {
    margin-bottom: 10px;
  }
  
  .entry-comments .comment-content span a {
    font-size: 12px;
    color: #acb0b8;
  }
  
  .entry-comments .comment-content p {
    margin-bottom: 10px;
  }
  
  .comment-reply {
    padding-left: 10%;
  }
  
  .comment-body {
    padding: 30px;
    border: 1px solid #e8ebee;
    margin-bottom: 30px;
    background-color: #fafcfc;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  
  .blog-masonry .entry-item {
    margin-bottom: 30px;
  }
  
  /*-------------------------------------------------------*/
  /* Portfolio
  /*-------------------------------------------------------*/
  .works-grid.grid-5-col .work-item {
    width: 20%;
  }
  
  .works-grid.grid-4-col .work-item {
    width: 25%;
  }
  
  .works-grid.grid-3-col .work-item {
    width: 33.333%;
  }
  
  .works-grid.grid-2-col .work-item {
    width: 50%;
  }
  
  .works-grid.small-gutter {
    margin-left: 10px;
    margin-right: 10px;
  }
  
  .works-grid.small-gutter .work-item {
    padding: 0 3px;
  }
  
  .works-grid.gutter .work-item {
    padding: 0 15px;
  }
  
  .works-grid.gutter {
    margin-left: 15px;
    margin-right: 15px;
  }
  
  .works-grid.no-gutter .work-item {
    padding: 0;
  }
  
  .works-grid.small-gutter .work-container {
    margin-bottom: 6px;
  }
  
  .works-grid.no-gutter .work-img {
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  
  .works-grid.no-gutter .work-container,
  .related-products .work-container,
  #owl-featured-works .work-container {
    margin: 0;
  }
  
  .works-grid.with-title .work-description {
    position: relative;
    bottom: auto;
    padding: 24px;
    text-align: center;
    border: 1px solid #e8ebee;
  }
  
  .works-grid.with-title .work-item:hover .work-img img {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  
  .works-grid.with-title .work-item:hover .project-icons {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0;
  }
  
  .portfolio-filter {
    list-style: none;
    margin-bottom: 50px;
    cursor: default;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
  }
  .portfolio-filter a {
    display: inline-block;
    font-family: "Roboto", sans-serif;
    margin: 0 15px;
    color: #979ba3;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }
  .portfolio-filter a.active, .portfolio-filter a:hover {
    color: #e7604a;
  }
  
  .work-container {
    margin-bottom: 30px;
    overflow: hidden;
  }
  
  .work-item {
    position: relative;
  }
  .work-item img {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1);
    -ms-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1);
    transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  .work-item .work-description h2 {
    font-size: 15px;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 0;
  }
  .work-item .work-description h2 a:hover {
    color: #e7604a;
  }
  .work-item .work-description > span > a {
    color: #979ba3;
    font-size: 12px;
  }
  .work-item .work-description > span > a:hover {
    color: #e7604a;
  }
  .work-item .work-description i {
    font-size: 40px;
  }
  .work-item:hover .work-overlay {
    opacity: 1;
    visibility: visible;
  }
  .work-item:hover .work-img img {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  .work-item:hover .work-description {
    bottom: 0;
  }
  .work-item:hover .project-icons {
    position: absolute;
    top: 40%;
    margin-top: -20px;
  }
  .work-item:hover .lightbox-icon:before, .work-item:hover .lightbox-icon:after {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  .work-item.hover-2 .work-description {
    top: 50%;
    bottom: auto;
    padding: 0 15px;
    color: #fff;
    background-color: transparent;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .work-item.hover-2 .work-description h2 {
    position: relative;
    bottom: -100px;
    color: #fff;
    font-size: 18px;
    -webkit-transition: bottom 0.3s ease-in-out 0.1s;
    -moz-transition: bottom 0.3s ease-in-out 0.1s;
    -ms-transition: bottom 0.3s ease-in-out 0.1s;
    -o-transition: bottom 0.3s ease-in-out 0.1s;
    transition: bottom 0.3s ease-in-out 0.1s;
  }
  .work-item.hover-2 .work-description span {
    position: relative;
    color: #fff;
    bottom: -100px;
    font-size: 13px;
    font-style: italic;
    -webkit-transition: bottom 0.3s ease-in-out;
    -moz-transition: bottom 0.3s ease-in-out;
    -ms-transition: bottom 0.3s ease-in-out;
    -o-transition: bottom 0.3s ease-in-out;
    transition: bottom 0.3s ease-in-out;
  }
  .work-item.hover-2:hover .work-description h2 {
    bottom: 0;
    -webkit-transition: bottom 0.3s ease-in-out 0.1s;
    -moz-transition: bottom 0.3s ease-in-out 0.1s;
    -ms-transition: bottom 0.3s ease-in-out 0.1s;
    -o-transition: bottom 0.3s ease-in-out 0.1s;
    transition: bottom 0.3s ease-in-out 0.1s;
  }
  .work-item.hover-2:hover .work-description span {
    bottom: 0;
    -webkit-transition: bottom 0.3s ease-in-out 0.2s;
    -moz-transition: bottom 0.3s ease-in-out 0.2s;
    -ms-transition: bottom 0.3s ease-in-out 0.2s;
    -o-transition: bottom 0.3s ease-in-out 0.2s;
    transition: bottom 0.3s ease-in-out 0.2s;
  }
  .work-item.hover-2:hover .work-img img, .work-item.hover-3:hover .work-img img {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  .work-item.hover-3 .work-description {
    bottom: 0;
    background-color: transparent;
    padding: 30px;
  }
  .work-item.hover-3 .work-description h3 {
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    line-height: 1;
    margin-bottom: 3px;
  }
  .work-item.hover-3 .work-description span {
    color: #fff;
    font-size: 13px;
    font-style: italic;
  }
  
  .work-description {
    padding: 12px 20px;
    width: 100%;
    background-color: #fff;
    position: absolute;
    display: block;
    left: 0;
    top: auto;
    bottom: -65px;
    z-index: 3;
    -webkit-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1);
    -ms-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1);
    transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1);
  }
  
  .work-img {
    position: relative;
    overflow: hidden;
    z-index: 1;
  }
  .work-img.rounded {
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
  .work-img > a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
  }
  
  .work-overlay {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  .project-icons {
    position: absolute;
    top: 20%;
    width: 100%;
    text-align: center;
    -webkit-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1);
    -ms-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1);
    transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1);
  }
  .project-icons a {
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 14px;
    margin: 0 3px;
    line-height: 40px;
    text-align: center;
    color: #5a5b5f;
    background-color: #fff;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .project-icons a:hover {
    color: #fff;
    background-color: #e7604a;
  }
  
  .works-grid.with-title .work-item:hover .project-icons {
    top: calc(50% - 44px);
  }
  
  .lightbox-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .lightbox-icon:before {
    content: "";
    height: 1px;
    display: block;
    width: 30px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1);
    -ms-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1);
    transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1);
  }
  .lightbox-icon:after {
    content: "";
    width: 1px;
    display: inline-block;
    height: 30px;
    background-color: #fff;
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1);
    -ms-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1);
    transition: 0.6s cubic-bezier(0.86, 0, 0.07, 1);
  }
  
  /*-------------------------------------------------------*/
  /* Masonry
  /*-------------------------------------------------------*/
  .masonry-grid {
    width: 100%;
  }
  .masonry-grid .work-item {
    width: 50%;
    float: left;
  }
  .masonry-grid .work-item.quarter {
    width: 25%;
  }
  
  .dark-gradient:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    background: rgba(255, 255, 255, 0);
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );
  }
  
  .frame-holder {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    z-index: 2;
    overflow: hidden;
  }
  .frame-holder div {
    background-color: #fff;
  }
  .frame-holder .top-border, .frame-holder .bottom-border, .frame-holder .left-border, .frame-holder .right-border {
    position: absolute;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .frame-holder .top-border, .frame-holder .bottom-border {
    height: 2px;
    width: 100%;
  }
  .frame-holder .left-border, .frame-holder .right-border {
    height: 100%;
    width: 2px;
  }
  .frame-holder .top-border, .frame-holder .left-border {
    top: 0;
    left: 0;
  }
  .frame-holder .left-border {
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  .frame-holder .right-border {
    right: 0;
    top: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  .frame-holder .bottom-border {
    bottom: 0;
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  .frame-holder .top-border {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  
  .work-item.hover-3:hover .top-border,
  .work-item.hover-3:hover .left-border,
  .work-item.hover-3:hover .bottom-border,
  .work-item.hover-3:hover .right-border {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  
  /*-------------------------------------------------------*/
  /* Single Project
  /*-------------------------------------------------------*/
  .project-description {
    padding-left: 5%;
  }
  
  /*-------------------------------------------------------*/
  /* Style-2
  /*-------------------------------------------------------*/
  .project-info.style-2 .product_meta span {
    display: inline-block;
    padding: 0 10px;
  }
  
  .items-grid .first-in-row {
    clear: left;
  }
  
  .items-grid .col-xs-6:nth-child(2n + 3) {
    clear: left;
  }
  
  .items-grid .col-xs-4:nth-child(3n + 4) {
    clear: left;
  }
  
  .items-grid .col-xs-3:nth-child(4n + 5) {
    clear: left;
  }
  
  .items-grid .col-xs-2:nth-child(6n + 7) {
    clear: left;
  }
  
  .items-grid .col-xs-1:nth-child(12n + 13) {
    clear: left;
  }
  
  @media (min-width: 768px) {
    .items-grid .col-xs-6:nth-child(2n + 3) {
      clear: none;
    }
  
    .items-grid .col-xs-4:nth-child(3n + 4) {
      clear: none;
    }
  
    .items-grid .col-xs-3:nth-child(4n + 5) {
      clear: none;
    }
  
    .items-grid .col-xs-2:nth-child(6n + 7) {
      clear: none;
    }
  
    .items-grid .col-xs-1:nth-child(12n + 13) {
      clear: none;
    }
  
    .items-grid .col-sm-6:nth-child(2n + 3) {
      clear: left;
    }
  
    .items-grid .col-sm-4:nth-child(3n + 4) {
      clear: left;
    }
  
    .items-grid .col-sm-3:nth-child(4n + 5) {
      clear: left;
    }
  
    .items-grid .col-sm-2:nth-child(6n + 7) {
      clear: left;
    }
  
    .items-grid .col-sm-1:nth-child(12n + 13) {
      clear: left;
    }
  }
  @media (min-width: 992px) {
    .items-grid .col-sm-6:nth-child(2n + 3) {
      clear: none;
    }
  
    .items-grid .col-sm-4:nth-child(3n + 4) {
      clear: none;
    }
  
    .items-grid .col-sm-3:nth-child(4n + 5) {
      clear: none;
    }
  
    .items-grid .col-sm-2:nth-child(6n + 7) {
      clear: none;
    }
  
    .items-grid .col-sm-1:nth-child(12n + 13) {
      clear: none;
    }
  
    .items-grid .col-md-6:nth-child(2n + 3) {
      clear: left;
    }
  
    .items-grid .col-md-4:nth-child(3n + 4) {
      clear: left;
    }
  
    .items-grid .col-md-3:nth-child(4n + 5) {
      clear: left;
    }
  
    .items-grid .col-md-2:nth-child(6n + 7) {
      clear: left;
    }
  
    .items-grid .col-md-1:nth-child(12n + 13) {
      clear: left;
    }
  }
  @media (min-width: 1200px) {
    .items-grid .col-md-6:nth-child(2n + 3) {
      clear: none;
    }
  
    .items-grid .col-md-4:nth-child(3n + 4) {
      clear: none;
    }
  
    .items-grid .col-md-3:nth-child(4n + 5) {
      clear: none;
    }
  
    .items-grid .col-md-2:nth-child(6n + 7) {
      clear: none;
    }
  
    .items-grid .col-md-1:nth-child(12n + 13) {
      clear: none;
    }
  
    .items-grid .col-lg-6:nth-child(2n + 3) {
      clear: left;
    }
  
    .items-grid .col-lg-4:nth-child(3n + 4) {
      clear: left;
    }
  
    .items-grid .col-lg-3:nth-child(4n + 5) {
      clear: left;
    }
  
    .items-grid .col-lg-2:nth-child(6n + 7) {
      clear: left;
    }
  
    .items-grid .col-lg-1:nth-child(12n + 13) {
      clear: left;
    }
  }
  /*-------------------------------------------------------*/
  /* Promo Banners
  /*-------------------------------------------------------*/
  .promo-banner a {
    display: block;
    background: #191b1f;
  }
  .promo-banner img {
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    backface-visibility: hidded;
    -webkit-backface-visibility: hidden;
  }
  .promo-banner .work-overlay {
    opacity: 1;
    visibility: visible;
    background-color: transparent;
  }
  .promo-banner a:hover img {
    opacity: 0.6;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  
  .promo-inner {
    position: absolute;
    width: 100%;
    text-align: center;
  }
  
  .promo-inner h2 {
    color: #fff;
        font-weight: 500;
      font-family: raleway;
      font-size: 20px;
  }
  
  /*-------------------------------------------------------*/
  /* New Arrivals
  /*-------------------------------------------------------*/
  .product-item {
    margin-bottom: 50px;
  }
  
  .product-img img {
    overflow: hidden;
    min-width: 99.9%;
  }
  
  .product-img > a {
    display: block;
    position: relative;
  }
  
  .product-label {
    position: absolute;
    top: 10px;
    left: 10px;
  }
  .product-label > span {
    font-size: 10px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 3px 7px;
    letter-spacing: 0.05em;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  .product-label .sale {
    border: 2px solid #e7604a;
    color: #e7604a;
  }
  
  .sold-out {
    background-color: rgba(255, 255, 255, 0.9);
    color: #5a5b5f;
    padding: 15px 0;
    display: block;
    text-align: center;
    width: 100%;
    z-index: 5;
    text-transform: uppercase;
    font-weight: bold;
    cursor: default;
    font-size: 11px;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.05em;
  }
  
  .product-details {
    position: relative;
    text-align: center;
  }
  
  .product-details > h3,
  .product-list-widget a > span,
  .table.shop_table tr td.product-name a {
    line-height: 14px;
    margin-bottom: 3px;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 0.05em;
    font-size: 13px;
  }
  
  .product-details .product-title,
  .product-list-widget a {
    line-height: 1.5;
    color: #5a5b5f;
  }
  .product-details .product-title:hover,
  .product-list-widget a:hover {
    color: #e7604a;
  }
  
  .price,
  .amount {
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
  }
  
  .price del {
    color: #979ba3;
    margin-right: 10px;
  }
  
  .price ins {
    text-decoration: none;
    color: #e7604a;
    font-weight: bold;
  }
  
  .product-img .back-img {
    position: absolute;
    top: 0;
    opacity: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  .product-img.hover-1 {
    position: relative;
    overflow: hidden;
    margin-bottom: 24px;
  }
  .product-img.hover-1:hover .back-img, .product-img.hover-1:hover .product-actions {
    opacity: 1;
    visibility: visible;
  }
  .product-img.hover-1:hover .product-quickview {
    bottom: 0;
  }
  .product-img.hover-1 .product-quickview {
    position: absolute;
    bottom: -26px;
    width: 100%;
    background-color: #191b1f;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    text-align: center;
    line-height: 26px;
    color: #fff !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .product-img.hover-1 .product-quickview:hover {
    background-color: #e7604a;
  }
  
  .rating:before {
    font-family: 'FontAwesome';
    content: '\f005 \f005 \f005 \f005 \f006';
    letter-spacing: 0.25em;
    font-size: 12px;
    color: #ffc63e;
    font-style: normal;
  }
  
  /*-------------------------------------------------------*/
  /* Benefits List
  /*-------------------------------------------------------*/
  .benefits-list li {
    padding: 8px 0;
  }
  .benefits-list li:first-child {
    padding-top: 0;
  }
  .benefits-list li:last-child {
    padding-bottom: 0;
  }
  .benefits-list i {
    color: #e7604a;
    display: inline-block;
    margin-right: 10px;
  }
  
  .product-img.hover-1 .product-actions {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .product-img.hover-1 .product-actions a {
    color: #5a5b5f;
    display: inline-block;
    text-align: center;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 0 2px;
    background-color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  .product-img.hover-1 .product-actions a:hover {
    background-color: #e7604a;
    color: #fff;
  }
  .product-img.hover-1 .product-actions i {
    font-size: 14px;
  }
  
  /*-------------------------------------------------------*/
  /* Promo Slider
  /*-------------------------------------------------------*/
  .shop-promo-slider img {
    width: auto !important;
  }
  
  .shop-promo-slider .row > div:last-child {
    padding-top: 14%;
  }
  
  .shop-promo-slider p {
    font-size: 18px;
    line-height: 30px;
  }
  
  /*-------------------------------------------------------*/
  /* Shop Items Slider
  /*-------------------------------------------------------*/
  .shop-items-slider .product-item {
    padding: 0 15px;
    margin-bottom: 0;
  }
  
  /*-------------------------------------------------------*/
  /* Catalogue
  /*-------------------------------------------------------*/
  /* Filter
  -------------------------------------------------------*/
  .shop-filter,
  .view-mode {
    float: left;
  }
  
  .shop-filter {
    margin-bottom: 30px;
    width: 100%;
  }
  .shop-filter .view-mode, .shop-filter .filter-show {
    margin-top: 5px;
  }
  
  .view-mode .grid,
  .view-mode .list {
    background: url(../img/shop/shop_icons.png) 0 0 no-repeat;
    display: inline-block;
    width: 13px;
    height: 13px;
    cursor: pointer;
    margin-left: 10px;
    margin-bottom: 2px;
    vertical-align: middle;
  }
  
  .view-mode .grid.grid-active {
    background-position: 0 -78px;
  }
  
  .view-mode .grid {
    background-position: 0 -104px;
  }
  
  .view-mode .list.list-active {
    background-position: 0 -130px;
  }
  
  .view-mode .list {
    background-position: 0 -156px;
  }
  
  .filter-show {
    margin-left: 40px;
    float: left;
  }
  .filter-show a {
    color: #979ba3;
  }
  .filter-show a:hover {
    color: #e7604a;
  }
  .filter-show a.active {
    color: #5a5b5f;
  }
  .filter-show a:nth-child(2):before {
    content: '';
  }
  .filter-show a:before {
    content: '/';
    margin: 0 3px 0 1px;
    color: #979ba3;
  }
  
  .ecommerce-ordering {
    float: right;
    width: 31%;
  }
  .ecommerce-ordering select {
    margin-bottom: 0;
  }
  
  /* Grid / List View
  -------------------------------------------------------*/
  .product-grid .product-list-details,
  .product-grid .product-details .rating,
  .product-list .product-img.hover-1 .product-actions {
    display: none;
  }
  
  .list-view .product-list {
    width: 100%;
  }
  
  .product-list .product-img {
    width: 32%;
    float: left;
    margin-bottom: 0;
    margin-right: 3%;
  }
  .product-list .product-item {
    float: left;
    width: 100%;
  }
  .product-list .product-details, .product-list .product-list-details {
    float: left;
    width: 65%;
    text-align: left;
  }
  .product-list .product-details > h3 {
    font-size: 18px;
  }
  .product-list .price {
    margin-top: 20px;
    padding: 16px 0;
    border-top: 1px solid #e8ebee;
    border-bottom: 1px solid #e8ebee;
    font-size: 18px;
    float: left;
    width: 100%;
  }
  .product-list .rating {
    float: left;
  }
  
  .product-list .price del,
  .single-product .price del {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 10px;
    float: left;
  }
  
  .product-list .price ins,
  .single-product .price ins {
    display: inline-block;
    float: left;
  }
  
  .product-list .product-description,
  .single-product .product-description {
    margin: 25px 0;
  }
  
  .rating a {
    color: #979ba3;
    margin-left: 7px;
  }
  
  .icon-add-to-wishlist {
    display: inline-block;
    width: 39px;
    height: 39px;
    line-height: 39px;
    text-align: center;
  }
  .icon-add-to-wishlist a {
    color: #5a5b5f;
    background-color: #f0f5f5;
    display: block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .icon-add-to-wishlist a:hover {
    background-color: #e7604a;
    color: #fff;
  }
  
  /* Product List Widget
  -------------------------------------------------------*/
  .product-list-widget img {
    width: 84px;
    float: left;
    margin-right: 17px;
    display: inline-block;
  }
  .product-list-widget li {
    position: relative;
    overflow: hidden;
    padding: 20px 0 !important;
    border-bottom: 1px solid #e8ebee;
  }
  .product-list-widget li:first-child {
    padding-top: 0 !important;
  }
  .product-list-widget li:last-child {
    padding-bottom: 0 !important;
    border: 0 !important;
  }
  .product-list-widget .product-title {
    display: block;
    margin-bottom: 5px;
  }
  
  /* Price Slider
  -------------------------------------------------------*/
  .ui-slider-horizontal {
    cursor: pointer;
    position: relative;
    height: 3px;
    background: #ccd0d8;
    margin-bottom: 20px;
  }
  
  .filter-by-price .ui-slider .ui-slider-handle {
    position: absolute;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 13px;
    height: 13px;
    background: #5a5b5f;
    top: -5px;
    margin-left: -13px;
  }
  
  .filter-by-price .ui-slider span:first-of-type {
    margin-left: 0;
  }
  
  .ui-slider .ui-slider-range {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    background-color: #e7604a;
    height: 3px;
  }
  
  .filter-by-price p {
    margin-bottom: 0;
  }
  .filter-by-price input#amount {
    width: 40%;
    padding: 0;
    font-size: 13px;
    color: #5a5b5f;
    border: none;
    background-color: transparent;
    height: auto;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
    box-shadow: none;
    line-height: 1;
    font-family: "Roboto", sans-serif;
    vertical-align: middle;
  }
  .filter-by-price label {
    font-weight: normal;
    line-height: 33px;
    margin-bottom: 0;
    font-size: 13px;
    text-transform: none;
    letter-spacing: normal;
    color: #979ba3;
  }
  .filter-by-price p > a {
    float: right;
    padding: 7px 15px;
  }
  
  .price-filter {
    margin-top: 7px;
    float: left;
  }
  
  /* Color Swatches
  -------------------------------------------------------*/
  .color-swatches a,
  .size-options a {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-right: 9px;
    float: left;
  }
  
  .color-swatches li:last-child a {
    margin-right: 0;
  }
  
  .color-swatches a.selected {
    border: 2px solid #5a5b5f;
  }
  
  .swatch-red {
    background-color: #e7604a;
  }
  
  .swatch-green {
    background-color: #1abc9c;
  }
  
  .swatch-grey {
    background-color: #f5f5f5;
  }
  
  .swatch-black {
    background-color: #000;
  }
  
  .swatch-white {
    background-color: #fff;
    border: 1px solid #e0e0e0;
  }
  
  .swatch-brown {
    background-color: #c2a191;
  }
  
  /*-------------------------------------------------------*/
  /* Single Product
  /*-------------------------------------------------------*/
  #gallery-main .gallery-cell {
    margin-bottom: 10px;
  }
  .gallery-cell h6{
  text-align:center;
  }
  .gallery-cell,
  #gallery-main img {
    width: 100%;
  }
  
  .gallery-cell a i {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 24px;
    color: #979ba3;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  .gallery-thumbs {
    margin: 0 -5px;
  }
  
  .gallery-thumbs .gallery-cell {
    width: 25%;
    float: left;
    padding: 0 5px;
  }
  
  .gallery-thumbs img {
    opacity: 0.5;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .gallery-thumbs .is-nav-selected img,
  .gallery-thumbs img:hover {
    opacity: 1;
  }
  
  .single-product .product-description-wrap {
    padding-left: 30px;
  }
  
  .product-description-wrap h1 {
      font-size: 18px;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      margin-bottom: 5px;
      color: #000;
      font-family: raleway;
      font-weight: 500;
  }
  
  .single-product .rating a:before {
    margin-right: 15px;
  }
  
  .single-product .price {
    margin-top: 25px;
    display: block;
  }
  
  .single-product .price del,
  .single-product .price ins {
    font-size: 18px;
    float: none;
  }
  
  .select-options {
    padding: 30px 0 14px;
    border-top: 1px solid #e8ebee;
    border-bottom: 1px solid #e8ebee;
  }
  
  .single-product .quantity.buttons_added {
    float: left;
  }
  
  .quantity.buttons_added {
    white-space: nowrap;
    position: relative;
    display: inline-block;
  }
  .quantity.buttons_added .minus, .quantity.buttons_added .plus {
    width: 32px;
    height: 47px;
    background-color: #fff;
    border: 2px solid #e8ebee;
    font-size: 22px;
    float: left;
  }
  .quantity.buttons_added .minus {
    border-right: 0;
  }
  .quantity.buttons_added .plus {
    border-left: 0;
  }
  
  .quantity .input-text.qty {
    width: 47px;
    height: 47px;
    padding: 0;
    margin-bottom: 0;
    text-align: center;
    float: left;
    line-height: 1;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  
  .product-actions li {
    margin-right: 10px;
    display: inline-block;
    float: left;
  }
  
  .single-product .product-actions {
    padding: 30px 0;
    border-bottom: 1px solid #e8ebee;
  }
  
  .single-product .icon-add-to-wishlist {
    height: 47px;
    line-height: 47px;
    width: 47px;
  }
  
  input[type=number]::-webkit-outer-spin-button,
  input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  
  input[type=number] {
    -moz-appearance: textfield;
  }
  
  .single-product .product_meta {
    padding: 30px 0;
  }
  
  .product_meta span {
    display: block;
    line-height: 28px;
    color: #979ba3;
  }
  
  .product_meta span a {
    color: #5a5b5f;
  }
  .product_meta span a:hover {
    color: #e7604a;
  }
  
  .single-product .socials-share {
    padding: 12px 0;
    border-top: 1px solid #e8ebee;
    border-bottom: 1px solid #e8ebee;
    margin-bottom: 30px;
  }
  
  .single-product .socials-share .social-icons {
    float: right;
    margin-top: 0;
  }
  
  .single-product .socials-share span,
  .project-info .socials-share span {
    display: inline-block;
    margin-top: 6px;
    margin-right: 10px;
  }
  
  .socials-share .social-icons {
    display: inline-block;
  }
  
  .single-product .socials-share .social-icons a,
  .project-info .socials-share .social-icons a {
    background-color: transparent;
    margin-bottom: 0;
  }
  
  .single-product .tab-content #tab-info .table > thead > tr {
    border-bottom: 1px solid #e8ebee;
  }
  
  .single-product .tab-content #tab-info tr th {
    width: 25%;
    background-color: #fafcfc;
    padding-left: 15px;
  }
  
  .single-product .tab-content #tab-info tr td {
    padding-left: 15px;
  }
  
  .single-product .reviews-lists li {
    margin-top: 20px;
  }
  .single-product .reviews-lists li:first-child {
    margin-top: 0;
  }
  
  .single-product .review-content p:first-child {
    color: #5a5b5f;
    margin-bottom: 0;
  }
  
  /*-------------------------------------------------------*/
  /* Cart Page
  /*-------------------------------------------------------*/
  .shopping-cart h2,
  .checkout h2 {
    font-size: 18px;
    font-weight: normal;
  }
  
  .cart_totals h2,
  .order-review-wrap h2 {
    margin-bottom: 15px;
  }
  
  .table.shop_table.cart {
    margin-bottom: 0;
  }
  
  .table.shop_table.cart thead tr th,
  .table.shop_table.cart tr {
    border-bottom: 1px solid #e8ebee;
  }
  
  .table.shop_table img {
    width: 100px;
    height: auto;
    min-width: 50px;
  }
  
  .table.shop_table .product-thumbnail {
    width: 95px;
    padding: 20px 8px 20px 0;
  }
  
  .table.shop_table td.product-name {
    width: 30%;
  }
  
  .table.shop_table td.product-quantity {
    min-width: 132px;
  }
  
  .table.shop_table .product-name > a,
  .table.shop_table .product-price > span,
  .table.shop_table .product-subtotal > span {
    color: #5a5b5f;
  }
  
  .table.shop_table .product-name > a:hover {
    color: #e7604a;
  }
  
  .table.shop_table .product-remove {
    text-align: right;
    padding-right: 0;
    min-width: 30px;
  }
  
  .product-remove .remove {
    display: inline-block;
    background: url(../img/shop/shop_icons.png) 0 -26px no-repeat;
    width: 20px;
    height: 20px;
    background-color: #fafcfc;
  }
  
  .product-remove .remove:hover {
    background-position: 0 -52px;
    background-color: #e7604a;
  }
  
  .table.shop_table tr td {
    vertical-align: middle;
  }
  
  .cart_totals table {
    margin-bottom: 20px;
    min-width: 100%;
  }
  
  .cart_totals .table > tbody > tr > td,
  .cart_totals .table > tbody > tr > th,
  .table.ecommerce-checkout-review-order-table > tbody > tr > td,
  .table.ecommerce-checkout-review-order-table > tbody > tr > th {
    color: #5a5b5f;
    padding: 10px 0;
  }
  
  .cart_totals tr:first-child th,
  .cart_totals tr:first-child td,
  .ecommerce-checkout-review-order-table tr:first-child th,
  .ecommerce-checkout-review-order-table tr:first-child td {
    border-top: 0;
  }
  
  .cart_totals tr td,
  .ecommerce-checkout-review-order tr td {
    text-align: right;
  }
  
  .actions > input,
  .actions > div {
    display: inline-block;
    margin-left: 5px;
  }
  
  .coupon .input-text {
    width: 58%;
    display: inline-block;
    float: left;
    margin-right: 8px;
  }
  
  .coupon .btn {
    padding: 12px 25px;
  }
  
  .form-row {
    float: left;
  }
  .form-row.form-row-wide {
    width: 100%;
  }
  
  .shipping-calculator-form p:last-child,
  select.country_to_state {
    margin-bottom: 0;
  }
  
  #calc_shipping_postcode,
  #calc_shipping_state {
    margin-bottom: 10px;
  }
  
  .table.shop_table tr td.product-name {
    line-height: 24px;
  }
  
  /*-------------------------------------------------------*/
  /* Checkout
  /*-------------------------------------------------------*/
  #customer_details h2 {
    width: 98%;
  }
  
  .ecommerce form #customer_details p {
    display: block;
    width: 98%;
    margin-bottom: 20px;
  }
  
  .ecommerce form .form-row:after {
    clear: both;
  }
  
  abbr.required {
    color: #e7604a;
  }
  
  .ecommerce form #customer_details .form-row input,
  .ecommerce form #customer_details .form-row select,
  .ecommerce form #customer_details .form-row textarea {
    margin-bottom: 0;
  }
  
  .ecommerce form #customer_details .form-row textarea {
    min-height: 80px;
    line-height: 20px;
  }
  
  .order-review-wrap {
    border: 2px solid #e8ebee;
    padding: 40px 30px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  
  #billing_address_1_field {
    margin-bottom: 10px !important;
  }
  
  .ecommerce .checkout #createaccount,
  .ecommerce .checkout #ship-to-different-address-checkbox {
    float: none !important;
    width: auto !important;
  }
  
  .ecommerce-shipping-fields {
    margin-bottom: 50px;
  }
  
  .ecommerce .checkout label.checkbox {
    float: none !important;
    width: auto !important;
    line-height: 1.5 !important;
  }
  
  .ecommerce .create-account {
    margin-top: 30px;
  }
  
  .order-review-wrap table {
    margin-bottom: 40px;
  }
  
  .ecommerce-checkout-review-order-table .order-total {
    font-size: 15px;
  }
  
  .order-review .payment_methods.methods li {
    padding-bottom: 10px;
  }
  
  .ecommerce .form-row.place-order {
    float: none;
    margin-top: 30px;
  }
  
  .form-row.place-order input {
    width: 100%;
  }
  
  .payment_methods li {
    padding: 15px 0;
    border-bottom: 1px solid #e8ebee;
  }
  
  .payment_method_paypal img {
    margin-left: 15px;
  }
  
  .payment_box p {
    margin-top: 10px;
    margin-bottom: 0;
  }
  
  .payment_methods label {
    color: #5a5b5f;
    vertical-align: middle;
    margin-bottom: 0;
  }
  
  /*-------------------------------------------------------*/
  /* Sliders
  /*-------------------------------------------------------*/
  .owl-carousel,
  .flickity {
    overflow: hidden;
  }
  
  .owl-carousel img {
    width: 100%;
  }
  
  .owl-pagination {
    bottom: 30px;
    position: absolute;
    left: 0;
    display: block;
    text-align: center;
    width: 100%;
  }
  
  .owl-page {
    display: inline-block;
    padding: 5px;
    position: relative;
  }
  .owl-page.active span {
    display: block;
    width: 24px;
    height: 2px;
    margin: 0;
    opacity: 1;
    background: #e7604a;
  }
  .owl-page span {
    display: block;
    position: relative;
    width: 24px;
    height: 2px;
    opacity: 0.5;
    background: #fff;
    z-index: 100;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .owl-page span:hover {
    opacity: 1;
  }
  
  .owl-buttons {
    position: static;
  }
  
  .owl-prev,
  .flex-direction-nav .flex-prev,
  .flickity-prev-next-button.previous {
    left: -40px;
  }
  
  .owl-next,
  .flex-direction-nav .flex-next,
  .flickity-prev-next-button.next {
    right: -40px;
  }
  
  .owl-prev,
  .owl-next,
  .flex-direction-nav a,
  .flickity-prev-next-button {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    text-align: center;
    line-height: 40px;
    z-index: 10;
    width: 40px;
    height: 40px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  .owl-next:before,
  #flexslider .flex-direction-nav .flex-next:before,
  .flickity-prev-next-button:before {
    left: auto;
    right: 0;
  }
  
  .owl-prev i,
  .owl-next i,
  #flexslider a i,
  #thumbs a i {
    position: relative;
    font-size: 40px;
    color: #5a5b5f;
  }
  
  .light-arrows .owl-prev i,
  .light-arrows .owl-next i,
  #flexslider.light-arrows a i {
    color: #fff;
  }
  
  .light-arrows .flickity-prev-next-button .arrow {
    fill: #fff;
  }
  
  .owl-carousel:hover .owl-next,
  .flexslider:hover .flex-direction-nav .flex-next,
  .flickity:hover .flickity-prev-next-button.next {
    opacity: 1;
    right: 10px;
  }
  
  .owl-carousel:hover .owl-prev,
  .flexslider:hover .flex-direction-nav .flex-prev,
  .flickity:hover .flickity-prev-next-button.previous {
    opacity: 1;
    left: 10px;
  }
  
  .flickity-prev-next-button,
  .flickity-prev-next-button:hover {
    background-color: transparent;
  }
  
  .flickity-prev-next-button:focus {
    box-shadow: none;
  }
  
  .flickity-prev-next-button {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  .flickity-prev-next-button .arrow {
    fill: #5a5b5f;
  }
  
  .flickity-page-dots {
    position: relative;
    bottom: auto;
    margin-top: 50px;
  }
  
  .flickity-page-dots .dot,
  .flex-control-paging li a {
    height: 2px;
    width: 24px;
    opacity: 0.5;
    margin: 0 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    background: #979ba3;
  }
  
  .flex-control-nav {
    bottom: 10px;
  }
  .flex-control-nav li {
    margin: 0;
  }
  
  .flickity-page-dots .dot.is-selected {
    opacity: 1;
    background: #e7604a;
  }
  
  /*-------------------------------------------------------*/
  /* Service Icons
  /*-------------------------------------------------------*/
  .service-item-box h3 {
    font-size: 24px;
    margin-top: 15px;
    margin-bottom: 16px;
    font-weight: normal;
  }
  .service-item-box i {
    margin: 0 auto;
    font-size: 30px;
  }
  .service-item-box.style-1 {
        background-color: #fff;
      position: relative;
      top: 0;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0px 1px 2px 0px rgba(90, 91, 95, 0.15);
      -moz-box-shadow: 0px 1px 2px 0px rgba(90, 91, 95, 0.15);
      -ms-box-shadow: 0px 1px 2px 0px rgba(90, 91, 95, 0.15);
      box-shadow: 0px 1px 2px 0px rgba(90, 91, 95, 0.15);
      padding: 20px 20px;
      /* border-top: 3px solid #e7604a; */
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      width: 300px;
      height: 200px;
  }
  .service-item-box.style-1:hover {
    -webkit-box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3);
    -moz-box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3);
    -ms-box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3);
    box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3);
    top: -5px;
  }
  .service-item-box.style-1 i {
    color:#90cc6b;
  }
  .service-item-box.style-1.red {
    border-color: #e7604a;
  }
  .service-item-box.style-1.red i {
    color: #90cc6b;
  }
  .service-item-box.style-1.red .read-more {
    color: #e7604a;
  }
  .service-item-box.style-1.turquoise {
    border-color: #1abc9c;
  }
  .service-item-box.style-1.turquoise i {
    color: #90cc6b;
  }
  .service-item-box.style-1.turquoise .read-more {
    color: #1abc9c;
  }
  .service-item-box.style-1.violet {
    border-color: #7b33d4;
  }
  .service-item-box.style-1.violet i {
    color: #7b33d4;
  }
  .service-item-box.style-1.violet .read-more {
    color: #7b33d4;
  }
  .service-item-box.style-2 i {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 24px;
  }
  .service-item-box.style-2 a {
    width: 70px;
    height: 70px;
    position: absolute;
  }
  .service-item-box.style-2 .hi-icon:hover {
    background-color: transparent;
  }
  .service-item-box.style-2.icon-effect-1 .hi-icon:after {
    -webkit-box-shadow: 0 0 0 2px #e7604a;
    -moz-box-shadow: 0 0 0 2px #e7604a;
    -ms-box-shadow: 0 0 0 2px #e7604a;
    box-shadow: 0 0 0 2px #e7604a;
  }
  .service-item-box.gradient i {
    background: #e7604a;
    /* Old browsers */
    background: -moz-linear-gradient(left, #e7604a 0%, #e79c4b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #e7604a), color-stop(100%, #e79c4b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #e7604a 0%, #e79c4b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #e7604a 0%, #e79c4b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #e7604a 0%, #e79c4b 100%);
    /* IE10+ */
    background: linear-gradient(to right, #e7604a 0%, #e79c4b 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */
  }
  .service-item-box.style-2 h5 {
    font-size: 20px;
  }
  .service-item-box .read-more {
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: bold;
    font-size: 14px;
  }
  .service-item-box .read-more:hover {
    color: #191b1f !important;
  }
  
  /*-------------------------------------------------------*/
  /* Style-3
  /*-------------------------------------------------------*/
  .service-item-box.style-3 a {
    position: absolute;
    width: 60px;
    height: 60px;
  }
  .service-item-box.style-3 i {
    font-size: 60px;
    width: auto;
    height: auto;
    line-height: 1;
    background: #e7604a;
    /* Old browsers */
    background: -moz-linear-gradient(left, #e7604a 0%, #e79c4b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #e7604a), color-stop(100%, #e79c4b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #e7604a 0%, #e79c4b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #e7604a 0%, #e79c4b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #e7604a 0%, #e79c4b 100%);
    /* IE10+ */
    background: linear-gradient(to right, #e7604a 0%, #e79c4b 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .service-item-box.style-3.small-icon i {
    font-size: 40px;
  }
  .service-item-box.style-3 h3 {
    margin-top: 0;
    font-size: 22px;
    font-weight: normal;
  }
  .service-item-box.style-3 .service-text {
    padding-left: 95px;
    padding-right: 30px;
  }
  .service-item-box.style-3.small-icon .service-text {
    padding-left: 65px;
    padding-right: 10px;
  }
  
  /*-------------------------------------------------------*/
  /* Style-4
  /*-------------------------------------------------------*/
  .service-item-box.style-4 a {
    float: left;
    width: 46px;
    height: 46px;
    line-height: 46px;
    margin-right: 20px;
    text-align: center;
    background-color: #e7604a;
    color: #fff;
    -webkit-border-radius: 46px;
    border-radius: 46px;
  }
  .service-item-box.style-4 i {
    width: auto;
    height: auto;
    line-height: 46px;
    font-size: 20px;
  }
  .service-item-box.style-4 h3 {
    font-size: 13px;
    margin-top: 12px;
    margin-bottom: 0;
    font-weight: normal;
  }
  
  /*-------------------------------------------------------*/
  /* Style-5
  /*-------------------------------------------------------*/
  .service-item-box.style-5 {
    text-align: center;
  }
  .service-item-box.style-5 .svg-icon {
    color: #fff;
  }
  .service-item-box.style-5 h3 {
    font-size: 24px;
  }
  .service-item-box.style-5 p {
    font-size: 18px;
    line-height: 32px;
    padding: 0 50px;
  }
  
  /*-------------------------------------------------------*/
  /* Style-6
  /*-------------------------------------------------------*/
  .service-item-box.style-6 h3 {
    font-size: 20px;
    margin-top: 34px;
    margin-bottom: 16px;
    font-weight: normal;
  }
  .service-item-box.style-6 a {
    position: relative;
    height: 100%;
    display: inline-block;
  }
  .service-item-box.style-6 i {
    line-height: 120px;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    font-size: 40px;
  }
  
  /*Hi Icons*/
  .hi-icon {
    display: inline-block;
    font-size: 0px;
    cursor: pointer;
    margin: 15px 30px;
    width: 120px;
    height: 120px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
  }
  .hi-icon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }
  
  /* Effect 1 */
  .icon-effect-1 .hi-icon {
    background: #e7604a;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  .icon-effect-1 .hi-icon.violet {
    background-color: #7b33d4;
  }
  
  .icon-effect-1 .hi-icon.green {
    background-color: #1abc9c;
  }
  
  .icon-effect-1 .hi-icon.blue {
    background-color: #29c7c8;
  }
  
  .icon-effect-1 .hi-icon:after {
    top: -5px;
    left: -5px;
    padding: 5px;
    box-shadow: 0 0 0 2px #191b1f;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: -webkit-transform 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s;
    -moz-transition: -moz-transform 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s;
    transition: transform 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s;
    opacity: 0;
  }
  
  .icon-effect-1a .hi-icon:hover {
    background-color: #191b1f;
    color: #fff;
  }
  .icon-effect-1a .hi-icon:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  
  /*-------------------------------------------------------*/
  /* Progress Bars
  /*-------------------------------------------------------*/
  .progress-bar {
    -webkit-transition: width 2s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: width 2s cubic-bezier(0.86, 0, 0.07, 1);
    -ms-transition: width 2s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: width 2s cubic-bezier(0.86, 0, 0.07, 1);
    transition: width 2s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    height: 12px;
    position: relative;
    overflow: hidden;
    background-color: #e7604a;
  }
  
  .progress-bars {
    margin-bottom: 30px;
  }
  .progress-bars h6 {
    color: #5a5b5f;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: normal;
  }
  .progress-bars h6 span {
    color: #5a5b5f;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    float: right;
    font-weight: normal;
  }
  .progress-bars.dark .progress.meter {
    background-color: #313235;
  }
  .progress-bars.dark h6, .progress-bars.dark h6 span {
    color: #fff;
  }
  
  .progress.meter {
    height: 12px;
    border-radius: 0;
    position: relative;
    background: #e5e7ec;
    margin-bottom: 25px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
  }
  .progress.meter:last-child {
    margin-bottom: 0;
  }
  
  .meter.blue .progress-bar {
    background-color: #29c7c8;
  }
  
  .meter.turquoise .progress-bar {
    background-color: #1abc9c;
  }
  
  .meter.orange .progress-bar {
    background-color: #e79c4b;
  }
  
  .meter.violet .progress-bar {
    background-color: #7b33d4;
  }
  
  /*-------------------------------------------------------*/
  /* Accordions and Toggles
  /*-------------------------------------------------------*/
  .accordion .panel-default > .panel-heading {
    position: relative;
    background-color: #fafcfc;
    padding: 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1px solid #e8ebee;
  }
  .accordion.panel-group .panel {
    border: none;
    box-shadow: none;
    margin-top: 7px;
  }
  .accordion.panel-group .panel::first-child {
    margin-top: 0;
  }
  .accordion .panel-default > .panel-heading > a.minus {
    color: #5a5b5f;
  }
  .accordion .panel-heading > a > span {
    display: block;
    width: 13px;
    height: 1px;
    background-color: #5a5b5f;
    right: 18px;
    top: 22px;
    position: absolute;
  }
  .accordion .panel-heading > a.plus > span {
    background-color: #979ba3;
  }
  .accordion .panel-heading > a.plus > span:after {
    content: "";
    display: block;
    width: 13px;
    height: 1px;
    position: absolute;
    top: 0;
    background-color: #979ba3;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  
  .panel-content p {
    margin-bottom: 0;
  }
  
  .accordion .panel-default > .panel-heading + .panel-collapse > .panel-body,
  .panel-content {
    border: 1px solid #e8ebee;
    border-top-color: transparent;
    padding: 20px 30px;
    line-height: 26px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
  }
  
  .accordion .panel-default > .panel-heading > a,
  .toggle > .acc-panel > a {
    display: block;
    position: relative;
    text-decoration: none;
    padding: 12px 20px;
    color: #979ba3;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .accordion .panel-default > .panel-heading > a:hover,
  .toggle > .acc-panel > a:hover {
    color: #e7604a;
  }
  
  .accordion .panel-default > .panel-heading:hover a,
  .toggle > .acc-panel > a.active {
    color: #e7604a;
  }
  
  .toggle > .acc-panel > a {
    border-bottom: 1px solid #e8ebee;
    padding: 13px 0;
  }
  .toggle > .acc-panel > a:after {
    font-family: "themify";
    position: absolute;
    content: "\e64b";
    right: 0;
    color: #979ba3;
    font-size: 14px;
  }
  .toggle > .acc-panel > a.active:after {
    content: "\e648";
    color: #5a5b5f;
  }
  
  .toggle .panel-content {
    padding: 20px 0 10px;
    border: none;
  }
  
  /*-------------------------------------------------------*/
  /* Tabs
  /*-------------------------------------------------------*/
  .nav-tabs {
    border-bottom: 1px solid #e8ebee;
    margin-bottom: -1px;
  }
  
  .nav.nav-tabs > li.active > a {
    border: 1px solid #e8ebee;
    background-color: #fff;
    border-bottom: 2px solid transparent;
  }
  
  .nav.nav-tabs > li.active > a,
  .nav.nav-tabs > li.active > a:hover,
  .nav.nav-tabs > li.active > a:focus,
  .nav.nav-tabs > li > a,
  .nav.nav-tabs > li > a:hover,
  .nav.nav-tabs > li > a:focus {
    color: #e7604a;
  }
  
  .nav-tabs > li {
    margin-bottom: -2px;
  }
  
  .nav.nav-tabs > li > a {
    padding: 13px 20px 12px;
    background-color: transparent;
    border: 1px solid #e8ebee;
    border-radius: 0;
    font-family: "Roboto", sans-serif;
    color: #979ba3;
    font-size: 16px;
  }
  
  .tab-content {
    padding: 30px;
    border: 1px solid #e8ebee;
    overflow: hidden;
  }
  .tab-content > .tab-pane > p {
    margin-bottom: 0;
  }
  
  /* Border Bottom */
  .tabs-bb .nav.nav-tabs > li > a {
    border: none;
  }
  .tabs-bb .nav.nav-tabs > li.active > a {
    border: none;
    border-bottom: 2px solid #e7604a;
  }
  .tabs-bb .tab-content {
    padding: 24px 0;
    border: none;
  }
  
  /* Vertical */
  .vertical .nav-tabs {
    float: left;
    width: 200px;
    position: relative;
    margin-right: -1px;
    border-right: 1px solid #e8ebee;
    border-bottom: none;
    z-index: 2;
  }
  .vertical .nav-tabs > li {
    float: none;
    border: 1px solid #e8ebee;
    border-right: 0;
    border-top: 0;
    margin-bottom: 0;
  }
  .vertical .nav-tabs > li:first-child {
    border-top: 1px solid #e8ebee;
  }
  
  .vertical .nav.nav-tabs > li > a {
    padding: 13px 20px 12px;
    margin-right: 0;
    border: none;
  }
  
  .vertical .nav.nav-tabs > li.active > a {
    border-right: 1px solid #fff;
    right: -1px;
    padding-left: 19px;
  }
  
  /*-------------------------------------------------------*/
  /* Pie Charts
  /*-------------------------------------------------------*/
  .chart {
    position: relative;
    display: inline-block;
    width: 160px;
    height: 160px;
    text-align: center;
  }
  
  .chart canvas {
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .chart i {
    line-height: 160px;
    font-size: 42px;
  }
  
  .percent {
    display: inline-block;
    line-height: 160px;
    z-index: 2;
    font-size: 24px;
    font-family: "Roboto", sans-serif;
    color: #121212;
  }
  
  .percent:after {
    content: '%';
    margin-left: 0.1em;
    font-size: .9em;
  }
  
  /*-------------------------------------------------------*/
  /* Buttons
  /*-------------------------------------------------------*/
  .section-buttons .btn {
    margin-bottom: 20px;
  }
  
  .btn {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    overflow: hidden;
    position: relative;
    letter-spacing: 0.14em;
    border: 2px solid transparent;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    background-color: #191b1f;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .btn.btn-transparent {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
  }
  .btn.btn-white {
    box-shadow: 1px 1.732px 3px 0px rgba(0, 0, 0, 0.05);
  }
  .btn:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    opacity: .9;
  }
  .btn:focus {
    color: #fff;
    outline: none !important;
  }
  .btn.btn-icon span {
    position: relative;
    display: inline-block;
    left: 0;
    -webkit-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
    -moz-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
    -ms-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
    -o-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
    transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
  }
  .btn.btn-icon > i {
    position: absolute;
    left: auto;
    font-size: 18px;
    width: 10px;
    margin-right: 20px;
    line-height: 46px;
    right: -30px;
    top: -2px;
    text-align: center;
    display: block;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    -webkit-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
    -moz-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
    -ms-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
    -o-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
    transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
  }
  .btn.btn-md.btn-icon > i {
    line-height: 38px;
    margin-right: 14px;
  }
  .btn.btn-sm.btn-icon > i {
    line-height: 33px;
    margin-right: 10px;
    font-size: 14px;
  }
  .btn.btn-icon:hover span {
    left: -14px;
  }
  .btn.btn-md.btn-icon:hover span {
    left: -10px;
  }
  .btn.btn-sm.btn-icon:hover span {
    left: -7px;
  }
  .btn.btn-icon:hover i {
    right: 0;
  }
  
  .btn.btn-transparent:hover,
  .btn.btn-stroke:hover,
  .btn.btn-light:hover,
  .btn.btn-white:hover {
    background-color: #e7604a;
    border-color: transparent;
    color: #fff;
  }
  
  .btn.btn-dark {
    background-color: #191b1f;
  }
  
  .btn.btn-light {
    background-color: #fafcfc;
    color: #191b1f;
  }
  
  .btn-lg {
    font-size: 13px;
    padding: 13px 34px;
  }
  
  .btn-md {
    font-size: 11px;
    padding: 10px 25px;
  }
  
  .btn-sm {
    font-size: 10px;
    padding: 7px 23px;
  }
  
  .btn.btn-color {
          font-family: raleway;
    background-color:#74bf46;
  }
  
  .btn.btn-transparent {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
  }
  
  .btn.btn-white {
    color: #191b1f;
    background-color: #fff;
  }
  
  .btn.btn-stroke {
    border-color: #e8ebee;
    background-color: transparent;
    color: #191b1f;
  }
  
  .rounded {
    -webkit-border-radius: 70px;
    border-radius: 70px;
  }
  
  .btn.btn-orange {
    background-color: #ec7331;
  }
  
  .btn.btn-blue {
    background-color: #29c7c8;
  }
  
  .btn.btn-turquoise {
    background-color: #1abc9c;
  }
  
  .btn.btn-darkblue {
    background-color: #4693cc;
  }
  
  .btn.btn-violet {
    background-color: #7b33d4;
  }
  
  .btn.btn-yellow {
    background-color: #f2c52f;
  }
  
  .btn.btn-pink {
    background-color: #e63369;
  }
  
  .btn.btn-lavender {
    background-color: #716fd9;
  }
  
  /*-------------------------------------------------------*/
  /* Social Icons
  /*-------------------------------------------------------*/
  .social-icons a {
    margin: 0 3px 6px 0;
    display: inline-block;
    width: 32px;
    height: 32px;
    color: #fff;
  /*   background-color: #fafcfc; */
    line-height: 32px;
    text-align: center;
    font-size: 13px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .social-icons a:last-child {
    margin-right: 0;
  }
  .social-icons:not(.colored) a:hover {
    background-color: #e7604a !important;
    color: #fff !important;
  }
  .social-icons.dark a {
  /*   background-color: #23252a; */
    color: #fff;
  }
  .social-icons.large a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
  }
  .social-icons.transparent a {
    background-color: transparent;
    color: #979ba3;
  }
  
  .rounded a {
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }
  
  .social-icons.colored a {
    color: #fff;
  }
  
  .social-icons.colored a:hover {
    opacity: 0.9;
  }
  
  .colored .social-twitter {
    background-color: #00acee;
  }
  
  .colored .social-facebook {
    background-color: #3b5998;
  }
  
  .colored .social-google-plus {
    background-color: #dd4b39;
  }
  
  .colored .social-linkedin {
    background-color: #0e76a8;
  }
  
  .colored .social-vimeo {
    background-color: #1ab7ea;
  }
  
  .colored .social-youtube {
    background-color: #c4302b;
  }
  
  .colored .social-instagram {
    background-color: #3f729b;
  }
  
  .colored .social-pinterest {
    background-color: #c8232c;
  }
  
  .colored .social-rss {
    background-color: #f26522;
  }
  
  .colored .social-dribbble {
    background-color: #ea4c89;
  }
  
  .colored .social-skype {
    background-color: #00aff0;
  }
  
  .colored .social-soundcloud {
    background-color: #ff3300;
  }
  
  .colored .social-vk {
    background-color: #45668e;
  }
  
  .colored .social-delicious {
    background-color: #3399ff;
  }
  
  .colored .social-android {
    background-color: #a4c639;
  }
  
  .colored .social-digg {
    background-color: #000000;
  }
  
  .colored .social-reddit {
    background-color: #ff4500;
  }
  
  .colored .social-dropbox {
    background-color: #007ee5;
  }
  
  .colored .social-odnoklassniki {
    background-color: #ed812b;
  }
  
  .colored .social-github {
    background-color: #4183c4;
  }
  
  .colored .social-flickr {
    background-color: #ff0084;
  }
  
  .colored .social-lastfm {
    background-color: #d51007;
  }
  
  .colored .social-email {
    background-color: #242424;
  }
  
  /*-------------------------------------------------------*/
  /* Form Elements
  /*-------------------------------------------------------*/
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="url"],
  input[type="tel"],
  input[type="number"],
  input[type="date"],
  input[type="search"],
  select,
  textarea {
    height: 44px;
    border: 2px solid #e8ebee;
    background-color: transparent;
    width: 100%;
    margin-bottom: 16px;
    padding: 0 16px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  textarea {
    height: auto;
    padding: 8px 16px;
    margin-bottom: 25px;
  }
  
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    border-color: #e7604a;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
  }
  
  /* Change Color of Placeholders */
  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #979ba3;
  }
  
  input:-moz-placeholder,
  textarea:-moz-placeholder {
    color: #979ba3;
    opacity: 1;
  }
  
  input::-moz-placeholder,
  textarea::-moz-placeholder {
    color: #979ba3;
    opacity: 1;
  }
  
  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #979ba3;
  }
  
  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    padding-left: 12px;
    background: url(../img/shop/shop_icons.png) no-repeat;
    background-position: 100% -176px;
  }
  
  select::-ms-expand {
    display: none;
  }
  
  /* Checkboxes & Radio Buttons
  -------------------------------------------------------*/
  input[type="checkbox"] {
    display: none;
  }
  
  input[type="checkbox"] + label:before {
    width: 17px;
    height: 17px;
    background-color: #f0f5f5;
    content: "";
    display: inline-block;
    font-size: 13px;
    margin: -4px 12px 0 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #e8ebee;
  }
  
  input[type="checkbox"]:checked + label:before {
    content: "\f0c8";
    font-family: "FontAwesome";
    color: #191b1f;
    font-size: 9px;
    line-height: 16px;
  }
  
  input[type="checkbox"] + label,
  input[type="radio"] + label {
    cursor: pointer;
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    text-transform: none;
    letter-spacing: normal;
    color: #5a5b5f;
    font-size: 14px;
  }
  
  .radio-buttons > li,
  .checkboxes > li {
    padding: 7px 0;
  }
  
  input[type="radio"] {
    display: none;
  }
  
  input[type="radio"] + label:before {
    display: inline-block;
    content: "";
    width: 17px;
    height: 17px;
    background-color: #f0f5f5;
    border-radius: 40px;
    margin: -3px 10px 0 0;
    outline: none;
    vertical-align: middle;
    cursor: pointer;
    margin-bottom: 0;
  }
  
  input[type="radio"]:checked + label:before {
    background-color: #191b1f;
    border: 5px solid #f0f5f5;
    padding: 1px;
  }
  
  input[type="radio"]:focus {
    outline: none;
  }
  
  label {
    font-weight: bold;
    color: #5a5b5f;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    vertical-align: middle;
  }
  
  /*-------------------------------------------------------*/
  /* Lightboxes
  /*-------------------------------------------------------*/
  .mfp-iframe-holder .mfp-content {
    max-width: 1400px;
  }
  
  /*-------------------------------------------------------*/
  /* Tables
  /*-------------------------------------------------------*/
  table th {
    font-weight: normal;
  }
  
  .table > thead > tr > th,
  .table > tbody > tr > th,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > td,
  .table > tfoot > tr > td {
    border-top: 1px solid #e8ebee;
    padding: 10px;
  }
  
  .shop_table thead {
    border-bottom: 2px solid #e8ebee;
  }
  
  .table > thead > tr > th {
    border-bottom: none;
  }
  
  .table thead tr th {
    font-size: 12px;
    color: #5a5b5f;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.05em;
  }
  
  .table-bordered,
  .table-bordered > thead > tr > th,
  .table-bordered > tbody > tr > th,
  .table-bordered > tfoot > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #e8ebee;
  }
  
  .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fafcfc;
  }
  
  /*-------------------------------------------------------*/
  /* Alert Boxes
  /*-------------------------------------------------------*/
  .alert {
    padding: 12px 18px;
    margin-bottom: 20px;
    border: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  
  .alert-dismissible .close {
    right: 0;
    top: 0;
    color: inherit;
    position: relative;
  }
  
  .close {
    opacity: 1;
    text-shadow: none;
    font-weight: normal;
    font-size: 21px;
  }
  
  .alert-success {
    background-color: #e8faf8;
    color: #1abc9c;
  }
  
  .alert-info {
    background-color: #f0fafa;
    color: #4693cc;
  }
  
  .alert-warning {
    background-color: #faf8f0;
    color: #cc9c69;
  }
  
  .alert-danger {
    background-color: #faefee;
    color: #e7604a;
  }
  
  /*-------------------------------------------------------*/
  /* Counters
  /*-------------------------------------------------------*/
  .parallax-counters {
    padding: 150px 0;
  }
  .parallax-counters .statistic .timer, .parallax-counters .counter-text {
    color: #fff;
  }
  .parallax-counters .parallax {
    background-image: url(../img/results_bg.jpg);
  }
  
  .statistic .timer {
    display: block;
    font-size: 50px;
    color: #5a5b5f;
    margin: 0 0 5px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
  }
  
  .counter-text {
    font-size: 16px;
    color: #5a5b5f;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-family: "Roboto", sans-serif;
  }
  
  .statistic.style-2 {
    padding: 122px 10px;
    color: #fff;
  }
  .statistic.style-2 .timer, .statistic.style-2 .counter-text {
    color: #fff;
  }
  .statistic.style-2 i {
    font-size: 64px;
    margin-bottom: 15px;
    display: inline-block;
  }
  .statistic.style-2.dark {
    background-color: #191b1f;
  }
  .statistic.style-2.blue {
    background-color: #29c7c8;
  }
  .statistic.style-2.violet {
    background-color: #7b33d4;
  }
  .statistic.style-2.red {
    background-color: #e7604a;
  }
  
  .statistic.with-icon i {
    font-size: 46px;
    color: #e7604a;
    display: inline-block;
    margin-bottom: 15px;
  }
  
  /*-------------------------------------------------------*/
  /* Footer Type-1
  /*-------------------------------------------------------*/
  .footer-widgets {
    padding: 80px 0;
  }
  .footer-widgets h5 {
    margin-bottom: 16px;
    font-size: 20px;
    color: #fff;
    position: relative;
        font-family: raleway;
  }
  .footer-widgets a {
          font-family: raleway;
    color: #fff;
  }
  
  .container-fluid .footer-widgets > .row > div[class^="col"] {
    padding: 0 40px;
  }
  
  .footer-widgets a:hover,
  .copyright a:hover,
  .footer-entry .entry-meta li a:hover,
  .bottom-footer-links li a:hover {
    color: #e7604a;
  }
  
  .footer-get-in-touch p {
    margin-bottom: 7px;
    font-size: 13px;
        color: #fff;
  }
  .footer-get-in-touch i {
    font-size: 15px;
    color: #fff;
    margin-right: 5px;
  }
  
  .footer-address {
      margin-bottom: 10px;
      line-height: 25px;
          color: #fff;
              font-family: raleway;
  }
  
  .footer.bg-dark .entry-list ul > li {
    border-bottom: 1px solid #40434a;
  }
  .footer.bg-dark .entry-list ul > li .entry-meta li, .footer.bg-dark .entry-list ul > li .entry-meta li a {
    color: #848890;
    font-size: 12px;
  }
  
  .recent-works {
    margin-top: 29px;
  }
  .recent-works li {
    position: relative;
    float: left;
    margin: 0 12px 12px 0;
    background-color: #191b1f;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
  }
  .recent-works li img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 60px;
    height: 60px;
  }
  .recent-works li:hover img {
    opacity: 0.4;
  }
  
  .bottom-footer {
    background-color: #1e2023;
    padding: 19px 0;
  }
  .bottom-footer .social-icons a {
    margin-bottom: 0;
  }
  
  .copyright span {
    display: inline-block;
    font-size: 14px;
    line-height: 32px;
        font-family: raleway;
        color:#fff;
  }
  .copyright a {
    color: #ffbb02;
     font-size: 14px;
       font-family: raleway;
  }
  
  /*-------------------------------------------------------*/
  /* Footer Type-2
  /*-------------------------------------------------------*/
  .footer-type-2 {
    padding: 100px 0;
  }
  
  .footer-extra-links {
    margin-top: 50px;
  }
  .footer-extra-links li {
    display: inline-block;
    padding: 0 10px;
  }
  
  /*-------------------------------------------------------*/
  /* Footer Type-3
  /*-------------------------------------------------------*/
  .footer-map {
    background: url(../img/footer_map.png) no-repeat;
  }
  
  .entry-li:first-child,
  .footer-links li:first-child {
    padding-top: 0 !important;
  }
  
  .entry-li:last-child,
  .footer-links li:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
  }
  
  .footer-links ul > li {
    padding: 8px 0;
    border-bottom: 1px solid #40434a;
  }
  
  .post-small img {
    width: auto;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
  
  .entry-list .entry-img {
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
  }
  
  input[type="email"].newsletter-input {
    border-color: #40434a;
  }
  input[type="email"].newsletter-input:focus {
    border-color: #e7604a;
  }
  
  .newsletter-submit {
    width: 100%;
  }
  
  .footer-payment-systems i {
    font-size: 26px;
    vertical-align: middle;
    line-height: 32px;
  }
  
  /*-------------------------------------------------------*/
  /* Footer Type-4
  /*-------------------------------------------------------*/
  .footer-type-4 .footer-widgets {
    padding: 100px 0;
  }
  .footer-type-4 .footer-get-in-touch p {
    margin-bottom: 0;
  }
  
  /*# sourceMappingURL=style.css.map */
  
  
  /*-------------------------------------------------------*/
  /* Style Switcher
  /*-------------------------------------------------------*/
  
  #customizer {
    position: fixed;
    top: 0;
    z-index: 10000;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,.10);
    width: 260px;
  }
  
  .corner {
    display: block;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background-color: #fff;
    position: absolute;
    top: 100px;
    left: -40px;
    box-shadow: -3px 0px 8px -1px rgba(0,0,0,.10);
    line-height: 40px;
    text-align: center;
    border-radius: 3px 0 0 3px;
    font-size: 20px;
    color: #1e2023;
    font-family: Helvetica, sans-serif;
  }
  
  .s-close {
    right: -260px !important;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
  }
  
  .s-open {
    right: 0 !important;
  }
  
  #options {
    padding: 15px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
  }
  
  .demo-list li {
    float: left;
    padding: 5px 2px;
  }
  
  .demo-list img {
    border: 5px solid #fafcfc;
  }
  
  .color-scheme a {
    display: block;
    height: 30px;
    width: 30px;
    margin: 0 4.25px 10px;
  }
  
  @media (max-width: 767px) {
    #customizer {
      display: none;
    }
  }
  .active{color:#FF5722 !important}