@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url(default-assets/classy-nav.css);
@font-face
{
	font-family: 'Beyond';
	src: url('../fonts/beyond_the_mountains.otf')  format('truetype'),
		 url('../fonts/beyond_the_mountains.ttf')  format('opentype');
}

/*********************************
2. Body and some general stuff
*********************************/

*
{
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
body
{
	font-family: 'Roboto Slab';
	font-size: 14px;
	font-weight: 400;
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.section-heading {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}

.sty-h6 {
    text-transform: uppercase;
    color: #b37212 !important;
    letter-spacing: 0px;
    display: block;
    margin-bottom: 11px;
    margin-top: 0px;
    font-family: 'Roboto Slab' !important;
    line-height: 1.3;
    font-weight: 500;
    font-size: 1.2em;
    background: none !important;
}

.contact {
    font-weight: 400;
    font-size: 34px;
    color: #094b9f;
}
.contact h3 {
	font-family: 'Roboto Slab';
    font-weight: 400;
    font-size: 34px;
    color: #094b9f;
    text-align: left;
}
.content, .h2, h2 {
    font-size: 1.4rem;
    color: #b37212;
}
h1, h2, h3, h4, h5, h6 {
    color: #2a303b;
    font-weight: normal;
    font-family: "Josefin Sans", sans-serif;
    line-height: 1.3;
    margin: 0 0 5px 0;
}

.sty-h2 {
    font-family: 'Roboto Slab';
    font-size: 34px;
    text-transform: capitalize;
    margin-bottom: 0;
    display: block;
    line-height: 1.2;
    color: #2a303b;
    font-weight: 400;
    letter-spacing: 0px;
}

.sty-h2:before {
    content: "";
    background: #ffc107;
    width: 80px;
    height: 2px;
    position: absolute;
    left: 0px;
    bottom: -16px;
}

.sty-h2 a {
    font-family: 'Roboto Slab';
    font-size: 34px;
    text-transform: capitalize;
    margin-bottom: 0;
    display: block;
    line-height: 1.2;
    color: #154734;
    font-weight: 400;
    letter-spacing: 0px;
    text-decoration: none;
}


.gen, .cp-text{
	color:#dedede;
}


.gen:hover{
	color:#dedede;
}

.gen a{
	color:#dedede;
}

.gen a:hover{
	color:#dedede;
}

.ada {
    width: 100%;
    margin: 0 auto;
    padding: 12px;
    text-align: center;
    color: #fff;
    /* background: repeat url(../images/ada-bg.png); */
    font-size: 17px;
    background: #323030;
    font-family: 'Roboto Slab';
}

.ada a {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    /* background: repeat url(../images/ada-bg.png); */
    font-size: 17px;
    background: #323030;
    font-family: 'Roboto Slab';
}

div
{
	display: block;
    position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left;
    padding-right: 6px;
}

.pull-left {
    float: left !important;
}

.header_top_inner {
    border-bottom: 0px solid rgba(255, 255, 255, 0.15);
    clear: both;
    overflow: hidden;
    float: right;
    display: block;
    margin: 0px 0px 0 0;
    width: 1194px;
}

.header_social li {
    display: inline-block;
}

.c-block {
    padding: 30px 0;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

.sec-title {
    margin-bottom: 30px;
    text-align: center;
}

.sec-title > h3 {
    color: #252c41;
    font-size: 30px;
    text-transform: uppercase;
    padding-left: 15px;
}

#features {
    width: 100%;
    background: rgb(126 52 10);
}

.col12 {
    width: 14%;
    display: inline-block;
    padding: 0px 0;
    border: 1px solid;
}

.feature1 {
    padding: 5px;
    text-align: center;
}

.icon {
    display: inline-block;
    padding: 2px 12px 0px 12px;
}

.sm {
    padding: 2px 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    font-family: "Poppins", Arial, sans-serif;
}



.facilities_item {
    border: 1px solid #fff;
    border-radius: 0px;
    background-color: rgb(249 249 255 / 62%);
    padding: 25px 20px 20px 20px;
    margin-bottom: 30px;
    box-shadow: -10px -5px 40px 0 rgba(0, 0, 0, 0.1);
}

.facilities_item:hover {
    background: #00447f;
    border: #fff;
}

.facilities_item:hover > .sec_h4 {
    color: #fff;
}

.facilities_item:hover > .fa {
    color: #fff;
}

.facilities_item:hover > p {
    color: #fff;
}

.header-intro {
    background-attachment: fixed;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.header-intro:before {
    content: "";
    background: rgb(51 51 51 / 84%);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}


.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
    clear: both;
}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " ";
}

.cta {
    background: #f3f1f0;
    padding: 25px 0 25px 0;
    color: #574741;
}

@media (min-width: 1200px) {
    p.ada {
        font-size: 17px;
        font-family: 'Roboto Slab';
        padding: 0px;
        text-align: center;
        margin: 0 auto;
    }
}

.vd2 {
    margin: 0 auto;
    text-align: center;
    margin-top: 0%;
    position: relative;
    left: 0;
    right: 0;
    z-index: 20;
    line-height: 32px;
    color: #161616;
    font-size: 16px;
    width: 100%;
    padding: 50px 28px 50px 28px;
    /* background: rgb(255 255 255 / 66%); */
}

.info2 {
    width: 689px;
    line-height: 30px;
    font-size: 16px;
    margin: 0 auto;
    padding: 50px;
    background: rgb(8 8 8 / 70%);
}

.info2 p {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    font-size: 16px;
}

.big1 {
    font-size: 25px;
    color: #e9dad2;
    text-transform: capitalize;
    text-align: center;
    font-family: 'Quando' !important;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.3;
}

#footer {
    width: 100%;
    background:url(../images/footer-2.png) repeat;
    color: #fff;
    padding: 40px 0px;
    background-size: cover;
    background-position: center top;
    position: relative;
}

.main {
    width: 1172px;
    margin: 0 auto;
}

h4 a {
    color: #fff;
    text-decoration: none;
}

h4 a:hover {
    color: #d0c7c7;
    text-decoration: none;
}

.big {
    font-size: 21px;
    color: #ff5f03;
    text-transform: capitalize;
    text-align: center;
    font-family: 'Quando' !important;
    font-weight: 600;
    text-transform: uppercase;
}
.footer-logo {
    background-color: #fff;
    width: 30%;
    max-width: 13%;
    margin-right: 74px;
    float: left;
    margin-top: 15px;
    padding: 16px;
    border-radius: 10px;
}
.add {
    float: left;
    margin-top: 15px;
    width: 287px;
    margin-right: 0px;
}

.title3 {
    font-size: 21px;
    padding: 0px 0 7px 0;
    text-transform: uppercase;
}

a.cgs2:link, a.cgs2:visited {
    color: #ff9b0e;
    font-weight: normal;
    text-decoration: none;
}

.cgs2 {
    color: #ffb900 !important;
    font-weight: normal;
    text-decoration: none;
}

b, strong {
    font-weight: 500 !important;
}

#footer p {
    color: hsla(0,0%,100%,.85);
    line-height: 27px;
}

#footer span a {
    color: hsla(0,0%,100%,.85);
}

#footer span a:hover {
    color: rgba(255, 255, 255, 0.7);
}

.col-one {
    float: left;
    text-align: left;
    width: 235px;
    padding: 15px 0px;
    margin-left: 53px;
}

.col-one ul {
    float: left;
    width: 160px;
}

.header_social1 li {
    display: inline-block;
}

.col-one li {
    list-style: inside;
    line-height: 28px;
}

.col-one ul li a {
    font-weight: normal;
    color: hsla(0,0%,100%,.85);
    text-decoration: none;
    font-family: 'Roboto Slab';
    font-size: 15px;
    line-height: 25px;
}

.col-one ul li a:hover {
    font-weight: normal;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-family: 'Roboto Slab';
    font-size: 15px;
    line-height: 25px;
}

.classy-nav-container1 {
    position: relative;
    z-index: 1;
    /* background-color: #ffffff; */
    top: 0px;
}

.header_top_inner1 {
    border-bottom: 0px solid rgba(255, 255, 255, 0.15);
    clear: both;
    overflow: hidden;
    float: left;
    display: block;
    margin: 0px 11.6px 0 0;
}

#hotel {
    float: left;
    width: 370px;
    margin-top: 15px;
}

#hotel p {
    margin-bottom: 3px;
    border-bottom: solid 1px #ccc;
    padding-bottom: 4px;
    text-align: justify;
}

#bottom {
    width: 100%;
    background: #00145f;
    color: #fff;
}

#owner {
    padding: 22px 5px;
    line-height: 35px;
    font-weight: 500;
    margin: 0 auto;
    text-align: center;
    width: 1140px;
    font-size: 14px;
}

#owner p {
    font-family: 'Roboto Slab';
    text-align: center;
    font-size: 16px;
    color: hsla(0,0%,100%,.85);
    margin-bottom: 3px;
}

#owner p a {
    font-family: 'Roboto Slab';
    text-align: center;
    font-size: 16px;
    color: #fff;
}

#owner p a:hover {
    font-family: 'Roboto Slab';
    text-align: center;
    font-size: 16px;
    color: #ffff66;
}

ul
{
	list-style: none;
	margin-bottom: 0px;
}
p {
    font-family: 'Roboto Slab';
    font-size: 17px;
    line-height: 1.7;
    font-weight: 400;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}
p a {
	display: inline;
	position: relative;
	color: inherit;
	border-bottom: solid 0px #dc3545;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
a, a:hover, a:visited, a:active, a:link
{
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a:active
{
	position: relative;
}
p a:hover
{
	color: #dc3545;
}
p a:hover::after
{
	opacity: 0.2;
}
::selection
{
	
}
p::selection
{
	
}
h1{font-size: 36px;}
h2{font-size: 30px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h1, h2, h3, h4, h5, h6
{
	font-family: 'Roboto Slab';
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
h1::selection, 
h2::selection, 
h3::selection, 
h4::selection, 
h5::selection, 
h6::selection
{
	
}
.t4, .t4 a { color:#dedede; font-size: 18px; text-decoration:none; }
.form-control
{
	color: #db5246;
}
section
{
	display: block;
	position: relative;
	box-sizing: border-box;
}
.clear
{
	clear: both;
}
.clearfix::before, .clearfix::after
{
	content: "";
	display: table;
}
.clearfix::after
{
	clear: both;
}
.clearfix
{
	zoom: 1;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
.trans_200
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.trans_300
{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.trans_400
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.trans_500
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.fill_height
{
	height: 100%;
}
.super_container
{
	width: 100%;
	overflow: hidden;
}
.prlx_parent
{
	overflow: hidden;
}
.prlx
{
	height: 130% !important;
}
.nopadding
{
	padding: 0px !important;
}
.button
{
	display: inline-block;
	height: 53px;
	overflow: hidden;
}
.button_bcg
{
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	height: 100%;
	background: linear-gradient(to right, #fa9e1b, #8d4fff, #fa9e1b);
	z-index: -1;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.button:hover .button_bcg
{
	left: -100%;
}
.button a
{
	display: block;
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	line-height: 53px;
	padding-left: 46px;
	padding-right: 46px;
	white-space: nowrap;
	z-index: 2;
}
.button span
{
	display: inline-block;
	vertical-align: middle;
	width: 5.75px;
	height: 5.63px;
	background: #FFFFFF;
	border-radius: 50%;
	margin-right: 2px;
}
.button span:first-child
{
	margin-left: 10px;
}
.button span:nth-child(2)
{
	opacity: 0.6;
}
.button span:last-child
{
	opacity: 0.4;
	margin-right: 0px;
}

/*********************************
3. Header
*********************************/

.header
{
	position: fixed;
	width: 100%;
	/*background: url(../images/header--bg.png);*/
	background-color: rgb(255 255 255 / 67%);
	z-index: 12;
	    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}
.header.scrolled
{
		background: #fff;

}

/*********************************
3.1 Top Bar
*********************************/

.top_bar {
    width: 100%;
    height: 36px;
    background:rgb(147 12 12);
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.header.scrolled .top_bar
{
	visibility: hidden;
	opacity: 0;
	height: 0px;
}
.phone
{
	display: inline-block;
	margin-right: 36px;
	line-height: 36px;
	font-size: 18px;
	font-weight: 600;
	color: #003e7e;
	z-index: 1;
}

.phone a {
    color: #003e7e;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.phone a:hover 
{
	color: #211e18;
	font-family: "Poppins", Arial, sans-serif;
}

.social_list_item
{
	position: relative;
	display: inline-block;
	margin-right: 3px;
}
.social_list_item:last-child
{
	margin-right: 0px;
}
.social_list_item a
{
	display: block;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 36px;
}
.social_list_item:hover a em
{
	color: #211e18;
}
.social_list_item a em
{
	font-size: 20px;
	color: #003e7e;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.social_list_item a:hover
{
	color: #FFFFFF;
}
.user_box_link
{
	display: inline-block;
}
.user_box_link a
{
	display: block;
	font-size: 10px;
	line-height: 36px;
	font-weight: 600;
	color: #FFFFFF;
	text-transform: uppercase;
}
.user_box_link a:hover
{
	color: #fa9e1c;
}
.user_box_login
{
	margin-right: 15px;
}
.user_box_login::after
{
	display: block;
	position: absolute;
	top: 15px;
	right: -9px;
	background: #FFFFFF;
	width: 1px;
	height: 9px;
	content: '';
}
.main_nav_col
{
	height: 100px;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.header.scrolled .main_nav_col
{
	height: 100px;
}

/*********************************
3.2 Logo
*********************************/

.logo_container
{
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.header.scrolled .logo_container
{
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.logo a
{
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	color: #f4f4f8;
	font-weight: 800;
	text-transform: uppercase;
}
.logo a img {
    display: inline-block;
    /* vertical-align: baseline; */
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    margin-top: 0px;
    width: 30%;
}

/*********************************
3.3 Main Nav
*********************************/

.main_nav_container
{
	margin-right: 71px;
}
.main_nav_item
{
	position: relative;
	display: inline-block;
	margin-right: 29px;
}
.main_nav_item:last-child
{
	margin-right: 0px;
}
.main_nav_item a
{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: rgb(102 94 94);
	text-transform: uppercase;
	padding-bottom: 10px;
	padding-top: 10px;
}

.main_nav_item active a:after
{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #FFFFFF;
	text-transform: uppercase;
	padding-bottom: 10px;
	padding-top: 10px;
}

.main_nav_item::after
{
	display: block;
	position: absolute;
	left: -1px;
	bottom: -11px;
	width: calc(100% + 2px);
	height: 2px;
	background: linear-gradient(to right, #af9e9e, #ffffff);
	content: '';
	opacity: 0;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.main_nav_item.active::after
{
	display: block;
	position: absolute;
	left: -1px;
	bottom: -11px;
	width: calc(100% + 2px);
	height: 2px;
	background: linear-gradient(to right, #af9e9e, #ffffff);
	content: '';
	opacity: 1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}


.main_nav_item:hover::after
{
	opacity: 1;
}

.header.scrolled .main_nav_item a
{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #000;
	text-transform: uppercase;
	padding-bottom: 10px;
	padding-top: 10px;
}

.header.scrolled .main_nav_item active a:after
{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #000;
	text-transform: uppercase;
	padding-bottom: 10px;
	padding-top: 10px;
}

.header.scrolled .main_nav_item::after
{
	display: block;
	position: absolute;
	left: -1px;
	bottom: -11px;
	width: calc(100% + 2px);
	height: 2px;
	background: linear-gradient(to right, #ffff66, #ffff66);
	content: '';
	opacity: 0;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.header.scrolled .main_nav_item.active::after
{
	display: block;
	position: absolute;
	left: -1px;
	bottom: -11px;
	width: calc(100% + 2px);
	height: 2px;
	background: linear-gradient(to right, #ffff66, #ffff66);
	content: '';
	opacity: 1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}


.header.scrolled .main_nav_item:hover::after
{
	opacity: 1;
}

.header.scrolled .book_btn .book_now_btn:hover {
    background: transparent;
    color: #000;
    line-height: 34px;
    display: inline-block;
    padding: 0px 25px;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    letter-spacing: .28px;
    position: relative;
    z-index: 2;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    border: 2px solid #000;
}

.header.scrolled .logo a img {
    display: inline-block;
    vertical-align: baseline;
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px);
    margin-top: 2%;
    width: 27%;
}

.content_search
{
	-webkit-transform: translateY(-1px);
	-moz-transform: translateY(-1px);
	-ms-transform: translateY(-1px);
	-o-transform: translateY(-1px);
	transform: translateY(-1px);
	cursor: pointer;
}
.header.scrolled .content_search
{
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.mag_glass
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.content_search img
{
	width: 17px;
	height: 17px;
}
.content_search:hover .mag_glass
{
	fill: #fa9e1c;
}
.search_form
{
	position: absolute;
	right: 15px;
	top: 120px;
	width: 237px;
	height: 40px;
	visibility: hidden;
	opacity: 0;
}
.search_form.active
{
	top: 105px;
	visibility: visible;
	opacity: 1;
}
.search_content_input
{
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	color: #1b0b32;
	padding-left: 20px;
	outline: none !important;
	border: none !important;
	box-shadow: 0px 8px 20px rgba(0,0,0,0.15);
}
.bez_1
{
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
	-moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
	-o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
}

/*********************************
3.4 Menu
*********************************/

.hamburger
{
	display: none;
	-webkit-transform: translateY(-3px);
	-moz-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	-o-transform: translateY(-3px);
	transform: translateY(-3px);
	cursor: pointer;
	margin-left: 20px;
}
.header.scrolled .hamburger
{
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.hamburger em
{
	font-size: 24px;
	color: #716b6b;
}
.hamburger:hover em
{
	color: #fa9e1c;
}
.menu
{
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: #004085;
	z-index: 100;
	opacity: 0;
	visibility: hidden;
}
.menu.active
{
	opacity: 0.95;
	visibility: visible;
}
.menu_content
{
	width: 100%;
	height: 100%;
}
.menu_item
{
	position: relative;
	margin-bottom: 3px;
}
.menu_item:last-child
{
	margin-bottom: 0px;
}
.menu_logo
{
	margin-bottom: 28px;
}
.menu_logo a img
{
	width: 219px !important;
}
.menu_item a
{
	display: inline-block;
	position: relative;
	font-family: 'Beyond';
	font-size: 36px;
	color: #FFFFFF;
	font-weight: 400;
}
.menu_item a::after
{
	display: block;
	position: absolute;
	top: 60%;
	left: 0;
	width: 0;
	height: 4px;
	background: #FFFFFF;
	letter-spacing: 2px;
	content: '';
	z-index: 10;
	pointer-events: none;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 400ms ease;
}
.menu_item:hover a::after
{
	width: 100%;
}
.menu_close_container
{
	position: absolute;
	top: 94px;
	right: 122px;
	width: 21px;
	height: 21px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.menu_close
{
	top: 9px;
	width: 21px;
	height: 3px;
	background: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_close::after
{
	display: block;
	position: absolute;
	top: -9px;
	left: 9px;
	content: '';
	width: 3px;
	height: 21px;
	background: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_close_container:hover .menu_close,
.menu_close_container:hover .menu_close::after
{
	background: #fa9e1c;
}

/*********************************/

.welcome {
    padding: 37px 0 0px;
    background: #fff;
    position: relative;
    overflow: hidden;
    background-position: top;
    margin: 0 auto;
    width: 100%;
}

.welcome p {
    font-family: 'Roboto Slab';
    /* text-align: left; */
    width: 100%;
    margin: 0 auto;
    line-height: 1.6em;
    font-size: 16px;
    color: #153146;
    margin-bottom: 16px;
}

.welcome2 {
    padding: 37px 0 0px;
    background: #fff;
    position: relative;
    overflow: hidden;
    background-position: top;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    font-family:'Roboto Slab';
}

.content1 {
    width: 1200px;
    margin: 0 auto;
    padding: 33px 15px 36px 15px;
}

#bottom {
    width: 100%;
    background: #005062;
    color: #fff;
}



/*********************************
4. Home
*********************************/

.home
{
	width: 100%;
	height: 100vh;
}

.home-1 {
    width: 100%;
    height: 74vh;
}

/*********************************
4.1 Home Slider
*********************************/

.home_slider_container
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.home_slider_container iframe
{ padding-top:136px;
}
.home_slider
{
	width: 100%;
	height: 100%;
}
.home_slider_item
{
	width: 100%;
	height: 100%;
}
.home_slider_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.home_slider_content
{
	position: absolute;
	top: 78%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 11;
}
.home_slider_content h1
{
	margin-bottom: 52px;
}

.home_slider_content h1:first-child {
    font-size: 31px;
    font-weight: 500;
    color: #FFFFFF;
    text-transform: capitalize;
    background: rgb(52 58 64 / 74%);
    padding: 10px;
    text-wrap: nowrap;
}

.home_slider_content h1:nth-child(2) {
    font-family: 'Beyond';
    font-size: 57px;
    color: #FFFFFF;
    margin-top: 12px;
    text-wrap: nowrap;
}
.home_slider_button
{
	margin-top: 70px;
}
.flipInX
{
	animation-delay: 600ms;
}

.home_title {
    font-size: 72px;
    font-weight: 800;
    color: #FFFFFF;
    text-transform: uppercase;
}

@media only screen and (max-width:430px){
.home_title {
    font-size: 34px;
    font-weight: 800;
    color: #FFFFFF;
    text-transform: uppercase;
}
}

.home_content {
    position: absolute;
    bottom: 106px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
/*********************************
4.2 Home Slider Nav
*********************************/

.home_slider_nav
{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 11;
	cursor: pointer;
}
.home_slider_prev
{
	left: 50px;
}
.home_slider_next
{
	right: 50px;
}
.home_slider_prev:hover .nav_path,
.home_slider_prev:hover .nav_arrow
{
	fill: url(#home_grad_prev);
}
.home_slider_next:hover .nav_arrow,
.home_slider_next:hover .nav_path
{
	fill: url(#home_grad_next);
}

/*********************************
4.3 Home Slider Dots
*********************************/

.home_slider_dots
{
	position: absolute;
	right: 50px;
	bottom: 45px;
	z-index: 10;
}
.home_slider_custom_dots
{

}
.home_slider_custom_dot
{
	display: inline-block;
	position: relative;
	height: 35px;
	line-height: 35px;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 13px;
	font-weight: 600;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.home_slider_custom_dot:hover
{
	color: #fa9e1c;
}
.home_slider_custom_dot:hover.active div
{
	border-color: #fa9e1c;
}
.home_slider_custom_dot.active
{
	padding-left: 13px;
	padding-right: 9px;
	margin-right: 3px;
}
.home_slider_custom_dot div
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: solid 2px transparent;
	border-radius: 18px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.home_slider_custom_dot.active div
{
	border: solid 2px #FFFFFF;
}

.two-third {
    margin: 0px auto;
    width: 98%;
}

#searchmodule {
    padding: 0px;
    border-radius: 0;
    border: 0 none;
    position: relative;
    margin-bottom: 0px;
}

.tab-content {
    padding: 21px 0px 13px 0px !important;
}

.flex-w {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.footer-gallery {
    margin-right: 0px;
    /* width: 100%; */
}

.item-gallery-footer1 {
    display: block;
    position: relative;
    width: calc((100% - 80px) / 4);
    margin-right: 20px;
    margin-bottom: 20px;
}

.wrap-pic-w img {
    width: 100%;
}

.item-gallery-footer1::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.item-gallery-footer1:hover:after {
    background-color: rgba(236, 29, 37, 0.7);
}

/*********************************
5. Search
*********************************/

.search2 {
    width: 100%;
    height: 150px !important;
    background: linear-gradient(to right, #fa9e1b, #1c1101) !important;
    z-index: 10;
    padding-top: 15px;
    padding-bottom: 15px;
    /* border-bottom: 5px solid #ffeb3b !important; */
    /* border-top: 5px solid #ffeb3b !important; */
    position: relative;
    top: 162px;
    margin-bottom: 136px;
}

.search {
    width: 1172px;
    height: 116px !important;
    /* background: linear-gradient(to right, #fa9e1b, #1c1101) !important; */
    background-image: url(../images/footer.png);
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    /* border-bottom: 5px solid #ffeb3b !important; */
    /* border-top: 5px solid #ffeb3b !important; */
    position: absolute;
    margin: 0 auto;
    bottom: 0;
    left: 0;
    right: 0;
}
.search_tabs_container
{
	position: absolute;
	bottom: 100%;
	left: 15px;
	width: calc(100% - 30px);
}
.search_tabs
{
	height: 94px;
}
.search_tab
{
	font-size: 14px;
	font-weight: 700;
	color: #2d2c2c;
	text-transform: uppercase;
	text-align: center;
	height: 100%;
	flex-grow: 1;
	background: #FFFFFF;
	cursor: pointer;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.search_tab img
{
	margin-right: 10px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.search_tab:first-child
{
	border-top-left-radius: 94px;
	padding-left: 7px;
}
.search_tab:last-child
{
	border-top-right-radius: 94px;
	padding-right: 7px;
}
.search_tab.active
{
	background: #fa9e1b;
	color: #FFFFFF;
}
.search_tab.active img
{
	-webkit-filter: brightness(200%) grayscale(100%);
	-moz-filter: brightness(200%) grayscale(100%);
	-ms-filter: brightness(200%) grayscale(100%);
	-o-filter: brightness(200%) grayscale(100%);
  	filter: brightness(200%) grayscale(100%);
}
.search_tab:hover
{
	background: #fa9e1b;
	color: #FFFFFF;
}
.search_tab:hover img
{
	-webkit-filter: brightness(200%) grayscale(100%);
	-moz-filter: brightness(200%) grayscale(100%);
	-ms-filter: brightness(200%) grayscale(100%);
	-o-filter: brightness(200%) grayscale(100%);
  	filter: brightness(200%) grayscale(100%);
}
.search_panel
{
	display: none !important;
	width: 100%;
	height: 100%;
	-webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}
.search_panel.active
{
	display: flex!important;
}
/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
.search_panel_content
{
	width: 100%;
	height: 100%;
}
.search_input
{
	width: 100%;
	height: 46px;
	border: none;
	outline: none;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 13px;
	font-weight: 600;
	color: #1d6554;
}
.search_item:first-child
{
	width: 17.961%;
}
.search_item:nth-child(2)
{
	width: 17.961%;
}
.search_item:nth-child(3)
{
	width: 13.961%;
}
.search_item:nth-child(4)
{
	width: 9.947%;
}
.search_item:nth-child(5)
{
	width: 9.947%;
}
.search_item div
{
	font-size: 13px;
	font-weight: 700;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-bottom: 8px;
}
#ftbg {
    width: 100%;
    margin: 0 auto;
    float: none;
}
#feature {
    width: 1171px;
    margin: 20px auto 20px;
    text-align: center;
    line-height: 26px;
    font-size: 19px;
}
.heading {
	font-family: 'Roboto Slab' !important;
    text-decoration: none;
    padding: 25px 10px;
    font-weight: bold;
    font-size: 27px;
    text-align: center;
    text-transform: uppercase;
    line-height: 35px;
    letter-spacing: 1px;
    color: #001873;
    font-family: 'Quando', serif;
    margin: 0 0 5px 0;
}
.container3 {
    position: relative;
    float: left;
    width: 32.8%;
    margin: 0 9px 9px 0;
}
.container3 img {
    vertical-align: middle;
}
.container3 .content3 {
    position: absolute;
    bottom: 0;
    background: rgb(0 0 0 / 68%);
    /* background: rgb(5 70 108 / 76%); */
    color: #f1f1f1;
    font-size: 17px;
    padding: 15px;
}
.ylw {
    font-family: 'Quando' !important;
    text-decoration: none;
    color: #ffd524;
    font-weight: normal;
    font-size: 29px;
    line-height: 35px;
}
.ylw a {
    font-family: 'Quando' !important;
    text-decoration: none;
    color: #eac646;
    font-weight: normal;
    font-size: 24px;
    line-height: 35px;
    text-transform: uppercase;
}
.content3 p {
    font-family: 'Roboto Slab';
    color: #fff;
    font-size: 16px;
    text-shadow: 1px 1px 1px BLACK;
    margin-bottom: 0px;
}

.right{margin-right: 0px !important;}

.rooms {
    position: relative;
    background: rgb(255 255 255);
    width: 100%;
}

section {
    padding: 76px 0 29px 0;
    overflow: hidden;
}

.content1 {
    width: 1172px;
    margin: 0 auto;
    padding: 36px 0px 36px 0px;
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.section-heading {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}
.sty-h6-1 {
	font-family: 'Roboto Slab' !important;
    text-transform: uppercase;
    color: #28a745;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 11px;
    margin-top: 14px;
    font-family: "Josefin Sans", sans-serif;
    line-height: 0.7;
    font-weight: 500;
    font-size: 1.7rem;
    margin: 0 0 5px 0;
}
.m-all {
    padding: 22px 0 22px 0;
    font-size: 17px;
    line-height: 28px;
    text-align: justify;
}
.about_btn_b_room_one {
    display: inline-block;
    border: 1px solid #8e8e8e;
    padding: 0px 27px;
    line-height: 46px;
    color: #fff;
    font-size: 15px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .45px;
    font-weight: 500;
    position: relative;
    z-index: 2;
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    background: #000000;
}
.about_btn_b_room {
    display: inline-block;
    border: 1px solid #8e8e8e;
    padding: 0px 27px;
    line-height: 46px;
    color: #000;
    font-size: 15px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .45px;
    font-weight: 600;
    position: relative;
    z-index: 2;
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    margin-left: 3%;
}
.content-1 {
    /* background-image: url(../img/bg-img/amenities.jpg); */
    /* background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../images/attraction-parallax.jpg); */
    height: 650px;
    width: 100%;
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}
.content-1 {
    /* background-image: url(../img/bg-img/amenities.jpg); */
    background: url(../images/rooms.jpg);
    height: 461px;
    width: 100%;
    /* background-attachment: fixed; */
    background-position: center;
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
}
.col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 60.066667%;
    max-width: 53.066667%;
}
.col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 49.333333%;
    max-width: 46.333333%;
}
.img-absolute {
    position: absolute;
    bottom: -100px;
    right: -100px;
    z-index: 9;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
figure img {
    display: block;
    position: relative;
    z-index: 10;
    max-width: 100%;
    height: auto;
}
.dropdown_item_select
{
	-webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-webkit-user-select: none;
	background-image: url(../images/dropdown.png);
	background-position: center right;
	background-repeat: no-repeat;
	border: solid 1px #FFFFFF;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
}
.dropdown_item_select::-ms-expand
{
    display: none;
}
.dropdown_item_select:hover
{
	border: solid 1px #fa9e1c;
}
.dropdown_item_select:focus
{
	outline-color: #fa9e1c;
}
.search_button
{
	font-size: 13px;
	font-weight: 700;
	color: #000;
	text-transform: uppercase;
	line-height: 53px;
	padding-left: 46px;
	padding-right: 46px;
	background: #ffdd00;
	-webkit-transform: translateY(15px);
	-moz-transform: translateY(15px);
	-ms-transform: translateY(15px);
	-o-transform: translateY(15px);
	transform: translateY(15px);
	border: none;
	outline: none;
	cursor: pointer;
}
.search_button:hover
{
	opacity: 0.8;
}

/*********************************
6. Section Title
*********************************/

.section_title
{
	font-size: 30px;
	font-weight: 700;
	color: #2d2c2c;
	margin-top: -8px;
	text-transform: uppercase;
}

/*********************************
7. Intro
*********************************/

.intro
{
	width: 100%;
	padding-top: 27px;
	padding-bottom: 62px;
}
.intro_title
{
	font-weight: 700;
	color: #003e7e;
	margin-top:13px;
}
.intro_text
{
	margin-top: 21px;
}
.intro_text p {
    font-size: 18px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 27px;
    margin-top: 21px;
	text-align:justify;
}
.intro_items
{
	margin-top: 69px;
}
.intro_item
{
	width: 100%;
	height: 425px;
}
.intro_item_overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: rgba(49, 18, 75, 0.55);
}
.intro_item_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	z-index: 1;
}
.intro_item_content
{
	width: 100%;
	height: 100%;
	z-index: 3;
}
.intro_date
{
	position: absolute;
	top: 35px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: auto;
	padding-left: 39px;
	padding-right: 39px;
	white-space: nowrap;
	font-size: 13px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 27px;
	background: #fa9e1c;
	border-radius: 14px;
}
.intro_button
{
	position: absolute;
	bottom: 51px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.intro_center
{

}
.intro_center h1
{
	font-size: 59px;
	font-weight: 700;
	color: #FFFFFF;
	letter-spacing: -0.05em;
}
.intro_price
{
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	margin-top: -4px;
}
.rating
{
	margin-top: 10px;
}
.rating em
{
	font-size: 19px;
	margin-right: 4px;
}
.rating em:last-child
{
	margin-right: 0px;
}
.rating_1 em:first-child{color: #ffeb8d;}
.rating_2 em:first-child{color: #ffeb8d;}
.rating_2 em:nth-child(2){color: #fed46b;}
.rating_3 em:first-child{color: #ffeb8d;}
.rating_3 em:nth-child(2){color: #fed46b;}
.rating_3 em:nth-child(3){color: #fbb53d;}
.rating_4 em:first-child{color: #ffeb8d;}
.rating_4 em:nth-child(2){color: #fed46b;}
.rating_4 em:nth-child(3){color: #fbb53d;}
.rating_4 em:nth-child(4){color: #fa9e1b;}
.rating_5 em:first-child{color: #ffeb8d;}
.rating_5 em:nth-child(2){color: #fed46b;}
.rating_5 em:nth-child(3){color: #fbb53d;}
.rating_5 em:nth-child(4){color: #fa9e1b;}
.rating_5 em:nth-child(5){color: #ef910a;}

/*********************************
8. CTA
*********************************/


.cta_background
{
	background: repeat url(../images/cta.jpg) !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	    
}


#about {
    background: url(../images/about-bg.jpg);
    position: relative;
    color: #fff;
    padding: 40px 0 40px 0;
	background-size: cover;
}

#about:before {
    content: "";
    background: rgb(51 51 51 / 56%);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#testimonials {
    background: url(../images/testimonials.jpg);
    position: relative;
    color: #fff;
    padding: 40px 0 40px 0;
    background-size: cover;
}

#testimonials:before {
    content: "";
    background: rgb(51 51 51 / 56%);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

/*********************************
8.1 CTA Slider
*********************************/

.cta_slider_container
{

}
.cta_item {
    padding-top: 75px;
    padding-bottom: 75px;
    padding-left: 90px;
    padding-right: 90px;
    height: 100%;
    /*background: repeat url(../images/review-bg.png) !important;*/
}
.cta_title
{
	font-size: 37px;
	font-weight: 500;
	color: #ffc107 !important;
	text-transform: uppercase;
	font-family: "Josefin Sans", sans-serif;
}
.cta_item > .cta_text
{
	font-weight: 500;
	line-height: 2.29;
	margin-top: 14px;
	margin-bottom: 0px;
	color: #ffffff !important;
	font-size:18px;
}

.cta_button
{
	margin-top: 38px;
}
.rating_r em::before
{
	font-family: 'FontAwesome';
	content: "\f006";
	font-style: normal;
	font-size: 19px;
	margin-right: 4px;
}
.rating_r_1 em:first-child::before{color: #ffeb8d; content: "\f005";}
.rating_r_2 em:first-child::before{color: #ffeb8d; content: "\f005";}
.rating_r_2 em:nth-child(2)::before{color: #fed46b; content: "\f005";}
.rating_r_3 em:first-child::before{color: #ffeb8d; content: "\f005";}
.rating_r_3 em:nth-child(2)::before{color: #fed46b; content: "\f005";}
.rating_r_3 em:nth-child(3)::before{color: #fbb53d; content: "\f005";}
.rating_r_4 em:first-child::before{color: #ffeb8d; content: "\f005";}
.rating_r_4 em:nth-child(2)::before{color: #fed46b; content: "\f005";}
.rating_r_4 em:nth-child(3)::before{color: #fbb53d; content: "\f005";}
.rating_r_4 em:nth-child(4)::before{color: #fa9e1b; content: "\f005";}
.rating_r_4 em:nth-child(5)::before{color: #fa9e1b; content: "\f005";}
.rating_r_5 em:first-child::before{color: #ffeb8d; content: "\f005";}
.rating_r_5 em:nth-child(2)::before{color: #fed46b; content: "\f005";}
.rating_r_5 em:nth-child(3)::before{color: #fbb53d; content: "\f005";}
.rating_r_5 em:nth-child(4)::before{color: #fa9e1b; content: "\f005";}
.rating_r_5 em:nth-child(5)::before{color: #ef910a; content: "\f005";}
.cta_slider_nav
{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
	cursor: pointer;
}
.cta_slider_prev
{
	left: -75px;
}
.cta_slider_next
{
	right: -75px;
}
.cta_slider_prev:hover .nav_path,
.cta_slider_prev:hover .nav_arrow
{
	fill: url(#cta_grad_prev);
}
.cta_slider_next:hover .nav_path,
.cta_slider_next:hover .nav_arrow
{
	fill: url(#cta_grad_next);
}



/*********************************
10. Testimonials
*********************************/

.testimonials
{
	width: 100%;
	padding-top: 105px;
	padding-bottom: 105px;
	background: #FFFFFF;
}
.test_border
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(to right, #fa9e1b, #8d4fff);
}

/*********************************
10.1 Testimonials Slider
*********************************/

.test_slider_container
{
	width: 100%;
	margin-top: 54px;
}
.test_item
{
	padding-top: 36px;
}
.test_icon
{
	position: absolute;
	top: 0px;
	left: 41px;
	width: 72px;
	height: 72px;
	background: #fa9e1b;
	border-radius: 50%;
	overflow: hidden;
}
.test_icon img
{
	position: relative;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto !important;
}
.test_content_container
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 44.1%;
	background: rgba(49, 18, 75, 0.8);
}
.test_content
{
	width: 100%;
	height: 100%;
	padding-left: 38px;
	padding-top: 44px;
	padding-right: 40px;
}
.test_item_info
{
	position: absolute;
	left: 41px;
	bottom: calc(100% - 18px);
	background: #FFFFFF;
	padding-left: 20px;
	padding-right: 21px;
	padding-top: 9px;
	padding-bottom: 10px;
	z-index: 10;
}
.test_name
{
	font-size: 14px;
	font-weight: 700;
	color: #2d2c2c;
	text-transform: uppercase;
}
.test_date
{
	font-size: 11px;
	margin-top: 2px;
	color: #2d2c2c;
	padding-left: 2px;
}
.test_quote_title
{
	font-size: 20px;
	font-weight: 500;
	color: #FFFFFF;
	padding-left: 3px;
}
.test_quote_text
{
	font-weight: 500;
	color: #FFFFFF;
	margin-top: 11px;
}
.test_slider_nav
{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
	cursor: pointer;
}
.test_slider_nav .nav_path,
.test_slider_nav .nav_arrow
{
	fill: #c4ced2;
}
.test_slider_prev
{
	left: -75px;
}
.test_slider_next
{
	right: -75px;
}
.test_slider_prev:hover .nav_path,
.test_slider_prev:hover .nav_arrow
{
	fill: url(#test_grad_prev);
}
.test_slider_next:hover .nav_path,
.test_slider_next:hover .nav_arrow
{
	fill: url(#test_grad_next);
}

/*********************************



/*********************************
13. Footer
*********************************/

.footer {
    width: 100%;
    padding-top: 54px;
    padding-bottom:44px;
    background: repeat url(../images/footer-bg.png);
}
.footer_title
{
	font-size: 25px;
	font-weight: 700;
	color: #FFFFFF;
	text-transform: uppercase;
}

/*********************************
13.1 Footer - About
*********************************/

.footer_about
{
	padding-top: 67px;
}
.footer_logo
{
	position: absolute;
	left: 0;
	top: -24px;
}
.footer_about_text
{
	font-size: 14px;
	font-weight: 600;
	color: #FFFFFF;
}
.footer_social_item
{
	display: inline-block;
	width: 31px;
	height: 31px;
	border: solid 1px #fa9e1b;
	border-radius: 50%;
	text-align: center;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	margin-right: 9px;
}
.footer_social_item:last-child
{
	margin-right: 0px;
}
.footer_social_item a
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.footer_social_item a em
{
	display: block;
	position: relative;
	color: #FFFFFF;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 12px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_social_item:hover
{
	background: #fa9e1b;
}
.footer_social_item:hover a em
{
	color: #31124b;
}

/*********************************
13.2 Footer - Blog
*********************************/

.footer_blog
{
	margin-top: 39px;
}
.footer_blog_item
{
	margin-bottom: 21px;
}
.footer_blog_item:last-child
{
	margin-bottom: 0px;
}
.footer_blog_image
{
	width: 60px;
	height: 60px;
	float: left;
}
.footer_blog_image img
{
	width: 100%;
}
.footer_blog_content
{
	padding-left: 81px;
}
.footer_blog_title
{
	margin-top: -4px;
	padding-left: 1px;
}
.footer_blog_title a
{
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
}
.footer_blog_title a:hover
{
	color: #fa9e1b;
}
.footer_blog_date
{
	font-size: 12px;
	font-weight: 400;
	color: #fa9e1b;
	margin-top: 7px;
}

/*********************************
13.3 Footer - Tags
*********************************/

.footer_tags
{
	margin-top: 40px;
}
.tag_item
{
	height: 35px;
	float: left;
	margin-right: 9px;
	margin-bottom: 9px;
	border: solid 1px #fa9e1b;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.tag_item:hover
{
	background: #fa9e1b;
}
.tag_item a
{
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 33px;
	padding-left: 25px;
	padding-right: 25px;
}

/*********************************
13.4 Footer - Contact Info
*********************************/

.contact_info_list
{
	margin-top: 40px;
}
.contact_info_item
{
	margin-bottom: 22px;
}
.contact_info_icon
{
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
.contact_info_icon img
{
	display: block;
	width: 100%;
}
.contact_info_text,
.contact_info_text a
{
	color: #FFFFFF;
	line-height: 2.14;
	margin-top: -4px;
}
.contact_info_item:hover .contact_info_text,
.contact_info_item:hover .contact_info_text a
{
	color: #fa9e1b;
}

/*********************************
14. Copyright
*********************************/

.copyright {
      background: repeat url(../images/footer-bg.png);
    padding: 10px;
    text-align: center;
}
.copyright a{
    color:#ffffff;
}
.copyright_content
{
	height: 52px;
}
.copyright_content div
{
	font-size: 12px;
	font-weight: 600;
	color: #685677;
}
.footer_nav_container
{
	height: 52px;
}
.footer_nav
{
	
}
.footer_nav_list
{
	font-size: 0px;
}
.footer_nav_item
{
	display: inline-block;
	margin-right: 40px;
}
.footer_nav_item a
{
	font-size: 12px;
	font-weight: 600;
	color: #685677;
	text-transform: uppercase;
	line-height: 2;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_nav_item a:hover
{
	color: #FFFFFF;
}


.book_btn .book_now_btn {
    background: #c3780d;
    color: #ffffff;
    line-height: 34px;
    display: inline-block;
    padding: 0px 25px;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    letter-spacing: .28px;
    position: relative;
    z-index: 2;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    border: 1px solid #ffdd00;
}

.book_btn .book_now_btn:hover {
    background: transparent;
    color: #000;
    line-height: 34px;
    display: inline-block;
    padding: 0px 25px;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    letter-spacing: .28px;
    position: relative;
    z-index: 2;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    border: 2px solid #000;
}


@media only screen and (max-width: 1030px) {
	.book_btn .book_now_btn{
		display:none;
	}
}

.about_btn_b {
    display: inline-block;
    border: 1px solid #8e8e8e;
    padding: 0px 27px;
    line-height: 46px;
    color: #000 !important;
    font-size: 15px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .45px;
    font-weight: 600;
    position: relative;
    z-index: 2;
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

.about_btn_b:hover {
    color: #fff !important;
    border-color: #00162e;
    background: #00162e;
    font-weight: 600;
}

.demo {
    background: url(../images/demo.png) repeat;
    padding: 19px;
}

.serviceBox{
    font-family: 'K2D', sans-serif;
    text-align: center;
    padding: 20px 15px 60px;
}
.serviceBox .service-icon{
    color: #ffdd00;
    background-color: #fff;
    font-size: 50px;
    line-height: 100px;
    height: 100px;
    width: 100px;
    margin: 0 auto 20px;
    border-radius: 50%;
    border: 2px solid #ffdd00;
    display: block;
    transition: all 0.3s;
}
.serviceBox:hover .service-icon{
    border-color: transparent;
    box-shadow: 0 0 10px #fff, 0 -10px 0 10px #003e7e;
}
.serviceBox .title{
    color: #303030;
    font-size: 20px;
    text-transform: uppercase;
    padding: 0 10px;
    margin-bottom: 15px;
    transition: all 0.3s;
}
.serviceBox:hover .title{ color:#EB1F52; }
.serviceBox .description{
    font-size: 15px;
    text-align: center;
    line-height: 27px;
    margin-bottom: 20px;
}
.serviceBox .read-more{
    color: #fff;
    /*background: #003d7e;*/
	background: repeat url(../images/ada-bg.png);
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: -56px;
    padding: 5px;
    display: block;
    transform: rotateX(-90deg);
    transform-origin: top center;
    -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%);
     clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    transition: all 0.5s;
    border-radius: 15px;
}
.serviceBox:hover .read-more{
    box-shadow: 0 0 10px #fff inset;
    transform: rotateX(0);
}
.serviceBox .read-more:hover{
    letter-spacing: 2px;
    text-shadow: 0 0 5px #000;
    text-decoration: none;
}
.serviceBox.blue .service-icon{
    color: #003e7e;
    border-color: #003e7e;
}
.serviceBox.blue:hover .service-icon{
    border-color: transparent;
    box-shadow:0 0 10px #fff, 0 -10px 0 10px #ffdd00;
}
.serviceBox.blue:hover .title{ color: #34C3EB; }
.serviceBox.blue .read-more{ background: repeat url(../images/service-bg.png);}
.serviceBox.orange .service-icon{
    color: #FF8214;
    border-color: #FF8214;
}
.serviceBox.orange:hover .service-icon{
    border-color: transparent;
    box-shadow:0 0 10px #fff, 0 -10px 0 10px #003e7e;
}
.serviceBox.orange:hover .title{ color: #FF8214; }
.serviceBox.orange .read-more{ background: #FF8214; }
.serviceBox.green .service-icon{
    color: #8FB900;
    border-color: #8FB900;
}
.serviceBox.green:hover .service-icon{
    border-color: transparent;
    box-shadow:0 0 10px #fff, 0 -10px 0 10px #8FB900;
}
.serviceBox.green:hover .title{ color: #8FB900; }
.serviceBox.green .read-more{ background: #8FB900; }
@media only screen and (max-width:990px){
    .serviceBox{ margin: 0 0 50px;
	    padding: 20px 0px 60px; }
}
License Terms

#about {
    background: url(../images/about-bg.jpg);
    position: relative;
    color: #fff;
    padding: 40px 0 40px 0;
}

#about:before {
    content: "";
    background: rgb(51 51 51 / 56%);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.res {
    font-size: 23px;
    color: #FFF;
    font-weight: 500;
    padding-top: 20px;
    font-family: 'Roboto Slab', sans-serif;
    /* text-align: justify !important; */
}

.why-us .video-box {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 400px;
    position: relative;
}


.why-us .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#ed502e 50%, rgba(237, 80, 46, 0.4) 52%);
    border-radius: 50%;
    display: block;
    position: absolute;
    left: calc(50% - 47px);
    top: calc(50% - 47px);
    overflow: hidden;
}

.why-us .play-btn::before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  animation-delay: 0s;
  animation:pulsate-btn 2s;
  animation-iteration-count: 1;
  animation-direction: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: steps;
  opacity: 1;
  border-radius:50%;
  border:5px solid rgba(237, 80, 46, 0.7);
  top: -15%;
  left: -15%;
  background:rgba(198, 16, 0, 0);
}
.why-us {
  padding:0;
  margin:0 auto;
  width: 100%;
  padding:0px;
}
.section-bg {
  background-color: #f6f9fd;
}
.mb-4 {
    margin-bottom: 1.5rem !important;
}
.why-us .play-btn:hover::after {
  border-left:15px solid #ed502e;
  transform: scale(20);
}
.why-us .play-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  border-left:15px solid #fff;
  z-index: 100;
  transition:all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

iframe {
    border: 0;
}

html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s;
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
}
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0s;
}
html:not(.no-js) [data-aos=zoom-in] {
    -webkit-transform: scale(.6);
    transform: scale(.6);
}
[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s;
}

ul.footer-nav a {
    color: #b7b6b6;
	font-size:17px;
}

ul.footer-nav li {
    line-height:2;
}

.social-info-1 a {
    display: inline-block;
    color: #ffffff;
    background: #001226;
    padding: 20px;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    padding-top: 10px;
    font-size: 27px;
}

.news_post:not(:last-child) {
    margin-bottom: 68px;
}

.news_post_image {
    width: 34.8%;
}

.news_post_image img {
    max-width: 100%;
}

.news_post_content {
    width: 65.2%;
    padding-left: 30px;
}

.news_post_title {
    margin-top: 17px;
}

.news_post_title a {
    font-family: 'Oswald', sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: #181818;
}

.news_post_category {
    margin-top: -5px;
}

.news_post_category ul li {
    display: inline-block;
}

.news_post_category ul li a {
    font-family: 'Oswald', sans-serif;
    font-size: 9px;
    color: #00f;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.news_post_text {
    margin-top: 14px;
}

.news_container {
    margin-top: 6%;
}

@media only screen and (max-width: 767px){
.news_post_image {
    width: 100%;
}

.news_post_content {
    width: 100%;
    padding-left: 0px;
    margin-top: 27px;
}
}


em.fa.fa-play-circle.fa-3x.b-animation {
    margin-left: 35%;
    font-size: 104px;
    color: #fff;
    cursor: pointer;
}

.b-animation {
    animation: fadeIn 1s infinite alternate;
}

.b-animation:hover {
    transform: scale(1.5);
    animation: fadeIn 0s infinite alternate;
}

.back-to-top-1 {
    cursor: pointer;
    position: fixed;
    bottom: 110px;
    right: 20px;
    display: none;
    border-radius: 100%;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 110px;
    right: 20px;
    display: none;
    border-radius: 100%;
}

@media only screen and (min-width:1023px){
.social-info-1{
	display:none;
}
}

/*****************************
15. Amenities
****************************/

.services-2 {
    margin-bottom: -58px;
	    margin-top: 7%;
}

@media only screen and (max-width:430px){
.services-2 {
	    margin-top: 7%;
		margin-bottom:0%;
}
}


.services-3 {
    margin-bottom: -58px;
    margin-top: 15%;
}

.services-2 .icon,.services-3 .icon  {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #004085;
    -webkit-box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15);
}
.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.services-2 .icon span, .services-3 .icon span {
    font-size: 28px;
    color: #fff;
}

.services-2 .media-body, .services-3 .media-body {
    width: calc(100% - 70px);
}
.pl-3, .px-3 {
    padding-left: 1rem !important;
}

.services-2 .media-body h3, .services-3 .media-body h3 {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #6a9aef;
}

@media (min-width: 1200px){
#container-1 {
    max-width: 1332px;
}
}


.title4 {
    font-size: 20px;
    font-weight: 400;
    color: #999;
    border-bottom: 1px dotted #fa9e1c;
    margin-left: 0;
    margin-bottom: 4%;
    text-align: center;
    line-height: 48px;
}

ul.a-t {
    color: #000;
    font-family: 'Roboto Slab';
}

ul.a-t > li:before {
    font-family: FontAwesome;
    content: "\f101";
    font-size: 18px;
    padding-right: 10px;
    color: #d21e39;
}

.att-title-1 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 5%;
    font-weight: 700;
    color: #014590;
    border-bottom: 1px dotted #333;
}

.contact-css{
	 line-height:2.2; font-size:18px;
}

.contact-css a{
	color:#000;
	text-decoration:none;
	border-bottom:none;
}

.contact-css a:hover{
	color:#004085;
	background:none;
}

.list-sty-1 {
    line-height: 2.5;
    font-size: 18px;
}

ul.list-sty-1 a {
    color: #004085;
    font-family: 'Roboto Slab';
}

ul.list-sty-1 a:hover {
    color: #000000;
}

.title-room {
    font-size: 27px;
    border-bottom: 1px dotted #333;
    margin-bottom: 3%;
    color: #0056b2;
}

ul.a-t-1 {
    font-size:18px;
	line-height:2.5;
}

.h-p {
    font-size: 23px;
    font-weight: 600;
    color: #04c;
	margin-top:5%;
}

.h-p-d {
    font-size: 18px;
    color: #585858;
	line-height:2;
}

@media (min-width: 430px) and (max-width: 770px) {
.col-md-3-1 {
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
}
}

.active-1 {
    display: block;
    position: absolute;
    left: -1px;
    bottom: -11px;
    width: calc(100% + 2px);
    height: 2px;
    background: linear-gradient(to right, #ffffff, #ffffff);
    content: '';
    opacity: 1;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.five {

    margin-bottom: 10px;
    /* background: rgba(234, 185, 168, 0.96); */
    /* padding-left: 5px; */
    color: #b37212;
    font-weight: normal;
    font-family: 'Roboto Slab' !important;
    margin-top: 16px;
}

.five {
    font-size: 18px;
    background-color: #002968;
    color: #fff;
    padding: 10px;
    text-align: center;
}

.space-divide {
    height: 25px;
    width: 100%;
}

.well {
    min-height: 20px;
    padding: 10px 10px 10px 10px !important;
    margin-right: 20px;
    background: none;
    border: 1px solid rgb(239 236 236);
    border-radius: 15px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .05);
    background: #fff;
    line-height: 25px;
    color: #153146;
    font-size: 16px;
    max-width: 22.9%;
}

.about-us-thumbnail {
    position: relative;
    z-index: 1;
    top: 0;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " ";
}

.about-us-thumbnail .single-thumb:first-child {
    margin-bottom: 0px;
}
.about-us-thumbnail .single-thumb {
    position: relative;
    z-index: 1;
    margin: 0px;
    display: block;
    overflow: hidden;
    border-radius: 0px;
}

.about-us-thumbnail .single-thumb:hover img, .about-us-thumbnail .single-thumb:focus img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.25);
}

.about-us-thumbnail .single-thumb img {
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    border-radius: 0px;
}

img {
    max-width: 100%;
}

.moretext {
  display: none;
}

.h3-sty {
    text-align: left;
    /* border-bottom: 1px dotted #333; */
    color: #004085;
    font-weight: 500;
}

.ul-sty > li {
    text-align: left;
    font-size: 17px;
    line-height: 2;
    font-family: 'Roboto Slab';
    color: #000;
}

.ul-sty > li:before {
    font-family:FontAwesome;
	content:"\f101";
	color:#5095de;
	padding:2%;
}

.box{
     /*background-image: radial-gradient(circle farthest-corner at 22.4% 21.7%, rgba(4, 189, 228, 1) 0%, rgba(2, 83, 185, 1) 100.2%);*/
     font-family: 'Roboto Slab';
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
     overflow: hidden;
     position: relative;
     transition: all 0.3s ease-in-out;
	     background-color: #000;
    font-size: 16px;
 }
 .box:hover{ box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.4); }
 .box:before{
     content: "";
     border: 1px solid #fff;
     opacity: 0;
     position: absolute;
     top: 50%;
     bottom: 50%;
     left: 15px;
     right: 15px;
     z-index: 1;
     transition: all 0.4s ease-in-out;
 }
 .box:hover:before{
     opacity: 0.9;
     top: 15px;
     bottom: 15px;
 }
 .box img{
     width: 100%;
     height: auto;
     transform: scale(1.1) translateX(4%);
     transition: all 0.4s ease-in-out;
 }
 .box:hover img{
     opacity: 0.3;
     transform: scale(1.1) translateX(-4%);
 }
 .box .box-content{
     color: #fff;
     opacity: 0;
     transform: translateX(20%);
     position: absolute;
     top: 30px;
     left: 33px;
     transition: all 0.3s ease-out;
 }
 .box:hover .box-content{
     opacity: 1;
     transform: translateX(0);
     transition-delay: 0.3s;
 }
 .box .title{
     font-size: 22px;
     font-weight: 700;
     text-transform: uppercase;
     margin: 0;
     color: #fff;
 }
  .box .title h3{
     font-size: 22px;
     color: #fff;
     font-weight: 700;
     text-transform: uppercase;
     margin: 0;
 }
 .box .post{
     font-size: 15px;
     font-weight: 400;
     font-style: italic;
     text-transform: capitalize;
     letter-spacing: 1px;
 }
 .box .icon{
     padding: 0;
     margin: 0;
     list-style: none;
     opacity: 0;
     transform: translateX(-20%);
     position: absolute;
     bottom: 33px;
     right: 30px;
     z-index: 1;
     transition: all 0.3s ease-out;
 }
 .box:hover .icon{
     opacity: 1;
     transform: translateX(0);
     transition-delay: 0.3s;
 }
 .box .icon li{
     margin: 0 2px;
     display: inline-block;
 }
 .box .icon li a{
     color: rgba(2, 83, 185, 1);
     background: #fff;
     font-size: 18px;
     text-align: center;
     line-height: 30px;
     height: 35px;
     width: 35px;
     border: 3px solid #fff;
     display: block;
     transition: all 0.3s ease;
 }
 .box .icon li a:hover{
     color: #fff;
     background: rgba(6, 57, 84, 1);
 }
 @media only screen and (max-width:990px){
     .box{ margin: 0 0 30px; }
 }
 

/*License Terms*/

.vid { float:right; width:96%; border-spacing:4px; border:solid 4px #bababa; position: relative;    height: 0;
    padding-bottom:30%;  }
 
.vid iframe {
    width: 100% !important; height:100% !important;
	position: absolute;
   top: 0;
    left: 0;
  }
.fq {
    text-align: left;
    text-decoration: none;
    color: #403A60;
    font-weight: normal;
    font-size: 21px;
    line-height: 34px;
    margin-top: 6px;
    list-style: circle;
    font-family: 'Roboto Slab';
}
.fqq{font-family: 'Roboto Slab'; margin-bottom: 20px;}
.fqa{font-size:16px; color:#111010; font-weight:normal; line-height:28px; text-align:left;font-family: 'Roboto Slab';}
.fqa a{font-size:16px; color:#083faf; text-decoration:none;}