@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Client: Miteri Treks
    Project URI: http://miteritreks.com/
    Front End Developer: Ishwor Raj Chalise

-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
html, body {
  height: 100%;
}

.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;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px;
  font-family: 'Raleway', sans-serif;
}

a {
  -webkit-transition: all 0.3s ease 0s;
  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: 26px;
  margin-bottom: 18px;
  padding-bottom: 38px;
  position: relative;
  text-transform: uppercase;
  color: #5D0202;
}

.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: transparent url("../../static/img/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: transparent url("../../static/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: #00c0ff;
}

.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: transparent none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0;
  color: #ffffff;
  margin-left: 0;
  opacity: 1;
  position: relative;
  height: 25px;
  -webkit-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}

.carousel-style-one .owl-controls .owl-buttons div::after {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #979797;
  content: "";
  height: 25px;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: skewX(-10deg);
  transform: skewX(-10deg);
  width: 100%;
  -webkit-transition: all 0.3s ease-in 0s;
  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;
  -webkit-transition: all 0.3s ease-in 0s;
  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: transparent none repeat scroll 0 0;
  left: -25px;
  opacity: 0;
  position: absolute;
  top: 31%;
  -webkit-transition: all 0.3s ease-in 0s;
  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
/*----------------------------------------*/
.logo-menu-bg {
  background: red;
}

.logo {
  padding: 10px;
  display: inline-block;
}

.logo img {
  width: 50%;
}

.topheader {
  left: 0;
  right: 0;
  z-index: 999999;
  background: #C4B536 none repeat scroll 0 0;
  min-height: 60px;
}

/*----------------------------------------*/
/*  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-block;
}

.currency-menu > ul > li, .language-menu > ul > li {
  position: relative;
}

.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;
}

.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: 14px;
  line-height: 32px;
  position: relative;
}

.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%;
  -webkit-transition: all 0.4s ease-out 0s;
  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;
  -webkit-transition: all 0.2s ease-in-out 0s;
  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.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;
}

.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: "Raleway",sans-serif;
  font-size: 18px;
  line-height: 112px;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.mainmenu ul#nav > li:hover > a {
  color: #5D0202;
}

.mainmenu ul.sub-menu {
  left: 0;
  margin: 0;
  padding: 25px 0 25px 17px;
  position: absolute;
  text-align: left;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 218px;
  z-index: -9;
  background: white 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: white 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%;
  -webkit-transition: all 0.3s ease 0s;
  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;
}

.portfolio-area {
  margin-top: 75px;
}

/*----------------------------------------*/
/*  3. Slider Area
/*----------------------------------------*/
.nivo-directionNav {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}

.slider-area:hover .nivo-directionNav {
  opacity: 1;
}

.banner-content {
  height: 100%;
  position: relative;
}

.slider-area .text-content {
  max-width: 80%;
  position: absolute;
  right: 15px;
  text-align: center;
  top: 275px;
}

.banner-content h1, .banner-content h2, .banner-content h3 {
  text-transform: uppercase;
}

.banner-content h1 {
  -webkit-animation: 1500ms ease-in-out 0s normal none 1 running bounceInLeft;
  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 {
  -webkit-animation: 2000ms ease-in-out 0s normal none 1 running bounceInLeft;
  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 {
  -webkit-animation: 2500ms ease-in-out 0s normal none 1 running bounceInLeft;
  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 {
  -webkit-animation: 3000ms ease-in-out 0s normal none 1 running bounceInLeft;
  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: transparent url("../../static/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: transparent url("../../static/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: transparent 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;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: height;
  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;
  -webkit-transition: all 0.3s ease 0s;
  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;
  -webkit-transform: rotate(-6deg);
  transform: rotate(-6deg);
  width: 50%;
}

.single-service::after {
  background: #bcbcbc none repeat scroll 0 0;
  bottom: 4px;
  content: "";
  height: 1px;
  right: 0;
  position: absolute;
  -webkit-transform: rotate(6deg);
  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: transparent;
  background-image: url("../../static/img/banner/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: transparent url("../../static/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, 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: 16px;
  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%;
  -webkit-transition: all 0.3s ease-in-out 0s;
  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: 95px;
  left: -7px;
  opacity: 1;
  position: absolute;
  top: -76px;
  -webkit-transform: rotate(4deg) scale(1.1);
  transform: rotate(4deg) scale(1.1);
  -webkit-transform-origin: 0 bottom 0;
  transform-origin: 0 bottom 0;
  width: 100%;
}

.portfolio-text > p, .member-text > p {
  display: none;
  font-size: 13px;
  margin-bottom: 8px;
}

.portfolio-text p, .adventure-text p, .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-adventure:hover .adventure-text p, .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-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 {
  -webkit-animation: 1500ms ease-in-out 0s normal none 1 running flipInX;
  animation: 1500ms ease-in-out 0s normal none 1 running flipInX;
}

/*----------------------------------------*/
/*  7. Fun Factor Area
/*----------------------------------------*/
.fun-factor-area {
  background: transparent url("../../static/img/banner/3.jpg") no-repeat scroll center top/cover;
  margin-top: 100px;
  padding-bottom: 177px;
  padding-top: 100px;
  position: relative;
}

.fun-factor-area::before, .newsletter-area::before, .footer-widget-area::before {
  background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.fun-factor-area::after {
  background: transparent url("../../static/img/banner/transparent.png") no-repeat scroll center top/cover;
  bottom: -26px;
  content: "";
  height: 91px;
  left: 0;
  position: absolute;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 100%;
}

.fun-factor-area .section-title h1 {
  margin-bottom: 0;
}

.fun-factor-area .title-border::after, .partner-area .title-border::after {
  bottom: -7px;
}

.single-fun-factor, .single-skill-icon {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  border-top: 1px solid #000000;
  height: 161px;
  position: relative;
  width: 170px;
}

.single-fun-factor::before, .single-skill-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, 0.5) transparent transparent rgba(0, 0, 0, 0.5);
  -o-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 5px 42.5px;
  bottom: -10px;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}

.single-fun-factor::after, .single-skill-icon::after {
  -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, 0.5) rgba(0, 0, 0, 0.5) transparent transparent;
  -o-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 5px 42.5px;
  bottom: -10px;
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  width: 0;
}

.single-fun-factor:hover::before {
  border-color: #000000 black black #000000;
  border-width: 5px 43px;
}

.single-fun-factor:hover::after {
  border-color: #000000 #000000 black black;
  border-width: 5px 43px;
}

.single-fun-factor:hover {
  background: #000000 none repeat scroll 0 0;
}

.fun-border-left, .skill-border-left {
  background: #000 none repeat scroll 0 0;
  content: "";
  height: 170px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1px;
}

.fun-border-left::after, .skill-border-left::after {
  background: #000 none repeat scroll 0 0;
  bottom: -37px;
  content: "";
  height: 50%;
  left: 42px;
  position: absolute;
  -webkit-transform: rotate(83deg);
  transform: rotate(83deg);
  width: 1px;
}

.fun-border-right, .skill-border-right {
  background: #000 none repeat scroll 0 0;
  content: "";
  height: 170px;
  right: 0;
  position: absolute;
  top: 0;
  width: 1px;
}

.fun-border-right::after, .skill-border-right::after {
  background: #000000 none repeat scroll 0 0;
  bottom: -37px;
  content: "";
  height: 50%;
  position: absolute;
  right: 42px;
  -webkit-transform: rotate(97deg);
  transform: rotate(97deg);
  width: 1px;
}

.single-fun-factor > img {
  margin-bottom: 16px;
  margin-top: 28px;
}

.single-fun-factor h4, .single-fun-factor h5 {
  color: #ffffff;
  font-family: "Open Sans",sans-serif;
  text-transform: uppercase;
}

.single-fun-factor h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 7px;
}

.single-fun-factor h5 {
  font-size: 16px;
  font-weight: 300;
}

/*----------------------------------------*/
/*  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-weight: 300;
  line-height: 43px;
  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;
  -webkit-transform: skewX(-24deg);
  transform: skewX(-24deg);
  width: 134px;
  z-index: -1;
}

/*----------------------------------------*/
/*  9. Newsletter Area
/*----------------------------------------*/
.newsletter-area {
  background: #edecec url("../../static/img/newletter_bg.jpg") no-repeat scroll center top/cover;
  padding-bottom: 179px;
  padding-top: 100px;
  position: relative;
  margin-top: 75px;
}

.newsletter-area::before {
  background: rgba(0, 46, 93, 0.65) none repeat scroll 0 0;
}

.newsletter-area::after {
  background: transparent url("../../static/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: transparent url("../../static/img/title-icon-3.png") no-repeat scroll 0 0;
}

.newsletter-content input {
  background: transparent 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: transparent url("../../static/img/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;
  -webkit-transition: all 0.3s ease-in 0s;
  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;
  -webkit-transform: skewX(15deg);
  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;
  -webkit-transform: skewX(10deg);
  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: 16px;
  line-height: 40px;
  margin-top: 35px;
  padding: 0 26px;
}

.blog-text::after {
  background: #ffffff none repeat scroll 0 0;
  content: "";
  height: 100%;
  position: absolute;
  right: -15px;
  top: 0;
  -webkit-transform: skewX(-6deg);
  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;
  -webkit-transition: all 0.3s ease 0;
  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 #e0e0e0;
  margin-bottom: 30px;
}

.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 {
  -webkit-transform: rotate(5.5deg) scale(1.1);
  transform: rotate(5.5deg) scale(1.1);
  -webkit-transform-origin: 0 bottom 0;
  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;
  -webkit-transform: rotate(7.5deg) scale(1.75);
  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: transparent url("../../static/img/footer-bg.jpg") no-repeat scroll center top/cover;
  padding-top: 95px;
  position: relative;
}

.footer-widget-area::before {
  background: rgba(1, 145, 184, 0.9) none repeat scroll 0 0;
}

.single-footer-widget > h4 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  line-height: 16px;
  margin-bottom: 40px;
  text-transform: uppercase;
}

.footer-widget-list li {
  color: #cccccc;
  display: block;
  line-height: 25px;
}

.single-footer-widget.contact-text-info li {
  margin-bottom: 10px;
}

.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: "";
  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;
  -webkit-transition: all 0.3s ease 0s;
  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;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 53px;
}

.footer-link > a:last-child {
  margin-right: 0;
}

.footer-link, .payment-image {
  padding-bottom: 50px;
  padding-top: 40px;
}

.footer-link a:hover {
  border-color: #ffffff;
  color: #ffffff;
}

.payment-image {
  float: right;
  padding-top: 85px;
}

/*----------------------------------------*/
/*  14. Footer Area
/*----------------------------------------*/
.footer-area {
  background: #401906 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: transparent url("../../static/img/icon/home-two-select-bg-one.png") no-repeat scroll 0 0;
}

.home-two-slider .adventure-cat.destination {
  background: transparent url("../../static/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: transparent;
  background-image: url("../../static/img/banner/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: transparent url("../../static/img/banner/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: transparent url("../../static/img/banner/transparent-2.png") no-repeat scroll center top/cover;
  bottom: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.fun-factor-two .section-title.title-two .title-border::after, .newsletter-two .section-title.title-two .title-border::after {
  background: transparent url("../../static/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) transparent transparent;
}

.fun-factor-two .single-fun-factor::after {
  border-color: rgba(0, 0, 0, 0.5) transparent transparent rgba(0, 0, 0, 0.5);
  border-width: 5px 43px;
}

.fun-factor-two .fun-border-left::after {
  bottom: -47px;
  -webkit-transform: rotate(97deg);
  transform: rotate(97deg);
}

.fun-factor-two .fun-border-right::after {
  bottom: -47px;
  -webkit-transform: rotate(83deg);
  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("../../static/img/banner/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: transparent url("../../static/img/banner/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: 26px 16px 13px 15px;
}

.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: transparent url("../../static/img/banner/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: transparent url("../../static/img/banner/transparent-2.png") no-repeat scroll center top/cover;
  height: 85px;
  top: 0;
  -webkit-transform: rotate(180deg);
  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 {
  background: transparent none repeat scroll 0 0;
}

.header-three .header-logo-menu {
  border-bottom: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;
}

.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;
}

.button-blue:hover {
  background: rgba(0, 192, 255, 0.8) none repeat scroll 0 0 !important;
}

.header-three .header-top {
  background: transparent 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;
}

header.header-three {
  top: 10px;
}

/*----------------------------------------*/
/*  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: #00c0ff;
}

.slider-area.slider-three .text-content {
  left: 15px;
  margin-top: 32.5%;
  max-width: 100%;
  right: auto;
}

/*----------------------------------------*/
/*  16.2.2 Home Three Slider Icon
/*----------------------------------------*/
.slider-three .slider-icon-container {
  margin-top: 45%;
}

.single-icon-three {
  background: rgba(0, 192, 255, 0.5) none repeat scroll 0 0;
  border-top: 1px solid #00c0ff;
  height: 130px;
  margin: 20px auto 0;
  position: relative;
  text-align: center;
  width: 150px;
}

.single-icon-three::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: rgba(0, 192, 255, 0.5) rgba(0, 192, 255, 0.5) transparent transparent;
  -o-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 5px 76.5px;
  bottom: -10px;
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  width: 0;
}

.icon-border-left {
  background: #00c0ff none repeat scroll 0 0;
  content: "";
  height: 129px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1px;
}

.icon-border-left::after {
  background: #00c0ff none repeat scroll 0 0;
  bottom: -79px;
  content: "";
  height: 150px;
  left: 75px;
  position: absolute;
  -webkit-transform: rotate(94deg);
  transform: rotate(94deg);
  width: 1.25px;
}

.icon-border-right {
  background: #00c0ff none repeat scroll 0 0;
  content: "";
  height: 139px;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}

.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 #00c0ff;
  border-top: 0 none;
}

.rotate-bg-icon .icon-border-left::after {
  bottom: auto;
  left: 74px;
  top: -70px;
  -webkit-transform: rotate(94deg);
  transform: rotate(94deg);
}

.rotate-bg-icon .icon-border-right {
  height: 129px;
}

.single-icon-three.rotate-bg-icon::after {
  left: 1px;
  top: -10px;
  -webkit-transform: rotate(180deg);
  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 transparent transparent;
}

.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("../../static/img/banner/12.jpg");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 100px;
  margin-top: 57px;
  padding-bottom: 49px;
  padding-top: 93px;
  position: relative;
}

.about-area.about-area-three::after {
  background: transparent url("../../static/img/banner/transparent-3.png") no-repeat scroll center top/cover;
  content: "";
  height: 46px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.section-title.title-three h1 {
  padding-bottom: 46px;
}

.section-title.title-three h1::after {
  display: none;
}

.section-title.title-three h1::before {
  background: #ffe52d none repeat scroll 0 0;
  left: 0;
  margin-left: 0;
  width: 100%;
}

.section-title.title-three .title-border::after {
  background: transparent url("../../static/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: transparent url("../../static/img/icon/title3-icon-1.png") no-repeat scroll 0 0;
  bottom: -1px;
}

.about-area .section-title.title-three {
  margin-bottom: 82px;
}

.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: #00c0ff;
}

.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: transparent url("../../static/img/banner/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: transparent url("../../static/img/banner/13.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 #00c0ff;
}

.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: #00c0ff;
}

/*----------------------------------------*/
/*  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("../../static/img/banner/25.jpg") no-repeat scroll center top/cover;
  padding-bottom: 143px;
}

.newsletter-area.newsletter-three::before {
  background: transparent none repeat scroll 0 0;
}

.newsletter-area.newsletter-three::after {
  background: transparent url("../../static/img/banner/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: #00c0ff none repeat scroll 0 0;
  color: #fff;
}

.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: #ffd400 none repeat scroll 0 0;
}

.blog-three-area .blog-link > a {
  color: #ffffff;
}

.blog-three-area .blog-link > a:hover {
  color: #ffd400;
}

.blog-three-area .blog-text {
  border-color: #ffd400;
}

.blog-three-area .button-one:hover {
  color: #00c0ff;
}

.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: #00c0ff none repeat scroll 0 0;
}

.blog-three-area .date-time .date {
  background: #00c0ff none repeat scroll 0 0;
  color: #ffffff;
}

.blog-three-area .blog-text::before {
  background: #00c0ff none repeat scroll 0 0;
  content: "";
  height: 26px;
  left: -13px;
  margin-top: -13px;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(45deg);
  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: #00c0ff;
  color: #00c0ff;
}

.footer-widget-area.footer-widget-three {
  background: transparent url("../../static/img/banner/14.jpg") no-repeat scroll center top/cover;
  padding-top: 144px;
}

.footer-widget-area.footer-widget-three::before {
  background: rgba(33, 34, 39, 0.8) none repeat scroll 0 0;
}

.footer-widget-area.footer-widget-three::after {
  background: transparent url("../../static/img/banner/transparent-3.png") no-repeat scroll center top/cover;
  height: 45px;
}

/*----------------------------------------*/
/*  17. Shop Grid No Sidebar Page
/*----------------------------------------*/
.banner-area {
  background: transparent url("../../static/img/banner/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 .section-title h1 {
  color: #ffffff;
  font-size: 30px;
}

.banner-area .title-border::after {
  background: transparent url("../../static/img/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;
  -webkit-transform: rotate(-6deg);
  transform: rotate(-6deg);
  width: 119px;
}

.breadcrumb::after {
  background: #dadada none repeat scroll 0 0;
  content: "";
  height: 14px;
  position: absolute;
  right: 0;
  top: -6px;
  -webkit-transform: rotate(6deg);
  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: transparent url("../../static/img/icon/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: transparent url("../../static/img/icon/list.png") no-repeat scroll 0 0;
  border-color: transparent !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(../../static/img/icon/grid.png) no-repeat scroll 0 0 !important;
}

.adventure-view a.active.list-view, .adventure-view a.list-view:hover {
  background: transparent url("../../static/img/icon/list-hover.png") no-repeat scroll 0 0;
}

.adventure-view a.active.grid-view, .adventure-view a.grid-view:hover {
  background: url(../../static/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(../../static/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(../../static/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;
  -webkit-transform: rotate(5deg) scale(1.1);
  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-block;
  float: right;
}

.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 .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;
  -webkit-transform: rotate(9.5deg) scale(1.4);
  transform: rotate(9.5deg) scale(1.4);
}

.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: transparent 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;
  -webkit-transform: skewX(-4.8deg);
  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: transparent url("../../static/img/banner/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: transparent url("../../static/img/banner/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: transparent url("../../static/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;
  -webkit-transform: rotate(6deg);
  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;
  -webkit-transform: rotate(-6deg);
  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: #ffae00;
  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: #ffae00;
}

.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 {
  -webkit-transform: skewX(-12deg);
  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: transparent 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) transparent rgba(255, 174, 0, 0.9) rgba(255, 174, 0, 0.9);
  -o-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 15px 128px;
  content: "";
  height: 0;
  position: absolute;
  right: -143px;
  top: 113px;
  -webkit-transform: rotate(90deg);
  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: transparent rgba(255, 174, 0, 0.9) rgba(255, 174, 0, 0.9) transparent;
  left: -143px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/*----------------------------------------*/
/*  19. Shop List Page
/*----------------------------------------*/
.banner-area.list {
  background: transparent url("../../static/img/banner/13.jpg") no-repeat scroll center top/cover;
  padding-bottom: 149px;
  padding-top: 244px;
}

.banner-area.list::after {
  background: transparent url("../../static/img/banner/transparent-3.png") no-repeat scroll center top/cover;
  height: 45px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.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: transparent 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%;
  -webkit-transform: skewX(-22deg);
  transform: skewX(-22deg);
  width: 100%;
}

.breadcrumb.three::after {
  background: #00c0ff none repeat scroll 0 0;
  height: 100%;
  left: -5px;
  -webkit-transform: skewX(-22deg);
  transform: skewX(-22deg);
  width: 5px;
}

.breadcrumb.three > li {
  color: #00c0ff;
}

.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: #00c0ff;
}

.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(../../static/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(../../static/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%;
  -webkit-transform: rotate(45deg);
  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;
  -webkit-transform: skewY(-1.31deg);
  transform: skewY(-1.31deg);
  width: 100%;
}

.adventure-list-container::after {
  background: #f0f0f0 none repeat scroll 0 0;
  border-bottom: 4px solid #00c0ff;
  bottom: -8px;
  content: "";
  height: 23px;
  left: 3px;
  position: absolute;
  -webkit-transform: skewY(1.31deg);
  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;
  min-height: 135px;
}

.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: #00c0ff;
}

.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: #00c0ff;
}

.adventure-list-link::after {
  color: #181818;
  content: "/";
  font-size: 14px;
  left: -15px;
  position: absolute;
  top: 0;
}

.adventure-list-text {
  float: left;
  min-height: 300px;
}

.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: #00c0ff none repeat scroll 0 0;
  border-color: #00c0ff;
}

.list .pagination li a {
  font-weight: 300;
}

.list .pagination li:hover a {
  color: #00c0ff;
}

/*----------------------------------------*/
/*  20. Product Details Page
/*----------------------------------------*/
.banner-area.details-one {
  background: transparent url("../../static/img/banner/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("../../static/img/banner/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;
  -webkit-transform: rotate(-13deg);
  transform: rotate(-13deg);
  width: 41px;
  -webkit-transition: all 0.3s ease-in 0s;
  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;
  -webkit-transform: rotate(13deg);
  transform: rotate(13deg);
  width: 41px;
  -webkit-transition: all 0.3s ease-in 0s;
  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: transparent url("../../static/img/banner/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: 25%;
}

.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: transparent 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
/*----------------------------------------*/
.topheader.fixed {
  position: inherit;
}

.topheader.fixed .header-top {
  background: #0d0e10 none repeat scroll 0 0;
  padding: 10px 0 27px;
}

.topheader.fixed .currency-menu ul > li > a, .topheader.fixed .language-menu ul > li > a, .topheader.fixed .topheader-r-cart > li > a, .topheader.fixed .account > a, .topheader.fixed .login > a {
  color: #ffffff;
}

.topheader.fixed .currency-menu ul > li > a:hover, .topheader.fixed .language-menu ul > li > a:hover, .topheader.fixed .header-r-cart > li > a:hover, .topheader.fixed .account > a:hover, .topheader.fixed .login > a:hover {
  color: #777777 !important;
}

header.fixed .currency-dropdown li a, header.fixed .language-dropdown li a {
  color: #000000 !important;
}

.topheader.fixed .currency-dropdown li a:hover, .topheader.fixed .language-dropdown li a:hover {
  color: #888888 !important;
}

.topheader.fixed {
  background: #212227 none repeat scroll 0 0;
}

.topheader.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("../../static/img/banner/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%;
  -webkit-transition: all 0.3s ease-in 0s;
  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: transparent url("../../static/img/banner/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: transparent 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;
  -webkit-transition: all 0.3s ease-in 0s;
  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;
  -webkit-transform: skewX(15deg);
  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;
  -webkit-transform: skewX(16deg);
  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 {
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running zoomIn;
  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;
  -webkit-transform: skewX(-9deg);
  transform: skewX(-9deg);
  width: 42px;
}

.blog-links > a:hover {
  border-color: transparent;
}

.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: transparent url("../../static/img/about-title-bg.jpg") no-repeat scroll center top/cover;
  padding-top: 150px;
  height: 361px;
}

.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;
  -webkit-transition: all 0.3s ease-in 0s;
  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%;
  -webkit-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}

.blog-post-two .date, .blog-post-two .date::after {
  background: #f5ad01 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 #ffb400;
  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;
  -webkit-transform: skewX(-5deg);
  transform: skewX(-5deg);
  width: 78px;
  z-index: -1;
  border-bottom: 4px solid #FFB400;
}

.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 transparent;
}

.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: #f5ad01;
}

.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: #ffae00 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;
  -webkit-transition: all 0.3s ease-in 0s;
  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("../../static/img/banner/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: transparent 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: transparent url("../../static/img/banner/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;
  -webkit-transform: rotate(-12deg);
  transform: rotate(-12deg);
}

.contact-image::after, .about-image::after {
  bottom: 5px;
  right: -1px;
  -webkit-transform: rotate(12deg);
  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 {
  -webkit-transition: all 0.3s ease-in 0s;
  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: 737px;
}

.contact-form::before {
  background: #edecec none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 51%;
  z-index: 1;
}

.contact-us-form:after {
  position: absolute;
  left: 44%;
  height: 100%;
  background: #EDECEC;
  width: 168px;
  content: "";
  top: 0;
  -webkit-transform: skewX(-13deg);
  transform: skewX(-13deg);
  z-index: -1;
}

.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;
  -webkit-transition: all 0.3s ease-in 0s;
  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: transparent url("../../static/img/banner/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;
  -webkit-transition: all 0.3s ease-in 0s;
  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: transparent none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 5px;
  position: absolute;
  top: 0;
  -webkit-transform: skewX(-10deg);
  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: black transparent transparent black;
  -o-border-image: none;
  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 transparent transparent;
  -o-border-image: none;
  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;
  -webkit-transform: skewY(13deg);
  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;
  -webkit-transform: skewY(-13deg);
  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("../../static/img/about-side-img.png") no-repeat scroll right top;
}

.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: transparent url("../../static/img/banner/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;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.single-skill-item:hover .skill-border-right::after {
  -webkit-transform: rotate(-90deg);
  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: transparent 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 transparent transparent #ffb400;
  border-width: 6px 56.5px;
  bottom: -11px;
}

.single-skill-icon::after {
  border-color: #ffb400 #ffb400 transparent transparent;
  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: transparent url("../../static/img/banner/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;
  -webkit-transition: all 0.3s ease-in 0s;
  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;
}

#first-slider .main-container {
  padding: 0;
}

#first-slider .slide1 h3, #first-slider .slide2 h3, #first-slider .slide3 h3, #first-slider .slide4 h3 {
  color: #fff;
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 700;
}

#first-slider .slide1 h4, #first-slider .slide2 h4, #first-slider .slide3 h4, #first-slider .slide4 h4 {
  color: #fff;
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 700;
}

#first-slider .slide1 .text-left, #first-slider .slide3 .text-left {
  padding-left: 40px;
}

#first-slider .carousel-indicators {
  bottom: 0;
}

#first-slider .carousel-control.right,
#first-slider .carousel-control.left {
  background-image: none;
}

#first-slider .carousel .item {
  min-height: 425px;
  height: 100%;
  width: 100%;
}

.carousel-inner .item .container {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#first-slider h3 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

#first-slider h4 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

#first-slider h2 {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

#first-slider .carousel-control {
  width: 6%;
  text-shadow: none;
}

#first-slider h1 {
  text-align: center;
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: bold;
}

#first-slider .p {
  padding-top: 125px;
  text-align: center;
}

#first-slider .p a {
  text-decoration: underline;
}

#first-slider .carousel-indicators li {
  width: 14px;
  height: 14px;
  background-color: rgba(255, 255, 255, 0.4);
  border: none;
}

#first-slider .carousel-indicators .active {
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: none;
}

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-control .fa-angle-right, .carousel-control .fa-angle-left {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}

.carousel-control .fa-angle-left {
  left: 50%;
  width: 38px;
  height: 38px;
  margin-top: -15px;
  font-size: 30px;
  color: #fff;
  border: 3px solid #ffffff;
  border-radius: 53px;
}

.carousel-control .fa-angle-right {
  right: 50%;
  width: 38px;
  height: 38px;
  margin-top: -15px;
  font-size: 30px;
  color: #fff;
  border: 3px solid #ffffff;
  border-radius: 53px;
}

.carousel-control {
  opacity: 1;
  filter: alpha(opacity=100);
}

.text-white a {
  color: #fff;
}

.banner-area.services {
  background: transparent url("../../static/img/service-title-bg.jpg") no-repeat scroll center top/cover;
  height: 361px;
  padding-top: 150px;
}

.banner-area.contact {
  background: transparent url("../../static/img/contact-title-bg.jpg") no-repeat scroll center top/cover;
  height: 361px;
  padding-top: 150px;
}

.banner-area.package {
  background: transparent url("../../static/img/package-title-bg.jpg") no-repeat scroll center top/cover;
  height: 361px;
  padding-top: 150px;
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, topheader, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a {
  background-color: transparent;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 700;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

html,
body {
  font: 100%/1.4em 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0 auto;
  color: #222;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
}

body,
.panel {
  background-color: #fff;
}

.menu {
  background-color: #1D1F20;
  background-image: -webkit-linear-gradient(305deg, #1D1F20, #404348);
  background-image: linear-gradient(145deg, #1D1F20, #404348);
}

a {
  color: #4B5;
  text-decoration: none;
}

.menu a {
  color: #fff;
}

.menu a:hover {
  text-decoration: underline;
}

.menu-header {
  border-bottom: 1px solid #2a2d2f;
  padding: 20px;
  background-size: 32px;
}

.menu-header-title {
  font-weight: 400;
  letter-spacing: 0.5px;
  margin: 0;
}

.menu-section {
  margin: 25px 0;
}

.menu-section-title {
  text-transform: uppercase;
  color: #85888d;
  font-weight: 200;
  font-size: 13px;
  letter-spacing: 1px;
  padding: 0 20px;
  margin: 0;
}

.menu-section-list {
  padding: 0;
  margin: 10px 0;
  list-style: none;
}

.menu-section-list a {
  display: block;
  padding: 10px 20px;
}

.panel {
  text-align: center;
  padding-top: 5px;
  min-height: 100%;
}

#mocha {
  text-align: left;
  margin: 0 !important;
}

#mocha-stats {
  top: 70px;
}

/**
 * Header
 */
.panel-header {
  margin: 120px auto 55px;
}

.title {
  font-size: 3.2em;
  line-height: 1em;
  margin: 0 0 15px;
  color: #4B5;
  font-weight: 400;
}

/**
 * hamburger
 */
.mobilemenu {
  display: inline-block;
  padding: 10px;
  position: absolute;
}

.btn-hamburger {
  border: none;
  top: 12px;
  left: 12px;
  outline: none;
  background: url("../../img/menu.png") no-repeat center;
  width: 50px;
  height: 50px;
}

/**
 * Boxes
 */
.box {
  border: 1px solid #4b5;
  border-radius: 4px;
  text-align: left;
  margin: 50px 10px;
  position: relative;
}

.box:before,
.box:after {
  content: ' ';
  display: inline-block;
  width: 1px;
  height: 50px;
  border-left: 1px solid #4b5;
  position: absolute;
  left: 50%;
}

.box:before {
  top: -50px;
}

.box:after {
  bottom: -50px;
}

.box-title {
  margin: 0;
  padding: 10px 20px;
  border-bottom: 1px solid #4b5;
  color: #4b5;
  font-size: 1.2em;
  font-weight: 400;
}

.box-content {
  padding: 20px;
  background-color: #f8f8f8;
}

/**
 * Medium Screens
 */
@media all and (min-width: 40em) {
  .btn-hamburger {
    top: 20px;
    left: 30px;
  }
  .panel-header {
    margin-top: 40px;
    width: 455px;
  }
  .title {
    font-size: 4.2em;
  }
}

/**
 * Large Screens
 */
@media all and (min-width: 54em) {
  .box {
    width: 70%;
    max-width: 1200px;
    margin: 50px auto;
  }
}

/**
 * Footer
 */
.panel-footer {
  margin: 10px auto 20px;
}

.panel-footer p {
  padding-bottom: 20px;
}

.heart {
  font-style: normal;
  font-weight: 500;
  color: #c0392b;
  text-decoration: none;
}

@media screen and (min-width: 780px) {
  .btn-hamburger, nav#menu {
    display: none;
  }
}

.websoftmenu {
  display: inline-block;
  padding: 10px;
}

.websoftmenu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.websoftmenu ul li {
  display: inline-block;
  padding-right: 20px;
}

.websoftmenu ul li a {
  line-height: 60px;
  color: #fff;
  text-transform: uppercase;
}

.websoftmenu ul li a:hover {
  color: #5D0202;
}

table.table td {
  text-align: left;
}

table.table td strong {
  color: #4E89DD;
}

h2, h3, h4, h5, h6 {
  color: #4E89DD;
}

/*# sourceMappingURL=pages.css.map */