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

    Template Name: Adventures 
    Template URI: http://power-boosts.com
    Description: This is html5 template
    Author: Power-Boosts
    Author URI: http://power-boosts.com
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Theme Default CSS (body, link color, section etc)
    2. Header Area CSS
        2.1 Header Top
        2.2 Header Logo Menu
            2.2.1 Logo
            2.2.2 Mainmenu
        2.3 Mobile Menu
    3. Slider Area
    4. Service Area
    5. About Area
    6. Portfolio Area
    7. Fun Factor Area
    8. Best Sell Area
    9. Newsletter Area
    10. Blog Area
    11. Team Area
    12. Partner Area
    13. Footer Widget Area
    14. Footer Area
    15. Home Two Start
        15.1 Home Two Slider
        15.2 Service About Area
        15.3 Home Two Portfolio Area
        15.4 Home Two Fun Factor Area
        15.5 Home Two Best Sell Area
        15.6 Home Two Blog Area
        15.7 Home Two Footer
    16. Home Three Start
        16.1 Home Three Header
        16.2 Home Three Slider
            16.2.1 Home Three Slider Text
            16.2.2 Home Three Slider Icon
        16.3 Home Three About Area
        16.4 Home Three Portfolio Area
        16.5 Home Three Fun Factor Area
        16.6 Home Three Best Sell Area
        16.7 Home Three Newsletter Area
        16.8 Home Three Blog Area
        16.9 Home Three Footer
    17. Shop Grid No Sidebar Page
    18. Shop Grid With Sidebar Page
        18.1 Shop Grid Sidebar
        18.2 Shop Grid Content
    19. Shop List Page
    20. Product Details Page
        20.1 Trip Information Area
        20.2 Trip Inclution
        20.3 Trip Pricing Area
    21. Product Details Two Page
        21.1 Trip Gallery
    22. Blog Page
        22.1 Blog Page Sidebar
        22.2 Blog Page Content
    23. Blog Page Two
    24. Blog Deatils Page
    25. 404 Error Page
    26. Contact Page
    27. Signin Page
    28. About Page
        28.1 About Information Area
        28.2 About Adventures
        28.3 About Service Area
        28.4 Skills Area
        28.5 Advertise Area

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

/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
html, body {height: 100%;}
html {
  scroll-behavior: smooth;
}
#form {
    scroll-margin-top: 70px;
}
.floatleft {float:left !important;}
.floatright {float:right !important;}
.floatnone {float:none !important;}
.alignleft {text-align:left !important;}
.alignright {text-align:right !important;}
.aligncenter {text-align:center !important;}
.no-display { display:none; }
.no-margin { margin:0 !important; }
.no-padding { padding:0 !important; }
a:focus, button:focus {outline:0px solid}
input:focus {box-shadow: 0; outline: 0}
textarea {box-shadow: 0; outline: 0}
img {
    max-width:100%;
    height:auto;
    border:0; 
    vertical-align:top;
}
.fix {overflow:hidden}
p {}
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 10px;
    font-family: 'Lato', sans-serif;/*Raleway fuente anterior a la correción*/
    font-weight: 700!important;
}
a {transition: all 0.3s ease 0s;text-decoration:none; color: #000}
a:hover {
    color: #4c4c4c;
    text-decoration: none;
}
a:active, a:hover, a:focus {outline: 0 none; text-decoration: none}
ul{
    list-style: outside none none;
    margin: 0;
    padding: 0
}
.clear{clear:both}
::-moz-selection {background: #b3d4fc; text-shadow: none}
::selection {background: #b3d4fc; text-shadow: none}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
::-webkit-input-placeholder {opacity: 1 !important}
:-moz-placeholder {opacity: 1 !important}
::-moz-placeholder {opacity: 1 !important}
:-ms-input-placeholder {opacity: 1 !important}
body {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
}
.container { width: 1200px}
.section-padding {
    padding-top: 100px;
    /* padding-bottom: 100px */
}
.section-bottom-padding {padding-bottom: 100px} 
.section-margin {
    margin-top: 100px;
    margin-bottom: 100px
}
.section-title { margin-bottom: 80px}
.section-title h1 {
    display: inline-block;
    font-size: 35px;
    font-weight: 300;
    line-height: 32px;
    margin-bottom: 18px;
    padding-bottom: 38px;
    position: relative;
    text-transform: uppercase;
}
.section-title h1 span {font-weight: 700}
.section-title h1::before {
    background: #bcbcbc none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -193.5px;
    position: absolute;
    text-align: center;
    width: 160px;
}
.section-title h1::after {
    background: #bcbcbc none repeat scroll 0 0;
    bottom: 0px;
    content: "";
    height: 1px;
    right: 50%;
    margin-right: -193.5px;
    position: absolute;
    text-align: center;
    width: 160px;
}
.title-border { position: relative}
.title-border::after {
    background: rgba(0, 0, 0, 0) url("../img/icon/title-icon-2.png") no-repeat scroll 0 0;
    bottom: 11px;
    content: "";
    height: 22px;
    left: 50%;
    margin-left: -34.5px;
    position: absolute;
    width: 67px;
}
.section-title p {
    font-size: 16px;
    line-height: 26px;
}
.section-title.title-two h1 { padding-bottom: 48px}
.section-title.title-two .title-border::after {
    background: rgba(0, 0, 0, 0) url("../img/icon/title2-icon-1.png") no-repeat scroll 0 0;
    bottom: 16px;
}
.section-title.title-two h1 span { color: #ffae00}
.section-title.title-two p { color: #181818}
.section-title.title-three h1 span { color: #005cb9}
.text-white {color: #fff !important}
.section-grey {background: #EDECEC}
.owl-theme .owl-controls {margin-top: 0}
.carousel-style-one .owl-controls .owl-buttons {
    position: absolute;
    right: 12px;
    top: -79px;
}
.carousel-style-one .owl-controls .owl-buttons div {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    color: #ffffff;
    margin-left: 0;
    opacity: 1;
    position: relative;
    height: 25px;
    transition: all 0.3s ease-in 0s
}
.carousel-style-one .owl-controls .owl-buttons div::after {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #979797;
    content: "";
    height: 25px;
    left: 0;
    position: absolute;
    top: 0;
    transform: skewX(-10deg);
    width: 100%;
    transition: all 0.3s ease-in 0s
}
.carousel-style-one .owl-controls .owl-buttons div i {
    color: #979797;
    font-size: 15px;
}
.carousel-style-one .owl-controls .owl-buttons div:hover:after {border-color: #000}
.carousel-style-one .owl-controls .owl-buttons div:hover i {
    color: #000;
    transition: all 0.3s ease-in 0s
}
.carousel-style-two .owl-buttons div i {
    color: #afafaf;
    font-size: 45px;
}
.carousel-style-two.owl-theme .owl-controls .owl-buttons div {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    left: -25px;
    opacity: 0;
    position: absolute;
    top: 31%;
    transition: all 0.3s ease-in 0s;
}
.carousel-style-two .owl-buttons div i:hover {color: #999999}
.carousel-style-two.owl-theme .owl-controls .owl-buttons .owl-next {
    left: auto;
    right: -25px;
}
.carousel-style-two.owl-theme:hover .owl-controls .owl-buttons div {opacity: 1}
/*----------------------------------------*/
/*  2. Header Area CSS
/*----------------------------------------*/
header {
    left: 0;
    position: absolute;
    right: 0;
    top: 8px;
    z-index: 999998;
}
/*----------------------------------------*/
/*  2.1 Header Top
/*----------------------------------------*/
.header-top {
    padding: 10px 0;
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
}
.currency-menu {float: left; padding-right: 12px}
.currency-language, .header-top-right {
    opacity: 1;
    position: relative;
    z-index: 99;
}
.currency-menu > ul, .language-menu > ul {
    display: inline-flex;
    flex-flow: row wrap;
    width: 100%;
}
.currency-menu > ul > li, .language-menu > ul > li {position: relative; display: inline-flex; align-items: center;color: white;margin-right: 20px;}
.currency-menu > ul > li a, .language-menu > ul > li a {display: block; padding: 6px 0}
.currency-menu > ul > li:hover a, .language-menu > ul > li:hover a {color: #4e4f54}
.currency-menu > ul > li:last-child a {padding-left: 0}
.currency-menu > ul > li > a i, .language-menu > ul > li > a i {margin-left: 2px}
.currency-dropdown, .language-dropdown {
    background-color: #f5f5f5;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    display: none;
    left: 0;
    min-width: 120px;
    padding: 5px 20px;
    position: absolute;
    top: 32px;
    z-index: 200;
}
.currency-dropdown li a, .language-dropdown li a {
    color: #4e4f54;
    display: block;
    font-size: 12px;
    line-height: 1.5em;
    padding: 10px 0;
    text-transform: capitalize;
}
.currency-menu > ul > li:hover .currency-dropdown, .language-menu > ul > li:hover .language-dropdown {display: block}
.language-dropdown li a:hover, .currency-dropdown > li a:hover {color: #000 !important}
.header-r-cart, .login, .account {
    float: right;
    margin-left: 27px;
    position: relative;
    display: flex;
}
.header-r-cart li {display: block; overflow: hidden}
.login a::after, .account a::after {
    content: "/";
    left: -17px;
    position: absolute;
    top: 0;
    color: #000
}
.header-r-cart li a, .login a, .account a {
    display: block;
    font-size: 24px;
    line-height: 32px;
    position: relative;
    padding: 0 6px;
}
.header-r-cart > li:hover > a {color: #4c4c4c}
ul.header-r-cart .mini-cart-content {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    display: inherit;
    font-size: 12px;
    opacity: 0;
    padding: 10px;
    position: absolute;
    left: 0;
    text-align: left;
    top: 120%;
    visibility: hidden;
    width: 241px;
    z-index: 99999;
}
ul.header-r-cart li:hover .mini-cart-content {
    opacity: 1;
    top: 100%;
    transition: all 0.4s ease-out 0s;
    visibility: visible;
}
.mini-cart-content .cart-products {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}
.mini-cart-content .cart-image {float: left; width: 60px}
.mini-cart-content .cart-image img {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    display: inline-block;
    height: auto;
    line-height: 1.42857;
    max-width: 100%;
    padding: 4px;
    transition: all 0.2s ease-in-out 0s;
}
.mini-cart-content .cart-product-info {
    font-size: 14px;
    line-height: 23px;
    margin-left: 75px;
    position: relative;
    text-align: left;
}
.cart-product-info .product-name {
    color: #000000;
    display: block;
    font-size: 13px;
    line-height: 1.42857;
    text-transform: uppercase;
    font-weight: 500
}
.cart-product-info .product-name:hover {color: #4E4F54}
.cart-product-info .quantity {
    color: #777777;
    font-weight: 700;
    text-align: left;
}
.cart-product-info .p-price {color: #777777; font-weight: 300}
.mini-cart-content a.remove-product {
    float: right;
    margin-right: 8px;
    position: absolute;
    right: 0;
    top: -5px;
}
.mini-cart-content .remove-product i {color: #333333; cursor: pointer}
.cart-price-list {
    color: #777777;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.42857;
    text-align: right;
}
.cart-price-list .price-amount > span {color: #4e4e4e}
.header-r-cart .cart-buttons {margin-top: 14px; overflow: hidden}
.header-r-cart .cart-buttons a {
    background: #000000 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    color: #ffffff;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: 300;
    line-height: 22px;
    margin-right: 12px;
    padding: 6px 12.5px;
    text-transform: uppercase;
}
.header-r-cart .cart-buttons a:hover, header.fixed .header-r-cart .cart-buttons a:hover {
    background: #4e4f54 none repeat scroll 0 0 !important;
    color: #ffffff !important;
}
.header-r-cart .cart-buttons a:last-child {margin-right: 0}
.header-r-cart .cart-buttons a i {margin-right: 5px}
.header-top-right i {margin-right: 7px}
/*----------------------------------------*/
/*  2.2 Header Logo Menu
/*----------------------------------------*/
.logo, .mainmenu {
    margin-left: 20px;
    position: relative;
    z-index: 9;
}
/*----------------------------------------*/
/*  2.2.1 Logo
/*----------------------------------------*/
.logo {padding-bottom: 30px; padding-top: 30px}
.logo > a {display: inline-block}
/*----------------------------------------*/
/*  2.2.2 Mainmenu
/*----------------------------------------*/
.mainmenu {margin-left: 28px}
.mainmenu ul#nav {
    position: relative;
    text-align: right;
}
.mainmenu ul#nav li {display: inline-block; margin: 0 12px}
.mainmenu ul#nav li:first-child {margin-left: 0}
.mainmenu ul#nav li:last-child {margin-right: 0}
.mainmenu ul#nav li.drop-down {position: relative}
.mainmenu ul#nav li a {
    color: #ffffff;
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-size: 20px;
    line-height: 112px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.mainmenu ul#nav > li:hover > a {color: #888}
.mainmenu ul.sub-menu {
    left: 0;
    margin: 0;
    padding: 25px 0 25px 17px;
    position: absolute;
    text-align: left;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 218px;
    z-index: -9;
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    right: auto;
    top: 110%;
    opacity: 0
}
.mainmenu > nav > ul#nav > li:hover ul.sub-menu, .mainmenu ul#nav li:hover .megamenu {
    visibility: visible;
    z-index: 999;
    top: 100%;
    opacity: 1
}
.mainmenu ul#nav li ul.sub-menu > li {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
}
.mainmenu ul#nav li .megamenu {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    left: -428px;
    padding-bottom: 20px;
    position: absolute;
    right: auto;
    top: 110%;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 1170px;
    z-index: -99;
    opacity: 0
}
.mainmenu ul#nav li .megamenu span {
    float: left;
    margin-bottom: 25px;
    margin-top: 32px;
    width: 25%;
}
.mainmenu ul#nav li .megamenu span > a:hover, .mainmenu ul#nav li ul.sub-menu li a:hover {color: #000}
.mainmenu ul#nav li .megamenu span > a, .mainmenu ul#nav li ul.sub-menu li a {
    color: #4e4f54;
    display: block;
    font-size: 14px;
    line-height: 21px;
    margin: 0 35px;
    padding: 7px 0;
    position: relative;
    text-align: left;
    text-transform: capitalize;
    z-index: 99;
}
.mainmenu ul#nav li ul.sub-menu li a {padding: 9px 0 !important; margin-left: 15px}
.mega-title {
    color: #000 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    position: relative;
    text-transform: uppercase !important;
}
/*----------------------------------------*/
/*  2.3 Mobile Menu
/*----------------------------------------*/
.mobile-menu-area {background: #fff; display: none}
.mean-container .mean-bar::after {display: none}
.mean-container .mean-nav ul li a:hover {color: #000; background: none}
.mean-container a.meanmenu-reveal span {background: #4e4f54}
.mean-container .mean-nav ul li a {
    background: #ffffff none repeat scroll 0 0;
    color: #4e4f54;
    display: block;
}
.mean-container .mean-nav ul li a.mean-expand {background: none; top: -4px;}
.mean-container .mean-nav ul li a.mean-expand:hover {background: none}
.mean-container .mean-nav ul li {background: transparent}
.mean-container .mean-nav ul li li a {
    color: #4e4f54;
    opacity: .90;
    border-top: 0;
}
.mean-container a.meanmenu-reveal {color: #444}
.meanmenu-reveal.meanclose:hover {color: #000 !important}
.mean-container a.meanmenu-reveal:hover span {background: #000}
.mobile-menu-area .mean-nav {background: #fff none repeat scroll 0 0}
.mean-last {margin-bottom: 20px}
.mobile-menu {position: relative}
.mean-container .mean-bar::before {
    color: #4e4f54;
    content: "MENU";
    font-size: 18px;
    font-weight: 600;
    left: 0;
    position: absolute;
    top: 13px;
}
/*----------------------------------------*/
/*  3. Slider Area
/*----------------------------------------*/
.nivo-directionNav {opacity: 0; transition: all 0.3s ease-in 0s}
.slider-area:hover .nivo-directionNav {opacity: 1}
.banner-content {height: 100%; position: relative}
.slider-area .text-content {
    margin-top: 20.2%;
    max-width: 80%;
    position: absolute;
    right: 15px;
    top: 0;
}
.banner-content h1, .banner-content h2, .banner-content h3 {text-transform: uppercase}
.banner-content h1 {
    animation: 1500ms ease-in-out 0s normal none 1 running bounceInLeft;
    font-size: 90px;
    font-weight: 700;
    margin-bottom: 14px;
    text-shadow: 0 5px 5px rgba(216, 216, 216, 0.75);
    text-transform: uppercase;
}
.banner-content h2 {
    animation: 2000ms ease-in-out 0s normal none 1 running bounceInLeft;
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 6px;
}
.banner-content h2 span {font-weight: 700}
.banner-content h3 {
    animation: 2500ms ease-in-out 0s normal none 1 running bounceInLeft;
    font-size: 20px;
    line-height: 1.8;
    margin-bottom: 10px;
    text-transform: none;
}
.banner-content .banner-readmore {
    animation: 3000ms ease-in-out 0s normal none 1 running bounceInLeft;
    clear: both;
    display: inline-block;
    line-height: 41px;
}
form#banner-searchbox {margin-top: 52px; width: 673px}
.adventure-cat, .blog-archive {
    background: rgba(0, 0, 0, 0) url("../img/icon/select-bg-one.png") no-repeat scroll 0 0;
    cursor: pointer;
    float: left;
    height: 46px;
    line-height: 46px;
    padding: 0;
    text-transform: capitalize;
    width: 172px;
}
.adventure-cat.destination {
    background: rgba(0, 0, 0, 0) url("../img/icon/select-bg-two.png") no-repeat scroll 0 0;
    margin-left: 30px;
    width: 269px;
}
.search-adventure, .blog-archive .archive {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: rgba(0, 0, 0, 0) none no-repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    color: #ffffff;
    cursor: pointer;
    height: 44px;
    line-height: 44px;
    outline: medium none;
    overflow: hidden;
    padding: 0 7px;
    transition-duration: 0.4s;
    transition-property: height;
    width: 100%;
    z-index: 9999;
}
.search-adventure option, .archive option {
    background: #ffffff none repeat scroll 0 0;
    color: #000000;
    line-height: 22px;
    padding: 4px 15px;
}
button#btn-search-category, .newsletter-content button {
    background: #000000 none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    font-size: 20px;
    font-weight: 300;
    line-height: 45px;
    padding: 0 47px;
    margin-top: 30px;
    transition: all 0.3s ease 0s
}
button#btn-search-category:hover, .newsletter-content button:hover, .button-one:hover {
    background: rgba(0, 0, 0, 0.5) none no-repeat scroll 0 0;
    color: #ffffff;
}
/*----------------------------------------*/
/*  4. Service Area
/*----------------------------------------*/
.single-service {
    border-left: 1px solid #bcbcbc;
    border-right: 1px solid #bcbcbc;
    border-top: 1px solid #bcbcbc;
    height: 172px;
    position: relative;
    width: 170px;
}
.single-service::before {
    background: #bcbcbc none repeat scroll 0 0;
    bottom: 4px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transform: rotate(-6deg);
    width: 50%;
}
.single-service::after {
    background: #bcbcbc none repeat scroll 0 0;
    bottom: 4px;
    content: "";
    height: 1px;
    right: 0;
    position: absolute;
    transform: rotate(6deg);
    width: 50%;
}
.single-icon {margin-top: 36px}
.single-service h5 {
    font-size: 18px;
    font-weight: 300;
    margin-top: 16px;
    text-transform: uppercase;
}
.single-service:hover h5 {color: #ffffff}
.single-service:hover {background: #000000 none repeat scroll 0 0; border-color: #000}
.single-service:hover::before, .single-service:hover::after {display: none}
/*----------------------------------------*/
/*  5. About Area
/*----------------------------------------*/
.about-area {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/2.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 49% 100%;
    margin-bottom: 100px;
}
.about-area .section-padding {padding-top: 50px; padding-bottom: 50px;}
.about-area .section-title, .service-about-area .section-title {margin-bottom: 45px}
.about-area .section-title h1, .service-about-area .section-title h1 {margin-bottom: 0}
.about-area .title-border::after {
    background: rgba(0, 0, 0, 0) url("../img/icon/title-icon-1.png") no-repeat scroll 0 0;
    bottom: -7px;
    margin-left: -32px;
    width: 64px;
}
.about-area .section-title h1:before, .about-area .section-title h1:after {background:  #54555D}
.about-text h1 {
    font-family: "Open Sans",sans-serif;
    font-size: 30px;
    line-height: 24px;
    margin-bottom: 36px;
}
.about-text p {font-size: 16px; line-height: 30px;}
.about-text > a {
    background: #212227 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-size: 20px;
    line-height: 62px;
    margin-top: 24px;
    padding: 0 47px;
}
.about-text > a:hover {background: rgba(0, 0, 0, .7) none repeat scroll 0 0}
/*----------------------------------------*/
/*  6. Portfolio Area
/*----------------------------------------*/
.portfolio-text h4 {margin-bottom: 8px}
.portfolio-text h4 a {
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
    text-transform: uppercase;
}
.single-portfolio:hover .portfolio-text a:hover, .single-adventure:hover .adventure-text a:hover, .single-portfolio:hover .portfolio-text .portfolio-link a:hover, .single-adventure:hover .adventure-text .adventure-link a:hover, .single-member:hover .member-text a:hover, .single-member:hover .member-text .member-link a:hover, .best-sell-link > a:hover {
    color: #000000;
}
.single-portfolio, .single-adventure, .single-member {overflow: hidden; position: relative}
.portfolio-text, .adventure-text, .member-text {
    background: transparent;
    height: auto;
    left: 0;
    padding: 5px 12px;
    position: absolute;
    top: 0;
    width: 100%;
    transition: all 0.3s ease-in-out 0s
}
.portfolio-text::after, .adventure-text::after, .member-text::after {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    content: "";
    height: 135px;
    left: -7px;
    opacity: 1;
    position: absolute;
    top: -76px;
    transform: rotate(4deg) scale(1.1);
    transform-origin: 0 bottom 0;
    width: 100%;
}
.portfolio-text > p, .portfolio-text > ul, .member-text > p {display: none; font-size: 13px; margin-bottom: 8px;}
.portfolio-text p, .adventure-text p, .adventure-text ul, .portfolio-text h4 a, .adventure-text h4 a, .portfolio-text .portfolio-link a, .adventure-text .adventure-price-link, .member-text p, .member-text h4 a, .member-text .member-link a, .single-adventure:hover .adventure-price-link span, .single-adventure:hover .transparent-overlay span{
    z-index: 9;
    position: relative
}
.portfolio-link > a, .adventure-link a, .member-link > a {
    color: #4e4f54;
    display: inline-block;
    margin-right: 9px;
}
.single-portfolio:hover .portfolio-text p, .single-portfolio:hover .adventure-text ul, .single-adventure:hover .adventure-text p, .single-adventure:hover .adventure-text ul, .single-member:hover .member-text p {
    display: block;
    margin-bottom: 5px;
}
.single-portfolio:hover .portfolio-text::after, .single-member:hover .member-text::after {
    background: rgba(33, 34, 39, 0.9) none repeat scroll 0 0;
    left: -8px;
    top: -23px;
}
.single-portfolio:hover .portfolio-text h4 {margin-bottom: 13px}
.single-portfolio:hover .portfolio-text p, .single-adventure:hover .adventure-text p, .single-adventure:hover .adventure-text ul, .single-portfolio:hover .portfolio-text h4 a, .single-adventure:hover .adventure-text h4 a, .single-portfolio:hover .portfolio-text .portfolio-link a, .single-adventure:hover .adventure-text .adventure-link a, .single-member:hover .member-text p, .single-member:hover .member-text h4 a, .single-member:hover .member-text .member-link a, .single-adventure:hover .adventure-price-link span, .single-adventure:hover .adventure-price-link span, .trip-time, .trip-level {
    color: #fff
}
.portfolio-area .col-md-3 .single-portfolio:first-child {margin-bottom: 30px}
.portfolio-text.effect-bottom, .adventure-text.effect-bottom, .member-text.effect-bottom {
    bottom: 0;
    top: auto;
}
.portfolio-text.effect-bottom::after, .member-text.effect-bottom::after {
    bottom: -70px;
    left: -11px;
    opacity: 1;
    top: auto;
}
.single-portfolio:hover .portfolio-text.effect-bottom::after, .single-member:hover .member-text.effect-bottom::after {
    background: rgba(33, 34, 39, 0.9) none repeat scroll 0 0;
    left: -11px;
    top: -5px;
}
.single-portfolio:hover .portfolio-text, .single-adventure:hover .adventure-text, .single-member:hover .member-text {
    animation: 1500ms ease-in-out 0s normal none 1 running flipInX;
}

/*----------------------------------------*/
/*  8. Best Sell Area
/*----------------------------------------*/
.best-sell-slider .col-md-3 {width: 100%}
.title-container h3 {
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 21px;
    text-transform: uppercase
}
.sell-text-container > p {font-size: 16px; line-height: 30px}
.best-sell-link {display: inline-block; float: right}
.best-sell-link a {
    color: #bdc1c5;
    font-size: 20px;
    margin-left: 13px;
}
.button-one {
    background: #212227 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-size: 20px;
    font-weight: 300;
    line-height: 43px;
    margin-bottom: 40px;
    margin-top: 26px;
    padding: 0 42px;
    text-transform: uppercase;
}
.best-sell-slider a {
    display: inline-block;
    margin-bottom: 40px;
    overflow: hidden;
}
.best-sell-slider .box-hover > a span {
    bottom: 0;
    color: #ffffff;
    content: "";
    font-size: 20px;
    font-weight: 300;
    height: 37px;
    left: 0;
    line-height: 32px;
    position: absolute;
    text-align: center;
    width: 134px;
    z-index: 2;
}
.best-sell-slider .box-hover > a span::after {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 37px;
    left: -8px;
    position: absolute;
    transform: skewX(-24deg);
    width: 134px;
    z-index: -1;
}
/*----------------------------------------*/
/*  9. Newsletter Area
/*----------------------------------------*/
.newsletter-area {
    background: #edecec url("../img/5.jpg") no-repeat scroll center top / cover ;
    padding-bottom: 179px;
    padding-top: 100px;
    position: relative;
}
.newsletter-area::before {
    background: rgba(0, 46, 93, 0.65) none repeat scroll 0 0;
}
.newsletter-area::after {
    background: rgba(0, 0, 0, 0) url("../img/transparent-bottom-gray.png") no-repeat scroll center top / cover ;
    bottom: 0;
    content: "";
    height: 79px;
    left: 0;
    position: absolute;
    width: 100%;
}
.newsletter-area .title-border::after, .trip-pricing-area .title-border::after {
    background: rgba(0, 0, 0, 0) url("../img/icon/title-icon-3.png") no-repeat scroll 0 0;
}
.newsletter-content input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ffffff;
    color: #ffffff;
    line-height: 46px;
    opacity: 1;
    padding: 0 20px;
    width: 100%;
}
.newsletter-content button {
    line-height: 48px;
    margin: 0;
    padding: 0 34px;
    text-transform: uppercase;
}
/*----------------------------------------*/
/*  10. Blog Area
/*----------------------------------------*/
.blog-area {
    background: #edecec none repeat scroll 0 0;
    padding-top: 100px;
}
.blog-area .title-border:after {background: rgba(0, 0, 0, 0) url("../img/icon/title-icon-2.png") no-repeat scroll 0 0}
.blog-image {position: relative}
.blog-image > a {display: inline-block; position: relative}
.box-hover a {display: block; position: relative}
.box-hover > a::after {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.5);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s ease-in 0s;
}
.hover-effect:hover .box-hover > a::after {
    bottom: 20px;
    left: 20px;
    opacity: 1;
    right: 20px;
    top: 20px;
}
.hover-effect:hover .box-hover.hover-large > a::after {bottom: 88px; top: 88px}
.date-time {
    position: absolute;
    right: 20px;
    top: 36%;
}
.date-time .date {
    background: #ffffff none repeat scroll 0 0;
    color: #181818;
    display: block;
    font-size: 40px;
    line-height: 45px;
    padding-left: 4px;
    width: 61px;
    position: relative;
    margin-bottom: 3px
}
.date-time .date::after {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: -6px;
    position: absolute;
    top: 0;
    transform: skewX(15deg);
    width: 12px;
}
.date-time .month {
    background: #181818 none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    float: right;
    font-size: 16px;
    line-height: 35px;
    padding-left: 5px;
    position: relative;
    width: 50px;
}
.date-time .month::after {
    background: #181818 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: -7px;
    position: absolute;
    top: 0;
    transform: skewX(10deg);
    width: 11px;
}
.blog-text h4 a {
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    text-transform: uppercase;
}
.single-blog .margin-left {margin-left: -50px}
.blog-text {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 4px solid #bcbcbc;
    margin: 24px 0;
    padding: 15px 0 13px 14px;
    position: relative;
}
.blog-text > h4 {margin-bottom: 19px}
.blog-area .button-one {
    font-size: 14px;
    line-height: 40px;
    margin-bottom: 6px;
    margin-top: 35px;
    padding: 0 15px;
    text-align: center;
}
.blog-text::after {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    height: 100%;
    position: absolute;
    right: -15px;
    top: 0;
    transform: skewX(-6deg);
    width: 30px;
}
.blog-text > p {position: relative; z-index: 9999}
.blog-link > a {
    color: #7a7a7a;
    display: inline-block;
    font-size: 20px;
    padding: 0 6px;
}
.blog-link {
    margin-top: 9px;
    text-align: center;
    transition: all 0.3s ease 0
}
.blog-link > a:hover {color: #000}
.blog-carousel .owl-item > .col-md-6 {width: 100%}
/*----------------------------------------*/
/*  11. Team Area
/*----------------------------------------*/
.single-member {border: 3px solid hsl(0, 0%, 88%);}
.member-text.effect-bottom::after {
    bottom: -40px;
    top: auto;
}
.member-text h4 a {font-size: 20px}
.member-text h4 a span {font-weight: 300}
.member-text h4 a {font-weight: 600}
.single-member:hover .member-text p {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 20px
}
.member-link > a {font-size: 20px}
.member-link {margin-bottom: 13px}
.member-text.effect-bottom::after {
    transform: rotate(5.5deg) scale(1.1);
    transform-origin: 0 bottom 0;
    bottom: -30px;
    top: auto;
    left: -17px
}
.single-member:hover .member-text.effect-bottom::after {
    background: rgba(33, 34, 39, 0.9) none repeat scroll 0 0;
    left: -31px;
    top: 38px;
    transform: rotate(7.5deg) scale(1.75);
}
/*----------------------------------------*/
/*  12. Partner Area
/*----------------------------------------*/
.partner-area .section-title h1 {margin-bottom: 0}
.partner-area .col-md-3 {width: 100%}
.partner-area a {
    display: block;
    margin-bottom: 1px;
}
/*----------------------------------------*/
/*  13. Footer Widget Area
/*----------------------------------------*/
.footer-widget-area {
  background: rgba(0, 0, 0, 0) url("../img/footer-bg.jpg") no-repeat scroll center top / cover ;
  padding-top: 100px;
  position: relative;
}
.footer-widget-area::before {background: rgba(33, 34, 39, 0.9) none repeat scroll 0 0}
.footer-widget-area::after {
    background: rgba(0, 0, 0, 0) url("../img/transparent.png") no-repeat scroll center top / cover ;
    content: "";
    height: 64px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.single-footer-widget > h4 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 40px;
    text-transform: uppercase;
}
.single-footer-widget.contact-text-info {
    color: #cccccc;
}
.footer-widget-list li {
    color: #cccccc;
    display: block;
    line-height: 25px;
}
.single-footer-widget.contact-text-info li {margin-bottom: 32px}
.single-footer-widget.contact-text-info li:last-child {margin-bottom: 0}
.footer-widget-list li span.icon {
    display: inline-block;
    font-size: 20px;
    margin-right: 20px;
    width: 20px;
}
.footer-widget-area li.icon {padding-left: 40px; position: relative}
.footer-widget-area li.icon:after {
    content: "\f232";
    font-family: FontAwesome;
    font-size: 20px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 13px;
}
.footer-widget-area li.icon.send:after {content: "\f1d8"}
.footer-widget-area li.icon.envelope:after {content: "\f0e0";}
.footer-widget-area li.icon.phone:after {content: "\f095";}
.footer-widget-list a {
    color: #cccccc;
    line-height: 30px;
    position: relative
}
.footer-widget-list li:hover a {color: #fff}
.widget-lists > li {padding-left: 13px; position: relative}
.widget-lists > li::after {
    content: "";
    font-family: FontAwesome;
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 13px;
    transition: all 0.3s ease 0s
}
.widget-lists li:hover::after {color: #fff}
.footer-widget-list a i {padding-right: 8px}
.footer-widget-list.twitter-news li {
    margin-bottom: 16px;
    padding-left: 38px;
    position: relative;
    line-height: 22px
}
.footer-widget-list.twitter-news li::after {
    content: "";
    font-family: FontAwesome;
    font-size: 33px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 38px;
}
.footer-widget-list.twitter-news li a {color: #ffffff; line-height: 20px}
.footer-widget-list.twitter-news li a:hover {color: #000}
.footer-link a, .details-social-link a {
    border: 1px solid #858585;
    color: #858585;
    display: inline-block;
    font-size: 30px;
    height: 47px;
    line-height: 44px;
    margin-right: 28px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 53px;
}
.footer-link > a:last-child {margin-right: 0}
.footer-link a:hover {border-color: #ffffff; color: #ffffff}
.payment-image {
    padding: 50px 0;
    width: 80%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.payment-image img {
    height: 100px;
}
/*----------------------------------------*/
/*  14. Footer Area
/*----------------------------------------*/
.footer-area {
    background: #15161a none repeat scroll 0 0;
    color: #ffffff;
    padding: 24px 0;
}
#footer-menu li {display: inline-block}
#footer-menu a {
    color: #ffffff;
    margin-left: 19px;
    padding-left: 19px;
    position: relative;
    text-transform: uppercase;
}
#footer-menu > li:first-child a {margin-left: 0; padding-left: 0}
#footer-menu {text-align: right}
#footer-menu a::after {
    color: #ffffff;
    content: "/";
    left: -3px;
    position: absolute;
    top: 0;
}
#footer-menu li:first-child a::after {display: none}
#footer-menu a:hover {color: #666666}
.footer-area span a {color: #fff}
.footer-area span a:hover {color: #666; border-bottom: 1px solid #444}
/*----------------------------------------*/
/*  15. Home Two Start
/*----------------------------------------*/
/*----------------------------------------*/
/*  15.1 Home Two Slider
/*----------------------------------------*/
.slider-area.home-two-slider .text-content {margin-top: 24%}
.home-two-slider .banner-content h1 {
    font-size: 70px;
    line-height: 70px;
    margin: 0;
    text-shadow: none;
}
.home-two-slider .banner-content h1.title2 {margin-bottom: 22px}
.home-two-slider .banner-content h2.sub-title span {color: #ffae00}
.home-two-slider .adventure-cat {
    background: rgba(0, 0, 0, 0) url("../img/icon/home-two-select-bg-one.png") no-repeat scroll 0 0;
}
.home-two-slider .adventure-cat.destination {
    background: rgba(0, 0, 0, 0) url("../img/icon/home-two-select-bg-two.png") no-repeat scroll 0 0;
}
.button-yellow {background: #ffae00 none repeat scroll 0 0 !important}
.button-yellow:hover {background: rgba(255, 174, 0, 0.8) none repeat scroll 0 0 !important}
/*----------------------------------------*/
/*  15.2 Service About Area
/*----------------------------------------*/
.service-about-area {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../img/7.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 49% 100%;
    margin-bottom: 100px;
    margin-top: 100px;
}
.service-item {margin-top: 84px}
.item-image {height: 50px; margin-bottom: 10px}
.service-item > h4 {font-size: 13px; text-transform: uppercase}
.single-service-two {padding-top: 60px}
/*----------------------------------------*/
/*  15.3 Home Two Portfolio Area
/*----------------------------------------*/
.portfolio-two .single-portfolio:hover .portfolio-text::after, .team-two .single-member:hover .member-text.effect-bottom::after {
    background: rgba(255, 174, 0, 0.9) none repeat scroll 0 0;
}
/*----------------------------------------*/
/*  15.4 Home Two Fun Factor Area
/*----------------------------------------*/
.fun-factor-two.fun-factor-area {
    background: rgba(0, 0, 0, 0) url("../img/8.jpg") no-repeat scroll center top / cover ;
    padding-bottom: 202px;
    padding-top: 120px;
}
.fun-factor-two.fun-factor-area::before {background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0}
.fun-factor-area.fun-factor-two::after {
    background: rgba(0, 0, 0, 0) url("../img/transparent-2.png") no-repeat scroll center top / cover ;
    bottom: 0;
    transform: rotate(0deg);
}
.fun-factor-two .section-title.title-two .title-border::after, .newsletter-two .section-title.title-two .title-border::after {
    background: rgba(0, 0, 0, 0) url("../img/icon/title2-icon-2.png") no-repeat scroll 0 0;
}
.fun-factor-two .section-title h1::before, .fun-factor-two .section-title h1::after, .newsletter-two .section-title h1::before, .newsletter-two .section-title h1::after {
    background: #fff none repeat scroll 0 0;
}
.fun-factor-two .single-fun-factor::before {
    border-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.fun-factor-two .single-fun-factor::after {
    border-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.5);
    border-width: 5px 43px;
}
.fun-factor-two .fun-border-left::after {bottom: -47px; transform: rotate(97deg)}
.fun-factor-two .fun-border-right::after {
    bottom: -47px;
    transform: rotate(83deg);
}
.fun-factor-two .single-fun-factor:hover::after, .fun-factor-two .single-fun-factor:hover::before, .fun-factor-two .single-fun-factor:hover .fun-border-left::after, .fun-factor-two .single-fun-factor:hover .fun-border-right::after {
    display: none
}
/*.fun-factor-two .single-fun-factor:hover::before {border-color: #000000 #000000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)}*/
.fun-factor-two .single-fun-factor {height: 171px}
.fun-factor-area .title-two .title-border::after, .partner-area .title-two .title-border::after, .service-about-area .section-title.title-two .title-border::after {
    bottom: 0;
}
/*----------------------------------------*/
/*  15.5 Home Two Best Sell Area
/*----------------------------------------*/
.best-sell-two .title-container h3, .best-sell-two .sell-text-container > p, .best-sell-three .title-container h3, .best-sell-three .sell-text-container > p {
    color: #2f2f2f;
}
.best-sell-two .carousel-style-one .owl-controls .owl-buttons div:hover::after {border-color: #ffae00}
.best-sell-two .carousel-style-one .owl-controls .owl-buttons div:hover i {color: #ffae00;}
.newsletter-area.newsletter-two {
    background: #edecec url("../img/10.jpg") no-repeat scroll center top / cover ;
    padding-bottom: 188px;
}
.newsletter-area.newsletter-two::before {background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0}
.newsletter-area.newsletter-two::after {
    background: rgba(0, 0, 0, 0) url("../img/transparent-2-gray.png") no-repeat scroll center top / cover ;
}
.best-sell-two .best-sell-slider .box-hover > a span::after {width: 100%}
.best-sell-two .best-sell-slider .box-hover > a span {
    padding: 0 22px 0 9px;
    width: auto;
}
/*----------------------------------------*/
/*  15.6 Home Two Blog Area
/*----------------------------------------*/
.blog-two-area .date-time .date, .blog-two-area .date-time .date::after, .single-blog-post-img .date-time .date, .single-blog-post-img .date-time .date::after {
    background: #ffae00 none repeat scroll 0 0;
    color: #ffffff;
}
.blog-area.blog-two-area, .blog-area.blog-three-area {padding-top: 100px}
.blog-two-area .blog-text::after, .blog-three-area .blog-text::after {display: none}
.blog-two-area .blog-text, .blog-three-area .blog-text {
    margin: -28px -50px 0 0;
    padding: 25px;
}
.blog-two-area .blog-link, .blog-three-area .blog-link {
    margin-bottom: 4px;
    margin-top: 22px;
    text-align: left;
}
.blog-two-area .button-one, .blog-three-area .button-one {margin-top: 20px}
.best-sell-two .best-sell-link > a:hover, .blog-two-area .blog-link > a:hover, .footer-widget-two .widget-lists li:hover::after, .footer-widget-two .widget-lists li:hover a, .footer-widget-two .footer-widget-list.twitter-news li a, .footer-two #footer-menu a:hover, .blog-two-area .blog-text h4 a:hover, .fun-factor-two .single-fun-factor:hover h5, .fun-factor-two .single-fun-factor:hover h4 {
    color: #FFAE00;
}
/*----------------------------------------*/
/*  15.7 Home Two Footer
/*----------------------------------------*/
.footer-widget-area.footer-widget-two {
    background: rgba(0, 0, 0, 0) url("../img/11.jpg") no-repeat scroll center top / cover ;
    padding-top: 177px;
}
.footer-widget-two.footer-widget-area::before {background: rgba(33, 34, 39, 0.8) none repeat scroll 0 0}
.footer-widget-two.footer-widget-area::after {
    background: rgba(0, 0, 0, 0) url("../img/transparent-2.png") no-repeat scroll center top / cover ;
    height: 85px;
    top: 0;
    transform: rotate(180deg);
}
.footer-widget-two .footer-widget-list.twitter-news li a:hover, .footer-widget-three .footer-widget-list.twitter-news li a:hover {
    color: #fff
}
.footer-widget-two .footer-link a:hover, .footer-area.footer-two span a:hover {
    border-color: #ffae00;
    color: #ffae00;
}
/*----------------------------------------*/
/*  16. Home Three Start
/*----------------------------------------*/
/*----------------------------------------*/
/*  16.1 Home Three Header
/*----------------------------------------*/

.header-three .logo {margin-left: 1px; padding: 13px 0}
.header-three .mainmenu ul#nav li a {line-height: 78px}
.button-blue {background: #00C0FF none repeat scroll 0 0 !important;border-radius: 20px;color: white;}
.button-blue:hover {background: rgba(0, 192, 255, 0.8) none repeat scroll 0 0 !important}
.header-three .header-top {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 5px 0;
}
.header-three .currency-menu > ul > li > a, .header-three .language-menu > ul > li > a, .header-three .header-r-cart > li > a, .header-three .login > a, .header-three .account > a, .header-three .login a::after, .header-three .account a::after {
    color: #ffffff;
}
.header-three .currency-menu > ul > li a:hover, .header-three .language-menu > ul > li a:hover, .header-three .header-r-cart li:hover > a, .header-three .login a:hover, .header-three .account a:hover {
    color: #00C0FF !important
}
/*----------------------------------------*/
/*  16.2 Home Three Slider
/*----------------------------------------*/
.slider-three .preview-2 .nivo-directionNav a {
  top: 58.5%;
}
/*----------------------------------------*/
/*  16.2.1 Home Three Slider Text
/*----------------------------------------*/
.slider-three .banner-content h1 {
    font-size: 65px;
    margin-bottom: 20px;
    text-shadow: none;
}
.slider-three .banner-content h2 span {color: #005cb9}
.slider-area.slider-three .text-content {
    left: 15px;
    margin-top: 25%;
    max-width: 100%;
    right: auto;
}
/*----------------------------------------*/
/*  16.2.2 Home Three Slider Icon
/*----------------------------------------*/
.slider-three .slider-icon-container {margin-top: 0%}
.single-icon-three {
    background: rgba(0, 192, 255, 0.5) none repeat scroll 0 0;
    border-top: 1px solid #005cb9;
    height: 130px;
    margin: 20px auto 0;
    position: relative;
    text-align: center;
    width: 150px;
    border-radius: 20px;
    transition: all 0.3s ease 0s;
}

.single-icon-three > img {margin: 26px auto 20px; position: inherit;}
.single-icon-three h5 {
    color: #ffffff;
    font-family: "Open Sans",sans-serif;
    font-size: 15px;
    text-transform: uppercase;
}
.single-icon-three.rotate-bg-icon {margin-top: 32px}
.single-icon-three.rotate-bg-icon {border-bottom: 1px solid #005cb9; border-top: 0 none;}
.rotate-bg-icon .icon-border-left::after {
    bottom: auto;
    left: 74px;
    top: -70px;
    transform: rotate(94deg);
}
.rotate-bg-icon .icon-border-right {height: 129px}
.single-icon-three.rotate-bg-icon::after {
    left: 1px;
    top: -10px;
    transform: rotate(180deg);
}
.rotate-bg-icon .icon-border-left {height: 139px; top: -10px}
.single-icon-three:hover {background: #000000 none repeat scroll 0 0; border-color: #000000}
.single-icon-three:hover::after {border-color: #000000 #000000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)}
.single-icon-three:hover .icon-border-left, .single-icon-three:hover .icon-border-left::after, .single-icon-three:hover .icon-border-right {background: #000000 none repeat scroll 0 0}
/*----------------------------------------*/
/*  16.3 Home Three About Area
/*----------------------------------------*/
.about-area.about-area-three {
    background-image: url("../img/12.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 0;
    margin-top: 57px;
    padding-bottom: 49px;
    padding-top: 93px;
    position: relative;
    overflow: hidden;
}
.about-area .videobg {
    right: 0;
    top: 0;
}
.section-title.title-three h1 {padding-bottom: 26px}
.section-title.title-three h1::after {display: none}
.section-title.title-three h1::before {
    background: #005cb9 none repeat scroll 0 0;
    left: 0;
    margin-left: 0;
    width: 100%;
}
.section-title.title-three .title-border::after {
    background: rgba(0, 0, 0, 0) url("../img/icon/title3-icon-1.png") no-repeat scroll 0 0;
    bottom: 17px;
    margin-left: -20px;
    width: 40px;
}
.about-area .section-title.title-three .title-border::after {
    background: rgba(0, 0, 0, 0) url("../img/icon/title3-icon-1.png") no-repeat scroll 0 0;
    bottom: -1px;
}
.about-area .section-title.title-three  {margin-bottom: 42px}
.about-area-three .about-text > p {padding: 0 29px}
/*----------------------------------------*/
/*  16.4 Home Three Portfolio Area
/*----------------------------------------*/
.best-sell-three .best-sell-link > a:hover, .blog-three-area .blog-link > a:hover, .footer-widget-three .widget-lists li:hover::after, .footer-widget-three .widget-lists li:hover a, .footer-widget-three .footer-widget-list.twitter-news li a, .footer-three #footer-menu a:hover {
    color: #005cb9;
}
.portfolio-three .single-portfolio:hover .portfolio-text::after, .team-three .single-member:hover .member-text.effect-bottom::after {
    background: rgba(0, 192, 255, 0.9) none repeat scroll 0 0;
}
/*----------------------------------------*/
/*  16.5 Home Three Fun Factor Area
/*----------------------------------------*/
.fun-factor-area.fun-factor-three::before {background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0}
.fun-factor-area.fun-factor-three::after {
    background: rgba(0, 0, 0, 0) url("../img/transparent-3.png") no-repeat scroll center top / cover ;
}
.fun-factor-three .section-title.title-three .title-border::after, .partner-three-area .section-title.title-three .title-border::after {
    bottom: 0;
}
.fun-factor-area.fun-factor-three {
    background: rgba(0, 0, 0, 0) url("../img/13i.jpg") no-repeat scroll center top / cover ;
    padding-bottom: 175px;
}
.fun-factor-three .single-fun-factor {
    background: rgba(0, 192, 255, 0.5) none repeat scroll 0 0;
    border-top: 1px solid #005cb9;
}
.fun-factor-three .single-icon-three {height: 160px; width: 170px;}
.fun-factor-three .icon-border-left {height: 159px}
.fun-factor-three .icon-border-left::after {
    bottom: -89px;
    height: 170px;
    left: 85px;
    width: 1px;
}
.fun-factor-three .icon-border-right {height: 169px}
.fun-factor-three .single-icon-three > h4 {
    color: #ffffff;
    font-family: "Open Sans",sans-serif;
    font-weight: 700;
    margin-bottom: 7px;
    text-transform: uppercase;
}
.fun-factor-three .single-icon-three h5 {font-size: 16px; font-weight: 300}
.fun-factor-three .single-icon-three > img {margin: 24px auto 16px}
.fun-factor-three .section-title {margin-bottom: 60px}
.fun-factor-three .single-icon-three:hover::after {border-color: #ffffff #ffffff #ffffff #ffffff}
.fun-factor-three .single-icon-three:hover::after {
  border-color: #fff #fff #fff #fff;
  border-width: 5px 85.5px;
}
.fun-factor-three .single-icon-three:hover {
    background: #ffffff none repeat scroll 0 0;
    border-color: #ffffff;
}
.fun-factor-three .single-icon-three:hover .icon-border-left, .fun-factor-three .single-icon-three:hover .icon-border-right, .fun-factor-three .single-icon-three:hover .icon-border-left::after {
    background: #fff
}
.fun-factor-three .single-icon-three:hover h4, .fun-factor-three .single-icon-three:hover h5 {color: #005cb9}
/*----------------------------------------*/
/*  16.6 Home Three Best Sell Area
/*----------------------------------------*/
.best-sell-three .carousel-style-one .owl-controls .owl-buttons div:hover::after {border-color: #00C0FF}
.best-sell-three .carousel-style-one .owl-controls .owl-buttons div:hover i {color: #00C0FF}
.best-sell-three .best-sell-slider .box-hover > a span {
    padding: 0 24px 0 10px;
    width: auto;
}
.best-sell-slider .box-hover > a span::after {width: 100%}
/*----------------------------------------*/
/*  16.7 Home Three Newsletter Area
/*----------------------------------------*/
.newsletter-area.newsletter-three {
    background: #ecebeb url("../img/25.jpg") no-repeat scroll center top / cover ;
    padding-bottom: 143px;
}
.newsletter-area.newsletter-three::before {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.newsletter-area.newsletter-three::after {
    background: rgba(0, 0, 0, 0) url("../img/transparent-3-gray.png") no-repeat scroll center top / cover ;
    height: 47px;
}
.newsletter-three .newsletter-content input {
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    color: #7f8484;
}
/*----------------------------------------*/
/*  16.8 Home Three Blog Area
/*----------------------------------------*/
.blog-three-area .blog-text {
    background: #0b2241 none repeat scroll 0 0;
    color: #fff;
    min-height: 300px;
    margin-bottom: 70px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    border-radius: 10px;
}
.blog-three-area .blog-text h4 a {color: #fff}
.blog-three-area .blog-text h4 a:hover {color: #FFD400}
.blog-three-area .button-one {background: #005cb9 none repeat scroll 0 0; border-radius: 10px;}
.blog-three-area .blog-link > a {color: #ffffff}
.blog-three-area .blog-link > a:hover {color: #ffd400}
.blog-three-area .blog-text {border-color: transparent;}
.blog-three-area .button-one:hover {color: #005cb9; background-color: #edecec;}
.blog-three-area .date-time {top: 0}
.blog-three-area .date-time .month::after {background: #ffd400 none repeat scroll 0 0}
.blog-three-area .date-time .month {background: #ffd400 none repeat scroll 0 0}
.blog-three-area .date-time .date::after {background: #005cb9 none repeat scroll 0 0}
.blog-three-area .date-time .date {
    background: #0b2241 none repeat scroll 0 0;
    color: #ffffff;
}
.blog-three-area .blog-text::before {
    background: #0b2241 none repeat scroll 0 0;
    content: "";
    height: 26px;
    left: -13px;
    margin-top: -13px;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 26px;
}
/*----------------------------------------*/
/*  16.9 Home Three Footer
/*----------------------------------------*/
.footer-area.footer-three span a:hover, .footer-widget-three .footer-link a:hover {
    border-color: #005cb9;
    color: #005cb9;
}
.footer-widget-area.footer-widget-three {
    background: #0b2241 no-repeat scroll center top / 100% auto ;
}
/*----------------------------------------*/
/*  17. Shop Grid No Sidebar Page
/*----------------------------------------*/
.banner-area {
    background: rgba(0, 0, 0, 0) url("../img/15.jpg") no-repeat scroll center top / cover;
    padding-bottom: 0;
    padding-top: 302px;
    position: relative;
}
.banner-area::before {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.banner-area::after {
    background: rgba(0, 0, 0, 0) url("../img/transparent-bottom.png") no-repeat scroll center top / cover ;
    bottom: 0;
    content: "";
    height: 84px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.banner-area .section-title h1 {
    color: #ffffff;
    font-size: 30px;
}
.banner-area .title-border::after {background: rgba(0, 0, 0, 0) url("../img/icon/title-icon-3.png") no-repeat scroll 0 0}
.banner-area .section-title h1::before, .banner-area .section-title h1::after {background: #ffffff none repeat scroll 0 0}
.breadcrumb {
    background: #dadada none repeat scroll 0 0;
    border-radius: 0;
    display: inline-block;
    height: 42px;
    margin: 60px auto 0;
    padding-top: 9px;
    position: relative;
    text-align: center;
    width: 235px;
    z-index: 9;
}
.breadcrumb li {
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    line-height: 13px;
    padding: 0 24px;
    text-transform: uppercase;
    position: relative
}
.breadcrumb > li a {font-weight: 300}
.breadcrumb > li + li::before {display: none}
.breadcrumb > li:first-child, .breadcrumb.three > li:first-child {padding-left: 0}
.breadcrumb > li:last-child, .breadcrumb.three > li:last-child  {padding-right: 0}
.breadcrumb > li::after {
    background: #696969 none repeat scroll 0 0;
    content: "";
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
}
.breadcrumb > li:last-child::after {display: none}
.breadcrumb::before {
    background: #dadada none repeat scroll 0 0;
    content: "";
    height: 14px;
    left: 0;
    position: absolute;
    top: -6px;
    transform: rotate(-6deg);
    width: 119px;
}
.breadcrumb::after {
    background: #dadada none repeat scroll 0 0;
    content: "";
    height: 14px;
    position: absolute;
    right: 0;
    top: -6px;
    transform: rotate(6deg);
    width: 119px;
}
.adventures-grid form#banner-searchbox {
    margin-bottom: 40px;
    margin-top: 0px;
    overflow: hidden;
    width: auto;
}
.adventures-grid .adventure-cat, .blog-archive {
    background: rgba(0, 0, 0, 0) url("../img/select-bg-three.png") no-repeat scroll right 1px;
    border: 1px solid #bcbcbc;
    height: 44px;
    position: relative;
    width: 100%;
}
.adventures-grid .adventure-cat::after, .blog-archive::after {
    background: #bcbcbc none repeat scroll 0 0;
    content: "";
    height: 100%;
    position: absolute;
    right: 32px;
    top: 0;
    width: 1px;
}
.adventures-grid .search-adventure, .blog-archive .archive {color: #4e4e4e}
.adventure-tab .nav {border: 0 none !important}
.adventure-tab {float: right}
.grid-two-tab .adventure-cat {float: right}
.adventure-tab .nav > li > a.list-view, .adventure-tab .nav > li > a.grid-view {
    background: rgba(0, 0, 0, 0) url("../img/icon/list.png") no-repeat scroll 0 0;
    border-color: rgba(0, 0, 0, 0) !important;
    float: left;
    font-size: 0;
    height: 48px;
    margin-left: 9px;
    padding: 0;
    position: relative;
    width: 47px;
    margin-right: 0
}
.adventure-tab a.grid-view {background: url(img/icon/grid.png) no-repeat scroll 0 0 !important}

.adventure-view a.active.list-view, .adventure-view a.list-view:hover {
    background: rgba(0, 0, 0, 0) url("../img/icon/list-hover.png") no-repeat scroll 0 0;
}
.adventure-view a.active.grid-view, .adventure-view a.grid-view:hover {
    background: url(img/icon/grid-hover.png) no-repeat scroll 0 0;
}
.adventure-tab li a.grid-view:hover:after, .adventure-tab li.active a.grid-view:after, .adventure-tab li a.list-view:hover:after, .adventure-tab li.active a.list-view:after {
    background: url(img/icon/grid-hover.png) no-repeat scroll 0 0  !important;
    height: 46px;
    width: 46px;
    position: absolute;
    content: "";
    top: 0;
    left: 0; 
}
.adventure-tab li a.list-view:hover:after, .adventure-tab li.active a.list-view:after {
    background: url(img/icon/list-hover.png) no-repeat scroll 0 0 !important;
    height: 46px;
    width: 46px;
    position: absolute;
    content: "";
    top: 0;
    left: 0; 
}
.single-adventure {border: 3px solid #e1e1e1; margin-bottom: 40px}
.adventure-text {padding: 0}
.adventure-text.effect-bottom::after {
    background: rgba(255, 255, 255, 0.85) none repeat scroll 0 0;
    border: 0 none;
    bottom: -70px;
    height: 165px;
    left: -18px;
    top: auto;
    transform: rotate(5deg) scale(1.1);
}
.transparent-overlay {padding: 0 14px}
.adventure-price-link {padding: 0 14px 11px}
.transparent-overlay > h4 {margin-bottom: 14px}
.adventure-text h4 a {
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
    font-weight: 600;
}
.adventure-text h4 a span {font-size: 16px; font-weight: 300}
.adventure-price-link .trip-price {
    color: #4e4f54;
    display: inline-block;
    font-size: 30px;
    font-weight: 700;
}
.adventure-price-link .trip-person {
    color: #4e4f54;
    font-size: 18px;
    padding-left: 4px;
    position: relative;
    text-transform: uppercase;
    top: -4px;
}
.adventure-link {
    display: inline-flex;
    float: right;
}
.adventure-price-link .btn {
    width: 100px;
}
.adventure-link > a {font-size: 20px; margin-right: 5px}
.adventure-link > a:last-child {margin-right: 0}
.single-adventure:hover .adventure-price-link span, .single-adventure:hover .transparent-overlay span {
    display: inline-block
}
.single-adventure:hover .adventure-price-link {
    background: #212227 none repeat scroll 0 0;
    padding-bottom: 14px;
    padding-top: 20px;
}
.adventure-text p, .adventure-text ul, .adventure-text .trip-time, .adventure-text .trip-level {display: none; margin-bottom: 8px}
.transparent-overlay span i {
    display: inline-block;
    margin-right: 3px;
}
.trip-time {padding-right: 20px; position: relative}
.trip-time::after {
    content: "/";
    position: absolute;
    right: 7px;
    top: 0;
}
.single-adventure:hover .transparent-overlay > h4 {margin-bottom: 7px}
.single-adventure:hover .trip-time, .single-adventure:hover .trip-level {margin-bottom: 25px}
.single-adventure:hover .transparent-overlay {margin-bottom: 16px}
.single-adventure:hover .adventure-text.effect-bottom::after {
    background: rgba(33, 34, 39, 0.8) none repeat scroll 0 0;
    bottom: 69px;
    left: -59px;
    top: auto;
    transform: rotate(9.5deg) scale(2);
}
.pagination {
    border-radius: 0;
    display: block;
    margin: 0;
    text-align: center;
}
.pagination li {
    border: 1px solid #c1c1c1;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    margin: 0 3px;
    text-align: center;
    vertical-align: middle;
    width: 36px;
}
.pagination li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #181818;
    display: inline-block;
    float: none;
    font-size: 14px;
    padding: 4.5px 10px;
}
.pagination li.current {
    background: #ffb400 none repeat scroll 0 0;
    border-color: #ffb400;
    margin: 0 5px;
    transform: skewX(-4.8deg);
}
.pagination li.current a, .pagination li.current:hover a {color: #fff}
.pagination li:hover a {color: #ffb400; background: transparent}
.pagination li a i {font-size: 16px}
/*----------------------------------------*/
/*  18. Shop Grid With Sidebar Page
/*----------------------------------------*/
.grid-two {
    background: rgba(0, 0, 0, 0) url("../img/16.jpg") no-repeat scroll center top / cover;
    padding-top: 314px;
    padding-bottom: 13px
}
.banner-area.grid-two::before, .banner-area.list:before {display: none}
.banner-area.grid-two::after {
    background: rgba(0, 0, 0, 0) url("../img/transparent-2.png") no-repeat scroll center top / cover ;
    height: 76px;
}
.adventures-grid.grid-two-tab .adventure-cat.box-small {
    height: 46px;
    line-height: 46px;
    margin: 1px 3px;
    width: 172px;
}
.grid-two .title-border::after {
    background: rgba(0, 0, 0, 0) url("../img/icon/title2-icon-2.png") no-repeat scroll 0 0;
    bottom: 17px;
}
.grid-two .section-title h1 {padding-bottom: 45px}
.grid-two .breadcrumb {
    background: #181818 none repeat scroll 0 0;
    border-top: 2px solid #ffae00;
    margin: 29px auto 0;
}
.grid-two .breadcrumb li a:hover {color: #ffae00}
.grid-two .breadcrumb li, .grid-two .breadcrumb li a {color: #ffae00; font-weight: 300}
.grid-two .breadcrumb li a {color: #fff}
.grid-two .breadcrumb::after {
    background: #181818 none repeat scroll 0 0;
    bottom: -6px;
    content: "";
    height: 14px;
    left: 0;
    position: absolute;
    transform: rotate(6deg);
    width: 119px;
    right: auto;
    top: auto
}
.grid-two .breadcrumb::before {
    background: #181818 none repeat scroll 0 0;
    bottom: -6px;
    content: "";
    height: 14px;
    position: absolute;
    right: 0;
    transform: rotate(-6deg);
    width: 119px;
    left: auto;
    top: auto;
}
/*----------------------------------------*/
/*  18.1 Shop Grid Sidebar
/*----------------------------------------*/
.single-sidebar-widget {display: block}
.widget-icon span {
    display: block;
    float: left;
    height: 36px;
    margin-bottom: 20px;
    position: relative;
    width: 25%;
}
.icon-bottom .widget-icon > span img {bottom: 0; position: absolute;}
.single-sidebar-widget > h4, h4.blog-title {
    color: #181818;
    font-size: 20px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 400
}
.single-sidebar-widget > h4 span, h4.blog-title span {color: #00C0FF; font-weight: 700;}
.country-select .widget-icon > span {margin-bottom: 10px; width: 100%}
.country-select .widget-icon a {line-height: 36px; margin-left: 11px}
.country-select .widget-icon a:hover {color: #00C0FF;}
.widget-categories > li {margin-bottom: 6px; position: relative}
.widget-categories li span input {
    display: inline-block;
    margin-right: 7px;
    top: 2px;
}
.widget-categories li span input:focus {outline: 0}
.widget-categories a {
    color: #181818;
    display: block;
    padding-left: 28px;
}
.widget-categories a span {float: right}
.widget-categories > li > span {
    left: 0;
    position: absolute;
    top: -2px;
}
.price_filter {margin-right: 5px; margin-top: 10px}
#slider-range {
    background: #c1c1c1 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    height: 10px;
}
.ui-slider-range.ui-widget-header.ui-corner-all {
    background: #ffb400 none repeat scroll 0 0 !important;
    border: medium none !important;
    height: 10px;
    margin-top: 0;
}
.price_filter .ui-slider-handle.ui-state-default.ui-corner-all {
    background: #c1c1c1 none repeat scroll 0 0;
    border: 3px solid #ffffff;
    border-radius: 0;
    height: 20px;
    margin-top: 0;
    outline: 1px solid #c1c1c1;
    width: 20px !important;
}
.ui-slider-handle.ui-state-default.ui-corner-all.ui-state-active, .ui-slider-handle.ui-state-default.ui-corner-all.ui-state-focus {
    transform: skewX(-12deg)
}
.widget-icon .slider-values > input {
    border: 1px solid #bcbcbc;
    color: #4e4e4e;
    margin-top: 20px;
    padding: 6px;
    text-align: center;
    width: 50%;
}
.single-sidebar-widget {
    display: block;
    margin-bottom: 62px;
    overflow: hidden;
}
.single-sidebar-widget:last-child {margin-bottom: 0}
/*----------------------------------------*/
/*  18.2 Shop Grid Content
/*----------------------------------------*/
.grid-two-tab p {
    color: #212227;
    font-size: 16px;
    font-weight: 300;
}
.adventure-price-link-two .adventure-link, .adventure-text-container > a, .adventure-text-container > span, .adventure-text-container > p {
    display: none;
}
.adventure-text-container h4 a {
    color: #212227;
    font-family: "Open Sans",sans-serif;
    font-size: 18px;
    font-weight: 600;
}
.adventure-text-container h4 a span {
    font-size: 16px;
    font-weight: 300;
}
.adventure-price-link-two span.trip-price, .adventure-price-link-two span.trip-person {
    color: #4e4f54;
    font-family: "Open Sans",sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
}
.adventure-price-link-two span.trip-person {
    font-size: 18px;
    font-weight: 300;
    position: relative;
    top: -3px;
}
.adventure-price-link-two .adventure-link, .adventure-text-container > a, .adventure-text-container > span, .adventure-text-container > p {
    display: none;
}
.adventure-text-two {
    background: #ffffff none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    padding: 16px 21px 17px 20px;
    position: absolute;
    width: 100%;
}
.single-adventure-two {
    border: 3px solid #e1e1e1;
    margin-bottom: 40px;
    position: relative;
}
.single-adventure-two:hover {border:3px solid #fff}
.single-adventure-two::before {
    border: 1px solid #ffae00;
    bottom: -3px;
    content: "";
    display: block;
    left: -3px;
    position: absolute;
    right: -3px;
    top: -3px;
    z-index: 1;
    opacity: 0
}
.single-adventure-two:hover:before {opacity: 1}
.single-blog:hover .adventure-price-link-two {left: 0; position: absolute}
.single-adventure-two:hover .adventure-price-link-two {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    border: 3px solid #ffae00;
    left: 16px;
    padding: 27px 0 20px;
    position: absolute;
    text-align: center;
    top: 34%;
    width: calc(100% - 32px);
    z-index: 9;
}
.single-adventure-two:hover .adventure-price-link-two span.trip-price, .single-adventure-two:hover .adventure-price-link-two span.trip-person {
    color: #000000;
    font-size: 27px;
}
.single-adventure-two:hover .adventure-price-link-two span.trip-person {font-size: 17px}
.single-adventure-two:hover .adventure-price-link-two .adventure-link {display: block; padding-top: 9px}
.adventure-price-link-two .adventure-link {float: none; text-align: center}
.adventure-price-link-two .adventure-link > a {color: #000000; margin-right: 14px}
.adventure-price-link-two .adventure-link a:last-child {margin-right: 0}
.single-adventure-two:hover .adventure-text-container p {display: block}
.single-adventure-two:hover .adventure-text-container {
    background: rgba(255, 174, 0, 0.9) none repeat scroll 0 0;
    border-bottom: 4px solid #181818;
    height: 255px;
    left: calc(100% - 19px);
    padding: 21px 0 20px 9px;
    position: absolute;
    top: 12.25%;
    width: 275px;
    z-index: 9;
}
.single-adventure-two:hover .adventure-text-container span, .single-adventure-two:hover .adventure-text-container > a {
    display: inline-block;
}
.single-adventure-two .adventure-text-container a.button-one {
    background: #181818 none repeat scroll 0 0;
    font-size: 14px;
    line-height: 31px;
    margin-bottom: 0;
    margin-top: 8px;
    padding: 0 17px;
}
.single-adventure-two .adventure-text-container a.button-one:hover {color: #181818; background: #fff}
.grid-two-tab .single-adventure-two .adventure-text-container > p {color: #181818; font-size: 14px}
.single-adventure-two:hover .adventure-text-container h4 a {color: #181818; font-size: 20px;}
.single-adventure-two:hover .adventure-text-container h4 a span {font-size: 16px}
.single-adventure-two:hover .trip-time, .single-adventure-two:hover .trip-level {color: #181818 !important}
.single-adventure-two:hover .adventure-text-container > h4 {margin-bottom: 6px}
.single-adventure-two .adventure-text-container > span {margin-bottom: 13px}
.single-adventure-two .adventure-text-container > span i {margin-right: 4px}
.single-adventure-two:hover .adventure-text-two {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    bottom: 0;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 2;
}
.adventure-price-link-two .adventure-link > a:hover {color: #ffae00}
.single-adventure-two:hover .adventure-text-container h4 a:hover {color: #fff}
.single-adventure-two:hover .adventure-text-container::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(255, 174, 0, 0) rgba(0, 0, 0, 0) rgba(255, 174, 0, 0.9) rgba(255, 174, 0, 0.9);
    border-image: none;
    border-style: solid;
    border-width: 15px 128px;
    content: "";
    height: 0;
    position: absolute;
    right: -143px;
    top: 113px;
    transform: rotate(90deg);
    width: 0;
}
.adventure-grid-two-area .row .col-md-4:nth-child(3) .single-adventure-two:hover .adventure-text-container, .adventure-grid-two-area .row .col-md-4:nth-child(6) .single-adventure-two:hover .adventure-text-container, .adventure-grid-two-area .row .col-md-4:nth-child(9) .single-adventure-two:hover .adventure-text-container, .adventure-grid-two-area .row .col-md-4:nth-child(12) .single-adventure-two:hover .adventure-text-container {
    left: auto;
    padding-right: 13px;
    right: calc(100% - 19px);
    text-align: right;
}
.adventure-grid-two-area .row .col-md-4:nth-child(3) .single-adventure-two:hover .adventure-text-container::after, .adventure-grid-two-area .row .col-md-4:nth-child(6) .single-adventure-two:hover .adventure-text-container::after, .adventure-grid-two-area .row .col-md-4:nth-child(9) .single-adventure-two:hover .adventure-text-container::after, .adventure-grid-two-area .row .col-md-4:nth-child(12) .single-adventure-two:hover .adventure-text-container::after {
    border-color: rgba(0, 0, 0, 0) rgba(255, 174, 0, 0.9) rgba(255, 174, 0, 0.9) rgba(0, 0, 0, 0);
    left: -143px;
    transform: rotate(-90deg);
}
/*----------------------------------------*/
/*  19. Shop List Page
/*----------------------------------------*/
.banner-area.list {
    background: rgba(0, 0, 0, 0) url("../img/cart.jpg") no-repeat scroll center top / cover;
    padding-bottom: 149px;
    padding-top: 244px;
}
.header-three.list .header-logo-menu {background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0}
.banner-area.list .section-title h1 {font-size: 40px}
.banner-area.list .section-title h1 span {color: #ffffff}
.banner-area.list .section-title h1::before, .banner-area.list .section-title h1::after {
    background: #ffe52d none repeat scroll 0 0;
}
.breadcrumb.three {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: 47px;
    margin: 10px 0 0 5px;
    width: 245px;
}
.breadcrumb.three::before {
    background: rgba(24, 24, 24, 0.85) none repeat scroll 0 0;
    border: 1px solid #000000;
    height: 100%;
    transform: skewX(-22deg);
    width: 100%;
}
.breadcrumb.three::after {
    background: #005cb9 none repeat scroll 0 0;
    height: 100%;
    left: -5px;
    transform: skewX(-22deg);
    width: 5px;
}
.breadcrumb.three > li {color: #005cb9}
.breadcrumb.three > li a {color: #ffffff}
.breadcrumb.three > li::after {background: #ffffff none repeat scroll 0 0}
.breadcrumb.three > li {font-weight: 300; padding: 0 22px}
.breadcrumb.three > li:hover a {color: #005cb9}
.list .section-title.title-three.text-center {margin-bottom: 25px}
.single-list-item {margin-bottom: 75px}
.list .shop-item-filter {margin-bottom: 56px}
.list .adventure-tab li a.grid-view:hover:after, .list .adventure-tab li.active a.grid-view:after, .list .adventure-tab li a.list-view:hover:after, .list .adventure-tab li.active a.list-view:after {
    background: url(img/icon/grid-three-hover.png) no-repeat scroll 0 0  !important;
}
.list .adventure-tab li a.list-view:hover:after, .list .adventure-tab li.active a.list-view:after {
    background: url(img/icon/list-three-hover.png) no-repeat scroll 0 0 !important;
}
.adventure-img {
    border-left: 3px solid #f0f0f0;
    border-top: 3px solid #f0f0f0;
    border-bottom: 3px solid #f0f0f0;
    position: relative;
}
.adventure-img::after {
    background: #f0f0f0 none repeat scroll 0 0;
    content: "";
    height: 24px;
    margin-top: -12px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: rotate(45deg);
    width: 24px;
}
.adventure-img a {display: block}
.single-list-item .col-md-8 {padding-left: 0}
.single-list-item .col-md-4 {padding-right: 0}
.col-md-8.margin-left-list {margin-left: -28px}
.adventure-list-container {
    background: #f0f0f0 none repeat scroll 0 0;
    display: inline-block;
    margin-right: -28px;
    padding-left: 32px;
    position: relative;
}
.adventure-list-container::before {
    background: #f0f0f0 none repeat scroll 0 0;
    content: "";
    height: 23px;
    left: 0;
    position: absolute;
    top: -8px;
    transform: skewY(-1.31deg);
    width: 100%;
}
.adventure-list-container::after {
    background: #f0f0f0 none repeat scroll 0 0;
    border-bottom: 4px solid #005cb9;
    bottom: -8px;
    content: "";
    height: 23px;
    left: 3px;
    position: absolute;
    transform: skewY(1.31deg);
    width: calc(100% - 3px);
}
.adventure-list-text > h1 {
    color: #181818;
    font-family: "Open Sans",sans-serif;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 15px;
    padding-top: 24px;
}
.adventure-list-text > h1 a {color: #181818}
.adventure-list-text > h1 a:hover {color: #00C0FF}
.adventure-list-text > h2 {
    color: #181818;
    font-family: "Open Sans",sans-serif;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 15px;
}
.adventure-list-text span.light {
    color: #8d8d8d;
    font-weight: 300;
    margin: 0 4px;
}
.adventure-list-text > h2 span.persons {
    font-size: 23px;
    font-weight: 300;
    position: relative;
    top: -8px;
}
.adventure-list-text > p {
    color: #181818;
    font-weight: 300;
    line-height: 30px;
}
.list-buttons .button-one {
    font-size: 16px;
    line-height: 38px;
    margin: 0;
    padding: 0 26px;
}
.list-buttons {
    margin-top: 20px;
    overflow: hidden;
}
.list-rating {
    display: inline-block;
    margin-left: 16px;
    position: relative;
    top: -4px;
}
.list-rating i {color: #8d8d8d}
.list-rating i.color {color: #005cb9}
.adventure-list-link a i {
    color: #8d8d8d;
    font-size: 16px;
    padding-right: 10px;
}
.adventure-list-link {
    display: inline-block;
    margin-left: 21px;
    position: relative;
    top: -3px;
}
.adventure-list-link a:hover i {color: #005cb9}
.adventure-list-link::after {
    color: #181818;
    content: "/";
    font-size: 14px;
    left: -15px;
    position: absolute;
    top: 0;
}
.adventure-list-text {float: left; width: 74%}
.adventure-list-image {
    display: inline-block;
    margin-left: 2%;
    padding-top: 11px;
    position: relative;
    width: 24%;
}
.adventure-list-image::after {
    background: #d7d7d7 none repeat scroll 0 0;
    content: "";
    height: 310px;
    left: 0;
    position: absolute;
    top: -6px;
    width: 1px;
    z-index: 9;
}
.image-top {text-align: center}
.adventure-list-image > h2 {
    border-bottom: 1px solid #edecec;
    color: #8d8d8d;
    font-size: 20px;
    font-weight: 300;
    margin: 7px 10px 19px;
    padding-bottom: 15px;
    text-transform: uppercase;
    text-align: center;
}
.image-bottom > li {
    display: inline-block;
    float: left;
    height: 54px;
    text-align: center;
    width: 50%;
}
.image-bottom > li:nth-child(2n+1) {padding-left: 2px}
.image-bottom > li:nth-child(2n) {padding-right: 13px}
.list .pagination-content {margin-top: 58px}
.list .pagination li.current {
    background: #005cb9 none repeat scroll 0 0;
    border-color: #005cb9;
}
.list .pagination li a {font-weight: 300}
.list .pagination li:hover a {color: #005cb9}
/*----------------------------------------*/
/*  20. Product Details Page
/*----------------------------------------*/
.banner-area.details-one {background: rgba(0, 0, 0, 0) url("../img/18.jpg") no-repeat scroll center top / cover}
.banner-area.details-one::before {background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0}
.details-button button#btn-search-category {
    background: #212227 none repeat scroll 0 0;
    margin: 0;
}
.details-button button#btn-search-category:hover {background: #000000 none repeat scroll 0 0}
/*----------------------------------------*/
/*  20.1 Trip Information Area
/*----------------------------------------*/
.trip-information {
    background: #edecec url("../img/26.png") no-repeat scroll right top / 58% 100%;
    padding-bottom: 96px;
    padding-top: 80px;
}
.adventures-grid form#banner-searchbox.details-form {margin-bottom: 0}
.trip-info-left-text .section-title {margin-bottom: 46px}
.trip-info-left-text p, .about-adventures p {
    line-height: 30px;
    margin-top: 12px;
    text-align: left;
}
.details-social-link a {border-color: #606060; margin-right: 26px;}
.details-social-link a:hover {border-color: #000; color: #000;}
.details-info li span {
    display: inline-block;
    font-weight: 700;
    width: 100px;
}
.details-info > li {
    float: left;
    line-height: 30px;
    text-transform: uppercase;
    width: 50%;
}
.details-info {margin-bottom: 51px; overflow: hidden}
.trip-booking-info h2 {
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 24px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400
}
.trip-booking-info {padding-top: 127px}
.single-trip-content, .trip-level-content {
    float: left;
    text-align: center;
    width: 33.33%;
}
.trip-booking-info h4 {
    color: #85868e;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 300;
    margin-top: 13px;
    text-transform: uppercase;
}
.trip-level-content > h4 {margin-top: 8px}
.row.divider {
    border-bottom: 1px solid #2e2f36;
    border-top: 1px solid #16171a;
    margin-bottom: 25px;
    margin-top: 15px;
    overflow: hidden;
}
.trip-rating i {color: #85868e}
.trip-text-container p {color: #8d8d8d; padding-top: 6px}
.trip-text-container p span {color: #ffb400}
.trip-text-container h3 {
    color: #8d8d8d;
    font-family: "Open Sans",sans-serif;
    font-size: 25px;
    line-height: 22px;
}
.trip-text-container > h1 {
    color: #ffb400;
    font-family: "Open Sans",sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 0;
}
.trip-text-container.budget > p {font-size: 15px; padding-top: 0}
button#booking-button {
    background: #ffb400 none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    font-size: 25px;
    font-weight: 300;
    line-height: 58px;
    margin-top: 36px;
    padding: 0 70px;
    text-transform: uppercase;
}
button#booking-button:hover, .booking-button-two:hover  {background: rgba(255, 174, 0, 0.8) none repeat scroll 0 0}
/*----------------------------------------*/
/*  20.2 Trip Inclution
/*----------------------------------------*/
.include-icon, .contact-image, .about-image {
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    float: left;
    font-size: 40px;
    height: 78px;
    margin-right: 19px;
    padding-top: 13px;
    position: relative;
    text-align: center;
    width: 79px;
}
.include-icon::before, .contact-image::before, .about-image::before {
    background: #000000 none repeat scroll 0 0;
    bottom: 4px;
    content: "";
    height: 1px;
    left: -1px;
    position: absolute;
    transform: rotate(-13deg);
    width: 41px;
    transition: all 0.3s ease-in 0s
}
.include-icon::after, .contact-image::after, .about-image::after {
    background: #000000 none repeat scroll 0 0;
    bottom: 4px;
    content: "";
    height: 1px;
    position: absolute;
    right: -1px;
    transform: rotate(13deg);
    width: 41px;
    transition: all 0.3s ease-in 0s
}
.include-text {overflow: hidden}
.include-text > h4, .contact-text > h4, .about-text-container > h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 5px;
    margin-top: 4px;
    text-transform: uppercase;
}
.include-text > p {margin-bottom: 0}
.include-item {overflow: hidden}
.include-item:hover .include-text h4, .contact-info:hover .contact-text h4 {color: #ffb400}
.include-item:hover .include-icon {color: #ffffff}
.include-item:hover .include-icon, .contact-info:hover .contact-image {
    background: #ffb400 none repeat scroll 0 0;
    border-color: #ffb400;
}
.include-item:hover .include-icon::before, .include-item:hover .include-icon::after, .contact-info:hover .contact-image::after, .contact-info:hover .contact-image::before {
    display: none;
}
/*----------------------------------------*/
/*  20.3 Trip Pricing Area
/*----------------------------------------*/
.trip-pricing-area {background: rgba(0, 0, 0, 0) url("../img/19.jpg") repeat scroll center top / cover}
.trip-pricing-area table td {
    color: #ffffff;
    font-weight: 300;
    line-height: 44px;
}
.trip-pricing-area table thead td {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
.trip-pricing-area table thead td span {
    color: #a0a0a0;
    font-size: 12px;
    font-weight: 300;
}
.trip-pricing-area thead tr:first-child {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border: 1px solid #000000;
    height: 61px;
}
.trip-date {padding-left: 28px; width: 34%}
.trip-pricing-area table {width: 100%}
.trip-status, .trip-price {width: 50%}
.trip-action {width: 16%}
.trip-pricing-area tbody {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border: 1px solid #000000;
}
.trip-pricing-area td.transparent {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    overflow: hidden;
    padding-top: 1px;
}
.trip-pricing-area table tbody tr:first-child td {padding-top: 18px}
.trip-pricing-area table tbody tr:last-child td {padding-bottom: 23px}
.trip-pricing-area table tbody tr:first-child td:last-child {padding-top: 28px}
.booking-button-two {
    background: #ffb400 none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    font-size: 18px;
    line-height: 38px;
    margin-bottom: 10px;
    padding: 0 25px;
    text-transform: uppercase;
}
/*----------------------------------------*/
/*  21. Product Details Two Page
/*----------------------------------------*/
header.fixed {position: inherit}
header.fixed .header-top {
    background: #0d0e10 none repeat scroll 0 0;
    padding: 10px 0 27px;
}
header.fixed .currency-menu ul > li > a, header.fixed .language-menu ul > li > a, header.fixed .header-r-cart > li > a, header.fixed .account > a, header.fixed .login > a {
    color: #ffffff;
}
header.fixed .currency-menu ul > li > a:hover, header.fixed .language-menu ul > li > a:hover, header.fixed .header-r-cart > li > a:hover, header.fixed .account > a:hover, header.fixed .login > a:hover {
    color: #777777 !important;
}
header.fixed .currency-dropdown li a, header.fixed .language-dropdown li a {color: #000000 !important}
header.fixed .currency-dropdown li a:hover, header.fixed .language-dropdown li a:hover {color: #888888 !important}
header.fixed .logo-menu-bg {background: #212227 none repeat scroll 0 0}
header.fixed .header-logo-menu {
    left: 0;
    position: absolute;
    right: 0;
    top: 49px;
}
.details-two .trip-info-left-text {padding-top: 112px}
.details-two .trip-booking-info {padding-top: 171px}
.trip-information.details-two {background: #edecec url("../img/24.png") no-repeat scroll right top / 57% 100%}
/*----------------------------------------*/
/*  21.1 Trip Gallery
/*----------------------------------------*/
.trip-gallery .section-title {margin-bottom: 62px}
.single-gallery-item.hover-effect {margin-bottom: 20px}
.gallery-image {overflow: hidden}
.gallery-image.box-hover a::after {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
}
.gallery-text h2 {
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 7px;
}
.gallery-text h2 a {color: #ffb400}
.gallery-text h2 a:hover {color: #fff}
.gallery-text h4 {
    color: #ffffff;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 33px;
}
.gallery-link a {
    color: #ffffff;
    font-size: 18px;
    padding: 0 4px;
}
.gallery-link a:hover {color: #ffb400}
.gallery-text {
    bottom: 0;
    content: "";
    height: calc(100% - 40px);
    left: 20px;
    position: absolute;
    right: 0;
    top: 20px;
    width: calc(100% - 40px);
}
.single-gallery-item.hover-effect {position: relative}
.gallery-image.box-hover a {display: block}
.middle-text {
    position: relative;
    text-align: center;
    top: 35.7%;
    transition: all 0.3s ease-in 0s;
    opacity: 0
}
.single-gallery-item:hover .middle-text {opacity: 1}
/*----------------------------------------*/
/*  22. Blog Page
/*----------------------------------------*/
.banner-area.blog-one {
    background: rgba(0, 0, 0, 0) url("../img/20.jpg") no-repeat scroll center top / cover ;
    padding-top: 297px;
}
.blog-one .breadcrumb, .blog-two .breadcrumb {margin: 50px auto 0}
/*----------------------------------------*/
/*  22.1 Blog Page Sidebar
/*----------------------------------------*/
.blog-post-area .widget-categories a {padding-left: 0}
.blog-post-area .widget-categories a:hover {color: #ffb400}
#text-search {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #bcbcbc;
    height: 48px;
    line-height: 47px;
    position: relative;
}
.blog-page-area .sidebar-single-widget {margin-bottom: 30px}
.blog-post-area .single-sidebar-widget > h4 {line-height: 17px}
#text-search input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #4e4e4e;
    outline: medium none;
    padding: 0 9px;
    width: 82%;
}
#text-search .submit {
    background: #ffb400 none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    font-size: 25px;
    height: 48px;
    position: absolute;
    right: -1px;
    text-align: center;
    top: -1px;
    transition: all 0.3s ease-in 0s;
    width: 50px;
}
#text-search .submit:hover {color: #ffb400; background: transparent}
.blog-post-area .widget-categories a {line-height: 16px;margin-bottom: 14px}
.posts-text a {font-family: "Open Sans",sans-serif; font-size: 14px;}
.post-img {float: left; margin-right: 9px;}
.post-img a {display: block}
.single-widget-posts {margin-bottom: 30px; overflow: hidden}
.posts-text a:hover {color: #ffae00}
.posts-text {display: inline-block; margin-top: 6px;}
.posts-text > p {color: #6b6b6b}
.posts-text > h4 {margin-bottom: 7px}
.posts-text p i {margin-right: 4px}
.blog-post-area .tooltip-icons .widget-icon a {display: block}
.blog-post-area .tooltip-icons .widget-icon > span {margin-bottom: 40px}
.widget-gallery a {display: block; margin-bottom: 30px}
/*----------------------------------------*/
/*  22.2 Blog Page Content
/*----------------------------------------*/
.single-blog-post {
    margin-bottom: 40px;
    position: relative;
}
.single-blog-post-img .date-time .date {
    font-weight: 700;
    line-height: 68px;
    margin-bottom: 5px;
    padding-left: 18px;
    width: 99px;
}
.single-blog-post-img .date-time {
    right: 3px;
    top: 3px;
    text-transform: uppercase;
    padding-left: 2px
}
.single-blog-post-img .date-time .date::after {
    left: -10px;
    transform: skewX(15deg);
    width: 20px;
}
.single-blog-post-img .date-time .month {
    font-size: 20px;
    line-height: 58px;
    padding-left: 0;
    position: relative;
    width: 71px;
    z-index: 9999;
}
.single-blog-post-img .date-time .month::after {
    left: -19px;
    transform: skewX(16deg);
    width: 28px;
    z-index: -1;
}
.single-blog-post-img {border: 3px solid #e1e1e1}
.single-blog-post-text h4 a {font-family: "Open Sans",sans-serif; font-size: 25px;}
.author-comments span {color: #696969; margin-right: 30px;}
.author-comments span i {margin-right: 7px}
.single-blog-post-text {margin-top: 36px}
.single-blog-post-text h4 a:hover {color: #ffae00}
.single-blog-post-text > p {
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
}
.author-comments {margin-bottom: 30px}
.blog-button, .submit-button {
    background: #ffae00 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    line-height: 38px;
    padding: 0 27px;
    text-transform: uppercase;
}
.blog-links a {
    border: 1px solid #606060;
    color: #858585;
    display: inline-block;
    font-size: 24px;
    height: 38px;
    line-height: 38px;
    margin-left: 5px;
    position: relative;
    text-align: center;
    width: 42px;
}
.blog-links {display: inline-block; float: right;}
.blog-links > a:hover::after {
    animation: 500ms ease-in-out 0s normal none 1 running zoomIn;
    background: #ffae00 none repeat scroll 0 0;
    border-color: #ffae00;
    color: #ffffff;
    content: "";
    height: 38px;
    left: 0;
    position: absolute;
    top: -1px;
    transform: skewX(-9deg);
    width: 42px;
}
.blog-links > a:hover {border-color: rgba(0, 0, 0, 0)}
.blog-links > a i {position: relative; z-index: 9;}
.blog-links > a:hover {color: #ffffff;}
.blog-button-links {margin-top: 38px}
/*----------------------------------------*/
/*  23. Blog Page Two
/*----------------------------------------*/
.banner-area.blog-two {
    background: rgba(0, 0, 0, 0) url("../img/21.jpg") no-repeat scroll center top / cover ;
    padding-top: 298px;
}
.banner-area.blog-two::before {background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0}
.blog-post-two .single-blog-post {margin-bottom: 60px}
.blog-post-two .single-blog-post:nth-child(5) {margin-bottom: 40px}
.blog-post-two .blog-image {
    border: 3px solid #e1e1e1;
    overflow: hidden;
    transition: all 0.3s ease-in 0s;
}
.blog-two-text-container {
    margin-right: 50px;
    padding-bottom: 27px;
    position: relative;
}
.blog-post-two .single-blog-post-text {margin-top: 36px; padding-top: 35px;}
.blog-post-two .blog-button-links {margin-top: 34px}
.button-dark {background: #212227 none repeat scroll 0 0 !important}
.button-dark:hover {background: #ffb400 none repeat scroll 0 0 !important; color: #ffffff;}
.blog-post-two .single-blog-post:hover .blog-image {border-color: #191919}
.blog-post-two .date-time {
    margin-top: -42.5px;
    opacity: 0;
    right: 0;
    top: 50%;
    transition: all 0.3s ease-in 0s;
}
.blog-post-two .date, .blog-post-two .date::after {background: #00C0FF  none repeat scroll 0 0}
.blog-post-two .single-blog-post:hover .date-time {opacity: 1}
.blog-post-two .date {z-index: 99}
.blog-post-two .date::after {z-index: -1}
.blog-post-two .single-blog-post:hover .blog-two-text-container::before {
    background: #191919 none repeat scroll 0 0;
    border-bottom: 4px solid #00C0FF;
    content: "";
    height: 100%;
    left: -30px;
    position: absolute;
    top: 0;
    width: calc(100% + 30px);
    z-index: -1;
}
.blog-post-two .single-blog-post:hover .blog-two-text-container::after {
    background: #191919 none repeat scroll 0 0;
    content: "";
    height: calc(100% + 0.5px);
    position: absolute;
    right: -35px;
    top: 0;
    transform: skewX(-5deg);
    width: 78px;
    z-index: -1;
    border-bottom: 4px solid #00C0FF;
}
.blog-post-two .single-blog-post:hover .blog-links > a {border-color: #858585}
.blog-post-two .single-blog-post:hover .blog-links > a:hover {border: medium none rgba(0, 0, 0, 0)}
.blog-post-two .single-blog-post-img .date-time .date {font-weight: 400}
.blog-post-two:hover .single-blog-post-text h4 a {color: #f5ad01}
.blog-post-two .single-blog-post:hover .single-blog-post-text h4 a {color: #00C0FF }
.blog-post-two .single-blog-post .single-blog-post-text h4 a:hover {color: #ffffff}
.blog-post-two .author-comments > span {color: #a3a3a3}
.blog-post-two .single-blog-post:hover .single-blog-post-text > p {color: #ffffff}
.blog-post-two .single-blog-post:hover .blog-button {background: #00C0FF none repeat scroll 0 0 !important}
.blog-post-two .single-blog-post .blog-button:hover {color: #313131 !important}
/*----------------------------------------*/
/*  24. Blog Deatils Page
/*----------------------------------------*/
.single-blog-post.blog-post-details .single-blog-post-text h4 {
    font-family: "Open Sans",sans-serif;
    font-size: 25px;
    font-weight: 600;
}
.single-blog-post-text > p.dark-bold {
    font-size: 20px;
    font-style: italic;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 26px;
    padding-top: 14px;
}
.blog-tags {
    font-size: 20px;
    line-height: 14px;
    text-transform: uppercase;
}
.blog-tags > a {
    font-size: 16px;
    font-weight: 300;
    text-transform: capitalize;
}
.blog-tags > a:hover {color: #ffae00}
.blog-post-details .blog-button-links {margin-top: 52px; overflow: hidden}
.blog-comments {
    border-top: 1px solid #e1e1e1;
    overflow: hidden;
    padding-top: 52px;
}
.single-blog-post.blog-post-details {margin-bottom: 57px}
.blog-post-details .blog-links {margin-right: 4px}
h4.blog-title {margin-bottom: 36px}
.author-image {float: left; width: 100px}
.comment-text {overflow: hidden}
.author-info > h4 {
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 14px;
    margin-bottom: 19px;
}
.author-info h4 a:hover {color: #ffae00}
.comment-text > p {
    border-top: 1px dashed #bdc1c5;
    font-weight: 300;
    padding-top: 16px;
}
span.comment-time {
    border-right: 1px solid #2f2f2f;
    color: #5c5c5c;
    font-weight: 300;
    margin-right: 21px;
    padding-right: 21px;
}
.comment-time, span.reply {float: right; line-height: 15px}
span.reply a, span.reply {color: #ffae00}
span.reply a:hover {color: #000000}
span.reply i {margin-right: 3px}
.single-comment {margin-bottom: 48px; overflow: hidden;}
.single-comment.comment-reply {padding-left: 100px}
.leave-comment {margin-top: 37px}
.comment-form label {
    display: inline-block;
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 6px;
    position: relative;
    text-transform: capitalize;
}
.comment-form label.required::after {
    color: #ff0000;
    content: "*";
    position: absolute;
    right: -8px;
    top: 0;
}
.comment-form input[type="text"], .comment-form input[type="email"] {
    border: 1px solid #bcbcbc;
    font-weight: 300;
    height: 43px;
    margin-bottom: 16px;
    padding: 0 10px;
    width: 100%;
}
.leave-comment h4.blog-title {margin-bottom: 32px}
.comment-form textarea {
    border: 1px solid #bcbcbc;
    height: 213px;
    padding: 10px;
    resize: none;
    width: 100%;
}
.comment-btn {
    background: #212227 none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    line-height: 43px;
    margin-top: 4px;
    padding: 0 41px;
    text-transform: uppercase;
    transition: all 0.3s ease-in 0s
}
.comment-btn:hover {background: #ffae00 none repeat scroll 0 0}
/*----------------------------------------*/
/*  25. 404 Error Page
/*----------------------------------------*/
.error-area {
    background: #edecec url("../img/27.png") no-repeat scroll right top / 50% 100%;
    padding-bottom: 107px;
    padding-top: 180px;
}
.error-text-container > h1, .error-text-container > h2 {
    font-family: "Open Sans",sans-serif;
    font-size: 70px;
    font-weight: 700;
}
.error-text-container > h2 {font-size: 50px; margin-bottom: 44px;}
.error-text-container {padding-left: 13px}
.error-area .col-md-6 {padding-right: 0}
.error-text-container > p {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-top: 31px;
}
.error-area #text-search {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.error-text-container > a {
    background: #ffb400 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-size: 20px;
    font-weight: 300;
    line-height: 43px;
    margin-top: 23px;
    padding: 0 23px;
    text-transform: uppercase;
}
.error-text-container > a:hover {background: #212227 none repeat scroll 0 0}
/*----------------------------------------*/
/*  26. Contact Page
/*----------------------------------------*/
.banner-area.contact-banner, .banner-area.about-banner {
    background: rgba(0, 0, 0, 0) url("../img/22.jpg") no-repeat scroll center top /cover;
    padding-top: 292px;
}
.contact-banner .breadcrumb, .about-banner .breadcrumb {margin: 46px auto 0}
.contact-information-area .section-title {margin-bottom: 64px}
.contact-image, .about-image {
    float: none;
    height: 99px;
    margin: 0 auto;
    padding: 0;
    width: 99px;
}
.contact-image::after, .contact-image::before, .about-image::after, .about-image::before {width: 51px}
.contact-image::before, .about-image::before {
    bottom: 5px;
    left: -1px;
    transform: rotate(-12deg);
}
.contact-image::after, .about-image::after {
    bottom: 5px;
    right: -1px;
    transform: rotate(12deg);
}
.contact-icon, .about-icon {
    display: table;
    height: 87px;
    width: 100%;
}
.icon-table-cell {display: table-cell; vertical-align: middle}
.contact-info:hover .contact-icon {height: 100%}
.contact-info:hover {transition: all 0.3s ease-in 0s}
.secondary-img, .contact-info:hover .contact-icon img.primary-img, .about-info:hover .about-icon img.primary-img, .single-service:hover .single-icon img.primary-img, .single-fun-factor:hover img.primary-img, .single-icon-three:hover img.primary-img, .single-skill-item:hover img.primary-img {
    display: none;
}
.contact-info:hover .contact-icon img.secondary-img, .about-info:hover .about-icon img.secondary-img, .single-service:hover .single-icon img.secondary-img, .single-fun-factor:hover img.secondary-img, .single-icon-three:hover img.secondary-img, .single-skill-item:hover img.secondary-img {
    display: inline-block;
    text-align: center;
}
.contact-text > h4, .about-text-container h4 {
    font-size: 25px;
    margin-bottom: 24px;
    margin-top: 25px;
}
.contact-text > p {font-weight: 300; margin-bottom: 0;}
.contact-form {position: relative; height: 500px;}

.google-map-area {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.map {height: 737px; margin: 0 auto; width: 100%;}
.contact-us-form {position: relative; z-index: 9;}
.contact-form .section-title {margin-bottom: 22px}
input.form-box {
    border: 1px solid #d9d9d9;
    color: #2f2f2f;
    font-weight: 300;
    height: 48px;
    margin-bottom: 40px;
    padding: 0 18px;
    width: 100%;
}
textarea.yourmessage {
    border: 1px solid #d9d9d9;
    color: #2f2f2f;
    font-weight: 300;
    height: 178px;
    padding: 18px;
    resize: none;
    width: 100%;
}
.submit-button:hover {background: #ffae00 none repeat scroll 0 0}
.submit-button {
    background: #212227 none repeat scroll 0 0;
    border: 0 none;
    margin: 40px auto 0;
    transition: all 0.3s ease-in 0s;
    display: block;
}
.contact-form form p {color: #444444; margin-bottom: 20px;}
/*----------------------------------------*/
/*  27. Signin Page
/*----------------------------------------*/
.banner-area.signin-banner {
    background: rgba(0, 0, 0, 0) url("../img/28.jpg") no-repeat scroll center top / cover;
    padding-top: 292px;
}
.banner-area.signin-banner::before {background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0}
.signin-banner .breadcrumb {margin: 46px auto 0}
.section-title.text-center.title-left {margin-bottom: 22px}
.sign-in-buttons a {
    color: #ffffff;
    display: block;
    font-size: 20px;
    font-weight: 300;
    height: 48px;
    line-height: 48px;
    position: relative;
    text-align: center;
    transition: all 0.3s ease-in 0s;
    width: calc(100% - 10px);
    text-transform: uppercase;
    margin-bottom: 40px
}
.sign-in-buttons a.facebook::after {background: #3d5c98 none repeat scroll 0 0}
.sign-in-buttons a.twitter::after {background: #1ab2e8 none repeat scroll 0 0}
.sign-in-buttons a::after {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 5px;
    position: absolute;
    top: 0;
    transform: skewX(-10deg);
    width: 100%;
    z-index: -1;
}
.sign-in-buttons a.facebook:hover::after {background: rgba(61, 92, 152, 0.9) none repeat scroll 0 0}
.sign-in-buttons a.twitter:hover::after {background: rgba(26, 178, 232, 0.9) none repeat scroll 0 0}
.sign-in-form .form-box, .sign-up-form .form-box {
    height: 43px;
    line-height: 43px;
    border-color: #c1c1c1
}
.sign-in-settings input {margin: 0 6px 0 0; position: relative; top: 1px}
.sign-in-settings > input:focus {outline: medium none}
.sign-in-settings > span {
    color: #2f2f2f;
    display: inline-block;
    line-height: 12px;
}
.sign-in-settings > a {color: #ffb400; float: right; line-height: 15px}
.sign-in-settings > a:hover {color: #333333}
.sign-in-form .submit-button {background: #ffb400 none repeat scroll 0 0; margin-top: 36px}
.sign-in-form .submit-button:hover {background: #212227 none repeat scroll 0 0}
.sign-in-area .section-title p {font-size: 14px; line-height: 25px;}
.section-title.title-right {margin-bottom: 37px}
.sign-up-form .submit-button {margin-top: 0}
.sign-in-area .submit-button {height: 43px; line-height: 43px; width: 170px;}
/*----------------------------------------*/
/*  28. About Page
/*----------------------------------------*/
/*----------------------------------------*/
/*  28.1 About Information Area
/*----------------------------------------*/
.about-information-area {padding-bottom: 74px; padding-top: 100px}
.about-text-container p {margin-bottom: 0}
.about-text-container {padding: 0 12px}
.about-info:hover .about-text-container {padding: 0}
.about-info {margin-top: 26px; min-height: 284px; position: relative}
.about-info .about-bg {
    background: #ffb400 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: none;
    height: 89%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}
.about-info:hover .about-bg {display: block}
.about-info:hover {margin-top: 0;}
.about-info:hover .about-text-container p {font-size: 16px; line-height: 26px}
.about-info:hover .about-text-container > h4 {font-weight: 700; margin-bottom: 20px}
.about-info:hover .about-icon {background: #000000 none repeat scroll 0 0}
.about-icon {position: relative}
.about-icon:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 1) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 1);
    border-image: none;
    border-style: solid;
    border-width: 6px 29.5px;
    bottom: -11px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
    display: none
}
.about-info:hover .about-icon:before {display: block}
.about-icon::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #000000 #000000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 6px 29.5px;
    bottom: -11px;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    width: 0;
    display: none
}
.about-info:hover .about-icon:after {display: block}
.about-info::before {
    background: #ffb400 none repeat scroll 0 0;
    content: "";
    height: 52px;
    left: 0;
    position: absolute;
    top: 21px;
    transform: skewY(13deg);
    width: 50%;
    display: none
}
.about-info:hover:before {display: block}
.about-info::after {
    background: #ffb400 none repeat scroll 0 0;
    content: "";
    height: 52px;
    right: 0;
    position: absolute;
    top: 21px;
    transform: skewY(-13deg);
    width: 50%;
    display: none;
    z-index: -1
}
.about-info:hover:after {display: block}
/*----------------------------------------*/
/*  28.2 About Adventures
/*----------------------------------------*/
.about-adventures {background: #edecec url("../img/29.png") no-repeat scroll right top / 56% 100%}
.about-adventures .section-title {margin-bottom: 0}
.about-adventures .details-social-link > a {border-color: #858585}
.about-adventures .details-social-link > a:hover {border-color: #212227; color: #212227}
.about-adventures .button-one:hover {background: #FFB400}
/*----------------------------------------*/
/*  28.3 About Service Area
/*----------------------------------------*/
.about-service-area {
    background: rgba(0, 0, 0, 0) url("../img/30.jpg") no-repeat scroll center top / cover;
    padding-bottom: 86px;
    padding-top: 94px;
}
.single-about-service {margin-bottom: 63px}
.about-service-icon {
    display: inline-table;
    float: left;
    height: 40px;
    margin-right: 9px;
    position: relative;
    width: 48px;
}
.about-service-icon > img {bottom: 0; position: absolute}
.table-title {display: inline-table; height: 47px}
.about-service-title h4 {
    color: #ffffff;
    display: table-cell;
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 0;
    text-transform: uppercase;
    vertical-align: middle;
}
.about-service-title {margin-bottom: 16px; overflow: hidden;}
/*----------------------------------------*/
/*  28.4 Skills Area
/*----------------------------------------*/
.skills-area .section-title {margin-bottom: 62px}
.single-skill-item {height: 122px}
.single-skill-item:hover .single-skill-icon, .single-skill-item:hover .single-skill-icon::after, .single-skill-item:hover .single-skill-icon::before, .single-skill-item:hover .skill-border-left, .single-skill-item:hover .skill-border-right {
    background: #000000 none repeat scroll 0 0;
    border-color: #000000;
}
.single-skill-item:hover .skill-border-left::after, .single-skill-item:hover .skill-border-right::after {
    background: #000000 none repeat scroll 0 0;
    bottom: -32px;
    transform: rotate(90deg);
}
.single-skill-item:hover .skill-border-right::after {transform: rotate(-90deg);}
.single-skill-item:hover .single-skill-icon::after {border-width: 6px 63.5px;}
.single-about-service > p {
    color: #ffffff;
    font-weight: 300;
    line-height: 25px;
}
.single-skill-icon {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: #bcbcbc;
    float: left;
    height: 109px;
    text-align: center;
    width: 128px;
}
.skill-border-left::after {
    background: #bcbcbc none repeat scroll 0 0;
    bottom: -28px;
    height: 65px;
    left: 33px;
}
.skill-border-left, .skill-border-right {background: #bcbcbc none repeat scroll 0 0; height: 119.5px;}
.skill-border-right::after {
    background: #bcbcbc none repeat scroll 0 0;
    bottom: -28px;
    height: 65px;
    right: 33px;
}
.single-skill-icon::before {
    border-color: #ffb400 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffb400;
    border-width: 6px 56.5px;
    bottom: -11px;
}
.single-skill-icon::after {
    border-color: #ffb400 #ffb400 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-width: 6px 51.5px;
    bottom: -11px;
    right: 1px;
}
.skill-bg {
    background: #ffb400 none repeat scroll 0 0;
    bottom: 0;
    height: 82%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}
.low .skill-bg {height: 63%}
.medium .skill-bg {height: 76%}
.single-skill-icon > img {
    bottom: 20px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    z-index: 99;
}
.single-skill-text {
    display: inline-block;
    margin-left: 20px;
    padding-top: 28px;
}
.single-skill-text > h4, .single-skill-text h3 {
    color: #000000;
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 3px;
    text-transform: uppercase;
}
.single-skill-text > h3 {font-size: 35px}
/*----------------------------------------*/
/*  28.5 Advertise Area
/*----------------------------------------*/
.advertise-area {
    background: rgba(0, 0, 0, 0) url("../img/31.jpg") no-repeat scroll center center / cover;
    color: #ffffff;
    font-size: 30px;
    padding-bottom: 81px;
    padding-top: 84px;
}
.advertise-area a {
    color: #ffb400;
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.3s ease-in 0s;
}
.advertise-area a:hover {color: #ffffff}
/*----------------------------------------*/
/*  29. Scrollup
/*----------------------------------------*/
#scrollUp {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    bottom: 45px;
    color: #ffffff;
    cursor: pointer;
    display: none;
    font-size: 28px;
    height: 45px;
    line-height: 40px;
    position: fixed;
    right: 12px;
    text-align: center;
    width: 45px;
    z-index: 9999;
}
#scrollUp:hover {
    background-color: #000;
}
/*----------------------------------------*/
/*  RESET BY ANDRES DIAZ
/*----------------------------------------*/
html {
  scroll-behavior: smooth;
}
.logo img {
    height: 60px;
}
.badge {
    background-color: #8bc34a;
}
.videobg {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    z-index: -1;
}
.videobg:after {
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, 0.75);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2222;
}

.text-content h1 {
    text-transform: uppercase;
    color: white;
    font-size: 3.6rem;
    font-weight: 900;
}

.text-content h2 {
    text-transform: uppercase;
    color: #f5f5f5;
    font-size: 2.2rem;
    font-weight: bold;
}
.text-content ul {
    color: #ffffff;
    list-style-type: square;
    padding-left: 16px;
    line-height: 28px;
}

.slider-area.slider-three {
    height: auto;
    position: relative;
    overflow: hidden;
}

.slider-area.slider-three:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background-color: rgb(22 55 100 / 50%);
    z-index: 0;
    backdrop-filter: blur(10px);
}

.about-area .section-padding {
    background-color: rgba(255, 255, 255, 0.63);
    border-radius: 30px;
}
.about-area .section-padding {
    padding: 50px;
}
.about-text {
    text-align: left;
}

.about-text li {
    list-style-type: square;
    line-height: 26px;
}
.section-title h1 {
    font-size: 3rem;
}
.cover {
    height: 300px;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    flex: 0 0 32%;
    width: 32%;
    float: left;
    margin: 0.5%;
}
.w50 {
    flex: 0 0 49%;
    width: 49%;
}
.cover img {
    opacity: 0;
}
.section {
    padding: 0px;
    /* padding: 90px 0; */
    background-position: right top;
    background: rgba(0, 0, 0, 0) url(../img/bg.jpg) no-repeat scroll center top
}

.fun-factor-three .single-icon-three:hover .icon-border-left {
    background: rgb(142, 220, 57) none repeat scroll 0 0 !important
}
.fun-factor-three .single-icon-three:hover h4, .fun-factor-three .single-icon-three:hover h5 {
    color: #ffffff;
}
.fun-factor-three .single-icon-three {
    width: 100%;
}
.best-sell-three {
    background-color: #02b4fe;
    color: white;
    padding-top: 0;
}
.best-sell-three .section-title.title-three h1 span {
    color: #000;
}
.best-sell-link a {
    color: #ffffff;
}
.padtop100 {
    padding-top: 100px;
}
.box-hover span {
    color: white;
    width: 100%;
    padding: 8px;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
}
.box-hover img {
    border-radius: 10px;
    border: solid 5px #e2e2e2;
}
.carousel-control {
  background: #666;
  border: 0px;
  border-radius: 0px;
  display: inline-block;
  font-size: 34px;
  font-weight: 200;
  line-height: 18px;
  opacity: 0.5;
  padding: 4px 10px 0px;
  position: static;
  height: 30px;
  width: 15px;
}
.control-box {
    display: flex;
    position: absolute;
    left: 0;
    top: -45px;
    width: 80px;
}
a.carousel-control {
    width: 35px;
}
.single-blog {
    margin-bottom: 60px;
    /*transform: skewX(-3deg);*/
}
.mainmenu ul#nav > li:hover > a {
    color: #00BCD4;
}
ul.image-bottom img {
    height: 40px;
    opacity: 0.3;
}
.image-top {
    text-align: center;
    padding: 12px;
    color: #00BCD4;
}
.adventure-list-container {
    padding-bottom: 30px;
}
.adventure-img {
    border-left: 3px solid #f0f0f0;
    border-top: 3px solid #f0f0f0;
    border-bottom: 3px solid #f0f0f0;
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}
.form-control {
    border-radius: 30px;
}
.btn {
    width: 100%;
}
.map-area {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
}

.map-area iframe {
    width: 100%;
    height: 100%;
    filter: grayscale(1);
}
.flex {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.single-icon-three.rotate-bg-icon, .single-icon-three {
    margin-top: 0;
    height: 110px;
    width: 110px;
}
.single-icon-three h5 {
    font-size: 11px;
}
.slider-three .slider-icon-container {
    margin-top: 3%;
}
.single-icon-three > img {
    margin: 20px auto 10px;
    height: 40px;
}
.flex .single-icon-three {
    border: solid 2px white;
    background-color: transparent;
}
.carousel-v1 .carousel-caption {
   left: 0;
   right: 0;
   bottom: 0;
   padding: 7px 15px;
   background: rgba(0, 0, 0, 0.7);
}

.carousel-v1 .carousel-caption p {
   color: #fff;
   margin-bottom: 0;
}

.carousel-v1 .carousel-arrow a.carousel-control {
   opacity: 1;
   font-size:30px;
   height:inherit;
   width: inherit;
   background: none;
   text-shadow: none;
   position: inherit;
}

.carousel-v1 .carousel-arrow a i {
   top: 50%;
   opacity: 0.6;
   margin-top: -18px;
   padding: 2px 12px; 
   position: absolute;
}
.carousel-v1 .carousel-arrow a i:hover {
   opacity: 0.8;
}

.carousel-v1 .carousel-arrow a.left i {
   left: 0;
}
.carousel-v1 .carousel-arrow a.right i {
   right: 0;
}
#myCarousel {
    margin-top: 25vh;
    height: 450px;
}
nav#mainNav {
    display: none;
}
#interCarousel {
    height: 300px;
    overflow: hidden;
}
input.cien {
    width: 100%;
    padding: 5px;
}

.single-portfolio{
    border-radius: 20px;
}
.single-blog-post-img {
    border-radius: 20px;
}

.carousel-inner {
    border-radius: 20px;
}
.click1, .click2, .click3, .click4, .click5, .click6, .click7 {
    position: absolute;
    background-color: transparent;
    z-index: 1;
    width: 19%;
    height: 16%;
    border-radius: 50%;
    transition: all 0.3s ease 0s
}
.click1:hover, .click2:hover, .click3:hover, .click4:hover, .click5:hover, .click6:hover, .click7:hover {
    background-color: rgba(142, 220, 57, 0.5);
}
.click1 {
    left: 27%;
    top: 13.8%;
}
.click2 {
    right: 27.2%;
    top: 7.8%;
}
.click3 {
    left: 27%;
    top: 35.5%;
}
.click4 {
    right: 27.2%;
    top: 29.1%;
}
.click5 {
    left: 27%;
    top: 56.8%;
}
.click6 {
    right: 27.2%;
    top: 48.5%;
}
.click7 {
    width: 14%;
    height: 11.2%;
    right: 43%;
    top: 82.5%;
}
.btn-pay {
    color: #fff;
    background-color: transparent;
    border-color: #ffffff;
    margin: 0;
    width: auto!important;
    padding: 5px 20px;
    font-size: 2rem;
    border-radius: 50px;
    border: solid 3px white;
    transition: all 0.3s ease 0s;
    line-height: inherit!important;
}
.btn-pay:hover {
    color: #fff!important;
    background-color: #39afdc;
}
table.table tbody tr td {
    padding: 15px 30px;
}
thead th {
    font-size: 2em;
    text-align: center;
    text-transform: uppercase;
}
table.table tbody tr td:first-child {
    background-color: #005cb9;
    color: white;
    font-size: 3rem;
    font-weight: 600;
    border-bottom: 1px solid #fff;
}
.widget-categories {
    border: solid 2px #06c1ff;
    padding: 20px;
    border-radius: 20px;
}
.widget-categories li a {
    color: #8bc34a;
    border-bottom: dashed 1px #4597b1;
    padding-bottom: 5px;
}
span.trip-level {
    width: 100%;
}
.flex2 {
    display: flex;
    align-items: center;
}
i.fa.fa-calendar {
    margin: 0 15px;
}
.fa-calendar + .form-control {
    width: auto;
    flex: 0 0 50%;
}
.fixed-filter {
    position: absolute;
    z-index: 20;
    width: 40%;
    height: 60px;
    background: rgba(135, 201, 59, 0.78);
    margin: -170px 30% 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    left: 0;
}
.fixed-filter a {
    margin: 0 5px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    padding: 6px;
    opacity: 1;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    border-radius: 20px;
}

#portfolio {  
    margin: 1rem 0;
    -webkit-column-count: 3; 
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-column-width: 33.33333333333333%;
    -moz-column-width: 33.33333333333333%;
    column-width: 33.33333333333333%;
}
.gallery-filter-active, .fixed-filter a:hover {
    background-color: #3bcdcd;
    box-shadow: 0px 0px 10px -4px rgba(0, 0, 0, 0.7);
}

.portfolio-item {
    display: block;
    height: 100%;
    width: 100%;
    z-index: 2;
    position: relative;
    transition: all 0.2s ease-in-out;
    margin-bottom: 1rem;
    transform: scale(0.98);
    opacity: 0.8;

}
.portfolio-item:hover {
    opacity: 1;
    transform: scale(1);
    z-index: 3;
}
.portfolio-item img {
    max-width: 100%;
    width: 100%;
    height: auto;
    position: relative;
    transition: all 0.2s ease-in-out;
    display: block;
    border-radius: 20px;
}
#lightbox, .lb-outerContainer, .lightboxOverlay {
    height: 100%;
    z-index: 999999;
}
img.lb-image {
    height: 80vh!important;
    width: auto!important;
}
a.lb-close {
    position: fixed;
    right: 30px;
    top: 30px;
    transform: scale(1.5);
    z-index: 999999;
}
.modal-dialog {
    max-width: 300px;
    margin-top: 20vh;
}
.modal-body {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
}
.modal-body ul {
    width: 98%;
}
.modal-body li {
    text-align: center;
    padding: 15px;

}
.modal-body a {
    background-color: #384695;
    padding: 12px;
    font-size: 20px;
    border-radius: 20px;
    margin: 0 auto;
    width: 80%;
    color: #fff;
    display: block;
}
.animated-words {
    width: 75%;
    display: flex;
    margin: 50px auto;
    height: 300px;
    border-left: solid 2px #0266a6;
    overflow: hidden;
    text-align: center;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow-wrap: break-word;
    word-wrap: break-word;

    /* Adds a hyphen where the word breaks */
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.animated-words span {
    width: 90%;
    position: absolute;
    opacity: 0;
    overflow: hidden;
    color: #000;
    font-size: 30px;
    line-height: 39px;
    font-family: 'Lato', sans-serif;
    -webkit-animation: animateWord 24s linear infinite 0s;
    -ms-animation: animateWord 24s linear infinite 0s;
    animation: animateWord 24s linear infinite 0s;
}
.animated-words span:nth-child(1) { 
    -webkit-animation-delay: 0s; 
    -ms-animation-delay: 0s; 
    animation-delay: 0s;
}
.animated-words span:nth-child(2) { 
    -webkit-animation-delay: 4s; 
    -ms-animation-delay: 4s; 
    animation-delay: 4s; 
}
.animated-words span:nth-child(3) { 
    -webkit-animation-delay: 8s; 
    -ms-animation-delay: 8s; 
    animation-delay: 8s;
}
.animated-words span:nth-child(4) { 
    -webkit-animation-delay: 12s; 
    -ms-animation-delay: 12s; 
    animation-delay: 12s;
}
.animated-words span:nth-child(5) { 
    -webkit-animation-delay: 16s; 
    -ms-animation-delay: 16s; 
    animation-delay: 16s;
}
.animated-words span:nth-child(6) { 
    -webkit-animation-delay: 20s; 
    -ms-animation-delay: 20s; 
    animation-delay: 20s;
}
@-webkit-keyframes animateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-100%); }
    5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
    20% { opacity: 0; -webkit-transform: translateY(100%); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}
@media only screen and (max-width: 750px) {
    body {
        padding-top: 70px;
    }
    .logo img {
        height: 40px;
    }
    nav#mainNav {
        display: block;
    }
    .cover {
        width: 100%;
    }
    .post-img, .blog-image > a {
        margin-right: 0;
        width: 100%;
    }
    .post-img img, .blog-image img {
        width: 100%;
    }
    .nav-link {
        color: white;
        padding: 10px!important;
        display: inline-block;
        width: 100%;
    }
    .text-content h1 {
        font-size: 3rem;
    }
    .text-content h2 {
        font-size: 1.6rem;
    }
    form#banner-searchbox {
        margin-top: 20px;
        flex-flow: column wrap;
        padding: 20px;
    }
    button#btn-search-category {
        position: relative;
        width: calc(100% - 30px);
        border-radius: 20px!important;
        margin: 15px;
    }
    button#btn-search-category:before {
        transform: rotate(0deg);
        height: 40px;
    }
    .slider-area .text-content, .slider-area.slider-three .text-content {
        margin-top: 4%!important;
        position: relative;
    }
    #myCarousel {
        margin-top: 20px;
    }
    .videobg {
        left: -93%;
    }
    .cover {
        margin: 0 0 30px;
        box-shadow: 3px 3px 13px rgba(0,0,0,0.2);
    }
    .w50 {
        flex: 0 0 100%;
        width: 100%;
        margin: 0.5% 0;
    }
    .carousel img {
        width: 100%;
    }
    .slider-area.slider-three {
        height: auto;
        position: relative;
        overflow-x: hidden;
        overflow-y: auto;
        padding-bottom: 50px;        
        width: 100%;
    }
    .navbar {
        min-height: inherit;
        margin-bottom: 10px;
    }
    button.navbar-toggler {
        position: fixed;
        right: 20px;
        top: 12px;
        z-index: 2;
        background-color: transparent;
        border: none;
        padding: 12px;
        color: #fff;
        z-index: 8888;
    }
    .fixed-filter {
        width: 96%;
        height: auto;
        margin: -150px 2% 0;
        padding: 10px;
    }
    .fixed-filter a {
        margin: 5px;
        padding: 6px;
        display: inline-block;
    }
    #portfolio {  
        -webkit-column-count: 2; 
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-width: 50%;
        -moz-column-width: 50%;
        column-width: 50%;
    }
    .portfolio-item {
        transform: scale(1);
        opacity: 1;

    }
    img.lb-image {
        height: auto!important;
        width: 96vw!important;
    }
    .navbar-nav>li>a {
        width: 100%!important;
        margin: 15px 0;
        color: #fff;
        font-size: xx-large;
    }
    .navbar-collapse li {
        display: inline-block;
        min-width: 18%;
        padding: 20px 0;
    }
    .payment-image {
        float: none;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
    }
    .payment-image img {
        height: auto;
        margin: 0 0 20px;
    }
    .animated-words {
        width: 100%;
        display: flex;
        margin: 0px auto;
        border-top: solid 2px #0266a6;
        border-left: none;
    }
    .animated-words span {
        width: 100%;
        font-size: 20px;
        line-height: 25px;
    }
}

.form-bg {
    background: #0b2241 none repeat scroll 0 0 !important;
}

.more-info {
    margin-top: 2rem;
    margin-bottom: 6rem;
}
/*
.slider-area.slider-three .text-content {
    margin-top: 25%;
}

#myCarousel {
    margin-top: 20vh;
    height: 400px;
}*/

.animated-words span {
    font-size: 1.7rem;
}