/*==============Home Page==============*/

.HomeTopowl.style .featured-pro { background:#292d31;}
.HomeTopowl img { width:100%;}
.HomeTopowl .box {
    padding: 10px 0px 20px;
}
.HomeTopowl h5 {
    padding: 10px 0;
    font-weight: 600;
	text-transform:uppercase;
}
.HomeTopowl .box h5 a { color:#333;}
.HomeTopowl .box p {
    padding: 0 0 10px 0;
	font-weight:300;
	color: #333;
}

.HomeTopowl .box a { text-transform:uppercase; font-weight:bold;}
.HomeTopowl .box a:hover { color:#333;}


.featured-pro .img { position:relative;}
.featured-pro .img .imghover a {
    display: inline-block;
    background: #fff;
    color: #333;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    font-size: 20px;
}
.featured-pro .img .imghover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
	-moz-transition: all 0.7s ease 0s;
	-webkit-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}
.featured-pro:hover .imghover {     
	opacity: 1;
}
.hoverbg{
    position: absolute;
    width: 100%;
    height: 100%;
    background:#000;
    top: 0;
    opacity: 0.5;
}

.FeaturedWorks { padding:20px 0 50px 0;}

.FeaturedWorks .text {
    color: #FFF;
    padding: 40px;
    position: relative;
    width: 50%;
	margin:0 0 0 50%;
	min-height: 230px;
    -moz-transition: all 0.7s ease 0s;
    -webkit-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}
.FeaturedWorks .text h4 {
    font-weight: bold;
    text-transform: uppercase;
}
.FeaturedWorks .box { position:relative;}
.FeaturedWorks .image {
    background-position: 50% 0px;
    background-repeat: no-repeat;
    min-height: 100px;
    background-size: cover;
    position: absolute;
    top: 0px;
    width: 50%;
    height: 100%;
    left:0;
}
.FeaturedWorks .cross .image { left:50%;}
.FeaturedWorks .cross .text { margin:0;}
.FeaturedWorks .row { padding:0; margin:0;}
.FeaturedWorks div[class^="col-"],
.FeaturedWorks div[class*=" col-"] {
  margin: 0;
  padding: 0; 
}
.bg-white .text { color:#333;}
.FeaturedWorks .text p {
    padding:10px 0;
    font-size: 14px;
}

.FeaturedWorks .text .linkstyle1 {
    color: #555;
    border: 1px solid #777;
    display: inline-block;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.FeaturedWorks .text .linkstyle1:hover { background:#333; }

.FeaturedWorks .text .linkstyle2 {
    color: #fff;
    border: 1px solid #fff;
    display: inline-block;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.FeaturedWorks .text .linkstyle2:hover { background:#fff; color:#333;}
.FeaturedWorks .arrow {
    font-size: 70px;
    position: absolute;
    top: 50%;
    margin: -35px 0 0 0;
    color: #fff;
    -moz-transition: all 0.7s ease 0s;
    -webkit-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}
.FeaturedWorks .box1 .arrow  {
	left: -20px;
}
.FeaturedWorks .box2 .arrow  {
	left: -20px;
}
.FeaturedWorks .box3 .arrow {
    right: -39px;
}
.FeaturedWorks .box4 .arrow {
    right: -39px;
}
.FeaturedWorks .mask {
    background-color: rgba(0,0,0,0.5);
    height: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
}
.FeaturedWorks .image:hover .mask { opacity: 1;}
.FeaturedWorks .mask a {
    width: 40px;
    height: 40px;
    font-size: 14px;
    border-radius: 50%;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    margin: 0px 3px;
    background: #222;
	color:#fff;
}
.FeaturedWorks .mask a span { line-height: 40px;}
.FeaturedWorks .mask .box {
    display: inline-block;
    position: absolute;
    top: 0px;
    z-index: 999;
    text-align: center;
    margin: -25px 0px 0px;
    left: 0px;
    width: 100%;
    transition: all 0.3s ease-out 0s;
}
.FeaturedWorks .image:hover .mask .box  { top:50%;}
.bg-white .text:hover .linkstyle1 { color:#fff; border: 1px solid #fff;}

.HomeParallax .box { display:table;}
.HomeParallax .box .img {
    float: left;
    max-width: 130px;
}

.HomeParallax .box .col-right { margin:0 0 0 150px; }
.HomeParallax .box .col-right p { color:#ddd; line-height:1.5;}


/*==============Inside Page==============*/
.CompanyInfo  { padding:0 0 60px 0;}
.CompanyInfo p{
    color: #777;
    padding: 30px 0;
}
.CompanyInfo .list span { display:block; padding:10px 0;}
.CompanyInfo h3 { font-weight:800; color:#333; padding:20px 0 0;}
.CompanyInfo img { width:100%;}
.about-info p {
    font-size: 14px;
    color: #777;
    padding: 0 0 30px 0;
}
.about-info .box h4 { padding:15px 0;}
.about-info .box { text-align:left;}
.about-info .box p { text-align:left;}
.about-info .box img { width:100%;}

.HotelFacilities { color:#fff; text-align:center; padding:60px 0;}
.HotelFacilities em { font-size:42px;}
.HotelFacilities h4 { padding:15px 0;}


.WhatWeDo { text-align:center; padding:40px 0 30px;}
.WhatWeDo h1 { font-weight:300; color:#fff;}
.WhatWeDo p { margin:0 auto; padding:20px 0 40px; font-size:15px; color:#888;}
.WhatWeDo .box h5 { font-weight:bold; text-transform:capitalize;}
.WhatWeDo .box {
    padding: 20px 10px;
    border-radius: 5px;
    min-height: 120px;
    border: 1px solid #eee;
	margin:0 0 20px 0;
}

.WhatWeDo .box:hover h5,
.WhatWeDo .box:hover em{ color:#fff;}
.WhatWeDo .text { text-align:left;}

.SliderShow .item { position:relative;}
.SliderShow .overlay { 
	position:absolute;
	left: 0;
    right: 0;
    top: 20%;
}
.SliderShow .slider-content {
    height: 100%;
    background: rgba(0,0,0,0.6);
    width: 80%;
    color: #fff;
    text-align: center;
    margin: 0px auto;
    max-width: 600px;
    padding: 40px;
}
.SliderShow .slider-content h2 { padding:0 0 10px 0; text-transform:capitalize;color: #fff; font-weight:600;}

.HotelRoomsTop { text-align:center;}
@media handheld, only screen and (max-width:990px) {

.HomeParallax .box {
    padding: 15px 0;
}
}
@media handheld, only screen and (max-width:767px) {
.HotelFacilities .box { padding:0 0 20px 0; }
.SliderShow .slider-content { padding:20px;}
.SliderShow .overlay {
    top: 20px;
}
}

@media handheld, only screen and (max-width:600px) {
.SliderShow .slider-content p{ font-size:12px; line-height:1.2;}

.SliderShow .slider-content h2{ font-size:16px;}
.FeaturedWorks .text { padding:15px; min-height:0;}
.FeaturedWorks .text p {
    font-size: 12px;
    line-height: 1.5;
}

}

@media handheld, only screen and (max-width:480px) {

.SliderShow .slider-content { display:none;}
.FeaturedWorks .text p {
    font-size: 12px;
    line-height: 1.3;
}
}