/*!==============================
 * Theme Name: Explorer
 * Theme URL: https://probootstrap.com/explorer-free-photography-website-template-using-bootstrap
 * Version: 1.0
 * Author: ProBootstrap.com
 * Author URL: https://probootstrap.com
 * License: Released for free under the Creative Commons Attribution 3.0 license (probootstrap.com/license)
 */
 .probootstrap-logo,
 body {
     font-family: Abel, sans-serif
 }
 
 .btn,
 .probootstrap-footer-widget .heading,
 .probootstrap-logo,
 .probootstrap-main-nav li a {
     letter-spacing: .1em;
     text-transform: uppercase
 }
 
 @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: #dbdbdbb3;
     font-size: 23px;
     line-height: 1.8;
     font-weight: 300;
     color: #38bf9a
 }
 
 ::selection {
     background: #5068A9;
     color: #fff
 }
 
 ::-moz-selection {
     background: #5068A9;
     color: #fff
 }
 
 .page-title h1,
 .probootstrap-card .probootstrap-card-text .probootstrap-card-heading,
 .probootstrap-panel .panel .panel-title,
 .section-heading h2,
 .service .heading,
 .service.left-icon h3,
 h1,
 h2,
 h3,
 h4 {
    
     line-height: 1.2;
     font-weight: 300;
     color: #00707d
 }
 
 .page-title h1,
 h1 {
     margin-top: 0;
     font-size: 1.602em
 }
 
 .section-heading h2,
 h2 {
     font-size: 1.424em
 }
 
 .probootstrap-card .probootstrap-card-text .probootstrap-card-heading,
 .service .heading,
 .service.left-icon h3,
 h3 {
     font-size: 1.266em
 }
 
 .probootstrap-panel .panel .panel-title,
 h4 {
     font-size: 1.125em
 }
 
 .font_small,
 small {
     font-size: .889em
 }
 
 figure,
 ol,
 p,
 ul {
    
 }
 
 a {
     -webkit-transition: .3s all;
     transition: .3s all;
     color: #00707d
 }
 
 a:focus,
 a:hover {
     color: #485d98;
     text-decoration: none !important
 }
 
 .probootstrap-header {
     padding-top: 15px;
     padding-bottom: 15px;
     width: 100%;
     z-index: 12;
     position: relative;
     background: #F2F2F2;
     top: 0
 }
 
 .probootstrap-logo {
     float: left;
     color: #00707d;
     padding-left: 0;
     font-size: 20px;
     display: block;
     font-weight: 900
 }
 
 .probootstrap-logo:active,
 .probootstrap-logo:focus,
 .probootstrap-logo:hover {
     color: #5068A9
 }
 
 @media screen and (max-width:768px) {
     .probootstrap-header {
         padding-top: 30px;
         padding-bottom: 30px
     }
 
     .probootstrap-logo {
         padding-left: 0
     }
 }
 
 .probootstrap-nav {
     float: right;
     margin: 2px 0 0
 }
 
 .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: #36a889;
     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;
     font-size: 16px;
     color: rgba(255, 255, 255, .5)
 }
 
 .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;
     font-size: 12px;
     font-weight: 700;
     letter-spacing: .1em;
     color: #fff
 }
 
 .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: 16px
 }
 
 .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;
     padding: 10px 0;
     color: #01af80;
 }
 
 .probootstrap-main-nav li a:hover {
     color: #8791a0
 }
 
 .probootstrap-mobile-menu-active.show .probootstrap-main-nav li a {
     color: #ffffff
 }
 
 .probootstrap-mobile-menu-active .probootstrap-main-nav li a {
     margin-bottom: 10px;
     padding: 5px 0;
     display: block
 }
 
 .probootstrap-mobile-menu-active .probootstrap-main-nav li a:hover {
     color: #fff
 }
 
 .probootstrap-main-nav li.active a,
 .probootstrap-main-nav li.active a:hover {
     color: #004d50
 }
 
 .probootstrap-header-social li a,
 .probootstrap-mobile-menu-active .probootstrap-main-nav li.active a {
     color: rgb(0, 0, 0)
 }
 
 .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-hover-overlay:before,
 .probootstrap-hover-overlay:hover:before,
 .probootstrap-mobile-menu-active.show .mobile-menu-overlay {
     opacity: 1;
     visibility: visible
 }
 
 .probootstrap-header-social {
     position: absolute;
     top: 34px;
     right: 60px
 }
 
 .probootstrap-header-social li {
     display: inline;
     list-style: none;
     margin-left: 5px
 }
 
 .probootstrap-right-nav {
     position: absolute;
     top: 3px;
     right: 0;
     margin: 0;
     padding: 0
 }
 
 .probootstrap-right-nav li {
     padding: 0;
     margin: 0;
     display: inline-block;
     zoom: 1;
     list-style: none
 }
 
 .probootstrap-right-nav li a {
     padding: 0 10px
 }
 
 .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: #a4abb6;
     font: 700 14px/.4 Helvetica, arial;
     text-transform: uppercase;
     text-indent: -55px;
     background: #a4abb6;
     -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: #a4abb6;
     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: 4px;
     -webkit-transition: .3s all ease-in;
     transition: .3s all ease-in;
     padding: 10px 15px;
    
 }
 
 .btn.btn-sm {
     font-size: 13px;
     padding: 5px 20px
 }
 
 .btn.btn-lg {
     line-height: 1.5;
     padding-top: 20px;
     padding-bottom: 20px
 }
 
 .btn.btn-primary {
     border: 2px solid #00707d;
     background: #00707d;
     color: #fff
 }
 
 .btn.btn-primary:active,
 .btn.btn-primary:focus,
 .btn.btn-primary:hover {
     background: #5f76b3;
     color: #fff;
     border: 2px solid #5f76b3
 }
 
 .btn.btn-primary:active,
 .btn.btn-primary:focus {
     outline: 0;
     border: 2px solid #5f76b3
 }
 
 .btn.btn-ghost {
     background: 0 0;
     border: 2px solid #5068A9;
     color: #5068A9
 }
 
 .btn.btn-ghost:hover {
     background: #5068A9;
     color: #fff;
     border: 2px solid #5068A9
 }
 
 .btn.btn-ghost:active,
 .btn.btn-ghost:focus {
     outline: 0;
     background: 0 0;
     color: #5068A9;
     border: 2px solid #5068A9
 }
 
 .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: #5068A9
 }
 
 .btn.btn-ghost.btn-ghost-white:active,
 .btn.btn-ghost.btn-ghost-white:focus {
     outline: 0;
     background: #fff;
     color: #5068A9;
     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 {
     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-cta,
 .probootstrap-footer {
     border-top: 2px solid rgba(255, 255, 255, .1)
 }
 
 .probootstrap-section.probootstrap-section-colored,
 .probootstrap-section.probootstrap-section-dark {
     background: #ddf0f3;
     background: -webkit-gradient(linear, left top, right top, from(#ddf0f3), to(#5068a9));
     background: linear-gradient(to right, #ddf0f3 0, #5068a9 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: #5068A9
 }
 
 .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: #222;
     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-section-lighter {
     background: #f7f7f7
 }
 
 @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, .6);
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: -1
 }
 
 .probootstrap-section.probootstrap-bg .heading {
     margin-top: 0;
     margin-bottom: 10px;
     color: #fff;
     font-family: Abel, sans-serif;
     font-size: 30px;
     line-height: 30px
 }
 
 .probootstrap-cta :last-child,
 .probootstrap-panel .panel .panel-body :last-child {
     margin-bottom: 0
 }
 
 .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-cta {
     border-bottom: 2px solid rgba(255, 255, 255, .1);
     padding: 50px 0;
     float: left;
     width: 100%
 }
 
 .probootstrap-cta.border-bototm-none {
     border-bottom: none
 }
 
 .probootstrap-cta h2 {
     margin-top: 0;
     margin-bottom: 0;
     text-transform: uppercase
 }
 
 .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
 }
 
 .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 {
     padding: 5em 0
 }
 
 .probootstrap-footer .probootstrap-copyright {
     float: left
 }
 
 @media screen and (max-width:768px) {
     .probootstrap-footer {
         padding: 3em 0
     }
 
     .probootstrap-footer .probootstrap-copyright {
         float: none
     }
 }
 
 .probootstrap-footer .probootstrap-social {
     float: right
 }
 
 @media screen and (max-width:768px) {
     .probootstrap-footer .probootstrap-social {
         float: none
     }
 }
 
 .probootstrap-footer-widget {
     float: left;
     width: 100%;
     margin-bottom: 30px
 }
 
 .probootstrap-footer-widget .heading {
     font-size: 14px;
     margin-bottom: 30px;
     font-weight: 400
 }
 
 .probootstrap-footer-widget.right {
     text-align: right
 }
 
 .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 0 10px
 }
 
 .stack-link small {
     font-size: 12px;
     color: rgba(255, 255, 255, .2)
 }
 
 .stack-link a:hover small {
     color: #fff
 }
 
 .section-heading {
     margin-bottom: 50px
 }
 
 .section-heading h2 {
     font-weight: 300;
     text-transform: uppercase;
     font-family: Abel, sans-serif
 }
 
 .lead {
     font-size: 1.125em;
     line-height: 1.65
 }
 
 .img-bg {
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
     height: 500px;
     margin-bottom: 16px;
     display: block
 }
 
 @media screen and (max-width:1200px) {
     .img-bg {
         height: 350px
     }
 }
 
 .img-bg .probootstrap-photo-details {
     text-align: left;
     bottom: 20px;
     left: 20px;
     position: absolute
 }
 
 .img-bg .probootstrap-photo-details h2,
 .img-bg .probootstrap-photo-details p {
     color: #fff;
     position: relative
 }
 
 .img-bg .probootstrap-photo-details h2 {
     margin: 0;
     -webkit-transition: .3s all ease;
     transition: .3s all ease
 }
 
 .img-bg .probootstrap-photo-details p {
     margin: 0;
     padding: 0;
     color: rgba(255, 255, 255, .5);
     -webkit-transition: .3s all ease;
     transition: .3s all ease
 }
 
 .img-bg:hover h2,
 .img-bg:hover p {
     margin-left: 10px
 }
 
 figure {
     margin-bottom: 30px
 }
 
 figure figcaption {
     margin-top: 20px;
     display: block;
     color: rgba(255, 255, 255, .3);
     font-size: 14px;
     font-style: italic;
     -webkit-transition: .3s all ease;
     transition: .3s all ease
 }
 
 figure:focus figcaption,
 figure:hover figcaption {
     color: rgba(255, 255, 255, .9)
 }
 
 .img-border {
     border: 2px solid rgba(255, 255, 255, .1);
     padding: 10px
 }
 
 .probootstrap-panel .panel {
     background: 0 0;
     border: none;
     margin-bottom: 0 !important;
     margin-top: 0 !important
 }
 
 .probootstrap-panel .panel .panel-title {
     margin: 0 !important;
     padding: 0 !important
 }
 
 .probootstrap-panel .panel .panel-heading {
     background: 0 0;
     border-bottom: 2px solid rgba(255, 255, 255, .1)
 }
 
 .probootstrap-panel .panel .panel-heading a {
     padding-top: 10px !important;
     padding-bottom: 15px !important;
     display: block;
     color: rgba(255, 255, 255, .5);
     position: relative
 }
 
 .probootstrap-panel .panel .panel-heading a:after,
 .probootstrap-panel .panel .panel-heading a[aria-expanded=true]:after {
     font-family: icomoon;
     font-weight: 400;
     text-transform: none;
     line-height: 1;
     position: absolute;
     top: 50%;
     right: 0;
     speak: none;
     font-style: normal;
     font-variant: normal;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }
 
 .probootstrap-panel .panel .panel-heading a:after {
     content: "\e9f7";
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%)
 }
 
 .probootstrap-panel .panel .panel-heading a:hover {
     color: #fff
 }
 
 .probootstrap-panel .panel .panel-heading a[aria-expanded=true] {
     color: #5068A9
 }
 
 .probootstrap-panel .panel .panel-heading a[aria-expanded=true]:after {
     content: "\e9e3";
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%)
 }
 
 .probootstrap-panel .panel .panel-body {
     border: none !important
 }
 
 .probootstrap-video {
     position: relative
 }
 
 .probootstrap-video .probootstrap-video-play {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 10
 }
 
 .probootstrap-video .probootstrap-video-play i {
     position: absolute;
     top: 50%;
     left: 50%;
     font-size: 40px;
     color: rgba(255, 255, 255, .4);
     -webkit-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
     -webkit-transition: .3s all ease;
     transition: .3s all ease
 }
 
 .probootstrap-card.probootstrap-listing .probootstrap-card-media,
 .slides-text {
     position: relative
 }
 
 .probootstrap-video .probootstrap-video-play:hover i {
     color: #fff
 }
 
 .probootstrap-video .probootstrap-video-play:active,
 .probootstrap-video .probootstrap-video-play:focus {
     outline: 0
 }
 
 .slides-text {
     z-index: 99;
     padding-top: 350px;
     max-width: 600px;
     margin: 0 auto
 }
 
 .slides-text h2 {
     font-weight: 100;
     font-size: 50px;
     color: #fff;
     text-transform: uppercase
 }
 
 @media screen and (max-width:768px) {
     .probootstrap-footer-widget.right {
         text-align: left
     }
 
     .slides-text h2 {
         font-size: 30px
     }
 }
 
 .slides-text p {
     font-size: 18px
 }
 
 @media screen and (max-width:768px) {
     .slides-text p {
         font-size: 16px
     }
 
     .slides-text {
         padding-top: 150px
     }
 }
 
 .probootstrap-card {
     margin-bottom: 30px;
     float: left;
     width: 100%
 }
 
 .probootstrap-card .probootstrap-card-media.icon {
     font-size: 30px
 }
 
 .probootstrap-card .probootstrap-card-media.svg-sm .svg {
     height: 80px;
     margin-bottom: 0
 }
 
 .probootstrap-card .probootstrap-card-media.colored .svg {
     fill: #5068A9
 }
 
 .probootstrap-card .probootstrap-card-text {
     padding: 20px
 }
 
 .probootstrap-card .probootstrap-card-text .probootstrap-card-heading {
     margin-top: 0;
     margin-bottom: 20px
 }
 
 .probootstrap-card .probootstrap-card-text p:last-child {
     margin-bottom: 0
 }
 
 .probootstrap-card.probootstrap-listing {
     margin-bottom: 20px;
     background: #fff;
     float: left;
     width: 100%;
     -webkit-transition: .3s all ease-in-out;
     transition: .3s all ease-in-out;
     position: relative;
     top: 0
 }
 
 .probootstrap-card.probootstrap-listing .probootstrap-card-media .probootstrap-love {
     width: 40px;
     height: 40px;
     line-height: 40px;
     border-radius: 50%;
     text-align: center;
     position: absolute;
     bottom: -20px;
     right: 15px;
     background: #fff;
     -webkit-transition: .3s all ease-in;
     transition: .3s all ease-in;
     display: inline-block;
     zoom: 1;
     -webkit-box-shadow: 0 6px 8px -6px rgba(0, 0, 0, .1);
     box-shadow: 0 6px 8px -6px rgba(0, 0, 0, .1)
 }
 
 .probootstrap-card.probootstrap-listing .probootstrap-card-media .probootstrap-love:focus,
 .probootstrap-card.probootstrap-listing .probootstrap-card-media .probootstrap-love:hover {
     -webkit-box-shadow: 0 2px 8px -6px rgba(0, 0, 0, .7);
     box-shadow: 0 2px 8px -6px rgba(0, 0, 0, .7);
     background: #5068A9;
     color: #fff
 }
 
 .probootstrap-card.probootstrap-listing .probootstrap-card-media .probootstrap-love.active {
     -webkit-box-shadow: 0 6px 8px -6px rgba(0, 0, 0, .1);
     box-shadow: 0 6px 8px -6px rgba(0, 0, 0, .1);
     background: #5068A9;
     color: #fff
 }
 
 .probootstrap-card.probootstrap-listing .probootstrap-card-text .probootstrap-listing-location {
     display: table;
     margin-bottom: 20px
 }
 
 .probootstrap-card.probootstrap-listing .probootstrap-card-text .probootstrap-listing-location i,
 .probootstrap-card.probootstrap-listing .probootstrap-card-text .probootstrap-listing-location span {
     display: table-cell;
     vertical-align: top
 }
 
 .probootstrap-card.probootstrap-listing .probootstrap-card-text .probootstrap-listing-location i {
     position: relative;
     top: 2px;
     width: 25px
 }
 
 .probootstrap-card.probootstrap-listing .probootstrap-card-text .probootstrap-listing-location span {
     font-weight: 400;
     font-size: 14px;
     color: #bdbdbd
 }
 
 .probootstrap-card.probootstrap-listing .probootstrap-card-text .probootstrap-listing-category {
     margin-bottom: 5px
 }
 
 .probootstrap-card.probootstrap-listing .probootstrap-card-text .probootstrap-listing-category span {
     display: inline-block;
     zoom: 1;
     padding: 2px 10px;
     border-radius: 4px;
     color: #fff;
     text-transform: uppercase;
     font-size: 10px
 }
 
 .probootstrap-card.probootstrap-listing .probootstrap-card-text .probootstrap-listing-category.for-sale span {
     background: #22EAAA
 }
 
 .probootstrap-card.probootstrap-listing .probootstrap-card-text .probootstrap-listing-category.for-rent span {
     background: #EE5A5A
 }
 
 .probootstrap-card.probootstrap-listing .probootstrap-card-text .probootstrap-listing-price {
     font-size: 16px;
     color: #bdbdbd
 }
 
 .probootstrap-card.probootstrap-listing .probootstrap-card-text .probootstrap-listing-price strong {
     font-size: 30px;
     font-weight: 300;
     color: #5068A9
 }
 
 .probootstrap-card.probootstrap-listing .probootstrap-card-extra {
     float: left;
     background: #fff;
     width: 100%;
     border-top: 1px solid #f0f0f0
 }
 
 .probootstrap-card.probootstrap-listing .probootstrap-card-extra ul {
     padding: 0 20px;
     margin: 0
 }
 
 .probootstrap-card.probootstrap-listing .probootstrap-card-extra ul li {
     width: 25%;
     float: left;
     padding: 10px 0;
     margin: 0;
     list-style: none;
     font-size: 12px;
     color: #000
 }
 
 .probootstrap-card.probootstrap-listing .probootstrap-card-extra ul li span {
     display: block;
     color: #bdbdbd
 }
 
 .probootstrap-card.probootstrap-listing:focus,
 .probootstrap-card.probootstrap-listing:hover {
     top: -20px;
     -webkit-box-shadow: 0 6px 68px -6px rgba(0, 0, 0, .2);
     box-shadow: 0 6px 68px -6px rgba(0, 0, 0, .2)
 }
 
 .probootstrap-card.probootstrap-person {
     margin-bottom: 30px;
     padding: 15px;
     border: 2px solid rgba(255, 255, 255, .1)
 }
 
 .probootstrap-card.probootstrap-person h2 {
     color: #fff !important
 }
 
 .probootstrap-card.probootstrap-person .probootstrap-card-media {
     padding-top: 30px
 }
 
 .probootstrap-card.probootstrap-person .probootstrap-card-media img {
     height: 200px;
     margin: 0 auto;
     border-radius: 50%
 }
 
 .probootstrap-card.probootstrap-person small {
     color: rgba(255, 255, 255, .3);
     font-weight: 400
 }
 
 .page-title {
     margin-top: 120px;
     margin-bottom: 50px;
     text-align: left;
     float: left;
     width: 100%
 }
 
 .page-title h1 {
     text-transform: uppercase;
     color: #fff;
     font-weight: 300
 }
 
 .probootstrap-home-search {
     padding: 30px;
     background: rgba(0, 0, 0, .85);
     margin-top: 300px;
     color: #fff;
     text-align: center;
     float: left;
     width: 100%;
     border-radius: 4px;
     -webkit-box-shadow: 0 6px 68px -6px rgba(0, 0, 0, .7);
     box-shadow: 0 6px 68px -6px rgba(0, 0, 0, .7)
 }
 
 @media screen and (max-width:768px) {
 
     .probootstrap-card.probootstrap-listing:focus,
     .probootstrap-card.probootstrap-listing:hover {
         top: 0
     }
 
     .probootstrap-home-search {
         margin-top: 100px
     }
 }
 
 .probootstrap-home-search form {
     float: left;
     width: 100%;
     margin-bottom: 20px
 }
 
 .probootstrap-home-search a {
     color: rgba(255, 255, 255, .7);
     text-decoration: underline
 }
 
 .probootstrap-home-search a:hover {
     color: #fff
 }
 
 .probootstrap-home-search .heading {
     font-size: 24px;
     color: #fff;
     margin-top: 0;
     margin-bottom: 10px;
     font-weight: 300
 }
 
 .probootstrap-home-search .probootstrap-field-group .probootstrap-fields {
     width: calc(100% - 200px);
     text-align: left;
     float: left
 }
 
 @media screen and (max-width:768px) {
     .probootstrap-home-search .probootstrap-field-group .probootstrap-fields {
         width: 100%
     }
 }
 
 .probootstrap-home-search .probootstrap-field-group .probootstrap-fields input,
 .probootstrap-home-search .probootstrap-field-group .probootstrap-fields select {
     border-radius: 0;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     height: 50px;
     font-size: 16px;
     -webkit-box-shadow: none;
     box-shadow: none;
     border: none;
     width: 100%
 }
 
 .probootstrap-home-search .probootstrap-field-group .probootstrap-fields input:active,
 .probootstrap-home-search .probootstrap-field-group .probootstrap-fields input:focus,
 .probootstrap-home-search .probootstrap-field-group .probootstrap-fields select:active,
 .probootstrap-home-search .probootstrap-field-group .probootstrap-fields select:focus {
     -webkit-box-shadow: none;
     box-shadow: none;
     outline: 0 !important
 }
 
 .probootstrap-home-search .probootstrap-field-group .probootstrap-fields .search-category,
 .probootstrap-home-search .probootstrap-field-group .probootstrap-fields .search-field {
     position: relative
 }
 
 .probootstrap-home-search .probootstrap-field-group .probootstrap-fields .search-category i,
 .probootstrap-home-search .probootstrap-field-group .probootstrap-fields .search-field i {
     position: absolute;
     color: rgba(0, 0, 0, .3);
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%)
 }
 
 .probootstrap-home-search .probootstrap-field-group .probootstrap-fields .search-field {
     float: left;
     width: 60%
 }
 
 @media screen and (max-width:768px) {
     .probootstrap-home-search .probootstrap-field-group .probootstrap-fields .search-field {
         width: 100%;
         border-bottom: 1px solid #f1f1f1
     }
 }
 
 .probootstrap-home-search .probootstrap-field-group .probootstrap-fields .search-field i {
     left: 10px
 }
 
 .probootstrap-home-search .probootstrap-field-group .probootstrap-fields .search-field input {
     padding-left: 40px
 }
 
 .probootstrap-home-search .probootstrap-field-group .probootstrap-fields .search-category {
     width: 40%;
     float: left;
     position: relative
 }
 
 @media screen and (max-width:768px) {
     .probootstrap-home-search .probootstrap-field-group .probootstrap-fields .search-category {
         width: 100%
     }
 }
 
 .probootstrap-home-search .probootstrap-field-group .probootstrap-fields .search-category i {
     right: 10px
 }
 
 .probootstrap-home-search .probootstrap-field-group .probootstrap-fields .search-category:before {
     content: "";
     position: absolute;
     top: 7px;
     bottom: 7px;
     left: 0;
     width: 1px;
     background: rgba(0, 0, 0, .1)
 }
 
 #map,
 .probootstrap-cart a,
 .t2 {
     position: relative
 }
 
 .probootstrap-home-search .probootstrap-field-group .btn {
     border-radius: 0;
     height: 50px;
     width: 200px;
     float: right;
     padding: 0
 }
 
 .t2 {
     top: 2px
 }
 
 .image-popup {
     margin-bottom: 30px;
     float: left;
     width: 100%
 }
 
 #map {
     width: 100%;
     height: 500px
 }
 
 @media screen and (max-width:768px) {
     .probootstrap-home-search .probootstrap-field-group .btn {
         width: 100%
     }
 
     #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: #5068A9;
     color: #fff
 }
 
 .media-item,
 .product-item {
     -webkit-box-shadow: 0 6px 68px -6px rgba(0, 0, 0, .09);
     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-half {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap
 }
 
 .probootstrap-half .image-wrap,
 .probootstrap-half .text {
     width: 50%
 }
 
 .probootstrap-half .image-wrap {
     overflow: hidden
 }
 
 @media screen and (max-width:1000px) {
 
     .probootstrap-half .image-wrap,
     .probootstrap-half .text {
         width: 100%
     }
 
     .probootstrap-half .image-wrap {
         height: 400px;
         width: 100%
     }
 }
 
 .probootstrap-half .image {
     width: 100%;
     height: 100%;
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
     -webkit-transition: .8s all ease-in-out;
     transition: .8s all ease-in-out;
     background-color: #5068A9
 }
 
 .probootstrap-half .text {
     padding: 100px;
     background: #222
 }
 
 .probootstrap-half .text .subtitle {
     color: rgba(255, 255, 255, .2)
 }
 
 .probootstrap-card .probootstrap-card-text .probootstrap-half .text .probootstrap-card-heading,
 .probootstrap-half .text .probootstrap-card .probootstrap-card-text .probootstrap-card-heading,
 .probootstrap-half .text .probootstrap-panel .panel .panel-title,
 .probootstrap-half .text .service .heading,
 .probootstrap-half .text h2,
 .probootstrap-half .text h3,
 .probootstrap-half .text h4,
 .probootstrap-half .text h5,
 .probootstrap-panel .panel .probootstrap-half .text .panel-title,
 .service .probootstrap-half .text .heading {
     color: #fff
 }
 
 .probootstrap-card .probootstrap-card-text .probootstrap-half .text .probootstrap-card-heading,
 .probootstrap-half .text .probootstrap-card .probootstrap-card-text .probootstrap-card-heading,
 .probootstrap-half .text .service .heading,
 .probootstrap-half .text h3,
 .service .probootstrap-half .text .heading {
     line-height: 30px;
     font-size: 30px;
     margin-bottom: 30px
 }
 
 @media screen and (max-width:768px) {
 
     .probootstrap-card .probootstrap-card-text .probootstrap-half .text .probootstrap-card-heading,
     .probootstrap-half .text .probootstrap-card .probootstrap-card-text .probootstrap-card-heading,
     .probootstrap-half .text .service .heading,
     .probootstrap-half .text h3,
     .service .probootstrap-half .text .heading {
         font-size: 24px;
         line-height: 24px
     }
 }
 
 .probootstrap-half .text p {
     color: rgba(255, 255, 255, .5);
     line-height: 1.5
 }
 
 .probootstrap-half.reverse {
     position: relative
 }
 
 .probootstrap-half.reverse .image-wrap {
     position: absolute;
     right: 0;
     top: 0;
     height: 100%
 }
 
 @media screen and (max-width:1000px) {
     .probootstrap-half .text {
         width: 100%;
         padding: 30px 15px;
         float: left
     }
 
     .probootstrap-half.reverse .image-wrap {
         position: relative;
         height: 400px
     }
 }
 
 .probootstrap-half .btn-ghost-white {
     border-color: rgba(255, 255, 255, .2) !important
 }
 
 .probootstrap-half .btn-ghost-white:active,
 .probootstrap-half .btn-ghost-white:focus,
 .probootstrap-half .btn-ghost-white:hover {
     background: 0 0 !important;
     color: #fff !important;
     border-color: #5068a9 !important
 }
 
 .probootstrap-half .service-item {
     position: relative;
     width: 100%;
     float: left;
     margin-bottom: 30px
 }
 
 .probootstrap-half .service-item .number {
     font-weight: 700;
     font-size: 100px;
     left: 0;
     margin-left: -50px;
     top: 0;
     color: rgba(255, 255, 255, .05);
     z-index: 1;
     line-height: 100px;
     position: absolute
 }
 
 .probootstrap-lg-service {
     margin-bottom: 160px
 }
 
 .probootstrap-lg-service .icon {
     text-align: center
 }
 
 @media screen and (max-width:992px) {
 
     .probootstrap-lg-service,
     .probootstrap-lg-service .icon {
         margin-bottom: 40px
     }
 }
 
 .probootstrap-lg-service .icon i {
     font-size: 200px;
     color: #5068A9
 }
 
 .probootstrap-hover-overlay {
     position: relative;
     display: block;
     overflow: hidden;
     -webkit-transition: .7s all ease-out;
     transition: .7s all ease-out;
     margin-bottom: 10px
 }
 
 .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;
     content: "";
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     position: absolute;
     background: rgba(0, 0, 0, .5);
     z-index: 2
 }
 
 .probootstrap-hover-overlay .probootstrap-text-overlay {
     text-align: center;
     position: absolute;
     z-index: 20;
     left: 50%;
     top: 50%;
     -webkit-transition: .4s all ease-out;
     transition: .4s all ease-out;
     opacity: 1;
     visibility: visible;
     -webkit-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%)
 }
 
 .probootstrap-card .probootstrap-card-text .probootstrap-hover-overlay .probootstrap-text-overlay .probootstrap-card-heading,
 .probootstrap-hover-overlay .probootstrap-text-overlay .probootstrap-card .probootstrap-card-text .probootstrap-card-heading,
 .probootstrap-hover-overlay .probootstrap-text-overlay .service .heading,
 .probootstrap-hover-overlay .probootstrap-text-overlay h3,
 .service .probootstrap-hover-overlay .probootstrap-text-overlay .heading {
     color: #fff;
     margin-bottom: 0;
     margin-top: 0
 }
 
 .probootstrap-hover-overlay .probootstrap-text-overlay p {
     color: rgba(255, 255, 255, .8);
     font-size: 12px
 }
 
 .probootstrap-hover-overlay .probootstrap-text-overlay p:last-child {
     margin-bottom: 0
 }
 
 .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 .probootstrap-panel .panel .panel-title,
 .probootstrap-block-image h4,
 .probootstrap-panel .panel .probootstrap-block-image .panel-title {
     font-size: 20px;
     text-transform: uppercase
 }
 
 .probootstrap-social {
     padding: 0;
     margin: 0
 }
 
 .probootstrap-social li {
     display: inline;
     padding: 0;
     margin: 0;
     list-style: none
 }
 
 .probootstrap-social li a {
     padding: 10px;
     font-size: 22px
 }
 
 .probootstrap-social li a:hover {
     text-decoration: none !important
 }
 
 .probootstrap-social li:first-child>a {
     padding-left: 0
 }
 
 .service {
     margin-bottom: 30px;
     float: left;
     width: 100%;
     padding: 20px;
     border-radius: 0
 }
 
 .service .icon {
     position: relative;
     display: block;
     margin: 0 auto;
     text-align: center
 }
 
 .service .icon i {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
     font-size: 30px;
     color: #5068A9
 }
 
 .service p:last-child {
     margin-bottom: 0
 }
 
 .service.left-icon {
     padding: 0;
     border: none;
     margin-bottom: 50px !important;
     display: table
 }
 
 .service.left-icon .icon,
 .service.left-icon .text {
     display: table-cell;
     vertical-align: top !important
 }
 
 .service.left-icon .icon {
     height: 10px !important;
     width: 90px;
     position: relative;
     top: 0;
     border: none
 }
 
 .service.left-icon .icon i {
     font-size: 40px;
     position: absolute;
     top: 20px
 }
 
 .service.left-icon .text {
     display: table-cell
 }
 
 .probootstrap-card .probootstrap-card-text .service.left-icon .probootstrap-card-heading,
 .service.left-icon .heading,
 .service.left-icon .probootstrap-card .probootstrap-card-text .probootstrap-card-heading,
 .service.left-icon h3 {
     margin-top: 0;
     margin-bottom: 10px
 }
 
 .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 .form-note-link {
     font-weight: 400
 }
 
 .probootstrap-form .form-note-link a,
 .probootstrap-form .form-note-link a:active,
 .probootstrap-form .form-note-link a:focus,
 .probootstrap-form .form-note-link a:hover {
     color: rgba(255, 255, 255, .4)
 }
 
 .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: 18px;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     border-radius: 4px;
     border: 2px solid #C0C5CD;
     background: 0 0;
     -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: #5068A9
 }
 
 .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
 }
 
 .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: #5068A9
 }
 
 .probootstrap-section-heading .sub-heading {
     font-size: 14px;
     text-transform: uppercase;
     letter-spacing: .2em;
     margin-top: 0
 }
 
 .probootstrap-section-heading .heading {
     margin-top: 0
 }
 
 .row.heading h2 {
     font-size: 28px
 }
 
 .flexslider,
 .flexslider .slides>li,
 .flexslider2,
 .flexslider2 .slides>li,
 .slider-height {
     height: 800px;
     overflow: hidden
 }
 
 @media screen and (max-width:480px) {
 
     .flexslider,
     .flexslider .slides>li,
     .flexslider2,
     .flexslider2 .slides>li,
     .slider-height {
         height: inherit;
         height: 500px
     }
 
     .flexslider .flex-direction-nav,
     .flexslider2 .flex-direction-nav {
         display: none
     }
 }
 
 .flexslider,
 .flexslider2 {
     position: relative;
     z-index: 2;
     background: 0 0;
     border: none;
     margin: 0;
     border-radius: 0;
     color: rgba(255, 255, 255, .7)
 }
 
 .flexslider .overlay,
 .flexslider2 .overlay {
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     z-index: 3;
     background: rgba(0, 0, 0, .5)
 }
 
 .flexslider.page-inner,
 .flexslider.page-inner .slides>li,
 .flexslider2.page-inner,
 .flexslider2.page-inner .slides>li {
     height: 400px
 }
 
 .flexslider .btn,
 .flexslider2 .btn {
     padding: 15px 30px
 }
 
 .flexslider .probootstrap-heading,
 .flexslider2 .probootstrap-heading {
     color: #fff;
     font-weight: 300;
     font-size: 170px;
     line-height: 60px;
     font-family: Abel, sans-serif;
     text-transform: uppercase
 }
 
 @media screen and (max-width:768px) {
 
     .flexslider .probootstrap-heading,
     .flexslider2 .probootstrap-heading {
         font-size: 90px;
         line-height: 70px
     }
 }
 
 .flexslider .probootstrap-heading a,
 .flexslider2 .probootstrap-heading a {
     color: rgba(255, 255, 255, .8);
     border-bottom: 2px solid rgba(255, 255, 255, .2)
 }
 
 .flexslider .probootstrap-heading a:hover,
 .flexslider2 .probootstrap-heading a:hover {
     border-bottom: 2px solid #fff
 }
 
 .flexslider .probootstrap-sub-wrap,
 .flexslider2 .probootstrap-sub-wrap {
     max-width: 600px;
     text-align: left;
     font-size: 20px;
     line-height: 1.5
 }
 
 .flexslider .probootstrap-sub-wrap a,
 .flexslider2 .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,
 .flexslider2 .probootstrap-sub-wrap a:hover {
     border-bottom: 2px solid #fff
 }
 
 .flexslider .text-center .probootstrap-sub-wrap,
 .flexslider2 .text-center .probootstrap-sub-wrap {
     margin: 0 auto;
     text-align: center
 }
 
 .flexslider .slides>li,
 .flexslider2 .slides>li {
     background-size: cover;
     background-position: center center;
     background-repeat: none
 }
 
 .flexslider .slides>li.overlay:before,
 .flexslider2 .slides>li.overlay:before {
     content: "";
     background: rgba(255, 255, 255, .5);
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0
 }
 
 .flexslider .slides>li.overlay2:before,
 .flexslider2 .slides>li.overlay2:before {
     content: "";
     background: rgba(0, 0, 0, .8);
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0
 }
 
 .flexslider .flex-control-paging,
 .flexslider2 .flex-control-paging {
     position: absolute;
     bottom: 30px;
     z-index: 20
 }
 
 .flexslider .flex-direction-nav a,
 .flexslider2 .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,
 .flexslider2 .flex-direction-nav a:active,
 .flexslider2 .flex-direction-nav a:focus,
 .flexslider2 .flex-direction-nav a:hover {
     outline: 0
 }
 
 .flexslider .flex-direction-nav a:before,
 .flexslider2 .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,
 .flexslider2 .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: 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;
     border: 2px solid transparent
 }
 
 .flex-control-paging li a:hover {
     background: #333;
     background: rgba(255, 255, 255, .8)
 }
 
 .flex-control-paging li a.flex-active {
     background: 0 0;
     cursor: default;
     border: 2px solid #fff
 }
 
 .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-gutter16>div[class*=col-] {
     padding-right: 8px;
     padding-left: 8px
 }
 
 @media screen and (max-width:480px) {
     .probootstrap-gutter16>div[class*=col-] {
         padding-right: 8px;
         padding-left: 8px
     }
 }
 
 .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: #5068A9 !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)
 }