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

  

  1.  Global



      1.1 General

      1.2 Loader

      1.3 Typography

      1.4 Fields

      1.5 Buttons

      1.6 Icons

      1.7 Colors

      1.8 Backgrounds

      1.9 Content styles



  2.  Header 



      2.1 Brand

      2.2 Navigation

      2.3 Affix



  3.  Main

  4.  Partners



      4.1 Owl carousel



  5.  About



      5.1 Product

      5.2 Charts

      5.3 Video section

      5.4 Magnific popup



  6.  Features

  7.  Reviews

  8.  Prices

  9.  contact

  10. Footer

  11. Modals

  12. Responsive styles



      12.1 Max width 767px

      12.2 Min width 768px

      12.3 Min width 992px

      12.4 Min width 1200px



    

    

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

  1. Global

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



/* 1.1 General */



@import url('bootstrap.min.css');

@import url('font-awesome.min.css');

@import url('hover.css');

@import url('animate.css');

@import url('magnific-popup.css');

@import url('owl.carousel.css');

@import url('owl.transitions.css');

@import url('settings.css');

@import url('layers.css');

@import url('navigation.css');

@font-face {

  font-family: fillmore;

  src: url('../fonts/FILLMORE.TTF');

}



html {

  -webkit-font-smoothing: antialiased;

}



body {

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

  font-size: 16px;

  font-weight: 400;

  line-height: 2;

  color: #141414;

  overflow-x: hidden;

  padding-right: 0 !important;

}



p {

  font-weight: 400;

}



::-webkit-scrollbar {

  width: 8px;

  height: 8px;

}



::-webkit-scrollbar-thumb {

  cursor: pointer;

  background: #e15517;

}



::selection {

  background-color: #e15517;

  color: #fff;

}



-webkit-::selection {

  background-color: #e15517;

  color: #fff;

}



::-moz-selection {

  background-color: #e15517;

  color: #fff;

}



.sub-text {

  color: #fff;

  font-size: 20px;

}



.lg-gray {

  background: #f3f3f3;

}



.tp-bullet {

  display: none;

}



/* 1.2 Loader */



.loader {

  position: fixed;

  overflow: hidden;

  z-index: 100;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: #141414;

  color: #fff;

  text-align: center;

}



.loader-brand {

  position: absolute;

  left: 0;

  width: 100%;

  top: 50%;

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

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

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

  transform: translate(0, -50%);

}



.loader-brand img {

  max-width: 90%;

}



.infrastructure {

  background: url(../img/bg/infrastructure-bg.jpg);

  background-size: cover;

  background-position: center center;

}



/* 1.3 Typography */



h1,
.h1 {

  font-size: 50px;

  letter-spacing: 0.1em;

  text-transform: uppercase;

  line-height: 1.3;

  font-weight: 700;

  margin: 0;

}



h2,
.h2 {

  position: relative;

  font-size: 28px;

  line-height: 1.4;

  letter-spacing: 0.1em;

  text-transform: uppercase;

  font-weight: 700;

  color: #141414;

}



h3,
.h3 {

  font-size: 17px;

  line-height: 1.25;

  font-weight: 700;

  color: #141414;

  margin-top: 20px;

  margin-bottom: 10px;

}



h4,
.h4 {

  font-size: 14px;

  line-height: 1.4;

  font-weight: 700;

  color: #141414;

  letter-spacing: 0.05em;

  text-transform: uppercase;

}



h4 a,
.h4 a {

  color: inherit;

}



h4 a:hover,
.h4 a:hover {

  color: #e15517;

  text-decoration: none;

}



ul,
ol {

  margin-top: 0px;

  margin-bottom: 10px;

}



ul {

  list-style: none;

  padding-left: 0;

}



ol li,
ul li {

  margin-top: 10px;

}



blockquote {

  margin: 40px 0;

  background-color: #f6f6f6;

  padding: 30px;

  position: relative;

  border-left-color: #e15517;

  font-size: inherit;

  line-height: 1.7;

  color: #6B6B6B;

}



a {

  color: #e15517;

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

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

  transition: all .3s ease-out;

}



a:hover,
a:focus {

  color: #e15517;

  outline: none;

}



a:focus {

  text-decoration: none;

}



.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {

  color: #000;

  text-align: left;

}



.infra-table tbody {

  text-align: center;

}



/* 1.4 Fields */



.form-control,
textarea.form-control {

  height: 54px;

  color: #9F9F9F;

  border-radius: 0;

  padding-left: 22px;

  text-transform: uppercase;

  color: #141414;

  background-color: transparent;

  border: 2px solid #141414;

  letter-spacing: 0.1em;

  -webkit-box-shadow: none;

  box-shadow: none;

  -webkit-transition: all .15s;

  -o-transition: all .15s;

  transition: all .15s;

}



.form-control-sm,
textarea.form-control-sm {

  font-size: 11px;

  letter-spacing: 0.1em;

  height: 40px;

  padding: 13px 13px 13px;

  color: #fff;

  border-radius: 0;

  text-transform: uppercase;

  color: #fff;

  background-color: transparent;

  border: 2px solid #fff;

  letter-spacing: 0.1em;

  -webkit-box-shadow: none;

  box-shadow: none;

  -webkit-transition: all .15s;

  -o-transition: all .15s;

  transition: all .15s;

}



.form-control-white,
textarea.form-control-white {

  border-color: #fff;

  color: #fff;

}



.form-control:focus,
.form-control-sm:focus {

  border-color: #e15517;

  outline: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

}



textarea.form-control {

  height: 188px;

  padding-top: 14px;

  resize: none;

}



.form-control::-moz-placeholder {

  color: #141414;

  opacity: 1;

}



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

  color: #141414;

}



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

  color: #141414;

}



.form-control-white::-moz-placeholder {

  opacity: 1;

  color: #fff;

}



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

  color: #fff;

}



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

  color: #fff;

}



.form-control-sm::-moz-placeholder {

  color: #fff;

}



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

  color: #fff;

}



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

  color: #fff;

}



.form-control.error,
.form-control-sm.error {

  border-color: #e15517;

}



.form-group {

  margin-bottom: 40px;

}



.form-group-sm {

  margin-bottom: 15px;

}



.col-form {

  margin-top: 40px;

}



.row-form {

  margin-top: -40px;

}



.wobble-error {

  -webkit-animation: hvr-wobble-horizontal 1s ease-in-out 0s 1 normal;

  animation: hvr-wobble-horizontal 1s ease-in-out 0s 1 normal;

}



label.mc-label,
label.error {

  display: block;

  text-align: left;

  font-size: 11px;

  font-weight: 400;

  text-transform: uppercase;

  letter-spacing: 0.1em;

  margin: 10px 20px 0;

}



label.mc-label {

  margin: 10px 13px 0;

}



label.mc-label .fa {

  color: #e15517;

}



/* 1.5 Buttons */



.btn {

  position: relative;

  display: inline-block;

  border: 2px solid #e15517;

  padding: 13px 45px 12px;

  text-decoration: none;

  font-size: 13px;

  color: #fff;

  letter-spacing: 0.1em;

  font-weight: 500;

  border-radius: 0;

  text-transform: uppercase;

  background-color: #e15517;

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

  transition: all .3s ease-out;

}



.btn-round {

  border-radius: 25px;

}



.btn-sm {

  padding: 8px 30px 7px;

  font-size: 11px;

}



.btn:focus {

  outline: none !important;

  -webkit-box-shadow: none;

  box-shadow: none;

}



.btn:hover,
.btn:focus {

  border-color: #e15517;

  background-color: transparent;

}



.btn-light {

  background-color: #f0f5f9;

  border-color: #f0f5f9;

  color: #141414;

}



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

  color: #fff;

  background-color: #e15517;

}



.btn-white {

  color: #141414;

  background-color: #fff;

  border-color: #fff;

}



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

  color: #fff;

  background-color: #e15517;

  border-color: #e15517;

}



.btn-b-white {

  border: 2px solid #fff;

  background-color: transparent;

}



.btn-b-white:hover,
.btn-b-white:focus,
.btn-hvr-white:hover,
.btn-hvr-white:focus {

  color: #141414;

  background-color: #fff;

  border-color: #fff;

}



.btn-b-dark {

  color: #141414;

  border: 2px solid #141414;

  background-color: transparent;

}



.btn-b-dark:hover,
.btn-b-dark:focus {

  color: #fff;

  background-color: #e15517;

}



/* 1.6 Icons */



.icon-circle,
.icon-circle-white {

  display: inline-block;

  text-align: center;

  width: 100px;

  height: 100px;

  line-height: 100px;

  border-radius: 50%;

  border: 2px solid #e15517;

}



.icon-circle .fa,
.icon-circle-white .fa {

  font-size: 40px;

  color: #e15517;

  vertical-align: middle;

}



.icon-circle-white {

  border-color: #000;

}



.icon-circle-white .fa {

  color: #000;

}



.icon-circle-2 {

  display: inline-block;

  text-align: center;

  width: 80px;

  height: 80px;

  line-height: 80px;

  border-radius: 50%;

  background: #e15517;

}



.icon-circle-2 .fa {

  font-size: 30px;

  color: #fff;

  vertical-align: middle;

}



.icon-circle-3 {

  display: inline-block;

  text-align: center;

  width: 80px;

  height: 80px;

  line-height: 80px;

  border-radius: 50%;

  border: 2px solid #fff;

}



.icon-circle-3 .fa {

  font-size: 30px;

  color: #fff;

  vertical-align: middle;

}



.icon-circle-3.dark {

  border-color: #141414;

}



.icon-circle-3.dark .fa {

  color: #141414;

}



.fa {

  display: inline-block;

  color: inherit;

}



a.fa:hover,
a.fa:focus {

  text-decoration: none;

}



/* 1.7 Colors */



.text-white {

  color: #fff;

}



.text-primary {

  color: #e15517;

}



/* 1.8 Backgrouns */



.bgc-light {

  background-color: #f0f5f9;

}



.bgc-primary {

  background-color: #e15517;

}



/* 1.9 Content styles */



.layout {

  overflow: hidden;

}



.section {

  padding-top: 120px;

  padding-bottom: 120px;

}



.section-title {

  margin: 0 0 15px 0;

}



.section-content {

  margin-top: 120px;

}



.spacer,
.spacer-white {

  position: relative;

  width: 50px;

  height: 1px;

  background-color: #e15517;

  margin: 20px auto 20px;

}



.spacer .line,
.spacer-white .line {

  position: absolute;

  line-height: 1;

  left: 0;

  width: 100%;

  top: -9px;

}



.spacer .dot,
.spacer-white .dot {

  display: inline-block;

  width: 5px;

  height: 5px;

  border-radius: 50%;

  background-color: #e15517;

}



.spacer-white {

  background-color: #fff;

}



.spacer-white .dot {

  background-color: #fff;

}



header .spacer {

  margin-bottom: 0;

}



header .spacer+* {

  margin-top: 20px;

}



.bg-left-fluid {

  position: absolute;

  padding: 0;

  left: 0;

  top: 0;

  bottom: 0;

  overflow: hidden;

}



.bg-right-fluid {

  position: absolute;

  padding: 0;

  right: 0;

  top: 0;

  bottom: 0;

  overflow: hidden;

}



.bg-left-fluid.bordered:after,
.bg-right-fluid.bordered:after {

  content: '';

  position: absolute;

  left: 20px;

  top: 20px;

  right: 20px;

  bottom: 20px;

  border: 1px solid #e15517;

}



.row-base {

  margin-top: -30px;

}



.col-base {

  margin-top: 30px;

}



.row-columns {

  margin-top: -50px;

}



.column {

  margin-top: 50px;

}



/* 1.10 Helpers */



.masked {

  position: relative;

}



.masked:before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(14, 14, 14, 0.65);

}



.rel-1 {

  position: relative;

  z-index: 1;

}



.pt-0 {

  padding-top: 0;

}



.pb-0 {

  padding-bottom: 0;

}



.parallax {

  background-attachment: fixed !important;

}



.mobile .parallax {

  background-attachment: scroll !important;

}



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

  2. Header

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



header .navbar-header .brand.js-target-scroll img {

  width: 72px;

}



.navbar {

  position: absolute;

  z-index: 30;

  top: 0;

  left: 0;

  width: 100%;

  padding: 20px 0 0;

  margin: 0;

  border: 0;

  border-radius: 0;

}



.navbar .brand {

  float: left;

}



.navbar-toggle {

  margin-top: 3px;

  padding: 0;

}



.navbar-toggle .icon-bar {

  background-color: #e15517;

  height: 2px;

  width: 30px;

}



.navbar-toggle .icon-bar+.icon-bar {

  margin-top: 5px;

}



.navbar-toggle.collapsed .icon-bar {

  background-color: #fff;

}



@media (max-height: 320px) {

  .navbar .navbar-collapse {

    max-height: 240px;

  }

}



/* 2.1 Brand */



.brand {

  display: inline-block;

  margin: 0 0 15px 15px;

  text-align: center;

  font-size: 25px;

  line-height: 1;

  text-transform: uppercase;

  font-weight: 700;

  color: #fff;

  letter-spacing: 0.1em;

}



.brand span {

  display: inline-block;

}



.brand:hover,
.brand:focus {

  text-decoration: none;

}



/* 2.2 Navigation */



.navbar-nav {

  margin-top: 17px;

  font-size: 12px;

  letter-spacing: 0.1em;

  text-transform: uppercase;

}



.navbar-nav li {

  position: relative;

  margin-top: 0;

  -webkit-perspective: 2000px;

  perspective: 2000px;

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

}



.navbar-nav li a {

  color: #fff;

  text-decoration: none;

  padding: 12px 20px;

  -webkit-transition: background-color 0.3s;

  -o-transition: background-color 0.3s;

  transition: background-color 0.3s;

}



.navbar-nav li a:hover,
.navbar-nav li a:focus,
.navbar-nav .active>a {

  background-color: transparent;

}



.navbar-nav>li>a:hover,
.navbar-nav>.active>a {

  background-color: #e15517;

}



.navbar-nav li .submenu {

  display: none;

  position: absolute;

  left: -15px;

  top: 150%;

  visibility: hidden;

  overflow: hidden;

  opacity: 0;

  z-index: 10;

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

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

  transition: all .3s ease-out;

}



.navbar-nav li ul {

  margin-top: 21px;

  min-width: 200px;

  background: rgba(14, 14, 14, 0.9);

}



.navbar-nav li:hover .submenu {

  top: 100%;

  visibility: visible;

  opacity: 1;

}



.navbar-nav li li {

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

}



.navbar-nav li li:last-child {

  border-bottom: 0;

}



.navbar-nav li li a {

  display: block;

  padding: 12px 20px 10px;

}



/* 2.3 Affix */



.navbar.affix {

  position: fixed;

  top: 0;

  background-color: rgba(14, 14, 14, 0.95);

  padding-top: 20px;

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

}



.navbar.affix .navbar-nav>li>a:hover,
.navbar.affix .navbar-nav>.active>a {

  color: #fff;

}



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

  3. Main

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



.home-banner {

  height: 100vh;

  background: url(../img/slider/slider.jpg);

  background-size: cover;

  background-position: center center;

}



.home-banner:after {

  content: '';

  height: 100%;

  width: 100%;

  background: #00000050;

  position: absolute;

  top: 50%;

  left: 50%;

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

  z-index: 1;

}



.home-banner .container {

  position: absolute;

  top: 50%;

  left: 50%;

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

  z-index: 2;

}



.home-banner h1,
.home-banner p {

  color: #fff;

  font-size: 18px;

}



.typewriter h1 {

  color: #fff;

  font-family: fillmore;

  font-size: 60px !important;

  overflow: hidden;

  /* Ensures the content is not revealed until the animation */

  border-right: .15em solid transparent;

  /* The typwriter cursor */

  white-space: nowrap;

  /* Keeps the content on a single line */

  margin: 0 auto;

  /* Gives that scrolling effect as the typing happens */

  letter-spacing: 10px;

  /* Adjust as needed */

  animation: typing 3.5s steps(30, end), blink-caret .5s step-end infinite;

}



/* The typing effect */



@keyframes typing {

  from {

    width: 0
  }

  to {

    width: 100%
  }

}



/* The typewriter cursor effect */



@keyframes blink-caret {

  from,
  to {

    border-color: transparent
  }

  50% {

    border-color: transparent
  }

}



.main-about {

  background: url(../img/bg/main-about.jpg) center 0 no-repeat;

  background-size: cover;

}



.main-about2 {

  background: url(../img/bg/main-about2.jpg) center 0 no-repeat;

  background-size: cover;

}



.opener {

  color: #fff;

  text-align: center;

  position: relative;

  z-index: 1;

  padding: 200px 0 150px;

}



.opener h2 {

  color: #fff;

  font-size: 30px;

  letter-spacing: 0.4em;

  margin: 0;

  font-weight: 600;

}



.rev_slider {

  color: #fff;

  min-height: 420px;

  background-color: #141414;

}



.tp-caption {

  text-align: center;

}



.main .btn {

  padding-left: 30px;

  padding-right: 30px;

}



.ares.tparrows {

  min-width: 50px;

  min-height: 50px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

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

}



.ares.tparrows.tp-leftarrow {

  margin-left: 40px;

}



.ares.tparrows.tp-rightarrow {

  margin-right: 40px;

}



.ares.tparrows.tp-leftarrow:before,
.ares.tparrows.tp-rightarrow:before {

  font-family: 'FontAwesome';

  line-height: 50px;

  color: #e15517;

}



.ares.tparrows.tp-leftarrow:before {

  content: "\f104";

}



.ares.tparrows.tp-rightarrow:before {

  content: "\f105";

}



.ares.tparrows:hover {

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

}



.ares.tparrows:hover .ares.tparrows.tp-leftarrow:before,
.ares.tparrows:hover .ares.tparrows.tp-rightarrow:before {

  color: #fff;

}



.scroll-bottom {

  display: inline-block;

  text-align: center;

  width: 50px;

  height: 50px;

  line-height: 50px;

  border-radius: 50%;

  background-color: #e15517;

}



.scroll-bottom .fa {

  position: relative;

  line-height: 50px;

  font-size: 17px;

  color: #fff;

}



.scroll-bottom:hover {

  background-color: #fff;

}



.scroll-bottom:hover .fa {

  color: #e15517;

}



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



/*  4. About

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



.partners {

  overflow: hidden;

}



.bg-about-1 {

  background: url(../img/bg/about1.jpg) center no-repeat;

  background-size: cover;

}



.bg-about-2 {

  background: url(../img/bg/about2.jpg) center no-repeat;

  background-size: cover;

}



.bg-about-3 {

  background: url(../img/bg/about3.jpg) center no-repeat;

  background-size: cover;

}



.bg-about-4 {

  background: url(../img/bg/about4.jpg) center no-repeat;

  background-size: cover;

}



.bg-about-5 {

  background: url(../img/bg/about5.jpg) center no-repeat;

  background-size: cover;

}



.row-about {

  padding-top: 90px;

  padding-bottom: 90px;

  position: relative;

}



.col-about-margin {

  margin-top: 70px;

}



.img-frame {

  display: inline-block;

  position: relative;

}



.img-frame:after {

  content: '';

  position: absolute;

  left: -15px;

  top: -15px;

  bottom: 15px;

  right: 15px;

  border: 5px solid #f0f5f9;

}



.img-frame img {

  position: relative;

  z-index: 1;

}



.about-title {

  margin-top: 0;

  font-size: 24px;

  text-transform: uppercase;

  letter-spacing: 0.05em;

}



.col-about-content {

  margin-top: 45px;

}



.progress-bar-title {

  margin-bottom: 3px;

}



.progress-bar-title,
.progress-bar {

  font-size: 16px;

  letter-spacing: 0.05em;

  font-weight: 500;

  text-transform: uppercase;

}



.progress {

  height: 10px;

  margin-bottom: 25px;

  box-shadow: none;

  background: none;

  border-radius: 0;

  overflow: visible;

}



.progress-bar {

  position: relative;

  border-radius: 4px;

  background-color: #e15517;

  box-shadow: none;

  color: inherit;

  width: 20%;

}



.progress-bar span {

  position: absolute;

  top: -30px;

  right: 0px;

}



.statistic {

  text-align: center;

  padding: 80px 0;

}



.counter-value {

  font-size: 60px;

  line-height: 1;

  letter-spacing: 0.05em;

  font-weight: 600;

}



.counter-details {

  margin-top: 10px;

  font-size: 18px;

  line-height: 1.4;

  letter-spacing: 0.1em;

}



.panel-group {

  margin-bottom: 0;

}



.panel-group .panel+.panel {

  margin-top: 15px;

}



.panel {

  background-color: transparent;

  border: 0;

}



.panel-heading {

  background-color: #e15517;

  border-radius: 0;

  padding: 0;

}



.panel-title {

  text-transform: uppercase;

  color: #fff;

  font-size: 16px;

  letter-spacing: 0.05em;

}



.panel-title a {

  color: #fff;

  position: relative;

  display: block;

  padding: 14px 50px 12px 20px;

}



.panel-title a:hover {

  color: #fff;

  text-decoration: none;

}



.panel-title a:before {

  position: absolute;

  top: 13px;

  right: 20px;

  bottom: 0;

  color: #fff;

  font-size: 20px;

  line-height: 1;

  text-align: center;

  content: "+";

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



.panel-title a[aria-expanded="true"]:before {

  content: "-";

}



.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {

  border: 2px solid #e15517;

}



.panel-body {

  margin-top: 15px;

  padding: 20px;

  border: 2px solid #e15517;

}



.panel-body-title {

  font-size: 14px;

  color: #e15517;

  letter-spacing: 0.05em;

  text-transform: uppercase;

  font-weight: 500;

  margin-top: 12px;

}



.partner {

  margin: 0 15px;

  padding: 20px 25px;

  border: 2px solid #f7f7f7;

}



.partner img {

  max-width: 100%;

}



.image-section h2 {

  font-size: 38px;

  line-height: 1.2;

  letter-spacing: 0.05em;

  font-weight: 600;

  margin-bottom: 25px;

}



.image-section .btn {

  margin-top: 15px;

}



.banner-section {

  padding: 50px 0;

}



.banner-section h2 {

  font-size: 22px;

  letter-spacing: 0.05em;

  margin: 10px 0 0;

}



.banner-section .btn {

  margin-top: 30px;

}



/* 4.1 Services */



.main-services {

  background: url(../img/bg/main-services.jpg) center 0 no-repeat;

  background-size: cover;

}



.service-column p {

  margin-bottom: 0;

}



.entry {

  font-size: 20px;

  text-transform: uppercase;

  letter-spacing: 0.1em;

  font-weight: 600;

}



.border-column {

  padding: 40px;

  border: 1px solid #000;

  border-radius: 20px;

  color: #fff;

}



.border-column .entry {

  color: #000;

}



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



/*  5. Portfolio

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



.main-portfolio {

  background: url(../img/bg/main-portfolio.jpg) center 0 no-repeat;

  background-size: cover;

}



.main-portfolio2 {

  background: url(../img/bg/main-portfolio2.jpg) center 0 no-repeat;

  background-size: cover;

}



.main-portfolio3 {

  background: url(../img/bg/main-portfolio3.jpg) center 0 no-repeat;

  background-size: cover;

}



.filter {

  margin: 50px 0 0 0;

  text-transform: uppercase;

  font-size: 12px;

  letter-spacing: 0.1em;

}



.filter li {

  display: inline-block;

  margin: 20px 10px 0;

}



.filter li a {

  display: block;

  color: inherit;

  padding: 8px 18px;

  border: 2px solid #f0f5f9;

}



.filter li a:hover,
.filter .active a {

  border-color: #e15517;

  background-color: #e15517;

  text-decoration: none;

  color: #fff;

}



.filter-top {

  margin-top: -20px;

}



.isotope-padding {

  margin: 0 15px;

}



.isotope-padding .isotope-item {

  padding: 15px;

}



.isotope .isotope-item {

  width: 100%;

}



.isotope .isotope-item.w2 {

  width: 100%;

}



.isotope.col-2 .isotope-item {

  width: 100%;

}



.isotope.col-3 .isotope-item {

  width: 100%;

}



.showcase-item {

  color: #fff;

}



.showcase-item-thumbnail img {

  display: block;

  width: 100%;

}



.showcase-item-hover {

  position: absolute;

  overflow: hidden;

  z-index: 1;

  top: 12px;

  right: 12px;

  bottom: 12px;

  left: 12px;

  opacity: 0;

  color: #fff;

  -webkit-transform: translateZ(0);

  -ms-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  cursor: url(../img/zoom-in.cur), zoom-in;

}



.isotope-padding .showcase-item-hover {

  top: 15px;

  right: 15px;

  bottom: 15px;

  left: 15px;

}



.showcase-item-hover:after {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-color: rgba(225, 85, 23, 0.77);

  -webkit-transform: scale(0);

  -ms-transform: scale(0);

  transform: scale(0);

  -webkit-transition: all 0.6s;

  transition: all 0.6s;

}



.showcase-item-info {

  position: absolute;

  top: 50%;

  left: 0;

  width: 100%;

  padding: 0 20px;

  -webkit-transform: translateY(-50%) scale(0);

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

  transform: translateY(-50%) scale(0);

  -webkit-transition: transform 0.3s;

  -ms-transition: transform 0.3s;

  transition: transform 0.3s;

}



.showcase-item-category {

  font-size: 20px;

  line-height: 1.3;

  text-transform: uppercase;

  letter-spacing: 0.1em;

}



.showcase-item-title {

  font-size: 25px;

  line-height: 1.4;

  text-transform: uppercase;

  letter-spacing: 0.1em;

  font-weight: 600;

}



.showcase-item:hover .showcase-item-hover {

  opacity: 1;

}



.showcase-item:hover .showcase-item-hover:after {

  opacity: 1;

  -webkit-transform: scale(1.5);

  -ms-transform: scale(1.5);

  transform: scale(1.5);

}



.showcase-item:hover .showcase-item-info {

  -webkit-transform: translateY(-50%) scale(1);

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

  transform: translateY(-50%) scale(1);

}



#showcase {

  padding-top: 100px;

}



/* 5.1 Magnific popup */



.mfp-figure {

  box-shadow: none;

}



.mfp-iframe-scaler {

  overflow: visible;

}



.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {

  padding: 0;

  margin-top: -10px;

  font-family: inherit;

  font-size: 40px;

  font-weight: 300;

  line-height: 0;

}



img.mfp-img {

  min-height: 250px;

}



.mfp-bottom-bar {

  margin-top: -30px;

}



.mfp-title {

  padding-right: 40px;

  font-size: 18px;

  margin-top: 3px;

  text-transform: uppercase;

  letter-spacing: 0.1em;

}



.mfp-counter {

  top: 5px;

}



.mfp-bg {

  background-color: #141414;

}



.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {

  display: none;

}



.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {

  display: none;

}



.mfp-wrap .mfp-content {

  -webkit-perspective: 1300px;

  perspective: 1300px
}



.mfp-wrap .mfp-figure,
.mfp-wrap .mfp-iframe-scaler {

  opacity: 0;

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;

  -webkit-transform: scale(0) rotateY(60deg);

  -o-transform: scale(0) rotateY(60deg);

  transform: scale(0) rotateY(60deg);

}



.mfp-bg {

  opacity: 0;

  -webkit-transition: .5s;

  -o-transition: .5s;

  transition: .5s;

}



.mfp-wrap .mfp-figure,
.mfp-wrap .mfp-iframe-scaler {

  opacity: 0;

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

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

  transition: .3s ease-in-out;

  -webkit-transform: rotateY(-60deg);

  -ms-transform: rotateY(-60deg);

  -o-transform: rotateY(-60deg);

  transform: rotateY(-60deg);

}



.mfp-bg {

  opacity: 0;

  -webkit-transition: .5s;

  -o-transition: .5s;

  transition: .5s;

}



.mfp-wrap.mfp-ready .mfp-figure,
.mfp-wrap.mfp-ready .mfp-iframe-scaler {

  opacity: 1;

  -webkit-transform: rotateX(0);

  -ms-transform: rotateX(0);

  -o-transform: rotateX(0);

  transform: rotateX(0);

}



.mfp-ready.mfp-bg {

  opacity: 0.8;

}



.mfp-wrap.mfp-removing .mfp-figure,
.mfp-wrap.mfp-removing .mfp-iframe-scaler {

  opacity: 0;

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

  -ms-transform: rotateX(-60deg);

  -o-transform: rotateX(-60deg);

  transform: rotateX(-60deg);

}



.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {

  cursor: url(../img/zoom-out.cur), zoom-out;

}



.mfp-removing.mfp-bg {

  opacity: 0;

}



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



/*  6. Team

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



.team-profile {

  position: relative;

  overflow: hidden;

}



.team-profile-img img {

  width: 100%;

}



.team-profile-hover {

  position: absolute;

  overflow: hidden;

  z-index: 1;

  top: 12px;

  bottom: 12px;

  left: 12px;

  right: 12px;

  opacity: 0;

  color: #fff;

  -webkit-transform: translateZ(0);

  -ms-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



.team-profile-hover:after {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-color: rgba(225, 85, 23, 0.77);

  -webkit-transform: scale(0);

  -ms-transform: scale(0);

  transform: scale(0);

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



.team-profile-info {

  position: absolute;

  top: 50%;

  left: 0;

  width: 100%;

  padding: 0 20px;

  -webkit-transform: translateY(-50%) scale(0);

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

  transform: translateY(-50%) scale(0);

  -webkit-transition: transform 0.3s;

  -ms-transition: transform 0.3s;

  transition: transform 0.3s;

}



.team-profile-social {

  position: relative;

  top: -30px;

  opacity: 0;

  -webkit-transition: all 1s;

  -o-transition: all 1s;

  transition: all 1s;

  margin-bottom: 50px;

}



.team-profile-social a {

  display: inline-block;

  vertical-align: middle;

  margin: 0 10px;

  font-size: 25px;

}



.team-profile-social a:hover {

  color: #141414;

}



.team-profile-name {

  font-size: 16px;

  font-weight: 600;

  line-height: 1.6;

  text-transform: uppercase;

  letter-spacing: 0.1em;

}



.team-profile-spec {

  font-size: 13px;

  line-height: 1.6;

  text-transform: uppercase;

  font-weight: 500;

  letter-spacing: 0.1em;

  color: #141414;

}



.team-profile-descr {

  position: relative;

  top: 90px;

  opacity: 0;

  -webkit-transition: 1s;

  -o-transition: 1s;

  transition: 1s;

}



.team-profile:hover .team-profile-hover {

  opacity: 1;

}



.team-profile:hover .team-profile-hover:after {

  opacity: 1;

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}



.team-profile:hover .team-profile-info {

  -webkit-transform: translateY(-50%) scale(1);

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

  transform: translateY(-50%) scale(1);

}



.team-profile:hover .team-profile-social {

  opacity: 1;

  top: 0;

}



.team-profile:hover .team-profile-descr {

  opacity: 1;

  top: 0;

}



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



/*  7. Features

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



.main-features {

  background: url(../img/bg/main-features.jpg) center 0 no-repeat;

  background-size: cover;

}



.icon-title {

  font-size: 16px;

  text-transform: uppercase;

  letter-spacing: 0.1em;

  margin: 0 0 15px;

}



.feature-column .icon-title {

  margin-top: 25px;

}



.icon-feature {

  font-size: 35px;

}



.col-feature p {

  margin-bottom: 0;

}



.feature-box {

  margin-top: 30px;

  padding: 30px 20px 25px;

  border: 2px solid #f0f5f9;

}



.feature-descr {

  font-size: 13px;

  margin-bottom: 0;

}



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



/*  8. Reviews

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



.reviews {

  background: url(../img/bg/reviews.jpg) center 0 no-repeat;

  background-size: cover;

  padding-top: 50px;

  padding-bottom: 50px;

}



.reviews-2 {

  padding-top: 0;

}



.review-name {

  font-size: 18px;

  text-transform: uppercase;

  letter-spacing: 0.1em;

  margin-top: 35px;

}



.review-spec {

  font-size: 14px;

  text-transform: uppercase;

  letter-spacing: 0.1em;

  color: #e15517;

  font-weight: 400;

  margin: 0;

}



.review-description {

  margin-top: 30px;

}



.review-carousel-2 .review {

  position: relative;

  margin: 0 15px;

  padding: 0 50px 40px;

}



.review-carousel-2 .review:before {

  content: '';

  position: absolute;

  z-index: -1;

  left: 0;

  right: 0;

  top: 50px;

  bottom: 0;

  border: 2px solid #f0f5f9;

}



.review-carousel-2 .owl-controls .owl-pagination {

  margin-top: 80px;

}



.review-carousel-3 .col-review-text {

  margin-top: 50px;

  padding: 50px;

  border: 2px solid #eff4f8;

}



.review-carousel-3 .review-name {

  margin-top: 0;

}



/* 8.1 Owl carousel */



.owl-controls .owl-pagination {

  text-align: center;

  margin-top: 35px;

}



.owl-controls .owl-page {

  display: inline-block;

  margin: 0 4px;

}



.owl-controls .owl-page span {

  display: inline-block;

  width: 12px;

  height: 12px;

  border-radius: 50%;

  border: 2px solid #e15517;

  -webkit-transition: .2s linear;

  -o-transition: .2s linear;

  transition: .2s linear;

}



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

  background-color: #e15517;

}



.dots-white .owl-controls .owl-page span {

  border-color: #fff;

}



.dots-white .owl-controls .owl-page.active span,
.dots-white .owl-controls .owl-page:hover span {

  background-color: #fff;

}



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



/*  9. Prices

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



.col-price {

  max-width: 100%;

  width: 350px;

  display: inline-block;

  position: relative;

  padding: 7px;

  text-align: center;

}



.price-box {

  position: relative;

  border: 2px solid #f0f5f9;

}



.price-header {

  padding: 35px 20px;

  line-height: 1;

  color: #000;

  background-color: #f0f5f9;

}



.price-title {

  font-size: 14px;

  font-weight: 600;

  text-transform: uppercase;

  letter-spacing: 0.1em;

  margin-bottom: 8px;

}



.price-amount {

  font-size: 50px;

  font-weight: 600;

}



.price-currency {

  display: inline-block;

  vertical-align: top;

  margin: 2px 0 0 -10px;

  font-size: 18px;

  font-weight: 500;

}



.price-period {

  margin-top: 2px;

  font-size: 14px;

  text-transform: uppercase;

  letter-spacing: 0.1em;

}



.price-features {

  font-size: 12px;

  letter-spacing: 0.1em;

  padding: 40px 20px;

}



.price-features ul {

  margin: 0;

}



.price-features ul li {

  position: relative;

  margin: 0 0 25px 0;

}



.price-features ul li .fa {

  position: absolute;

  top: 3px;

  left: 25px;

  font-size: 14px;

}



.price-features .btn {

  margin-top: 8px;

}



.leading.col-price .price-box {

  border-color: #e15517;

}



.leading.col-price .price-header {

  background-color: #e15517;

  color: #fff;

}



.leading.col-price .price-title {

  color: #fff;

}



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



/*  9. Blog

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



.main-blog {

  background: url(../img/bg/main-blog.jpg) center 0 no-repeat;

  background-size: cover;

}



.main-blog-details {

  background: url(../img/bg/main-blog-details.jpg) center 0 no-repeat;

  background-size: cover;

}



.blog-article-thumbnail {

  position: relative;

}



.blog-article-thumbnail img {

  width: 100%;

}



.blog-article-thumbnail .date {

  position: absolute;

  z-index: 1;

  right: 0;

  top: 0;

  padding: 8px 14px;

  background-color: #e15517;

  text-transform: uppercase;

  color: #fff;

  line-height: 1.3;

}



.blog-article-title {

  font-size: 15px;

  letter-spacing: 0.1em;

  text-transform: uppercase;

  margin-bottom: 8px;

}



.blog-article-category {

  font-size: 14px;

  text-transform: uppercase;

  letter-spacing: 0.1em;

  font-weight: 400;

  color: #8a8888;

}



.read-more {

  display: inline-block;

  font-size: 12px;

  text-transform: uppercase;

  letter-spacing: 0.1em;

  font-weight: 600;

}



.read-more .fa {

  margin-left: 4px;

}



.blog-article-details .read-more {

  margin-top: 10px;

}



.video-mask {

  position: absolute;

  overflow: hidden;

  z-index: 1;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  color: #fff;

  -webkit-transform: translateZ(0);

  -ms-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



.video-mask:after {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-color: rgba(14, 14, 14, 0.6);

  -webkit-transition: all 0.6s;

  transition: all 0.6s;

}



.video-mask .fa {

  position: absolute;

  z-index: 2;

  top: 50%;

  left: 50%;

  font-size: 50px;

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

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

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

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

}



.gallery-carousel .owl-prev,
.gallery-carousel .owl-next {

  position: absolute;

  top: 50%;

  width: 34px;

  height: 34px;

  line-height: 34px;

  background: #fff;

  border-radius: 50%;

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

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

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

  transform: translate(0, -50%);

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

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

  transition: all .3s ease-out;

}



.gallery-carousel .owl-prev {

  left: 20px;

}



.gallery-carousel .owl-next {

  right: 20px;

}



.gallery-carousel .owl-prev .fa,
.gallery-carousel .owl-next .fa {

  color: #e15517;

}



.gallery-carousel .owl-prev:hover,
.gallery-carousel .owl-next:hover {

  background-color: #e15517;

}



.gallery-carousel .owl-prev:hover .fa,
.gallery-carousel .owl-next:hover .fa {

  color: #fff;

}



/* 10.1 Widget Gallery */



.widget-gallery ul {

  overflow: hidden;

  margin: -11px 0 0 -11px;

}



.widget-gallery ul li {

  float: left;

  margin: 11px 0 0 11px;

}



.widget-gallery ul li a {

  display: block;

  position: relative;

}



.gallery-item-hover {

  position: absolute;

  overflow: hidden;

  z-index: 1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  color: #fff;

  -webkit-transform: translateZ(0);

  -ms-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



.gallery-item-hover:after {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-color: rgba(103, 213, 181, 0.8);

  -webkit-transform: scale(0);

  -ms-transform: scale(0);

  transform: scale(0);

  -webkit-transition: all 0.6s;

  transition: all 0.6s;

}



.gallery-item-hover .fa {

  position: absolute;

  top: 50%;

  left: 50%;

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

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

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

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

  font-size: 15px;

  font-weight: normal;

}



.widget-gallery ul li a:hover .gallery-item-hover {

  opacity: 1;

}



.widget-gallery ul li a:hover .gallery-item-hover:after {

  opacity: 1;

  -webkit-transform: scale(1.5);

  -ms-transform: scale(1.5);

  transform: scale(1.5);

}



/* 10.2 Post */



.post-header h2 {

  font-size: 19px;

  margin-top: 25px;

  margin-bottom: 0;

}



.post-meta {

  color: #A0A0A0;

  overflow: hidden;

  padding-bottom: 15px;

}



.post-meta li {

  float: left;

  margin-right: 25px;

}



.post-entry {

  margin-top: 10px;

}



.post-tags {

  margin-top: -15px;

}



.post-tags a {

  display: inline-block;

  padding: 5px 20px;

  margin: 0 12px 15px 0;

  border: 2px solid #f0f5f7;

  font-size: 12px;

  font-weight: 500;

  letter-spacing: 0.1em;

  color: #141414;

  text-transform: uppercase;

}



.post-tags a:hover {

  background: #e15517;

  border-color: #e15517;

  color: #fff;

  text-decoration: none;

}



.post .post-tags {

  margin-top: 40px;

}



.post-controls {

  margin-top: 30px;

  overflow: hidden;

}



.post-share li {

  display: inline-block;

  padding-right: 10px;

  margin: 0;

}



.post-controls .post-share {

  float: left;

}



.post-controls .comments-info {

  float: right;

}



/* 10.3 Comments */



.comments-info a {

  color: #9C9C9C;

}



.comments-info a:hover {

  color: #e15517;

  text-decoration: none;

}



.comment-respond {

  margin-top: 70px;

}



.comment-reply-title {

  font-size: 19px;

  margin-bottom: 20px;

}



/* 10.4 Widgets */



.widget {

  margin-bottom: 50px;

}



.widget-title {

  position: relative;

  font-size: 24px;

  font-weight: 600;

  text-transform: uppercase;

  letter-spacing: 0.05em;

  margin-bottom: 45px;

}



.widget-title:before {

  content: '';

  position: absolute;

  top: 100%;

  margin-top: 10px;

  width: 40px;

  border-top: 1px solid #e15517;

}



.widget-about-title {

  font-size: 16px;

  margin-top: 15px;

  margin-bottom: 0;

}



.subtitle {

  font-size: 12px;

  font-weight: 500;

  letter-spacing: 0.1em;

  text-transform: uppercase;

}



/* 10.5 Widget Search */



.search-form {

  position: relative;

}



.search-field {

  border-color: #f0f5f7;

}



.search-submit {

  position: absolute;

  right: 16px;

  top: 16px;

  background: none;

  border: 0;

  padding: 0;

  font-size: 20px;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

}



.search-submit:hover {

  color: #e15517;

}



.search-submit:focus {

  outline: none;

}



/* 10.6 Widget Recent Post */



.post-item {

  overflow: hidden;

  margin-bottom: 20px;

}



.post-item:last-child {

  margin-bottom: 0;

}



.post-item h4 {

  margin: 0;

}



.post-item .post-thumb {

  float: left;

}



.post-item .post-body {

  margin-left: 120px;

}



.post-item .post-time {

  font-size: 12px;

  line-height: 1.2;

  margin-top: 7px;

  color: #999;

}



.post-item .subtitle {

  line-height: 1.2;

}



/* 10.7 Widget Categories */



.widget_categories ul li:first-child {

  margin-top: 0;

}



.widget_categories ul li {

  text-transform: uppercase;

  letter-spacing: 0.1em;

}



.widget_categories ul li a {

  color: inherit;

}



.widget_categories ul li a:hover {

  color: #e15517;

  text-decoration: none;

}



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



/*  11. Page 404

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



.main-404 {

  background: url(../img/bg/main-404.jpg) center 0 no-repeat;

  background-size: cover;

}



.title-404 {

  font-size: 90px;

  line-height: 1;

  letter-spacing: 0.1em;

  color: #e15517;

  font-weight: 700;

}



.subtitle-404 {

  font-weight: 600;

  font-size: 40px;

  line-height: 1.1;

  letter-spacing: 0.1em;

  text-transform: uppercase;

}



.description-404 {

  font-size: 20px;

  color: #1e2022;

  letter-spacing: 0.1em;

  text-transform: uppercase;

}



.info-404 {

  font-size: 15px;

  margin-top: 20px;

}



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



/*  11. Contact

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



.main-contact {

  background: url(../img/bg/main-contact.jpg) center 0 no-repeat;

  background-size: cover;

}



.main-contact2 {

  background: url(../img/bg/main-contact2.jpg) center 0 no-repeat;

  background-size: cover;

}



.contact {

  background: url(../img/bg/contact.jpg) center 0 no-repeat;

  background-size: cover;

}



.contact-2 .social {

  margin-top: 40px;

}



.contact-row {

  margin-bottom: 42px;

}



.contact-row .icon-title {

  font-size: 14px;

  letter-spacing: 0;

  margin-bottom: 12px;

}



.contact-2 .social {

  text-align: center;

}



.map {

  margin-top: 80px;

  width: 100%;

  height: 450px;

  border: 0;

  text-align: center;

}



.map-info {

  text-align: left;

}



.map-title {

  margin-bottom: 20px;

}



.map-info .fa {

  margin-right: 5px;

}



.contact-address {

  margin-top: 50px;

  text-align: center;

}



.contact-address-item .icon-title {

  font-size: 14px;

  letter-spacing: 0;

  margin-top: 35px;

}



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



/*  13. Footer

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



.footer {

  font-size: 13px;

}



.footer-top {

  padding: 55px 0;

  background-color: #1a1a1a;

}



.footer .widget-title .brand {

  margin-top: 8px;

}



.footer .widget-title {

  position: relative;

  font-size: 13px;

  line-height: 1.4;

  text-transform: uppercase;

  letter-spacing: 0.1em;

  font-weight: 600;

  margin-bottom: 32px;

}



.footer .widget-title:before {

  content: '';

  position: absolute;

  top: 100%;

  margin-top: 8px;

  left: 0;

  width: 20px;

  border-top: 1px solid #e15517;

}



.footer .widget-links {

  font-size: 11px;

  letter-spacing: 0.1em;

  text-transform: uppercase;

}



.footer .widget-links li {

  margin-bottom: 14px;

}



.footer .widget-links a {

  color: inherit;

}



.footer .widget-links a:hover {

  color: #e15517;

  text-decoration: none;

}



.footer-bottom {

  padding: 28px 0;

  background-color: #141414;

}



.copy {

  margin-bottom: 15px;

}



.social {

  margin-top: -7px;

  margin-left: -30px;

}



.social a {

  font-size: 15px;

  display: inline-block;

  padding: 1px;

  margin-left: 30px;

  margin-top: 7px;

  color: #C2C2C2;

}



.social a:hover {

  color: #e15517;

}



.social-round a {

  margin-left: 10px;

  text-align: center;

  width: 42px;

  height: 42px;

  line-height: 40px;

  border: 2px solid #e15517;

  border-radius: 50%;

}



.social-round a .fa {

  color: #141414;

}



.social-round a:hover {

  background-color: #e15517;

}



.social-round a:hover .fa {

  color: #fff;

}



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



/*  14. Modals

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



.modal-open {

  overflow: visible;

  padding-right: 0 !important;

}



.modal {

  color: #fff;

  text-align: center;

}



.modal .form-control {

  height: 50px;

  font-size: 12px;

  border-width: 1px;

}



.modal textarea.form-control {

  height: 120px;

}



.modal label.error {

  color: #fff;

}



.modal-dialog {

  display: inline-block;

  text-align: left;

  vertical-align: middle;

  width: 90%;

  margin: 25px auto;

}



.modal-content {

  border: 0;

  opacity: 0;

  background-color: rgba(20, 20, 20, 0.95);

  padding: 20px 30px 40px;

  border-radius: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

}



.modal.fade .modal-dialog {

  -webkit-perspective: 1300px;

  -moz-perspective: 1300px;

  perspective: 1300px;

}



.modal.fade .modal-content {

  -webkit-transform-style: preserve-3d;

  -moz-transform-style: preserve-3d;

  transform-style: preserve-3d;

  -webkit-transform: translateZ(-3000px) rotateY(90deg);

  -moz-transform: translateZ(-3000px) rotateY(90deg);

  -ms-transform: translateZ(-3000px) rotateY(90deg);

  transform: translateZ(-3000px) rotateY(90deg);

  opacity: 0;

}



.modal.fade.in .modal-content {

  -webkit-animation: slit .7s forwards ease-out;

  -moz-animation: slit .7s forwards ease-out;

  animation: slit .7s forwards ease-out;

}



@-webkit-keyframes slit {

  50% {

    -webkit-transform: translateZ(-250px) rotateY(60deg);

    opacity: .5;

    -webkit-animation-timing-function: ease-out;

  }

  100% {

    -webkit-transform: translateZ(0) rotateY(0deg);

    opacity: 1;

  }

}



@-moz-keyframes slit {

  50% {

    -moz-transform: translateZ(-250px) rotateY(60deg);

    opacity: .5;

    -moz-animation-timing-function: ease-out;

  }

  100% {

    -moz-transform: translateZ(0) rotateY(0deg);

    opacity: 1;

  }

}



@keyframes slit {

  50% {

    transform: translateZ(-250px) rotateY(60deg);

    opacity: 1;

    animation-timing-function: ease-in;

  }

  100% {

    transform: translateZ(0) rotateY(0deg);

    opacity: 1;

  }

}



.modal-header {

  border: 0;

  min-height: 0;

  text-align: center;

}



.close {

  display: block;

  font-size: 12px;

  font-weight: 100;

  line-height: 1;

  color: #fff;

  text-align: center;

  text-shadow: none;

  cursor: pointer;

  border-radius: 50%;

  opacity: 1;

  filter: alpha(opacity=1);

  -webkit-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;

}



.close span {

  display: block;

}



.close:hover,
.close:focus {

  color: #e15517;

  opacity: 1;

  filter: alpha(opacity=1);

}



.modal-header .close {

  position: absolute;

  z-index: 1;

  top: 10px;

  right: 20px;

  font-size: 40px;

}



.modal-title {

  font-size: 25px;

  color: #fff;

  margin-bottom: 10px;

}



.modal-subtitle {

  font-size: 12px;

  font-weight: 300;

  text-transform: uppercase;

  letter-spacing: 0.1em;

}



.modal-body {

  padding: 20px 0 0;

}



.modal-body .form-group {

  margin-bottom: 30px;

}



.modal-message .modal-content {

  padding-top: 55px;

  padding-bottom: 55px;

}



/* Contact Box Start */



.contact-box {

  padding-top: 20px;

  padding-bottom: 20px;

}



.contact-box p {

  margin: 0;

  font-size: 20px;

}



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

  background: #fff;

  color: #e15517;

  font-weight: 800;

  margin-top: 16px;

  box-shadow: -6px 8px 12px 0px #00000040;

}



/* Contact Box End */



.contact-bg {

  background: url(../img/bg/contact.jpg);

  background-size: cover;

  background-position: center center;

}



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



/*  15. Responsive styles

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



/* 15.1 Min width 768px */



@media (min-width: 768px) {

  /* Header */

  .navbar {

    padding-top: 50px;

  }

  .brand {

    margin: 0;

  }

  /* Navigation */

  .navbar-nav {

    font-size: 14px;

  }

  .navbar-nav>li {

    border-bottom: 0;

    margin-left: 25px;

  }

  .navbar-nav li a {

    position: relative;

    padding: 0;

    color: #fff;

  }

  .navbar-nav li a:hover,
  .navbar-nav li a:focus,
  .navbar-nav .active>a,
  .navbar-nav .active>a:hover {

    background-color: transparent;

  }

  .navbar-nav li a:hover,
  .navbar-nav .active>a,
  .navbar.affix .navbar-nav li>a:hover,
  .navbar.affix .navbar-nav .active>a {

    color: #e15517;

  }

  .navbar-nav li .submenu {

    display: block;

  }

  /* Navbar Affix */

  .navbar.affix {

    padding-bottom: 20px;

  }

  /* Main */

  /* Portfolio */

  .isotope .isotope-item {

    width: 50%;

  }

  .isotope .isotope-item.w2 {

    width: 100%;

  }

  .isotope.col-3 .isotope-item {

    width: 50%;

  }

  .all-products {

    padding-top: 40px;

  }

  .pdng-10 {

    padding: 10px;

  }

  /* Page 404 */

  .title-404 {

    font-size: 180px;

  }

  .subtitle-404 {

    font-size: 80px;

  }

  .description-404 {

    font-size: 25px;

  }

  .info-404 {

    font-size: 20px;

  }

  /* Infrastructure Table Start */

  .infra-table {

    text-align: left;

    margin-top: 50px;

    margin-bottom: 0;

  }

  /* Infrastructure Table End */

  /* Contact Us Start */

  .contact-info i {

    color: #6B6B6B;

  }

  /* .location-pin i {

    vertical-align: top;

  } */

  .contact-info .map_widget iframe {

    width: 100%;

    height: 235px;

    border: 2px solid #C2C2C2;

    margin-top: 10px;

  }

  .contact-info {

    line-height: 20px;

  }

  .form-request button.btn.wow.swing {

    visibility: visible !important;

  }

  /* Contact Us End */

  /* Footer */

  .copy {

    float: left;

    margin-bottom: 0;

  }

  .footer-bottom .social {

    float: right;

    margin-left: 0;

  }

  .widget .section-title {

    color: white;

    text-transform: none;

  }

  .footer-bottom .find-us {

    float: right;

  }

  .location-pin {

    display: flex;

    display: -webkit-flex;

    align-items: center;

    margin-bottom: 10px;

  }

  .location-pin div:first-child {

    padding-right: 20px;

  }

  .location-pin div:last-child {

    line-height: 20px;

  }

  .find-us {

    display: flex;

    display: -webkit-flex;

    align-items: center;

  }

  .find-us div {

    display: flex;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    height: 30px;

    margin-right: 10px;

    border: 1px solid #fff;

    width: 30px;

    line-height: 0;

  }

  .find-us div i {

    color: #fff;

  }

  /* Modals */

  .modal:before {

    display: inline-block;

    vertical-align: middle;

    content: " ";

    height: 100%;

  }

  .modal-dialog {

    width: 550px;

  }

}



/* 15.2 Min width 992px */



@media (min-width: 992px) {

  /* Content styles */

  .md-pull-right {

    float: right;

  }

  .text-right-md {

    text-align: right;

  }

  /* Backgrouns */

  .bgc-light-md {

    background-color: #f0f5f9;

  }

  /* About */

  .col-about-right {

    padding-left: 30px;

  }

  .col-about-left {

    padding-right: 30px;

  }

  .banner-section .btn {

    margin-top: 0;

  }

  .ppt-list h6 {

    font-size: 20px;

    font-weight: 800;

    color: #848484;

  }

  .ppt-list ol {

    padding-left: 15px;

  }

  /* Navigation */

  .navbar-nav>li {

    border-bottom: 0;

    margin-left: 36px;

  }

  .navbar.affix .navbar-nav>li>a {

    margin-bottom: 0;

  }

  /* Portfolio */

  .isotope .isotope-item {

    width: 33.333333%;

  }

  .isotope .isotope-item.w2 {

    width: 66.666666%;

  }

  .isotope.col-2 .isotope-item {

    width: 50%;

  }

  /* Contact */

  .col-contact {

    border-left: 1px solid #E1E1E1;

  }

}



/* 15.3 Min width 1200px */



@media (min-width: 1200px) {

  /* Portfolio */

  .isotope .isotope-item {

    width: 25%;

  }

  .isotope .isotope-item.w2 {

    width: 50%;

  }

  .isotope.col-3 .isotope-item {

    width: 33.333333%;

  }

  /* About */

  .col-about-right {

    padding-left: 60px;

  }

  .col-about-left {

    padding-right: 60px;

  }

  .feature-box-wrap {

    margin-top: 50px;

  }

}



@media (max-width: 767px) {

  .map_widget iframe {

    max-width: 100%;

  }

  .border-column {

    padding: 20px;

  }

  .filter li {

    margin: 10px 5px 0;

  }

  .typewriter h1 {

    font-size: 36px !important;

    white-space: normal;

  }

  .contact-box {

    padding-top: 20px;

    padding-bottom: 0px;

    text-align: center;

  }

  .xs-center {

    text-align: center !important;

  }

  .btn-contact {

    margin-bottom: 30px;

  }

  .typewriter h1 {

    font-size: 30px;

  }

  .location-pin {

    display: table;

  }

  .location-pin div {

    display: table-cell;

  }

  .location-pin div:first-child {

    padding-right: 15px;

  }

  .find-us div {

    display: inline-block;

    margin-right: 10px;

  }

  header .spacer {

    margin-bottom: 20px;

  }

  .opener h1 {

    font-size: 30px;

  }

}

@media (max-width: 1024px) {

  .section,

  .row-about {

    padding-top: 60px;

    padding-bottom: 60px;

  }

  .section-content {

    margin-top: 60px;

  }

  #showcase {

    padding-top: 60px;

    padding-bottom: 0;

  }

}



.ajaxLoader {

  display: none;

}

.ajaxLoader,
.ajaxLoader:before,
.ajaxLoader:after {

  background: #e15517;

  -webkit-animation: load1 1s infinite ease-in-out;

  animation: load1 1s infinite ease-in-out;

  width: 1em;

  height: 4em;

}



.ajaxLoader {

  color: #e15517;

  text-indent: -9999em;

  margin: 30px auto;

  position: relative;

  font-size: 5px;

  -webkit-transform: translateZ(0);

  -ms-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-animation-delay: -0.16s;

  animation-delay: -0.16s;

}



.ajaxLoader:before,
.ajaxLoader:after {

  position: absolute;

  top: 0;

  content: '';

}



.ajaxLoader:before {

  left: -1.5em;

  -webkit-animation-delay: -0.32s;

  animation-delay: -0.32s;

}



.ajaxLoader:after {

  left: 1.5em;

}



@-webkit-keyframes load1 {

  0%,
  80%,
  100% {

    box-shadow: 0 0;

    height: 4em;

  }

  40% {

    box-shadow: 0 -2em;

    height: 5em;

  }

}



@keyframes load1 {

  0%,
  80%,
  100% {

    box-shadow: 0 0;

    height: 4em;

  }

  40% {

    box-shadow: 0 -2em;

    height: 5em;

  }

}



.ajaxError {

  color: #e15517;

}

label.error.wobble-error {

  display: none !important;

}



.navbar {

  padding: 15px 0 0;

}

.navbar-toggle {

  margin-top: 14px;

}

.navbar.affix {

  padding-top: 15px;

}

.footer .section-title {

  color: #fff;

}

.widget {

  margin-bottom: 0;

}

.footer .widget-title {

  margin-top: 16px;

}

.reviews .btn:hover,
.reviews .btn:focus {

  color: #e15517;

  background-color: #fff;

  border-color: #fff;

}



.statistic.section-content {

  margin-top: 0;

}