#page,a {

-webkit-transition:.5s;

-o-transition:.5s

}

.actives a {
    color: #ffffff !important;
}

body,figure,h1,h2,h3,h4,h5,h6 {

font-weight:400;

font-family:quicksand,Arial,sans-serif

}



@font-face {

font-family:icomoon;

src:url(../fonts/icomoon/icomoona57c.eot?srf3rx);

src:url(../fonts/icomoon/icomoona57c.eot?srf3rx#iefix) format("embedded-opentype"),url(../fonts/icomoon/icomoona57c.ttf?srf3rx) format("truetype"),url(../fonts/icomoon/icomoona57c.woff?srf3rx) format("woff"),url(../fonts/icomoon/icomoona57c.svg?srf3rx#icomoon) format("svg");

font-weight:400;

font-style:normal

}



body {

font-size:14px;

line-height:1.7;

color:#595959;

background:#fff

}



#page {

position:relative;

overflow-x:hidden;

width:100%;

height:100%;

transition:.5s

}



.offcanvas #page {

overflow:hidden;

position:absolute

}



.offcanvas #page:after {

-webkit-transition:2s;

-o-transition:2s;

transition:2s;

position:absolute;

top:0;

right:0;

bottom:0;

left:0;

z-index:101;

background:rgba(0,0,0,.7);

content:""

}



a {

color:#fd0;

transition:.5s

}



a:active,a:focus,a:hover {

color:#fd0;

outline:0;

text-decoration:none

}



p {

margin-bottom:20px

}



figure,h1,h2,h3,h4,h5,h6 {

color:#000;

margin:0 0 13px

}



::-webkit-selection {

color:#fff;

background:#fd0

}



::-moz-selection {

color:#fff;

background:#fd0

}



::selection {

color:#fff;

background:#fd0

}



.colorlib-nav {

position:absolute;

top:0;

left:0;

right:0;

z-index:2;

margin:0 auto

}



.colorlib-nav .top-menu {

padding:1px 27px;

background:#ffffff;

}



@media screen and (max-width:768px) {

.colorlib-nav {

margin:0

}



.colorlib-nav .top-menu {

padding:9px 1em

}



.colorlib-nav .menu-1 {

display:none

}

}



.colorlib-nav #colorlib-logo {

font-size:24px;

margin:0;

padding:0;

text-transform:uppercase;

font-weight:600

}



.colorlib-nav #colorlib-logo a {

position:relative;

color:#fff

}



.colorlib-nav ul {

padding:0;

margin:16px 0 0

}



.colorlib-nav ul li {

padding:0;

margin:0;

list-style:none;

display:inline;

font-weight:bold;

}



.colorlib-nav ul li a {

position:relative;

font-size:15px;

padding:30px 12px;

color:#000;

-webkit-transition:.5s;

-o-transition:.5s;

transition:.5s

}



.colorlib-nav ul li a:hover {

color:#fd0

}



.colorlib-nav ul li.has-dropdown {

position:relative

}



.colorlib-nav ul li.has-dropdown .dropdown {

width:140px;

-webkit-box-shadow:0 14px 33px -9px rgba(0,0,0,.75);

-moz-box-shadow:0 14px 33px -9px rgba(0,0,0,.75);

box-shadow:0 14px 33px -9px rgba(0,0,0,.75);

z-index:1002;

visibility:hidden;

opacity:0;

position:absolute;

top:40px;

left:0;

text-align:left;

background:#000;

padding:20px;

-webkit-border-radius:4px;

-moz-border-radius:4px;

-ms-border-radius:4px;

border-radius:4px;

-webkit-transition:0s;

-o-transition:0s;

transition:0s

}



.colorlib-nav ul li.has-dropdown .dropdown:before {

bottom:100%;

left:40px;

border:solid transparent;

content:" ";

height:0;

width:0;

position:absolute;

pointer-events:none;

border-bottom-color:#000;

border-width:8px;

margin-left:-8px

}



#colorlib-intro .overlay,.about-flex .aside-stretch:after,.aside-stretch:after {

content:''

}



.colorlib-nav ul li.has-dropdown .dropdown li {

display:block;

margin-bottom:7px

}



.colorlib-nav ul li.has-dropdown .dropdown li:last-child {

margin-bottom:0

}



.colorlib-nav ul li.has-dropdown .dropdown li a {

padding:2px 0;

display:block;

color:#999;

line-height:1.2;

text-transform:none;

font-size:13px;

letter-spacing:0

}



.colorlib-nav ul li.has-dropdown .dropdown li a:hover {

color:#fff

}



.colorlib-nav ul li.has-dropdown:focus a,.colorlib-nav ul li.has-dropdown:hover a {

color:#fd0

}



.colorlib-nav ul li.btn-cta a {

padding:30px 0!important;

color:#fff

}



.colorlib-nav ul li.btn-cta a span {

background:#fd0;

padding:4px 10px;

display:-moz-inline-stack;

display:inline-block;

zoom:1;

-webkit-transition:.3s;

-o-transition:.3s;

transition:.3s;

-webkit-border-radius:100px;

-moz-border-radius:100px;

-ms-border-radius:100px;

border-radius:100px

}



.colorlib-nav ul li.btn-cta a:hover span {

-webkit-box-shadow:0 14px 20px -9px rgba(0,0,0,.75);

-moz-box-shadow:0 14px 20px -9px rgba(0,0,0,.75);

box-shadow:0 14px 20px -9px rgba(0,0,0,.75)

}



.colorlib-nav ul li.active>a {

color:#000!important;

font-weight:700;

position:relative

}



.colorlib-nav ul li.active>a:after {

opacity:1;

-webkit-transform:translate3d(0,0,0);

transform:translate3d(0,0,0)

}



#colorlib-counter,.colorlib-bg {

background-size:cover;

background-position:top center;

background-repeat:no-repeat;

position:relative

}



.colorlib-video {

overflow:hidden

}



@media screen and (max-width:992px) {

.colorlib-video {

height:450px

}

}



.colorlib-video a {

z-index:1001;

position:absolute;

top:50%;

left:50%;

margin-top:-45px;

margin-left:-45px;

width:90px;

height:90px;

display:table;

text-align:center;

background:#fff;

-webkit-box-shadow:0 14px 30px -15px rgba(0,0,0,.75);

-moz-box-shadow:0 14px 30px -15px rgba(0,0,0,.75);

-ms-box-shadow:0 14px 30px -15px rgba(0,0,0,.75);

-o-box-shadow:0 14px 30px -15px rgba(0,0,0,.75);

box-shadow:0 14px 30px -15px rgba(0,0,0,.75);

-webkit-border-radius:50%;

-moz-border-radius:50%;

-ms-border-radius:50%;

border-radius:50%

}



.colorlib-video a i {

text-align:center;

display:table-cell;

vertical-align:middle;

font-size:40px;

color:#fd0

}



.colorlib-video .video-overlay {

position:absolute;

top:0;

left:0;

right:0;

bottom:0;

background:rgba(0,0,0,.2);

-webkit-transition:.5s;

-o-transition:.5s;

transition:.5s

}



.colorlib-video:hover .video-overlay {

background:rgba(0,0,0,.5)!important

}



.colorlib-video:hover a {

-webkit-transform:scale(1.1);

-moz-transform:scale(1.1);

-ms-transform:scale(1.1);

-o-transform:scale(1.1);

transform:scale(1.1)

}



#colorlib-hero {

height:181px;

background:#fff;

width:100%;

float:left;

z-index:0

}



#colorlib-hero .btn {

font-size:24px

}



#colorlib-hero .btn.btn-primary {

padding:14px 30px!important

}



#colorlib-hero .flexslider {

border:none;

z-index:1;

margin-bottom:0

}



#colorlib-hero .flexslider .slides {

position:relative;

overflow:hidden

}



#colorlib-hero .flexslider .slides li {

background-repeat:no-repeat;

background-size:cover;

background-position:center center;

height:328px;

border-bottom:1px solid #000;

position:relative

}



#colorlib-hero .flexslider .slides li .overlay {

position:absolute;

top:0;

bottom:0;

left:0;

right:0

}



#colorlib-hero .flexslider .flex-control-nav {

bottom:5em;

z-index:1000;

width:0 auto

}



#colorlib-hero .flexslider .flex-control-nav li a {

background:rgba(255,255,255,.1);

-webkit-box-shadow:none;

box-shadow:none;

width:12px;

height:12px;

cursor:pointer

}



#colorlib-hero .flexslider .flex-control-nav li a.flex-active {

cursor:pointer;

background:#fd0

}



#colorlib-hero .flexslider .flex-direction-nav {

display:none

}



#colorlib-hero .flexslider .slider-text {

display:table;

opacity:0;

height:650px;

z-index:9

}



#colorlib-hero .flexslider .slider-text>.slider-text-inner {

display:table-cell;

vertical-align:middle;

height:650px;

padding:2em

}



#colorlib-hero .flexslider .slider-text>.slider-text-inner span i {

font-size:24px;

color:#f7af1d

}



#colorlib-hero .flexslider .slider-text>.slider-text-inner h1,#colorlib-hero .flexslider .slider-text>.slider-text-inner h2 {

margin:0;

padding:0;

color:#fff

}



#colorlib-hero .flexslider .slider-text>.slider-text-inner h1 {

margin-bottom:50px;

font-size:50px;

line-height:1.3;

font-weight:300

}



@media screen and (max-width:768px) {

#colorlib-hero .flexslider .flex-control-nav {

bottom:6em

}



#colorlib-hero .flexslider .slider-text>.slider-text-inner {

text-align:center

}



#colorlib-hero .flexslider .slider-text>.slider-text-inner h1 {

font-size:28px

}

}



#colorlib-hero .flexslider .slider-text>.slider-text-inner h2 {

margin-bottom:10px;

text-transform:uppercase;

letter-spacing:3px;

font:16px/1.5 quicksand,Arial,sans-serif

}



#colorlib-hero .flexslider .slider-text>.slider-text-inner h2 a {

color:#fd0;

border-bottom:1px solid rgba(255,221,0,.7)

}



#colorlib-hero .flexslider .slider-text>.slider-text-inner .heading-section {

font-size:50px

}



@media screen and (max-width:768px) {

#colorlib-hero .flexslider .slider-text>.slider-text-inner .heading-section {

font-size:30px

}

}



#colorlib-hero .flexslider .slider-text>.slider-text-inner s .colorlib-lead {

font-size:20px;

color:#fd0

}



#colorlib-hero .flexslider .slider-text>.slider-text-inner s .colorlib-lead .icon-heart {

color:#d9534f

}



#colorlib-hero .flexslider .slider-text>.slider-text-inner .btn {

font-size:12px;

text-transform:uppercase;

letter-spacing:2px;

color:#fff;

padding:20px 30px!important;

border:none

}



#colorlib-hero .flexslider .slider-text>.slider-text-inner .btn.btn-learn {

background:#fd0;

color:#fff

}



#colorlib-hero .flexslider .slider-text>.slider-text-inner .btn:hover {

background:#000!important

}



@media screen and (max-width:480px) {

#colorlib-hero .flexslider .slider-text>.slider-text-inner .btn {

width:100%

}

}



.colorlib-light-grey {

background:#fafafa

}



#colorlib-amenities,#colorlib-blog,#colorlib-contact,#colorlib-footer,#colorlib-hotel,#colorlib-intro,#colorlib-subscribe,#colorlib-testimony,.colorlib-tour,.colorlib-wrap {

width:100%;

display:block;

float:left;

padding:0;

clear:both

}



@media screen and (max-width:768px) {

#colorlib-amenities,#colorlib-blog,#colorlib-contact,#colorlib-footer,#colorlib-hotel,#colorlib-intro,#colorlib-subscribe,#colorlib-testimony,.colorlib-tour,.colorlib-wrap {

padding:0

}

}



.colorlib-services {

padding:3em!important

}



@media screen and (max-width:768px) {

.colorlib-services {

padding:.5em!important

}

}



.bg-primary-color {

background:#fd0

}



.bg-primary-color p {

color:#fff!important

}



#colorlib-reservation {

clear:both;

z-index:1

}



#colorlib-reservation .search-wrap {

width:100%;

float:left;

display:block;

position:relative;

z-index:9;

margin-top:-19em!important;

padding:0

}



#colorlib-reservation .booknow {

margin-top:5px;

display:block

}



#colorlib-reservation .booknow h2,#colorlib-reservation .booknow span {

color:#fff

}



#colorlib-reservation .booknow h2 {

text-transform:uppercase;

font-size:24px;

margin-bottom:20px

}



#colorlib-reservation .booknow span {

font-size:12px;

text-transform:uppercase;

letter-spacing:1px

}



#colorlib-reservation .nav-tabs li {

padding:0;

margin-right:2px;

background:#fd0;

font-size:16px!important

}



#colorlib-reservation .nav-tabs li a {

padding:15px 20px!important;

color:#000

}



#colorlib-reservation .nav-tabs li.active {

color:#fff!important!important;

background:#2c2e3e!important

}



@media screen and (max-width:768px) {

#colorlib-reservation .nav-tabs {

margin-left:10px

}



#colorlib-reservation .nav-tabs li {

font-size:13px!important

}



#colorlib-reservation .nav-tabs li a {

padding:10px!important

}

}



.colorlib-form label {

font-weight:400;

color:#fff

}



.colorlib-form .form-control {

height:41px;

color:#000!important;

-webkit-box-shadow:none;

box-shadow:none;

-webkit-appearance:none;

-moz-appearance:none;

-ms-appearance:none;

-o-appearance:none;

appearance:none;

font-size:12px!important;

font-weight:700;

background:#fff;

border:1px solid #32b7f9

}



.colorlib-form .form-control:active,.colorlib-form .form-control:focus {

-webkit-box-shadow:none;

box-shadow:none;

border-color:#fd0

}



.colorlib-form .form-control::-webkit-input-placeholder {

color:rgba(255,255,255,.7)

}



.colorlib-form .form-control::-moz-placeholder {

color:rgba(255,255,255,.7)

}



.colorlib-form .form-control:-ms-input-placeholder {

color:rgba(255,255,255,.7)

}



.colorlib-form .form-control:-moz-placeholder {

color:rgba(255,255,255,.7)

}



.colorlib-form .form-group {

margin-bottom:15px

}



.colorlib-form .form-group .form-field {

position:relative;

padding:0;

margin:0

}



.colorlib-form .form-group .form-field .icon {

position:absolute;

top:50%;

-webkit-transform:translateY(-50%);

-moz-transform:translateY(-50%);

-ms-transform:translateY(-50%);

-o-transform:translateY(-50%);

transform:translateY(-50%);

right:20px;

color:rgba(255,255,255,.5)

}



.colorlib-form .form-group .form-field .form-control {

padding-right:50px

}



.colorlib-form textarea.form-control {

height:inherit;

resize:vertical

}



.colorlib-form .btn-block {

margin-top:28px;

padding:12px!important;

font-size:14px;

color:#fff;

font-weight:700

}



.services {

padding:7em 2em

}



.services .icon {

margin:0 auto 20px;

background:#f7f7f7;

width:120px;

height:120px;

display:table;

-webkit-border-radius:50%;

-moz-border-radius:50%;

-ms-border-radius:50%;

border-radius:50%

}



.services .icon i {

display:table-cell;

vertical-align:middle;

height:120px;

font-size:60px;

color:#00bbf0

}



.aside-stretch {

background:#00bbf0

}



.aside-stretch:after {

position:absolute;

top:0;

right:100%;

bottom:0;

width:360%;

background:#00bbf0

}



@media screen and (max-width:768px) {

.aside-stretch {

background:0 0

}



.aside-stretch:after {

background:0 0;

display:none

}

}



.no-gutters {

margin-right:0;

margin-left:0

}



.tour-wrap {

width:100%;

float:left;

display:block;

padding:0;

margin:0

}



.tour-wrap .tour-entry {

width:25%;

float:left;

position:relative;

height:250px;

z-index:0;

padding:0;

margin:0

}



@media screen and (max-width:768px) {

.tour-wrap .tour-entry {

width:50%

}



.tour-wrap .tour-entry .tour-img {

-webkit-box-shadow:inset 0 -195px 142px -79px rgba(0,0,0,.49);

-moz-box-shadow:inset 0 -195px 142px -79px rgba(0,0,0,.49);

-ms-box-shadow:inset 0 -195px 142px -79px rgba(0,0,0,.49);

-o-box-shadow:inset 0 -195px 142px -79px rgba(0,0,0,.49);

box-shadow:inset 0 -195px 142px -79px rgba(0,0,0,.49)

}

}



@media screen and (max-width:480px) {

.tour-wrap .tour-entry {

width:100%

}

}



.tour-wrap .tour-entry .tour-img {

position:absolute;

top:0;

left:0;

right:0;

bottom:0;

height:250px;

display:block;

z-index:1;

-webkit-transition:.3s;

-o-transition:.3s;

transition:.3s

}



.tour-wrap .tour-entry .desc {

position:absolute;

bottom:0;

left:0;

right:0;

z-index:-1;

padding:15px

}



.tour-wrap .tour-entry .desc h2 {

font-size:18px;

text-transform:uppercase;

margin-bottom:10px

}



.tour-wrap .tour-entry .desc .city {

display:block;

color:#b3b3b3;

margin-bottom:5px

}



.tour-wrap .tour-entry .desc .price {

color:#000;

font-size:20px

}



.tour-wrap .tour-entry .desc .star {

margin-bottom:0;

font-size:12px;

color:#b3b3b3

}



.tour-wrap .tour-entry .desc .star span i {

color:#fd0

}



.tour-wrap .tour-entry:hover .tour-img {

top:-55%

}



@media screen and (max-width:768px) {

.tour-wrap .tour-entry .desc {

z-index:2

}



.tour-wrap .tour-entry .desc h2 {

color:#fff

}



.tour-wrap .tour-entry .desc .city,.tour-wrap .tour-entry .desc .star {

color:#e6e6e6

}



.tour-wrap .tour-entry .desc .price {

color:#fff;

background:#00bbf0;

padding:4px 7px

}



.tour-wrap .tour-entry:hover .tour-img {

top:0

}

}



.f-tour {

width:100%;

float:left

}



.f-tour .f-tour-img {

display:block;

height:210px;

margin-bottom:30px;

position:relative;

-webkit-box-shadow:inset 0 -195px 142px -79px rgba(0,0,0,.49);

-moz-box-shadow:inset 0 -195px 142px -79px rgba(0,0,0,.49);

-ms-box-shadow:inset 0 -195px 142px -79px rgba(0,0,0,.49);

-o-box-shadow:inset 0 -195px 142px -79px rgba(0,0,0,.49);

box-shadow:inset 0 -195px 142px -79px rgba(0,0,0,.49)

}



.f-tour .f-tour-img .desc {

position:absolute;

bottom:0;

left:0;

right:0;

padding:0 20px

}



.f-tour .f-tour-img .desc h3 {

font-size:16px;

color:#fff;

margin-bottom:10px

}



.f-tour .f-tour-img .desc .price small {

color:#fff

}



.f-tour .desc h3,.f-tour .desc h4 {

text-transform:uppercase

}



.f-tour .desc ul {

margin-bottom:30px

}



.f-tour .desc ul li {

list-style:none;

margin-bottom:10px

}



.f-tour .desc ul li a {

color:#999

}



.f-tour .desc ul li a:hover {

color:#000

}



.wrap-division {

padding-right:2em

}



@media screen and (max-width:768px) {

.wrap-division {

padding-right:0

}

}



.tour {

display:block;

margin-bottom:4em

}



.tour .tour-img {

height:300px;

margin-bottom:20px;

display:block;

position:relative

}



.tour .tour-img .price {

position:absolute;

bottom:0;

left:0;

background:#00bbf0;

color:#fff;

padding:8px 12px;

margin:0

}



.tour .tour-img .price span {

font-size:16px;

font-weight:500

}



.tour .tour-img .price span small {

font-size:16px

}



.tour .desc {

display:block

}



.tour .desc h2 {

font-size:20px;

text-transform:uppercase;

margin-bottom:10px

}



.tour .desc h2 a {

color:#000

}



.tour .desc .city {

display:block;

color:#b3b3b3;

margin-bottom:5px

}



.tour .desc .star {

margin-bottom:15px;

font-size:12px;

color:#b3b3b3

}



.tour .desc .star span i {

color:#fd0

}



.sidebar-wrap {

display:block

}



.sidebar-wrap .sidebar-heading {

font-size:18px;

text-transform:uppercase;

margin-bottom:30px

}



.sidebar-wrap .search-wrap {

background:#2c2e3e;

border:1px solid #f0f0f0;

padding:2em 20px;

-webkit-border-radius:4px;

-moz-border-radius:4px;

-ms-border-radius:4px;

border-radius:4px

}



.sidebar-wrap .search-wrap .sidebar-heading {

color:#fff

}



.sidebar-wrap .side {

margin-bottom:4em

}



.sidebar-wrap .colorlib-form-2 label {

font-weight:400;

color:#000

}



.sidebar-wrap .colorlib-form-2 .form-control {

height:50px;

-webkit-box-shadow:none;

box-shadow:none;

font-size:16px;

-webkit-appearance:none;

-moz-appearance:none;

-ms-appearance:none;

-o-appearance:none;

appearance:none;

background:#fafafa;

border:2px solid rgba(0,0,0,.05);

color:rgba(0,0,0,.7)

}



.sidebar-wrap .colorlib-form-2 .form-control:active,.sidebar-wrap .colorlib-form-2 .form-control:focus {

-webkit-box-shadow:none;

box-shadow:none;

border:1px solid #fd0

}



.sidebar-wrap .colorlib-form-2 .form-control::-webkit-input-placeholder {

color:rgba(0,0,0,.7)

}



.sidebar-wrap .colorlib-form-2 .form-control::-moz-placeholder {

color:rgba(0,0,0,.7)

}



.sidebar-wrap .colorlib-form-2 .form-control:-ms-input-placeholder {

color:rgba(0,0,0,.7)

}



.sidebar-wrap .colorlib-form-2 .form-control:-moz-placeholder {

color:rgba(0,0,0,.7)

}



.sidebar-wrap .colorlib-form-2 .form-group {

margin-bottom:15px

}



.sidebar-wrap .colorlib-form-2 .form-group .form-field {

position:relative;

padding:0;

margin:0

}



.sidebar-wrap .colorlib-form-2 .form-group .form-field .icon {

position:absolute;

top:50%;

-webkit-transform:translateY(-50%);

-moz-transform:translateY(-50%);

-ms-transform:translateY(-50%);

-o-transform:translateY(-50%);

transform:translateY(-50%);

right:20px;

color:rgba(0,0,0,.5)

}



.sidebar-wrap .colorlib-form-2 .form-group .form-field .form-control {

padding-right:50px

}



.sidebar-wrap .colorlib-form-2 textarea.form-control {

height:inherit;

resize:vertical

}



.sidebar-wrap .colorlib-form-2 .btn-block {

margin-top:28px;

padding:12px!important

}



.sidebar-wrap .colorlib-form-2 .rate i {

color:#fd0;

margin:0 5px

}



.sidebar-wrap .colorlib-form-2 .place {

font-size:16px;

margin-left:10px

}



.sidebar-wrap .category {

margin:0

}



.sidebar-wrap .category li {

list-style:none;

margin-bottom:10px

}



.sidebar-wrap .category li a {

color:#000

}



.sidebar-wrap .blog-entry-side .blog-post .desc h3 {

font-size:18px

}



#colorlib-intro {

z-index:0

}



#colorlib-intro .overlay {

position:absolute;

top:0;

bottom:0;

left:0;

right:0;

background:rgba(0,0,0,.7);

z-index:-1

}



#colorlib-intro .video-wrap,.intro-desc {

z-index:2

}



#colorlib-intro .video-wrap .colorlib-video {

height:350px;

margin:0;

position:absolute;

top:0;

left:0;

right:0;

bottom:0

}



#colorlib-intro .video {

background-size:cover;

background-position:left center;

background-repeat:no-repeat;

position:relative;

display:-webkit-box;

display:-moz-box;

display:-ms-flexbox;

display:-webkit-flex;

display:flex;

-ms-flex-wrap:wrap;

flex-wrap:wrap;

-webkit-flex-wrap:wrap;

-moz-flex-wrap:wrap;

-webkit-box-shadow:0 20px 71px -12px rgba(0,0,0,.31);

-moz-box-shadow:0 20px 71px -12px rgba(0,0,0,.31);

-ms-box-shadow:0 20px 71px -12px rgba(0,0,0,.31);

-o-box-shadow:0 20px 71px -12px rgba(0,0,0,.31);

box-shadow:0 20px 71px -12px rgba(0,0,0,.31)

}



.intro-img {

display:block

}



.text-salebox {

display:table;

width:100%

}



.text-salebox .text-lefts {

text-align:left;

display:table-cell;

vertical-align:top

}



@media screen and (max-width:768px) {

#colorlib-intro .video-wrap .colorlib-video {

position:relative

}



.intro-desc {

margin-bottom:4em

}



.text-salebox .text-lefts {

display:table;

margin-bottom:3em

}

}



.text-salebox .text-lefts .sale-box .sale-box-top {

display:inline-block;

position:relative

}



.text-salebox .text-lefts .sale-box .number {

font-weight:700;

font-size:90px;

margin:0;

line-height:1;

display:inline-block;

color:#fd0

}



.text-salebox .text-lefts .sale-box .sup-1 {

font-size:40px;

position:absolute;

top:10px;

left:100%;

display:block;

line-height:1;

color:#fd0;

font-weight:700

}



.text-salebox .text-lefts .sale-box .sup-2 {

font-size:36px;

text-transform:uppercase;

position:absolute;

bottom:8px;

left:100%;

display:block;

line-height:1;

font-weight:700;

color:#fff

}



.text-salebox .text-lefts .sale-box .text-sale {

font-size:72px;

color:#fff;

text-transform:uppercase;

line-height:55px;

margin:0;

font-weight:700

}



.text-salebox .text-rights {

padding:0 30px

}



@media screen and (max-width:768px) {

.text-salebox .text-rights {

padding:0

}

}



.text-salebox .text-rights .title {

color:#fff;

font-weight:400

}



.text-salebox .text-rights p {

color:#fff

}



.text-salebox .text-rights .btn-primary {

color:#000

}



.text-salebox .text-rights .btn-outline {

border:1px solid #fff!important;

color:#fff

}



#colorlib-hotel .owl-carousel {

z-index:0

}



#colorlib-hotel .owl-carousel .owl-stage-outer {

z-index:-1

}



#colorlib-hotel .owl-theme .owl-controls {

z-index:1;

position:absolute;

top:-30px;

left:0;

right:0;

margin-top:-30px

}



#colorlib-hotel .owl-theme .owl-controls .owl-nav [class*=owl-] {

-webkit-transition:.3s;

-o-transition:.3s;

transition:.3s;

-webkit-border-radius:1px;

-moz-border-radius:1px;

-ms-border-radius:1px;

border-radius:1px;

background:#f2f2f2;

padding:5px;

opacity:1

}



#colorlib-hotel .owl-theme .owl-controls .owl-nav [class*=owl-] .owl-direction {

background:0 0;

color:#000;

-webkit-box-shadow:none;

box-shadow:none;

border:none

}



#colorlib-hotel .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {

background:#00bbf0

}



.hotel-entry {

margin-bottom:3em

}



.hotel-entry .hotel-img {

height:294px;

display:block;

margin-bottom:20px;

position:relative

}



.hotel-entry .hotel-img .price {

position:absolute;

bottom:0;

left:0;

background:#2672b0;

color:#fff;

margin:0

}



.widthh {

width:15%!important

}



.hotel-entry .hotel-img .price span {

font-size:18px;

font-weight:700

}



.hotel-entry .hotel-img .price span small {

font-size:16px

}



.hotel-entry .desc h3 {

margin-bottom:10px

}



.hotel-entry .desc h3 a {

color:#fff

}



.hotel-entry .desc .place {

color:#b3b3b3;

font-size:12px;

display:block;

margin-bottom:15px

}



.hotel-entry .desc .star {

    margin-bottom: 0px;

    font-size: 10px;

    color: #b3b3b3;

}



.hotel-entry .desc .star span i {

color:#fd0

}



.heading2 {

margin-bottom:5em;

padding:20px 30px;

background:#f7f7f7;

border:1px solid #f0f0f0;

-webkit-border-radius:4px;

-moz-border-radius:4px;

-ms-border-radius:4px;

border-radius:4px

}



.heading2 h2 {

font-size:34px;

line-height:1.5;

color:#000;

position:relative;

margin:0;

text-transform:uppercase

}



.room-wrap {

display:block;

margin-bottom:4em

}



.room-wrap h2 {

font-size:20px;

text-transform:uppercase

}



.room-wrap .price span {

font-size:20px;

color:#00bbf0

}



.room-wrap .price small {

font-size:14px

}



.room-wrap .desc {

padding:20px 0 0

}



.room-wrap .day-tour {

display:block;

margin-bottom:20px;

color:#b3b3b3

}



.room-img {

display:block;

height:300px

}



#colorlib-testimony .owl-carousel {

z-index:0

}



#colorlib-testimony .owl-carousel .owl-stage-outer {

z-index:-1

}



#colorlib-testimony .owl-theme .owl-controls {

z-index:1;

position:absolute;

top:40%;

left:0;

right:0;

margin-top:-30px

}



#colorlib-testimony .owl-theme .owl-controls .owl-nav [class*=owl-] {

-webkit-transition:.3s;

-o-transition:.3s;

transition:.3s;

-webkit-border-radius:1px;

-moz-border-radius:1px;

-ms-border-radius:1px;

border-radius:1px;

background:0 0;

opacity:1

}



#colorlib-testimony .owl-theme .owl-controls .owl-nav [class*=owl-] .owl-direction {

background:0 0;

color:#000;

-webkit-box-shadow:none;

box-shadow:none;

border:none;

font-size:20px

}



#colorlib-testimony .owl-theme .owl-controls .owl-nav .owl-prev {

float:left;

margin-left:-60px

}



#colorlib-testimony .owl-theme .owl-controls .owl-nav .owl-next {

float:right;

margin-right:-60px

}



@media screen and (max-width:768px) {

#colorlib-testimony .owl-theme .owl-controls .owl-nav .owl-prev {

margin-left:0

}



#colorlib-testimony .owl-theme .owl-controls .owl-nav .owl-next {

margin-right:0

}

}



.testimony {

position:relative;

width:100%

}



.testimony .img-user {

background-size:cover;

background-position:center center;

background-repeat:no-repeat;

width:120px;

height:120px;

display:block;

margin:0 auto;

-webkit-border-radius:50%;

-moz-border-radius:50%;

-ms-border-radius:50%;

border-radius:50%

}



.testimony .user {

display:block;

margin-top:10px;

font-size:20px;

margin-bottom:10px

}



.testimony small {

display:block;

margin-bottom:20px;

font-size:14px;

color:#999

}



.testimony blockquote {

padding:0;

margin:0 0 20px;

border:none

}



.testimony blockquote p {

color:#000;

font-size:16px

}



article {

width:100%;

float:left;

margin-bottom:2em

}



article .blog-img {

height:400px;

z-index:-1;

width:100%;

float:left

}



article .desc {

padding:3em;

width:95%;

float:left;

margin-top:-7em;

z-index:1;

background:#fff

}



.blog-flex .f-entry-img,.blog-post .img {

background-size:cover;

background-repeat:no-repeat

}



article .desc h2 a {

color:#000

}



article .desc .meta span {

margin-right:10px

}



article .desc .meta span a {

color:#ccc

}



.blog-flex {

display:-webkit-box;

display:-moz-box;

display:-ms-flexbox;

display:-webkit-flex;

display:flex;

-ms-flex-wrap:wrap;

flex-wrap:wrap;

-webkit-flex-wrap:wrap;

-moz-flex-wrap:wrap;

width:100%;

padding:0!important

}



.blog-flex .blog-entry,.blog-flex .f-entry-img {

width:50%;

display:inline-block

}



.blog-flex .f-entry-img {

background-position:left center;

position:relative;

display:-webkit-box;

display:-moz-box;

display:-ms-flexbox;

display:-webkit-flex;

display:flex;

-ms-flex-wrap:wrap;

flex-wrap:wrap;

-webkit-flex-wrap:wrap;

-moz-flex-wrap:wrap

}



.blog-entry {

padding:3em 4em

}



@media screen and (max-width:768px) {

.blog-flex .blog-entry,.blog-flex .f-entry-img {

width:100%

}



.blog-entry {

padding:4em 1em

}

}



.blog-post {

margin-bottom:2.5em;

display:block;

position:relative

}



.blog-post .desc {

padding-left:110px

}



.blog-post .desc h3 {

font-weight:400;

font-size:24px;

line-height:30px;

margin-bottom:10px

}



.blog-post .desc span {

font-size:13px;

color:#333

}



.blog-post .img {

position:absolute;

top:0;

left:0;

display:block;

width:90px;

height:90px;

background-position:center center;

border:4px solid #fff;

-webkit-border-radius:50%;

-moz-border-radius:50%;

-ms-border-radius:50%;

border-radius:50%

}



.amenities-img,.blog-img,.f-tour-img,.hotel-img,.intro-img,.room-img,.tour-img {

background-size:cover;

background-position:center center;

background-repeat:no-repeat;

position:relative

}



.nav-tabs li a,.nav-tabs li a:focus,.nav-tabs li a:hover {

background:0 0

}



.tab-pane {

padding:-1.5em 0;

-webkit-transition:.3s;

-o-transition:.3s;

transition:.3s

}



.h3search

{

	color: #000;

    font-weight: bold;

    text-align: center;

    padding-left: 0px;

}



.btn-outline,.nav-tabs {

-webkit-transition:.3s;

-o-transition:.3s

}



.nav-tabs {

border:none;

border-bottom:none;

transition:.3s

}



.nav-tabs li a,.nav-tabs li.active a {

border:none!important;

border-bottom:none!important

}



.nav-tabs li {

font-size:20px

}



.nav-tabs li a:first-child {

padding-left:0

}



.nav-tabs li.active a {

color:#fff!important;

background:0 0!important

}



.about-flex {

display:-webkit-box;

display:-moz-box;

display:-ms-flexbox;

display:-webkit-flex;

display:flex;

-ms-flex-wrap:wrap;

flex-wrap:wrap;

-webkit-flex-wrap:wrap;

-moz-flex-wrap:wrap;

width:100%

}



.about-flex .col-one-forth {

width:25%;

padding:7em 4em 7em 0

}



.about-flex .col-three-forth {

width:75%;

padding:7em 4em

}



.about-flex .col-one-forth,.about-flex .col-three-forth {

display:inline-block

}



@media screen and (max-width:768px) {



.h3search

{

	color: #000;

    font-weight: bold;

    text-align: center;

    padding-left: 0px;

}



.nav-tabs li {

font-size:12px

}



.about-flex .col-one-forth,.about-flex .col-three-forth {

width:100%;

padding:4em 1em

}

}



.about-flex .aside-stretch {

position:relative

}



.about-flex .aside-stretch:after {

position:absolute;

top:0;

right:100%;

bottom:0;

width:360%;

background:#00bbf0

}



.about-flex .about {

text-align:right

}



.about-flex .about h2 {

color:#fff;

text-transform:uppercase;

margin-bottom:2em

}



@media screen and (max-width:768px) {



.h3search

{

	color: #000;

    font-weight: bold;

    text-align: center;

    padding-left: 0px;

}



.about-flex .about {

text-align:left

}



.about-flex .about h2 {

color:#000

}

}



.about-flex .about ul {

list-style:none

}



.about-flex .about ul li {

margin-bottom:8px

}



.about-flex .about ul li a {

color:#fff

}



.contact-info-wrap {

margin-bottom:3em

}



.contact-info-wrap p a {

color:#000

}



.contact-info-wrap p span {

padding-right:10px

}



.contact-info-wrap p span i {

font-size:20px;

color:#000

}



@media screen and (max-width:768px) {



.h3search

{

	color: #000;

    font-weight: bold;

    text-align: center;

    padding-left: 0px;

}



.about-flex .about ul li a {

color:#000

}



.padding-bottom {

margin-bottom:30px

}

}



.form-control {

-moz-box-shadow:none;

-ms-box-shadow:none;

-o-box-shadow:none;

font-size:13px!important;

-webkit-border-radius:0;

-moz-border-radius:0;

-ms-border-radius:0;

border-radius:0

}



.form-control:active,.form-control:focus {

border:1px solid rgba(0,0,0,.8)

}



input[type=text] {

height:31px

}



.form-group {

margin-bottom:24px

}



.form-group .btn-modify {

text-transform:uppercase;

letter-spacing:1px;

font-weight:700;

font-size:13px;

padding:10px 15px

}



.colorlib-social-icons {

margin:0;

padding:0

}



.colorlib-social-icons li {

margin:0;

padding:0;

list-style:none;

display:-moz-inline-stack;

display:inline-block;

zoom:1

}



.colorlib-social-icons li a {

display:-moz-inline-stack;

display:inline-block;

zoom:1;

color:#fd0;

padding-left:10px;

padding-right:10px

}



.colorlib-social-icons li a i {

font-size:20px

}



.colorlib-heading {

margin-bottom:5em

}



.colorlib-heading h2 {

font-size:34px;

margin-bottom:20px;

line-height:1.5;

color:#000;

position:relative

}



#colorlib-subscribe {

background-size:cover;

background-position:center center;

background-repeat:no-repeat;

position:relative;

color:#fff

}



#colorlib-subscribe .overlay {

position:absolute;

top:0;

left:0;

right:0;

bottom:0;

background:rgba(0,0,0,.7);

font-weight:700

}



#colorlib-subscribe .colorlib-heading {

margin-bottom:0

}



#colorlib-subscribe .colorlib-heading h2 {

color:#fff!important;

font-size:34px

}



#colorlib-subscribe .colorlib-heading p {

font-size:18px

}



.qbstp-header-subscribe .form-group {

position:relative;

width:60%

}



@media screen and (max-width:480px) {



.h3search

{

	color: #000;

    font-weight: bold;

    text-align: center;

    padding-left: 0px;

}



.qbstp-header-subscribe .form-group {

width:100%

}

}



.qbstp-header-subscribe .form-group input::-webkit-input-placeholder {

color:#333

}



.qbstp-header-subscribe .form-group input::-moz-input-placeholder {

color:#333

}



.qbstp-header-subscribe .form-group input::-ms-input-placeholder {

color:#333

}



.qbstp-header-subscribe .form-group input::-o-input-placeholder {

color:#333

}



.qbstp-header-subscribe .form-group input::input-placeholder {

color:#333

}



.qbstp-header-subscribe #email {

font-size:18px;

width:100%;

padding-right:3em;

border:none;

border:2px solid #fff;

background:#fff;

color:#333!important;

-webkit-border-radius:30px;

-moz-border-radius:30px;

-ms-border-radius:30px;

border-radius:30px

}



.qbstp-header-subscribe button {

position:absolute;

top:0;

right:-4px;

border-top-left-radius:0!important;

border-bottom-left-radius:0!important;

background:#fd0;

color:#fff;

border:none;

padding:14px

}



#colorlib-footer {

background:#000000;

color:#ffffff!important;

padding-top:29px

}



#colorlib-footer .colorlib-footer-links {

padding:0;

margin:0

}



@media screen and (max-width:768px) {

#colorlib-footer .colorlib-footer-links {

margin-bottom:30px

}

}



#colorlib-footer .colorlib-footer-links li {

padding:0;

margin:0 0 10px;

list-style:none;

display:block

}



#colorlib-footer .colorlib-footer-links li a {

color:#ffffff;

text-decoration:none

}



#colorlib-footer .colorlib-footer-links li a:hover {

text-decoration:underline

}



#colorlib-footer .colorlib-social-icons li a {

padding-left:10px;

padding-right:10px

}



#colorlib-footer .colorlib-social-icons li a:first-child {

padding-left:0

}



#colorlib-footer h4 {

margin-bottom:30px;

font-size:20px;

color:#fff

}



#map {

width:100%;

height:500px;

position:relative

}



@media screen and (max-width:768px) {



.h3search

{

	color: #000;

    font-weight: bold;

    text-align: center;

    padding-left: 0px;

}



.cartpad {

margin-left:192px;

width:75px;

margin-top:15px

}



#map {

height:200px

}

}



#colorlib-offcanvas {

position:absolute;

z-index:1901;

width:270px;

background:0 0;

right:0;

top:-3px;

bottom:0;

padding:76px 1px 41px 90px;

overflow-y:auto;

display:none;

-moz-transform:translateX(270px);

-webkit-transform:translateX(270px);

-ms-transform:translateX(270px);

-o-transform:translateX(270px);

transform:translateX(270px);

-webkit-transition:.5s;

-o-transition:.5s;

transition:.5s

}



@media screen and (max-width:768px) {

.cartpad {

margin-left:192px;

width:75px;

margin-top:15px

}



#colorlib-offcanvas {

display:block

}

}



.offcanvas #colorlib-offcanvas {

-moz-transform:translateX(0);

-webkit-transform:translateX(0);

-ms-transform:translateX(0);

-o-transform:translateX(0);

transform:translateX(0)

}



#colorlib-offcanvas a {
    color: #000;
    font-weight: bold;

}



#colorlib-offcanvas a:hover {

color:rgba(255,255,255,.8)

}



#colorlib-offcanvas ul {

padding:0;

margin:0

}



#colorlib-offcanvas ul li {

padding:0;

margin:0;

list-style:none

}



#colorlib-offcanvas ul li>ul {

padding-left:20px;

display:none

}



#colorlib-offcanvas ul li.offcanvas-has-dropdown>a {

display:block;

position:relative

}



#colorlib-offcanvas ul li.offcanvas-has-dropdown>a:after {

position:absolute;

right:0;

speak:none;

text-transform:none;

-webkit-font-smoothing:antialiased;

-moz-osx-font-smoothing:grayscale;

content:"\e92d";

color:rgba(255,255,255,.2);

-webkit-transition:.5s;

-o-transition:.5s;

transition:.5s;

font:400 20px/1 icomoon

}



#colorlib-offcanvas ul li.offcanvas-has-dropdown.active a:after {

-webkit-transform:rotate(-180deg);

-moz-transform:rotate(-180deg);

-ms-transform:rotate(-180deg);

-o-transform:rotate(-180deg);

transform:rotate(-180deg)

}



.gototop {

position:fixed;

bottom:20px;

right:20px;

z-index:999;

opacity:0;

visibility:hidden;

-webkit-transition:.5s;

-o-transition:.5s;

transition:.5s

}



.gototop.active {

opacity:1;

visibility:visible

}



.gototop a {

width:50px;

height:50px;

display:table;

background:#fd0;

color:#fff;

text-align:center;

-webkit-border-radius:4px;

-moz-border-radius:4px;

-ms-border-radius:4px;

border-radius:4px

}



.gototop a i {

height:50px;

display:table-cell;

vertical-align:middle

}



.gototop a:active,.gototop a:focus,.gototop a:hover {

text-decoration:none;

outline:0

}



.colorlib-nav-toggle {

cursor:pointer;

text-decoration:none;

top:1em!important

}



.colorlib-nav-toggle:active,.colorlib-nav-toggle:focus,.colorlib-nav-toggle:hover {

outline:0;

border-bottom:none!important

}



.colorlib-nav-toggle i {

position:relative;

display:inline-block;

width:25px;

height:2px;

color:#252525;

font:700 14px/.4 Helvetica;

text-transform:uppercase;

text-indent:-55px;

background:#fff;

-webkit-transition:all .2s ease-out;

-o-transition:all .2s ease-out;

transition:all .2s ease-out

}



.colorlib-nav-toggle i::after,.colorlib-nav-toggle i::before {

content:'';

width:25px;

height:2px;

background:#fff;

position:absolute;

left:0;

-webkit-transition:all .2s ease-out;

-o-transition:all .2s ease-out;

transition:all .2s ease-out

}



.colorlib-nav-toggle.colorlib-nav-white>i {

color:#ffffff;

background-color:#ffffff;

}



.colorlib-nav-toggle.colorlib-nav-white>i::after,.colorlib-nav-toggle.colorlib-nav-white>i::before {

background-color:#ffffff;

}



.colorlib-nav-toggle i::before {

top:-7px

}



.colorlib-nav-toggle i::after {

bottom:-7px

}



.colorlib-nav-toggle:hover i::before {

top:-8px

}



.colorlib-nav-toggle:hover i::after {

bottom:-8px

}



.colorlib-nav-toggle.active i {

background:0 0

}



.colorlib-nav-toggle.active i::before {

top:0;

-webkit-transform:rotateZ(45deg);

-moz-transform:rotateZ(45deg);

-ms-transform:rotateZ(45deg);

-o-transform:rotateZ(45deg);

transform:rotateZ(45deg);

background:#fff

}



.colorlib-nav-toggle.active i::after {

bottom:0;

-webkit-transform:rotateZ(-45deg);

-moz-transform:rotateZ(-45deg);

-ms-transform:rotateZ(-45deg);

-o-transform:rotateZ(-45deg);

transform:rotateZ(-45deg);

background:#fff

}



.colorlib-nav-toggle {

position:absolute;

right:0;

padding:6px 0 0;

margin:0 auto;

display:none;

height:44px;

width:44px;

z-index:2001;

border-bottom:none!important

}



@media screen and (max-width:768px) {



.h3search

{

	color: #000;

    font-weight: bold;

    text-align: center;

    padding-left: 0px;

}



.cartpad {

margin-left:192px;

width:75px;

margin-top:15px

}



.colorlib-nav-toggle {

display:block

}

}



.pagination li {

margin:2px

}



.pagination li a {

color:#000;

background:#fff;

-webkit-border-radius:0;

-moz-border-radius:0;

-ms-border-radius:0;

border-radius:0;

margin:2px

}



.pagination li a:first-child {

-webkit-border-radius:2px;

-moz-border-radius:2px;

-ms-border-radius:2px;

border-radius:2px

}



.pagination li a:focus,.pagination li a:hover {

background:#fd0;

color:#fff;

border:1px solid #fd0

}



.pagination li.active a,.pagination li.active a:focus,.pagination li.active a:hover {

background:#fd0;

color:#000;

border:1px solid #fd0

}



@media screen and (max-width:768px) {



.h3search

{

	color: #000;

    font-weight: bold;

    text-align: center;

    padding-left: 0px;

}



.cartpad {

margin-left:192px;

width:75px;

margin-top:15px

}



.pagination li a {

padding:7px 15px

}

}



.btn {

margin-right:4px;

margin-bottom:4px;

font-size:16px;

font-weight:400;

-webkit-border-radius:30px;

-moz-border-radius:30px;

-ms-border-radius:30px;

border-radius:30px;

-webkit-transition:.5s;

-o-transition:.5s;

transition:.5s;

padding:8px 20px

}



.btn.btn-md {

padding:8px 20px!important

}



.btn.btn-lg {

padding:18px 36px!important

}



.btn:active,.btn:focus,.btn:hover {

-webkit-box-shadow:none!important;

box-shadow:none!important;

outline:0!important

}



.btn-primary {

background:#2672b0;

color:#fff;

border:1px solid #2672b0

}



.btn-primary:active,.btn-primary:focus,.btn-primary:hover {

background:#ffe01a!important;

border-color:#ffe01a!important

}



.btn-primary.btn-outline {

background:0 0;

color:#fd0;

border:1px solid #fd0

}



.btn-primary.btn-outline:active,.btn-primary.btn-outline:focus,.btn-primary.btn-outline:hover {

background:#fd0;

color:#fff

}



.btn-success {

background:#5cb85c;

color:#fff;

border:2px solid #5cb85c

}



.btn-success:active,.btn-success:focus,.btn-success:hover {

background:#4cae4c!important;

border-color:#4cae4c!important

}



.btn-success.btn-outline {

background:0 0;

color:#5cb85c;

border:1px solid #5cb85c

}



.btn-success.btn-outline:active,.btn-success.btn-outline:focus,.btn-success.btn-outline:hover {

background:#5cb85c;

color:#fff

}



.btn-info {

background:#5bc0de;

color:#fff;

border:2px solid #5bc0de

}



.btn-info:active,.btn-info:focus,.btn-info:hover {

background:#46b8da!important;

border-color:#46b8da!important

}



.btn-info.btn-outline {

background:0 0;

color:#5bc0de;

border:2px solid #5bc0de

}



.btn-info.btn-outline:active,.btn-info.btn-outline:focus,.btn-info.btn-outline:hover {

background:#5bc0de;

color:#fff

}



.btn-warning {

background:#f0ad4e;

color:#fff;

border:2px solid #f0ad4e

}



.btn-warning:active,.btn-warning:focus,.btn-warning:hover {

background:#eea236!important;

border-color:#eea236!important

}



.btn-warning.btn-outline {

background:0 0;

color:#f0ad4e;

border:2px solid #f0ad4e

}



.btn-warning.btn-outline:active,.btn-warning.btn-outline:focus,.btn-warning.btn-outline:hover {

background:#f0ad4e;

color:#fff

}



.btn-danger {

background:#d9534f;

color:#fff;

border:2px solid #d9534f

}



.btn-danger:active,.btn-danger:focus,.btn-danger:hover {

background:#d43f3a!important;

border-color:#d43f3a!important

}



.btn-danger.btn-outline {

background:0 0;

color:#d9534f;

border:2px solid #d9534f

}



.btn-danger.btn-outline:active,.btn-danger.btn-outline:focus,.btn-danger.btn-outline:hover {

background:#d9534f;

color:#fff

}



.btn-outline {

background:0 0;

border:2px solid gray;

font-size:16px;

transition:.3s

}



.btn-outline:active,.btn-outline:focus,.btn-outline:hover {

-webkit-box-shadow:none;

box-shadow:none

}



.btn.with-arrow {

position:relative;

-webkit-transition:.3s;

-o-transition:.3s;

transition:.3s

}



.btn.with-arrow i {

visibility:hidden;

opacity:0;

position:absolute;

right:0;

top:50%;

margin-top:-8px;

-webkit-transition:.2s;

-o-transition:.2s;

transition:.2s

}



.btn.with-arrow:hover {

padding-right:50px

}



.btn.with-arrow:hover i {

color:#fff;

right:18px;

visibility:visible;

opacity:1

}



.form-control {

-webkit-box-shadow:none;

box-shadow:none;

background:0 0;

border:1px solid #fd0;

height:54px;

font-weight:300

}



.form-control:active,.form-control:focus {

outline:0;

-webkit-box-shadow:none;

box-shadow:none;

border-color:#fd0

}



.row-pb-lg {

padding-bottom:6em!important

}



.row-pb-md {

padding-bottom:4em!important

}



.row-pb-sm {

padding-bottom:2em!important

}



.nopadding {

padding:0!important;

margin:0!important

}



.colorlib-loader {

position:fixed;

left:0;

top:0;

width:100%;

height:100%;

z-index:9999;

background:url(../images/loader.gif) center no-repeat #fff

}



.descs,.descs1 {

padding-bottom:11px;

background:0 0;

position:absolute

}



.js .animate-box {

opacity:0

}



.topleftmargin {

margin-left:261px

}



::placeholder {

color:#000!important;

opacity:1;

font-weight:700

}



:-ms-input-placeholder {

color:#000!important;

opacity:1;

font-weight:700

}



::-ms-input-placeholder {

color:#000!important;

opacity:1;

font-weight:700

}



.descs {

padding-left:8px!important;

width:330px;

margin-top:-105px

}



.descs1 {

padding-left:7px!important;

width:367px;

margin-top:-108px

}



.cartpad {

margin-left:192px;

width:75px;

margin-top:15px

}



.menubackground {

background:#fff;

color:#000;

padding:8px!important

}



.box-shadow {

box-shadow:1px 5px 29px 1px #fd6d05!important;

width:369px

}



.item {

box-shadow: -1px 1px 4px 1px #ccc;

}



.formborder {

border:2px solid #632b2b;

padding:20px;

margin-bottom:14px

}



.firstlogo {

margin-bottom:147px!important;

height:74px

}



.secondlogo,.thirdlogo {

margin-bottom:223px!important;

height:71px

}



.descs2 {

padding-left:7px!important;

padding-bottom:11px;

width:255px;

margin-top:-104px;

background:0 0;

position:absolute

}



.li {

background:#005d78;

padding-left:19px;

border:1px solid #fff;

border-radius:10px;

margin-left:6px

}



.leftmargin {

margin-left:-4px

}



.rightmargin {

margin-right:-92px

}



.modeltitle {

text-align:center!important;

color:#fff!important

}



.rightrmargin {

margin-left:17px

}



.paddingctrl {

padding:4px 20px!important

}



.itempadding {

margin-top:39px!important

}



.footerpadding {

border-top:1px solid #ccc;

padding-top:10px

}



.pcolor {

color:#fff;

margin-bottom:-3px!important;

font-weight:700

}



.serchbotton {

margin-top:16px!important;

border-top-left-radius:4px;

border-bottom-right-radius:28px;

height:41px;

border-left:1px solid;

margin-left:-51px;

border-bottom-left-radius:4px

}



.marginleft {

margin-left:280px!important

}



@media only screen and (max-width:600px) {



.h3search

{

	color: #000;

    font-weight: bold;

    text-align: center;

    padding-left: 0px;

}



.descs,.descs1 {

background:0 0

}



.cartpad {

margin-left:192px;

width:75px;

margin-top:15px

}



.widthh {

width:100%!important

}



.topleftmargin {

    margin-top:136px;

margin-left:-15px

}



.marginleft {

margin-left:-2px!important

}



#colorlib-reservation .search-wrap {

width:88%;

float:left;

display:block;

position:relative;

z-index:9;

margin-top:-22em!important;

padding:0;

margin-left:24px

}



.descs,.descs1,.descs2 {

position:absolute

}



::placeholder {

color:#000!important;

opacity:1;

font-weight:700

}



:-ms-input-placeholder {

color:#000!important;

opacity:1;

font-weight:700

}



::-ms-input-placeholder {

color:#000!important;

opacity:1;

font-weight:700

}



.descs {

padding-left:8px!important;

padding-bottom:11px;

width:333px;

    background: #00000080!important;

    margin-top: -119px;



}



.descs1 {

padding-left:7px!important;

padding-bottom:17px;

width:331px;

    margin-top: -125px;

    background: #00000080!important;

}



.menubackground {

background:#fff;

color:#000;

padding:8px!important

}



.box-shadow {

box-shadow:1px 5px 29px 1px #fd6d05!important;

width:330px;

margin-right:132px

}



.item {

box-shadow: -1px 1px 4px 1px #ccc;

}



.formborder {

border:2px solid #632b2b;

padding:20px;

margin-bottom:14px

}



.firstlogo {

margin-bottom:147px!important;

height:74px

}



.secondlogo,.thirdlogo {

margin-bottom:223px!important;

height:71px

}



.descs2 {

padding-left:7px!important;

padding-bottom:11px;

width:316px;

margin-top:-121px;

background: #00000080!important;

background:0 0

}



.li {

background:#005d78;

padding-left:19px;

border:1px solid #fff;

border-radius:10px;

margin-left:6px

}



.rightrmargin,.serchbotton {

margin-left:0

}



.leftmargin {

margin-right:-13px

}



.rightmargin {

margin-right:-11px

}



.modeltitle {

text-align:center!important;

color:#fff!important

}



.paddingctrl {

padding:4px 20px!important

}



.itempadding {

margin-top:39px!important

}



.footerpadding {

border-top:1px solid #ccc;

padding-top:10px

}



.pcolor {

color:#fff;

margin-bottom:-3px!important;

font-weight:700

}



.hh4 {

display:none

}



.serchbotton {

margin-top:6px!important;

border-bottom-right-radius:25px;

height:41px;

border-left:1px solid;

border-top-left-radius:28px;

border-bottom-left-radius:29px

}



#colorlib-reservation .tab-content {

background:0 0;

padding:0 24px

}

}



@media only screen and (min-width:600px) {



.h3search

{

	color: #000;

    font-weight: bold;

    text-align: center;

    padding-left: 0px;

}



.cartpad {

margin-left:68%;

width:75px;

margin-top:15px

}



.widthh {

width:15%!important

}



.topleftmargin {

margin-left:261px

}



#colorlib-reservation .search-wrap {

width:88%;

float:left;

display:block;

position:relative;

z-index:9;

margin-top:-18em!important;

padding:0;

margin-left:112px

}



.descs,.descs1 {

padding-bottom:11px;

background:0 0;

position:absolute

}



::placeholder {

color:#000!important;

opacity:1;

font-weight:700

}



:-ms-input-placeholder {

color:#000!important;

opacity:1;

font-weight:700

}



::-ms-input-placeholder {

color:#000!important;

opacity:1;

font-weight:700

}



.descs {

padding-left:8px!important;

width:330px;

margin-top:-105px

}



.descs1 {

padding-left:7px!important;

width:367px;

margin-top:-108px

}



.menubackground {

background:#fff;

color:#000;

padding:8px!important

}



.box-shadow {

box-shadow:1px 5px 29px 1px #fd6d05!important;

    width: 591px;

}



.item {

box-shadow: -1px 1px 4px 1px #ccc;

}



.formborder {

border:2px solid #632b2b;

padding:20px;

margin-bottom:14px

}



.firstlogo {

margin-bottom:147px!important;

height:74px

}



.secondlogo,.thirdlogo {

margin-bottom:223px!important;

height:71px

}



.descs2 {

padding-left:7px!important;

padding-bottom:11px;

width:255px;

margin-top:-104px;

background:0 0;

position:absolute

}



.li {

background:#005d78;

padding-left:19px;

border:1px solid #fff;

border-radius:10px;

margin-left:6px

}



.leftmargin {

    margin-left: 9px;

}



.rightmargin {

margin-right:4px

}



.modeltitle {

text-align:center!important;

color:#fff!important

}



.rightrmargin {

margin-left:-1px

}



.paddingctrl {

padding:4px 20px!important

}



.itempadding {

margin-top:39px!important

}



.footerpadding {

border-top:1px solid #ccc;

padding-top:10px

}



.pcolor {

color:#fff;

margin-bottom:-3px!important;

font-weight:700

}



.serchbotton {

margin-top:16px!important;

border-top-left-radius:4px;

border-bottom-right-radius:28px;

height:41px;

border-left:1px solid;

margin-left:-51px;

border-bottom-left-radius:4px

}



#colorlib-reservation .tab-content {

background:0 0;

padding:0 24px

}

}



@media only screen and (min-width:768px) {



.h3search

{

	color: #000;

    font-weight: bold;

    text-align: center;

    padding-left: 0px;

}



.cartpad {

margin-left:192px;

width:75px;

margin-top:15px

}



.widthh {

width:15%!important

}



.marginleft {

margin-left:280px!important

}



.topleftmargin {

margin-left:261px

}



#colorlib-reservation .search-wrap {

width:88%;

float:left;

display:block;

position:relative;

z-index:9;

margin-top:-18em!important;

padding:0;

margin-left:51px

}



.descs,.descs1 {

padding-bottom:11px;

background:0 0;

position:absolute

}



::placeholder {

color:#000!important;

opacity:1;

font-weight:700

}



:-ms-input-placeholder {

color:#000!important;

opacity:1;

font-weight:700

}



::-ms-input-placeholder {

color:#000!important;

opacity:1;

font-weight:700

}



.descs {

padding-left:8px!important;

width:330px;

margin-top:-105px

}



.descs1 {

padding-left:7px!important;

width:367px;

margin-top:-108px

}



.menubackground {

background:#fff;

color:#000;

padding:8px!important

}



.box-shadow {

box-shadow:1px 5px 29px 1px #fd6d05!important;

width:369px

}



.item {

box-shadow: -1px 1px 4px 1px #ccc;

}



.formborder {

border:2px solid #632b2b;

padding:20px;

margin-bottom:14px

}



.firstlogo {

margin-bottom:147px!important;

height:74px

}



.secondlogo,.thirdlogo {

margin-bottom:223px!important;

height:71px

}



.descs2 {

padding-left:7px!important;

padding-bottom:11px;

width:255px;

margin-top:-104px;

background:0 0;

position:absolute

}



.li {

background:#005d78;

padding-left:19px;

border:1px solid #fff;

border-radius:10px;

margin-left:6px

}



.leftmargin {

margin-left:-76px

}



.rightmargin {

margin-right:-92px

}



.modeltitle {

text-align:center!important;

color:#fff!important

}



.rightrmargin {

margin-left:17px

}



.paddingctrl {

padding:4px 20px!important

}



.itempadding {

margin-top:39px!important

}



.footerpadding {

border-top:1px solid #ccc;

padding-top:10px

}



.pcolor {

color:#fff;

margin-bottom:-3px!important;

font-weight:700

}



.serchbotton {

margin-top:24px!important;

border-bottom-right-radius:31px;

border-top-left-radius:37px;

border-bottom-left-radius:37px;

height:41px;

border-left:1px solid;

margin-left:-1px

}



#colorlib-reservation .tab-content {

background:0 0;

padding:0 24px

}

}



@media only screen and (min-width:992px) {

.cartpad {

margin-left:192px;

width:75px;

margin-top:15px

}



.h3search

{

	    color: #000;

    font-weight: bold;

    text-align: left;

    padding-left: 15%;

}





.widthh {

width:15%!important

}



.marginleft {

margin-left:280px!important

}



.topleftmargin {

margin-left:261px

}



#colorlib-reservation .search-wrap {

    width: 100%;

    float: left;

    display: block;

    position: relative;

    z-index: 9;

    margin-top: -12em!important;

    padding: 0;

    margin-left: 81px;

    z-index: 1;

}



.descs,.descs1 {

padding-bottom:11px;

background:0 0;

position:absolute

}



::placeholder {

color:#000!important;

opacity:1;

font-weight:700

}



:-ms-input-placeholder {

color:#000!important;

opacity:1;

font-weight:700

}



::-ms-input-placeholder {

color:#000!important;

opacity:1;

font-weight:700

}



.descs {

padding-left:8px!important;

width:330px;

margin-top:-105px

}



.descs1 {

padding-left:7px!important;

width:367px;

margin-top:-108px

}



.menubackground {

background:#fff;

color:#000;

padding:8px!important

}



.box-shadow {

box-shadow:1px 5px 29px 1px #fd6d05!important;

width:369px

}



.item {

box-shadow: -1px 1px 4px 1px #ccc;

}



.formborder {

border:2px solid #632b2b;

padding:20px;

margin-bottom:14px

}



.firstlogo {

margin-bottom:147px!important;

height:74px

}



.secondlogo,.thirdlogo {

margin-bottom:223px!important;

height:71px

}



.descs2 {

padding-left:7px!important;

padding-bottom:11px;

width:255px;

margin-top:-104px;

background:0 0;

position:absolute

}



.li {

background:#005d78;

padding-left:19px;

border:1px solid #fff;

border-radius:10px;

margin-left:6px

}



.leftmargin {

margin-left:-76px

}



.rightmargin {

margin-right:-92px

}



.modeltitle {

text-align:center!important;

color:#fff!important

}



.rightrmargin {

margin-left:17px

}



.paddingctrl {

padding:4px 20px!important

}



.itempadding {

margin-top:39px!important

}



.footerpadding {

border-top:1px solid #ccc;

padding-top:10px

}



.pcolor {

color:#fff;

margin-bottom:-3px!important;

font-weight:700

}



.serchbotton {

margin-top:16px!important;

border-top-left-radius:4px;

border-bottom-right-radius:28px;

height:41px;

border-left:1px solid;

margin-left:-51px;

border-bottom-left-radius:4px

}



#colorlib-reservation .tab-content {

background:0 0;

padding:0 24px

}

}



@media only screen and (min-width:1200px) {

.descs,.descs1,.descs2 {

position:absolute

}



.descs,.descs1 {

padding-bottom:11px;

background:0 0

}



.cartpad {

width:75px

}



.widthh {

width:15%!important

}



.marginleft {

margin-left:280px!important

}



.cartpad {

margin-top:18px!important;

margin-left:-29px!important

}



.cartpads {

margin-left:29px!important

}



::placeholder {

opacity:1;

font-weight:700

}



:-ms-input-placeholder {

color:#000!important;

opacity:1;

font-weight:700

}



::-ms-input-placeholder {

color:#000!important;

opacity:1;

font-weight:700

}



.descs {

padding-left:8px!important;

width:330px;

    background: #00000080;

margin-top: -119px;

}



.descs1 {

	    background: #00000080;

padding-left:7px!important;

width:92%;

    margin-top: -119px;

}



.topleftmargin {

margin-left:261px

}



.menubackground {

background:#fff;

color:#000;

padding:8px!important

}



.box-shadow {

box-shadow:1px 5px 29px 1px #fd6d05!important;

width:369px

}



.item {

box-shadow: -1px 1px 4px 1px #ccc;

}



.formborder {

    border: 1px solid #ccc;

    padding: 6px;

    margin-bottom: 14px;

    border-radius: 10px;

}



.firstlogo {

margin-bottom:147px!important;

height:74px

}



.secondlogo,.thirdlogo {

margin-bottom:223px!important;

height:71px

}



.descs2 {

padding-left:7px!important;

padding-bottom:11px;

width:90%;

    margin-top: -121px;

    background: #00000080!important;

background:0 0

}



.li {

background:#005d78;

padding-left:19px;

border:1px solid #fff;

border-radius:10px;

margin-left:6px

}



.leftmargin {

margin-left:-76px

}



.rightmargin {

margin-right:-92px

}



.modeltitle {

text-align:center!important;

color:#fff!important

}



.rightrmargin {

margin-left:17px

}



.paddingctrl {

padding:4px 13px!important

}



.itempadding {

margin-top:39px!important

}



.footerpadding {

border-top:1px solid #ccc;

padding-top:10px

}



.pcolor {

color:#fff;

margin-bottom:-3px!important;

font-weight:700

}



.serchbotton {

margin-top:0!important;

border-top-left-radius:4px;

border-bottom-right-radius:28px;

height:41px;

border-left:1px solid;

margin-left:-55px;

border-bottom-left-radius:4px

}

}



#colorlib-reservation .tab-content {

background:#fff;

padding:0 8px

}



.searchbox {

border-top-left-radius:18px;

border-bottom-left-radius:18px

}



@media only screen and (max-width: 360px){

.cartpad {

    margin-left: 175px;

    width: 75px;

    margin-top: 15px;

}

}