/*!==============================
 * Theme Name: Green
 * Theme URL: https://probootstrap.com/green-free-html5-website-template-using-bootstrap-framework
 * Author: ProBootstrap.com
 * Author URL: https://probootstrap.com
 * License: Released for free under the Creative Commons Attribution 3.0 license (probootstrap.com/license)
 */.media-item,.probootstrap-header,.product-item {
 -webkit-box-shadow:0 6px 68px -6px rgba(0,0,0,.09)
}
.probootstrap-logo,body,h1,h2,h3,h4 {
 font-family:"Open Sans",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;
 font-size:1em
}
body {
 background:#E9E9E5;
 font-size:16px;
 font-weight:300;
 line-height:1.7;
 color:#7e8890
}
::selection {
 background:#000;
 color:#fff
}
::-moz-selection {
 background:#000;
 color:#fff
}
h1,h2,h3,h4 {
 margin:1.414em 0 .5em;
 font-weight:400;
 line-height:1.2;
 color:#000
}
h1 {
 margin-top:0;
 font-size:3.998em
}
@media screen and (max-width:768px) {
 h1 {
  font-size:2.998em
 }
}
h2 {
 font-size:2.827em
}
@media screen and (max-width:768px) {
 h2 {
  font-size:2.1em
 }
}
h3 {
 font-size:1.999em
}
h4 {
 font-size:1.414em
}
.font_small,small {
 font-size:.707em
}
figure,ol,p,ul {
 margin-bottom:1.3em
}
a {
 -webkit-transition:.3s all;
 transition:.3s all;
 color:#B2D430
}
a:active,a:focus,a:hover {
 color:#000;
 text-decoration:none
}
a.hover-reverse {
 color:#000
}
a.hover-reverse:active,a.hover-reverse:focus,a.hover-reverse:hover {
 color:#B2D430;
 text-decoration:none
}
.probootstrap-header {
 padding-top:30px;
 padding-bottom:30px;
 width:100%;
 background:#fff;
 z-index:12;
 box-shadow:0 6px 68px -6px rgba(0,0,0,.09)
}
.probootstrap-logo {
 float:left;
 color:#B2D430;
 padding-left:20px;
 font-size:20px;
 display:block;
 size:5px; 
 text-transform:uppercase;
 font-weight:700
}
.probootstrap-logo:active,.probootstrap-logo:focus,.probootstrap-logo:hover {
 color:#B2D430
}
@media screen and (max-width:768px) {
 .probootstrap-logo {
  padding-left:0
 }
}
.probootstrap-nav {
 margin-left:60px;
 float:right
}
.probootstrap-mobile-menu-active .probootstrap-nav {
 text-align:left;
 position:fixed;
 display:block!important;
 overflow-y:auto;
 top:0;
 right:0;
 bottom:0;
 z-index:1100;
 height:100vh;
 width:300px;
 background:#000;
 padding:40px;
 -webkit-transition:.3s all ease-out;
 transition:.3s all ease-out;
 -webkit-transform:translateX(300px);
 transform:translateX(300px)
}
.probootstrap-mobile-menu-active .probootstrap-nav .extra-text {
 display:block;
 float:left;
 clear:both;
 margin-top:30px;
 color:#fff
}
.probootstrap-mobile-menu-active .probootstrap-nav .extra-text .social-buttons {
 padding:0;
 margin:0 0 20px
}
.probootstrap-mobile-menu-active .probootstrap-nav .extra-text .social-buttons li {
 display:inline-block;
 zoom:1;
 padding:0;
 margin:0
}
.probootstrap-mobile-menu-active .probootstrap-nav .extra-text .social-buttons li a {
 color:#fff;
 padding:10px
}
.probootstrap-mobile-menu-active .probootstrap-nav .extra-text .social-buttons li:first-child a {
 padding-left:0
}
.probootstrap-mobile-menu-active .probootstrap-nav .extra-text h5 {
 text-transform:uppercase;
 letter-spacing:.1em;
 color:rgba(255,255,255,.5)
}
.probootstrap-mobile-menu-active.show .probootstrap-nav {
 -webkit-transform:translateX(0);
 transform:translateX(0)
}
.probootstrap-main-nav {
 margin:0;
 padding:0
}
.probootstrap-mobile-menu-active .probootstrap-main-nav {
 float:left;
 margin-top:40px;
 width:100%
}
.probootstrap-main-nav li {
 margin:0;
 padding:0 10px;
 list-style:none;
 display:inline;
 font-size:18px
}
.probootstrap-mobile-menu-active .probootstrap-main-nav li {
 margin-bottom:10px;
 padding-left:0;
 padding-right:0;
 display:block
}
.probootstrap-main-nav li a {
 font-weight:400;
 text-transform:uppercase;
 padding:10px 0;
 color:#000;
 font-size:14px;
 letter-spacing:.2em;
 border-bottom:2px solid transparent
}
.probootstrap-main-nav li a:hover {
 color:#B2D430
}
.probootstrap-mobile-menu-active.show .probootstrap-main-nav li a {
 color:#fff
}
.probootstrap-mobile-menu-active .probootstrap-main-nav li a {
 margin-bottom:10px;
 padding:5px 0;
 display:block;
 border-bottom:none!important
}
.probootstrap-mobile-menu-active .probootstrap-main-nav li a:hover {
 color:#B2D430
}
.probootstrap-main-nav li.probootstrap-cta {
 margin-left:20px
}
.probootstrap-main-nav li.probootstrap-cta a {
 border:2px solid #fff;
 padding-right:20px;
 padding-left:20px;
 border-radius:4px
}
.probootstrap-main-nav li.probootstrap-cta a:hover {
 background:#fff;
 color:#B2D430
}
.probootstrap-mobile-menu-active .probootstrap-main-nav li.probootstrap-cta {
 margin-left:0;
 margin-top:20px
}
.probootstrap-mobile-menu-active .probootstrap-main-nav li.probootstrap-cta a {
 padding-top:2px;
 padding-bottom:2px
}
.probootstrap-main-nav li.active a,.probootstrap-main-nav li.active a:hover {
 border-bottom:2px solid #B2D430
}
.probootstrap-mobile-menu-active .probootstrap-main-nav li.active a {
 border-bottom:none!important;
 color:#B2D430
}
.probootstrap-header-social {
 position:absolute;
 top:34px;
 right:60px
}
.probootstrap-header-social li {
 display:inline;
 list-style:none;
 margin-left:5px
}
.probootstrap-header-social li a {
 color:#fff
}
.mobile-menu-overlay {
 z-index:1099;
 position:fixed;
 top:0;
 bottom:0;
 left:0;
 right:0;
 width:100vw;
 height:100vh;
 background:rgba(0,0,0,.3);
 opacity:0;
 visibility:hidden;
 -webkit-transition:.3s all ease-out;
 transition:.3s all ease-out
}
.probootstrap-mobile-menu-active.show .mobile-menu-overlay {
 opacity:1;
 visibility:visible
}
.probootstrap-text-intro {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 z-index:49
}
.probootstrap-burger-menu {
 display:inline-block;
 width:18px;
 height:18px;
 cursor:pointer;
 text-decoration:none
}
.probootstrap-burger-menu i {
 position:relative;
 display:inline-block;
 width:18px;
 height:2px;
 color:#000;
 font:700 14px/.4 Helvetica,arial;
 text-transform:uppercase;
 text-indent:-55px;
 background:#000;
 -webkit-transition:all .2s ease-out;
 transition:all .2s ease-out
}
.probootstrap-burger-menu i::after,.probootstrap-burger-menu i::before {
 content:'';
 width:18px;
 height:2px;
 background:#000;
 position:absolute;
 left:0;
 -webkit-transition:all .2s ease-out;
 transition:all .2s ease-out
}
.probootstrap-burger-menu i::before {
 top:-7px
}
.probootstrap-burger-menu i::after {
 bottom:-7px
}
.probootstrap-burger-menu:hover i::before {
 top:-10px
}
.probootstrap-burger-menu:hover i::after {
 bottom:-10px
}
.probootstrap-burger-menu.active i {
 background:0 0
}
.probootstrap-burger-menu.active i::before {
 top:0;
 -webkit-transform:rotateZ(45deg);
 transform:rotateZ(45deg)
}
.probootstrap-burger-menu.active i::after {
 bottom:0;
 -webkit-transform:rotateZ(-45deg);
 transform:rotateZ(-45deg)
}
.probootstrap-mobile-menu-active.show .probootstrap-burger-menu i {
 color:#fff;
 background:#000
}
.probootstrap-mobile-menu-active.show .probootstrap-burger-menu i::after,.probootstrap-mobile-menu-active.show .probootstrap-burger-menu i::before {
 background:#fff
}
.probootstrap-burger-menu {
 position:absolute;
 top:30px;
 right:20px
}
.btn {
 border:none;
 border-radius:100px;
 font-size:18px;
 padding:5px 40px
}
.btn.btn-sm {
 font-size:16px;
 padding:5px 20px
}
.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 {
 line-height:1.5;
 padding-top:20px;
 padding-bottom:20px
}
.btn.btn-primary {
 border:2px solid #B2D430;
 background:#B2D430;
 color:#fff
}
.btn.btn-primary:active,.btn.btn-primary:focus,.btn.btn-primary:hover {
 background:#bad845;
 color:#fff;
 border:2px solid #bad845
}
.btn.btn-primary:active,.btn.btn-primary:focus {
 outline:0;
 border:2px solid #bad845
}
.btn.btn-ghost {
 background:0 0;
 border:2px solid #B2D430;
 color:#B2D430
}
.btn.btn-ghost:hover {
 background:#B2D430;
 color:#fff;
 border:2px solid #B2D430
}
.btn.btn-ghost:active,.btn.btn-ghost:focus {
 outline:0;
 background:0 0;
 color:#B2D430;
 border:2px solid #B2D430
}
.btn.btn-ghost.btn-ghost-white {
 background:0 0;
 border:2px solid #fff;
 color:#fff
}
.btn.btn-ghost.btn-ghost-white:hover {
 background:#fff;
 color:#B2D430
}
.btn.btn-ghost.btn-ghost-white:active,.btn.btn-ghost.btn-ghost-white:focus {
 outline:0;
 background:#fff;
 color:#B2D430;
 border:2px solid #fff
}
.btn.btn-black,.btn.btn-black:active,.btn.btn-black:focus,.btn.btn-black:hover {
 background:#000;
 border:1px solid #000;
 color:#fff
}
.btn.btn-black:active,.btn.btn-black:focus {
 outline:0
}
.probootstrap-section {
 padding:4em 0;
 position:relative;
 z-index:2
}
.probootstrap-section.probootstrap-section-sm {
 padding:3em 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-section-colored,.probootstrap-section.probootstrap-section-dark {
 background:#ddf0f3;
 background:-webkit-gradient(linear,left top,right top,from(#ddf0f3),to(#b2d430));
 background:linear-gradient(to right,#ddf0f3 0,#b2d430 100%);
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=$firstcolor, endColorstr=$secondcolor, GradientType=1 )
}
.probootstrap-section.probootstrap-section-colored .section-heading h2,.probootstrap-section.probootstrap-section-dark .section-heading h2 {
 color:#fff
}
.probootstrap-section.probootstrap-section-colored .section-heading p,.probootstrap-section.probootstrap-section-dark .section-heading p {
 color:rgba(255,255,255,.6)
}
.probootstrap-section.probootstrap-section-colored .heading-with-icon,.probootstrap-section.probootstrap-section-colored .heading-with-icon i,.probootstrap-section.probootstrap-section-dark .heading-with-icon,.probootstrap-section.probootstrap-section-dark .heading-with-icon i {
 color:#B2D430
}
.probootstrap-section.probootstrap-section-colored p,.probootstrap-section.probootstrap-section-dark .section-heading h2,.probootstrap-section.probootstrap-section-dark p {
 color:#fff
}
.probootstrap-section.probootstrap-section-dark {
 background:#161C2E;
 color:#fff
}
.probootstrap-section.probootstrap-section-dark .section-heading p,.probootstrap-section.probootstrap-section-dark p {
 color:rgba(255,255,255,.6)
}
.probootstrap-section.probootstrap-bg-white {
 background:#fff
}
@media screen and (max-width:768px) {
 .probootstrap-section {
  padding:3em 0
 }
}
.probootstrap-section.probootstrap-bg {
 background-size:cover;
 background-repeat:no-repeat;
 background-attachment:fixed;
 padding:8em 0
}
.probootstrap-section.probootstrap-bg:before {
 position:absolute;
 content:"";
 background:rgba(0,0,0,.4);
 top:0;
 left:0;
 right:0;
 bottom:0;
 z-index:-1
}
.probootstrap-section.probootstrap-bg .heading {
 margin-top:0;
 margin-bottom:0;
 color:#fff;
 font-family:"Just Another Hand",cursive;
 text-transform:uppercase;
 font-size:80px;
 line-height:80px
}
.probootstrap-section.probootstrap-bg .sub-heading {
 font-size:20px;
 line-height:1.5;
 color:rgba(255,255,255,.7)
}
.probootstrap-section.probootstrap-bg .container {
 position:relative;
 z-index:2
}
.probootstrap-relative {
 position:relative
}
.probootstrap-owl-navigation {
 margin:0;
 padding:0
}
.probootstrap-owl-navigation.absolute {
 position:absolute;
 top:2px
}
@media screen and (max-width:768px) {
 .probootstrap-owl-navigation.absolute {
  position:relative;
  margin-bottom:40px
 }
}
.probootstrap-owl-navigation.absolute.right {
 right:10px
}
.flexslider .slides>li.overlay:before,.probootstrap-footer.probootstrap-bg:before,.probootstrap-hover-overlay:before {
 content:"";
 right:0;
 bottom:0
}
.probootstrap-owl-navigation.absolute.left {
 left:0
}
.probootstrap-owl-navigation li {
 display:inline-block;
 list-style:none;
 margin:0;
 padding:0
}
.probootstrap-owl-navigation li a {
 font-size:30px;
 padding:0;
 color:#ccc
}
.probootstrap-owl-navigation li a:hover {
 color:#333
}
.probootstrap-footer-widget {
 float:left;
 width:100%;
 margin-bottom:30px
}
.probootstrap-footer-widget .heading {
 text-transform:uppercase;
 font-size:14px;
 letter-spacing:.2em;
 margin-bottom:30px
}
.probootstrap-footer-widget.right {
 text-align:right
}
.probootstrap-footer {
 padding:5em 0
}
@media screen and (max-width:768px) {
 .probootstrap-footer-widget.right {
  text-align:left
 }
 .probootstrap-footer {
  padding:3em 0
 }
}
.probootstrap-footer.probootstrap-bg {
 background-size:cover;
 background-repeat:no-repeat;
 background-attachment:fixed;
 padding:8em 0;
 position:relative;
 color:rgba(255,255,255,.9)
}
.probootstrap-footer.probootstrap-bg a:hover,.probootstrap-footer.probootstrap-bg h2,.probootstrap-footer.probootstrap-bg h3,.probootstrap-footer.probootstrap-bg h4 {
 color:#fff
}
.probootstrap-footer.probootstrap-bg:before {
 position:absolute;
 background:rgba(0,0,0,.5);
 top:0;
 left:0;
 z-index:1
}
.probootstrap-footer>.container {
 position:relative;
 z-index:2
}
.probootstrap-footer form .form-control {
 border:1px solid rgba(255,255,255,.5);
 background:0 0;
 -webkit-box-shadow:none;
 box-shadow:none;
 height:46px;
 color:#fff;
 -webkit-transition:.3s all ease-in;
 transition:.3s all ease-in
}
.probootstrap-footer form .form-control:active,.probootstrap-footer form .form-control:focus {
 outline:0;
 border:1px solid #B2D430
}
.probootstrap-footer form .form-control::-webkit-input-placeholder {
 color:rgba(255,255,255,.5)
}
.probootstrap-footer form .form-control::-moz-placeholder {
 color:rgba(255,255,255,.5)
}
.probootstrap-footer form .form-control:-ms-input-placeholder {
 color:rgba(255,255,255,.5)
}
.probootstrap-footer form .form-control:-moz-placeholder {
 color:rgba(255,255,255,.5)
}
.probootstrap-footer form .form-field {
 position:relative
}
.probootstrap-footer form .btn.btn-subscribe {
 height:40px;
 border-radius:4px;
 border:none;
 position:absolute;
 top:3px;
 right:3px;
 padding-left:15px;
 padding-right:15px;
 background:#B2D430
}
#map,.probootstrap-cart a {
 position:relative
}
.probootstrap-footer form .btn.btn-subscribe:active,.probootstrap-footer form .btn.btn-subscribe:focus,.probootstrap-footer form .btn.btn-subscribe:hover {
 color:#fff
}
.probootstrap-footer .copyright p {
 font-size:15px
}
.probootstrap-link-wrap {
 padding-left:40px
}
@media screen and (max-width:970px) {
 .probootstrap-link-wrap {
  padding-left:0
 }
}
.stack-link {
 padding:0;
 margin:0;
 display:block
}
.stack-link li {
 list-style:none;
 padding:0;
 margin:0
}
.section-heading h2 {
 font-size:2.074em;
 font-weight:700;
 text-transform:uppercase;
 font-family:"Open Sans",sans-serif
}
.lead {
 line-height:1.65
}
.image-popup {
 margin-bottom:30px;
 float:left;
 width:100%
}
#map {
 width:100%;
 height:500px
}
@media screen and (max-width:768px) {
 #map {
  height:200px
 }
}
.probootstrap-cart a .number {
 letter-spacing:0;
 position:absolute;
 top:0;
 left:10px;
 display:inline-block;
 width:25px;
 font-size:12px;
 height:25px;
 margin-top:-5px;
 line-height:25px;
 text-align:center;
 border-radius:50%;
 background:#B2D430;
 color:#fff
}
.media-item,.product-item {
 box-shadow:0 6px 68px -6px rgba(0,0,0,.09);
 background:#fff;
 margin-bottom:30px;
 border-radius:7px;
 overflow:hidden
}
.media-item .text p:last-child,.media-item figure,.product-item .text p:last-child,.product-item figure {
 margin-bottom:0
}
.media-item .text,.product-item .text {
 padding:20px
}
.media-item .text .heading,.product-item .text .heading {
 font-size:20px;
 margin-top:0;
 line-height:1.4
}
.probootstrap-hover-overlay {
 position:relative;
 display:block;
 overflow:hidden;
 -webkit-transition:.7s all ease-out;
 transition:.7s all ease-out;
 margin-bottom:30px
}
.probootstrap-hover-overlay img {
 position:relative;
 z-index:1;
 -webkit-transition:.3s all ease-out;
 transition:.3s all ease-out
}
.probootstrap-hover-overlay:before {
 -webkit-transition:.3s all ease-out;
 transition:.3s all ease-out;
 top:0;
 left:0;
 position:absolute;
 background:rgba(0,0,0,.5);
 opacity:0;
 visibility:hidden;
 z-index:2
}
.probootstrap-hover-overlay .probootstrap-text-overlay {
 position:absolute;
 z-index:20;
 left:20px;
 top:20px;
 -webkit-transition:.4s all ease-out;
 transition:.4s all ease-out;
 opacity:0;
 visibility:hidden
}
.probootstrap-hover-overlay .probootstrap-text-overlay h3 {
 color:#fff;
 margin-bottom:0;
 margin-top:0
}
.probootstrap-hover-overlay .probootstrap-text-overlay p {
 color:rgba(255,255,255,.8);
 font-size:12px;
 letter-spacing:.1em;
 text-transform:uppercase
}
.probootstrap-hover-overlay .probootstrap-text-overlay p:last-child {
 margin-bottom:0
}
.probootstrap-hover-overlay:hover:before {
 opacity:1;
 visibility:visible
}
.probootstrap-hover-overlay:hover .probootstrap-text-overlay {
 top:20px;
 opacity:1;
 visibility:visible
}
.probootstrap-hover-overlay:hover img {
 -webkit-transform:scale(1.1);
 transform:scale(1.1)
}
.probootstrap-block-image {
 margin-bottom:40px;
 float:left;
 width:100%
}
.probootstrap-block-image figure {
 width:200px;
 margin:0 auto
}
.probootstrap-block-image figure img {
 max-width:100%;
 border-radius:50%
}
.probootstrap-block-image h4 {
 font-size:20px;
 text-transform:uppercase
}
.probootstrap-footer-social {
 padding:0;
 margin:0
}
.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
}
.service {
 margin-bottom:30px;
 float:left;
 width:100%;
 padding:30px;
 border-radius:7px;
 background:#fff;
 -webkit-box-shadow:0 6px 68px -6px rgba(0,0,0,.09);
 box-shadow:0 6px 68px -6px rgba(0,0,0,.09)
}
.service .icon {
 display:block;
 margin-bottom:10px
}
.service .icon i {
 font-size:40px;
 color:#B2D430
}
.service p:last-child {
 margin-bottom:0
}
.service .heading {
 font-size:20px;
 margin-bottom:20px;
 margin-top:0
}
.service.left-icon {
 padding:0;
 border:none;
 margin-bottom:20px!important
}
.service.left-icon .icon,.service.left-icon .text {
 display:table-cell;
 vertical-align:top
}
.service.left-icon .icon {
 width:70px;
 position:relative;
 top:20px
}
.service.left-icon .icon i {
 font-size:40px
}
.service.left-icon .text {
 display:table-cell
}
.service.left-icon h3 {
 font-size:22px;
 margin-bottom:0
}
.service.left-icon p {
 font-size:14px
}
.service.left-icon p:last-child {
 margin-bottom:0
}
.service.hover_service {
 -webkit-transition:.3s all;
 transition:.3s all
}
.service.hover_service:focus,.service.hover_service:hover {
 -webkit-box-shadow:0 2px 20px 0 rgba(0,0,0,.1);
 box-shadow:0 2px 20px 0 rgba(0,0,0,.1);
 border:1px solid transparent
}
.probootstrap-form {
 margin-bottom:50px
}
.probootstrap-form.probootstrap-form-box {
 background:#fff;
 padding:60px;
 -webkit-box-shadow:18px 17px 104px -24px rgba(0,0,0,.1);
 box-shadow:18px 17px 104px -24px rgba(0,0,0,.1)
}
@media screen and (max-width:768px) {
 .probootstrap-form.probootstrap-form-box {
  padding:20px
 }
}
.probootstrap-form .form-note-link {
 font-weight:400
}
.probootstrap-form .form-note-link a {
 color:#bfbfbf
}
.probootstrap-form .form-note-link a:active,.probootstrap-form .form-note-link a:focus,.probootstrap-form .form-note-link a:hover {
 color:#404040
}
.probootstrap-form label {
 font-weight:400;
 font-size:14px;
 text-transform:uppercase
}
.probootstrap-form .form-control {
 height:46px;
 -webkit-box-shadow:none;
 box-shadow:none;
 font-size:16px;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 border:2px solid #ccc;
 background:0 0;
 color:#fff;
 -webkit-transition:.3s all ease-out;
 transition:.3s all ease-out
}
.probootstrap-form .form-control:active,.probootstrap-form .form-control:focus {
 -webkit-box-shadow:none;
 box-shadow:none;
 border-color:#B2D430
}
.probootstrap-form textarea.form-control {
 height:inherit;
 resize:vertical
}
.probootstrap-animate {
 opacity:0;
 visibility:hidden
}
.probootstrap-contact-info,.with-icon {
 padding:0;
 margin:0 0 30px;
 color:rgba(0,0,0,.4)
}
.probootstrap-contact-info li,.with-icon li {
 padding:0;
 margin:20px 0 15px;
 list-style:none;
 line-height:24px;
 display:table
}
.probootstrap-contact-info li>i,.probootstrap-contact-info li>span,.with-icon li>i,.with-icon li>span {
 vertical-align:top;
 display:table-cell
}
.probootstrap-contact-info li>i,.with-icon li>i {
 font-size:20px;
 position:relative;
 top:4px;
 width:30px
}
.with-icon li i {
 top:4px;
 font-size:15px
}
.with-icon.colored i {
 color:#B2D430
}
.probootstrap-section-heading .sub-heading {
 font-size:14px;
 text-transform:uppercase;
 letter-spacing:.2em;
 margin-top:0
}
.probootstrap-section-heading .heading {
 margin-top:0
}
.flexslider,.flexslider .slides>li,.slider-height {
 height:800px;
 overflow:hidden
}
.lead {
 font-size:20px
}
.flexslider {
 position:relative;
 z-index:2;
 background:0 0;
 border:none;
 margin:0;
 border-radius:0;
 color:rgba(255,255,255,.7)
}
.flexslider .btn {
 padding:15px 60px
}
.flexslider .probootstrap-heading {
 color:#fff;
 font-weight:300;
 font-size:65px;
 line-height:60px;
 font-family:"Just Another Hand",cursive;
 text-transform:uppercase
}
@media screen and (max-width:768px) {
 .flexslider .probootstrap-heading {
  font-size:90px;
  line-height:70px
 }
}
.flexslider .probootstrap-heading a {
 color:rgba(255,255,255,.8);
 border-bottom:2px solid rgba(255,255,255,.2)
}
.flexslider .probootstrap-heading a:hover {
 border-bottom:2px solid #fff
}
.flexslider .probootstrap-sub-wrap {
 max-width:600px;
 text-align:left;
 font-size:25px;
 line-height:1.5
}
.flexslider .probootstrap-sub-wrap a {
 color:rgba(255,255,255,.8);
 border-bottom:2px solid rgba(255,255,255,.2)
}
.flexslider .probootstrap-sub-wrap a:hover {
 border-bottom:2px solid #fff
}
.flexslider .text-center .probootstrap-sub-wrap {
 margin:0 auto;
 text-align:center
}
.flexslider .probootstrap-slider-text {
 margin-top:300px
}
@media screen and (max-width:480px) {
 .flexslider,.flexslider .slides>li,.slider-height {
  height:inherit;
  height:500px
 }
 .flexslider .probootstrap-slider-text {
  margin-top:100px
 }
}
.flexslider.probootstrap-inner {
 height:500px
}
.flexslider.probootstrap-inner .probootstrap-slider-text {
 margin-top:150px
}
.flexslider .slides>li {
 background-size:cover;
 background-position:center center;
 background-repeat:none;
 background-attachment:fixed
}
.flexslider .slides>li.overlay:before {
 background:rgba(0,0,0,.3);
 position:absolute;
 top:0;
 left:0
}
.flexslider .flex-control-paging {
 position:absolute;
 bottom:30px;
 z-index:20
}
@media screen and (max-width:480px) {
 .flexslider.probootstrap-inner .probootstrap-slider-text {
  margin-top:100px
 }
 .flexslider .flex-direction-nav {
  display:none
 }
}
.flexslider .flex-direction-nav a {
 text-decoration:none;
 display:block;
 width:30px;
 height:30px;
 position:absolute;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 z-index:50;
 overflow:hidden;
 opacity:0;
 cursor:pointer;
 -webkit-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out;
 border:2px solid rgba(255,255,255,.9);
 border-radius:50%;
 padding:30px
}
.flexslider .flex-direction-nav a:active,.flexslider .flex-direction-nav a:focus,.flexslider .flex-direction-nav a:hover {
 outline: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:#fff;
 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:50px
}
.flex-direction-nav .flex-next {
 right:50px;
 text-align:right
}
.flexslider:hover .flex-direction-nav .flex-prev {
 opacity:.7;
 left:60px
}
.flexslider:hover .flex-direction-nav .flex-next:hover,.flexslider:hover .flex-direction-nav .flex-prev:hover {
 opacity:1;
 background:rgba(255,255,255,.3)
}
.flexslider:hover .flex-direction-nav .flex-next {
 opacity:.7;
 right:60px
}
.gototop,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel-posts .owl-controls .owl-nav .owl-next {
 right:20px
}
.flex-control-paging li a {
 width:7px;
 height:7px;
 display:block;
 background:rgba(255,255,255,.2);
 cursor:pointer;
 text-indent:-9999px;
 -webkit-box-shadow:none;
 -o-box-shadow:none;
 box-shadow:none;
 -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-carousel-posts .owl-controls {
 margin-top:0
}
.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-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
}
@media screen and (max-width:768px) {
 .owl-theme .owl-controls .owl-nav {
  display:none
 }
}
.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:rgba(0,0,0,.7)!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:rgba(0,0,0,.7)!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-testimony-wrap {
 max-width:700px;
 margin:0 auto;
 display:table
}
@media screen and (max-width:980px) {
 .probootstrap-testimony-wrap {
  display:block;
  text-align:center!important
 }
}
.probootstrap-testimony-wrap blockquote,.probootstrap-testimony-wrap figure {
 display:table-cell;
 vertical-align:top
}
@media screen and (max-width:980px) {
 .probootstrap-testimony-wrap blockquote,.probootstrap-testimony-wrap figure {
  width:100%;
  display:block
 }
}
.probootstrap-testimony-wrap figure {
 width:120px;
 margin:0 auto 50px
}
.probootstrap-testimony-wrap figure img {
 border-radius:50%
}
@media screen and (max-width:980px) {
 .probootstrap-testimony-wrap figure {
  width:100%
 }
 .probootstrap-testimony-wrap figure img {
  max-width:inherit;
  width:120px!important;
  margin:0 auto
 }
}
.probootstrap-testimony-wrap blockquote {
 padding-left:40px;
 border-left:none
}
.mfp-no-margins .mfp-container,.mfp-no-margins img.mfp-img {
 padding:0
}
.probootstrap-testimony-wrap .author {
 margin-top:50px;
 display:block;
 font-size:14px
}
.mfp-fade.mfp-bg {
 opacity:0;
 -webkit-transition:all .15s ease-out;
 transition:all .15s ease-out
}
.mfp-fade.mfp-bg.mfp-ready {
 opacity:.8
}
.mfp-fade.mfp-bg.mfp-removing {
 opacity:0
}
.mfp-fade.mfp-wrap .mfp-content {
 opacity:0;
 -webkit-transition:all .15s ease-out;
 transition:all .15s ease-out
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
 opacity:1
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
 opacity:0
}
.image-link {
 cursor:-webkit-zoom-in;
 cursor:zoom-in
}
.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg {
 opacity:0;
 -webkit-backface-visibility:hidden;
 -webkit-transition:all .3s ease-out;
 transition:all .3s ease-out
}
.mfp-with-zoom.mfp-ready .mfp-container {
 opacity:1
}
.mfp-with-zoom.mfp-ready.mfp-bg {
 opacity:.8
}
.gototop,.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg {
 opacity:0
}
.mfp-no-margins .mfp-figure:after {
 top:0;
 bottom:0
}
.mfp-title {
 text-align:center;
 padding:6px 0
}
.image-source-link {
 color:#DDD
}
.probootstrap-gutter0>div[class*=col-] {
 padding-right:0;
 padding-left:0
}
@media screen and (max-width:480px) {
 .probootstrap-gutter0>div[class*=col-] {
  padding-right:0;
  padding-left:0
 }
 .probootstrap-gutter10>div[class*=col-] {
  padding-right:5px;
  padding-left:5px
 }
}
.probootstrap-gutter10>div[class*=col-] {
 padding-right:5px;
 padding-left:5px
}
.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
}
.mb0 {
 margin-bottom:0!important
}
.mb10 {
 margin-bottom:10px!important
}
.mb20 {
 margin-bottom:20px!important
}
.mb30 {
 margin-bottom:30px!important
}
.mb40 {
 margin-bottom:40px!important
}
.mb50 {
 margin-bottom:50px!important
}
.mb60 {
 margin-bottom:60px!important
}
.mb70 {
 margin-bottom:70px!important
}
.mb80 {
 margin-bottom:80px!important
}
.mb90 {
 margin-bottom:90px!important
}
.mb100 {
 margin-bottom:100px!important
}
.mt0 {
 margin-top:0!important
}
.mt10 {
 margin-top:10px!important
}
.mt20 {
 margin-top:20px!important
}
.mt30 {
 margin-top:30px!important
}
.mt40 {
 margin-top:40px!important
}
.mt50 {
 margin-top:50px!important
}
.mt60 {
 margin-top:60px!important
}
.mt70 {
 margin-top:70px!important
}
.mt80 {
 margin-top:80px!important
}
.mt90 {
 margin-top:90px!important
}
.mt100 {
 margin-top:100px!important
}
.pb0 {
 padding-bottom:0!important
}
.probootstrap-black-color {
 color:#000!important
}
.probootstrap-white-color {
 color:#fff!important
}
.probootstrap-primary-color {
 color:#B2D430!important
}
.probootstrap-secondary-color {
 color:#ddf0f3!important
}
@media screen and (max-width:768px) {
 .img-sm-responsive,.img-xs-responsive {
  max-width:100%
 }
}
@media screen and (max-width:480px) {
 .probootstrap-gutter60>div[class*=col-] {
  padding-right:15px;
  padding-left:15px
 }
 .col-xxs-12 {
  float:none;
  width:100%
 }
}
.probootstrap-loader {
 position:fixed;
 left:0;
 top:0;
 width:100vw;
 height:100vh;
 z-index:9999;
 background:url(../img/preloader.gif) center no-repeat #fff
}
.gototop {
 position:fixed;
 bottom:-20px;
 z-index:9999999;
 visibility:hidden;
 -webkit-transition:.3s all;
 transition:.3s all
}
.gototop.active {
 opacity:1;
 visibility:visible;
 bottom:20px
}
.gototop a {
 width:50px;
 height:50px;
 display:table;
 background:rgba(0,0,0,.5);
 color:#fff;
 text-align:center;
 border-radius:4px
}
.gototop a i {
 height:50px;
 display:table-cell;
 vertical-align:middle
}
.gototop a:active,.gototop a:focus,.gototop a:hover {
 text-decoration:none;
 outline:0;
 background:rgba(0,0,0,.9)
}