h4,
h5,
h6,
h1,
h2,
h3 {
	margin-top: 0;
}

ul,
ol {
	margin: 0;
}

p {
	margin: 0;
}

html,
body {
	font-family: 'Open Sans', sans-serif;
	background: #F6F6F6;
}

body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.logo h1 {
	font-size: 3em;
	text-transform: uppercase;
	font-weight: 800;
	margin-bottom: 0;
	font-family: 'Open Sans';
}

.logo h1 a {
	color: #F94B4B;
	text-decoration: none;
}

.logo h1 span {
	font-size: 20px;
	color: #000;
	display: block;
}

.header_top {
	background: skyblue;
}

.headertop_nav {

	padding: 8px 0;

}

.headertop_nav ul {
	padding: 0;
	list-style: none;
}

.headertop_nav li {
	display: inline;
	font-size: 0.95em;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.28);
	color: #FFF;
	font-family: 'Open Sans', sans-serif;
}

.headertop_nav li a {
	margin: 0 5px;
	color: #FFF;
	transition: all ease-in-out .5s;
	-moz-transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
	-o-transition: all ease-in-out .5s;
}

.headertop_nav li a:hover {
	color: #F94B4B;
	text-shadow: none;
	text-decoration: none;
}



/********* Search box ***********/


.header-top-right {
	float: right;
}

.cnt_no {
	float: left;
	padding-top: 8px;
	padding-bottom: 12px;
}

.cnt_mail {
	float: right;
	padding-top: 8px;
	padding-bottom: 12px;
}

/***** Header-bottom *****/
.logo {
	float: left;
	padding: 20px;
}

.logo a {
	display: block;
}

/************ main *****************/
/*  GRID OF THREE   ============================================================================= */
.grids {
	padding: 5em 0;
}

.grid_icon {
	display: inline-block;
	padding: 10px;
	background: #323A45;
	cursor: pointer;
	transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	border-radius: 2px;
}

.underheader-line {
	border-top: 4px solid #e0e0e0;
	width: 140px;
	margin-left: auto;
	margin-right: auto;
}

.main-rooms-list .room-list-parametr span {
	font-size: 0.9em;
	margin-right: 1px;
	color: #777;
}

ul.person {
	padding: 0;
	list-style: none;
}

ul.person li {
	display: inline-block;
	color: #999;
}

ul.person h4 {
	display: inline-block;
	margin-top: 1.5em;
	color: #999;
	font-size: 1.1em;
}

span.icon-male {
	display: inline-block;
	vertical-align: bottom;
}

#room-person {
	display: inline-block;
}

/* .view {
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
} */

.view {
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    height: 350px;
}

.view .mask,
.view .content {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 250px;
}

.view img {
	display: block;
	position: relative;
}

.view h2 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 17px;
	padding: 10px;
	background: rgba(0, 0, 0, 0.8);
	margin: 20px 0 0 0;
}

.view h3 {
	font-style: italic;
	font-size: 12px;
	position: relative;
	color: #fff;
	padding: 10px 20px 20px;
	text-align: center;
}

.info {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	font-size: 3em;
}

.view-tenth img {
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	height: 350px;
    min-width: 530px;
    object-fit: contain;
	border: 10px solid darkorange;
    border-radius: 6px;
}

.view-tenth .mask {
	background-color: skyblue;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	border-radius: 6px;
}

.view-tenth h2 {
	border: 1px solid gray;
	background: transparent;
	margin: 40px 40px 0px 40px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	color: gray;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.view-tenth h3 {
	color: gray;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

.view-tenth.info {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

/* .view-tenth:hover img {
	-webkit-transform: scale(10);
	-moz-transform: scale(10);
	-o-transform: scale(10);
	-ms-transform: scale(10);
	transform: scale(10);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
} */

.view-tenth:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.view-tenth:hover h2,
.view-tenth:hover h3,
.view-tenth:hover.info {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.label-product {
	position: relative;
}

.product_container {
	margin-top: 1em;
}

.product_container h3 {
	font-size: 1.8em;
	font-weight: 700;
	text-transform: uppercase;
	margin: 1.5em 0 0.6em;
	font-family: 'Open Sans';
}

.product_container h3 a {
	color: #000;
}

.product_container h3 a:hover {
	color: skyblue;
	text-decoration: none;
}

.product_container p {
	color: #999;
	font-size: 1.1em;
}

.label-product>span {
	font-size: 15px;
	text-transform: uppercase;
	display: inline-block;
	position: absolute;
	left: 0px;
	top: -80px;
	color: #fff;
	padding: 10px;
	background: gray;
}

.grid_icon:hover {
	background: #00B895;
}

.reservation {
	background: #FFF;
	padding: 5em 0;
}

#main-reservation-text h3 {
	font-size: 1.8em;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	color: #555;
	font-family: 'Open Sans';
}

#main-reservation-undertext p {
	font-weight: 300;
	color: #fff;
	margin-top: 12px;
	display: inline-block;
	font-size: 0.7em;
	text-transform: none;
}

#reservation-button {
	color: #fff;
	border: 2px solid #fff;
	padding: 10px 26px;
	margin-top: 0px;
	font-size: 20px;
	display: inline-block;
	float: right;
	font-weight: 800;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
	background-color: #00B895;
}

.btn.btn-primary {
	font-family: 'Open Sans';
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	text-shadow: none;
	padding: 5px 20px;
	position: relative;
	letter-spacing: 0;
	background: transparent;
	border-radius: 0;
	box-shadow: none;
	border: none;
	outline: none;
	border-radius: 0;
	z-index: 1;
	overflow: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.btn {
	display: inline-block;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #000;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	border: 1px solid #ccc;
	border-bottom-color: #b3b3b3;
}

.btn-primary {
	color: #fff;
}

.btn.btn-primary:before {
	content: "";
	position: absolute;
	width: 0;
	height: 100%;
	bottom: 0;
	right: 0;
	top: 0;
	z-index: -1;
	border-radius: 0;
	background: #F94B4B;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.btn.btn-primary:hover:before {
	width: 100%;
	left: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.btn.btn-primary:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	border-radius: 0;
	background: #4DA164;
	z-index: -2;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.content-bottom {
	padding: 5em 0;
}

.header-wrap {
	font-size: 1.4em;
	text-align: center;
	border-bottom: 3px #f1f1f1 solid;
	text-transform: uppercase;
	font-family: "Open Sans", sans-serif;
	height: 12px;
	margin-bottom: 45px;
	font-weight: 300;
}

.welcome_desc p {
	font-size: 0.95em;
	color: #353535;
	line-height: 1.5em;
}

#flexiselDemo1,
#flexiselDemo2,
#flexiselDemo3 {
	display: none;
}

.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}

.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}

.nbs-flexisel-inner {
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
}

.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	line-height: 0px;
	width: 170px !important;
}

.welcome_desc h3,
.middle_right h3 {
	font-size: 2em;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 1em;
	font-family: 'Open Sans';
}

.nbs-flexisel-item img {
	width: 100%;
	cursor: pointer;
	position: relative;
	max-width: 100px;
	max-height: 100px;
	margin-top: 25px;
	margin-bottom: 10px;
	display: inline;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-o-border-radius: 100px;
}

/*** Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
	width: 50px;
	height: 50px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
}

.nbs-flexisel-nav-left {
	left: -30px;
}

.nbs-flexisel-nav-right {
	right: -26px;
}

.desc h3 {
	font-size: 1.3em;
	color: #dcbc86;
}

.welcome_desc {
	width: 92%;
}

ul#general-info {
	padding: 0;
	list-style: none;
	font-size: 1em;
	font-weight: 300;
}

#general-info li {
	line-height: 26px;
	border-bottom: 1px dotted #e0e0e0;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#general-info i {
	color: #F94B4B;
	margin-right: 8px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

/****  Logos ****/

.company_heading {
	padding-top: 90px;

	background: none;
}

.company_heading h3 {
	font-family: 'Open Sans';
	color: #000;
	margin-bottom: -10px;
	text-transform: uppercase;
	text-align: center;
	font-size: 2em;
	font-weight: 700;
	padding: 0 0 0.5em 0;
}

.company_logos {
	padding: 0;
	background: #fff;
}

.company_logos h3 {
	font-family: "Poppins", Arial, Tahoma, sans-serif;
	color: #000;
	margin-bottom: 15px;
	text-transform: uppercase;
	text-align: center;
	font-size: 3em;
	font-weight: 700;
	padding-top: 15px;
}

.ocarousel_window {
	width: 100%;
}

.ocarousel {
	display: none;
	padding: 20px 0;
	position: relative;
}

.ocarousel span a.prev,
.ocarousel span a.next {
	position: absolute;
	top: 8%;
}

.ocarousel span a.prev {
	left: 0;
	font-size: 3em;
	color: #F94B4B
}

.ocarousel span a.next {
	right: 0;
	font-size: 3em;
	color: #F94B4B
}

.ocarousel span a img {
	padding-top: 5px;
}

.ocarousel_window {
	overflow: hidden;
	white-space: nowrap;
	/* default size */
	width: 90%;
	margin: 0 auto;
}

.ocarousel_window_slides {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	width: 50000px;
	white-space: nowrap;
}

.ocarousel_window_slides * {
	float: left;
	white-space: normal;
	margin: 0 10px;
}

.ocarousel_indicators {
	width: 100%;
}

/*** Footer ***/
.footer {
	padding: 0 0 5em 0;
	background-repeat: no-repeat;
	background-color: #000;
	background-size: cover;
    background-image: linear-gradient(to top, #09203f 0%, #537895 100%);
}

.search {
	border-bottom: 2px solid #F94B4B;
	color: #FFF;
	margin-top: 1em;
}

.search input[type="text"] {
	outline: none;
	padding: 2px 5px;
	outline: none;
	color: #FFF;
	background: none;
	border: none;
	width: 91.2%;
	line-height: 1.5em;
	font-size: 0.85em;
}

.search input[type="submit"] {
	border: none;
	cursor: pointer;
	position: absolute;
	outline: none;
	width: 32px;
	height: 32px;
	margin-top: -9px;
}

.footer_grid h4 {
	font-size: 1.2em;
	color: darkorange;
	/* font-weight: 700; */
	/* text-transform: uppercase; */
	/* margin-bottom: 1em; */
	font-family: 'Open Sans';
}

.footer_top {
	border-bottom: 1px dotted gray;
    padding-bottom: 0em;
}

.footer_grid p {
	font-size: 0.95em;
	color: #E5E4E4;
	/* line-height: 1.8em; */
}

.footer-list ul {
	padding: 0;
	list-style: none;
}

i.twt {
	color: #fff;
	float: left;
	font-size: 2em;
	margin-right: 10px;
}

span.yellow a {
	color: #fff;
}

span.yellow a:hover {
	color: #F94B4B;
	text-decoration: none;
}

.footer-list li p {
	overflow: hidden;
	font-size: 0.95em;
}

.footer-list li.list_top {
	margin-bottom: 2em;
}

.company_address p {
	color: #E5E4E4;
	font-size: 1.6rem;
	padding: 0;
}

.company_address p span a {
	text-decoration: underline;
	color: #fff;
}

.company_address p span a:hover {
	text-decoration: none;
}

ul.socials {
	padding: 0;
	list-style: none;
	margin-top: 1em;
    text-align: center;
}

ul.socials li {
	display: inline-block;
}

.socials li a {
	margin-right: 5px;
	height: 43px;
	width: 43px;
	display: inline-block;
	color: #fff;
	background: none;
	text-align: center;
	line-height: 42px;
	font-size: 17px;
	border: 1px solid #fff;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
}

.socials li a:hover {
	border-color: skyblue;
	color: #fff !important;
}

.footer_bottom {
	margin-top: 2em;
}

.footer_nav {
	float: right;
}

.footer_nav li {
	display: inline;
}

.footer_nav ul {
	padding: 0;
}

.footer_nav li a {
	color: #FFF;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	font-size: 0.95em;
	margin: 0px 8px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}

.footer_nav li a:hover {
	color: #F94B4B;
}

.copy_right {
	float: left;
}

.copy_right p {
	font-size: 0.95em;
	color: #FFF;
}

.copy_right p a {
	color: #19D8FA;
}

.copy_right p a:hover {
	color: #FFF;
	font-weight: 900;
	text-decoration: none;
}

.footer-grid {
	float: left;
	width: 100%;
	margin-right: 2%;
}

.footer-grid h3 {
	font-family: 'Monda', sans-serif;
	color: #FFF;
	font-size: 1em;
	text-transform: uppercase;
	padding: 10px 0 3px 0px;
}

.footer-grid p {
	font-size: 0.9em;
	padding: 0.4em 0 0.5em 0;
	color: #777;
	line-height: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
}

.footer-grid a {
	font-family: 'Monda', sans-serif;
	color: #8dc63f;
	font-size: 0.875em;
	text-transform: uppercase;
	background: #FFF;
	padding: 10px 15px;
	display: inline-block;
	margin: 9px 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.footer-grid a:hover {
	background: gray;
	color: #FFF;
}

.footer-grid ul li {
	display: block;
}

.center-grid a {
	background: none;
	padding: 0px;
	color: #777;
	margin: 5px;
	border-bottom: 1px ridge rgba(192, 192, 192, 0.13);
	padding: 0px 0px 9px 0px;
}

.center-grid {
	width: 20%;
}

.center-grid a:hover {
	background: none;
}

.center-grid ul {
	margin-top: 5px;
}

.twitts p label {
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
	padding-right: 5px;
}

.twitts span {
	display: block;
	color: #fff;
	font-family: 'Monda', sans-serif;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.twitts span:hover {
	color: #F66;
	cursor: pointer;
}

/*--reservation--*/
.reagents_banner {
	background-size: 100% 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	/* padding: 2em 0 3em; */
}

.reagents_equipments {
	background-size: 100% 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	padding: 2em 0 3em;
}

.reservation_banner {
	background-size: 100% 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	padding: 2em 0 3em;
}

.main_title {
	font-size: 3rem;
	text-align: center;
	font-weight: 300;
	padding-top: 30px;
	text-transform: uppercase;
	padding-bottom: 20px;
	/* color: #fff; */
	font-family: "Poppins", Arial, Tahoma, sans-serif;
}

.divider {
	border-bottom: 3px solid skyblue;
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
.sub_divider {
	border-bottom: 3px solid skyblue;
	width: 100px;
	margin-right: auto;
}

.reservation_top {
	background: #fff;
	padding: 5em 0;
}

.reagents_top {
	background: #fff;
	padding: 5em 0;
}

.personal h2 {
	font-family: 'Open Sans';
	color: #000;
	margin-bottom: 1em;
	text-transform: uppercase;
	font-size: 2em;
	font-weight: 700;
}

.span2_of_1 {
	float: left;
	width: 47.33333%;
	margin-left: 4.33333%;
}

.span2_of_1:first-child {
	margin-left: 0;
}

.span2_of_1 h4 {
	text-transform: capitalize;
	font-size: 1em;
	color: #303030;
	font-weight: 600;
	margin-bottom: 5px;
}

.sel_room.left {
	margin-top: 20px;
}

.book_date.btm {
	margin-bottom: 15px;
}

a.btn.btn-primary.btn1.btn-normal.btn-inline {
	font-size: 18px;
}

.personal_bottom {
	margin-top: 3em;
}

.book_date input[type="text"] {
	width: 100px;
	color: #858585;
	font-size: 0.8725em;
	padding: 8px;
	outline: none;
	margin: 5px 0;
	font-family: 'Open Sans', sans-serif;
	border: 1px solid #DFDFDF;
	-webkit-appearance: none;
}


select {
	width: 100%;
	color: #858585;
	font-size: 0.8725em;
	padding: 7px;
	outline: none;
	margin: 5px 0;
	font-family: 'Open Sans', sans-serif;
	background: #ffffff;
	border: 1px solid #DFDFDF;
}

.personal {
	margin-top: 3em;
}

.reservation-form input[type="text"] {
	display: block;
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd;
	outline: none;
	font-size: 0.85em;
	color: #999;
}

.reservation-form textarea {
	display: block;
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd;
	outline: none;
	font-size: 0.85em;
	color: #999;
	height: 150px;
	resize: none;
}

h2.head {
	font-size: 2em;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 1em;
	font-family: 'Open Sans';
}

.reservation-form div {
	margin-bottom: 20px;
}

.room_grids {
	margin-bottom: 4em;
}

p.para {
	font-size: 0.95em;
	line-height: 1.8em;
	margin-top: 1em;
}

/*--about--*/
.about {
	text-align: center;
}

.about.header h2,.community-h h2, .about h2 {
	font-size: 3em;
	/* font-weight: 700; */
	margin-bottom: 0.5em;
	text-transform: uppercase;
	/* font-family: 'Open Sans'; */
	font-family: "Poppins", Arial, Tahoma, sans-serif;
	margin-top: 147px;
	color: #000;
    font-size: 3rem;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    /* margin: 30px 0 80px; */
    font-family: "Poppins", Arial, Tahoma, sans-serif;
}
.community-h h2 { 
	margin-top: auto;
}
.about h2 {
	margin-top: 5%;
}

.about h3 {
	font-size: 3em;
	/* font-weight: 700; */
	text-transform: uppercase;
	font-family: "Poppins", Arial, Tahoma, sans-serif;
}

.about h3 a {
	color: #F94B4B;
}

.about h3 a:hover {
	text-decoration: none;
	color: #555;
}

.about p {
	color: #555;
	font-size: 1em;
	line-height: 29px;
	margin: 3em 0 2em;
	text-align: justify;
}

a.btn.btn-primary.btn2.btn-normal.btn-inline {
	padding: 0px 10px;
}

h3.hist {
	font-size: 3em;
	font-weight: 700;
	margin-bottom: 1em;
	text-transform: uppercase;
	font-family: 'Open Sans';
	color: #000;
	text-align: center;
}

.staff {
	padding: 5em 0;
}

.staff_grid h3 {
	font-size: 2em;
	text-transform: uppercase;
	font-family: 'Open Sans';
	margin: 1em 0 0.5em;
}

.staff_grid h3 a {
	color: #F94B4B;
}

.staff_grid h3 a:hover {
	text-decoration: none;
	color: #555;
}

.staff_grid p {
	color: #999;
	font-size: 0.95em;
	line-height: 1.8em;
}

h2.staff_head {
	font-size: 3em;
	font-weight: 700;
	margin-bottom: 1em;
	text-transform: uppercase;
	font-family: 'Open Sans';
	color: #000;
	text-align: center;
}

.history_grid h3 {
	font-size: 18px;
	text-transform: uppercase;
	line-height: 1.5em;
}

.history_grid p {
	font-size: 1.1em;
	color: #555;
	line-height: 1.8em;
	margin: 2em 0 1em;
	text-align: justify;
}

.history_grid h3 a {
	color: #F94B4B;
}

.history_grid h3 a:hover {
	color: #555;
	text-decoration: none;
}

/*--blog--*/
.post1 {
	margin-bottom: 3em;
}

.post1 h3 {
	font-family: 'Open Sans';
	font-size: 2em;
	color: #555;
	text-transform: uppercase;
}

.post1 h3 a:hover {
	text-decoration: none;
	color: #F94B4B;
}

.post1 p {
	color: #999;
	font-size: 0.95em;
	line-height: 1.8em;
	margin: 1em 0;
}

.post1 .post1_header {
	font-size: 13px;
	position: relative;
	margin-top: 1px;
	margin-bottom: 22px;
}

.post1 .post1_header span {
	display: inline-block;
}

.post1 .post1_header_date {
	margin-right: 25px;
}

.post1 .post1_header_by {
	margin-right: 25px;
}

.post1 .post1_header_in {
	margin-right: 25px;
}

.post1_header_comments {
	float: right;
}

nav a {
	position: relative;
	display: inline-block;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
	font-size: 1.35em;
}

nav a:hover,
nav a:focus {
	outline: none;
}

/* Effect 7: second border slides up */
.cl-effect-7 a {
	padding: 9px 0px 5px;
	color: #F94B4B;
	text-shadow: none;
	font-family: 'Open Sans';
	font-size: 1.2em;
	font-weight: 700;
}

.cl-effect-7 a:hover {
	text-decoration: none;
}

.cl-effect-7 a::before,
.cl-effect-7 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 3px;
	background: #555;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	transform: scale(0.85);
}

.cl-effect-7 a::after {
	opacity: 0;
	-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: top 0.3s, opacity 0.3s, transform 0.3s;
}

.cl-effect-7 a:hover::before,
.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::before,
.cl-effect-7 a:focus::after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}

.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::after {
	top: 0%;
	opacity: 1;
}

a.mask {
	text-decoration: none;
	overflow: hidden;
	display: block;
}

img.zoom-img:hover {
	-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
}

img.zoom-img {
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}

.category_widget h3 {
	font-family: 'Open Sans';
	font-size: 2em;
	color: #555;
	text-transform: uppercase;
}

.category_widget ul li {
	margin-bottom: 0;
	border-bottom: 1px solid #e9e9e9;
}

.category_widget ul li a {
	display: list-item;
	padding-top: 12px;
	padding-bottom: 12px;
	color: #272727;
	text-decoration: none;
}

.category_widget ul li a:hover {
	color: red;
}

span.badge.pull-right:hover {
	background: #F94B4B;
}

.category_widget {
	margin-bottom: 4em;
}

.badge1 {
	background:
}

ul.blog-list1 {
	list-style: none;
	margin: 0;
	padding: 0
}

ul.blog-list1 h3,
ul.recent-list h3 {
	font-family: 'Open Sans';
	font-size: 2em;
	color: #555;
	text-transform: uppercase;
	margin-bottom: 0.5em;
}

ul.blog-list1 li {
	display: inline-block;
	margin: 8px 3px;
}

ul.blog-list1 li a {
	color: #fff;
	font-size: 0.95em;
	text-decoration: none;
	background: #dcbc86;
	padding: 5px;
}

ul.blog-list1 li a:hover {
	background: #F94B4B;
}

ul.recent-list {
	padding: 0;
	list-style: none;
	margin-top: 4em;
}

ul.recent-list li a {
	color: #888;
	font-size: 0.95em;
	vertical-align: top;
	text-decoration: none;
}

ul.recent-list li a:hover {
	color: #e4411b;
}

ul.recent-list li {
	margin-bottom: 10px;
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 10px;
}

ul.recent-list li span {
	color: #333;
	font-size: 0.95em;
}

ul.dc_pagination {
	padding: 0;
	list-style: none;
}

ul.dc_pagination li:first-child {
	margin-left: 0px;
	text-transform: uppercase;
}

ul.dc_pagination li {
	display: inline-block;
	margin: 0px;
	margin-left: 5px;
	padding: 0px;
}

ul.dc_pagination li a {
	color: #000;
	display: block;
	padding: 8px 15px 8px 15px;
	text-decoration: none;
	font-size: 0.95em;
}

ul.dc_paginationA06 li a:hover,
ul.dc_paginationA06 li a.current {
	background: #dcbc86;
	color: #FFF;
}

ul.comment-list {
	border: 1px solid #EEE;
	padding: 2em;
	list-style: none;
	margin: 3em 0;
	list-style: none;
}

.desc p {
	font-size: 0.95em;
	line-height: 1.5em;
	color: #999;
	margin-top: 2em;
}

h5.post-author_head {
	line-height: 1.2em;
	font-size: 1.2em;
	text-transform: none;
	color: #999;
}

h5.post-author_head a {
	color: #555;
}

ul.comment-list img {
	float: left;
	width: 10%;
	margin-right: 20px;
}

ul.comment-list .desc {
	overflow: hidden;
}

/*--single--*/
.comments-area h3 {
	font-family: 'Open Sans';
	font-size: 2em;
	color: #555;
	text-transform: uppercase;
	margin-bottom: 0.5em;
}

.comments-area p {
	position: relative;
	padding: 8px 0;
	margin: 0;
}

.comments-area label {
	display: block;
	color: #999;
}

.comments-area span {
	color: #e4411b;
	position: absolute;
	left: 4px;
	top: 30px;
}

.comments-area input[type="text"] {
	padding: 15px 20px;
	width: 75%;
	color: #999;
	font-size: 13px;
	border: none;
	background: #F7F3ED;
	outline: none;
	display: block;
}

.comments-area textarea {
	padding: 15px 30px;
	width: 90%;
	color: #999;
	font-size: 13px;
	outline: none;
	height: 200px;
	display: block;
	border: none;
	background: #F7F3ED;
}

.comments-area input[type="submit"] {
	padding: 15px 20px;
	color: #fff;
	background: #F94B4B;
	font-size: 1em;
	border: none;
	outline: none;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}

.comments-area input[type="submit"]:hover {
	background: #dcbc86;
}

/*--contact--*/
.contact_left h3,
.contact_right h3 {
	font-family: 'Open Sans';
	font-size: 2em;
	color: #555;
	text-transform: uppercase;
	margin-bottom: 1em;
}

.map {
	width: 100%;

}

.address p {
	color: #333033;
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 16px;
	font-style: normal;
	text-transform: uppercase;
}

.address dd {
	color: #aaa4ab;
	font-size: 13px;
	line-height: 20px;
	font-weight: 300;
}

.contact-form input {
	display: block;
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd;
	outline: none;
	margin: 1.5em 0;
	font-size: 0.85em;
	color: #999;
}


.contact-form input[type="email"] {
	display: block;
	width: 70%;
	padding: 10px;
	border: 1px solid #ddd;
	outline: none;
	margin: 1.5em 0;
	font-size: 0.85em;
	color: #999;
}

.contact-form textarea {
	display: block;
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd;
	outline: none;
	margin: 1.5em 0;
	font-size: 0.85em;
	color: #999;
	height: 200px;
	resize: none;
}

.contact-form input[type="submit"] {
	padding: 15px 20px;
	color: #fff;
	background: #F94B4B;
	font-size: 1em;
	border: none;
	outline: none;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	float: right;
}

.contact-form input[type="submit"]:hover {
	background: #dcbc86;
}

/*** responsice layout ***/
@media all and (max-width: 1024px) {}

@media all and (max-width: 800px) {
	.logo {
		float: none;
		/* padding: 0; */
		text-align: center;
	}
	.about h2 {
		margin-top: 15%;
	}
	.col-md-4 {
		margin-bottom: 3em;
	}
	.contact-form {
		margin-top: 90px;
	}

	.view .mask,
	.view .content {
		height: 263px;
	}

	.view-tenth img {
		transition: none;
	}

	div#main-reservation-text {
		margin-bottom: 2em;
	}

	.welcome_desc {
		width: 99%;
		margin-bottom: 2em;
	}

	.img-responsive,
	.thumbnail>img,
	.thumbnail a>img,
	.carousel-inner>.item>img,
	.carousel-inner>.item>a>img,
	.view img {
		display: inline;
	}

	.reservation_top,
	.grids,
	.content-bottom {
		padding: 4em 0 2em;
	}

	.room_grids {
		margin-bottom: 0;
	}

	.nbs-flexisel-nav-left {
		left: -14px;
	}

	.reservation,
	.company_logos,
	.footer,
	.staff {
		padding: 3em 0;
	}

	.search input[type="text"] {
		width: 96%;
	}

	.footer_top {
		padding-bottom: 0;
	}

	.staff_grid {
		margin-bottom: 2em;
	}

	.category_widget {
		margin: 4em 0 3em;
	}
}
@media all and (max-width: 800px) {
	.main_title {
		padding-top: 60px;
	}
}
@media all and (max-width: 640px) {
	
	.main_title,
	.about h2 {
		font-size: 2em;
	}

	.about h3 {
		font-size: 1.2em;
	}

	.about p {
		margin: 1em 0 2em;
	}

	ul.recent-list {
		margin-top: 3em;
	}

	.footer_grid h4 {
		margin-bottom: 0.5em;
	}
}

@media all and (max-width: 480px) {
	.headertop_nav li a {
		font-size: 0.85em;
		margin: 0;
	}

	#loginButton span {
		padding: 10px 10px;
	}

	.product_image img,
	.mask {
		width: 100%;
	}

	.label-product>span {
		font-size: 14px;
		padding: 5px;
	}

	.view-tenth h2 {
		margin: 10px 10px 0px 10px;
		font-size: 1em;
	}

	.view h3 {
		padding: 10px 10px 0px;
	}

	.product_container h3 {
		font-size: 1.5em;
		margin: 1em 0 0.4em;
	}

	ul.person h4,
	.product_container p {
		font-size: 1em;
	}

	#main-reservation-text h3 {
		font-size: 1.4em;
	}

	.btn.btn-primary {
		font-size: 1.5em;
		padding: 8px 10px;
	}

	.nbs-flexisel-nav-right {
		right: -17px;
	}

	.welcome_desc h3,
	.middle_right h3 {
		margin-bottom: 0.5em;
	}

	h2.staff_head,
	h3.hist {
		font-size: 2em;
		margin-bottom: 0.5em;
	}

	.history_grid h3 {
		font-size: 14px;
		margin-top: 1em;
	}

	.about p {
		font-size: 0.95em;
	}

	.post1 h3 {
		font-size: 1.5em;
	}

	ul.dc_pagination li a {
		padding: 7px 10px 7px 7px;
		font-size: 0.85em;
	}

	.category_widget {
		margin: 3em 0 2em;
	}

	.map {
		height: 200px;
		margin: 0 0 20px;
	}

	.contact-form textarea {
		height: 150px !important;
	}

	.copy_right {
		float: none;
	}

	.footer_nav {
		float: none;
		margin-top: 1em;
	}
}

@media all and (max-width: 320px) {
	.headertop_nav {
		float: none;
		padding: 5px 0;
	}

	.header-top-right {
		float: none;
	}

	.header-top-right {
		float: none;
	}

	.logo h1 {
		font-size: 2.5em;
	}

	.logo h1 span {
		font-size: 15px;
	}

	.login_box {
		float: none;
	}

	.product_image img,
	.mask {
		width: 230px;
	}

	.view .mask,
	.view .content,
	.label-product>span {}

	.search input[type="text"] {
		width: 89%;
	}

	ul.comment-list {
		padding: 1em;
	}

	.comments-area input[type="text"] {
		padding: 10px 10px;
		width: 85%;
	}

	.comments-area textarea {
		padding: 10px 10px;
		width: 95%;
		height: 120px;
	}

	.comments-area input[type="submit"] {
		padding: 10px;
	}
}


.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	z-index: 1;
}

.isotope,
.isotope .isotope-item {
	/* change duration value to whatever you like */
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}


.portfolio-wrapper ul.filter {
	list-style: none;
	padding: 0;
	margin-bottom: 35px;
	margin-top: 28px;
	overflow: hidden;
}

.portfolio-wrapper ul.filter li {
	float: left;
	text-transform: uppercase;
	margin-right: 25px;
	font-weight: 600;
}

.portfolio-wrapper ul.filter li a {
	color: #909090;
}

.portfolio-wrapper ul.filter li a:hover,
.portfolio-wrapper ul.filter li a.active {
	color: #000;
}

.portfolio-wrapper .portfolio-items {
	clear: both;
}

.portfolio-wrapper .portfolio-content {
	position: relative;
	margin-bottom: 30px;
	width: 100%;
}

.portfolio-wrapper .portfolio-overlay {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	padding: 30px;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	-moz-transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-o-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
}

.portfolio-wrapper .portfolio-overlay img {
	width: 100%;
}

.portfolio-wrapper .portfolio-content:hover .portfolio-overlay {
	opacity: 1;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.portfolio-wrapper .portfolio-overlay a {
	color: #fff;
	font-size: 35px;
}

.portfolio-wrapper .portfolio-overlay a:hover {
	color: #fff;
}


@media (max-width:1366px) {}

@media (max-width:1280px) {}

@media (max-width:1024px) {

	.grid figure {
		position: relative;
		float: left;
		overflow: hidden;
		margin: 10px 1%;
		min-width: 320px;
		max-width: 547px;
		max-height: 360px;
		width: 48%;
		background: #35BB60;
		text-align: center;
		cursor: pointer;
	}

	.grid figure p {
		letter-spacing: 1px;
		font-size: 45%;

	}

}

@media (max-width:800px) {
	.grid figure {
		position: relative;
		float: left;
		overflow: hidden;
		margin: 10px 1%;
		min-width: 320px;
		max-width: 547px;
		max-height: 360px;
		width: 100%;
		background: #35BB60;
		text-align: center;
		cursor: pointer;
	}

	.grid figure p {
		letter-spacing: 1px;
		font-size: 70%;

	}
}

@media (max-width:720px) {

	.grid figure {
		position: relative;
		float: left;
		overflow: hidden;
		margin: 10px 1%;
		min-width: 320px;
		max-width: 547px;
		max-height: 360px;
		width: 100%;
		background: #35BB60;
		text-align: center;
		cursor: pointer;
	}

	.grid figure p {
		letter-spacing: 1px;
		font-size: 70%;

	}

}

@media (max-width:640px) {
	.grid figure p {
		letter-spacing: 1px;
		font-size: 49.5%;

	}
}

@media (max-width:480px) {


	.grid figure p {
		letter-spacing: 1px;
		font-size: 40%;

	}
}


.codrops-demos {
	padding-top: 1em;
	font-size: 0.9em;
}

.codrops-demos a {
	display: inline-block;
	margin: 0.5em;
	padding: 0.7em 1.1em;
	border: 3px solid #b1aea6;
	color: #b1aea6;
	font-weight: 700;
}

.codrops-demos a:hover,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
	border-color: #20A83B;
	color: #FFFFFF;
	background-color: rgb(76, 140, 72);
	text-decoration: none;
}

@media screen and (max-width: 46.0625em) {

	.main {
		padding: 0;
	}

	.column {
		width: 100%;
		min-width: auto;
		min-height: auto;
		padding: 3em 2em;
	}

	.column p {
		text-align: left;
		font-size: 1.5em;
	}

	.column:nth-child(2) {
		box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
		background-position: 90px 3em;
	}
}

.portfolio-content img {
	height: 230px;
}


figure.snip0058 {
	border-radius: 6px;
	color: #fff;
	position: relative;
	float: left;
	overflow: hidden;
	margin: 30px 1%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.65);
}

figure.snip0058 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

figure.snip0058>img {
	opacity: 1;
	/* width: 100%; */
	filter: blur(0px);
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

figure.snip0058 figcaption {
	left: 30px;
	margin-bottom: -52px;
	position: absolute;
	right: 30px;
	text-align: left;
	bottom: 100%;
	-webkit-transition: bottom 0.35s;
	transition: bottom 0.35s;
}

figure.snip0058 figcaption h2 {
	width: 100%;
	text-align: left;
	/* border-radius: 0 0 5px 5px; */
	border-radius: 6px;
	margin: 0;
	padding: 15px 20px;
	font-size: 1.1em;
	bottom: 0;
	font-weight: 300;
	text-transform: uppercase;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	background-color: rgba(0, 0, 0, 0.65);
	position: relative;
	z-index: 1;
}

figure.snip0058 figcaption h2 span {
	font-weight: 800;
}

figure.snip0058 figcaption p {
	position: relative;
	background-color: skyblue;
	color: #000;
	margin: 0;
	font-size: 0.9em;
	min-height: 220px;
}

figure.snip0058 figcaption p span {
	padding: 15px 20px;
	position: absolute;
	bottom: 0;
}

figure.snip0058 figcaption .icons {
	padding: 5px;
	position: absolute;
	right: 0;
	bottom: 0;
}

figure.snip0058 figcaption .icons i {
	font-size: 23px;
	padding: 4px;
	color: #ffffff;
	opacity: 1;
	position: relative;
	bottom: -90px;
	opacity: 0;
	-webkit-transition: bottom 0.35s, opacity 0.35s;
	transition: bottom 0.35s, opacity 0.35s;
}

figure.snip0058 figcaption .icons a:first-child i {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

figure.snip0058 figcaption .icons a:nth-child(2) i {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

figure.snip0058 figcaption .icons a:nth-child(3) i {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

/* figure.snip0058:after {
	position: absolute;
	display: block;
	bottom: -15px;
	height: 15px;
	right: 30px;
	left: 30px;
	border-radius: 5px 5px 0 0;
	background-color: rgba(0, 0, 0, 0.65);
	z-index: 2;
	content: '';
	-webkit-transition: bottom 0.35s;
	transition: bottom 0.35s;
} */

figure.snip0058.blue:after,
figure.snip0058.blue h2 {
	background: #20638f;
}

figure.snip0058.red:after,
figure.snip0058.red h2 {
	background: #962d22;
}

figure.snip0058.yellow:after,
figure.snip0058.yellow h2 {
	background: #bf6516;
}

figure.snip0058.green:after,
figure.snip0058.green h2 {
	background: #1e8449;
}

figure.snip0058 a {
	opacity: 0.7;
}

figure.snip0058 a:hover {
	opacity: 1;
}

figure.snip0058:hover>img,
figure.snip0058.hover>img {
	opacity: 0.5;
	filter: blur(5px);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

figure.snip0058:hover figcaption,
figure.snip0058.hover figcaption {
	bottom: 115px;
}

figure.snip0058:hover figcaption .icons i,
figure.snip0058.hover figcaption .icons i {
	opacity: 1;
	bottom: -41px;
}

figure.snip0058:hover figcaption::before,
figure.snip0058.hover figcaption::before {
	opacity: 0.8;
}

figure.snip0058:hover:after,
figure.snip0058.hover:after {
	bottom: 0;
}

#our-prd {
	/* margin-top: 50px;
	margin-bottom: 50px; */
}
.sub_title {
	margin-left: 10%;
    color: gray;
}

.rx-series {
	float: left;
	margin-top: 80px;

}

.rx-series h3 {

	margin-bottom: 50px;

}

@media (max-width:568px) {
	figure.snip0058 figcaption h2 {

		padding: 8px 10px;
		font-size: 0.9em;
		bottom: 0;

	}

	figure.snip0058 figcaption {
		left: 20px;
		margin-bottom: -28px;
		right: 20px;
		bottom: 100%;

	}

	figure.snip0058:after {


		display: none;


	}

	figure.snip0058:hover figcaption,
	figure.snip0058.hover figcaption {
		bottom: 45px;
	}

	figure.snip0058 figcaption p {

		color: #000;
		margin: 0;
		font-size: 0.9em;

	}

	figure.snip0058 figcaption p span {
		padding: 8px 10px;
		position: absolute;
		bottom: 0;
	}
}


	@media (max-width:414px) {
		figure.snip0058 figcaption h2 {

			padding: 8px 10px;
			font-size: 0.9em;
			bottom: 0;

		}

		figure.snip0058 figcaption {
			left: 20px;
			margin-bottom: -28px;
			right: 20px;
			bottom: 100%;

		}

		figure.snip0058:after {


			display: none;


		}

		figure.snip0058:hover figcaption,
		figure.snip0058.hover figcaption {
			bottom: 5px;
		}

		figure.snip0058 figcaption p {

			color: #000;
			margin: 0;
			font-size: 0.9em;

		}

		figure.snip0058 figcaption p span {
			padding: 8px 10px;
			position: absolute;
			bottom: 0;
		}
    }

		@media (max-width:384px) {
			figure.snip0058 figcaption h2 {

				padding: 8px 10px;
				font-size: 0.9em;
				bottom: 0;

			}

			figure.snip0058 figcaption {
				left: 15px;
				margin-bottom: -28px;
				right: 15px;
				bottom: 100%;

			}

			figure.snip0058:after {


				display: none;


			}

			figure.snip0058:hover figcaption,
			figure.snip0058.hover figcaption {
				bottom: 0px;
			}

			figure.snip0058 figcaption p {

				color: #000;
				margin: 0;
				font-size: 0.88em;

			}

			figure.snip0058 figcaption p span {
				padding: 8px 10px;
				position: absolute;
				bottom: 0;
			}
        }


			@media (max-width:375px) {
				figure.snip0058 figcaption h2 {

					text-align: left;

					margin: 0;
					padding: 8px 10px;
					font-size: 0.9em;
					bottom: 0;

				}

				figure.snip0058 figcaption {
					left: 15px;
					margin-bottom: -28px;
					position: absolute;
					right: 15px;
					text-align: left;
					bottom: 100%;
					-webkit-transition: bottom 0.35s;
					transition: bottom 0.35s;
				}

				figure.snip0058:after {

					bottom: -15px;
					height: 10px;
					right: 30px;
					left: 30px;
					border-radius: 5px 5px 0 0;
					display: none;
					z-index: 2;
					content: '';

				}

				figure.snip0058:hover figcaption,
				figure.snip0058.hover figcaption {
					bottom: 0px;
				}

				figure.snip0058 figcaption p {
					position: relative;
					background-color: rgba(255, 255, 255, 0.9);
					color: #000;
					margin: 0;
					font-size: 0.87em;

				}

				figure.snip0058 figcaption p span {
					padding: 8px 10px;
					position: absolute;
					bottom: 0;
				}
            }


				@media (max-width:360px) {
					figure.snip0058 figcaption h2 {

						text-align: left;

						margin: 0;
						padding: 8px 8px;
						font-size: 0.9em;
						bottom: 0;

					}

					figure.snip0058 figcaption {
						left: 12px;
						margin-bottom: -28px;
						position: absolute;
						right: 12px;
						text-align: left;
						bottom: 100%;
						-webkit-transition: bottom 0.35s;
						transition: bottom 0.35s;
					}

					figure.snip0058:after {

						bottom: -15px;
						height: 10px;
						right: 30px;
						left: 30px;
						border-radius: 5px 5px 0 0;
						display: none;
						z-index: 2;
						content: '';

					}

					figure.snip0058:hover figcaption,
					figure.snip0058.hover figcaption {
						bottom: 0px;
					}

					figure.snip0058 figcaption p {
						position: relative;
						background-color: rgba(255, 255, 255, 0.9);
						color: #000;
						margin: 0;
						font-size: 0.83em;

					}

					figure.snip0058 figcaption p span {
						padding: 6px 6px;
						position: absolute;
						bottom: 0;
					}
                }


					@media (max-width:320px) {
						figure.snip0058 figcaption h2 {

							text-align: left;

							margin: 0;
							padding: 5px 5px;
							font-size: 0.85em;
							bottom: 0;

						}

						figure.snip0058 figcaption {
							left: 0px;
							margin-bottom: -28px;
							position: absolute;
							right: 0px;
							text-align: left;
							bottom: 100%;
							-webkit-transition: bottom 0.35s;
							transition: bottom 0.35s;
						}

						figure.snip0058:after {

							bottom: -15px;
							height: 10px;
							right: 30px;
							left: 30px;
							border-radius: 5px 5px 0 0;
							display: none;
							z-index: 2;
							content: '';

						}

						figure.snip0058:hover figcaption,
						figure.snip0058.hover figcaption {
							bottom: 8px;
						}

						figure.snip0058 figcaption p {
							position: relative;
							background-color: rgba(255, 255, 255, 0.9);
							color: #000;
							margin: 0;
							font-size: 9px;

						}

						figure.snip0058 figcaption p span {
							padding: 4px 4px;
							position: absolute;
							bottom: 0;
						}
                    }
                    .company_heading.products {
                        padding-bottom: 20px;
                    }
                    .footer_grid {
                        margin-top: 30px;
                    }
                    .ocarousel_window a {
                        cursor: all-scroll;
                    }
                    .nav li.highlight > a {
                        /* background: #C3C3BD !important; */
						/* background: skyblue !important; */
						background: gray !important;
						color:white !important;
                    }
                    li.highlight a {
                        /* color: white !important; */
                    }
					.row.copyright {
						padding-left: 20px;
    					color: gray;
    					font-size: 9px;
						padding-top: 3px
					}
					@media (min-width: 768px) {
					.col-md-3 {
						padding-right: 0 !important;
    					padding-left: 0 !important;
					}
					.carousel .carousel-item h4 {
						font-size: 14px !important;
					}
				}

				.img-responsive, .thumbnail a>img, .thumbnail>img {
					display: block;
					max-width: inherit;
					height: auto;
				}
				/* #Contact {
					box-shadow: 0px 5px 40px 0px rgba(61.000000000000014, 112.99999999999996, 117, 0.14901960784313725);
    				padding: 10px 20px 10px 20px;
					border-radius: 6px;
				} */
				.suppliers {
					pointer-events: none;
    				cursor: default;
				}
				.col-md-6 {
					margin: 5px;
					border: 1px solid #ccc;
					float: left;
					width: 32% !important;
					padding: 20px;
					height: 300px;
				 }
				 .white {
					font-family: "Inter", Sans-serif;
					font-size: 16px;
					font-weight: 600;
					line-height: 1.2em;
					color: #000435;
					text-align: center;
				 }
				 .icons {
					color: #808080;
					font-family: "Heebo", Sans-serif;
					font-size: 14px;
					font-weight: 500;
					text-align: center;
				 }
				 @media only screen and (max-width:1000px) {
					.col-md-6 {
					   margin: 0;
					   /* border: 1px solid #ccc; */
					   /* float: left; */
					   width: 100% !important;
					   padding: 20px;
					   height: auto;
					}
				 }
				 body, .col-lg-12 {
					background-color: #d9d9d9 !important;
					background-image: linear-gradient(315deg, #d9d9d9 0%, #f6f2f2 74%) !important;
				 }
				 .col-md-6, div.gallery {
					background: white;
				}

				@media (max-width: 800px) {
					.col-lg-12 .home {
					   display: block !important;
					   margin-top: 157px !important;
					}
					.col-lg-12 .home > div {
					   width: 100% !important;
					}
					.column {
					   padding: 0;
					}
					.col-md-4.footer_grid {
					   display: block !important;
					}
					.main_title {
						padding-top: 100px;
					}
				 }