/*!==============================
 * 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: 24px;
     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;
}

/* Ajustes para pantallas medianas (tabletas) */
@media (max-width: 768px) {
    h1 {
        font-size: 36px;
    }

    h2, h4 {
        font-size: 28px;
    }

    h3 {
        font-size: 24px;
    }

    h5, h6 {
        font-size: 12px;
    }
}

/* Ajustes para pantallas pequeñas (móviles) */
@media (max-width: 480px) {
    h1 {
        font-size: 27px;
    }

    h2, h4 {
        font-size: 18px;
    }

    h3 {
        font-size: 15px;
    }

    h5, h6 {
        font-size: 12px;
    }
}

 
 ol,
 p,
 ul {
     margin-bottom: 30px
 }
 
 a {
     -webkit-transition: .3s all;
     transition: .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, .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: .3s all;
     transition: .3s all
 }
 
 @media screen and (max-width:768px) {
     .probootstrap-navbar {
         background: #fff;
         -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
         box-shadow: 0 2px 10px 0 rgba(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 .15s;
     transition: all .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, .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, .5);
     -webkit-transition: .3s all;
     transition: .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, .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: .3s all;
     transition: .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, .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: orange;
     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: #ffffff;
     opacity: 100%;
     border-radius: 10;
     -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .15);
     box-shadow: 0 0 7px 0 rgba(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;
     background-size: contain;
     background-position: center;
     top: 45px;
     position: relative;
     width: 40px;
     height: 40px;

     -webkit-transition: .2s all;
     transition: .2s all
 }

 .navbar-brand:hover {
    transform: scale(1.2); /* Aumenta el tamaño en un 10% */
}
 
 @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: 40px;
         height: 40px;
         background: url(../img/logo.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, .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, .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, .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, .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 #ffffff;
     content: "";
     position: absolute;
     top: -20px;
     left: 40px;
     border-color: rgba(133, 200, 221, 0);
     border-bottom-color: #ffffff;
     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, .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, .5);
     -webkit-transition: .3s all;
     transition: .3s all
 }
 
 @media screen and (max-width:768px) {
     .probootstrap-navbar .dropdown-submenu>a:before {
         color: rgba(0, 0, 0, .2)
     }
 }
 
 .probootstrap-navbar .dropdown-submenu>a:hover:before {
     color: rgba(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, .09);
     box-shadow: 0 1px 3px 0 rgba(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, .4)
 }
 
 .probootstrap-navbar.scrolled .navbar-nav>li>a {
     color: rgba(0, 0, 0, .7)
 }
 
 .probootstrap-navbar.scrolled .navbar-nav>li>a:hover {
     color: rgba(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, .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, .8)
 }
 
 .btn {
     border: none;
     border-radius: 30px;
     text-transform: uppercase;
     padding-left: 30px;
     padding-right: 30px
 }
 
 .btn:active {
     -webkit-transition: .2s all;
     transition: .2s all;
     -webkit-transform: scale(.95);
     transform: scale(.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, .1)
 }
 
 .probootstrap-section.probootstrap-border-bottom {
     border-bottom: 1px solid rgba(0, 0, 0, .1)
 }
 
 .probootstrap-section>.container.probootstrap-border-top {
     padding-top: 50px;
     border-top: 1px solid rgba(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, .2);
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0
 }
 
 .probootstrap-section-bg .probootstrap-heading {
     margin-top: 250px
 }

 @media screen and (min-width:1400px) {
    .probootstrap-section-bg {
        height: 850px
    }
 }
 
 
 @media screen and (max-width:768px) {
     .probootstrap-section-bg {
         padding: 3em 0;
         height: 450px
     }
 
     .probootstrap-section-bg .probootstrap-heading {
         margin-top: 50px
     }
 }

 @media screen and (max-width:550px) {
    .probootstrap-section-bg {
        padding: 3em 0;
        height: 300px
    }
 }


 
 .probootstrap-footer {
     background: #000;
     padding: 7em 0;
     color: rgba(255, 255, 255, .7)
 }
 
 .probootstrap-footer h3 {
     font-size: 18px;
     letter-spacing: .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, .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: .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
 }
 
 .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 .5s;
     transition: width .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: .6s;
     transition-duration: .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 .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -webkit-transition: all .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: .3s all;
     transition: .3s all
 }
 
 .probootstrap-gallery-item a {
     display: block;
     float: left;
     width: 100%
 }
 
 .probootstrap-gallery-item:hover img {
     opacity: .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, .2);
     box-shadow: 0 0 40px 0 rgba(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: .3s all;
     transition: .3s all;
     -webkit-transition-timing-function: cubic-bezier(.57, .21, .69, 1.25);
     transition-timing-function: cubic-bezier(.57, .21, .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: .3s all;
     transition: .3s all;
     -webkit-transition-timing-function: cubic-bezier(.57, .21, .69, 1.25);
     transition-timing-function: cubic-bezier(.57, .21, .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, .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, .7)
     }
 
     .probootstrap-team .probootstrap-team-info h3 .position {
         display: block;
         font-size: 14px;
         color: rgba(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, .8);
     -webkit-transition: .3s all;
     transition: .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, .08);
     box-shadow: 0 0 40px 0 rgba(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: .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, .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, .09);
     box-shadow: 0 2px 17px 0 rgba(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: 15px;
     font-size: 80px
 }
 
 @media screen and (max-width:768px) {
     .probootstrap-heading .primary-heading {
         font-size: 50px
     }
 }
 
 .probootstrap-heading .secondary-heading {
     text-transform: uppercase;
     color: #fff;
     margin: 0;
     padding: 0;
     letter-spacing: .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: 20px
     }
 }
 
 .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: 400px
     }
 
     .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, .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, .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, .8);
     text-shadow: 1px 1px 0 rgba(255, 255, 255, .3);
     -webkit-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
     background: rgba(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: .3s all;
     transition: .3s all;
     font-size: 30px;
     display: inline-block;
     color: rgba(255, 255, 255, .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: .7;
     left: 0
 }
 
 .flexslider:hover .flex-direction-nav .flex-prev:hover {
     opacity: 1
 }
 
 .flexslider:hover .flex-direction-nav .flex-next {
     opacity: .7;
     right: 0
 }
 
 .flex-control-paging li a {
     width: 10px;
     height: 10px;
     display: block;
     background: rgba(255, 255, 255, .2);
     cursor: pointer;
     text-indent: -9999px;
     -webkit-box-shadow: none;
     -o-box-shadow: none;
     box-shadow: none;
     border-radius: 50%;
     -webkit-transition: .3s all;
     transition: .3s all
 }
 
 .flex-control-paging li a:hover {
     background: #333;
     background: rgba(255, 255, 255, .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, .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: .2s all;
     transition: .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: .5s all;
     transition: .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, .2);
     -webkit-transition: .2s all;
     transition: .2s all;
     border: 2px solid transparent
 }
 
 .owl-theme .owl-dots .owl-dot span:hover {
     background: 0 0;
     border: 2px solid rgba(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%
     }
 }