.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {z-index: 28 !important;} .pt-100 {padding-top: 0px;} .pb-75 {padding-bottom: 75px;} .pb-65 {padding-bottom: 65px;} .pb-70 {padding-bottom: 70px;} .mbt-100 {margin-bottom: 45px;} .image-bg-padding-100 {padding: 30px 0;} .border-raduis-3 {border-radius: 3px;} .bg-f4f4f4 {background: #f4f4f4;} html, body {height: 100%;font-family: 'Poppins', sans-serif;} body {position: relative;background-color:#eeeeee;} a{color: #555;} a:hover{color: #f15b5c;} .floatleft {float: left;} .floatright {float: right;} .alignleft {float: left;margin-right: 15px;margin-bottom: 15px;} .alignright {float: right;margin-left: 15px;margin-bottom: 15px;} .aligncenter {display: block;margin: 0 auto 15px;} a:focus {outline: 0px solid;} img {max-width: 100%;height: auto;} .fix {overflow: hidden;} li{list-style:none;} p {margin: 0 0 15px;font-size: 16px;color: #727272;font-weight: 400;font-family: 'Poppins', sans-serif;} h1, h2, h3, h4, h5, h6 {margin: 0 0 10px;font-family: 'Poppins', sans-serif;} a {-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;text-decoration: none;} a:active, a:hover {text-decoration: none;} a:hover {outline: 0 none;color: #f15b5c;} button{-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;} ul {list-style: outside none none;margin: 0;padding: 0;} .clear {clear: both;} body {font-family: 'Poppins', sans-serif;color: #252525;font-size: 14px;font-weight: 400;} ::-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;} .ptb-100 {padding: 100px 0;} .boxshadow, .tp-caption.boxshadow {-webkit-box-shadow: none;box-shadow: none;} .section-paddings {padding: 0px 0 100px;} /*=====basce css end here=========*/ /*=======[ Preloader Style ]========*/ div#preloader {position: fixed;left: 0;top: 0;z-index: 999;width: 100%;height: 100%;overflow: visible;background: #ffffff url("../image/preloader.gif") no-repeat center center;z-index: 9999999;} .rev_slider_wrapper .tp-bullet {width: 3px;height: 50px;} .rev_slider_wrapper .tp-bullet.selected, .rev_slider_wrapper .tp-bullet:hover {background: #ff5a2c;} .rev_slider_wrapper #rev_slider_2 .tp-bullet {width: 10px;height: 10px;border-radius: 50%;} .rev_slider_wrapper #rev_slider_2 .tp-bullet.selected {background: #ff5a2c;width: 20px;border-radius: 50px;} /*=======[ Preloader Style ]========*/ /*============================== theme buttons css goes here ===============================*/ .travel-primary-btn, .travel-primary-btn-sm, .read-more, .quick-shop, .thailan-btn, .travel-primary-btn-2 {background: #f15b5c;display: inline-block;padding: 16px 45px 16px 50px !important;font-size: 15px;color: #fff;font-family: "PingFang Light", sans-serif;font-weight: 600;font-size: 17px;text-decoration: none;letter-spacing: 5px;} .thailan-btn {padding: 10px 35px !important;} .travel-primary-btn-sm {padding: 10px 15px !important;} .travel-booking-btn, .travel-booking-btn-lg {display: inline-block;background: #ffbe00;padding: 9px 22px;color: #fefefe;font-weight: 500;font-size: 15px;} .travel-booking-btn-lg {padding: 10px 25px;font-size: 14px;} .read-more {padding: 12px 40px !important;} .quick-shop {padding: 8px 22px !important;} .travel-primary-btn-2 {color: #fff;-webkit-transition: all 0.7s ease-out;transition: all 0.7s ease-out;background: -webkit-linear-gradient(180deg, rgba(233, 105, 60, 1), rgba(233, 38, 38, 1), rgba(233, 105, 60, 1), rgba(233, 105, 60, 1));background: linear-gradient(270deg, rgba(233, 105, 60, 1), rgba(233, 38, 38, 1), rgba(233, 105, 60, 1), rgba(233, 105, 60, 1));background-position: 1% 50%;background-size: 300% 300%;} .travel-primary-btn-2:hover {color: #fff;background-position: 99% 50%;} /*===================================================== 02. slider area section title css goes here =======================================================*/ #slider_area_1 .tparrows {background: #ffffff !important;-webkit-transition: all ease-in-out 0.3s !important;transition: all ease-in-out 0.3s !important;width: 60px !important;height: 60px !important;border-radius: 0px !important;} #slider_area_1 .tparrows:before {line-height: 60px !important;font-size: 20px;color: #f15b5c !important;-webkit-transition: all ease-in-out 0.3s !important;transition: all ease-in-out 0.3s !important;} #slider_area_1 .tparrows:hover {background: #ffbe00 !important;} #slider_area_1 .tparrows:hover:before {color: #ffffff !important;} #slider_area_2 .tparrows {background: #ffffff !important;-webkit-transition: all ease-in-out 0.3s !important;transition: all ease-in-out 0.3s !important;width: 75px !important;height: 75px !important;border-radius: 50% !important;} #slider_area_2 .tparrows:before {line-height: 75px !important;font-size: 20px;color: #f15b5c !important;-webkit-transition: all ease-in-out 0.3s !important;transition: all ease-in-out 0.3s !important;} #slider_area_2 .tparrows:hover {background: #ffbe00 !important;} #slider_area_2 .tparrows:hover:before {color: #ffffff !important;} #rev_slider_3 .tparrows {background: #ffffff !important;-webkit-transition: all ease-in-out 0.3s !important;transition: all ease-in-out 0.3s !important;width: 60px !important;height: 60px !important;border-radius: 0px !important;} #rev_slider_3 .tparrows:before {line-height: 60px !important;font-size: 20px;color: #f15b5c !important;-webkit-transition: all ease-in-out 0.3s !important;transition: all ease-in-out 0.3s !important;} #rev_slider_3 .tparrows:hover {background: #f15b5c !important;} #rev_slider_3 .tparrows:hover:before {color: #ffffff !important;} #rev_slider_4 .tparrows {background: #ffffff !important;-webkit-transition: all ease-in-out 0.3s !important;transition: all ease-in-out 0.3s !important;width: 60px !important;height: 60px !important;border-radius: 0px !important;} #rev_slider_4 .tparrows:before {line-height: 60px !important;font-size: 20px;color: #f15b5c !important;-webkit-transition: all ease-in-out 0.3s !important;transition: all ease-in-out 0.3s !important;} #rev_slider_4 .tparrows:hover {background: #f15b5c !important;} #rev_slider_4 .tparrows:hover:before {color: #ffffff !important;} /*===================================================== 04.section title css goes here =======================================================*/ .section-title, .section-title-white, .section-title-white-2 {margin-bottom: 30px;margin-top: 10px;text-align: center;} .section-title h1, .section-title-white h2, .section-title-white-2 h2 {color: #303030;font-size: 26px;font-weight: 600;margin-bottom: 15px;} .section-title .en{font-size: 12px;color: #FF8E65;margin-top: -12px;margin-bottom: 5px;text-indent: 0;} .section-title p, .section-title-white p, .section-title-white-2 p {color: #323232;margin: 0 auto;max-width: 700px;position: relative;z-index: 2;line-height: 25px;font-size: 16px;} .section-title-white h2, .section-title-white-2 h2 {color: #ffffff;} .section-title-white h2:before, .section-title-white h2:after, .section-title-white-2 h2:before, .section-title-white-2 h2:after {background: #ffffff none repeat scroll 0 0;} .section-title-white p, .section-title-white-2 p {color: #ffffff;} .section-title-white-2 h2 {background-image: url("../image/line-read.png") !important;} .section-title-3 {z-index: 33;position: relative;} .section-title-3 h2 {background-position: left 87px bottom;background-repeat: no-repeat;color: #454545;font-size: 30px;font-weight: 500;padding-bottom: 20px;} .section-title-3 p {margin-bottom: 30px;} .section-title-3 h5 {color: #323232;font-size: 18px;font-weight: 400;line-height: 30px;margin: 30px 0;} /*===================================================== 15.Scrool to top section css goes here =======================================================*/ .pos-rtive {position: relative;} .to-top {display: none;} .to-top a {background: #15456f none repeat scroll 0 0;border-radius: 0px;color: #ffffff;font-size: 35px;height: 50px;line-height: 50px;position: fixed;right: 10px;text-align: center;bottom: 10px;-webkit-transition: all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s;width: 50px;z-index: 999;} .to-top:hover {background: #f15b5c none repeat scroll 0 0;color: #ffffff;} /*===================================== 01. header section css goes here ======================================*/ /* .container{border-right: 1px solid red;border-left: 1px solid red;} */ /*===================================================== 03. tab-search-area section title css goes here =======================================================*/ .search_area {position: relative;width: 100%;left: 0;right: 0;text-align: center;margin-top: -120px;padding-bottom: 60px;} .search_area a:focus {outline: none;} .search_area .search_form {padding: 0 16%;} .search_area .search_form form {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .search_area .search_form form .form-group {width: 25%;margin: 0 5px;position: relative;} .search_area .search_form form .form-group label {position: absolute;left: 15px;top: 50%;z-index: 1;-webkit-transform: translateY(-50%);transform: translateY(-50%);color: #f15b5c;font-size: 17px;} .search_area .search_form form .form-group input {-moz-user-select: none;background: #ffffff none repeat scroll 0 0;border: medium none;color: #555555;height: 60px;padding: 16px 20px 16px 40px;position: relative;text-align: left;width: 100%;} .search_area .search_form form .form-group input:focus {outline: none;} .search_area .search_form form .form-group input::-webkit-input-placeholder {color: #555555;} .search_area .search_form form .form-group input::-moz-input-placeholder {color: #555555;} .search_area .search_form form .form-group input::-ms-input-placeholder {color: #555555;} .search_area .search_form form .keywork_type {width: 40%;} .search_area .search_form form .searc-btn-7 button {background: #f15b5c none repeat scroll 0 0;border: medium none;border-radius: 0;color: #ffffff;font-size: 18px;font-weight: 500;height: 60px;width: 100%;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;cursor: pointer;} .search_area .search_form form .searc-btn-7 button:hover {background: #f15b5c;} /*===================================================== 05.popular packajge section css goes here =======================================================*/ .popular-packages {padding:0;} .popular-packages .single-package {margin-bottom: 30px;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;overflow: hidden;position: relative;-webkit-box-shadow: 0 0 20px 0 rgba(47, 47, 47, 0.1);box-shadow: 0 0 20px 0 rgba(47, 47, 47, 0.1);transition: all ease-in-out 0.5s;} .popular-packages .single-package:hover {-webkit-box-shadow: 0 0 30px 0 rgba(47, 47, 47, 0.25);box-shadow: 0 0 30px 0 rgba(47, 47, 47, 0.25);} .popular-packages .single-package:hover .package-image a img {-webkit-transform: scale(1.1);transform: scale(1.1);} .popular-packages .single-package:hover .package-calto-action {padding: 0 20px 25px;} .popular-packages .single-package:hover .package-calto-action .ct-action li:first-child a {background: #f15b5c;} .popular-packages .single-package .package-image {overflow: hidden;height:200px;} .popular-packages .single-package .package-image a img {display: block;width: 100%;height:100%;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;} .popular-packages .single-package .package-content {padding: 20px;} .popular-packages .single-package .package-content h3 a {font-weight: 600;color: #2f2f2f;font-size: 20px;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;} .popular-packages .single-package .package-content h3 a:hover {color: #f15b5c;} .popular-packages .single-package .package-content p {color: #727272;font-size: 15px;font-weight: 500;} .popular-packages .single-package .package-content p span {color: #ffbe00;font-weight: 600;} .popular-packages .single-package .package-calto-action {padding: 0 20px 25px;} .popular-packages .single-package .package-calto-action .ct-action {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .popular-packages .single-package .package-calto-action .ct-action li:first-child a {-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;overflow: hidden;} .popular-packages .single-package .package-calto-action .ct-action li:last-child {float: right;margin-top: 7px;} .popular-packages .single-package .package-calto-action .ct-action li:last-child i {font-size: 20px;color: #f15b5c;} /*===================================================== 06.Counter section css goes here =======================================================*/ .count-down-bg {background: transparent url("../image/countbg.jpg") repeat scroll 0 0;background-repeat: no-repeat;background-size: cover;background-position: center center;padding: 120px 0;} .count-down-bg .count-down-titile {text-align: center;font-size: 30px;font-weight: 600;color: #ffffff;margin-bottom: 60px;} .count-down-bg .count-down-titile h2 {font-size: 36px;font-weight: 600;margin-bottom: 0px;line-height: 48px;} .count-down-bg .count-down-titile h2 span.color-one {color: #f15b5c;} .count-down-bg .count-down-titile h2 span.color-two {color: #ffbe00;} .count-down-bg .count-timer .time-wrapper p {color: #ffffff;font-size: 20px;padding-bottom: 10px;} .count-down-bg .count-timer .time-wrapper .timer {overflow: hidden;} .count-down-bg .count-timer .time-wrapper .timer li {display: inline-block;height: 132px;width: 117px;background: rgba(0, 0, 0, 0.5);margin: 0 10px;text-align: center;color: #ffffff;padding: 20px 0px;font-size: 45px;font-weight: 500;border-radius: 4px;} .count-down-bg .count-timer .time-wrapper .timer li:last-child {color: #f15b5c;} .count-down-bg .count-timer .time-wrapper .timer .day-css {color: #ffffff;font-weight: 400;font-size: 20px;margin-top: -10px;} .count-down-bg .buy-now {margin-top: 70px;} .count-down-bg .buy-now a:hover {background: #ffbe00;} /*===================================================== 07.popular destination strat section css goes here =======================================================*/ .destinations_1 {padding: 100px 0;} .destination-slider-active .single-destination {-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;margin-bottom: 30px;} .destination-slider-active .single-destination figure {position: relative;overflow: hidden;margin: 0;} .destination-slider-active .single-destination figure:before {position: absolute;width: 100%;height: 100%;content: '';background: rgba(0, 0, 0, 0.3);left: 0;top: 0;visibility: hidden;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;opacity: 0;z-index: 0;} .destination-slider-active .single-destination figure:after {-webkit-transform: skewX(45deg) translateX(-100%);transform: skewX(45deg) translateX(-100%);} .destination-slider-active .single-destination figure figcaption {position: absolute;left: 0;right: 0;margin: 0 auto;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);text-align: center;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;opacity: 0;z-index: 2;} .destination-slider-active .single-destination figure figcaption a {overflow: hidden;} .destination-slider-active .single-destination .des-city {padding: 20px;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);-webkit-transition: -webkit-box-shadow 0.3s ease-in-out 0s;transition: -webkit-box-shadow 0.3s ease-in-out 0s;transition: box-shadow 0.3s ease-in-out 0s;transition: box-shadow 0.3s ease-in-out 0s, -webkit-box-shadow 0.3s ease-in-out 0s;} .destination-slider-active .single-destination .des-city a {color: #2f2f2f;font-weight: 500;padding-bottom: 10px;display: block;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;font-size: 18px;} .destination-slider-active .single-destination .des-city a i {margin-right: 10px;color: #f15b5c;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;} .destination-slider-active .single-destination .des-city h4 {color: #727272;font-weight: 500;font-size: 14px;} .destination-slider-active .single-destination .des-city h4 span {float: right;} .destination-slider-active .single-destination:hover .des-city {-webkit-box-shadow: 0 5px 40px 0 rgba(47, 47, 47, 0.1);box-shadow: 0 5px 40px 0 rgba(47, 47, 47, 0.1);} .destination-slider-active .single-destination:hover figcaption {opacity: 1;visivility: visible;} .destination-slider-active .single-destination:hover figure:before {opacity: 1;visibility: visible;} .destination-slider-active .single-destination:hover .des-city a, .destination-slider-active .single-destination:hover .des-city i {color: #ffbe00;} /*===================================================== 08.Choose us strat section css goes here =======================================================*/ .travelsers-bg {background: transparent url("../image/travlec.jpg") no-repeat scroll center center/cover;position: relative;padding: 120px 0;} .single-travel {background: #ffffff none repeat scroll 0 0;padding: 20px 30px;margin-bottom: 40px;border-radius: 3px;position: relative;z-index: 2;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;margin-bottom: 30px;} .single-travel:hover {background: #f15b5c none repeat scroll 0 0;cursor: pointer;} .single-travel:hover .travel-content h4 {color: #ffffff;} .single-travel:hover .travel-content p {color: #ffffff;} .single-travel .travel-content h4 {font-size: 20px;color: #f15b5c;font-weight: 600;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;} .single-travel .travel-content p {margin: 0;line-height: 24px;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;} /*===================================================== 09.Blog section css goes here =======================================================*/ .blog_area {padding: 120px;} .single-travel-blog {position: relative;-webkit-box-shadow: 0 0 20px 0 rgba(47, 47, 47, 0.05);box-shadow: 0 0 20px 0 rgba(47, 47, 47, 0.05);-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;margin-bottom: 30px;} .single-travel-blog:hover {-webkit-box-shadow: 0 0 60px 0 rgba(47, 47, 47, 0.1);box-shadow: 0 0 60px 0 rgba(47, 47, 47, 0.1);} .single-travel-blog:hover .blog-image img {-webkit-transform: scale(1.05);transform: scale(1.05);} .single-travel-blog:hover .blog-content .blog-post-content h4 a {color: #f15b5c;} .single-travel-blog:hover .blog-content .blog-post-content a {color: #f15b5c;} .single-travel-blog .blog-image {overflow: hidden;position: relative;} .single-travel-blog .blog-image a {display: block;} .single-travel-blog .blog-image a img {width: 100%;-webkit-transition: all ease-out 0.3s;transition: all ease-out 0.3s;} .single-travel-blog .blog-content {padding: 20px;} .single-travel-blog .blog-content .blog-meta {color: #727272;font-size: 14px;font-weight: 400;overflow: hidden;padding-bottom: 20px;} .single-travel-blog .blog-content .blog-meta .post-date {float: left;margin-right: 5px;} .single-travel-blog .blog-content .blog-meta .post-date span {color: #727272;} .single-travel-blog .blog-content .blog-meta .post-social {text-align: right;} .single-travel-blog .blog-content .blog-meta .post-social li {display: inline-block;margin: 0 10px;} .single-travel-blog .blog-content .blog-meta .post-social li a {display: block;color: #727272;font-size: 14px;font-weight: 400;} .single-travel-blog .blog-content .blog-meta .post-social li a i {margin-right: 5px;} .single-travel-blog .blog-content .blog-meta .post-social li a i.active {color: #f15b5c;} .single-travel-blog .blog-content .blog-post-content h4{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;} .single-travel-blog .blog-content .blog-post-content h4 a {color: #2f2f2f;font-size: 16px;font-weight: 700;text-transform: capitalize;line-height: 30px;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;} .single-travel-blog .blog-content .blog-post-content p {color: #727272;font-size: 15px;font-weight: 400;line-height: 20px;height: 60px;overflow: hidden;} .single-travel-blog .blog-content .blog-post-content a {color: #2f2f2f;font-size: 15px;font-weight: 500;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;} .single-travel-blog .blog-content .blog-post-content a i {margin-left: 5px;} /*===================================================== 10.Testimonial section css goes here =======================================================*/ #testimonial_one {background: transparent url("../image/testimonial_1.jpg") no-repeat center center/cover;position: relative;} #testimonial_one:before {background: transparent;content: "";height: 100%;left: 0;position: absolute;top: 0;width: 100%;} #testimonial_one .section-title h2 {color: #ffffff;} #testimonial_one .section-title p {color: rgba(255, 255, 255, 0.6);} #testimonial_one .block-text .single-box p {line-height: 25px;margin-bottom: 25px;color: #ffffff;} #testimonial_one .block-text .single-box .client-bio h3 {color: #ffffff;} #testimonial_one .block-text .single-box .client-bio span {color: #ffffff;} #testimonial_one .block-text .single-box .rating li {color: #f15b5c;font-size: 18px;padding: 1px;} #testimonial_one .carousel-text button {background: #ffffff !important;cursor: pointer;} #testimonial_one .carousel-text button:after {color: #f15b5c !important;} #testimonial_one .carousel-text button:hover {background: #ffbe00 !important;} #testimonial_one .carousel-text button:hover:after {color: #ffffff !important;} /*===================================================== 11.incredible place section css goes here =======================================================*/ .incredible-places .single-place {margin-bottom: 30px;} .incredible-places .single-place figure {overflow: hidden;position: relative;} .incredible-places .single-place figure:before {position: absolute;left: 0px;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);content: '';-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;z-index: 1;opacity: 0;visibility: hidden;-webkit-transform: scale(0.8);transform: scale(0.8);} .incredible-places .single-place figure a {display: block;} .incredible-places .single-place figure a img {width: 100%;} .incredible-places .single-place figure figcaption {position: absolute;width: 100%;text-align: center;left: 0px;top: 50%;-webkit-transform: translateY(-50%) scale(1.1);transform: translateY(-50%) scale(1.1);-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;opacity: 0;visibility: hidden;z-index: 2;} .incredible-places .single-place figure figcaption i {color: #ffffff;font-size: 30px;margin-bottom: 15px;} .incredible-places .single-place figure figcaption h4 {color: #ffffff;font-size: 20px;font-weight: 600;} .incredible-places .single-place figure figcaption h4 span {color: #f15b5c;} .incredible-places .single-place figure figcaption h3 {color: #ffffff;font-size: 14px;font-weight: 500;} .incredible-places .single-place figure figcaption h3 span {color: #ffbe00;} .incredible-places .single-place:hover figcaption {opacity: 1;visibility: visible;-webkit-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);} .incredible-places .single-place:hover figure:before {left: 0px;opacity: 1;visibility: visible;-webkit-transform: scale(1);transform: scale(1);} /*===================================================== 13.subscribe area section css goes here =======================================================*/ .our_partners {padding: 0px 0 120px;} .our_partners .single-pertner {margin-bottom: 20px;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;} /*===================================================== 14.Footer area section css goes here =======================================================*/ .footer-area {background:#414141;margin-top:20px;} .footer-area .single-footer {padding: 30px 0 40px;text-align:center;} .footer-area .single-footer .footer-title h3 {font-size: 16px;color:#ffffff;padding: 20px 0;} .footer-area .single-footer ul li {padding-bottom: 10px;color: #ffffff;} .footer-area .single-footer ul li a {color: #ffffff;font-size: 14px;font-weight: 400;line-height: 20px;margin: 0;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;} .footer-area .single-footer ul.lxwm li{padding:0 30px;text-align:left;line-height:30px} .footer-area .single-footer ul.lxwm li a {font-size:25px;font-weight:600;line-height:50px;} .footer-area .single-footer ul.lxwm li i{font-size:25px;margin-right:10px;} .footer-area .single-footer ul li a:hover {color: #f15b5c;} .footer-area .single-footer .footer-left .footer-logo p {color: #ffffff;font-size: 15px;line-height: 25px;padding-bottom: 15px;} .footer-area .single-footer .footer-left .footer-contact li {color: #ffffff;display: block;padding: 8px 0;} .footer-area .single-footer .footer-left .footer-contact li img.map {margin-right: 15px;margin-top: -5px;} .footer-area .single-footer .single-recent-post .recent-post li {display: block;margin-bottom: 20px;width: 100%;} .footer-area .single-footer .single-recent-post .recent-post li a .post-thum {float: left;margin-right: 15px;} .footer-area .single-footer .single-recent-post .recent-post li a .post-content p {color: #ffffff;font-size: 15px;font-weight: 400;line-height: 20px;margin: 0;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;} .footer-area .single-footer .single-recent-post .recent-post li a .post-content p:hover {color: #f15b5c;} .footer-area .single-footer .single-recent-post .recent-post li a .post-content span {color: #f15b5c;font-size: 12px;} .footer-area .single-footer .footer-contact-form form .footer-form-element {position: relative;} .footer-area .single-footer .footer-contact-form form .footer-form-element li input {background: #444648 none repeat scroll 0 0;border: medium none;height: 40px;width: 100%;border-radius: 3px;padding: 0 10px;color: #c3c3c3;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;font-size: 13px;} .footer-area .single-footer .footer-contact-form form .footer-form-element li input:focus {outline: none;border: 1px solid transparent;} .footer-area .single-footer .footer-contact-form form .footer-form-element li input::-webkit-input-placeholder {/* Chrome/Opera/Safari */color: #c3c3c3;} .footer-area .single-footer .footer-contact-form form .footer-form-element li input::-moz-placeholder {/* Firefox 19+ */color: #c3c3c3;} .footer-area .single-footer .footer-contact-form form .footer-form-element li input:-ms-input-placeholder {/* IE 10+ */color: #c3c3c3;} .footer-area .single-footer .footer-contact-form form .footer-form-element li input:-moz-placeholder {/* Firefox 18- */color: #c3c3c3;} .footer-area .single-footer .footer-contact-form form .footer-form-element li input:hover {background: #7a7c7d;} .footer-area .single-footer .footer-contact-form form .footer-form-element li textarea {background: #444648 none repeat scroll 0 0;border: medium none;height: 120px;width: 100%;border-radius: 3px;color: #ffffff;padding-left: 10px;padding-top: 8px;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;font-size: 13px;} .footer-area .single-footer .footer-contact-form form .footer-form-element li textarea:focus {outline: none;border: 1px solid transparent;} .footer-area .single-footer .footer-contact-form form .footer-form-element li textarea::-webkit-input-placeholder {/* Chrome/Opera/Safari */color: #ffffff;} .footer-area .single-footer .footer-contact-form form .footer-form-element li textarea::-moz-placeholder {/* Firefox 19+ */color: #ffffff;} .footer-area .single-footer .footer-contact-form form .footer-form-element li textarea:-ms-input-placeholder {/* IE 10+ */color: #ffffff;} .footer-area .single-footer .footer-contact-form form .footer-form-element li textarea:-moz-placeholder {/* Firefox 18- */color: #ffffff;} .footer-area .single-footer .footer-contact-form form .footer-form-element li textarea:hover {background: #7a7c7d;} .footer-area .single-footer .footer-contact-form form .footer-form-element .text_area {position: relative;padding-bottom: 0;margin-bottom: 25px;} .footer-area .single-footer .footer-contact-form form .footer-form-element .text_area button {bottom: 7px;right: 0;background: #ffbe00 none repeat scroll 0 0;border: medium none;color: #ffffff;background: #f15b5c;display: block;font-size: 14px;font-weight: 500;height: 36px;display: block;padding: 0px 15px;-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;position: absolute;cursor: pointer;} .footer-area .single-footer .footer-contact-form form .footer-form-element .text_area button:hover {background: #ffbe00;} .footer-area .single-footer .footer-social-media .social-footer-title h3 {font-weight: 600;font-size: 20px;color: #ffffff;} .footer-area .single-footer .footer-social-media .footer-social-link li {display: inline-block;} .footer-area .single-footer .footer-social-media .footer-social-link li:nth-child(1):hover a {color: #3b5998 !important;} .footer-area .single-footer .footer-social-media .footer-social-link li:nth-child(2):hover a {color: #0084b4 !important;} .footer-area .single-footer .footer-social-media .footer-social-link li:nth-child(3):hover a {color: #0077B5 !important;} .footer-area .single-footer .footer-social-media .footer-social-link li:nth-child(4):hover a {color: #d34836 !important;} .footer-area .single-footer .footer-social-media .footer-social-link li:nth-child(5):hover a {color: #bb0000 !important;} .footer-area .single-footer .footer-social-media .footer-social-link li a {display: block;padding-left: 0;padding-right: 20px;padding-top: 5px;padding-bottom: 5px;font-size: 15px;font-weight: 400;color: #ffffff;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;} .footer-area .footer_bottom_wrapper {position: relative;text-align: center;} /* .footer-area .footer_bottom_wrapper:before {background: #bbb;bottom: 0;content: "";height: 1px;left: 0;position: absolute;top: -20px;width: 100%;z-index: 8;} */ .footer-area .footer_bottom_wrapper .copy_right_wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .footer-area .footer_bottom_wrapper p {color: #969696;font-size: 12px;font-weight: 400;margin-bottom: 10px;} .footer-area .footer_bottom_wrapper p a{color: inherit;} .footer-area .footer_bottom_wrapper p a:hover{color: #f15b5c;} /* 侧边栏 */ #fixed-box{position:fixed;right:0px;top:30%;z-index:100;} #fixed-box>ul{overflow:auto;border-radius:3px;} #fixed-box>ul>li{width:150px;height:40px;border-radius:3px;margin-top:1px;transition: width 0.3s ease-in-out 0s;-webkit-transition: width 0.3s ease-in-out 0s;-moz-transition: width 0.3s ease-in-out 0s;-o-transition: width 0.3s ease-in-out 0s;cursor:pointer;background-color:#15456f;padding:5px;box-sizing:border-box;line-height:30px;overflow:hidden;} #fixed-box>ul>li:nth-child(1){margin-top:0px;} #fixed-box>ul>li>.icon{background-position:center center;background-repeat:no-repeat;background-size:80%;display:inline-block;width:30px;height:30px;} #fixed-box>ul>li>.text{color:#ffffff;margin-left:5px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;opacity:1;visibility:visible;height:30px;} #fixed-box>ul>li>span{vertical-align:middle;} #fixed-box>ul>li>span>a{color:#ffffff;} #fixed-box>ul>li.tel>.icon{background-image:url(../image/tel.png);} #fixed-box>ul>li.zxkf>.icon{background-image:url(../image/kf.png);} #fixed-box>ul>li.message>.icon{background-image:url(../image/message.png);} #fixed-box>ul>li.wechat{height:190px;} #fixed-box>ul>li.wechat>.icon{background-image:url(../image/ewm.png);} #fixed-box>ul>li.wechat>.img{visibility:visible;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;opacity:1;padding-top:5px;} #fixed-box>ul>li.wechat>.img>img{width:100%;height:100%;} #fixed-box>ul>li#close{background-color:rgba(255,255,255,0);position: relative!important;} #fixed-box>ul>li#close>button{border:none;background-color:rgba(0,0,0,0.6);cursor:pointer;width:30px;height:30px;color:#ffffff;border-radius:15px;text-align:center;line-height:30px;float:right;display:none;outline:none;} #fixed-box>ul.open>li#close>button{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);} #fixed-box>ul.close li{width:40px;} #fixed-box>ul.close li>.text{opacity:0;visibility:hidden;} #fixed-box>ul.close li.wechat{height:40px;} #fixed-box>ul.close li.wechat>.img{opacity:0;visibility:hidden;} #fixed-box>ul.close li>button{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);} #fixed-box:hover li#close>button{display:block;} /* 底部弹窗 */ #bottom_login{width:100%;position:fixed;height:150px;bottom:0px;left:0px;text-align:center;transition:bottom 1s;-webkit-transition:bottom 1s;-webkit-transition:bottom 1s;-moz-transition:bottom 1s;-ms-transition:bottom 1s;-o-transition:bottom 1s;z-index:90} #bottom_login>.m_title{height:40px;padding:5px 50px;background-color:rgba(0, 0, 0, 0.8);display:inline-block;margin:0 auto;line-height:30px;border-radius:40px 40px 0 0;box-sizing:border-box;position:} #bottom_login>.m_title>strong{font-size:20px;color:#ffffff;display:inline-block;height:30px;margin-right:10px;line-height:30px;} #bottom_login>.m_title>a{display:inline-block;width:30px;height:30px;position:relative;background:none;border:none;outline:none;cursor:pointer;vertical-align:top;float:right;} #bottom_login>.m_title>a>.arrow {position:absolute;-webkit-transform-origin: 50% 0%;-moz-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 0%;-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);} #bottom_login>.m_title>a.open>.arrow {left:50%;top:50%;} #bottom_login>.m_title>a.close>.arrow {left: 50%;bottom: 50%;} #bottom_login>.m_title>a.open>.arrow-1{animation: arrow-open 2s ease-in-out infinite;-o-animation: arrow-open 2s ease-in-out infinite;-moz-animation: arrow-open 2s ease-in-out infinite;-webkit-animation: arrow-open 2s ease-in-out infinite;} #bottom_login>.m_title>a.open>.arrow-2 {animation: arrow-open 2s 1s ease-in-out infinite;-o-animation: arrow-open 2s 1s ease-in-out infinite;-moz-animation: arrow-open 2s 1s ease-in-out infinite;-webkit-animation: arrow-open 2s 1s ease-in-out infinite;} #bottom_login>.m_title>a.close>.arrow-1{animation: arrow-close 2s ease-in-out infinite;-o-animation: arrow-close 2s ease-in-out infinite;-moz-animation: arrow-close 2s ease-in-out infinite;-webkit-animation: arrow-close 2s ease-in-out infinite;} #bottom_login>.m_title>a.close>.arrow-2 {animation: arrow-close 2s 1s ease-in-out infinite;-o-animation: arrow-close 2s 1s ease-in-out infinite;-moz-animation: arrow-close 2s 1s ease-in-out infinite;-webkit-animation: arrow-close 2s 1s ease-in-out infinite;} #bottom_login>.m_title>a>.arrow:before,#bottom_login>.m_title>a>.arrow:after {background: #fff;content: '';display: block;height:2px;position: absolute;left:-8px;width:16px;} #bottom_login>.m_title>a.open>.arrow:before,#bottom_login>.m_title>a.open>.arrow:after {top:5px;} #bottom_login>.m_title>a.close>.arrow:before,#bottom_login>.m_title>a.close>.arrow:after {top:0px;} /* 打开状态 */ #bottom_login>.m_title>a.open>.arrow:before {transform: rotate(45deg) translateX(-23%);-o-transform: rotate(45deg) translateX(-23%); -moz-transform: rotate(45deg) translateX(-23%);-webkit-transform: rotate(45deg) translateX(-23%);transform-origin: top left;-o-transform-origin: top left;-moz-transform-origin: top left;-webkit-transform-origin: top left;} #bottom_login>.m_title>a.open>.arrow:after{transform: rotate(-45deg) translateX(23%);-o-transform: rotate(-45deg) translateX(23%);-moz-transform: rotate(-45deg) translateX(23%);-webkit-transform: rotate(-45deg) translateX(23%);transform-origin: top right;-o-transform-origin: top right;-moz-transform-origin: top right;-webkit-transform-origin: top right;} /* 关闭状态 */ #bottom_login>.m_title>a.close>.arrow:before {transform: rotate(-43deg) translateX(-30%);-o-transform: rotate(-43deg) translateX(-30%);-moz-transform: rotate(-43deg) translateX(-30%);-webkit-transform: rotate(-43deg) translateX(-30%);transform-origin: top left;-o-transform-origin: top left;-moz-transform-origin: top left;-webkit-transform-origin: top left;} #bottom_login>.m_title>a.close>.arrow:after{transform: rotate(43deg) translateX(30%);-o-transform: rotate(43deg) translateX(30%);-moz-transform: rotate(43deg) translateX(30%);-webkit-transform: rotate(43deg) translateX(30%);transform-origin: top right;-o-transform-origin: top right;-moz-transform-origin: top right;-webkit-transform-origin: top right;} @-webkit-keyframes arrow-open { 0% {opacity: 0;top: -45%;} 50% {opacity: 1;} 100% {opacity: 0;} } @-moz-keyframes arrow-open { 0% {opacity: 0;top: 0%;} 50% {opacity: 1;} 100% {opacity: 0;} } @-ms-keyframes arrow-open { 0% {opacity: 0;top: -45%;} 50% {opacity: 1;} 100% {opacity: 0;} } @keyframes arrow-open { 0% {opacity: 0;top: 0%;} 50% {opacity: 1;} 100% {opacity: 0;} } @-webkit-keyframes arrow-close { 0%{opacity: 0;bottom:45%;} 50%{opacity: 1;} 100%{opacity: 0;} } @-moz-keyframes arrow-close { 0%{opacity: 0;bottom:45%;} 50%{opacity: 1;} 100%{opacity: 0;} } @-ms-keyframes arrow-close { 0%{opacity: 0;bottom:0%;} 50% {opacity: 1;} 100% {opacity: 0;} } @keyframes arrow-close { 0%{opacity: 0;bottom:0%;} 50% {opacity: 1;} 100% {opacity: 0;} } #bottom_login>.m_content{background-color:rgba(0, 0, 0, 0.8);height:110px;} #bottom_login>.m_content>.floor{width:100%;height:100%;margin:0 auto;} #bottom_login>.m_content>.floor>.content{width:100%;height:70px;margin:0 auto;} #bottom_login>.m_content>.floor>.content>.loginbtn{width:1200px;margin:0 auto;} #bottom_login>.m_content>.floor>.content>.loginbtn>span{display:block;color:#15456f;font-weight:bold;font-size:18px;float:left;margin-left: 80px;line-height:70px; height: 20px!important; animation: tipsFlash .8s ease-in-out infinite; -o-animation: tipsFlash .8s ease-in-out infinite; -moz-animation: tipsFlash .8s ease-in-out infinite; -webkit-animation: tipsFlash .8s ease-in-out infinite;} @keyframes tipsFlash{ 0%{transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);} 50%{transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);} 100%{transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);} } @-moz-keyframes tipsFlash{ 0%{transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);} 50%{transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);} 100%{transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);} } @-webkit-keyframes tipsFlash{ 0%{transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);} 50%{transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);} 100%{transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);} } #bottom_login>.m_content>.floor>.content>.loginbtn>button{float:right;border-radius:5px;padding:5px 30px;border:none;outline:none;background-color:#15456f;height:30px;cursor: pointer;color:#ffffff;margin-top:20px;} #bottom_login>.m_content>.floor .roll-wrap{position:relative;width: 100%;height:20px;overflow: hidden;} #bottom_login>.m_content>.floor .roll_row .roll__list::after {clear: both;} #bottom_login>.m_content>.floor .roll_row .roll__list li{float: left;margin-right:40px;display:inline;line-height:20px;font-size:14px;text-align: center;color: #ffffff;} @media only screen and (min-width: 1200px){ } @media screen and (max-width: 1200px) and (min-width: 420px){ #fixed-box{display:none;} #bottom_login{display:none!important;} } /* 移动端 */ @media screen and (max-width: 420px){ #fixed-box{display:none;} #bottom_login{display:none!important;} } /*===================================================== 16.home version 2 Slider area section css goes here =======================================================*/ .slider-area-2 .image-overlay, .slider-area-3 .image-overlay {height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 1;} .slider-area-2 .image-overlay:before, .slider-area-2 .image-overlay:after, .slider-area-3 .image-overlay:before, .slider-area-3 .image-overlay:after {/*background: rgba(55, 183, 33, 0.2);*/content: "";height: 100%;left: 0;opacity: 0.69;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=69)";position: absolute;top: 0;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;z-index: -1;} .slider-area-2 .tparrows, .slider-area-3 .tparrows {background: #ffbe00 !important;-webkit-transition: all ease-in-out 0.3s !important;transition: all ease-in-out 0.3s !important;width: 53px !important;height: 53px !important;border-radius: 4px !important;} .slider-area-2 .tparrows:before, .slider-area-3 .tparrows:before {line-height: 53px !important;font-size: 20px;} .slider-area-2 .tparrows:hover, .slider-area-3 .tparrows:hover {background: #f15b5c !important;} .slider-area-2 span, .slider-area-3 span {font-size: 25px !important;font-weight: 500 !important;} /*===================================================== 17.home version 2 Tabedsearch section css goes here =======================================================*/ #search_area_2 {margin-top: -100px;padding-bottom: 120px;position: static;} #search_area_2 .search_form {padding: 0;} #search_area_2 .search_form form {display: inline-block;background: #ffffff;-webkit-box-shadow: 0 0 80px 0 rgba(47, 47, 47, 0.1);box-shadow: 0 0 80px 0 rgba(47, 47, 47, 0.1);padding: 50px 100px 0;} #search_area_2 .search_form form .form_wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} #search_area_2 .search_form form .form_wrapper .keywork_type {width: 50% !important;} #search_area_2 .search_form form .form_wrapper .form-group {width: 33.33%;} #search_area_2 .search_form form .form_wrapper .form-group input {-webkit-box-shadow: 0 0 60px 0 rgba(47, 47, 47, 0.1);box-shadow: 0 0 60px 0 rgba(47, 47, 47, 0.1);height: 60px;} #search_area_2 .search_form form .searc-btn-7 {width: 100%;margin-top: 50px;} #search_area_2 .search_form form .searc-btn-7 button {background: #323232;color: #f15b5c;border: medium none;border-radius: 0;font-size: 18px;font-weight: 500;height: 56px;height: 56px;padding: 0 35px;cursor: pointer;max-width: 150px;} #search_area_2 .search_form form .searc-btn-7 button:hover {background: #f15b5c;color: #ffffff;} /*===================================================== 18.home version 2 welcome section css goes here =======================================================*/ .section-title-version-2 h2, .section-title-version-2-white h2, .section-title-version-2-black h2 {font-size: 34px;font-weight: 600;padding-bottom: 8px !important;z-index: 2;padding: 0;} .section-title-version-2 h5, .section-title-version-2-white h5, .section-title-version-2-black h5 {font-size: 18px;color: #323232;font-weight: 400;line-height: 30px;} .section-title-version-2-white h2, .section-title-version-2-black h2 {color: #ffffff;} .section-title-version-2-white p, .section-title-version-2-black p {color: #ffffff;font-size: 15px;padding-bottom: 45px;} .section-title-version-2-black h2 {color: #2f2f2f;} .section-title-version-2-black p {color: #727272;} /*===================================================== 19.home version 2 welcome section css goes here =======================================================*/ .welcome-area {padding: 100px 0 200px;} .welcome-area .section-title-version-2 {padding-top: 30px;} .welcome-area .section-title-version-2 h2 {margin-bottom: 20px;font-size: 34px;} .welcome-area .single-welcome-area {position: relative;} .welcome-area .single-welcome-area .single-imag .img-thumbnail {background-color: #f7f7f7;border-radius: 0px;padding: 15px;border: none;} .welcome-area .single-welcome-area .overlay-image {bottom: -40px;height: auto;position: absolute;right: -30px;max-width: 100%;} .welcome-area .single-welcome-area .overlay-image .img-thumbnail {background-color: #f7f7f7;border-radius: 0px;padding: 10px;border: none;} .welcome-area .single-welcome-text {padding-left: 60px;} .welcome-area .single-welcome-text .welcome-content p {font-size: 15px;font-weight: 15px;color: #727272;} .welcome-area .single-welcome-text .welcome-content a {margin-top: 40px;padding: 15px 40px !important;font-size: 15px;font-size: 500;} .welcome-area .single-welcome-text .welcome-content a:hover {background: #ffbe00;} /*===================================================== 20.home version 2 tour-package section css goes here =======================================================*/ .tour-package-bg {background: transparent url("../image/package.jpg") repeat scroll 0 0;background-repeat: no-repeat;background-size: cover;background-position: center center;position: relative;z-index: 1;overflow: hidden;} .tour-package-bg:before {position: absolute;content: "";left: 0;width: 100%;height: 100%;top: 0;background: transparent;z-index: -1;} .popular-packages-carasoul.owl-carousel.owl-loaded.owl-drag {clear: both;} .single-package-carasoul {overflow: hidden;position: relative;margin-bottom: 30px;} .single-package-carasoul:hover .package-location .package-long-btn {bottom: 0;visibility: visible;opacity: 1;} .single-package-carasoul .package-location {position: relative;} .single-package-carasoul .package-location span {background: #f15b5c none repeat scroll 0 0;top: 0;color: #ffffff;font-size: 20px;line-height: 50px;font-weight: 600;height: 50px;padding: 0 25px;left: 0;position: absolute;text-align: center;-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;z-index: 99;} .single-package-carasoul .package-location .package-long-btn {position: absolute;bottom: -30px;left: 0;-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;z-index: 99;opacity: 0;visibility: hidden;} .single-package-carasoul .package-location .package-long-btn a {background: #ffffff none repeat scroll 0 0;color: #f15b5c;font-size: 18px;line-height: 50px;font-weight: 500;height: 50px;padding: 0 25px;display: block;text-align: center;-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;-webkit-box-shadow: 0 0 80px 0 rgba(47, 47, 47, 0.1);box-shadow: 0 0 80px 0 rgba(47, 47, 47, 0.1);} .single-package-carasoul .package-location .package-long-btn a:hover {background: #f15b5c;color: #ffffff;} .single-package-carasoul .package-details {background: #ffffff;border-radius: 0 0 4px 4px;} .single-package-carasoul .package-details .package-places {padding: 20px 25px 12px;} .single-package-carasoul .package-details .package-places h4 {color: #2f2f2f;font-size: 20px;font-weight: 600;} .single-package-carasoul .package-details .package-places .details {margin-top: 8px;} .single-package-carasoul .package-details .package-places .details p {font-weight: 400;font-size: 15px;color: #727272;line-height: 25px;margin: 0;} .single-package-carasoul .package-details .package-places .details p span {font-size: 15px;font-weight: 600;color: #2f2f2f;} .single-package-carasoul .package-details .package-ratings-review {padding: 0px 0 15px;} .single-package-carasoul .package-details .package-ratings-review .two-column {padding: 0 25px;display: -webkit-box;display: -ms-flexbox;display: flex;} .single-package-carasoul .package-details .package-ratings-review .two-column li i {color: #ffbe00;font-size: 18px;} .owl-nav div {background: #ffffff none repeat scroll 0 0;color: #f15b5c;font-size: 28px;height: 75px;left: -200px;line-height: 75px;position: absolute;text-align: center;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 75px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;border-radius: 50%;} .owl-nav div:hover {background: #ffbe00;color: #ffffff;} .owl-nav div.owl-next {left: auto;right: -200px;} /*===================================================== 21.home version 2 popular destination section css goes here =======================================================*/ .popular-country .destination-tab-menu .destination-menu {text-align: center;margin-bottom: 50px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border-bottom: none;} .popular-country .destination-tab-menu .destination-menu li {display: inline-block;margin-right: 20px;border: none;} .popular-country .destination-tab-menu .destination-menu li a {display: block;padding: 8px 35px;background: #ecf1f5;color: #727272;font-size: 15px;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;letter-spacing: 1.5px;border-radius: 0;border: none;} .popular-country .destination-tab-menu .destination-menu li a:hover {background: #f15b5c;color: #ffffff;} .popular-country .destination-tab-menu .destination-menu li a.active {background: #f15b5c;color: #ffffff;border: none;} .popular-country .destination-countrys .tab-content figure {position: relative;overflow: hidden;} .popular-country .destination-countrys .tab-content figure:before {position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);content: '';left: 0;top: 0;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;z-index: 10;} .popular-country .destination-countrys .tab-content figure figcaption .city-name {bottom: 0px;-webkit-box-sizing: border-box;box-sizing: border-box;left: 0;overflow: hidden;padding: 15px;position: absolute;-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;width: 100%;z-index: 10;} .popular-country .destination-countrys .tab-content figure figcaption .city-name span {font-size: 18px;font-weight: 600;color: #ecf1f5;-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;} .popular-country .destination-countrys .tab-content figure figcaption .city-name img {margin-right: 10px;margin-top: -5px;} .popular-country .destination-countrys .tab-content figure figcaption .city-name .tower-bridge {padding: 5px 0 0;margin-left: 3px;} .popular-country .destination-countrys .tab-content figure figcaption .city-name .tower-bridge li {display: inline-block;font-size: 14px;font-weight: 500;color: #ecf1f5;} .popular-country .destination-countrys .tab-content figure figcaption .city-name .tower-bridge li:last-child {margin-left: 50px;} .popular-country .destination-countrys .tab-content figure figcaption .travel-book-btn {position: absolute !important;top: 50% !important;left: 0;width: 100%;text-align: center;-webkit-transform: translateY(-50%) scale(0.8);transform: translateY(-50%) scale(0.8);opacity: 0;visibility: hidden;position: relative;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;z-index: 99;} .popular-country .destination-countrys .tab-content figure figcaption .travel-book-btn a {padding: 12px 25px;font-size: 16px;} .popular-country .destination-countrys .tab-content figure:hover figcaption .city-name span {color: #ffbe00;} .popular-country .destination-countrys .tab-content figure:hover figcaption .city-name .tower-bridge li {color: #ffffff;} .popular-country .destination-countrys .tab-content figure:hover figcaption .travel-book-btn {opacity: 1;-webkit-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);visibility: visible;} /*===================================================== 22.home version 2 discount section css goes here =======================================================*/ #countdown_2 {background: #ffbe00 url("../image/count_2_bg.jpg") repeat scroll 0 0;} /*===================================================== 23.home version 2 offer section css goes here =======================================================*/ .offer-package .single-offer {-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;-webkit-box-shadow: 0 0 30px 0 rgba(47, 47, 47, 0.05);box-shadow: 0 0 30px 0 rgba(47, 47, 47, 0.05);margin-bottom: 30px;} .offer-package .single-offer:hover {-webkit-box-shadow: 0 0 50px 0 rgba(47, 47, 47, 0.1);box-shadow: 0 0 50px 0 rgba(47, 47, 47, 0.1);} .offer-package .single-offer:hover .single-offer-image img {-webkit-transform: scale(1.1);transform: scale(1.1);} .offer-package .single-offer:hover .offer-details .offer-btn a {border: 1px solid #ffbe00 !important;background: #ffbe00 !important;color: #ffffff !important;} .offer-package .single-offer .single-offer-image {position: relative;overflow: hidden;} .offer-package .single-offer .single-offer-image img {width: 100%;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .offer-package .single-offer .single-offer-image span {background: #ffbe00 none repeat scroll 0 0;color: #ffffff;display: inline-block;font-weight: 500;padding: 8px 10px;position: absolute;right: 0px;top: 0;font-size: 14px;} .offer-package .single-offer .single-offer-details {margin-left: -14px;padding: 15px 10px;} .offer-package .single-offer .single-offer-details .offer-title {padding-top: 15px;} .offer-package .single-offer .single-offer-details .offer-title h4 {font-size: 22px;font-weight: 600;text-transform: capitalize;color: #2f2f2f;} .offer-package .single-offer .single-offer-details .offer-title p {font-weight: 600;margin: 0 0 10px;color: #2f2f2f;} .offer-package .single-offer .single-offer-details .offer-title p span {color: #ffbe00;} .offer-package .single-offer .single-offer-details .offer-details p {font-weight: 400;line-height: 25px;} .offer-package .single-offer .single-offer-details .offer-details .offer-btn {margin-top: 23px;margin-bottom: 12px;} .offer-package .single-offer .single-offer-details .offer-details .offer-btn a {background: transparent;border: 1px solid #ffbe00;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;color: #ffbe00;padding: 8px 25px;} .offer-package .single-offer .single-offer-details .offer-details .offer-btn a:hover {border: 1px solid #f15b5c !important;color: #ffffff;} /*===================================================== 24.home version 2 blog section css goes here =======================================================*/ .section-blog-bg {background: transparent url("../image/blog.jpg") repeat scroll 0 0;background-repeat: no-repeat;background-size: cover;background-position: center center;position: relative;z-index: 1;padding: 100px 0;} .section-blog-bg:before, .section-blog-bg:after {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: transparent;z-index: -1;content: '';overflow: hidden;} .section-blog-bg:after {background: rgba(55, 183, 33, 0);} .blog_style_one .single-travel-blog {margin-bottom: 30px;} .blog_wrapper {padding: 130px 0;/*=======[ widget Blog and Post Page ]========*/} .blog_wrapper .single_blog {margin-bottom: 60px;-webkit-box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1);box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1);} .blog_wrapper .single_blog:last-child {margin-bottom: 0;} .blog_wrapper .single_blog:hover {-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;} .blog_wrapper .single_blog:hover .blog_banner img {-webkit-transform: scale(1.05);transform: scale(1.05);} .blog_wrapper .single_blog:hover .post_content_wrapper h3 a {color: #f15b5c;} .blog_wrapper .single_blog .blog_banner {overflow: hidden;} .blog_wrapper .single_blog .blog_banner img {-webkit-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;} .blog_wrapper .single_blog .post_content_wrapper {padding: 40px;} .blog_wrapper .single_blog .post_content_wrapper .post_date p {color: #727272;font-size: 13px;font-weight: 400;margin: 0 0 15px;line-height: 15px;} .blog_wrapper .single_blog .post_content_wrapper .post_date p span {color: #2f2f2f;} .blog_wrapper .single_blog .post_content_wrapper h3 {font-size: 20px;font-weight: 700;line-height: 24px;} .blog_wrapper .single_blog .post_content_wrapper h3 a {-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;color: #2f2f2f;} .blog_wrapper .single_blog .post_content_wrapper p {margin: 20px 0 25px;} .blog_wrapper .single_blog .post_content_wrapper .post_by a {color: #2f2f2f;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;font-size: 16px;font-weight: 500;line-height: 30px;} .blog_wrapper .single_blog .post_content_wrapper .post_by a i {padding-left: 10px;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;} .blog_wrapper .single_blog .post_content_wrapper .post_by a i:before {margin: 0;font-size: 14px;} .blog_wrapper .single_blog .post_content_wrapper .post_by a:hover {color: #f15b5c;} .blog_wrapper .single_blog .post_content_wrapper .post_by a:hover i {padding-left: 15px;} .blog_wrapper .single_blog .post_content_wrapper .post_by .social_wrapper span {padding-right: 15px;line-height: 30px;} .blog_wrapper .single_blog .post_content_wrapper .post_by .social_wrapper .social-items li:last-child {margin-right: 0;} .blog_wrapper .single_blog .post_content_wrapper .post_by .social_wrapper .social-items li a i {padding: 0;height: 30px;width: 30px;text-align: center;line-height: 29px;border-radius: 50%;font-size: 15px;margin: 0;background: transparent;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;} .blog_wrapper .single_blog .post_content_wrapper .post_by .social_wrapper .social-items li a i:hover {padding: 0;-webkit-transform: scale(1.3);transform: scale(1.3);} .blog_wrapper .single_blog .post_content_wrapper .post_by .social_wrapper .social-items li a .fb_icon {color: #4867aa;} .blog_wrapper .single_blog .post_content_wrapper .post_by .social_wrapper .social-items li a .tw_icon {color: #1da1f2;} .blog_wrapper .single_blog .post_content_wrapper .post_by .social_wrapper .social-items li a .link_icon {color: #0077B5;} .blog_wrapper .single_blog .post_content_wrapper .post_by .social_wrapper .social-items li a .in_icon {color: #262223;} .blog_wrapper .single_blog .post_content_wrapper .post_bloger {padding: 30px 0 0px;border-top: 1px solid #d7d7d7;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} .blog_wrapper .single_blog .post_content_wrapper .post_bloger li {font-size: 14px;font-weight: 300;margin: 0;color: #727272;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;font-weight: 400;padding-right: 50px;} .blog_wrapper .single_blog .post_content_wrapper .post_bloger li:last-child {padding-right: 0;} .blog_wrapper .single_blog .post_content_wrapper .post_bloger li i {padding-right: 7px;font-size: 15px;} .blog_wrapper .commnet-wrapper .items_title .title {font-size: 30px;font-weight: 600;color: #2f2f2f;margin: 65px 0 0;} .blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper {border-bottom: 1px solid rgba(47, 47, 47, 0.05);padding-top: 40px;padding-bottom: 40px;} .blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper:last-child {border-bottom: 1px solid rgba(47, 47, 47, 0);padding-bottom: 0px;} .blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper:first-child {border-top: 1px solid transparent;} .blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .reply_comment_text {padding-left: 50px !important;padding-top: 30px !important;} .blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 0;border-radius: 0;position: relative;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;} .blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list:first-child {margin-bottom: 0;} .blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .commnet_img {width: 55px;height: 55px;} .blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .commnet_img img {border-radius: 50%;} .blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text {width: 87%;} .blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info {line-height: 14px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} .blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .author_name a {font-size: 16px;font-weight: 700;color: #2f2f2f;margin-right: 25px;} .blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .author_name span {font-size: 14px;font-weight: 400;line-height: 24px;color: #727272;} .blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .reply-comment a {font-size: 14px;font-weight: 500;margin: 0 0 0 30px;color: #ffbe00;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;} .blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .reply-comment a:hover {color: #f15b5c;} .blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .reply-comment a:hover i {color: #f15b5c;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;padding-right: 10px;margin: 0;font-size: 10px;} .blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .reply-comment a i {padding-right: 5px;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;} .blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .reply-comment a i:before {margin: 0;font-size: 14px;} .blog_wrapper .commnet-wrapper .comment-list-items .comment-list-wrapper .comment-list .comment-text p {font-size: 14px;font-weight: 400;line-height: 24px;margin: 19px 0 0;color: #727272;} .blog_wrapper .leave_comment_wrapper {margin-top: 50px;} .blog_wrapper .leave_comment_wrapper .items_title {margin-bottom: 30px;} .blog_wrapper .leave_comment_wrapper .items_title .title {font-size: 30px;font-weight: 600;color: #2f2f2f;margin-bottom: 10px;} .blog_wrapper .leave_comment_wrapper .items_title p {margin: 0;} .blog_wrapper .leave_comment_wrapper .leave_comment .form-group {margin-bottom: 15px;} .blog_wrapper .leave_comment_wrapper .leave_comment .form-group input, .blog_wrapper .leave_comment_wrapper .leave_comment .form-group textarea {background: transparent;border: 1px solid #d7d7d7;border-radius: 0px;height: 46px;padding: 0px 20px;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;width: 100%;color: #2f2f2f;font-size: 14px;font-weight: 400;outline: none;-webkit-box-shadow: none;box-shadow: none;} .blog_wrapper .leave_comment_wrapper .leave_comment .form-group input:focus, .blog_wrapper .leave_comment_wrapper .leave_comment .form-group textarea:focus {border: 1px solid #2f2f2f;outline: none;color: #2f2f2f;} .blog_wrapper .leave_comment_wrapper .leave_comment .form-group input::-webkit-input-placeholder, .blog_wrapper .leave_comment_wrapper .leave_comment .form-group textarea::-webkit-input-placeholder {/* Chrome/Opera/Safari */color: #727272;font-size: 12px;font-weight: 400;} .blog_wrapper .leave_comment_wrapper .leave_comment .form-group input::-moz-placeholder, .blog_wrapper .leave_comment_wrapper .leave_comment .form-group textarea::-moz-placeholder {/* Firefox 19+ */color: #727272;font-size: 12px;font-weight: 400;} .blog_wrapper .leave_comment_wrapper .leave_comment .form-group input:-ms-input-placeholder, .blog_wrapper .leave_comment_wrapper .leave_comment .form-group textarea:-ms-input-placeholder {/* IE 10+ */color: #727272;font-size: 12px;font-weight: 400;} .blog_wrapper .leave_comment_wrapper .leave_comment .form-group input:-moz-placeholder, .blog_wrapper .leave_comment_wrapper .leave_comment .form-group textarea:-moz-placeholder {/* Firefox 18- */color: #727272;font-size: 12px;font-weight: 400;} .blog_wrapper .leave_comment_wrapper .leave_comment .form-group textarea {height: 150px;padding-top: 15px;} .blog_wrapper .leave_comment_wrapper .leave_comment .submit-btn button {height: 54px;padding: 0 35px;font-size: 18px;font-weight: 500;background: #ffbe00;color: #ffffff;border: none;border-radius: 0px;cursor: pointer;position: relative;z-index: 1;outline: none;margin-top: 30px;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;} .blog_wrapper .leave_comment_wrapper .leave_comment .submit-btn button:hover {background: #ffbe00;} .blog_wrapper .blog_wrapper_right {padding-left: 15px;} .blog_wrapper .blog_wrapper_right .blog-right-items .items-title .title {font-size: 25px;font-weight: 600;margin-bottom: 30px;position: relative;padding-left: 80px;} .blog_wrapper .blog_wrapper_right .blog-right-items .items-title .title:before {position: absolute;content: "";background: #2f2f2f;height: 2px;width: 50px;top: 50%;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);} .blog_wrapper .blog_wrapper_right .blog-right-items .widget_single {margin-bottom: 55px;} .blog_wrapper .blog_wrapper_right .blog-right-items .widget_single:last-child {margin-bottom: 0;} .blog_wrapper .blog_wrapper_right .blog-right-items .search_blog .form-full-box {padding: 20px 30px;text-align: center;-webkit-box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1);box-shadow: 0px 0px 81px 0px rgba(47, 47, 47, 0.1);} .blog_wrapper .blog_wrapper_right .blog-right-items .search_blog .form-full-box .form-group {margin-bottom: 0px;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;} .blog_wrapper .blog_wrapper_right .blog-right-items .search_blog .form-full-box .form-group input {position: relative;background: transparent;border: 1px solid #d7d7d7;border-radius: 0px;-webkit-box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0);box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0);height: 50px;padding: 15px;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;width: 100%;color: #2f2f2f;font-size: 16px;font-weight: 400;} .blog_wrapper .blog_wrapper_right .blog-right-items .search_blog .form-full-box .form-group input:focus {border-color: #f15b5c;outline: none;-webkit-box-shadow: none;box-shadow: none;} .blog_wrapper .blog_wrapper_right .blog-right-items .search_blog .form-full-box .form-group input::-webkit-input-placeholder {/* Chrome/Opera/Safari */color: #ffffff;font-size: 14px;font-weight: 400;opacity: 0.8;} .blog_wrapper .blog_wrapper_right .blog-right-items .search_blog .form-full-box .form-group input::-moz-placeholder {/* Firefox 19+ */color: #ffffff;font-size: 14px;font-weight: 400;opacity: 0.8;} .blog_wrapper .blog_wrapper_right .blog-right-items .search_blog .form-full-box .form-group input::-ms-input-placeholder {/* IE 10+ */color: #ffffff;font-size: 14px;font-weight: 400;opacity: 0.8;} .blog_wrapper .blog_wrapper_right .blog-right-items .search_blog .form-full-box .form-group input::-moz-placeholder {/* Firefox 18- */color: #ffffff;font-size: 14px;font-weight: 400;opacity: 0.8;} .blog_wrapper .blog_wrapper_right .blog-right-items .search_blog .form-full-box .register-btn {background: #f15b5c;color: title-color;padding: 0;color: #fff;height: 50px;width: 50px;line-height: 50px;font-size: 16px;text-transform: uppercase;border: none;border-radius: 0px;font-weight: 500;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;cursor: pointer;} .blog_wrapper .blog_wrapper_right .blog-right-items .search_blog .form-full-box .register-btn:hover {background: #f15b5c;color: #ffffff;} .blog_wrapper .blog_wrapper_right .blog-right-items .recent_post_wrapper .single-post {display: -webkit-box;display: -ms-flexbox;display: flex;border-radius: 0px;overflow: hidden;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;margin-bottom: 40px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-bottom: 1px solid #d7d7d7;padding-bottom: 40px;} .blog_wrapper .blog_wrapper_right .blog-right-items .recent_post_wrapper .single-post:last-child {margin-bottom: 0;} .blog_wrapper .blog_wrapper_right .blog-right-items .recent_post_wrapper .single-post .recent_img {width: 25%;} .blog_wrapper .blog_wrapper_right .blog-right-items .recent_post_wrapper .single-post .recent_img img {border-radius: 5px;} .blog_wrapper .blog_wrapper_right .blog-right-items .recent_post_wrapper .single-post .post_title {width: 75%;padding-left: 15px;} .blog_wrapper .blog_wrapper_right .blog-right-items .recent_post_wrapper .single-post .post_title a {font-weight: 500;line-height: 24px;color: #2f2f2f;font-size: 18px;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;} .blog_wrapper .blog_wrapper_right .blog-right-items .recent_post_wrapper .single-post .post_title a:hover {color: #f15b5c;} .blog_wrapper .blog_wrapper_right .blog-right-items .recent_post_wrapper .single-post .post_title .post-date {margin-top: 8px;} .blog_wrapper .blog_wrapper_right .blog-right-items .recent_post_wrapper .single-post .post_title .post-date span {font-weight: 400;font-size: 12px;color: #727272;} .blog_wrapper .blog_wrapper_right .blog-right-items .popular_tags .items-title {margin-bottom: 30px;} .blog_wrapper .blog_wrapper_right .blog-right-items .popular_tags .tags-items ul li {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;padding-right: 6px;padding-bottom: 10px;} .blog_wrapper .blog_wrapper_right .blog-right-items .popular_tags .tags-items ul li a {padding: 10px 25px;font-size: 15px;background: #eef2f5;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;color: #727272;font-weight: 500;border-radius: 0px;} .blog_wrapper .blog_wrapper_right .blog-right-items .popular_tags .tags-items ul li a:hover {background: #f15b5c;color: #ffffff;} .blog_wrapper .blog_wrapper_right .blog-right-items .archives .items-title {margin-bottom: 20px;} .blog_wrapper .blog_wrapper_right .blog-right-items .archives .archives-items {margin-left: 50px;} .blog_wrapper .blog_wrapper_right .blog-right-items .archives .archives-items ul li {padding-bottom: 12px;} .blog_wrapper .blog_wrapper_right .blog-right-items .archives .archives-items ul li a {-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;font-size: 16px;font-weight: 400;position: relative;margin-right: 30px;color: #2f2f2f;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 100%;} .blog_wrapper .blog_wrapper_right .blog-right-items .archives .archives-items ul li a:hover {color: #f15b5c;} .blog_wrapper .blog_wrapper_right .blog-right-items .archives .archives-items ul li a:hover:before {color: #f15b5c;} .blog_wrapper .blog_wrapper_right .blog-right-items .archives .archives-items ul li a:hover:after {left: -30px;} .blog-2 .single-travel-blog {background: #ffffff;} /*===================================================== 26.home version 2 gallery section css goes here =======================================================*/ .grid-3 {padding: 0;} .grid-3 .col-md-6 {padding-left: 0;padding-right: 0px;} .grid-3 .col-md-3 {padding-left: 0;padding-right: 0px;} .grid-3 .grid-item {margin-bottom: 0px;} .grid-3 figure {position: relative;overflow: hidden;margin: 5px;} .grid-3 figure img {width: 100%;} .grid-3 figure:before, .grid-3 figure:after {width: 100%;height: 100%;content: '';top: 0;left: 0;position: absolute;background: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;} .grid-3 figure:before {left: auto;right: 0;} .grid-3 figure figcaption {bottom: 20px;position: absolute;width: 100%;left: 0;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;opacity: 0;visibility: hidden;z-index: 2;} .grid-3 figure figcaption h4 {color: #ffffff;font-size: 15px;font-weight: 500;} .grid-3 figure figcaption h4 span {color: #ffbe00;} .grid-3 figure figcaption a {top: -25px;position: relative;} .grid-3 figure figcaption a .fa.fa-pencil {background: #ffbe00 none repeat scroll 0 0;border-radius: 100%;color: #fff;display: block;font-size: 14px;height: 30px;line-height: 30px;text-align: center;width: 30px;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;} .grid-3 figure figcaption a .fa.fa-pencil:hover {background: #f15b5c;} .grid-3 figure:hover::before, .grid-3 figure:hover::after {opacity: 1;visibility: visible;} .grid-3 figure:hover figcaption {opacity: 1;visibility: visible;left: 50px;} /*===================================================== 27.home version 3 hdeader section css goes here =======================================================*/ .header-area-style-3 .main_nav-2 {background: #ffffff;} .header-area-style-3 .main_nav-2 .main-menu li a {color: #454545;} .header-area-style-3 .main_nav-2 .main-menu li a:hover {color: #ffbe00;} .header-area-style-3 .main_nav-2 .main-menu li.active a {color: #ffbe00;} .header-area-style-3 .main_nav-2 .main-menu li.active a:before {width: 100%;opacity: 1;visibility: visible;bottom: -15px;} .header-area-style-3 .sticky {background: #333537;} .header-area-style-3 .sticky .main-menu li a {color: #ffffff;} .index_3 .header_top_area {background: #ffffff;} .index_3 .header_top_area .contact_wrapper_top .header_top_contact li {color: #727272;} .index_3 .header_top_area .contact_wrapper_top .book-btn {background: #ffbe00;cursor: pointer;} .index_3 .header_top_area .contact_wrapper_top .book-btn:hover {background: #ffbe00;} /*===================================================== 28.home version 3 herounit section css goes here =======================================================*/ .book-online a {background: #ffbe00 none repeat scroll 0 0;border-radius: 5px;color: #fff;display: block;font-size: 14px;margin-top: 25px;padding: 6px 13px;text-transform: uppercase;width: 100%;text-align: center;} .herounit-bg {padding: 0;position: absolute;top: 55%;left: 60%;z-index: 999;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 0;} .herounit-bg .search_form_3 {background: #ffffff;overflow: hidden;padding: 30px 30px 30px 50px;margin-right: 0px;margin-left: 35%;} .herounit-bg .search_form_3 form {display: -webkit-box;display: -ms-flexbox;display: flex;} .herounit-bg .search_form_3 form .form_wrapper {position: relative;width: 60%;} .herounit-bg .search_form_3 form .form_wrapper .form-group {width: 100%;float: left;margin-bottom: 30px;} .herounit-bg .search_form_3 form .form_wrapper .form-group:last-child {margin-bottom: 0;} .herounit-bg .search_form_3 form .form_wrapper .form-group label {padding-left: 30px;font-size: 15px;font-weight: 500;color: #2f2f2f;padding-bottom: 8px;} .herounit-bg .search_form_3 form .form_wrapper .form-group input[type='text'], .herounit-bg .search_form_3 form .form_wrapper .form-group input[type='number'], .herounit-bg .search_form_3 form .form_wrapper .form-group .select2-container--default .select2-selection--single {background: #f5f6f8;border: none;border-radius: 0px;-webkit-box-shadow: none;box-shadow: none;color: #555;display: block;font-size: 14px;font-weight: 400;line-height: 1.42857;min-height: 50px;padding: 12px 15px;width: 100%;outline: none;} .herounit-bg .search_form_3 form .form_wrapper .form-group .select2.select2-container.select2-container--default {width: 100% !important;} .herounit-bg .search_form_3 form .form_wrapper .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {margin-top: 13px;} .herounit-bg .search_form_3 form .scarch_btn {width: 40%;position: relative;} .herounit-bg .search_form_3 form .scarch_btn .search-btn-3 {background: #ffbe00 none repeat scroll 0 0;height: 60px;width: 60px;cursor: pointer;text-align: center;border: medium none;border-radius: 3px;color: #ffffff;font-size: 20px;font-weight: 600;text-transform: uppercase;margin-top: 25px;position: absolute;bottom: 0;right: 0;} #popular_packages_3 .single-package:hover .travel-booking-btn {background: #ffbe00 !important;border: 1px solid #ffbe00;color: #ffffff !important;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;} #popular_packages_3 .single-package .package-calto-action .ct-action .travel-booking-btn {background: transparent;border: 1px solid #ffbe00;color: #727272;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;} #popular_packages_3 .single-package .package-calto-action .ct-action .travel-booking-btn:before {background: #f15b5c;} #popular_packages_3 .single-package .package-calto-action .ct-action .travel-booking-btn:hover {border: 1px solid #ffbe00;cursor: pointer;} /*===================================================== 29.why choose travelser section css goes here =======================================================*/ .choose-travelstar-version-2 {background: #f4f4f4;overflow: hidden;} .choose-travelstar-version-2 .container {min-width: 1180px;} .choose-travelstar-version-2 .section-title-3 p {max-width: 400px;} .choose-travelstar-version-2 .thailan-btn:before {background: #f15b5c;} .choose-travelstar-version-2 .single-travel {margin-bottom: 30px;padding: 25px 35px;background: none;z-index: 33;} .choose-travelstar-version-2 .single-travel:hover {background: #ffffff;-webkit-transform: none;transform: none;-webkit-box-shadow: none;box-shadow: none;cursor: auto;} .choose-travelstar-version-2 .single-travel:hover .media-body h4 {color: #f15b5c;} .choose-travelstar-version-2 .single-travel:hover .media-body p {color: #727272;} .choose-travelstar-version-2 .ImageBlock {position: relative;} .choose-travelstar-version-2 .ImageBlock--switch .ImageBlock__image {left: 0;right: auto;} .choose-travelstar-version-2 .ImageBlock__image {height: 100%;padding: 0;position: absolute;right: 0;top: 0;z-index: 2;} .choose-travelstar-version-2 .ImageBackground {height: 100%;position: relative;} .choose-travelstar-version-2 .ImageBackground__holder {background-repeat: no-repeat;background-size: cover;height: 100%;left: 100%;position: absolute;top: 0;width: 100%;z-index: 0;} .choose-travelstar-version-2 .ImageBackground__holder:before, .choose-travelstar-version-2 .ImageBackground__holder:after {background: rgba(0, 0, 0, 0.5);content: "";height: 100%;left: 0;opacity: 0.5;position: absolute;top: 0;width: 100%;z-index: 10;} .choose-travelstar-version-2 .ImageBackground__holder:after {background: rgba(55, 183, 33, 0.2);} .choose-travelstar-version-2 .js-Parallax {overflow: hidden;} .choose-travelstar-version-2 .js-Parallax > .ImageBackground__holder {background-attachment: fixed;} .choose-travelstar-version-2 .ImageBlock {position: relative;} .choose-travelstar-version-2 .ImageBlock__image {position: absolute;z-index: 2;top: 0;right: 0;height: 100%;padding: 0;} @media screen and (max-width: 767px) {.choose-travelstar-version-2 .ImageBlock__image,.choose-travelstar-version-2 .ImageBlock__image > .ImageBackground { position: relative; min-height: 15em;}.choose-travelstar-version-2 .ImageBackground__holder { left: 0;}} /*===================================================== 30.discount & deal section css goes here =======================================================*/ .discoun_deal .single-discount-deal {-webkit-box-shadow: 0 0 30px 0 rgba(47, 47, 47, 0.05);box-shadow: 0 0 30px 0 rgba(47, 47, 47, 0.05);} .discoun_deal .single-discount-deal figure {overflow: hidden;position: relative;} .discoun_deal .single-discount-deal figure:hover figure img {-webkit-transform: scale(1.1);transform: scale(1.1);} .discoun_deal .single-discount-deal figure:hover .offer_btn {top: -50px;opacity: 0;visibility: hidden;} .discoun_deal .single-discount-deal figure:hover .travel-book-btn {opacity: 1;visibility: visible;top: 50%;} .discoun_deal .single-discount-deal figure:before {position: absolute;width: 100%;height: 100%;content: '';background: rgba(0, 0, 0, 0.4);left: 0;right: 0;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;z-index: 2;} .discoun_deal .single-discount-deal figure img {width: 100%;-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;border-radius: 3px;} .discoun_deal .single-discount-deal figure figcaption .travel-book-btn {position: absolute !important;top: 60%;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 100%;opacity: 0;visibility: hidden;position: relative;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;text-align: center;z-index: 3;} .discoun_deal .single-discount-deal figure figcaption .offer_btn {position: absolute;top: 0;left: 0;display: inline-block;background: #ffffff;height: 50px;line-height: 50px;font-size: 18px;font-weight: 600;padding: 0px 15px;z-index: 2;opacity: 1;visibility: visible;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;} .discoun_deal .single-discount-deal figure figcaption .offer_details {position: absolute;left: 0;text-align: left;bottom: 15px;width: 100%;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;z-index: 3;padding: 15px;} .discoun_deal .single-discount-deal figure figcaption .offer_details h3 {font-size: 20px;font-weight: 600;color: #ffffff;} .discoun_deal .single-discount-deal figure figcaption .offer_details h3 .map_icon {font-size: 18px;color: #ffbe00;height: 20px;width: auto;padding-right: 7px;} .discoun_deal .single-discount-deal figure figcaption .offer_details ul li {color: #ffffff;font-weight: 500;letter-spacing: 1px;font-size: 16px;padding: 0;margin: 0;} /*===================================================== 31.Video section css goes here =======================================================*/ .video-play {background: #ffbe00 url("../image/video.jpg") no-repeat scroll center center/cover;height: 600px;position: relative;} .video-play:before {position: absolute;background: transparent;width: 100%;height: 100%;top: 0;left: 0;content: '';z-index: 1;} .video-play .video-content {position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);left: 0;right: 0;margin: 0 auto;text-align: center;z-index: 3;} .video-play .video-content .section-title h2, .video-play .video-content .section-title p {color: #ffffff;} .video-play .video-content .video-play-btn a {position: relative;z-index: 1;} .video-play .video-content .video-play-btn a i {background: #ffffff;color: #ffbe00;content: "";height: 70px;width: 70px;line-height: 70px;font-size: 18px;z-index: 1;border-radius: 50%;} .video-play .video-content .video-play-btn a:before {position: absolute;content: "";background: #ffffff;left: 50%;top: 50%;border-radius: 50%;animation: bounce_4b 3s infinite linear;-webkit-animation: bounce_4b 3s infinite linear;z-index: -1;height: 120px;width: 120px;} @-webkit-keyframes bounce_4b {0% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 0;}50% { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); opacity: 0.5;}100% { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); opacity: 0;}} @keyframes bounce_4b {0% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 0;}50% { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); opacity: 0.5;}100% { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); opacity: 0;}} .video-play .video-content .video-play-btn h6 {color: #ffffff;font-size: 16px;font-weight: 500;margin-top: 60px;} /*===================================================== 32.online shop section css goes here =======================================================*/ .single-product {text-align: center;position: relative;padding: 30px;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);overflow: hidden;} .single-product:before {position: absolute;width: 100%;height: 100%;content: '';left: 0;top: -30px;background: rgba(0, 0, 0, 0.3);z-index: 2;opacity: 0;visibility: hidden;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;} .single-product .product-image a {display: block;} .single-product .product-content {padding-top: 20px;} .single-product .product-content h4 {font-size: 20px;font-weight: 600;color: #2f2f2f;text-transform: capitalize;z-index: 5;position: relative;} .single-product .product-content i {color: #ffef3b;padding-bottom: 15px;font-size: 21.5px;} .single-product .product-content .product-action {text-align: left;} .single-product .product-content .product-action li {z-index: 10;position: relative;display: inline-block;} .single-product .product-content .product-action li p {color: #2f2f2f;margin: 0;} .single-product .product-content .product-action li a {font-size: 14px;font-weight: 500;color: #ffbe00;text-transform: capitalize;} .single-product .product-content .product-action li:last-child {float: right;} .single-product .product-content .product-btn {left: 0;margin: 0 auto;top: 90px;-webkit-transform: translateY(-50%);transform: translateY(-50%);position: absolute;right: 0;text-align: center;-webkit-transition: all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s;width: 100%;opacity: 0;visibility: hidden;z-index: 8;} .single-product:hover:before {top: 0;opacity: 1;visibility: visible;} .single-product:hover .product-btn {top: 50%;opacity: 1;visibility: visible;} /*===================================================== 33.thailand-trip section css goes here =======================================================*/ .thailand-trip {background: #f9f9f9;} .thailand-trip .col-md-6, .thailand-trip .col-sm-6 {left: 20px;} .thailand-trip .ImageBackground__holder {left: 0;} .thailand-trip .trip_discripton_wrapper {padding: 120px 0;} .thailand-trip .section-title-3 h2 {padding-left: 30px;font-size: 25px;color: #2f2f2f;font-weight: 600;} .thailand-trip .thailand-description {padding-left: 30px;} .thailand-trip .thailand-description a {margin-top: 40px;background: #ffbe00;padding: 15px 35px !important;} .thailand-trip .starting {position: absolute;text-align: center;top: 40%;-webkit-transform: translateY(-40%);transform: translateY(-40%);z-index: 33;width: 130px;height: 130px;left: 0;right: 0;margin: 0 auto;background: #ffffff;text-align: center;border-radius: 100%;line-height: 25px;} .thailand-trip .starting .starting-elemnts {padding: 40px 0;} .thailand-trip .starting .starting-elemnts p {color: #ababab;margin: 0;} .thailand-trip .starting .starting-elemnts span {font-size: 20px;font-weight: 600;color: #ffbe00;} .thailand-trip .starting:before {background: #ffffff none repeat scroll 0 0;content: "";height: 180px;position: absolute;top: -136%;width: 1px;} /*===================================================== 34.Testimonial two section css goes here =======================================================*/ .top-testimonial-image.row.slick-pagination {position: relative;z-index: 2;} .top-testimonial-image .slider-nav-two {padding-bottom: 40px;} .top-testimonial-image .slider-nav-two .slick-slide {position: relative;overflow: hidden;} .top-testimonial-image .slider-nav-two .slick-slide:before {background: #ffbe00;border-radius: 100%;content: "";height: 87px;left: 10px;opacity: 0.4;position: absolute;right: 0;top: 12px;width: 87px;z-index: 9;cursor: pointer;} .top-testimonial-image .slider-nav-two .slick-slide span img {-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;cursor: pointer;padding: 10px;} .top-testimonial-image .slider-nav-two .slick-slide:focus {outline: none;} .top-testimonial-image .slider-nav-two .slick-center {-webkit-transform: scale(1.2);transform: scale(1.2);padding: 0;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;position: relative;} .top-testimonial-image .slider-nav-two .slick-center:before {background: none;} .testimonial-two .top-testimonial-image {width: 180px;height: 180px;margin: 0px auto;-webkit-box-shadow: 0 0 60px 0 rgba(47, 47, 47, 0.1);box-shadow: 0 0 60px 0 rgba(47, 47, 47, 0.1);border-radius: 50%;position: relative !important;z-index: 1;} .testimonial-two .top-testimonial-image::before {content: '\f10d ';font-family: Fontawesome;font-size: 50px;left: -12px;position: absolute;top: -11px;z-index: -22;color: #f15b5c;z-index: 2;} .testimonial-two .top-testimonial-image .carousel-images {border-radius: 50%;overflow: hidden;padding-bottom: 0px;} .testimonial-two .top-testimonial-image .carousel-images .images_single {width: 180px;height: 180px;} .testimonial-two .top-testimonial-image .carousel-images .images_single:before {display: none;} .testimonial-two .block-text {text-align: center;width: 60%;margin: 0px auto;} .testimonial-two .block-text .single-box {margin-top: 30px;} .testimonial-two .block-text .single-box p {line-height: 25px;margin-bottom: 25px;} .testimonial-two .block-text .single-box .client-bio h3 {font-size: 20px;font-weight: 600;color: #2f2f2f;margin: 0;} .testimonial-two .block-text .single-box .client-bio span {color: #727272;font-size: 14px;font-weight: 400;} .testimonial-two .block-text .single-box .rating {margin-top: 20px;} .testimonial-two .block-text .single-box .rating li {color: #ffbe00;font-size: 15px;padding: 1px;} .testimonial-two .slick-list {margin: 0;} .testimonial-two .slick-prev, .testimonial-two .slick-next {font-size: 0;position: absolute;top: -20px;height: 60px;width: 60px;-webkit-box-shadow: 0 0 60px 0 rgba(47, 47, 47, 0.1);box-shadow: 0 0 60px 0 rgba(47, 47, 47, 0.1);color: #ffbe00;border: 0;background: none;z-index: 1;outline: none;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;} .testimonial-two .slick-prev:hover, .testimonial-two .slick-next:hover {background: #ffbe00;} .testimonial-two .slick-prev {left: -190px;} .testimonial-two .slick-prev:after {content: "\f104";font: 25px/1'FontAwesome';-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;} .testimonial-two .slick-next {right: -190px;text-align: center;} .testimonial-two .slick-next:after {content: "\f105";font: 25px/1'FontAwesome';-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;} .testimonial-two .slick-prev:hover:after, .testimonial-two .slick-next:hover:after {color: #ffffff;} /*===================================================== 35.Home version 4 header top section start here =======================================================*/ .main_nav.main_nav-4 {background: rgba(0, 0, 0, 0.4) !important;} .main_nav.main_nav-4.sticky {background: #333537 none repeat scroll 0 0 !important;} /*===================================================== 36.Home version 4 slider section start here =======================================================*/ .slider-area-3 .image-overlay:before {background: rgba(0, 0, 0, 0.5) !important;} .slider-area-3 .image-overlay:after {/*background: rgba(55, 183, 33, 0.2) !important;*/} /*===================================================== 37.Home version 4 tabbased search section start here =======================================================*/ .tabbased-search-area-4 {position: inherit;margin-top: 0;padding: 50px 0;} .tabbased-search-area-4 .tabbable-menu .tab-menu {border-bottom: 2px solid #f1f1f1;margin-bottom: 50px;} .tabbased-search-area-4 .tabbable-menu .tab-menu li a {color: #2f2f2f !important;} .tabbased-search-area-4 .tabbable-menu .tab-menu li a img {margin-right: 10px;} .tabbased-search-area-4 .tabbable-menu .tab-menu li a:before {bottom: -22px !important;} .tabbased-search-area-4 .tabbable-menu .tab-menu li:hover a {color: #ffbe00 !important;} .tabbased-search-area-4 .tabbable-menu .tab-menu li.active a:before {width: 100%;opacity: 1;visibility: visible;} .tabbased-search-area-4 .tab-content .hotels-form input, .tabbased-search-area-4 .tab-content .flights-form input {background: #f1f1f1 none repeat scroll 0 0;} .tabbased-search-area-4 .tab-content .hotels-form .custom-select, .tabbased-search-area-4 .tab-content .flights-form .custom-select {background: #f1f1f1 !important;} .search_area_4 {position: static;padding: 60px 0 !important;margin: 0 !important;} .search_area_4 form {padding: 0 !important;-webkit-box-shadow: none !important;box-shadow: none !important;} .search_area_4 form .form_wrapper {-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .search_area_4 form .form_wrapper .searc-btn-7 {width: auto !important;margin-top: 0px !important;padding-left: 15px;height: 74px;} .search_area_4 form .form_wrapper .searc-btn-7 button {height: 74px !important;padding: 0 50px !important;} /*===================================================== 38.Home version 4 popular package section start here =======================================================*/ .popular-packages-2 {background: #f4f4f4;padding: 120px 0;} .popular_packages_4 .single-package:hover .travel-booking-btn {background: transparent;border: 1px solid #f15b5c !important;color: #ffffff !important;background: #f15b5c !important;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;} .popular_packages_4 .single-package:hover .travel-booking-btn:before {background: #ffbe00 !important;} .popular_packages_4 .single-package .package-calto-action .ct-action .travel-booking-btn {background: transparent;border: 1px solid #f15b5c !important;color: #f15b5c;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;} .popular_packages_4 .single-package .package-calto-action .ct-action .travel-booking-btn:before {background: #f15b5c !important;} .popular_packages_4 .single-package .package-calto-action .ct-action .travel-booking-btn:hover {border: 1px solid #f15b5c !important;color: #ffffff;cursor: pointer;} /*===================================================== 39.Home version 4 discount package 4 section start here =======================================================*/ .discount-package-4 {background: #f4f4f4;padding: 0px 0;position: relative;overflow: hidden;} .discount-package-4 img {padding-right: 50px;} .discount-package-4 .discount-package-4-contents {position: relative;z-index: 3;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;min-height: 100%;padding-left: 50px;} .discount-package-4 .discount-package-4-contents .discount-package-4-title h2 {font-size: 34px;font-weight: 600;color: #2f2f2f;padding-bottom: 30px;} .discount-package-4 .discount-package-4-contents .discount-package-4-title h2 span {color: #f15b5c;} .discount-package-4 .discount-package-4-contents .discount-package-4-title p {font-size: 17px;color: #636363;padding-bottom: 40px;text-indent: 2em;} .discount-package-4 .discount-package-4-contents .travel-primary-btn-2 {-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;} .discount-package-4 .discount-package-4-contents .travel-primary-btn-2:hover {background: #ffbe00 !important;color: #ffffff;} .discount-package-4 .discount-package-4-contents .travel-primary-btn-2:hover:before {background: #f15b5c;} /*===================================================== 40.Home version 4 top destination section start here =======================================================*/ .top-destination-area figure {position: relative;overflow: hidden;margin-bottom: 30px;} .top-destination-area figure img {-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;} .top-destination-area figure:before {position: absolute;width: 100%;height: 100%;content: '';background: rgba(0, 0, 0, 0.3);top: 0;left: 0;z-index: 1;} .top-destination-area figure figcaption {position: absolute;top: 40%;width: 100%;height: 100%;left: 0;right: 0;margin: auto;text-align: center;opacity: 0;visibility: hidden;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;z-index: 33;} .top-destination-area figure figcaption h4 {color: #ffffff;font-size: 20px;font-weight: 600;} .top-destination-area figure:hover img {-webkit-transform: scale(1.2);transform: scale(1.2);} .top-destination-area figure:hover figcaption {opacity: 1;visibility: visible;top: 50%;} /*===================================================== 41.Home version 4 counter section start here =======================================================*/ .achievment-bg {background: #ffbe00 url("../image/achivment.jpg") repeat scroll 0 0;background-repeat: no-repeat;background-size: cover;background-position: center center;position: relative;} .achievment-bg:before {position: absolute;width: 100%;height: 100%;content: '';left: 0;top: 0;background: transparent;z-index: 1;} .single-counter-box {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0 5%;} .single-counter {text-align: center;position: relative;z-index: 3;} .single-counter .counter-image {display: block;padding-bottom: 20px;} .single-counter .counter-elements .counter {font-size: 30px;font-weight: 600;color: #ffffff;} .single-counter .counter-elements span {font-size: 15px;font-weight: 500;color: #ffffff;text-transform: uppercase;} #blog_4 {background: url("../image/blog_4.jpg");background-size: cover;background-position: center;background-attachment: fixed;} #blog_4 .post-social-2 li:last-child a:last-child {margin-right: 15px !important;} #blog_4 .post-social-2 li:last-child a i {padding-right: 5px !important;} #blog_4 .section-title h2, #blog_4 .section-title p {color: #ffffff;} #blog_4 .single-travel-blog {background: #ffffff;} /*===================================================== 42.Home version 4 hotel section start here =======================================================*/ .single-hotels {position: relative;margin-bottom: 30px;} .single-hotels .hotel-image {position: relative;overflow: hidden;display: block;} .single-hotels .hotel-image:before {position: absolute;content: '';width: 100%;height: 100%;left: -30px;top: 0;background: rgba(0, 0, 0, 0.45);z-index: 1;opacity: 0;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;} .single-hotels .hotel-image img {width: 100%;} .single-hotels .hotel-description {text-align: center;padding: 10px 5px;position: absolute;left: 0px;right: 0px;bottom: 0px;background-color: rgba(0, 0, 0, 0.3);color: #fff;z-index: 100;} .single-hotels .hotel-description h4 {color: #fff;font-size: 16px;font-weight: 600;margin-bottom: 0px;text-align: left;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;} .single-hotels .hotel-description h4 a{color: #fff;} .single-hotels .hotel-description p span {color: #f15b5c;font-weight: 600;} .single-hotels .hotel-description .hotel-rating i {color: #ffbe00;font-size: 18px;} .single-hotels .hotel-description .hotet-book-btn {bottom: 0;left: 0;margin: 0 auto;position: absolute;right: 0;text-align: center;top: 50%;-webkit-transform: translateY(-40%);transform: translateY(-40%);opacity: 0;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;z-index: 3;} .single-hotels .hotel-description .hotet-book-btn a {padding: 12px 26px !important;font-size: 15px;font-weight: 500;font-size: 14px;} .single-hotels .hotel-description .hotet-book-btn a:before {background: #ffbe00;} .single-hotels:hover .hotel-image:before {opacity: 1;left: 0;} .single-hotels:hover .hotet-book-btn {opacity: 1;} /* .experience_4 {background: #ffffff;} */ .experience_4 .section-title-white h2 {color: #2f2f2f;} .experience_4 .section-title-white p {color: #727272;} .experience_4 .single-counter-box {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;text-align: center;padding: 0;} .experience_4 .single-counter-box .single_experience {width: 19%;-webkit-box-shadow: 0 0 20px 0 rgba(47, 47, 47, 0.05);box-shadow: 0 0 20px 0 rgba(47, 47, 47, 0.05);padding: 10px 0;} .experience_4 .single-counter-box .single_experience h3 {padding-top: 15px;font-size: 20px;font-weight: 500;color: #454545;} #hotel_style_one {padding: 120px 0 !important;} #hotel_style_one .single-hotels {position: relative;margin-bottom: 50px;} #hotel_details .single-package-details .package-content {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-top: 15px;} #hotel_details .single-package-details .package-content li {padding-right: 30px;} #hotel_details .single-package-details .package-content .price_hotel {line-height: 22px;} #hotel_details .single-package-details .package-content .price_hotel span {font-size: 30px;color: #ffbe00;} #hotel_details .package-tab-menu .package-tab-menu li {padding-right: 0px;font-family: 'Poppins', sans-serif;} #hotel_details .packaging_contents_wrapper h4 {color: #727272;font-size: 20px;font-weight: 500;} #hotel_details .packaging_contents_wrapper .packaging-contents {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding-right: 50px;} #hotel_details .packaging_contents_wrapper .packaging-contents ul {padding-top: 10px;} #hotel_details .packaging_contents_wrapper .packaging-contents ul li {display: inherit;color: #727272;padding-bottom: 7px;} #hotel_details .packaging_contents_wrapper .packaging-contents ul li i {color: #ffbe00;padding-right: 10px;} /*===================================================== 43.Home version partner 2 section start here =======================================================*/ .partner-slider-2 .single-partner-slider-2 {-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);padding: 30px 0;text-align: center;margin: 10px;} .partner-slider-2 .single-partner-slider-2 h3 {font-size: 20px;font-weight: 600;color: #2f2f2f;} .partner-slider-2 .slick-slide img {display: inline-block;padding-bottom: 25px;} /*===================================================== 44.Home version 4 footer section start here =======================================================*/ .footer-area-2 .single-footer p {color: #ffffff;} .footer-area-2 .single-footer .footer-gallery li {margin-bottom: 30px;padding: 0 25px 0 0;} .footer-area-2 .single-footer .footer-send {background: transparent none repeat scroll 0 0;border: none;display: inline-block;background: #ffbe00;padding: 8px 20px;border-radius: 3px;color: #ffffff;font-weight: 600;margin-bottom: 35px;margin-top: -8px;font-size: 14px;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;} .footer-area-2 .single-footer .footer-send:hover {background: #f15b5c;color: #ffffff;} .footer-area-2 .single-footer .footer-contact-form form .footer-form-element li input {height: 50px;} /*===================================================== 45.Home version 5 slider section start here =======================================================*/ .slider-area-4 span {color: #f15b5c !important;font-size: 60px !important;font-weight: 600 !important;text-transform: uppercase !important;} /*===================================================== 46.Home version 5 slider section start here =======================================================*/ .best-services-area .single-best-services {-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);padding: 20px;text-align: center;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;} .best-services-area .single-best-services .services-content h4 {color: #2f2f2f;font-size: 20px;font-weight: 500;padding: 20px 0;margin: 0;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;} .best-services-area .single-best-services .services-content a {font-size: 15px;font-weight: 400;color: #2f2f2f;-webkit-transition: all ease-out 0.5s;transition: all ease-out 0.5s;} .best-services-area .single-best-services .services-content a i {margin-left: 5px;} .best-services-area .single-best-services:hover {-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);} .best-services-area .single-best-services:hover .services-content h4 {color: #ffbe00;} .best-services-area .single-best-services:hover .services-content a {color: #ffbe00;} /*===================================================== 47.Home version 5 discount section start here =======================================================*/ .discount-package-5 {background: red url("../image/discount5.jpg");background-repeat: no-repeat;background-size: cover;background-position: center center;position: relative;overflow: hidden;padding: 100px 0;z-index: 1;} .discount-package-5:before {content: "";width: 100%;height: 100%;background: #000;opacity: 0.35;position: absolute;left: 0;z-index: -1;top: 0;} .discount-package-5 .discount-package-4-title h2, .discount-package-5 .discount-package-4-title h3 {font-size: 40px;font-weight: 600;color: #ffffff;text-transform: uppercase;padding-bottom: 0px;} .discount-package-5 .discount-package-4-title h2 span, .discount-package-5 .discount-package-4-title h3 span {color: #f15b5c;} .discount-package-5 .discount-package-4-title > p {font-size: 18px;color: #ffffff;padding: 30px 0;} .discount-package-5 .discount-package-4-title .sticker {background: #f15b5c none repeat scroll 0 0;border-radius: 100%;height: 80px;position: absolute;right: 160px;text-align: center;top: -50px;width: 80px;} .discount-package-5 .discount-package-4-title .sticker .sticker-content {padding: 18px 0;} .discount-package-5 .discount-package-4-title .sticker .sticker-content p, .discount-package-5 .discount-package-4-title .sticker .sticker-content span {margin: 0;color: #ffffff;font-weight: 500;} /*===================================================== 48.Home version 5 Our Hottest tours section start here =======================================================*/ .top-destination-area-5 .single-destionation-5 {-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;} .top-destination-area-5 .single-destionation-5 .destination-5-image {overflow: hidden;} .top-destination-area-5 .single-destionation-5 .destination-5-image a img {-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;} .top-destination-area-5 .single-destionation-5 .destination-5-description {text-align: center;padding: 25px;} .top-destination-area-5 .single-destionation-5 .destination-5-description span {color: #2f2f2f;display: inline-block;font-size: 15px;font-weight: 400;padding-bottom: 5px;} .top-destination-area-5 .single-destionation-5 .destination-5-description h3 {font-size: 20px;font-weight: 600;text-transform: capitalize;color: #2f2f2f;} .top-destination-area-5 .single-destionation-5 .destination-5-description > p {font-weight: 500;} .top-destination-area-5 .single-destionation-5 .destination-5-description > p span {font-weight: 600;color: #ffbe00;} .top-destination-area-5 .single-destionation-5 .destination-5-description .rating-review-5 {padding-bottom: 30px;} .top-destination-area-5 .single-destionation-5 .destination-5-description .rating-review-5 li {display: inline-block;} .top-destination-area-5 .single-destionation-5 .destination-5-description .rating-review-5 li:first-child {margin-right: 10px;} .top-destination-area-5 .single-destionation-5 .destination-5-description .rating-review-5 li:last-child {float: right;} .top-destination-area-5 .single-destionation-5 .destination-5-description .rating-review-5 li i {color: #ffef3b;font-size: 18px;} .top-destination-area-5 .single-destionation-5 .destination-5-description a {-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;} .top-destination-area-5 .single-destionation-5:hover {-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);} .top-destination-area-5 .single-destionation-5:hover .destination-5-description a {background: #f15b5c;} .top-destination-area-5 .single-destionation-5:hover .destination-5-image img {-webkit-transform: scale(1.1);transform: scale(1.1);} /*===================================================== 49.Home version 5 testimonial 5 section start here =======================================================*/ .testimonial-area-5 {background: #ffbe00 url("../image/snow.jpg") no-repeat scroll center center/cover;position: relative;overflow: hidden;padding: 100px 0;} .testimonial-area-5:before {position: absolute;width: 100%;height: 100%;content: '';left: 0;top: 0;background: rgba(0, 0, 0, 0.2);z-index: 1;} .testimonial-area-5 .single-testimonial {text-align: center;} .testimonial-area-5 .single-testimonial img {width: 120px;height: 120px;display: inline-block;} .testimonial-area-5 .single-testimonial .testimonial-messages {padding: 30px 0;} .testimonial-area-5 .single-testimonial .testimonial-messages p {margin: 0 auto;max-width: 764px;font-size: 20px;color: #ffffff;} .testimonial-area-5 .single-testimonial .author-bio h3 {font-size: 20px;font-weight: 600;color: #ffffff;margin: 0;} .testimonial-area-5 .single-testimonial .author-bio span {font-size: 14px;color: #ffffff;font-weight: 400;} .testimonial-area-5 .owl-dots {text-align: center;padding: 20px 0;} .testimonial-area-5 .owl-dots .owl-dot {display: inline-block;} .testimonial-area-5 .owl-dots .owl-dot span {-webkit-backface-visibility: visible;backface-visibility: visible;background: #ffffff none repeat scroll 0 0;border-radius: 100%;display: block;height: 14px;margin: 0px 7px;-webkit-transition: opacity 0.2s ease 0s;transition: opacity 0.2s ease 0s;width: 14px;} .testimonial-area-5 .owl-dots .owl-dot.active span {background: #ffbe00;} .testimonial-area-5 .owl-stage {-webkit-transition: 0.9s !important;transition: 0.9s !important;} /*===================================================== 50.Home version 5 recomended hotel section start here =======================================================*/ .hotels-area-2 .single-hotels-2 {position: relative;overflow: hidden;} .hotels-area-2 .single-hotels-2 .hotel-image {position: relative;} .hotels-area-2 .single-hotels-2 .hotel-image:before {position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);content: '';left: 0;top: 0;z-index: 10;} .hotels-area-2 .single-hotels-2 .hotel-description {bottom: -35px;-webkit-box-sizing: border-box;box-sizing: border-box;left: 0;overflow: hidden;padding: 30px;position: absolute;-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;width: 100%;z-index: 10;} .hotels-area-2 .single-hotels-2 .hotel-description a h4 {font-size: 20px;font-weight: 600;color: #ffffff;} .hotels-area-2 .single-hotels-2 .hotel-description p {color: #ffffff;margin: 0;} .hotels-area-2 .single-hotels-2 .hotel-description p span {color: #f15b5c;font-weight: 600;} .hotels-area-2 .single-hotels-2 .hotel-description .hotel-book-btn {bottom: -50px;opacity: 0;position: relative;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;} .hotels-area-2 .single-hotels-2:hover .hotel-description {bottom: 0;} .hotels-area-2 .single-hotels-2:hover .hotel-book-btn {opacity: 1;bottom: -12px;} /*===================================================== 51.Home version 5 discount 5 hotel section start here =======================================================*/ .discount-package-6 {background: #ffbe00 url("../image/discount6.jpg") no-repeat scroll center center/cover;padding: 190px 0;position: relative;} .discount-package-6:before {position: absolute;width: 100%;height: 100%;content: '';background: rgba(0, 0, 0, 0.4);left: 0;top: 0;z-index: 1;} .discount-package-6 .discount-package-4-contents .discount-package-4-title h2 {font-size: 39px;} .discount-package-6 .discount-package-4-contents .discount-package-4-title p {color: #ffffff;font-size: 16.8px;line-height: 30px;} /*===================================================== 52.Home version 5 blog hotel section start here =======================================================*/ .blog-5 {background: none;background: #ffffff;} .blog-5:before, .blog-5:after {display: none !important;} /*===================================================== 53.blog version 1 section start here =======================================================*/ .single-bredcurms {position: relative;overflow: hidden;/*background-color: #00a8b0;background-image: linear-gradient(to right,#00a8b0 10%,#78be20 90%);*/background-image: url(http://www.qdhaoyuesheng.com/templets/default/static/images/bread.svg);background-size: cover;background-position: center center;} /*.single-bredcurms:before, .single-bredcurms:after {position: absolute;content: '';left: 0;right: 0;background-image: url(../images/hole.png);background-size: contain;height: 50px;}*/ .single-bredcurms:before{top: 0;} .single-bredcurms:after {bottom: 0px;} .single-bredcurms .bredcrums-content {padding: 59px 0;position: relative;z-index: 0;} .single-bredcurms .bredcrums-content h4 {color: #ffffff;font-size: 30px;font-weight: 600;text-shadow: 1px 1px 3px rgba(0,0,0,0.5);font-weight: normal;} /*.search {margin-bottom: 15px;}*/ .search .search-item{height: 45px;max-width: 650px;background-color: #fff;position: relative;padding-right: 162px;} .search .search-item button.search-btn{position: absolute;right: 0;top: 0;bottom: 0;width: 162px;color: #fff;font-size: 18px;border: none;background-color: #15456f;cursor: pointer;outline: none;} .search .search-item button.search-btn:hover{background-color: rgb(202, 76, 31);} .search .search-item .close{border: none;background-color: transparent;line-height: 30px;padding: 0 8px;position: absolute;outline: none;top: 8px;right: 165px;} .search .search-item .ipt{} .search .search-item .ipt input{border: none;outline: none;width: 100%;line-height: 43px;padding: 0px 30px 0px 17px;font-size: 16px;border: 1px rgb(210,210,210) solid;border-right: 0px;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;} .search .search-item input:focus{border: 1px rgba(241,90,36) solid;border-right: 0px;} @media (max-width: 767.98px) {.search .search-item button.search-btn{ width: 100px;}.search .search-item { padding-right: 100px;}.search .search-item .close { right: 100px;}} .pagination_wrapper .single-travel-blog {margin-bottom: 30px;} .pagination_wrapper .pagination {margin: 20px 0 0;-webkit-box-pack: center;-ms-flex-pack: center;display: inline-block;text-align: center;} .pagination_wrapper .pagination > li {float: left;margin-bottom: 10px;} .pagination_wrapper .pagination > li > a, .pagination_wrapper .pagination > li > span {margin: 0 5px;border: 1px #15456f solid;color: #15456f;border-radius: 0;height: 34px;line-height: 34px;width: 34px;display: block;text-align: center;} .pagination_wrapper .pagination > .active > a, .pagination_wrapper .pagination > .active > a:focus, .pagination_wrapper .pagination > .active > a:hover, .pagination_wrapper .pagination > .active > span, .pagination_wrapper .pagination > .active > span:focus, .pagination_wrapper .pagination > .active > span:hover {background-color: rgba(241,90,36,1);border-color: transparent;color: #fff;cursor: default;z-index: 3;border-radius: 0px;} .pagination_wrapper .pagination > li:hover > a {background: rgba(241,90,36,1);color: #ffffff;} .pagination_wrapper .pagination > li:first-child > a, .pagination_wrapper .pagination > li:first-child > span {border-bottom-left-radius: 0;border-top-left-radius: 0px;margin-left: 0;} .pagination_wrapper .pagination > li:last-child > a, .pagination_wrapper .pagination > li:last-child > span {border-bottom-right-radius: 0px;border-top-right-radius: 0px;} .pagination_wrapper .pagination .disabled span{background-color: #ddd;border: none;color: #aaa;} .section-blog-bg-2 {background: none;} .section-blog-bg-2:before, .section-blog-bg-2:after {display: none !important;} .single-hotels-2 {margin-bottom: 30px;} /*===================================================== 54.single Package section start here =======================================================*/ .single-package-details {padding-bottom: 30px;} .single-package-details .single-package-title h2 {font-size: 30px;font-weight: 600;color: #2f2f2f;text-transform: capitalize;} .single-package-details .package-content li {position: relative;display: inline-block;font-size: 18px;font-weight: 500;color: #727272;} .single-package-details .package-content li span {margin-right: 10px;} .single-package-details .package-content li span i {color: #f15b5c;font-size: 18px;} .package-tab-menu .package-tab-menu {padding: 30px 0 0;} .package-tab-menu .package-tab-menu li {display: inline-block;padding-right: 30px;margin-bottom: -2px;} .package-tab-menu .package-tab-menu li:last-child {padding-right: 0;} .package-tab-menu .package-tab-menu li a {color: #2f2f2f;display: block;font-size: 16px;font-weight: 500;padding: 14px 35px;text-decoration: none;border: none;-webkit-transition: all ease-out 0.3s;transition: all ease-out 0.3s;} .package-tab-menu .package-tab-menu li a:hover {color: #f15b5c;} .package-tab-menu .package-tab-menu li a.active {color: rgba(241,90,36,1);border-bottom: 5px rgba(241,90,36,1) solid;padding-bottom: 10px;margin-bottom: -2px;} .tab-content {width: 100%;} .tab-content .tour-description {padding-left: 12px;} .tab-content .tour-description h4 {font-size: 20px;color: #2f2f2f;font-weight: 500;padding: 20px 0;} .tab-content .tour-description p {padding-bottom: 20px;line-height: 30px;} .tab-content .chosse-packge {padding-left: 12px;} .tab-content .chosse-packge .packaging_contents_wrapper {-webkit-box-shadow: 0 0 80px 0 rgba(47, 47, 47, 0.1);box-shadow: 0 0 80px 0 rgba(47, 47, 47, 0.1);padding: 45px 60px;} .tab-content .chosse-packge .packaging_contents_wrapper h4 {font-size: 20px;color: #2f2f2f;font-weight: 600;padding: 0px 0 20px;} .tab-content .chosse-packge .packaging_contents_wrapper .packaging-contents {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} .tab-content .chosse-packge .packaging_contents_wrapper .packaging-contents ul {padding-right: 80px;} .tab-content .chosse-packge .packaging_contents_wrapper .packaging-contents ul:last-child {padding-right: 0;} .tab-content .chosse-packge .packaging_contents_wrapper .packaging-contents ul li {font-size: 15px;color: #2f2f2f;font-weight: 500;padding: 0px 0 18px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;} .tab-content .chosse-packge .packaging_contents_wrapper .packaging-contents ul li:last-child {padding: 0;} .tab-content .chosse-packge .packaging_contents_wrapper .packaging-contents ul li span:first-child {min-width: 150px;} .tab-content .chosse-packge .packaging_contents_wrapper .packaging-contents ul li i {color: #ffbe00;margin-right: 10px;} .tab-content .comment-list-items .comment-list-wrapper {border-bottom: 1px solid rgba(47, 47, 47, 0.05);padding-top: 40px;padding-bottom: 40px;} .tab-content .comment-list-items .comment-list-wrapper:last-child {border-bottom: 1px solid rgba(47, 47, 47, 0);padding-bottom: 0px;} .tab-content .comment-list-items .comment-list-wrapper:first-child {border-top: 1px solid transparent;} .tab-content .comment-list-items .comment-list-wrapper .reply_comment_text {padding-left: 50px !important;padding-top: 30px !important;} .tab-content .comment-list-items .comment-list-wrapper .comment-list {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;background: #ffffff;padding: 0;border-radius: 0;position: relative;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;} .tab-content .comment-list-items .comment-list-wrapper .comment-list:first-child {margin-bottom: 0;} .tab-content .comment-list-items .comment-list-wrapper .comment-list .commnet_img {width: 80px;height: 80px;} .tab-content .comment-list-items .comment-list-wrapper .comment-list .commnet_img img {border-radius: 50%;} .tab-content .comment-list-items .comment-list-wrapper .comment-list .comment-text {width: 87%;} .tab-content .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info {line-height: 14px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} .tab-content .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .author_name a {font-size: 16px;font-weight: 700;color: #2f2f2f;margin-right: 25px;} .tab-content .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .author_name span {font-size: 14px;font-weight: 400;line-height: 24px;color: #727272;} .tab-content .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .reply-comment a {font-size: 14px;font-weight: 500;margin: 0 0 0 30px;color: #ffbe00;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .tab-content .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .reply-comment a:hover {color: #f15b5c;} .tab-content .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .reply-comment a:hover i {color: #f15b5c;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;padding-right: 10px;margin: 0;font-size: 10px;} .tab-content .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .reply-comment a i {padding-right: 5px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .tab-content .comment-list-items .comment-list-wrapper .comment-list .comment-text .author_info .reply-comment a i:before {margin: 0;font-size: 14px;} .tab-content .comment-list-items .comment-list-wrapper .comment-list .comment-text .review_rating li i {color: #f15b5c;font-size: 14px;} .tab-content .comment-list-items .comment-list-wrapper .comment-list .comment-text p {font-size: 14px;font-weight: 400;line-height: 24px;margin: 19px 0 0;color: #727272;padding-right: 50px;} .related-tour {padding-bottom: 120px 0 150px;} .related-tour .single-package {margin-bottom: 0 !important;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);} .related-tour .single-package:hover .travel-booking-btn {background: #ffbe00 !important;color: #ffffff !important;} .related-tour .single-package .travel-booking-btn {background: transparent;border: 1px solid #ffbe00;color: #2f2f2f;} .related-tour .single-package .travel-booking-btn:hover {border: 1px solid #f15b5c !important;} .related-tour .section-title-3 h2 {background-position: left 87px bottom;background-repeat: no-repeat;color: #454545;font-size: 25px;font-weight: 600;padding-bottom: 0;} aside {background: #f5f6fa;border-radius: 3px;padding-top: 30px;} aside .booking-form .booking-title {padding: 0 30px;} aside .booking-form .booking-title h2 {color: #2f2f2f;font-size: 22px;font-weight: 600;text-transform: capitalize;} aside .booking-form .booking-title p {margin-bottom: 20px;} aside .booking-form .form-group {padding: 0 30px;margin-bottom: 15px !important;} aside .booking-form .form-group input.form-control, aside .booking-form .form-group textarea.form-control {border-radius: 3px;-webkit-box-shadow: none;box-shadow: none;color: #727272;display: block;font-size: 15px;height: 43px;-webkit-transition: none;transition: none;border: none;} aside .booking-form .form-group input.form-control:focus, aside .booking-form .form-group textarea.form-control:focus {outline: none;border-color: #cccccc;-webkit-box-shadow: none;box-shadow: none;} aside .booking-form .form-group textarea.form-control {height: auto;} aside .booking-form .form-group .booking-confirm {border: none;border-radius: 0px;background: #f15b5c;color: #ffffff;height: 54px;width: 100%;font-size: 18px;font-weight: 500;cursor: pointer;} aside .booking-form .form-group .booking-confirm:before {background: #ffbe00;} aside .booking-form .form_btn {padding: 20px 0px 0;} .adding-form {margin-top: 50px;border-radius: 5px;overflow: hidden;} .adding-form .addfor-bg {background: #ffbe00 url("../image/add.jpg");background-position: center center;background-repeat: no-repeat;background-size: cover;padding: 40px;position: relative;} .adding-form .addfor-bg:before {position: absolute;content: '';width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.6);z-index: 1;} .adding-form .addfor-bg .add-content {position: relative;z-index: 8;} .adding-form .addfor-bg .add-content h3 {color: #ffffff;font-size: 30px;font-weight: 600;} .adding-form .addfor-bg .add-content p {color: #ffffff;line-height: 30px;} .adding-form .addfor-bg .add-content .contact-for-add li {display: block;color: #ffffff;padding: 10px 0;} .adding-form .addfor-bg .add-content .contact-for-add li img {margin-right: 10px;} .mapp iframe {height: 700px;width: 95%;border: 0;} .scrolloff {pointer-events: none;} .video-bg {background: #ffbe00 url("../image/videotab.jpg") no-repeat scroll center center/cover;padding: 250px 0;position: relative;overflow: hidden;} .video-bg:before {position: absolute;width: 100%;height: 100%;left: 0;top: 0;content: '';background: rgba(0, 0, 0, 0.6);z-index: 1;} .video-bg .video-play-btn {border: 3px solid #ffbe00;border-radius: 100%;height: 80px;line-height: 75px;margin: 0 auto;position: relative;text-align: center;width: 80px;z-index: 33;font-size: 25px;} .video-bg a span i {color: #ffbe00;} .video-bg a:focus {outline: none;} .main-timeline {position: relative;z-index: 1;} .main-timeline:before {content: "";width: 2px;height: 88%;background: #cccccc;margin: 0 auto;position: absolute;top: 0;left: 10px;z-index: -1;} .main-timeline .timeline {margin-bottom: 30px;position: relative;} .main-timeline .timeline:before, .main-timeline .timeline:after {content: "";display: block;width: 100%;clear: both;} .main-timeline .timeline .timeline-content {padding: 0 40px;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;} .main-timeline .timeline .timeline-content h4 {-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;color: #2f2f2f;font-size: 18px;font-weight: 600;} .main-timeline .timeline .timeline-content .timeline-icon {background: #ffbe00 none repeat scroll 0 0;border-radius: 100%;color: #ffffff;font-size: 35px;font-weight: 500;height: 82px;left: -30px;line-height: 80px;position: absolute;text-align: center;top: 0;width: 82px;z-index: 1;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;} .main-timeline .timeline .left {margin-left: 40px;} .main-timeline .timeline:hover .timeline-icon {background: #f15b5c;} .main-timeline .timeline:hover .timeline-content h4 {color: #f15b5c;} /*===================================================== 55.contact section start here =======================================================*/ #googleMap {width: 100%;height: 600px;} .contact-title h2 {font-size: 20px;font-weight: 600;text-transform: uppercase;color: #2f2f2f;padding: 20px 0;line-height: normal;} .address p {line-height: 30px;} .contact-form .form-group {position: relative;} .contact-form .form-group:last-child {margin-bottom: 0;} .contact-form .form-group input, .contact-form .form-group textarea {width: 100%;height: 44px;border: 1px solid #e9edf0;padding: 12px 15px;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;border-radius: 3px;color: #555555;background: #eeeeee none repeat scroll 0 0;} .contact-form .form-group input:focus, .contact-form .form-group textarea:focus {outline: none;} .contact-form .form-group textarea {height: 210px;} .contact-form .form-group .button {width: 135px;height: 45px;border-radius: 3px;border: 0px solid;font-size: 14px;text-transform: uppercase;display: inline-block;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;color: #ffffff;background: #ffbe00;font-weight: 500;} .contact-form .form-group .button:hover {background: #f15b5c;} .contact-form .form-group .button i {position: relative;display: inline-block;color: #fff;margin-right: 10px;padding: 0px;} /*===================================================== 56.Blog single version one =======================================================*/ .blog-contents-version-one .single-package-carasoul, .blog-contents-version-one .single-package {-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);} /*===================================================== 56.Blog single section start here =======================================================*/ .single {background: #fff;} .single .single-blog .blog-head {position: relative;overflow: hidden;} .single .single-blog .blog-head:before {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.3);content: "";opacity: 0;visibility: hidden;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;-webkit-transform: translateY(-100%);transform: translateY(-100%);z-index: 8;} .single .single-blog .blog-head img {display: block;width: 100%;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;z-index: 3;} .single .single-blog .blog-content {padding: 0px 20px 30px;background-color: #fff;color: #666;} .single .single-blog .blog-content h2 {margin-bottom: 10px;font-size: 22px;font-weight: 600;color: #2f2f2f;text-transform: capitalize;} .single .single-blog .blog-content .meta {margin-bottom: 20px;text-align: center;} .single .single-blog .blog-content .meta span {margin-right: 10px;color: #999;font-size: 14px;} .single .single-blog .blog-content .meta span i {margin-right: 5px;} .single .single-blog .blog-content p {margin-bottom: 20px;line-height: 27px;} .single .single-blog .blog-content p:last-child {margin: 0;} .single .single-blog:hover .blog-head:before {opacity: 1;visibility: visible;-webkit-transform: translateY(0%);transform: translateY(0%);} .single .single-blog:hover .blog-head img {-webkit-transform: scale(1.2);transform: scale(1.2);} .single .single-blog h1{font-size: 24px;} .single .blog-comments {padding: 30px 15px;background: #fff;margin-top: 30px;} .single .blog-comments h2 {text-transform: capitalize;font-size: 20px;margin-bottom: 15px;padding-bottom: 15px;position: relative;display: inline-block;color: #2f2f2f;} .single .blog-comments h2:before {position: absolute;left: 0;bottom: -1px;content: "";width: 10%;height: 2px;content: "";background: #f15b5c;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;} .single .blog-comments .single-comments {overflow: hidden;border-bottom: 1px solid #e2e2e2;padding-bottom: 30px;margin-bottom: 30px;margin-top: 30px;} .single .blog-comments .single-comments:last-child {border: 0px;margin: 0;padding: 0;} .single .blog-comments .single-comments .head {float: left;margin-right: 20px;text-align: center;width: 15%;} .single .blog-comments .single-comments .body {float: left;width: 82%;padding: 10px;position: relative;background: #ffbe00;} .single .blog-comments .single-comments .body:before {border-right-color: #ffbe00 !important;position: absolute;left: -12px;top: -1px;content: "";border-bottom: 5px solid transparent;border-right: 13px solid;border-top: 14px solid transparent;} .single .blog-comments .single-comments .body p {margin-top: 10px;color: #ffffff;line-height: 30px;} .single .blog-comments .single-comments img {width: 65px;height: 65px;border-radius: 100%;} .single .blog-comments .single-comments h4 {margin: 5px 0 0;font-size: 16px;text-align: left;font-weight: 400;color: #2f2f2f;text-align: center;} .single .blog-comments .single-comments .meta {font-size: 14px;margin: 0;color: #fff;font-weight: 500;} .single .blog-comments .single-comments a {text-transform: uppercase;font-size: 12px;color: #fff;font-weight: 400;} .single .blog-comments:hover h2:before {width: 50%;} .single .comment-respond {margin-top: 50px;} .single .comment-respond .comment-reply-title h3 {color: #454545;display: inline-block;font-size: 20px;margin-bottom: 15px;padding-bottom: 15px;position: relative;text-transform: capitalize;} .single .comment-respond .comment-reply-title h3:before {position: absolute;left: 0;bottom: -1px;content: "";width: 50%;height: 2px;content: "";background: #f17b37;} .single .comment-respond label {font-size: 15px;color: #454545;font-style: italic;} .single .comment-respond input {height: 40px;} .single .comment-respond input, .single .comment-respond textarea {background-color: #f9f9f9;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;font-size: 15px;margin: 10px 0;padding: 10px 20px;outline: none;} .single .comment-respond input:focus, .single .comment-respond textarea:focus {border: 1px solid #ffbe00;} .single .comment-respond input[type="submit"] {background: #ffbe00;border-radius: 0;color: #fff;border: none;font-size: 15px;font-weight: 500;margin-top: 20px;height: 40px;text-transform: uppercase;} .single .blog-sidebar .form .s-button {position: absolute;right: 0;top: 0;} .single .blog-sidebar .form .search {position: relative;} .single .blog-sidebar .form .search input[type="text"] {border: 0px solid;width: 100%;height: 50px;background: #eeeeee;padding-left: 10px;color: #2f2f2f;} .single .blog-sidebar .form .search input[type="submit"] {height: 50px;width: 81px;border: 0px solid;color: #ffffff;right: 0;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;background: #ffbe00;text-transform: uppercase;font-size: 14px;font-weight: 400;} .single .blog-sidebar .form .search input[type="submit"]:hover {background: #f15b5c;} .single .blog-sidebar .single-sidebar {background: #fff;padding: 15px;margin-bottom: 30px;} .single .blog-sidebar .single-sidebar h2 {text-transform: capitalize;font-size: 18px;margin-bottom: 15px;border-bottom: 1px solid #ddd;padding-bottom: 15px;display: block;color: #2f2f2f;font-weight: 500;} .single .blog-sidebar .single-sidebar ul li a {color: #2f2f2f;display: block;padding: 15px 0;-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;} .single .blog-sidebar .single-sidebar ul li a:hover {color: #f15b5c;-webkit-transform: translateX(5px);transform: translateX(5px);} .single .blog-sidebar .single-sidebar ul li a i {margin-right: 5px;} .single .blog-sidebar .latest .single-post {overflow: hidden;margin-bottom: 20px;} .single .blog-sidebar .latest .single-post:last-child {margin-bottom: 0;} .single .blog-sidebar .latest .single-post .post-info h4 {margin: 0;font-size: 15px;margin-bottom: 5px;line-height: 25px;font-weight: 500;} .single .blog-sidebar .latest .single-post .post-info h4 a {color: #2f2f2f;} .single .blog-sidebar .latest .single-post .post-info p {margin: 0;} .single .blog-sidebar .tags ul li {display: inline-block;margin-right: 10px;margin-bottom: 10px;} .single .blog-sidebar .tags ul li a {color: #ffffff;display: block;padding: 5px 10px;background: #ffbe00;} .single .blog-sidebar .tags ul li a:hover {color: #ffffff;background: #f15b5c;} /****************************************************/ .mp-area{padding-right: 40px;position: relative; } .m-progress{width: 100%;height: 9px;background-color: #dee1e4;border-radius: 5px;overflow: hidden;margin-top: 7px;margin-bottom: 5px;} .m-progress em{display: block;background-color: #15456f;text-align: right;line-height: 14px;overflow: hidden;height: 100%;border-radius: 5px;} .mp-area span{text-align: center;display: inline-block;color: #15456f;font-size: 14px;line-height: 14px;font-style: normal;position: absolute;width: 40px;text-align: center;right: 0;top: 5px;} .single-package h3{font-size: 18px;line-height: 18px;} .attr{color: #999;} .attr::after{display:block;clear:both;content:""} .attr dl{float: left;font-size: 14px;min-width: 50%;margin-bottom: 5px;} .attr dl:last-child{margin-bottom: 0px;} .attr dl dt{float: left;font-weight: normal;} .attr dl dd{overflow: auto;margin: 0px;color: #666;} .single-hotels .hotel-image .play-icon{position: absolute;height: 50px;width: 50px;left: 50%;top: 50%;margin: -25px;font-size: 50px;line-height: 50px;text-align: center;z-index: 100;color: #fff;} .single-hotels .hotel-description .hotet-book-btn .m-play{font-size: 20px;color: #333;padding: 12px 15px 12px 23px !important;border-radius: 50%;overflow: hidden;color: #fff;} .section-title h2 a{color: inherit;} .section-title h2 a:hover{color: #f15b5c;} .slide-item{height: 450px;background-position: center;background-size: 100% 100%;background-repeat:no-repeat;} .news-slider .slide-item{height: 300px;} .slide-item a{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 100;} .slide-item .banner-text{padding-top: 100px;text-align: center;color: #fff;background-color: rgba(0, 0, 0, 0.3);position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 99;} .slide-item .banner-text h2{font-size: 50px;color: #fff;font-weight: bold;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);} .slide-item .banner-text p{color: #fff;font-size: 20px;max-width: 300px;margin: auto;} @media (max-width: 992px) { .slide-item{height: 150px;} .slide-item .banner-text{ padding-top: 50px;} .slide-item .banner-text h2{ font-size: 22px;} .slide-item .banner-text p{ font-size: 14px;} } .tp-leftarrow{top: 50%;left: -60px;position: absolute;z-index: 100;margin-top: -30px;opacity: 0;} .swiper-container:hover .tp-leftarrow{left: 0px;opacity: 1;} .tp-rightarrow{top: 50%;right: -60px;position: absolute;z-index: 100;margin-top: -30px;opacity: 0;} .swiper-container:hover .tp-rightarrow{right: 0px;opacity: 1;} #rev_slider_4 .tparrows:before{font-size: 40px;} .tparrows.tp-leftarrow:before, .tparrows.tp-rightarrow:before {line-height: 60px !important;color: #f15b5c !important;-webkit-transition: all ease-in-out 0.3s !important;transition: all ease-in-out 0.3s !important; font-family: FontAwesome;font-size: 15px;color: #fff;display: block;line-height: 40px;text-align: center;box-sizing: border-box;} .tparrows.tp-leftarrow:before{content: '\f104';} .tparrows.tp-rightarrow:before{content: '\f105';} .swiper-pagination-bullet-active {opacity: 1;background: #f15b5c;} .qr-img{width: 120px;margin: 10px;} .more{text-align: center;} .filter{margin-bottom: 30px;padding: 20px;background-color: #fff;font-size: 14px;-webkit-box-shadow: 0 0 20px 0 rgba(47, 47, 47, 0.1);box-shadow: 0 0 20px 0 rgba(47, 47, 47, 0.1);-webkit-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;} .filter:hover{-webkit-box-shadow: 0 0 30px 0 rgba(47, 47, 47, 0.25);box-shadow: 0 0 30px 0 rgba(47, 47, 47, 0.25);} .filter dl{padding: 8px 0;margin: 5px 0;} .filter dl dt{float: left;font-weight: normal;line-height: 24px;color: #888;} .filter dl dd{overflow: auto;margin-bottom: 0;} .filter dl dd a{display: inline-block;padding: 0px 14px;line-height: 24px;border-radius: 12px;} .filter dl dd a.active{background-color: #15456f;color: #fff;} .mattr{margin-bottom: 20px;min-height: 100%;position: relative;padding-bottom: 64px;} .mattr:after{display:block;clear:both;content:""} .mattr .title h1{display: inline-block;font-size: 26px;margin-right: 20px;float: left;} .mattr .title em{font-style: normal;font-size: 12px;display: inline-block;line-height: 22px;height: 22px;padding: 0px 10px;background-color: rgba(241,90,36,1);border-radius: 11px;color: #fff;margin-top: 5px;margin-right: 10px;float: left;} .mattr dl{display: inline-block;min-width: 50%;float: left;font-size: 14px;margin: 0px;color: #666;} .mattr dl dt{min-width: 42px;float: left;font-weight: normal;color: #999;margin-right: 10px;position: relative;text-align:justify;text-justify:distribute-all-lines;/*ie6-8*/text-align-last:justify;/* ie9*/-moz-text-align-last:justify;/*ff*/-webkit-text-align-last:justify;/*chrome 20+*/} .mattr dl dt:after{content: ':';position: absolute;right: -5px;} .mattr dl dd{float: left;} .case-btn a{font-size: 16px;padding: 5px 20px !important;font-weight: normal;margin-right: 10px;} @media (max-width: 991.98px) {.case-btn a{ font-size: 14px; padding: 5px 10px !important;}} .news-list{margin-top: -15px;} .news-list .item{background-color: #fff;padding: 10px 0;border-bottom: 1px #ddd solid;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;} .news-list .item:hover{background-color: #f6f6f6;} .news-list .item:after{display:block;clear:both;content:""} .news-list .item .news-info{padding-right: 10px;} @media (max-width: 991.98px) {.news-list .item img{ margin-bottom: 10px;}} .news-list .item h2{font-size: 16px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;} .news-list .item p{padding-bottom: 15px;margin: 0;font-size: 14px;line-height: 18px;color: #777;text-indent: 2em;} .news-list .item .foot{color: #999;font-size: 12px;position: absolute;bottom: 0px;left: 15px;right: 25px;} .side-title{font-size: 16px;line-height: 55px;background-color: #15456f;color: #fff;padding: 0px 15px;margin: 0;} .hot-news{margin-bottom: 30px;} .hot-news ol{font: normal 1.1em Arial, Helvetica, sans-serif;color: #999;border-left: 1px #ddd solid;border-right: 1px #ddd solid;list-style-position: inside;padding: 0;font-size: 16px;font-weight: bold;} .hot-news li{padding: 10px;border-bottom: 1px #ddd solid;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;} .hot-news li.top-0{color: rgba(255,0,0,1);} .hot-news li.top-1{color: rgba(255,0,0,.7);} .hot-news li.top-2{color: rgba(255,0,0,.5);} .hot-news li:hover{white-space: normal;text-overflow: initial;-o-text-overflow: initial;} .hot-news li a{font-size: 14px;font-weight: normal;} .hot-case{margin-bottom: 30px;} .hot-case ul{padding-bottom: 20px;background-color: #fff;border: 1px #eee solid;border-top: none;} .hot-case li{padding: 20px 20px 0px;} .hot-case li a{display: block;position: relative;overflow: hidden;} .hot-case li a h3{font-size: 14px;line-height: 20px;color: #fff;background-color: rgba(0, 0, 0, 0.5);position: absolute;left: 0;right: 0;bottom: -10px;padding: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;text-align: center;} .hot-case li a img{-webkit-transform: scale(1);transform: scale(1);-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;} .hot-case li a:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);} .news-head{padding-top: 20px;background-color: #f0f0f0;} .news-slider{margin-bottom: 20px;} .news-hot{padding-top: 60px;background-color: #f0f0f0;} .news-page{padding-top: 30px;padding-bottom: 100px;} .case-head{padding-top: 30px;background-color: #f0f0f0;margin-bottom: 30px;} .case-body{padding-bottom: 100px;} .case-side{padding-top: 30px;} .tab-content{padding: 20px;} .dialog{padding-top: 10px;padding-bottom: 20px;} .dialog h3{color: rgba(241,90,36,1);border-top: 1px #ddd solid;position: relative;margin-top: 15px;margin-bottom: 30px;} .dialog h3 strong{padding: 0px 15px;font-size: 22px;background-color: #fff;border-left: 12px rgba(241,90,36,1) solid;display: inline-block;position: absolute;top: -16px;} .adv-data{border-top: 1px #eee solid;border-right: 1px #eee solid;position: relative;margin: 0px;} .adv-data:before{position: absolute;bottom: 0;left: 0;right: 0;content: '';height: 1px;background-color: #eee;display: block;} .adv-data dl{border-bottom: 1px #eee solid;float: left;margin-bottom: 0;padding: 0;} .adv-data dl dt, .adv-data dl dd{border-left: 1px #eee solid;text-align: center;line-height: 50px;} .adv-data dl dt{width: 100px;float: left;font-weight: normal;color: #999;background-color: #f6f6f6;text-shadow: 1px 1px 0px #fff;} .adv-data dl dd{overflow: auto;margin: 0;color: #666;} .adv-data dl dd a{color: rgba(241,90,36,1);} .adv-data dl dd a:hover{color: #666;text-decoration: underline;} .case-img, .case-btn{margin-bottom: 30px;} .case-btn{position: absolute;left: 0;right: 0;bottom: 0;} .empty{background-image: url(../image/empty.png);background-size: contain;background-repeat: no-repeat;background-position: center;width: 200px;padding-top: 200px;margin: 0px auto 30px;box-sizing: border-box;} .empty p{font-size: 20px;color: #999;text-align: center;} .video-detail h1{font-size: 22px;} .video-detail .summary{text-indent: 2em;} .video{width: 100%;padding-bottom: 60%;margin-bottom: 20px;height: 0;position: relative;} .video iframe,.video embed{width: 100%;height: 100%;} .video-side{height: 100%;overflow: auto;position: absolute;} @media (max-width: 991.98px) {.video-side{ height: auto; position: inherit;}} .video-side .media{margin-bottom: 10px;} .video-side p{margin-bottom: 0;font-size: 16px;line-height: 20px;height: 40px;overflow: hidden;text-align: left;} .video-side .views{font-size: 14px;color: #999;height: auto;} .video-side img{margin-right: 10px !important;} .video-detail h3{margin: 0;} .video-detail .row{margin: 0px -10px;} .video-detail .row > div{padding-left: 10px;padding-right: 10px;} .book-user{color: #fff;} .book-user a{color: #fff;margin-left: 3px;display: inline-block;} .book-user a:hover{color: #f15b5c;} .book-user a:before{content: '|';color: #fff;margin-right: 6px;} .layui-layer-res{border: 15px rgba(0, 0, 0, 0.5) solid;} .layui-layer-res .layui-layer-title{height: 60px;line-height: 59px;background-color: #fff;color: #666;border-radius: 0;border-bottom: 1px #f15b5c dashed;} .yr-layer{border: 5px #15456f solid;padding: 5px !important;background-color: #fff;-webkit-background-clip: border-box !important;} .yr-layer p{color: #15456f;margin-top: 20px;font-size: 12px;} .yr-layer .layui-layer-title{display: none;} .yr-layer .layui-layer-content{border: 1px #15456f solid;padding: 30px 57px 20px;} .yr-layer .res-area{text-align: center;} .yr-layer .res-area input{width: 100%;line-height: 36px;height: 38px;border-radius: 24px;outline: none;text-align: center;font-size: 14px;border: 1px #15456f solid;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;} .yr-layer .res-area input::-webkit-input-placeholder {color: #ccc;} .yr-layer .res-area input:-moz-placeholder {color: #ccc;} .yr-layer .res-area input::-moz-placeholder {color: #ccc;} .yr-layer .res-area input:-ms-input-placeholder {color: #ccc;} .yr-layer .res-area input:focus, .yr-layer .res-area input.error{border: 1px #f15b5c solid;} .yr-layer .res-area label.error{color: #f15b5c;line-height: 12px;margin-bottom: -12px;font-size: 12px;display: block;} .yr-layer .res-area .res-btn{margin-top: 20px;display: block;} .yr-layer .res-area .res-btn button{line-height: 38px;border: none;background-color: #ddd;color: #666;float: left;width: 100%;outline: none;cursor: pointer;border-radius: 24px;} .yr-layer .res-area .res-btn button:hover{background-color: #eee;} .yr-layer .res-area .res-btn button.primary {color: #fff;-webkit-transition: all 0.7s ease-out;transition: all 0.7s ease-out;background: -webkit-linear-gradient(180deg, rgba(241,26,26,1), rgba(241,26,26,1), rgba(241,26,26,1), rgba(233,105,60,1));background: linear-gradient(270deg, rgba(241,26,26,1), rgba(241,26,26,1), rgba(241,26,26,1), rgba(233,105,60,1));background-position: 1% 50%;background-size: 300% 300%;} .yr-layer .res-area .res-btn button.primary:hover {color: #fff;background-position: 99% 50%;} .sign-link{padding: 20px 0;font-size: 16px;display: inline-block;position: absolute;right: 0;top: 0;z-index: 1;line-height:60px;} @media screen and (max-width: 991px) { .sign-link{position:relative; padding-top: 65px; padding-bottom: 15px; display: block; text-align: center;} } .sign-link button{margin-left: 4px;display: inline-block;position: relative;background:none;border:none;outline:none;cursor:pointer;} /*.sign-link button:before{content: '';display: inline-block;width: 2px;height: 12px;background-color: #15456f;position: absolute;left: 50%;top: 7px;margin-left: -1px;}*/ .sign-link.user a{margin-left: 5px;} .sign-link.user a:before{content: none;} .sign-link.user a:after{left: -10px;} .sign-link.user span{color: #999;} .swiper-pagination-bullet{height: 10px;width: 10px;border-radius: 5px;background-color: #fff;opacity: .6;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;} .swiper-pagination-bullet-active{opacity: 1;width: 28px;} /* .btn{height: 40px;line-height: 38px;padding: 0px 38px 0px 40px;border: 1px #15456f solid;border-radius: 4px;background-color: transparent;color: #15456f;font-size: 16px;letter-spacing: 2px;} */ /* .btn:hover{background-color: #15456f;color: #fff;} */ .btn.btn-brimary{background-color: #15456f;color: #fff;} .btn.btn-brimary:hover{background-color: transparent;color: #15456f;} .footer-area .row{margin: 0;} .footer-area .row > div{padding: 0;} /* .footer-area .qr{margin-top:60px;} */ .footer-area .qr h4{font-size: 14px;color:#ffffff;} .footer-area .qr .code{width:50%;display:inline-block;float:left;padding:10px;box-sizing:border-box;} .footer-area .qr img{width:100%;margin:0px!important;} .footer-area .qr .code p{color:#ffffff;margin-top:10px;} /* .footer-area .qr img:first-child{margin-right:10px;} */ /* .footer-area .footer-title{margin-bottom: 15px;} */ .footer-area .footer-title h3{margin-bottom: 0px;font-size:20px!important;} .home-about{margin: 40px 0 40px 0;padding: 50px 80px 50px 100px;background: rgba(241,90,36,.1);} .home-about .section-title{margin-top: 0;margin-bottom: 20px;} .home-about p{color: #000000;font-size: 16px;} /* .about-img{height: 100%;background-image: url(../images/3.svg);background-position:center center;background-size:100% auto;background-repeat:no-repeat;} */ .about-img{height:100%;text-align:center;line-height:400px;} .about-img>img{width:100%;} @media (max-width: 991.98px) {.about-img{height:auto;line-height:0;padding:20px 0px!important;}} @media (max-width: 767.98px) {.home-about{padding: 50px 20px;}} .breadcrumb{border-top: 1px #bbb solid;background-color: transparent;background-color: rgba(255, 255, 255, 0.7);} .breadcrumb ul{} .breadcrumb ul:before{content: "\f015";font-family: 'FontAwesome';} .breadcrumb ul li{display: inline-block;font-size: 14px;} .breadcrumb ul li + li:before{content: "\f105";font-family: 'FontAwesome';margin-left: 3px;margin-right: 6px;} .top-case{width: 100%;position: relative;margin-bottom: 30px;border: 1px #ddd solid;} .top-case h4{position: absolute;top: -5px;left: -5px;padding: 10px 20px;background-color: #15456f;color: #fff;font-size: 16px;z-index: 10;} .hot-videos .row{margin: 0px -10px;} .hot-videos .row > div{padding: 0px 10px;} .hot-videos .single-hotels{margin-bottom: 20px;} .c-profile{text-align: center;} .aboutus-banner{height: 250px;background-image: url(../image/aboutus.jpg);background-size: cover;background-position: center;margin-bottom: 50px;} .news-btm{text-align: center;} .news-btm > p{font-weight: bold;} .news-btm .qr{width: 150px;margin: auto;} .state{text-align: left;padding: 10px 15px;background-color: #eee;border: 2px #ddd dashed; } .state em{font-style: normal;color: #15456f;font-weight: bold;} .state p{margin: 0;} .friends{color: #999;padding: 10px 0;overflow:auto;} .friends .container li{float:left;/*width:20%;*/box-sizing:border-box;padding:10px 30px; } .about p{text-indent: 2em;margin-bottom: 50px;font-size: 16px;line-height: 32px;} .about img{margin-bottom: 50px;width: 100%;} .about h3{font-size: 20px;font-weight: bold;} .safe{margin-bottom: 50px;} .safe .safe-item{background-color: rgba(238,238,238,1);text-align: center;padding: 30px 20px 0;height: 250px;margin-bottom: 30px;} .safe .safe-item .ab-icon{width: 95px;height: 95px;margin: auto;margin-bottom: 10px;display: inline-block;background-image: url(../image/about-icon.png);} .safe .safe-item .ab-icon.icon-1{background-position: 0px 0px;} .safe .safe-item .ab-icon.icon-2{background-position: 0px -95px;} .safe .safe-item .ab-icon.icon-3{background-position: 0px -190px;} .safe .safe-item .ab-icon.icon-4{background-position: 0px -285px;} .safe .safe-item h6{font-size: 18px;margin-bottom: 20px;} .safe .safe-item p{text-indent: 0;font-size: 14px;color: #000;line-height: 18px;margin-bottom: 0;} .side-menu{padding: 20px 0;background-color: #f0f0f0;margin-top: 30px;border-left: 3px #15456f solid;} .side-menu li a{line-height: 30px;font-size: 16px;padding-left: 10px;padding-right: 30px;} .side-menu li.active a, .side-menu li a:hover{color: #15456f;} .side-menu li{position: relative;display: table;} .side-menu li.active:after{position: absolute;content: '';height: 0;width: 0;top: 50%;left: 0;margin-top: -5px;border: 5px #15456f solid;border-top-color: transparent;border-right-color: transparent;border-bottom-color: transparent;} .media-item{margin: 15px 0;} .media-item .row{margin-left: -5px;margin-right: -5px;} .media-item .row > div{padding: 0px 5px;} .media-item h4{font-size: 18px;font-weight: bold;margin-top: 10px;} .media-item p{text-indent: 2em;} .media-item img{width: 100%;} .data-closed{padding: 20px;margin: 20px auto;background-color: rgba(255,243,243,1.00);text-align: center;font-size: 18px;} .data-closed p{margin: 0;font-size: 16px;} .data-closed p em{font-style: normal;color: red;} .data-closed p a{color: rgba(241,90,36,1);} .data-closed p a:hover{color: #666;text-decoration: underline;} .home-hot-news img{height: 126px;} .home-hot-news .media{margin-bottom: 20px;background-color: rgba(255, 255, 255, .8);padding: 10px;} .home-hot-news .media-body{padding-left: 10px;text-align: left;} .home-hot-news .media h2{font-size: 16px;margin-bottom: 5px;} .home-hot-news .media p{font-size: 14px;line-height: 18px;margin-bottom: 5px;max-height: 54px;overflow: hidden;} .home-news{background-color: rgba(255, 255, 255, 0.8);padding: 10px;margin-bottom: 30px;} .home-news li{padding-left: 5px;padding-right: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;text-align: left;} .home-news li:before{content: "\f0da";color: #f15b5c;margin-right: 3px;font-family: FontAwesome;} .home-news li + li{border-top: 1px #eee dashed;padding-top: 4px;margin-top: 4px;} .home-news span{float: right;color: #777;} .case-hot{display: block;height: 80px;width: 80px;position: absolute;top: -5px;right: 5px;background-image: url(../image/hot.png);} .badge{margin-left: 10px; color: #15456f;border: 1px #15456f solid;font-weight: normal;font-size: 12px;line-height: 16px;border-radius: 12px;padding: 2px 8px;} .main_nav nav{text-align: right;padding-right: 20%;} .news-2 dl{} .news-2 h2{font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;margin-bottom: 5px;} .news-2 p{font-size: 12px;line-height: 20px;height: 60px;text-indent: 2em;} .comm-btn{position: fixed;right: 10px;bottom: 70px;z-index: 101;} .comm-btn a{width: 50px;height: 50px;font-size: 25px;color: #15456f;border: 1px #15456f solid;display: block;line-height: 50px;text-align: center;background-color: #fff;margin-top: 10px;} .comm-btn a.active, .comm-btn a:hover{background-color: #15456f;color: #fff;} .comm-btn .comm-contact .cc{visibility: hidden;opacity: 0;position: absolute;bottom: -40px;right: 70px;text-align: left;color: #777;font-size: 14px;width: 200px;line-height: 18px;padding: 10px;background: #fff;cursor: default;box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;} .comm-btn .comm-contact .cc:after{content: '';width: 13px;height: 13px;background-color: #fff;transform:rotate(45deg);-ms-transform:rotate(45deg); /* IE 9 */-moz-transform:rotate(45deg); /* Firefox */-webkit-transform:rotate(45deg); /* Safari 和 Chrome */-o-transform:rotate(45deg); /* Opera */position: absolute;top: 20px;right: -5px;box-shadow: 3px -3px 4px rgba(0, 0, 0, 0.1);} .comm-btn .comm-contact .cc dl{margin: 5px 0;} .comm-btn .comm-contact .cc dt{float: left;} .comm-btn .comm-contact .cc dd{overflow: auto;margin: 0;} .comm-btn .comm-contact:hover .cc{opacity: 1;right: 60px; visibility: visible;} .case-qa dl + dl{padding-top: 10px;border-top: 1px #eee dashed;} .case-qa dt{line-height: 30px;font-size: 16px;color: #666;} .case-qa dt:before{content: '';width: 30px;height: 30px;display: inline-block;line-height: 30px;margin-bottom: -9px;background-image: url(../image/icon_q.png);background-repeat: no-repeat;background-size: contain;margin-right: 5px;} .case-qa dd:before{content: '';width: 30px;height: 30px;display: inline-block;line-height: 30px;margin-bottom: -9px;background-image: url(../image/icon_a.png);background-repeat: no-repeat;background-size: contain;margin-right: 5px;color: #666;} .case-flow:after{display: block;clear: both;content: ""} .case-flow li{width: 16.666666%;float: left;text-align: center;padding: 20px;position: relative;} .case-flow li .icon{font-size: 30px;color: #15456f;position: relative;} .case-flow li + li .icon:before{content: "\f178";font-family: 'FontAwesome';position: absolute;top: 50%;left: -35px;margin-top: -20px;} .case-flow li p{font-size: 16px;color: #666;} @media screen and (max-width: 767px) {.case-flow li{ width: 100%; text-align: left;}.case-flow li .icon{ display: inline-block;}.case-flow li p{ display: inline-block;}.case-flow li + li .icon:before{ content: "\f175"; top: -41px; left: 50%; margin-top: 0; margin-left: -6px;}} .toolbar{position: fixed;left: 0;right: 0;bottom: 0;border-top: 1px #ddd solid;background-color: #fff;z-index: 1000;} .toolbar .link{display: inline-block;text-align: center;} .toolbar .link .fa{font-size: 20px;} .toolbar .link small{display: block;} .rbo{overflow-x: auto;margin: 0 auto;} .rbo .inner{min-width: 600px;padding: 0 15px;} .neighbors{margin-top: 30px;} .neighbors dl{margin-bottom: 0;} .neighbors dt{display: inline-block;color: #999;font-weight: normal;} .neighbors dd{padding-left: 5px;display: inline-block;}