*{margin: 0;padding: 0;}
html{
scroll-behavior: smooth;
}
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
    background-color: #fff;
    color: #3d3d3d;
    letter-spacing: 1px;
}

.title { display: block; text-align: center; margin: 50px;}
.title h3 { text-transform: uppercase; 
	        font-family: 'Futura PT';
	        font-weight: 500;
	        font-size: 35px; 
	        color: #424242;
	        word-spacing: 5px; 
	        letter-spacing: 1px;
	        position: relative;
	        display: inline-block;
	        /*margin-bottom:  50px ;*/
	      }
.title h3:after{content: ""; 
    			display: block;
    			margin: 0 auto; 
    			width: 50%; 
    			padding-top: 10px; 
    			border-bottom: 4px solid #007389; }

h5{
   font-family: Poppins;
   font-weight: 600;
   font-size: 22px;
   color: #585858; 
   word-spacing: 5px; 
   letter-spacing: 1px;
   position: relative;
   display: inline-block;
   margin: 20px auto; }   

h5 span{color:  #007389;}    			

.logo_box{background-color: white;}

.logo_box a img{float:right;padding-right: 10px;}

.menu_box{background-color: #007389;} 

header { /*background: url('../images/trop.jpg') no-repeat fixed 0 0; 
		     background-size: cover; *//*min-height: 690px; position: relative; */}

header h1{position: absolute;top:350px;right:20px;font-family:  'prata';  font-size: 50px; font-weight: 1100; color: #777;}


header .scroll-down { text-align: center; position: absolute; bottom: 100px; left: 50%; margin-left: -30px; }
header .scroll-down > a { height: 50px; width: 50px; border: 1px solid #ddd; display: inline-block; border-radius: 100%; position: relative; text-decoration: none; color: #fff; }
header .scroll-down > a:before { content: "\f078"; font-family: FontAwesome; position: absolute; top: 50%; left: 50%; font-size: 20px; margin-left: -10px; margin-top: -13px; animation: scroll-me 1s infinite; -webkit-animation: scroll-me 1s infinite; -moz-animation: scroll-me 1s infinite; animation-delay: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; }

@keyframes scroll-me {
    0% { top: 50%; }
    100% { top: 60%; }
}

@-webkit-keyframes scroll-me {
    0% { top: 50%; }
    100% { top: 60%; }
}

.snip1135 * {
  box-sizing: border-box;
}
.snip1135 li {
  display: inline-block;
  list-style: outside none none;
  margin: 0 0;
  padding: 0;
}
.snip1135 a {
  padding: 0em 0;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  letter-spacing: 1px;
  text-decoration: none;
}
.snip1135 a:before,
.snip1135 a:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1135 a:before {
  bottom: 0;
  display: block;
  height: 2px;
  width: 0%;
  content: "";
  background-color: #fff;
}
.snip1135 a:after {
  left: 0;
  top: 0;
  padding: 0em 0;
  position: absolute;
  content: attr(data-hover);
  color: #ffffff;
  white-space: nowrap;
  max-width: 0%;
  overflow: hidden;
}
.snip1135 a:hover:before,
.snip1135 .current a:before {
  opacity: 1;
  width: 65%;
}
.snip1135 a:hover:after,
.snip1135 .current a:after {
  max-width: 65%;
}


/*SLIDER START*/

.carousel-inner img{background-size: cover;background-position: center;max-height: 700px;width: 100%;} 

.carousel-caption h1{background-color: rgba(0,115,137,0.7);width: 50%;
  padding: 10px 0px 10px 10px;
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  font-style: italic;
  }
/*SLIDER ENDS*/

.booknow-header  .booknow-inner .check-date label {
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
    float: left;
}

.booknow-header form .booknow-inner .check-date input {
    width: 100%;
    height: 50px;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    font-size: 16px;
    color: #19191a;
    text-transform: uppercase;
    font-weight: 500;
    padding-left: 20px;
 }

.booknow-header form .booknow-inner .check-date {
    position: relative;
    margin-bottom: 15px;
}

.booknow-header form .booknow-inner .check-date span {
    color: #40a798;
    position: absolute;
    right: 24px;
    bottom: 11px;
    font-family: 'FontAwesome'; 
 }

.icon_calendar::before {
    content: "\f073";
}

.icon_arrow::before {
    content: "\f0dd  ";
}

.slides-wraper h3 {
  font-size: 36px;
  margin-bottom: 1.75rem;
  text-align: center;
}
.slides-wraper p {
  font-size: 1.75rem;
}

@media (max-width: 700px) {
  html { font-size: 12px; }
  .booknow-header { padding: 1.5rem 2rem; }
  .slides-wraper h3 { font-size: 2.5rem; }
  .slides-wraper p { font-size: 1.25rem; }
}
/*SLIDER CSS ENDS*/


.about{width: 100%; background-color: white;margin-bottom: 50px;}

.about .about_text{font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; background-color: #fff;color: #595959;letter-spacing: 0.5px;}

.about img{width: 250px;height: 200px; margin: 0px auto; }

.about .img-hover-zoom {height: 200px; overflow: hidden; }
.about .img-hover-zoom--brightness img {transition: transform 2s, filter 1.5s ease-in-out; transform-origin: center center; filter: brightness(80%);}

.about .img-hover-zoom--brightness:hover img { filter: brightness(100%); transform: scale(1.3);}

.services{background: url('../images/services_back.jpg') no-repeat fixed 0 0; background-size: 100% 100%; padding: 10px 50px; /*position: relative; padding: 70px 0;*/}
.services .card .icon { position: absolute; top:-32%;left: 37%; margin: 50px auto; font-family: icomoon; font-size: 45px; height: 100px; width: 100px; display: inline-block; background-color: rgba(0, 115, 137, 1); border-radius: 100%; border:8px solid #95c3cc; -webkit-transition: background 0.2s, color 0.2s; -moz-transition: background 0.2s, color 0.2s; transition: background 0.2s, color 0.2s;color: #fff; }
.services .card .icon:hover:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
.services .card .icon:hover { background: rgba(255,255,255,1); color: #3489ac; }
.services .card .icon:before { position: absolute; top: 80%; left: 58%; margin-left: -30px; margin-top: -42px; }
.services .card .icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; top: -7px; left: -7px; padding: 7px; box-shadow: 0 0 0 4px #fff; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transform: scale(.8); -moz-transition: -moz-transform 0.2s, opacity 0.2s; -moz-transform: scale(.8); -ms-transform: scale(.8); transition: transform 0.2s, opacity 0.2s; transform: scale(.8); opacity: 0; }
.services .card .icon.one:before {content: "\e907"; }
.services .card .icon.two:before { content: "\e906"; margin-left: -34px; }
.services .card .icon.three:before {  content: "\e905"; margin-left: -32px; }
.services .card .icon.four:before { content: "\f236"; }
.services .card .card-body{text-align: center;}
.services .card .card-body h5{padding-top: 20px;}
.services .card .card-body p{font-family: 'Open Sans', sans-serif;font-size: 14px;line-height: 20px;font-weight: 400;background-color: #fff;color: #595959; letter-spacing: 0.5px;text-align: center;}
/*.services .card .card-body .card-title h5{text-align: center;}*/
.services .card .card-body .btn-more { position: relative; background-color: #fff; padding: 10px 10px 10px 30px; text-decoration: none; border: 1px solid #ddd; color: #777; margin: 10px 0; display: inline-block; }
.services .card .card-body .btn-more:before { position: absolute; left: 10px; margin-right: 10px; color: #bbb; font-family: FontAwesome; content: "\f067"; }
.services .card .card-body .btn-more.less:before { content: "\f068"; }


.portfolio{width: 100%; background-color: white;}

/*SLIDER*/

.company_happenings{width: 100%; background: url('../images/company_back1.png') no-repeat; background-size: 100% 100%; position: relative; padding: 20px 0px;}

.company_happenings .title h3{color: #fff;}
.company_happenings .company_box{width: 100%;height: auto; margin-right: 50%;margin-right: 50%; background-color: rgba(255,255,255,0.8); padding: 50px 140px;box-sizing: border-box;margin: 10px auto;}

.company_happenings .company_box p:before{font-family: FontAwesome; content: "\f00c"; color: #007389;}

.card_portfolio{text-align: center;}

.card_portfolio .img_left{clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%);}

.card_portfolio .img_right{clip-path: polygon(0 30%, 100% 0, 100% 100%, 0% 100%);}

.card_portfolio .hotel_name {width: 100%; position: absolute; bottom: 170px; right: 0px;left: 0px; background-color: rgba(255,255,255,0.9);}

.card_portfolio .hotel_name h4{color: #007389; padding: 10px;}


.card_portfolio .card_portfolio-text .icon_map:before{font-family: FontAwesome; content: "\f041"; color: #007389; font-size: 14px;}
.card_portfolio .card_portfolio-text .icon_phone:before {font-family: FontAwesome; content: "\f095"; color: #007389; font-size: 14px;}

.contact_us .col_inquiries form input,textarea{width: 450px; display: block; background-color: #eeeeee; margin: 10px;padding: 10px; border:0; border-radius: 0.50px;}

.contact_us .col_inquiries p{padding: 10px;text-align: left;}
.contact_us .col_inquiries h5{display: flex; justify-content: center;}

.contact_us .col_inquiries button{display: flex; justify-content: center; padding: 10px 30px; margin: 30px auto;}

/*.contact_us button{margin: 0px auto;}*/

.contact_us .col_details{padding: 50px 0 0 0;}

.contact_us .col_details h5{display: block;}
.contact_us .col_details img{display: inline-block;width: 40px;height: auto;}
.contact_us .col_details p a{color: #595959;;}
.contact_us .col_details p a:hover{color: #007389; text-decoration: none;} 

.contact_us .col_details span{font-size: 30px;}
.contact_us .col_details .social_icon a:hover{color: red;text-decoration: none;}
.scroll-up { text-align: center; /*position: fixed; bottom: 50px; right: 10px;*/ display: none; }
.scroll-up > a { height: 50px; width: 50px; border: 1px solid #11749e; display: inline-block; border-radius: 100%; position: relative; text-decoration: none; color: #11749e; background-color: #fff; }
.scroll-up > a:before { content: "\f077"; font-family: FontAwesome; position: absolute; top: 50%; left: 50%; font-size: 20px; margin-left: -10px; margin-top: -13px; }

.footer{width: 100%;height:180px;background-color:#007389;text-align: center; padding: 10px;}


.footer ul li{display: inline-block; color: #fff;padding: 20px;}

.footer ul li a{color: #fff;}


.footer ul li a:hover{text-decoration: none;}
.footer hr{background-color: #fff;}
.footer h6{color: #fff;padding: 20px;}
.footer h6 a{color: red;font-weight: 400; text-decoration: none;}