/*!==============================
 * Theme Name: Stack
 * Theme URL: https://probootstrap.com/resto-free-restaurant-responsive-bootstrap-website-template
 * Author: ProBootstrap.com
 * Author URL: https://probootstrap.com
 * License: Released for free under the Creative Commons Attribution 3.0 license (probootstrap.com/license)
 */
 body,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-family: "Open Sans", Arial, sans-serif;
 }
 @font-face {
   font-family: icomoon;
   src: url(../fonts/icomoon/icomoon.eot?1z9v6x);
   src: url(../fonts/icomoon/icomoon.eot?1z9v6x#iefix)
       format("embedded-opentype"),
     url(../fonts/icomoon/icomoon.ttf?1z9v6x) format("truetype"),
     url(../fonts/icomoon/icomoon.woff?1z9v6x) format("woff"),
     url(../fonts/icomoon/icomoon.svg?1z9v6x#icomoon) format("svg");
   font-weight: 400;
   font-style: normal;
 }
 html {
   overflow-x: hidden;
 }
 body {
   background: #e4e4e4;
   color: #8b8e94;
   line-height: 36px;
   font-size: 15px;
 }
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   color: #000;
   line-height: 1.5;
 }
 h1 {
   font-size: 46px;
 }
 h2,
 h4 {
   font-size: 36px;
 }
 h3 {
   font-size: 28px;
 }
 h5,
 h6 {
   font-size: 14px;
 }
 ol,
 p,
 ul {
   margin-bottom: 30px;
 }
 a {
   -webkit-transition: 0.3s all;
   transition: 0.3s all;
   color: #ffa33e;
 }
 a:active,
 a:focus,
 a:hover {
   color: #ff9725;
   text-decoration: none;
 }
 .hero-text-heading,
 .probootstrap-hero h1 {
   font-size: 52px;
   font-weight: 300;
   margin-bottom: 10px;
   margin-top: 0;
   line-height: 64px;
   color: #fff;
 }
 @media screen and (max-width: 768px) {
   .hero-text-heading,
   .probootstrap-hero h1 {
     font-size: 40px;
     line-height: 1.5;
   }
 }
 .probootstrap-navbar .dropdown-submenu > a:before,
 .probootstrap-navbar .dropdown > a:before {
   font-family: icomoon;
   line-height: 1;
   font-weight: 400;
   speak: none;
   font-style: normal;
   font-variant: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 @media screen and (max-width: 480px) {
   .hero-text-heading,
   .probootstrap-hero h1 {
     font-size: 30px;
   }
 }
 .hero-text-subheading,
 .probootstrap-hero p {
   font-size: 16px;
   color: rgba(255, 255, 255, 0.9);
 }
 .hero-text-subheading:last-child,
 .probootstrap-hero p:last-child {
   margin-bottom: 0;
 }
 .probootstrap-navbar {
   border: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   border-radius: 0;
   margin-bottom: 0;
   background: 0 0;
   -webkit-transition: 0.3s all;
   transition: 0.3s all;
 }
 @media screen and (max-width: 768px) {
   .probootstrap-navbar {
     background: #fff;
     -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
     box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
   }
 }
 .probootstrap-navbar .navbar-toggle:focus,
 .probootstrap-navbar .navbar-toggle:hover {
   background-color: transparent;
 }
 .probootstrap-navbar .navbar-toggle {
   border: none;
 }
 .probootstrap-navbar .navbar-toggle span.icon-bar {
   -webkit-transition: all 0.15s;
   transition: all 0.15s;
 }
 .probootstrap-navbar .navbar-toggle span:nth-child(2) {
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   -webkit-transform-origin: 10% 10%;
   transform-origin: 10% 10%;
 }
 .probootstrap-navbar .navbar-toggle span:nth-child(3) {
   opacity: 0;
 }
 .probootstrap-navbar .navbar-toggle span:nth-child(4) {
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
   -webkit-transform-origin: 10% 90%;
   transform-origin: 10% 90%;
 }
 .probootstrap-navbar .navbar-toggle.collapsed span:nth-child(2),
 .probootstrap-navbar .navbar-toggle.collapsed span:nth-child(4) {
   -webkit-transform: rotate(0);
   transform: rotate(0);
 }
 .probootstrap-navbar .navbar-toggle.collapsed span:nth-child(3) {
   opacity: 1;
 }
 .probootstrap-navbar .navbar-brand,
 .probootstrap-navbar .navbar-nav > li > a,
 .probootstrap-navbar .parent-nav-link-padding {
   margin-left: 15px;
   margin-right: 15px;
   padding: 54px 0;
 }
 .probootstrap-navbar .dropdown-header {
   color: rgba(255, 255, 255, 0.2);
   padding-left: 10px;
   text-transform: uppercase;
 }
 .probootstrap-navbar .dropdown > a {
   padding-right: 10px !important;
   position: relative;
   display: block;
 }
 @media screen and (max-width: 480px) {
   .probootstrap-navbar .dropdown > a {
     display: block;
     padding-right: 0;
   }
 }
 .probootstrap-navbar .dropdown > a:before {
   text-transform: none;
   position: absolute;
   top: 50%;
   right: 0;
   margin-right: -10px;
   margin-top: -11px;
   content: "\e924";
   font-size: 20px;
   color: rgba(255, 255, 255, 0.5);
   -webkit-transition: 0.3s all;
   transition: 0.3s all;
 }
 @media screen and (max-width: 768px) {
   .probootstrap-navbar .navbar-brand,
   .probootstrap-navbar .navbar-nav > li > a,
   .probootstrap-navbar .parent-nav-link-padding {
     padding-top: 15px !important;
     padding-bottom: 15px !important;
   }
   .probootstrap-navbar .dropdown > a:before {
     color: rgba(0, 0, 0, 0.2);
   }
 }
 .probootstrap-navbar .dropdown > a:hover:before {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
 }
 .probootstrap-navbar .dropdown.open > a,
 .probootstrap-navbar .dropdown:active > a,
 .probootstrap-navbar .dropdown:focus > a,
 .probootstrap-navbar .dropdown:hover > a {
   -webkit-transition: 0.3s all;
   transition: 0.3s all;
 }
 .probootstrap-navbar .dropdown.open > a:before,
 .probootstrap-navbar .dropdown:active > a:before,
 .probootstrap-navbar .dropdown:focus > a:before,
 .probootstrap-navbar .dropdown:hover > a:before {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
 }
 .probootstrap-navbar .dropdown > .dropdown-menu > li a {
   padding: 10px;
   color: rgba(255, 255, 255, 0.8);
 }
 .probootstrap-navbar .dropdown > .dropdown-menu > li a:hover,
 .probootstrap-navbar .dropdown > .dropdown-menu > li.open > a,
 .probootstrap-navbar .dropdown > .dropdown-menu > li:active > a,
 .probootstrap-navbar .dropdown > .dropdown-menu > li:focus > a,
 .probootstrap-navbar .dropdown > .dropdown-menu > li:hover > a {
   color: #85c8dd;
   background: #fff;
   border-top: none;
 }
 .probootstrap-navbar .dropdown > .dropdown-menu > li.dropdown-submenu.open > a,
 .probootstrap-navbar
   .dropdown
   > .dropdown-menu
   > li.dropdown-submenu:active
   > a,
 .probootstrap-navbar .dropdown > .dropdown-menu > li.dropdown-submenu:focus > a,
 .probootstrap-navbar
   .dropdown
   > .dropdown-menu
   > li.dropdown-submenu:hover
   > a {
   border-top: none;
 }
 .probootstrap-navbar
   .dropdown
   > .dropdown-menu
   > li.dropdown-submenu.open
   > a:before,
 .probootstrap-navbar
   .dropdown
   > .dropdown-menu
   > li.dropdown-submenu:active
   > a:before,
 .probootstrap-navbar
   .dropdown
   > .dropdown-menu
   > li.dropdown-submenu:focus
   > a:before,
 .probootstrap-navbar
   .dropdown
   > .dropdown-menu
   > li.dropdown-submenu:hover
   > a:before {
   color: #000;
 }
 .probootstrap-navbar .dropdown > .dropdown-menu > li.active > a {
   color: #fff;
 }
 .probootstrap-navbar .navbar-right .dropdown-menu {
   right: auto;
 }
 .probootstrap-navbar .dropdown-menu {
   border: none;
   background: #85c8dd;
   border-radius: 0;
   -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);
   box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);
   min-width: 200px;
   white-space: normal;
   word-wrap: break-word;
 }
 .probootstrap-navbar .dropdown-menu a {
   white-space: normal;
 }
 @media screen and (max-width: 768px) {
   .probootstrap-navbar .dropdown-menu {
     width: 100%;
     padding: 10px 15px;
   }
   .probootstrap-navbar .dropdown-menu a {
     color: #fff;
   }
 }
 .probootstrap-navbar .navbar-brand {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
   font-size: 30px;
   text-transform: uppercase;
   background: url(../img/logo.png) left top no-repeat;
   top: 40px;
   position: relative;
   width: 195px;
  height: 85px;
   text-indent: -999999px;
   -webkit-transition: 0.2s all;
   transition: 0.2s all;
 }
 @media screen and (max-width: 768px) {
   .probootstrap-navbar .navbar-brand {
     top: 5px !important;
     background-position: left 100%;
   }
 }
 @media screen and (max-width: 480px) {
   .probootstrap-navbar .navbar-brand {
     top: 6px !important;
   }
 }
 @media only screen and (-webkit-min-device-pixel-ratio: 2),
   only screen and (min--moz-device-pixel-ratio: 2),
   only screen and (min-device-pixel-ratio: 2),
   only screen and (min-resolution: 192dpi),
   only screen and (min-resolution: 2dppx) {
   .probootstrap-navbar .navbar-brand {
     position: relative;
     width: 117px;
     height: 65px;
     background: url(../img/logo@2x.png) left 100% no-repeat;
     background-size: cover;
   }
 }
 .probootstrap-navbar .navbar-nav > li > a {
   color: #fff;
   font-size: 15px;
   position: relative;
   text-transform: uppercase;
 }
 @media screen and (max-width: 768px) {
   .probootstrap-navbar .navbar-nav > li > a {
     padding-top: 8px;
     padding-bottom: 8px;
     color: rgba(0, 0, 0, 0.7);
   }
 }
 .probootstrap-navbar .navbar-nav > li > a:active,
 .probootstrap-navbar .navbar-nav > li > a:focus,
 .probootstrap-navbar .navbar-nav > li > a:hover {
   color: rgba(255, 255, 255, 0.7);
 }
 @media screen and (max-width: 768px) {
   .probootstrap-navbar .navbar-nav > li > a:active,
   .probootstrap-navbar .navbar-nav > li > a:focus,
   .probootstrap-navbar .navbar-nav > li > a:hover {
     color: rgba(0, 0, 0, 0.7);
   }
 }
 .probootstrap-navbar .navbar-nav > li.open > a,
 .probootstrap-navbar .navbar-nav > li.open > a:focus,
 .probootstrap-navbar .navbar-nav > li.open > a:hover {
   background: 0 0;
 }
 .probootstrap-navbar .navbar-nav > li.active > a {
   background: 0 0;
   color: #fff;
 }
 @media screen and (max-width: 768px) {
   .probootstrap-navbar .navbar-nav > li.active > a {
     color: rgba(0, 0, 0, 0.7);
   }
 }
 .probootstrap-navbar .navbar-nav > li.active > a:active,
 .probootstrap-navbar .navbar-nav > li.active > a:focus,
 .probootstrap-navbar .navbar-nav > li.active > a:hover {
   background: 0 0;
   color: #fff;
 }
 .probootstrap-navbar .navbar-nav > li > .dropdown-menu:before {
   border: 1px solid #85c8dd;
   content: "";
   position: absolute;
   top: -20px;
   left: 40px;
   border-color: rgba(133, 200, 221, 0);
   border-bottom-color: #85c8dd;
   border-width: 10px;
   margin-left: -10px;
 }
 @media screen and (max-width: 768px) {
   .probootstrap-navbar .navbar-nav > li.active > a:active,
   .probootstrap-navbar .navbar-nav > li.active > a:focus,
   .probootstrap-navbar .navbar-nav > li.active > a:hover {
     color: rgba(0, 0, 0, 0.7);
   }
   .probootstrap-navbar .navbar-nav > li > .dropdown-menu:before {
     display: none;
   }
 }
 .probootstrap-navbar .navbar-nav .dropdown li.active > a {
   background: 0 0;
 }
 .probootstrap-navbar .navbar-nav.active > a {
   color: #ffa33e !important;
 }
 .probootstrap-navbar .dropdown-submenu {
   position: relative;
 }
 .probootstrap-navbar .dropdown-submenu .dropdown-menu {
   top: 0;
   left: 100%;
   margin-top: -1px;
 }
 .probootstrap-navbar .dropdown-submenu > a {
   display: block;
 }
 .probootstrap-navbar .dropdown-submenu > a:before {
   text-transform: none;
   position: absolute;
   top: 50%;
   right: 0;
   margin-right: 10px;
   margin-top: -11px;
   content: "\e926";
   font-size: 20px;
   color: rgba(255, 255, 255, 0.5);
   -webkit-transition: 0.3s all;
   transition: 0.3s all;
 }
 @media screen and (max-width: 768px) {
   .probootstrap-navbar .dropdown-submenu > a:before {
     color: rgba(0, 0, 0, 0.2);
   }
 }
 .probootstrap-navbar .dropdown-submenu > a:hover:before {
   color: rgba(0, 0, 0, 0.3);
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
 }
 .probootstrap-navbar.scrolled {
   background: #fff;
   -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.09);
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.09);
 }
 .probootstrap-navbar.scrolled .navbar-brand,
 .probootstrap-navbar.scrolled .navbar-nav > li > a,
 .probootstrap-navbar.scrolled .parent-nav-link-padding {
   padding-top: 20px;
   padding-bottom: 20px;
 }
 .probootstrap-navbar.scrolled .navbar-brand {
   top: 10px;
   background-position: left 100%;
 }
 .probootstrap-navbar.scrolled .dropdown > a:before {
   color: rgba(0, 0, 0, 0.4);
 }
 .probootstrap-navbar.scrolled .navbar-nav > li > a {
   color: rgba(0, 0, 0, 0.7);
 }
 .probootstrap-navbar.scrolled .navbar-nav > li > a:hover {
   color: rgba(0, 0, 0, 0.7) !important;
 }
 .probootstrap-navbar.scrolled .navbar-nav > li.active > a {
   color: #ffa33e !important;
 }
 .container-fluid .navbar-brand {
   margin-left: 15px;
 }
 .container-fluid .dropdown-submenu {
   position: relative;
 }
 .container-fluid .dropdown-submenu .dropdown-menu {
   top: 0;
   left: auto;
   right: 100%;
   margin-top: -1px;
 }
 .probootstrap-hero {
   background-size: cover;
   background-position: center center;
 }
 .probootstrap-hero > .overlay {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(0, 0, 0, 0.3);
   z-index: 1;
 }
 .btn.btn-primary,
 .probootstrap-hero.probootstrap-hero-colored {
   background: #ffa33e;
 }
 .probootstrap-hero > .container {
   position: relative;
   z-index: 2;
 }
 .probootstrap-hero .probootstrap-hero-text {
   padding-top: 200px;
   padding-bottom: 200px;
 }
 @media screen and (max-width: 768px) {
   .probootstrap-navbar.scrolled .navbar-nav > li.active > a {
     color: #ffa33e !important;
   }
   .probootstrap-hero .probootstrap-hero-text {
     padding-top: 50px;
     padding-bottom: 50px;
   }
 }
 .probootstrap-hero.probootstrap-sm-hero .probootstrap-hero-text {
   padding-top: 150px;
   padding-bottom: 150px;
 }
 @media screen and (max-width: 768px) {
   .probootstrap-hero.probootstrap-sm-hero .probootstrap-hero-text {
     padding-top: 50px;
     padding-bottom: 50px;
   }
 }
 .probootstrap-hero.probootstrap-xs-hero .probootstrap-hero-text {
   padding-top: 90px;
   padding-bottom: 90px;
 }
 @media screen and (max-width: 768px) {
   .probootstrap-hero.probootstrap-xs-hero .probootstrap-hero-text {
     padding-top: 50px;
     padding-bottom: 50px;
   }
 }
 .probootstrap-hero .btn {
   position: relative;
   font-size: 18px;
   width: 200px;
 }
 @media screen and (max-width: 480px) {
   .container-fluid .dropdown-submenu:hover > .dropdown-menu,
   .probootstrap-navbar .dropdown-submenu:hover > .dropdown-menu {
     display: block;
   }
   .probootstrap-hero .btn {
     width: 100%;
     margin-bottom: 10px;
   }
 }
 .probootstrap-hero .btn.btn-primary {
   text-transform: uppercase;
   padding: 15px 20px;
 }
 .probootstrap-hero.probootstrap-hero-colored h1 {
   color: #fff;
 }
 .probootstrap-hero.probootstrap-hero-colored p {
   color: rgba(255, 255, 255, 0.8);
 }
 .btn {
   border: none;
   border-radius: 30px;
   text-transform: uppercase;
   padding-left: 30px;
   padding-right: 30px;
 }
 .btn:active {
   -webkit-transition: 0.2s all;
   transition: 0.2s all;
   -webkit-transform: scale(0.95);
   transform: scale(0.95);
   -webkit-box-shadow: none;
   box-shadow: none;
 }
 .btn.btn-lg {
   font-size: 14px;
   line-height: 1.5;
 }
 .btn.btn-primary {
   border: 1px solid #ffa33e;
   color: #fff;
 }
 .btn.btn-primary:active,
 .btn.btn-primary:focus,
 .btn.btn-primary:hover {
   background: #ffa848;
 }
 .btn.btn-primary:active,
 .btn.btn-primary:focus {
   outline: 0;
   border: 1px solid #ffa33e;
 }
 .btn.btn-ghost {
   background: 0 0;
   border: 1px solid #ffa33e;
   color: #ffa33e;
 }
 .btn.btn-ghost:hover {
   background: #ffa33e;
   color: #fff;
 }
 .btn.btn-ghost:active,
 .btn.btn-ghost:focus {
   outline: 0;
   background: 0 0;
   color: #ffa33e;
   border: 1px solid #ffa33e;
 }
 section[data-section="menu"] {
   position: relative;
   margin-top: -140px;
   z-index: -1;
 }
 .probootstrap-section {
   padding: 7em 0;
 }
 .probootstrap-section.probootstrap-border-top {
   border-top: 1px solid rgba(0, 0, 0, 0.1);
 }
 .probootstrap-section.probootstrap-border-bottom {
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
 .probootstrap-section > .container.probootstrap-border-top {
   padding-top: 50px;
   border-top: 1px solid rgba(0, 0, 0, 0.1);
 }
 .probootstrap-section.probootstrap-bg-white {
   background: #fff;
 }
 @media screen and (max-width: 768px) {
   section[data-section="menu"] {
     margin-top: 0;
   }
   .probootstrap-section {
     padding: 3em 0;
   }
 }
 .probootstrap-section-bg {
   background-size: cover;
   background-repeat: no-repeat;
   padding: 7em 0;
   position: relative;
   height: 600px;
 }
 .probootstrap-section-bg.overlay:before {
   content: "";
   background: rgba(0, 0, 0, 0.2);
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
 }
 .probootstrap-section-bg .probootstrap-heading {
   margin-top: 250px;
 }
 @media screen and (max-width: 768px) {
   .probootstrap-section-bg {
     padding: 3em 0;
     height: 300px;
   }
   .probootstrap-section-bg .probootstrap-heading {
     margin-top: 50px;
   }
 }
 .probootstrap-footer {
   background: #000;
   padding: 7em 0;
   color: rgba(255, 255, 255, 0.7);
 }
 .probootstrap-footer h3 {
   font-size: 18px;
   letter-spacing: 0.2em;
   text-transform: uppercase;
   color: #fff;
 }
 .probootstrap-footer .probootstrap-footer-widget {
   margin-bottom: 0;
 }
 @media screen and (max-width: 768px) {
   .probootstrap-footer {
     padding: 2em 0;
   }
   .probootstrap-footer .probootstrap-footer-widget {
     margin-bottom: 20px;
   }
 }
 .probootstrap-copyright {
   background: #262626;
   padding: 20px 0;
 }
 .probootstrap-copyright a {
   color: rgba(255, 255, 255, 0.2);
 }
 .probootstrap-copyright a:hover {
   color: #fff;
 }
 .probootstrap-copyright p {
   font-size: 14px;
 }
 .probootstrap-copyright p:last-child {
   margin-bottom: 0;
 }
 @media screen and (max-width: 768px) {
   .probootstrap-copyright p.copyright-text {
     margin-bottom: 20px;
   }
 }
 .probootstrap-footer-social {
   padding: 0;
   margin: 0;
 }
 .probootstrap-footer-social.right {
   text-align: right;
 }
 .probootstrap-footer-social li {
   display: inline;
   padding: 0;
   margin: 0;
   list-style: none;
 }
 .probootstrap-footer-social li a {
   padding: 10px;
   font-size: 22px;
 }
 .probootstrap-footer-social li:first-child > a {
   padding-left: 0;
 }
 .probootstrap-block-image {
   background: #fff;
   margin-bottom: 30px;
 }
 .probootstrap-block-image figure img {
   max-width: 100%;
 }
 .probootstrap-block-image .text {
   padding: 20px;
 }
 .probootstrap-block-image .text .date {
   display: block;
   color: #999;
   font-size: 12px;
   letter-spacing: 0.2em;
   text-transform: uppercase;
 }
 .probootstrap-block-image .text h3 {
   margin: 0 0 10px;
   font-size: 20px;
 }
 .probootstrap-block-image .text h3 a {
   color: #000;
 }
 .probootstrap-block-image .text h3 a:hover {
   color: #ffa33e;
 }
 .probootstrap-block-image .text p:last-child {
   margin-bottom: 0;
 }
 .probootstrap-custom-link {
   font-size: 16px;
   text-transform: uppercase;
   color: #000;
   display: inline-block;
   text-decoration: none;
   position: relative;
   padding-bottom: 5px;

background-color: #b9b9b9;
  border: 2px solid #c1c1c1;
  border-radius: 25px;
  overflow: hidden;
  box-shadow: 0 0 0 10px #f0f0f0, 0 0 0 15px #626262;
  transition: background-color 0.3s, color 0.3s;
}
 }
 .probootstrap-custom-link.link-sm {
   font-size: 14px;
 }
 .probootstrap-custom-link:before {
   content: "";
   display: block;
   width: 0;
   height: 2px;
   background: #ffa33e;
   position: absolute;
   bottom: 0;
   z-index: 2;
   -webkit-transition: width 0.5s;
   transition: width 0.5s;
 }
 .probootstrap-custom-link:after {
   z-index: 1;
   position: absolute;
   bottom: 0;
   content: "";
   display: block;
   width: 100%;
   height: 2px;
   background: #000;
 }
 .probootstrap-custom-link:hover {
   color: #000;
 }
 .probootstrap-custom-link:hover:before {
   width: 100%;
   background: #ffa33e;
 }
 .image-wrap {
   overflow: hidden;
   position: relative;
 }
 @media screen and (max-width: 480px) {
   .image-wrap {
     width: 100%;
     height: 200px;
   }
 }
 .image-wrap .image-bg {
   position: absolute;
   left: 50%;
   top: 50%;
   -webkit-transform: translateY(-50%) translateX(-50%);
   transform: translateY(-50%) translateX(-50%);
 }
 .image-wrap .image-bg img {
   min-width: 100%;
   min-height: 100%;
 }
 .menus {
   padding: 0;
   margin: 0;
 }
 .menus li {
   padding: 0;
   margin: 0 0 10px;
   list-style: none;
   display: block;
   position: relative;
 }
 .menus li .image,
 .menus li .text {
   display: table-cell;
   vertical-align: top;
 }
 .menus li .image {
   width: 80px;
 }
 .menus li .image img {
   max-width: 100%;
   border-radius: 50%;
 }
 .menus li .text {
   padding-left: 20px;
 }
 .menus li .text h3 {
   margin: 15px 0 0;
   font-size: 18px;
   text-transform: uppercase;
   color: #000;
 }
 .menus li .text .price {
   position: absolute;
   top: 15px;
   right: 0;
   font-size: 20px;
   color: #ffa33e;
 }
 @media screen and (max-width: 768px) {
   .probootstrap-footer-social.right {
     text-align: left;
   }
   .menus li .text h3 {
     margin-top: 0;
   }
   .menus li .text .price {
     top: 0;
     position: relative;
     display: block;
     margin-bottom: 0;
   }
 }
 .probootstrap-cell-retro {
   width: 100%;
   float: left;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-top: -13%;
   position: relative;
 }
 .probootstrap-cell-retro .half {
   width: 50%;
   float: left;
 }
 @media screen and (max-width: 768px) {
   .probootstrap-cell-retro .half {
     width: 100%;
     margin-top: 0;
   }
 }
 .probootstrap-cell {
   background: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   position: relative;
 }
 .modal .probootstrap-modal-flex .probootstrap-modal-figure,
 .probootstrap-cell .image {
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
 }
 .probootstrap-cell .image,
 .probootstrap-cell .text {
   width: 50%;
 }
 @media screen and (max-width: 992px) {
   .probootstrap-cell .image,
   .probootstrap-cell .text {
     width: 100%;
   }
   .probootstrap-cell .image {
     height: 200px;
   }
 }
 .probootstrap-cell .text {
   padding: 40px;
   position: relative;
 }
 .probootstrap-cell .text h3 {
   margin: 0 0 10px;
   font-size: 18px;
   text-transform: uppercase;
   color: #000;
 }
 .probootstrap-cell .text:before,
 .probootstrap-cell.reverse .text:before {
   z-index: 22;
   top: 15%;
   content: " ";
   height: 0;
   margin-top: -12px;
   pointer-events: none;
 }
 .probootstrap-cell .text p:last-child {
   margin-bottom: 0;
 }
 .probootstrap-cell .text p.price {
   font-size: 20px;
   color: #ffa33e;
 }
 .probootstrap-cell .text:before {
   right: 100%;
   border: solid transparent;
   width: 0;
   position: absolute;
   border-color: rgba(255, 225, 255, 0);
   border-right-color: #fff;
   border-width: 12px;
 }
 .probootstrap-cell.reverse .image {
   position: absolute;
   right: 0;
   width: 50%;
   min-height: 100%;
 }
 @media screen and (max-width: 992px) {
   .probootstrap-cell.reverse .image {
     position: relative;
     width: 100%;
   }
 }
 .probootstrap-cell.reverse .text:before {
   left: 100%;
   border: solid transparent;
   width: 0;
   position: absolute;
   border-color: rgba(255, 225, 255, 0);
   border-left-color: #fff;
   border-width: 12px;
 }
 @media screen and (max-width: 768px) {
   .probootstrap-cell .text:before,
   .probootstrap-cell.reverse .text:before {
     display: none;
   }
 }
 .probootstrap-gallery {
   width: 100%;
   float: left;
 }
 .probootstrap-gallery figure {
   display: block;
   width: 32%;
   margin-right: 2%;
   float: left;
   margin-bottom: 20px;
 }
 .probootstrap-gallery figure:nth-of-type(3n + 3) {
   margin-right: 0;
 }
 .probootstrap-gallery figure figcaption {
   display: none;
 }
 .probootstrap-gallery img {
   width: 100%;
   height: auto;
 }
 .probootstrap-gallery.four-col figure {
   width: 23.5%;
   margin-right: 2%;
   float: left;
 }
 .probootstrap-gallery.four-col figure:nth-of-type(4n + 4) {
   margin-right: 0;
 }
 .probootstrap-gallery.three-col figure {
   width: 32%;
   margin-right: 2%;
   float: left;
 }
 .probootstrap-gallery.three-col figure:nth-of-type(3n + 3) {
   margin-right: 0;
 }
 .probootstrap-gallery.two-col figure {
   width: 49%;
   margin-right: 2%;
   float: left;
 }
 .probootstrap-gallery.two-col figure:nth-of-type(2n + 2) {
   margin-right: 0;
 }
 .grid-item {
   float: left;
 }
 .gutter-sizer {
   width: 2%;
 }
 .isotope .isotope-item {
   -webkit-transition-duration: 0.6s;
   transition-duration: 0.6s;
   -webkit-transition-property: -webkit-transform, opacity;
   -webkit-transition-property: opacity, -webkit-transform;
   transition-property: opacity, -webkit-transform;
   transition-property: transform, opacity;
   transition-property: transform, opacity, -webkit-transform;
 }
 .grid-item,
 .grid-sizer {
   margin-bottom: 0;
 }
 .grid-item img,
 .grid-sizer img {
   max-width: 100%;
   margin-bottom: 0;
   transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
 }
 .two-cols .grid-item,
 .two-cols .grid-sizer {
   width: 49%;
 }
 @media screen and (max-width: 768px) {
   .two-cols .grid-item,
   .two-cols .grid-sizer {
     width: 49%;
   }
 }
 @media screen and (max-width: 768px) and (max-width: 992px) {
   .two-cols .grid-item img,
   .two-cols .grid-sizer img {
     margin-bottom: 10px;
   }
 }
 @media screen and (max-width: 768px) and (max-width: 768px) {
   .two-cols .grid-item img,
   .two-cols .grid-sizer img {
     margin-bottom: 10px;
   }
 }
 @media screen and (max-width: 480px) {
   .two-cols .grid-item,
   .two-cols .grid-sizer {
     width: 100%;
     margin-left: 0;
     margin-right: 0;
   }
 }
 .three-cols .grid-item,
 .three-cols .grid-sizer {
   width: 32%;
 }
 @media screen and (max-width: 768px) {
   .three-cols .grid-item,
   .three-cols .grid-sizer {
     width: 48%;
     margin-bottom: 10px;
   }
 }
 @media screen and (max-width: 480px) {
   .three-cols .grid-item,
   .three-cols .grid-sizer {
     width: 100%;
     margin-left: 0;
     margin-right: 0;
   }
 }
 .four-cols .grid-item,
 .four-cols .grid-sizer {
   width: 23.5%;
 }
 @media screen and (max-width: 768px) {
   .four-cols .grid-item,
   .four-cols .grid-sizer {
     width: 32%;
     margin-bottom: 10px;
   }
 }
 @media screen and (max-width: 480px) {
   .four-cols .grid-item,
   .four-cols .grid-sizer {
     width: 100%;
     margin-left: 0;
     margin-right: 0;
   }
 }
 .probootstrap-gallery-item {
   padding: 0;
   margin: 0 0 20px;
   list-style: none;
   float: left;
   cursor: pointer;
   position: relative;
 }
 .probootstrap-gallery-item img {
   max-width: 100%;
   -webkit-transition: 0.3s all;
   transition: 0.3s all;
 }
 .probootstrap-gallery-item a {
   display: block;
   float: left;
   width: 100%;
 }
 .probootstrap-gallery-item:hover img {
   opacity: 0.7;
 }
 .probootstrap-form {
   margin-bottom: 50px;
 }
 .probootstrap-form label {
   font-weight: 400;
 }
 .probootstrap-form .form-control {
   height: 46px;
   -webkit-box-shadow: none;
   box-shadow: none;
   font-size: 14px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }
 .probootstrap-form .form-control:active,
 .probootstrap-form .form-control:focus {
   -webkit-box-shadow: none;
   box-shadow: none;
   border-color: #ffa33e;
 }
 .probootstrap-form .form-group .form-field {
   position: relative;
 }
 .probootstrap-form .form-group .form-field .icon {
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   right: 20px;
 }
 .probootstrap-form .form-group .form-field .form-control {
   padding-right: 50px;
 }
 .probootstrap-form textarea.form-control {
   height: inherit;
   resize: vertical;
 }
 .probootstrap-animate {
   opacity: 0;
   visibility: hidden;
 }
 .modal .modal-content {
   border-radius: 0;
   border: none;
   position: relative;
   -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2);
 }
 .modal .modal-content .close {
   position: absolute;
   top: 10px;
   right: 10px;
   z-index: 100;
   font-size: 26px;
 }
 .modal .probootstrap-modal-flex {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }
 .modal .probootstrap-modal-flex .probootstrap-modal-figure {
   width: 40%;
 }
 .modal .probootstrap-modal-flex .probootstrap-modal-content {
   width: 60%;
   padding: 40px;
   position: relative;
 }
 @media screen and (max-width: 480px) {
   .modal .modal-content .close {
     top: 20px;
     right: 20px;
   }
   .modal .probootstrap-modal-flex .probootstrap-modal-figure {
     height: 200px;
   }
   .modal .probootstrap-modal-flex .probootstrap-modal-content {
     padding-left: 15px;
     padding-right: 15px;
   }
   .modal .probootstrap-modal-flex .probootstrap-modal-content,
   .modal .probootstrap-modal-flex .probootstrap-modal-figure {
     width: 100%;
   }
   .modal .probootstrap-modal-flex .btn {
     margin-bottom: 10px;
   }
 }
 .modal .probootstrap-modal-flex .form-control {
   height: 40px;
 }
 .modal .probootstrap-modal-flex .probootstrap-remember {
   float: left;
 }
 .modal .probootstrap-modal-flex .probootstrap-forgot {
   float: right;
 }
 .modal .probootstrap-modal-flex .form-group {
   position: relative;
 }
 .modal .probootstrap-modal-flex .probootstrap-or {
   padding: 10px 0;
   text-align: center;
   display: block;
   font-size: 11px;
   text-transform: uppercase;
 }
 .modal .probootstrap-modal-flex .probootstrap-or > span {
   display: block;
 }
 .modal .probootstrap-modal-flex .probootstrap-or > span:before {
   height: 1px;
   left: 0;
   right: 0;
   top: 50%;
   background: #ccc;
   width: 100%;
   content: "";
   position: absolute;
 }
 .modal .probootstrap-modal-flex .probootstrap-or em {
   color: #ccc;
   display: inline-block;
   background: #fff;
   position: relative;
   z-index: 2;
   padding: 0 4px;
   font-style: normal;
 }
 .modal .probootstrap-modal-flex .btn-connect-facebook {
   background: #3b5998;
   border-color: #3b5998;
   color: #fff;
 }
 .modal .probootstrap-modal-flex .btn-connect-twitter {
   background: #1da1f2;
   border-color: #1da1f2;
   color: #fff;
 }
 .modal .probootstrap-modal-flex .btn-connect-google {
   background: #ea4335;
   border-color: #ea4335;
   color: #fff;
 }
 .modal .vertical-alignment-helper {
   display: table;
   height: 100%;
   width: 100%;
   pointer-events: none;
 }
 .modal .vertical-align-center {
   display: table-cell;
   vertical-align: middle;
   pointer-events: none;
 }
 .modal .modal-content {
   width: inherit;
   height: inherit;
   margin: 0 auto;
   pointer-events: all;
 }
 .probootstrap-contact-info {
   padding: 0;
   margin: 0 0 30px;
 }
 .probootstrap-contact-info li {
   padding: 0;
   margin: 20px 0 15px;
   list-style: none;
   line-height: 24px;
 }
 .proboostrap-clients .client-logo,
 .probootstrap-team {
   margin-bottom: 30px;
 }
 .probootstrap-contact-info li > i,
 .probootstrap-contact-info li > span {
   vertical-align: top;
   display: table-cell;
 }
 .probootstrap-contact-info li > i {
   font-size: 20px;
   position: relative;
   top: 2px;
   width: 30px;
 }
 .probootstrap-team {
   float: left;
   display: block;
   position: relative;
   overflow: hidden;
   z-index: 2;
   border-radius: 6px;
 }
 .probootstrap-team img {
   -webkit-transition: 0.3s all;
   transition: 0.3s all;
   -webkit-transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1.25);
   transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1.25);
 }
 .probootstrap-team .probootstrap-team-info {
   visibility: hidden;
   opacity: 0;
   position: absolute;
   top: 50%;
   width: 100%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   -webkit-transition: 0.3s all;
   transition: 0.3s all;
   -webkit-transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1.25);
   transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1.25);
   text-align: center;
   margin-top: 20px;
   z-index: 3;
   display: block;
 }
 .probootstrap-team .probootstrap-team-info h3 {
   color: #fff;
 }
 .probootstrap-team .probootstrap-team-info h3 .position {
   display: block;
   font-size: 14px;
   color: rgba(255, 255, 255, 0.4);
 }
 @media screen and (max-width: 480px) {
   .modal .probootstrap-modal-flex .probootstrap-forgot {
     float: left;
   }
   .probootstrap-team {
     overflow: visible;
   }
   .probootstrap-team img {
     max-width: 100%;
   }
   .probootstrap-team .probootstrap-team-info {
     position: relative;
     top: inherit !important;
     margin-top: 0 !important;
     visibility: visible;
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
   .probootstrap-team .probootstrap-team-info h3 {
     color: rgba(0, 0, 0, 0.7);
   }
   .probootstrap-team .probootstrap-team-info h3 .position {
     display: block;
     font-size: 14px;
     color: rgba(0, 0, 0, 0.4);
   }
   .probootstrap-team:focus:before,
   .probootstrap-team:hover:before {
     display: none;
   }
 }
 .probootstrap-team:before {
   visibility: hidden;
   opacity: 0;
   position: absolute;
   content: "";
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: rgba(0, 0, 0, 0.8);
   -webkit-transition: 0.3s all;
   transition: 0.3s all;
   z-index: 1;
   border-radius: 5px;
 }
 .flexslider,
 .probootstrap-pricing,
 .probootstrap-pricing-wrap {
   position: relative;
 }
 .probootstrap-team:focus img,
 .probootstrap-team:hover img {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
 }
 .probootstrap-team:focus:before,
 .probootstrap-team:hover:before {
   visibility: visible;
   opacity: 1;
 }
 .probootstrap-team:focus .probootstrap-team-info,
 .probootstrap-team:hover .probootstrap-team-info {
   opacity: 1;
   visibility: visible;
   margin-top: 0;
 }
 .probootstrap-flex-section {
   padding: 7em 0;
 }
 .probootstrap-flex-section.probootstrap-bg-white {
   background: #fff;
 }
 @media screen and (max-width: 768px) {
   .proboostrap-clients .client-logo {
     margin-bottom: 30px;
   }
 }
 .probootstrap-pricing {
   background: #fff;
   float: left;
   width: 100%;
   padding: 20px;
   text-align: center;
   -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.08);
   box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.08);
   z-index: 2;
   margin-top: -200px;
 }
 @media screen and (max-width: 992px) {
   .probootstrap-pricing {
     margin-top: 0 !important;
     margin-bottom: 30px;
   }
 }
 .probootstrap-pricing.popular {
   z-index: 10;
   margin-top: -215px;
   padding-top: 40px;
 }
 @media screen and (max-width: 992px) {
   .probootstrap-pricing.popular {
     margin-top: 0 !important;
   }
 }
 .probootstrap-pricing h3 {
   font-size: 16px;
   text-transform: uppercase;
   letter-spacing: 0.1em;
   margin-bottom: 50px;
 }
 .probootstrap-pricing h3 > span {
   margin-top: 10px;
   display: block;
   text-transform: none;
   letter-spacing: normal;
   color: #ffa33e;
   font-size: 14px;
 }
 .probootstrap-pricing .probootstrap-price-wrap {
   margin-bottom: 50px;
 }
 .probootstrap-pricing .probootstrap-price-wrap .probootstrap-price {
   font-size: 50px;
   color: #ffa33e;
   font-weight: 100;
   display: block;
   margin-bottom: 10px;
 }
 .probootstrap-pricing .probootstrap-price-wrap .probootstrap-price-per-month {
   font-size: 13px;
 }
 .probootstrap-pricing ul {
   padding: 0 30px;
   margin: 0 0 50px;
 }
 @media screen and (max-width: 480px) {
   .probootstrap-pricing ul {
     padding: 0 10px;
   }
 }
 .probootstrap-pricing ul li {
   padding: 0;
   margin: 0 0 20px;
   line-height: 24px;
   list-style: none;
 }
 .probootstrap-testimony-wrap {
   border-radius: 4px;
   padding: 20px;
 }
 .probootstrap-testimony-wrap figure {
   margin-bottom: 20px;
 }
 .probootstrap-testimony-wrap figure img {
   height: 80px;
   width: 80px !important;
   margin: 0 auto;
   border-radius: 50%;
 }
 .probootstrap-testimony-wrap blockquote {
   border-left: none;
   padding: 0;
   margin-bottom: 0;
   color: #000;
 }
 .probootstrap-testimony-wrap blockquote cite {
   margin-top: 30px;
   display: block;
   font-size: 14px;
   color: rgba(0, 0, 0, 0.3);
 }
 .probootstrap-testimony-wrap blockquote cite span {
   font-style: normal;
   color: #000;
   font-weight: 700;
 }
 .owl-carousel-testimony .item {
   padding-bottom: 40px;
   padding-top: 20px;
 }
 .owl-carousel-testimony .probootstrap-testimony-wrap {
   border: 1px solid #f2f2f2;
   max-width: 700px;
   margin: 0 auto;
   -webkit-box-shadow: 0 2px 17px 0 rgba(0, 0, 0, 0.09);
   box-shadow: 0 2px 17px 0 rgba(0, 0, 0, 0.09);
 }
 .flexslider,
 .flexslider .slides > li,
 .slider-height {
   height: 750px;
 }
 .probootstrap-heading .primary-heading {
   font-family: "Pinyon Script", serif;
   color: #ffa33e;
   margin: 0;
   padding: 0;
   font-size: 80px;
 }
 @media screen and (max-width: 768px) {
   .probootstrap-heading .primary-heading {
     font-size: 64px;
   }
 }
 .probootstrap-heading .secondary-heading {
   text-transform: uppercase;
   color: #fff;
   margin: 0;
   padding: 0;
   letter-spacing: 0.05em;
   font-size: 50px;
   position: relative;
   top: -50px;
   font-weight: 700;
   line-height: 40px;
 }
 @media screen and (max-width: 768px) {
   .probootstrap-heading .secondary-heading {
     font-size: 29px;
     margin-top: 9px;
   }
 }
 .probootstrap-heading.dark .secondary-heading {
   color: #000;
 }
 .probootstrap-heading .seperator {
   display: block;
   margin: 0 auto 10px;
   color: #ccc;
   font-weight: 300;
 }
 .flexslider {
   z-index: 2;
   background: 0 0;
   border: none;
   margin: 0;
 }
 .flexslider .probootstrap-slider-text {
   margin-top: 300px;
 }
 @media screen and (max-width: 480px) {
   .flexslider,
   .flexslider .slides > li,
   .slider-height {
     height: 442px;
   }
   .flexslider .probootstrap-slider-text {
     margin-top: 150px;
   }
   .flexslider .flex-direction-nav {
     display: none;
   }
 }
 .flexslider .probootstrap-slider-text .sub-heading {
   font-size: 20px;
   margin-top: -40px;
   color: rgba(255, 255, 255, 0.7);
 }
 .flexslider .probootstrap-slider-text .sub-heading a {
   color: #fff;
 }
 .flexslider .slides > li {
   background-size: cover;
   background-repeat: none;
 }
 .flexslider .slides > li.overlay:before {
   content: "";
   background: rgba(0, 0, 0, 0.2);
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
 }
 .flexslider .flex-control-paging {
   position: absolute;
   bottom: 30px;
   z-index: 20;
 }
 .flexslider .flex-direction-nav a {
   text-decoration: none;
   display: block;
   width: 30px;
   height: 30px;
   margin: -60px 0 0;
   position: absolute;
   top: 50%;
   z-index: 10;
   overflow: hidden;
   opacity: 0;
   cursor: pointer;
   color: rgba(0, 0, 0, 0.8);
   text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   background: rgba(0, 0, 0, 0.8);
   border-radius: 0;
   padding: 30px;
 }
 .mt0,
 .owl-carousel .owl-controls,
 .owl-carousel-posts .owl-controls {
   margin-top: 0;
 }
 .flexslider .flex-direction-nav a:before {
   font-family: icomoon;
   speak: none;
   font-style: normal;
   font-weight: 400;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   position: absolute;
   content: "\e929";
   -webkit-transition: 0.3s all;
   transition: 0.3s all;
   font-size: 30px;
   display: inline-block;
   color: rgba(255, 255, 255, 0.8);
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }
 .flexslider .flex-direction-nav a.flex-next:before {
   content: "\e92a";
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }
 .flex-direction-nav .flex-prev {
   left: 0;
 }
 .flex-direction-nav .flex-next {
   right: 0;
   text-align: right;
 }
 .flexslider:hover .flex-direction-nav .flex-prev {
   opacity: 0.7;
   left: 0;
 }
 .flexslider:hover .flex-direction-nav .flex-prev:hover {
   opacity: 1;
 }
 .flexslider:hover .flex-direction-nav .flex-next {
   opacity: 0.7;
   right: 0;
 }
 .flex-control-paging li a {
   width: 10px;
   height: 10px;
   display: block;
   background: rgba(255, 255, 255, 0.2);
   cursor: pointer;
   text-indent: -9999px;
   -webkit-box-shadow: none;
   -o-box-shadow: none;
   box-shadow: none;
   border-radius: 50%;
   -webkit-transition: 0.3s all;
   transition: 0.3s all;
 }
 .flex-control-paging li a:hover {
   background: #333;
   background: rgba(255, 255, 255, 0.7);
 }
 .flex-control-paging li a.flex-active {
   background: #fff;
   cursor: default;
 }
 .owl-carousel {
   margin-bottom: 100px;
 }
 .owl-carousel.border-rounded .item {
   border: 1px solid rgba(0, 0, 0, 0.1);
   border-radius: 4px;
   overflow: hidden;
 }
 .owl-carousel .owl-controls .owl-nav .owl-next,
 .owl-carousel .owl-controls .owl-nav .owl-prev,
 .owl-carousel-posts .owl-controls .owl-nav .owl-next,
 .owl-carousel-posts .owl-controls .owl-nav .owl-prev {
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   z-index: 9999;
   position: absolute;
   -webkit-transition: 0.2s all;
   transition: 0.2s all;
 }
 .owl-carousel-posts .owl-controls .owl-nav .owl-next,
 .owl-carousel-posts .owl-controls .owl-nav .owl-prev {
   top: 24%;
 }
 .owl-carousel .owl-controls .owl-nav .owl-next,
 .owl-carousel-posts .owl-controls .owl-nav .owl-next {
   right: 20px;
 }
 .owl-carousel .owl-controls .owl-nav .owl-prev,
 .owl-carousel-posts .owl-controls .owl-nav .owl-prev {
   left: 20px;
 }
 .owl-carousel-fullwidth .owl-controls .owl-nav .owl-next i,
 .owl-carousel-fullwidth .owl-controls .owl-nav .owl-next:hover i,
 .owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev i,
 .owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev:hover i,
 .owl-carousel-posts .owl-controls .owl-nav .owl-next i,
 .owl-carousel-posts .owl-controls .owl-nav .owl-next:hover i,
 .owl-carousel-posts .owl-controls .owl-nav .owl-prev i,
 .owl-carousel-posts .owl-controls .owl-nav .owl-prev:hover i {
   color: #000;
 }
 .owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next i,
 .owl-carousel-fullwidth.fh5co-light-arrow
   .owl-controls
   .owl-nav
   .owl-next:hover
   i,
 .owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev i,
 .owl-carousel-fullwidth.fh5co-light-arrow
   .owl-controls
   .owl-nav
   .owl-prev:hover
   i {
   color: #fff;
 }
 .owl-theme .owl-controls .owl-nav [class*="owl-"] {
   background: 0 0 !important;
 }
 .owl-theme .owl-controls .owl-nav [class*="owl-"] i {
   font-size: 24px;
   background: #ffa33e !important;
   padding: 12px;
   -webkit-transition: 0.5s all;
   transition: 0.5s all;
 }
 .owl-theme .owl-controls .owl-nav [class*="owl-"]:focus i,
 .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover i {
   background: #ffa33e !important;
 }
 .owl-theme .owl-dots {
   position: absolute;
   bottom: -30px;
   width: 100%;
   text-align: center;
 }
 .owl-carousel-fullwidth.owl-theme .owl-dots,
 .owl-work.owl-theme .owl-dots {
   bottom: -30px;
   margin-bottom: -2.5em;
 }
 .owl-theme .owl-dots .owl-dot span {
   width: 8px;
   height: 8px;
   background: rgba(0, 0, 0, 0.2);
   -webkit-transition: 0.2s all;
   transition: 0.2s all;
   border: 2px solid transparent;
 }
 .owl-theme .owl-dots .owl-dot span:hover {
   background: 0 0;
   border: 2px solid rgba(0, 0, 0, 0.2);
 }
 .owl-theme .owl-dots .owl-dot.active span,
 .owl-theme .owl-dots .owl-dot:hover span {
   background: 0 0;
   border: 2px solid #000;
 }
 .probootstrap-gutter0 > div[class*="col-"] {
   padding-right: 0;
   padding-left: 0;
 }
 @media screen and (max-width: 480px) {
   .probootstrap-gutter0 > div[class*="col-"] {
     padding-right: 15px;
     padding-left: 15px;
   }
 }
 .probootstrap-gutter40 > div[class*="col-"] {
   padding-right: 20px;
   padding-left: 20px;
 }
 @media screen and (max-width: 480px) {
   .probootstrap-gutter40 > div[class*="col-"] {
     padding-right: 15px;
     padding-left: 15px;
   }
 }
 .probootstrap-gutter60 > div[class*="col-"] {
   padding-right: 30px;
   padding-left: 30px;
 }
 @media screen and (max-width: 480px) {
   .probootstrap-gutter60 > div[class*="col-"] {
     padding-right: 15px;
     padding-left: 15px;
   }
 }
 .mb0 {
   margin-bottom: 0;
 }
 .mb10 {
   margin-bottom: 10px;
 }
 .mb20 {
   margin-bottom: 20px;
 }
 .mb30 {
   margin-bottom: 30px;
 }
 .mb40 {
   margin-bottom: 40px;
 }
 .mb50 {
   margin-bottom: 50px;
 }
 .mb60 {
   margin-bottom: 60px;
 }
 .mb70 {
   margin-bottom: 70px;
 }
 .mb80 {
   margin-bottom: 80px;
 }
 .mb90 {
   margin-bottom: 90px;
 }
 .mb100 {
   margin-bottom: 100px;
 }
 .mt10 {
   margin-top: 10px;
 }
 .mt20 {
   margin-top: 20px;
 }
 .mt30 {
   margin-top: 30px;
 }
 .mt40 {
   margin-top: 40px;
 }
 .mt50 {
   margin-top: 50px;
 }
 .mt60 {
   margin-top: 60px;
 }
 .mt70 {
   margin-top: 70px;
 }
 .mt80 {
   margin-top: 80px;
 }
 .mt90 {
   margin-top: 90px;
 }
 .mt100 {
   margin-top: 100px;
 }
 .pb0 {
   padding-bottom: 0 !important;
 }
 @media screen and (max-width: 768px) {
   .owl-theme .owl-controls .owl-nav {
     display: none;
   }
   .img-sm-responsive,
   .img-xs-responsive {
     max-width: 100%;
   }
 }