@charset "utf-8";
/* CSS Document */

body{
	background:#fff;
	font-family: 'Source Sans Pro', sans-serif;
	color:#222;
}
*{
	margin:0px;
	padding:0px;
}


h1{
	font-size:48px;
	text-transform:uppercase; 
}
h2{
	font-weight: 700;
	font-size:42px;
	color:#222222;
}
h3{
	font-weight: 300;
	font-size:36px;
}
h4{
	
	font-weight: 600;
	font-size:32px;
}
h5{
	font-weight:700;
	font-size:16px;
}
h6{ 
	font-weight: 600;
	font-size:24px;
}
p{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	font-size:20px;
	line-height: 27px;
}

a{
	text-decoration:none;
}

a .img{
	border:none;

}
a{transition: background-color 0.5s ease; transition: color 1s; -webkit-transition: color 1s; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
a:hover {transition: background-color 0.5s ease; }
img{ width:100%;}
img:hover {transition: background-color 0.5s ease; }
.clear{
	clear:both;
}
.height5{	height:5px; }
.height10{	height:10px; }
.height15{	height:15px; }
.height20{ 	height:20px; }
.height25{	height:25px; }
.height30{	height:30px; }
.height35{	height:35px; }
:focus{ outline:none;}


/*..... HEADER TWO ......*/

.header-two .logo2{ width:300px; float:left; margin:5px 26px 0 0;}
.header-two .logo-dark{ display:none;}
.header-two .nav{ float:left;}
.header-two .nav ul li{ float:left;}
.header-two .nav ul li a{ color: var( --color-white); text-transform: uppercase; font-weight: 700; font-size:20px; padding: 0px 0;
 margin: 0 14px; line-height: 102px;}
.header-two .nav ul li.select-item a{ color: #FFFFFF; border-bottom: solid 1px #fff;}
.header-two .get-touch{ float:right; margin:38px 0 0 0;}
.header-two .get-touch li{ float:left;}
.header-two .cont-right{ float:right;}
.header-two .social-icons{ float:left; margin:40px 8px 0 0;}
.header-two .social-icons li{ float:left; margin: 0 5px;}
.header-two .social-icons li a{color:#fff; font-size:20px;}
.header-two .social-icons li a:hover{color:#e9b947;}
.header-two .get-touch li a{ text-transform: uppercase; font-size: 18px; padding:0px 18px; float: left;}
.header-two .get-touch li.book-table a{ color:#fff; background:#0a1d3b; font-weight:500; line-height: 26px; font-family: 'Raleway', sans-serif;}
.header-two .get-touch li.book-table a span{ float:left;}
.header-two .get-touch li.book-table a:hover{background:#022863;}
.header-two .get-touch li.book-table i{color:#fff; margin:-2px 0 0 115px; float: right; font-size: 26px;}
.header-two .get-touch li.contact-no i{ margin: 0px 15px 0 0; float: left; font-size: 26px;}
.header-two .get-touch li.contact-no a{ font-size:20px; color:#fff;}
.header-two .cart-button{ color: #fff; padding: 0 0; float: left;}
.header-two .cart-button i{ color:#fff; font-size: 28px; line-height: 98px;}
.header-two .shop-bag li.close-bag { cursor: pointer;}
.header-two .shop-bag li.close-bag a{ padding:0 0;}
.header-two .shop-bag li.open-bag { background: #fff; display: none; position: absolute; margin:70px 0 0 -305px; width: 345px; padding:0 20px 20px 20px;}
.header-two ul.shop-bag { float: right;}
.header-two .shop-bag .num{position: absolute; margin:30px 0 0 22px; float: right; color: #222; background-color: #fff; border-radius: 100%; width: 20px; height: 20px; top: 0; padding: 2px 0 0 0; font-size: 12px; text-align: center;}
.header-two .shop-bag .cart-food{ border-bottom: solid 1px #d1d1d1; float: left; width: 100%; padding: 20px 0 20px 0;}
.header-two .shop-bag .cart-food .detail{    float: left;}
.header-two .shop-bag .cart-food .detail img{ float:left; width:62px;}
.header-two .shop-bag .cart-food .detail .text{    float: left; margin: 0 0 0 15px; width: 190px;}
.header-two .shop-bag .cart-food .detail .text a{ text-transform: uppercase; font-weight: 600; font-size: 18px; color: #222;}
.header-two .shop-bag .cart-food .detail .text p{ color: #666666; font-size: 14px;}
.header-two .shop-bag .cart-food a.cross{float: right; margin: 15px 0 0 0;}
.header-two .shop-bag .cart-food a.cross i{font-size: 26px; color: #777;}
.header-two .shop-bag .cart-food a.cross i:hover{color: #000;}
.header-two .shop-bag .sub-total{ margin: 30px 0 0 0; float: left; width: 100%;}
.header-two .shop-bag .sub-total span{ font-size:16px; color:#636363; float: right;}
.header-two .shop-bag .sub-total span strong{ color:#222; margin: 0 0 0 8px;}
.header-two .shop-bag .sub-total .buttons{    float: left; width: 100%; margin: 14px 0 0 0;}
.header-two .shop-bag .sub-total a{ font-size:13px; width: 48%; float: left; border-radius: 5px; text-align: center; color: #fff; text-transform: uppercase; padding: 11px 0;}
.header-two .shop-bag .sub-total a.view-cart{ background:#bcbcbc;}
.header-two .shop-bag .sub-total a.check-out{ background:#222; float:right;}




.arrow-scroll img{ width:43px; height:36px;}

.scroll-down{ position:absolute; left:49.2%; bottom:60px; z-index: 5555;}
.scroll-down.bounce { //bounce animation position:relative; //top:1em; Transform: translateY(4em); animation-name: bounce; animation-timing-function: ease-in;		animation-duration:2.5s; animation-iteration-count: infinite; animation-direction: alternate;}


/*..... MAIN TITLE ......*/

.main-title{ text-align:center;}
.main-title span{ font-size:100px; font-family: 'Tangerine', cursive;}
.main-title h1{ background: url(../imgs/heading-dark.png) no-repeat center 80px; letter-spacing: 4px; padding: 0 0 70px 0; margin: -6px 0 0 0;}
.main-title p{width: 80%; display: inline-block;}

.main-title-white{ text-align:center;}
.main-title-white span{ font-size:100px; font-family: 'Tangerine', cursive; color:#fff;}
.main-title-white h1{ background:url(../imgs/heading-light.png) no-repeat center 80px; letter-spacing: 4px; padding: 0 0 70px 0; margin: -6px 0 0 0; color:#fff;}
.main-title-white p{width:80%; display:inline-block;}

.back{ background:#f9f8f7;}



/*..... SERVICES ......*/

.services-three{ padding:120px 0;}
.services-three .serv-main-sec{margin: 85px 0 0 0;
    background: #fff;
    padding:0 30px;

    text-align: center;}


.services-three .serv-main-sec i{font-size:90px; background: #fff; border-radius: 100%; width: 100px; height: 100px; padding: 0; display: inline-block;color:#111; }
.services-three .serv-main-sec h6{ margin:15px 0 0 0;}
.services-three .serv-main-sec p{margin:8px 0 0 0;}




/*..... SERVICES TWO ......*/
.services-two{ padding:120px 0;}
.services-two .serv-main-sec{margin:85px 0 0 0;}
.services-two .serv-main-sec .service-sec{ text-align:center;}
.services-two .serv-main-sec .service-sec .detail{margin: 36px 0 0 0;}
.services-two .serv-main-sec .service-sec .detail p{margin:8px 0 0 0;}
.services-two .serv-main-sec .service-sec .detail a{border: solid 1px #dbdbdb; color: #5d5d5d; display: inline-block; margin: 35px 0 0 0; padding: 13px 25px;    font-family: 'Raleway', sans-serif; text-transform: uppercase; font-size: 12px; background:#fff;}
.services-two .serv-main-sec .service-sec .detail a:hover{color: #fff;}




/*..... BUTTONS ......*/
.white-btn{ background: #fff; font-size: 15px; color: #5d5d5d; text-transform: uppercase; font-weight: 500; font-family: 'Raleway', sans-serif; padding: 20px 44px;
 border-radius: 5px; display: inline-block; }
.white-btn:hover{color:#fff;}
.dark-bg { background: #f9f8f7;}



/*..... WELCOME HOTEL ......*/
.parallax { position: relative; width: 100%; height: 800px; overflow: hidden; text-align:center;}
.parallax img.parallax-back { position:absolute; bottom:0; left: 0;}
.parallax .detail { position: absolute; width: 100%;}
.welcome-hotel{ background:url(../imgs/welcome.jpg) no-repeat fixed; height:800px; width: 100%; background-size: 100%;}
.welcome-hotel .welcome-detail .text {margin-top:285px; color:#fff;}
.welcome-hotel .welcome-detail .text h1{ text-transform:inherit; color:#fff; font-weight:800; text-transform:uppercase; padding: 0 0 90px 0; margin: -6px 0 0 0; background: url(../imgs/heading-light.png) no-repeat center 90px; }
.welcome-hotel .welcome-detail .text p{ margin:15px 0 0 0;}
.welcome-hotel .welcome-detail .welcome-img{ border-radius: 100%; border: solid 7px #fff; margin-top:130px;}


/*..... Home2 WELCOME PEARL HOTEL ......*/
.welcome-pearl-hotel{ padding:120px 0;}
.welcome-pearl-hotel .text-detail{ text-align:center; margin:48px 0 0 0;}
.welcome-pearl-hotel .text-detail a{text-transform: uppercase; font-weight: 500; font-family: 'Raleway', sans-serif; margin: 30px 0 0 0; padding: 0 0 4px 0;    display: inline-block;}
.welcome-pearl-hotel .text-detail a:hover{ color:#000; border-bottom: solid 2px #000;}



/*..... SPECIAL SERVICES ......*/
.special-services{ padding:25px 0; }
.special-services .post .detail{ background:#fff; padding:48px 32px; position:relative; text-align:center;}
.special-services .post .detail p{ margin:14px 0 0 0;}
.special-services .post .detail a{ margin:32px 0 0 0; background-color:#fff; border:solid 1px #dbdbdb; color:#5d5d5d; text-transform:uppercase; font-size:15px;
 padding:10px 28px; display:inline-block;}
.special-services .post .detail a:hover{color:#fff;}
.special-services .owl-carousel{ margin:75px 0 0 0;}




/*..... FOOTER ......*/
.footer-hotel{ padding:0 0 0 0; border-top:solid 1px #ccc;}
.footer-hotel .hotel-get-touch{ text-align:center; padding: 60px 0;}
.footer-hotel .hotel-get-touch .get-touch-sec{ }
.footer-hotel .hotel-get-touch .get-touch-sec i{color: #222; display: inline-block; border-radius: 100%; padding: 0 0 0 0; font-size: 58px; text-align: center;}
 .footer-hotel .hotel-get-touch .get-touch-sec .text{margin:26px 0 0 0;}
.footer-hotel .hotel-get-touch .get-touch-sec .text span{ font-size:20px; display:block; color:#222;}
.footer-hotel .hotel-get-touch .get-touch-sec .text span strong{font-weight:700;	font-family: 'Raleway', sans-serif; font-size:22px; text-transform:uppercase;}

.footer-hotel .foot-detail{margin: 0px 0 0 0; background: #F5F5F5; padding:85px 0;}
.footer-hotel .foot-detail .about-pearl{ }
.footer-hotel .foot-detail h5{ text-transform:uppercase; margin:0px 0 20px 0;}
.footer-hotel .foot-detail .about-pearl p{ margin:0 0 0 0;}
.footer-hotel .foot-detail .about-pearl img{ margin:48px 0 0 0; width:auto;}

.footer-hotel .foot-detail .newsletetr .field{display: inline-block; margin:15px 0 0 0;}
.footer-hotel .foot-detail .newsletetr input[type=text]{background:#fff; border: solid 2px #444444; color:#6c6c6c; font-size:16px; height:45px; width:300px; padding:0 15px; float:left;}
.footer-hotel .foot-detail .newsletetr a{height:45px; color:#fff; background:#444; padding:9px 10px; font-size:26px; margin:0 0 0 -4px;float:right; width: 48px; }
.footer-hotel .foot-detail .newsletetr a:hover{color:#fff;}

.footer-hotel .foot-detail .social-icons{margin:45px 0 0 0;}
.footer-hotel .foot-detail .social-icons ul{margin:15px 0 0 0;}
.footer-hotel .foot-detail .social-icons ul li{display: inline-block; margin: 0 3px;}
.footer-hotel .foot-detail .social-icons ul li a{color: #222; border: solid 2px #222; border-radius: 100%; width: 50px; height: 50px; padding: 11px 10px;
float:left; font-size: 20px; text-align:center; }


.footer-hotel .foot-detail .useful-links{}
.footer-hotel .foot-detail .useful-links ul{}
.footer-hotel .foot-detail .useful-links ul li{ margin:0 0 24px 0;}
.footer-hotel .foot-detail .useful-links ul li a{ font-size: 20px; color:#222; display:block;}
.footer-hotel .foot-detail .useful-links ul li i{ font-size: 12px; color: #555; margin: 8px 11px 0 0; float: left;}


.footer-hotel .copyrights{ text-align: center; padding: 32px 0; background: #E8E8E8; border-top: solid 1px #D8D8D8;}
.footer-hotel .copyrights p{ color:#222;}






/*..... FOOTER DARK ......*/
.footer-hotel-dark{ padding:0 0 0 0; border-top:solid 1px #ccc; color:#fff;}
.footer-hotel-dark .hotel-get-touch{ text-align:center; padding: 60px 0;}
.footer-hotel-dark .hotel-get-touch .get-touch-sec i{color: #222; display:inline-block; border-radius: 100%; padding: 0 0 0 0; font-size: 58px; text-align: center;}
.footer-hotel-dark .hotel-get-touch .get-touch-sec .text{margin:26px 0 0 0;}
.footer-hotel-dark .hotel-get-touch .get-touch-sec .text span{ font-size:20px; display:block; color:#222;}
.footer-hotel-dark .hotel-get-touch .get-touch-sec .text span strong{font-weight:700; font-family: 'Raleway', sans-serif; font-size:22px; text-transform:uppercase;}

.footer-hotel-dark .foot-detail{margin:0px 0 0 0; background:#2c4325; padding:85px 0;}
.footer-hotel-dark .foot-detail .about-pearl{ color:#fff; }
.footer-hotel-dark .foot-detail h5{ text-transform:uppercase; margin:0px 0 20px 0;}
.footer-hotel-dark .foot-detail .about-pearl p{ margin:0 0 0 0;}
.footer-hotel-dark .foot-detail .about-pearl img{ margin:48px 0 0 0; width:auto;}

.footer-hotel-dark .foot-detail .newsletetr .field{display: inline-block; margin:15px 0 0 0;}
.footer-hotel-dark .foot-detail .newsletetr input[type=text]{background:#fff; border: solid 2px #444444; color:#6c6c6c; font-size:16px; height:45px; width:300px; padding:0 15px; float:left;}
.footer-hotel-dark .foot-detail .newsletetr a{height:45px; color:#fff; background:#444; padding:9px 10px; font-size:26px; margin:0 0 0 -4px;float:right; width:48px;}
.footer-hotel-dark .foot-detail .newsletetr a:hover{color:#fff;}

.footer-hotel-dark .foot-detail .social-icons{margin:45px 0 0 0;}
.footer-hotel-dark .foot-detail .social-icons ul{margin:15px 0 0 0;}
.footer-hotel-dark .foot-detail .social-icons ul li{display: inline-block; margin: 0 3px;}
.footer-hotel-dark .foot-detail .social-icons ul li a {
  color: #fff;
  border: solid 2px #fff;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  padding: 2px 0px;
  float: left;
  font-size: 29px;
  text-align: center;
}


.footer-hotel-dark .foot-detail .useful-links ul li{ margin:0 0 24px 0;}
.footer-hotel-dark .foot-detail .useful-links ul li a{ font-size: 20px; color:#fff; display:block;}
.footer-hotel-dark .foot-detail .useful-links ul li i{ font-size: 12px; color: #fff; margin: 8px 11px 0 0; float: left;}


.footer-hotel-dark .copyrights{ text-align: center; padding: 32px 0; background: #506544; border-top: solid 1px #13260d;}
.footer-hotel-dark .copyrights p{ color:#fff;}






/*..... SUB BANNER ......*/
.sub-banner{ height:505px; min-height:505px;}
.sub-banner .banner-img{ background:url(../imgs/sub-banner-hotel.jpg) no-repeat; width:100%; height:100%; background-size: cover;}
.sub-banner .detail { position: absolute; top:220px; text-align: center; width: 100%;     display: block;}
.sub-banner .detail h1{ color: var(--color-white) !important; display: block;}
.sub-banner .detail span{color:#fff; font-size: 20px; display: block;}
.sub-banner .detail ul{ float:right; margin:110px 0 0 0;}
.sub-banner .detail ul li{ float: left; background: url(../imgs/paging-arrow.png) no-repeat right 9px; margin: 0 0 0 0; padding: 0 16px 0 10px;}
.sub-banner .detail ul li:last-child{background:none;}
.sub-banner .detail ul li a{ color:#fff;}
.sub-banner .detail ul li a.select{ font-weight:700;}