@import url("http://fonts.googleapis.com/css?family=Roboto:300italic,400italic,500italic,600italic,700italic,800italic,300,400,500,600,700,800&subset=vietnamese,latin-ext");
/*************************
*******Typography******
**************************/

@font-face {
	font-family: "Futura Book";
	src: url("/Fonts/Futura/57a6731b-fa5c-4c8a-bea8-e2f1a287f309.eot-#iefix");
	src: url("/Fonts/Futura/57a6731b-fa5c-4c8a-bea8-e2f1a287f309.eot-#iefix")format("eot"), url("/Fonts/Futura/4d0e252c-d811-4a5d-a7f3-6ad72c6b76f2.woff") format("woff"), url("/Fonts/Futura/54250d43-02be-4ff9-b802-a4ea104a0611.ttf") format("truetype"), url("/Fonts/Futura/15c556fc-4608-4b01-8a0d-9c8631c8bd74.svg#15c556fc-4608-4b01-8a0d-9c8631c8bd74") format("svg")
}

@font-face {
	font-family: "Minion Regular";
	src: url("/Fonts/MinionRegular/35d9d14d-a31d-4d9b-a998-00ffc9bd46a4.eot-#iefix");
	src: url("/Fonts/MinionRegular/35d9d14d-a31d-4d9b-a998-00ffc9bd46a4.eot-#iefix")format("eot"), url("/Fonts/MinionRegular/62100580-a2d1-4d98-bb14-d4c4c3f1a5ba.woff") format("woff"), url("/Fonts/MinionRegular/7ae8e168-1c29-4fcb-bb59-0043c943df3b.ttf") format("truetype"), url("/Fonts/MinionRegular/cfa664d4-e518-4a49-b8a3-fccec93c29c1.svg#cfa664d4-e518-4a49-b8a3-fccec93c29c1")format("svg")
}

@font-face {
	font-family: "Minion Italic";
	src: url("/Fonts/MinionItalic/0d708c6f-d31c-49ad-b92e-ea37b7ba762b.eot-#iefix");
	src: url("/Fonts/MinionItalic/0d708c6f-d31c-49ad-b92e-ea37b7ba762b.eot-#iefix")format("eot"), url("/Fonts/MinionItalic/e364b06d-aac3-4a54-84ff-4b3a2860debb.woff") format("woff"), url("/Fonts/MinionItalic/6346c02d-13da-4d5c-ab2e-13e40d7f24c2.ttf") format("truetype"), url("/Fonts/MinionItalic/8cda8fb2-6a3e-4e20-b063-4fbfca0025e5.svg#8cda8fb2-6a3e-4e20-b063-4fbfca0025e5")format("svg")
}

@font-face {
	font-family: "TrajanPro-Regular";
	src: url("/Fonts/TrajanPro/TrajanPro-Regular.eot-#iefix");
	src: url("/Fonts/TrajanPro/TrajanPro-Regular.eot-#iefix")format("eot"), url("/Fonts/TrajanPro/TrajanPro-Regular.woff") format("woff"), url("/Fonts/TrajanPro/TrajanPro-Regular.ttf") format("truetype"), url("/Fonts/TrajanPro/TrajanPro-Regular.svg#TrajanPro-Regular") format("svg")
}


@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
	font-family: "Baskerville Regular";
	/*color:#232530;*/
	margin-top: 0px;
}

h1.title {
	font-size: 26px!important;
	text-align:center;
	margin-bottom: 20px;
}

h2.title {
	font-size: 23px!important;
}

.color333 {
	color: #232530;
}

a.title:hover {
	color: #404040;
}

/*h2{
font-size: 20px;
}

h3{
font-size: 16px;
color: #787878;
line-height: 24px;
}

h4{
font-size: 16px;
}*/

h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {
	font-size: 80%;
}

#desktop-header i {
	font-size: 18px;
	margin-right: 5px;
}

#mobile-header img#logo3 {
	margin-top: -5px;
	width: 50px;
}

.required{
	color: red;
}

.logo {
	/*margin: 10px auto;
	width: 180px;*/
	display: block;
}

.logo a.blogo {
	margin: 0 auto;
	height: 100px;
	max-width: 180px;
	position: relative;
	display: block;
}

.blogo img {
	margin-top: 35px;
	width: 72%;
	margin-left: 12px;
}

.blogo {
	float: left;
}

.logo a.slogo {
	margin: 0 auto;
	height: 44px;
	max-width: 180px;
	background: transparent url("../slogo.svg") no-repeat scroll left top / 180px 44px;
	position: relative;
	display: block;
}

/* .logo a img {width:100%;}
a {
color: #d1a564;
-webkit-transition: color 300ms, background-color 300ms;
-moz-transition: color 300ms, background-color 300ms;
-o-transition:  color 300ms, background-color 300ms;
transition:  color 300ms, background-color 300ms;
}

a:hover, a:focus {
color: #232530;
}*/

hr.blue {
	border-top: 1px solid #232530;
	border-bottom: 1px solid #232530;
	border-color: #232530 !important;
}

hr.white {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-color: #fff !important;
}

hr.small.center {
	margin: 25px auto;
}

.moments hr {
	width: 60px;
}

hr.small {
	width: 50px;
}

hr.gray {
	border-top: 1px solid #d3d3d3;
	border-color: #d3d3d3 !important;
}

hr {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-image: none;
	border-style: solid none none;
	border-width: 1px 0 0;
	margin: 10px 0 10px 0;
	text-align: left;
}

.alert-warning {
	color: #f78400;
}

.btn-primary {
	padding: 8px 20px;
	background: #c52d2f;
	color: #fff;
	border-radius: 4px;
	border: none;
	margin-top: 10px;
}

.btn-primary:hover, .btn-primary:focus {
	background: #c52d2f;
	outline: none;
	box-shadow: none;
}

.btn-transparent {
	border: 3px solid #fff;
	background: transparent;
	color: #fff;
}

.btn-transparent:hover {
	border-color: rgba(255, 255, 255, 0.5);
}

/*.btn-warning
{
background: #232530;
}*/

.dropdown-menu {
	margin-top: -1px;
	min-width: 180px;
}

.center h2 {
	font-size: 36px;
	margin-top: 0;
	margin-bottom: 20px;
}

.media>.pull-left {
	margin-right: 20px;
}

.media>.pull-right {
	margin-left: 20px;
}

/*body > section {
padding: 50px 0 10px 0;
}*/

.center {
	text-align: center;
}

.scaleIn {
	-webkit-animation-name: scaleIn;
	animation-name: scaleIn;
}

.lead {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}

.transparent-bg {
	background-color: transparent !important;
	margin-bottom: 0;
}

label {
	font-weight: 400;
}

@-webkit-keyframes scaleIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes scaleIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

/*************************
*******Header******
**************************/

#header {
	/*background: transparent url("../images/bg_header.png") repeat-x 0 0;*/
	/*background:rgba(27,27,27,0.8);*/
	/* background: #232530;*/
	background-color: #3f3d3d;
	color: #ffffff;
	padding: 8px 0;
	position: absolute;
	z-index: 99;
	width: 100%;
}

.about-links, .about-links li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.about-links li {
	display: inline-block;
}

.about-links li:last-child a {
	border: none;
	padding: 0;
	margin: 0;
}

.about-links li a {
	color: #ffffff;
	font-size: 10px;
	line-height: 10px;
	margin-right: 10px;
	/* border-right: 1px solid #c52d2f; */
	padding-right: 0px;
	display: block;
	text-transform: uppercase;
	font-family: "TrajanPro-Regular", Arial;
	font-weight: bold;
	color: #fff;
}

.about-links li a:hover, .about-links li a:focus .about-links li a:active {
	color: #c29e40;
}

.about-links li a i {
	margin-right: 5px;
}

.about-links li a i.fa-envelope-o {
	margin-top: -1px;
}

#header .search {
	display: inline-block;
}

.offer-info {
	background: rgba(182, 158, 79, 0.74) repeat 0 0;
	bottom: 0;
	padding: 10px 10px 0;
	position: absolute;
	text-align: left;
	width: 100%;
}

.offer-info .des-info h4 {
	font-size: 15px;
}

.servicetopic .media-box .des-info h5 {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	margin: -6px 0px !important;
}

.servicetopic .media-box .des-info {
	position: absolute;
	width: 100%;
	background: rgba(182, 158, 79, 0.74) repeat 0 0;
	bottom: 0;
	border: 0;
}

.slides .media-box .offer-info h5 {
	color: #fff;
	font-size: 20px;
	font-weight: 500;
}

.blogOffers {
	border: 1px solid #d2d2d2;
	padding: 15px;
	margin-top: 10px;
}

.blogOffers ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.blogOffers ul li {
	border-top: 1px solid #dcdcdc;
	padding: 5px 0 5px 15px;
	background: transparent url("../images/arow.png") no-repeat left center;
}

.blogOffers ul li a {
	color: #333;
}

.header-docking .navbar {
	top: 10px;
}

.navbar {
	top: 40px;
	position: absolute;
	right: 0;
}

.navbar>.container .navbar-brand {
	margin-left: 0;
}

/*.navbar-brand img
{
max-height:65px;
}*/

.top-bar {
	top: 0px;
	position: absolute;
	width: 100%;
	/*background-color: #3f3d3d;*/
	background-color: #808080;
	padding: 5px 0 5px;
	z-index: 99;
}

/*.top-bar .container, .navbar .container
{
width:100%!important;
padding:0 60px 0 60px;
}*/

.top-number {
	display: inline-block;
}

.top-number p {
	margin: 0
}

.top-content {
	margin: 0;
	display: inline-block;
	width: 100%;
}

.top-number .hotline, .top-number .hotline a {
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
}

.top-number .email {
	display: none
}

.top-number .book-now {
	float: right;
}

.top-number .book-now a {
	border: 1px solid #765720;
	padding: 0 10px;
	color: #765720;
	font-weight: bold;
	font-size: 20px;
}

.top-number .book-now a:hover {
	color: #232530;
}

.navbar-collapse .book-now a {
	color: #c52d2f!important;
}

.navbar-collapse .book-now a:hover {
	color: #232530!important;
}

.navbar-nav .reservations a {
	color: #232530!important;
}

.social {
	text-align: right;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	margin-top: 15px;
}

.social label {
	float: right;
	text-align: right;
	color: #765720;
	line-height: 28px;
	text-transform: none;
	margin: 0;
	font-size: 30px;
}

.social-share {
	float: right;
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0;
}

.links_container a {
	background: #8e201f none repeat scroll 0 0;
	color: #ffffff !important;
	display: block;
	float: left;
	height: 29px;
	line-height: 29px;
	margin-left: 1px;
	text-align: center;
	width: 29px;
}

ul.social-share li {
	display: inline-block;
	margin: 0 0 0 5px
}

ul.social-share li a.facebook {
	background: transparent url("../images/facebook.png") no-repeat 0px 0;
	width: 22px;
	height: 22px;
	display: block;
}

ul.social-share li a.instagram {
	background: transparent url("../Styles/images/icons.png") no-repeat 0px 0;
	width: 22px;
	height: 22px;
	display: block;
	background-position: -210px -88px;
}

ul.social-share li a.youtobe {
	background: transparent url("../Styles/images/icons.png") no-repeat;
	width: 22px;
	height: 22px;
	display: block;
	background-position: -50px -50px;
}

ul.social-share li a.twitter {
	background: transparent url("../images/twitter.png") no-repeat 0 0;
	width: 22px;
	height: 22px;
	display: block;
}

ul.social-share li a.google-plus {
	background: transparent url("../images/google.png") no-repeat 0 0;
	width: 25px;
	height: 25px;
	display: block;
}

.hotline {
	color: #fff;
	padding: 0;
	font-size: 13px;
}

.email {
	float: right;
	color: #fff;
	margin-left: 15px;
	padding: 1px 0 1px 0;
}

.email a {
	color: #fff;
	font-size: 12px;
}

.email a:hover {
	color: #808080;
	/*text-decoration:underline;*/
}

/*ul.social-share li a {
display: inline-block;
color: #fff;
background: #404040;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 2px;
}

ul.social-share li a:hover {
background: #c52d2f;
color: #fff;
}*/

.search {
	color: #808080;
	float: right;
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #808080;
	font-style: italic;
}

.search i {
	color: #fff;
}

.currency {
	float: right;
	color: #fff;
	background: transparent url("../images/arrow-down.png") no-repeat right center;
	padding-right: 20px;
}

input.search-form {
	background: transparent;
	border: 0 none;
	width: 60px;
	padding: 0 10px;
	color: #FFF;
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-ms-transition: all 400ms;
	-o-transition: all 400ms;
	transition: all 400ms;
}

input.search-form::-webkit-input-placeholder {
	color: transparent;
}

input.search-form:hover::-webkit-input-placeholder {
	color: #fff;
}

input.search-form:hover {
	width: 180px;
}

.navbar-brand {
	padding: 0;
	margin: 0;
}

/*.navbar {
border-radius: 0;
margin-bottom: 0;
}*/

/*.navbar-nav{
margin-top: 15px;
}*/

.navbar-nav>li {
	/*padding: 0 18px;*/
}

/*.navbar-nav>li:last-child{
padding-right: 0!important;
}*/

.navbar-inverse .navbar-nav>li>a {
	padding: 0px 13px;
	margin: 0;
	/*border-radius: 3px;*/
	color: #fff;
	/*font-family: 'GillSans Regular';*/
	line-height: 50px;
	display: inline-block;
	text-transform: uppercase;
	font-weight: bold;
	word-spacing: -0.05em;
	font-size: 12px;
}

/*.navbar-inverse .navbar-nav > li:first-child > a {
padding: 0 18px 0 0;
}*/

.navbar-inverse .navbar-nav>li>a:hover {
	color: #c29e40;
}

.navbar-inverse {
	border: none;
}

.navbar-inverse .navbar-brand {
	font-size: 36px;
	line-height: 50px;
	color: #fff;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
	background-color: #c52d2f;
	color: #fff;
}

.navbar-inverse .navbar-nav .dropdown-menu {
	/*background-color: rgba(0, 0, 0, 0.8);*/
	background-color: #3f3d3d;
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
	-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
	border: 0;
	padding: 0 0 0 8px;

	border-top: 0;
	border-radius: 0;
	left: 10px;
	min-width: 220px;
}

.navbar-inverse .navbar-nav .dropdown-menu:before {
	position: absolute;
	top: 0;
}

.navbar-inverse .navbar-nav .dropdown-menu>li>a {
	padding: 8px 15px;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	/*border-top:1px solid #ddd;*/
}

.navbar-inverse .navbar-nav .dropdown-menu>li:hover>a, .navbar-inverse .navbar-nav .dropdown-menu>li:focus>a, .navbar-inverse .navbar-nav .dropdown-menu>li.active>a {
	/*background-color: #f78400;
	color: #f78400;*/
	text-decoration: underline;
}

.navbar-inverse .navbar-nav .dropdown-menu>li:last-child>a {
	border-radius: 0 0 3px 3px;
}

.navbar-inverse .navbar-nav .dropdown-menu>li.divider {
	background-color: transparent;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	/*border-top: 0;*/
	padding-bottom: 0;
}

/*************************
*******Home Page******
**************************/

#main-slider {
	position: relative;
	min-height: 80px;
	/*min-height:198px;
	margin-top:120px;*/
}

.no-margin {
	margin: 0;
	padding: 0;
}

#main-slider .carousel .carousel-content {
	margin-top: 150px;
}

#main-slider .carousel .slide-margin {
	margin-top: 140px;
}

#main-slider .carousel h2 {
	color: #fff;
}

#main-slider .carousel .btn-slide {
	padding: 8px 20px;
	background: #c52d2f;
	color: #fff;
	border-radius: 4px;
	margin-top: 25px;
	display: inline-block;
}

#main-slider .carousel .slider-img {
	text-align: right;
	position: absolute;
}

.carousel-inner>.item>img {
	width: 100%;
	height: auto;
}

.carousel-inner {
	width: 100%;
}

#main-slider .carousel .item {
	/*background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;*/
	left: 0 !important;
	opacity: 0;
	top: 0;
	position: absolute;
	width: 100%;
	display: block !important;
	height: auto;
	/*min-height: 420px;
	line-height:420px;*/
	-webkit-transition: opacity ease-in-out 500ms;
	-moz-transition: opacity ease-in-out 500ms;
	-o-transition: opacity ease-in-out 500ms;
	transition: opacity ease-in-out 500ms;
}

#main-slider .carousel .item:first-child {
	top: auto;
	position: relative;
}

#main-slider .carousel .item.active {
	opacity: 1;
	-webkit-transition: opacity ease-in-out 500ms;
	-moz-transition: opacity ease-in-out 500ms;
	-o-transition: opacity ease-in-out 500ms;
	transition: opacity ease-in-out 500ms;
	z-index: 1;
}

#main-slider .prev, #main-slider .next {
	position: absolute;
	top: 50%;
	background-color: #c52d2f;
	color: #fff;
	display: inline-block;
	margin-top: -25px;
	height: 40px;
	line-height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 4px;
	z-index: 5;
}

#main-slider .prev:hover, #main-slider .next:hover {
	background-color: #000;
}

#main-slider .prev {
	left: 10px;
}

#main-slider .next {
	right: 10px;
}

#main-slider .carousel-indicators li {
	width: 20px;
	height: 20px;
	background-color: #fff;
	margin: 0 15px 0 0;
	position: relative;
}

#main-slider .carousel-indicators li:after {
	position: absolute;
	content: "";
	width: 24px;
	height: 24px;
	border-radius: 100%;
	background: rgba(0, 0, 0, 0);
	border: 1px solid #FFF;
	left: -3px;
	top: -3px;
}

#main-slider .carousel-indicators .active {
	width: 20px;
	height: 20px;
	background-color: #c52d2f;
	margin: 0 15px 0 0;
	border: 1px solid #c52d2f;
	position: relative;
}

#main-slider .carousel-indicators .active:after {
	position: absolute;
	content: "";
	width: 24px;
	height: 24px;
	border-radius: 100%;
	background: #c52d2f;
	border: 1px solid #c52d2f;
	left: -3px;
	top: -3px;
}

#main-slider .active .animation.animated-item-1 {
	-webkit-animation: fadeInUp 300ms linear 300ms both;
	-moz-animation: fadeInUp 300ms linear 300ms both;
	-o-animation: fadeInUp 300ms linear 300ms both;
	-ms-animation: fadeInUp 300ms linear 300ms both;
	animation: fadeInUp 300ms linear 300ms both;
}

#main-slider .active .animation.animated-item-2 {
	-webkit-animation: fadeInUp 300ms linear 600ms both;
	-moz-animation: fadeInUp 300ms linear 600ms both;
	-o-animation: fadeInUp 300ms linear 600ms both;
	-ms-animation: fadeInUp 300ms linear 600ms both;
	animation: fadeInUp 300ms linear 600ms both;
}

#main-slider .active .animation.animated-item-3 {
	-webkit-animation: fadeInUp 300ms linear 900ms both;
	-moz-animation: fadeInUp 300ms linear 900ms both;
	-o-animation: fadeInUp 300ms linear 900ms both;
	-ms-animation: fadeInUp 300ms linear 900ms both;
	animation: fadeInUp 300ms linear 900ms both;
}

#main-slider .active .animation.animated-item-4 {
	-webkit-animation: fadeInUp 300ms linear 1200ms both;
	-moz-animation: fadeInUp 300ms linear 1200ms both;
	-o-animation: fadeInUp 300ms linear 1200ms both;
	-ms-animation: fadeInUp 300ms linear 1200ms both;
	animation: fadeInUp 300ms linear 1200ms both;
}

#feature {
	background: #f2f2f2;
	padding-bottom: 40px;
}

.features {
	padding: 0;
}

.feature-wrap {
	margin-bottom: 35px;
	overflow: hidden;
}

.feature-wrap h2 {
	margin-top: 10px;
}

.feature-wrap .pull-left {
	margin-right: 25px;
}

.feature-wrap i {
	font-size: 48px;
	height: 110px;
	width: 110px;
	margin: 3px;
	border-radius: 100%;
	line-height: 110px;
	text-align: center;
	background: #ffffff;
	color: #c52d2f;
	border: 3px solid #ffffff;
	box-shadow: inset 0 0 0 5px #f2f2f2;
	-webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
	float: left;
	margin-right: 25px;
}

.feature-wrap i:hover {
	background: #c52d2f;
	color: #fff;
	box-shadow: inset 0 0 0 5px #c52d2f;
	-webkit-box-shadow: inset 0 0 0 5px #c52d2f;
	border: 3px solid #c52d2f;
}

#recent-works .col-xs-12.col-sm-4.col-md-3 {
	padding: 0;
}

#recent-works {
	padding-bottom: 70px;
}

.recent-work-wrap {
	position: relative;
}

.recent-work-wrap img {
	width: 100%;
}

.recent-work-wrap .recent-work-inner {
	top: 0;
	background: transparent;
	opacity: .8;
	width: 100%;
	border-radius: 0;
	margin-bottom: 0;
}

.recent-work-wrap .recent-work-inner h3 {
	margin: 10px 0;
}

.recent-work-wrap .recent-work-inner h3 a {
	font-size: 24px;
	color: #fff;
}

.recent-work-wrap .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	border-radius: 0;
	background: #c52d2f;
	color: #fff;
	vertical-align: middle;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
	padding: 30px;
}

.recent-work-wrap .overlay .preview {
	bottom: 0;
	display: inline-block;
	height: 35px;
	line-height: 35px;
	border-radius: 0;
	background: transparent;
	text-align: center;
	color: #fff;
}

.recent-work-wrap:hover .overlay {
	opacity: 1;
}

#services {
	background: #000 url("../images/bg_services.png");
	background-size: cover;
}

#services .lead, #services h2 {
	color: #fff;
}

.services-wrap {
	padding: 40px 30px;
	background: #fff;
	border-radius: 4px;
	margin: 0 0 40px;
}

.services-wrap h3 {
	font-size: 20px;
	margin: 10px 0;
}

.services-wrap .pull-left {
	margin-right: 20px;
}

#middle {
	background: #f2f2f2;
}

.skill h2 {
	margin-bottom: 25px;
}

.progress-wrap {
	position: relative;
}

.progress .color1, .progress .color1 .bar-width {
	background: #2d7da4;
}

.progress .color2, .progress .color2 .bar-width {
	background: #6aa42f;
}

.progress .color3, .progress .color3 .bar-width {
	background: #ffcc33;
}

.progress .color4, .progress .color4 .bar-width {
	background: #db3615;
}

.progress, .progress-bar {
	height: 15px;
	line-height: 15px;
	background: #e6e6e6;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
	overflow: visible;
	text-align: right;
}

.progress {
	position: relative;
}

.progress .bar-width {
	position: absolute;
	width: 40px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	top: -30px;
	border-radius: 2px;
	margin-left: -30px;
}

.progress span {
	position: relative;
}

.progress span:before {
	content: " ";
	position: absolute;
	width: auto;
	height: auto;
	border-width: 8px 5px;
	border-style: solid;
	bottom: -15px;
	right: 8px;
}

.progress .color1 span:before {
	border-color: #2d7da4 transparent transparent transparent;
}

.progress .color2 span:before {
	border-color: #6aa42f transparent transparent transparent;
}

.progress .color3 span:before {
	border-color: #ffcc33 transparent transparent transparent;
}

.progress .color4 span:before {
	border-color: #db3615 transparent transparent transparent;
}

.accordion h2 {
	margin-bottom: 25px;
}

.panel-default {
	border-color: transparent;
}

.panel-default>.panel-heading, .panel {
	background-color: #fff;
	border: 0 none;
	box-shadow: none;
}

.panel-default>.panel-heading+.panel-collapse .panel-body {
	background: #fff;
	color: #333;
	/*border-left:1px solid #ddd;
	border-right:1px solid #ddd;*/
}

.panel-body {
	padding: 20px 15px 25px 15px;
}

.panel-group .panel+.panel {
	margin-top: 0;
	border-top: 1px solid #d9d9d9;
}

.panel-group .panel {
	border-radius: 0;
}

.panel-heading {
	border-radius: 0;
	padding: 0;
}

.panel-title>a {
	background: transparent url("../images/accordion-show.png") no-repeat scroll left 12px;
	color: #d1a564;
	font-weight: 600;
	width: 100%;
	line-height: 22px;
	display: block;
	padding: 10px 0 10px 25px;
}

.panel-title>a.collapsed {
	background: transparent url("../images/accordion-hide.png") no-repeat scroll left 12px;
}

.accordion-inner img {
	border-radius: 4px;
}

.accordion-inner h4 {
	margin-top: 0;
}

.panel-heading.active {
	background: #1f1f20;
}

.panel-heading.active .panel-title>a {
	color: #fff;
}

a.accordion-toggle i {
	width: 45px;
	line-height: 44px;
	font-size: 20px;
	margin-top: -10px;
	text-align: center;
	margin-right: -15px;
	background: #c9c9c9;
}

.panel-heading.active a.accordion-toggle i {
	background: #c52d2f;
	color: #fff;
}

.panel-heading.active a.accordion-toggle.collapsed i {
	background: #c52d2f;
	color: #fff;
}

.nav-tabs>li {
	margin-bottom: 0px;
	border-bottom: 1px solid #e6e6e6;
}

.nav-tabs {
	border-bottom: transparent;
	/*border-right: 1px solid #e6e6e6;*/
}

.nav-tabs>li>label {
	background: #f9f5f2;
	color: #666;
	border-radius: 0;
	border: 0 none;
	line-height: 24px;
	margin-right: 0;
	padding: 8px 15px 6px 15px;
	margin-bottom: 0;
}

.nav-tabs>li>label:hover {
	background: #232530;
	color: #fff;
	cursor: pointer;
}

.nav-tabs>li.active>label, .nav-tabs>li.active>label:hover, .nav-tabs>li.active>label:focus {
	border: 0;
	color: #fff;
	background: #1f1f20;
	position: relative;
}

.nav-tabs>li>a {
	background: #f5f5f5;
	color: #666;
	border-radius: 0;
	border: 0 none;
	line-height: 24px;
	margin-right: 0;
	padding: 13px 15px;
}

.nav-tabs li:last-child {
	border-bottom: 0 none;
}

.nav-stacked>li+li {
	margin-top: 0;
}

.nav-tabs>li>a:hover {
	background: #1f1f20;
	color: #fff;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	border: 0;
	color: #fff;
	background: #1f1f20;
	position: relative;
}

.nav-tabs>li.active>a:after {
	position: absolute;
	content: "";
	width: auto;
	height: auto;
	border-style: solid;
	border-color: transparent transparent transparent #1f1f20;
	border-width: 25px 22px;
	right: -44px;
	top: 0;
}

.tab-wrap {
	border: 1px solid #e6e6e6;
	margin-bottom: 20px;
}

.tab-content {
	padding: 20px;
}

.tab-content h2 {
	margin-top: 0;
}

.tab-content img {
	border-radius: 4px;
}

.testimonial h2 {
	margin-top: 0;
}

.testimonial-inner {
	color: #858586;
	font-size: 14px;
}

.testimonial-inner .pull-left {
	border-right: 1px solid #e7e7e7;
	padding-right: 15px;
	position: relative;
}

.testimonial-inner .pull-left:after {
	content: "";
	position: absolute;
	width: 9px;
	height: 9px;
	top: 50%;
	margin-top: -5px;
	background: #FFF;
	-webkit-transform: rotate(45deg);
	border: 1px solid #e7e7e7;
	right: -5px;
	border-left: 0 none;
	border-bottom: 0 none;
}

#partner {
	background: url("../images/partner_bg.png") 50% 50% no-repeat;
	background-size: cover;
}

#partner {
	color: #fff;
	text-align: center;
}

#partner h2, #partner h3 {
	color: #fff;
}

.partners ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.partners ul li {
	display: inline-block;
	float: left;
	width: 20%;
}

#conatcat-info {
	background: #fff url("../images/contact.png") no-repeat 90% 0;
	padding: 30px 0;
}

.contact-info i {
	width: 60px;
	height: 60px;
	font-size: 40px;
	line-height: 60px;
	color: #fff;
	background: #000;
	text-align: center;
	border-radius: 10px;
}

.contact-info h2 {
	margin-top: 0;
	color: #000;
}

.contact-info {
	color: #000;
}

/*************************
********* About Us Page CSS ******
**************************/

.aboutus {
	margin-top: 110px;
	margin-bottom: -110px;
}

.aboutus h2, .skill_text h2 {
	color: #4e4e4e;
	font-size: 30px;
	font-weight: 600;
}

.aboutus p {
	color: #4e4e4e;
}

#carousel-slider {
	position: relative;
}

#carousel-slider .carousel-indicators {
	bottom: -25px;
}

#carousel-slider .carousel-indicators li {
	border: 1px solid #ffbd20;
}

#carousel-slider a i {
	border: 1px solid #777;
	border-radius: 50%;
	font-size: 28px;
	height: 50px;
	padding: 8px;
	position: absolute;
	top: 50%;
	width: 50px;
	color: #777;
}

#carousel-slider a i:hover {
	background: #bfbfbf;
	color: #fff;
	border: 1px solid #bfbfbf;
}

#carousel-slider .carousel-control {
	width: inherit;
}

#carousel-slider .carousel-control.left i {
	left: -25px
}

#carousel-slider .carousel-control.right i {
	right: -25px;
}

#carousel-slider .carousel-control.left, #carousel-slider .carousel-control.right {
	background: none;
}

.skill_text {
	display: block;
	margin-bottom: 60px;
	margin-top: 25px;
	overflow: hidden;
}

.sinlge-skill {
	background: #f2f2f2;
	border-radius: 100%;
	color: #FFFFFF;
	font-size: 22px;
	font-weight: bold;
	height: 200px;
	position: relative;
	width: 200px;
	text-transform: uppercase;
	overflow: hidden;
	margin: 30px 0;
}

.sinlge-skill p em {
	color: #FFFFFF;
	font-size: 38px;
}

.sinlge-skill p {
	line-height: 1;
}

.joomla-skill, .html-skill, .css-skill, .wp-skill {
	position: absolute;
	height: 100%;
	bottom: 0;
	width: 100%;
	border-radius: 100%;
	padding: 70px 0;
	text-align: center;
}

.joomla-skill {
	background: rgb(242, 242, 242);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 28%, rgba(45, 125, 164, 1) 28%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242, 242, 242, 1)), color-stop(28%, rgba(242, 242, 242, 1)), color-stop(28%, rgba(45, 125, 164, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 28%, rgba(45, 125, 164, 1) 28%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 28%, rgba(45, 125, 164, 1) 28%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 28%, rgba(45, 125, 164, 1) 28%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 28%, rgba(45, 125, 164, 1) 28%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#2d7da4', GradientType=0);
	/* IE6-9 */
}

.html-skill {
	background: rgb(242, 242, 242);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 9%, rgba(106, 164, 47, 1) 9%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242, 242, 242, 1)), color-stop(9%, rgba(242, 242, 242, 1)), color-stop(9%, rgba(106, 164, 47, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 9%, rgba(106, 164, 47, 1) 9%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 9%, rgba(106, 164, 47, 1) 9%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 9%, rgba(106, 164, 47, 1) 9%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 9%, rgba(106, 164, 47, 1) 9%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#6aa42f', GradientType=0);
	/* IE6-9 */
}

.css-skill {
	background: rgb(242, 242, 242);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 32%, rgba(255, 189, 32, 1) 32%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242, 242, 242, 1)), color-stop(32%, rgba(242, 242, 242, 1)), color-stop(32%, rgba(255, 189, 32, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 32%, rgba(255, 189, 32, 1) 32%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 32%, rgba(255, 189, 32, 1) 32%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 32%, rgba(255, 189, 32, 1) 32%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 32%, rgba(255, 189, 32, 1) 32%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffbd20', GradientType=0);
	/* IE6-9 */
}

.wp-skill {
	background: rgb(242, 242, 242);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 19%, rgba(219, 54, 21, 1) 19%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242, 242, 242, 1)), color-stop(19%, rgba(242, 242, 242, 1)), color-stop(19%, rgba(219, 54, 21, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 19%, rgba(219, 54, 21, 1) 19%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 19%, rgba(219, 54, 21, 1) 19%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 19%, rgba(219, 54, 21, 1) 19%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 19%, rgba(219, 54, 21, 1) 19%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#db3615', GradientType=0);
	/* IE6-9 */
}

.skill-wrap {
	display: block;
	overflow: hidden;
	margin: 60px 0;
}

.team h4 {
	margin-top: 0;
	text-transform: uppercase;
}

.team h5 {
	font-weight: 300;
}

.single-profile-top, .single-profile-bottom {
	font-weight: 400;
	line-height: 24px;
}

.single-profile-top, .single-profile-bottom {
	border: 1px solid #ddd;
	padding: 15px;
	position: relative;
}

.media_image {
	margin-bottom: 10px;
}

.team .btn {
	background: transparent;
	font-size: 12px;
	font-weight: 300;
	margin-bottom: 3px;
	padding: 1px 5px;
	text-transform: uppercase;
	border: 1px solid#ddd;
	margin-right: 3px;
}

ul.social_icons, ul.tag {
	list-style: none;
	padding: 0;
	margin: 10px 0;
	display: block;
}

ul.social_icons li, ul.tag li {
	display: inline-block;
	margin-right: 5px;
}

ul.social_icons li a i {
	border-radius: 50%;
	color: #FFFFFF;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	padding: 0;
	text-align: center;
	width: 25px;
	opacity: .8;
}

.team .social_icons .fa-facebook:hover, .team .social_icons .fa-twitter:hover, .team .social_icons .fa-google-plus:hover {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transition-duration: 2s;
	transition-property: all;
	transition-timing-function: ease;
	opacity: 1;
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
}

.team .social_icons .fa-facebook {
	background: #0182c4;
}

.team .social_icons .fa-twitter {
	background: #20B8FF
}

.team .social_icons .fa-google-plus {
	background: #D34836
}

.team-bar .first-one-arrow {
	float: left;
	margin-right: 30px;
	width: 2%;
}

.team-bar .first-arrow {
	float: left;
	margin-left: 5px;
	margin-right: 35px;
	width: 22%;
}

.team-bar .second-arrow {
	float: left;
	margin-left: 5px;
	width: 21%;
}

.team-bar .third-arrow {
	float: left;
	margin-left: 40px;
	margin-right: 12px;
	width: 22%;
}

.team-bar .fourth-arrow {
	float: left;
	margin-left: 25px;
	width: 20%;
}

.team-bar .first-one-arrow hr {
	border-bottom: 1px solid #2D7DA4;
	border-top: 1px solid #2D7DA4;
}

.team-bar .first-arrow hr {
	border-bottom: 1px solid #2D7DA4;
	border-top: 1px solid #2D7DA4;
}

.team-bar .second-arrow hr {
	border-bottom: 1px solid #6aa42f;
	border-top: 1px solid #6aa42f;
}

.team-bar .third-arrow hr {
	border-bottom: 1px solid #FFBD20;
	border-top: 1px solid #FFBD20;
}

.team-bar .fourth-arrow hr {
	border-bottom: 1px solid #db3615;
	border-top: 1px solid #db3615;
}

.team-bar {
	margin-bottom: 15px;
	margin-top: 30px;
	position: relative;
}

.team-bar i {
	border-radius: 50%;
	color: #FFFFFF;
	display: block;
	height: 24px;
	line-height: 24px;
	margin-top: -32px;
	overflow: hidden;
	padding: 0;
	text-align: center;
	width: 24px;
	position: absolute;
}

.team-bar .first-arrow .fa-angle-up {
	background: #2D7DA4;
	margin-left: -33px
}

.team-bar .second-arrow .fa-angle-down {
	background: #6AA42F;
	margin-left: -33px;
}

.team-bar .third-arrow .fa-angle-up {
	background: #FFBD20;
	margin-left: -32px;
}

.team-bar .fourth-arrow .fa-angle-down {
	background: #db3615;
	margin-left: -32px;
}

.team .single-profile-top:before, .team .single-profile-top:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
}

.team .single-profile-top:before {
	left: 26px;
	bottom: -20px;
	border-width: 10px;
	border-color: #fff transparent transparent transparent;
	z-index: 1;
}

.team .single-profile-top:after {
	left: 25px;
	bottom: -22px;
	border-style: solid;
	border-width: 11px;
	border-color: #ddd transparent transparent transparent;
	z-index: 0;
}

.team .single-profile-bottom:before, .team .single-profile-bottom:after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
}

.team .single-profile-bottom:before {
	left: 30px;
	top: -20px;
	border-width: 10px;
	border-color: transparent transparent #fff transparent;
	z-index: 1;
}

.team .single-profile-bottom:after {
	left: 29px;
	top: -22px;
	border-style: solid;
	border-width: 11px;
	border-color: transparent transparent #DDD transparent;
	z-index: 0;
}

/***********************
****Service page css****
***********************/

.services {
	padding: 0;
}

.get-started {
	background: none repeat scroll 0 0 #F3F3F3;
	border-radius: 3px;
	padding-bottom: 30px;
	position: relative;
	margin-bottom: 18px;
	margin-top: 60px;
}

.get-started h2 {
	padding-top: 30px;
	margin-bottom: 20px;
}

.request {
	bottom: -15px;
	left: 50%;
	position: absolute;
	margin-left: -110px;
}

.request h4 {
	position: absolute;
	width: 220px;
	position: relative;
}

.request h4 a {
	background: #c52d2f;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	border-radius: 3px;
	padding: 5px 15px;
}

.request h4:after {
	border-color: #c52d2f transparent transparent;
	border-style: solid;
	border-width: 12px;
	bottom: -18px;
	content: "";
	height: 0;
	position: absolute;
	right: 13px;
	z-index: -99999;
}

.request h4:before {
	border-color: #c52d2f transparent transparent;
	border-style: solid;
	border-width: 12px;
	bottom: -18px;
	content: "";
	height: 0;
	left: 13px;
	position: absolute;
	z-index: -99999;
}

.clients-area {
	padding: 60px;
}

.clients-comments {
	background-image: url("../images/image_bg.png");
	background-position: center 118px;
	background-repeat: no-repeat;
	margin-bottom: 100px;
}

.clients-comments img {
	background: #DDDDDD;
	border: 1px solid #DDDDDD;
	height: 182px;
	padding: 3px;
	width: 182px;
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
}

.clients-comments h3 {
	margin-top: 55px;
	font-weight: 300;
	padding: 0 40px;
}

.clients-comments h4 {
	font-weight: 300;
	margin-top: 15px;
}

.clients-comments h4 span {
	font-weight: 700;
	font-style: oblique;
}

/* gallery */

.gallery {
	padding-bottom: 2px;
}

.gallery h3 {
	text-align: center;
	font-size: 30px;
	text-transform: uppercase;
}

.slide-gallery {
	overflow: hidden;
}

.slide-gallery div {
	overflow: hidden;
}

.slide-gallery img {
	max-width: 100%;
	height: auto;
	transition: all .3s ease;
}

.slide-gallery img:hover {
	transform: scale(1.1);
	transition: all .3s ease;
}

.slide-gallery .col-md-2 {
	padding: 0;
}

.gallery-mobile-wp {
	display: none;
}

.slide-gallery-mobile img {
	max-width: 100%;
	height: auto;
	object-fit: cover;
}

.slide-gallery-mobile .gallery-item {
	display: flex;
	flex-direction: column;
}

.slide-gallery-mobile.owl-carousel .owl-item {
	padding: 0 30px;
}

.slide-gallery-mobile.owl-theme .owl-nav .owl-next, .slide-gallery-mobile.owl-theme .owl-nav .owl-prev {
	color: #fff;
	background-color: #333;
	opacity: 0.8;
	background-position: center;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
}

.slide-gallery-mobile.owl-theme .owl-nav .owl-next {
	right: 0;
}

.slide-gallery-mobile.owl-theme .owl-nav .owl-next:hover {
	background-color: #333 !important;
}

.slide-gallery-mobile.owl-theme .owl-nav .owl-prev {
	left: 0;
}

.slide-gallery-mobile.owl-theme .owl-nav .owl-prev:hover {
	background-color: #333 !important;
}

/* footer */

.footer {
	background: none repeat scroll 0 0 #2E2E2E;
	border-top: 5px solid #C52D2F;
	height: 84px;
	margin-top: 110px;
}

.footer_left {
	padding: 10px;
}

.text-left {
	color: #FFFFFF;
	font-size: 12px;
	margin-top: 15px;
}

.textAbout{
	text-align: center;
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 1.5;
}

.textAbout p{
	margin: 0px 0 5px;
}

/*************************
********* Portfolio CSS ******
**************************/

#portfolio_page {
	margin-top: 115px;
	padding-bottom: 0;
}

.portfolio-items, .portfolio-filter {
	list-style: none outside none;
	margin: 0 0 40px 0;
	padding: 0;
}

.portfolio-filter>li {
	display: inline-block;
}

.portfolio-filter>li a {
	background: none repeat scroll 0 0 #FFFFFF;
	font-size: 14px;
	font-weight: 400;
	margin-right: 20px;
	text-transform: uppercase;
	transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
	border: 1px solid #F2F2F2;
	outline: none;
	border-radius: 3px;
}

.portfolio-filter>li a:hover, .portfolio-filter>li a.active {
	color: #fff;
	background: #c52d2f;
	border: 1px solid #c52d2f;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.portfolio-items>li {
	float: left;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.portfolio-item {
	margin: 0;
	padding: 0;
}

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}

/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/

.isotope.infinite-scrolling {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

/**************************
********* Pricing Table CSS *
**************************/

.pricing_heading {
	margin-top: 120px
}

.pricing_heading h2, .pricing_heading p {
	color: #4e4e4e;
}

.pricing-area h1 {
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 15px;
}

.pricing-area span {
	font-weight: 700;
	font-size: 18px;
}

.pricing-area h3, .pricing-area span {
	color: #fff;
}

.plan {
	position: relative;
	margin-bottom: 70px;
}

.pricing-area ul {
	background: #FAFAFA;
	padding: 0;
	margin: 0;
}

.pricing-area ul li {
	list-style: none;
	padding: 15px 0;
	font-size: 16px;
	font-weight: 400;
}

.pricing-area ul li:nth-child(even) {
	background: #f5f5f5
}

.pricing-area .price-three img, .pricing-area .price-six img {
	position: absolute;
	right: 15px;
	top: 0;
}

.pricing-area .heading-one, .pricing-area .heading-two, .pricing-area .heading-three {
	padding: 17px 0;
	border-radius: 2px 2px 0 0;
}

.pricing-area .heading-one, .pricing-area .heading-two, .pricing-area .heading-three, .pricing-area .heading-four, .pricing-area .heading-five, .pricing-area .heading-six, .pricing-area .heading-seven {
	margin-left: -10px
}

.pricing-area .heading-one, .pricing-area .price-one .plan-action .btn-primary {
	background: #e24f43
}

.pricing-area .heading-two, .pricing-area .price-two .plan-action .btn-primary {
	background: #27AE60;
}

.pricing-area .heading-three, .pricing-area .price-three .plan-action .btn-primary {
	background: #f39c12;
}

.pricing-area .heading-four, .pricing-area .price-four .plan-action .btn-primary {
	background: #5c5c5c
}

.pricing-area .heading-five, .pricing-area .price-five .plan-action .btn-primary {
	background: #5c5c5c
}

.pricing-area .heading-six, .pricing-area .price-six .plan-action .btn-primary {
	background: #e24f43;
}

.pricing-area .heading-seven, .pricing-area .price-seven .plan-action .btn-primary {
	background: #5c5c5c
}

.pricing-area .bg {
	background: #fafafa
}

.pricing-area .heading-one h3:before {
	border-color: #bf4539 transparent transparent;
}

.pricing-area .heading-two h3:before {
	border-color: #1f8c4d transparent transparent;
}

.pricing-area .heading-three h3:before {
	border-color: #d4880f transparent transparent;
}

.pricing-area .heading-four h3:before {
	border-color: #424242 transparent transparent;
}

.pricing-area .heading-five h3:before {
	border-color: #424242 transparent transparent;
}

.pricing-area .heading-six h3:before {
	border-color: #bf4539 transparent transparent;
}

.pricing-area .heading-seven h3:before {
	border-color: #424242 transparent transparent;
}

.pricing-area h3:before {
	border-color: #D4880F transparent transparent;
	border-radius: 5px 0 0 0px;
	border-style: solid;
	border-width: 12px;
	content: "";
	height: 0;
	left: 4px;
	position: absolute;
	top: 78px;
	width: 0;
	z-index: -999;
}

.small-pricing h3:after {
	height: 94px;
}

.small-pricing h3:before {
	top: 74px;
}

.plan-action {
	height: 40px;
}

.pricing-area .plan-action .btn-primary {
	position: relative;
	padding: 5px 20px;
	color: #fff;
	margin-top: 5px;
}

.pricing-area .plan-action .btn-primary:before {
	border-color: #E24F43 transparent transparent;
	border-radius: 5px 0 0 0;
	border-style: solid;
	border-width: 12px;
	bottom: -12px;
	content: "";
	height: 0;
	left: -9px;
	position: absolute;
	width: 0;
	z-index: -1;
}

.pricing-area .plan-action .btn-primary:after {
	border-color: #E24F43 transparent transparent;
	border-radius: 5px 0 0 0;
	border-style: solid;
	border-width: 12px;
	bottom: -12px;
	content: "";
	height: 0;
	position: absolute;
	right: -9px;
	width: 0;
	z-index: -1;
}

.pricing-area .price-two .plan-action .btn-primary:before, .pricing-area .price-two .plan-action .btn-primary:after {
	border-color: #1f8c4d transparent transparent;
}

.pricing-area .price-three .plan-action .btn-primary:before, .pricing-area .price-three .plan-action .btn-primary:after {
	border-color: #d4880f transparent transparent;
}

.pricing-area .price-four .plan-action .btn-primary:before, .pricing-area .price-four .plan-action .btn-primary:after, .pricing-area .price-five .plan-action .btn-primary:before, .pricing-area .price-five .plan-action .btn-primary:after, .pricing-area .price-seven .plan-action .btn-primary:before, .pricing-area .price-seven .plan-action .btn-primary:after {
	border-color: #424242 transparent transparent;
	right: -9px;
}

.pricing-area .price-six .plan-action .btn-primary:before, .pricing-area .price-six .plan-action .btn-primary:after {
	border-color: #bf4539 transparent transparent;
	right: -9px;
}

/*************************
********* Contact Us CSS ******
**************************/

.gmap-area {
	background-image: url("../images/map.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 70px 0;
}

.gmap-area .gmap iframe {
	border-radius: 50%;
	height: 280px;
	width: 300px;
}

.gmap {
	border: 10px solid #f6f5f0;
	border-radius: 50%;
	height: 300px;
	width: 300px;
	box-shadow: 0px 0px 3px 3px #e7e4dc;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

.gmap-area .map-content ul {
	list-style: none;
}

.gmap-area .map-content address h5 {
	font-weight: 700;
	/* font-size: 16px; */
}

#contact-page {
	padding-top: 0;
}

#contact-page .contact-form .form-group label {
	color: #4E4E4E;
	font-size: 16px;
	font-weight: 300;
}

.form-group .form-control {
	padding: 7px 12px;
	border-color: #bbb;
	box-shadow: none;
	/*background:#efe9e5;*/
}

textarea#message {
	resize: none;
	padding: 10px;
}

#contact-page .contact-wrap {
	margin-top: 20px;
}

/*********************
****blog page css*****
**********************/

.widget {
	padding-left: 0;
}

.single_comments {
	margin-bottom: 15px;
	min-height: 73px;
}

.single_comments img {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	width: 100px;
	border: #ddd solid 1px;
	/*height: 70px;*/
	padding: 3px;
	background-color: #fff;
}

.single_comments a {
	/* color: #333; */
	font-weight: 500;
}

.single_comments a:hover {
	color: #2d2e2e;
}

.single_comments .entry-meta span {
	color: #777;
}

.single_comments p {
	margin-bottom: 0;
}

.widget .entry-meta span {
	display: inline-block;
	margin-right: 10px;
}

.widget h3 {
	color: #000;
	/*text-transform: uppercase;*/
	margin-bottom: 20px;
}

.blog_category {
	list-style: none;
	margin: 0;
	padding: 0;
}

.blog_category li {
	float: none;
	margin-bottom: 20px;
}

.blog_category li a {
	background: #f5f5f5;
	border-radius: 4px;
	color: #888;
	display: inline-block;
	padding: 5px 15px;
}

.blog_category li a:hover {
	background: #c52d2f;
	color: #fff;
}

.badge:before {
	border-color: transparent transparent transparent #c52d2f;
	border-style: solid;
	border-width: 10px;
	bottom: -8px;
	content: "";
	height: 0;
	left: 5px;
	position: absolute;
	z-index: -99999;
}

.badge {
	background-color: #c52d2f;
	border-radius: 5px;
	color: #fff;
	padding: 8px;
	position: relative;
	left: 60px;
	top: -18px;
	font-weight: normal;
}

.blog_archieve {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

.blog_archieve li {
	padding: 10px 0;
	border-bottom: 1px solid #f5f5f5;
}

.blog_archieve li:first-child {
	padding-top: 0;
}

ul.gallery {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.gallery li {
	display: block;
	width: 60px;
	padding: 0;
	margin: 0 4px 4px 0;
	float: left;
}

ul.faq {
	list-style: none;
	margin: 0;
}

ul.faq li {
	margin-top: 30px;
}

ul.faq li:first-child {
	margin-top: 0;
}

ul.faq li span.number {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #34495e;
	color: #fff;
	font-size: 24px;
}

ul.faq li>div {
	margin-left: 70px;
}

ul.faq li>div h3 {
	margin-top: 0;
}

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.blog-item {
	border-radius: 0;
	overflow: hidden;
	margin-bottom: 50px;
}

.blog .blog-item .img-blog {
	border-radius: 5px;
	margin-bottom: 45px;
}

.blog .blog-item .blog-content {
	padding-bottom: 25px;
}

.blog .blog-item .blog-content h2 {
	margin-top: 0;
	font-size: 30px;
}

.readmore {
	margin-top: 0;
	text-transform: uppercase;
	font-family: "TrajanPro-Regular", Arial;
	color: #765720;
	font-size: 12px;
}

a.readmore:hover {
	text-decoration: underline;
	color: #765720;
}

.blog .blog-item .blog-content h3 {
	color: #858586;
	margin-bottom: 40px;
	/* font-weight: 300 */
}

.blog .blog-item .blog-content h4 {
	font-size: 14px;
}

.post-tags {}

.blog .blog-item .entry-meta {
	border-radius: 5px;
	overflow: hidden;
}

.blog .blog-item .entry-meta>span {
	background: #f5f5f5;
	border-top: 1px solid #fff;
	display: block;
	font-size: 12px;
	overflow: hidden;
	padding: 5px;
	text-align: left;
}

#publish_date {
	background: #c52d2f;
	border-bottom: 5px solid #4e4e4e;
	color: #fff;
	padding: 5px 0;
	text-align: center;
}

.blog .blog-item .entry-meta>span {
	color: #ccc;
}

.blog .blog-item .entry-meta>span a {
	font-size: 12px;
	margin-left: 3px;
	font-weight: 300;
	color: #888;
}

ul.pagination>li>a {
	border: 1px solid #F1F1F1;
	margin-right: 5px;
	border-radius: 5px;
	font-size: 16px;
	padding: 5px 14px;
}

ul.pagination>li>a i {
	margin-left: 5px;
	margin-right: 5px;
}

ul.pagination>li.active>a, ul.pagination>li:hover>a {
	background-color: #c52d2f !important;
	border-color: #c52d2f !important;
	color: #fff;
}

.search_box {
	background-image: url("../images/search_icon.png");
	background-position: 314px 15px;
	background-repeat: no-repeat;
	border-color: #DEDEDE;
	height: 48px;
	outline: medium none;
	box-shadow: none;
}

.form-control:focus {
	box-shadow: none;
	outline: 0 none;
}

ul.tag-cloud, ul.sidebar-gallery {
	list-style: none;
	padding: 0;
	margin: 0;
}

.tag-cloud li {
	display: inline-block;
	margin-bottom: 3px;
}

.tag-cloud li a {
	background: #f5f5f5;
	color: #888;
	border: 0;
	border-radius: 4px;
	padding: 8px 15px;
}

.tag-cloud li a:hover {
	background: #c52d2f;
	color: #fff;
}

.sidebar-gallery li {
	display: inline-block;
	margin: 0 10px 10px 0;
}

.sidebar-gallery li a {
	border-radius: 4px;
	display: inline-block;
}

/**********************
**blog single page css*
**********************/

.reply_section {
	background: #f5f5f5;
	border-radius: 5px;
}

.post_reply {
	margin-left: 10px;
	margin-top: 45px;
}

.post_reply img {
	width: 85px;
	height: 85px;
	border: 5px solid #D5D8DD;
}

.post_reply ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
	margin-top: 5px;
}

.post_reply ul li {
	float: left;
}

.post_reply ul li a {
	display: block;
}

.post_reply ul li a i {
	border: 1px solid #DDDDDD;
	border-radius: 39px;
	color: #FFFFFF;
	font-size: 20px;
	height: 30px;
	margin-right: 3px;
	padding-top: 7px;
	text-align: center;
	width: 30px;
}

.post_reply ul li a i.fa-facebook {
	background: #0182C4;
}

.post_reply ul li a i.fa-twitter {
	background: none repeat scroll 0 0 #3FC1FE;
}

.post_reply ul li a i.fa-google-plus {
	background: none repeat scroll 0 0 #D34836;
}

.post_reply ul li a i:hover {
	opacity: .5;
}

.post_reply_content {
	margin: 30px;
}

.post_reply_content h1 a:hover {
	color: #FFC800;
}

.post_reply_content h4 {
	margin-bottom: 50px;
}

.reply_section .media-body {
	display: inherit;
}

.comment_section .media-body {
	display: inherit;
}

#comments_title {
	color: #4e4e4e;
	font-weight: 700px;
	font-size: 20px;
	margin-top: 60px;
	margin-bottom: 40px;
}

.comment_section {
	margin-top: 30px;
	position: relative;
}

.post_comments img {
	width: 85px;
	height: 85px;
	margin-top: 35px;
}

.post_reply_comments {
	background: #f5f5f5;
	border-radius: 4px;
	padding: 30px;
}

.post_reply_comments:before {
	border-color: transparent #F0F0F0 transparent transparent;
	border-style: solid;
	border-width: 15px;
	content: " ";
	height: 0;
	left: 75px;
	position: absolute;
	top: 20px;
}

.post_reply_comments h3, .post_reply_content h3 {
	margin-top: 0;
}

.post_reply_comments h1 a:hover {
	color: #c52d2f;
}

.post_reply_comments h4 {
	color: #c4c4c5;
	font-weight: 400;
}

.post_reply_comments p {
	padding-bottom: 30px;
}

.post_reply_comments a {
	bottom: 15px;
	position: absolute;
	right: 30px;
	background: #c52d2f;
	color: #fff;
	border-radius: 5px;
	padding: 8px 20px;
}

.post_reply_comments a:before {
	border-color: #c52d2f transparent transparent;
	border-style: solid;
	border-width: 16px;
	bottom: -11px;
	content: "";
	height: 0;
	left: -12px;
	position: absolute;
	z-index: 99999;
}

.post_reply_comments h2 a {}

.message_heading {
	margin-bottom: 50px;
	margin-top: 60px;
}

/******************
404 page css
******************/

#error .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success:hover {
	background-color: #EBEBEB;
	border-color: #EBEBEB;
	color: #4E4E4E;
}

#error h1 {
	color: #4e4e4e;
	text-transform: uppercase;
}

/******************
shortcodes page css
******************/

.shortcode-item {
	padding-bottom: 0;
}

.shortcode-item h2 {
	color: #4E4E4E;
	font-size: 24px;
	margin-bottom: 22px;
	margin-top: 0;
	font-weight: 600
}

/***********************
********* Footer ******
************************/

.bgGray {
	background: #eeeeee;
}

.bgGray h3 {
	margin-top: 0;
	margin-bottom: 15px;
	/*text-transform: uppercase;*/
	font-size: 22px;
	color: #d1a564;
}

.bgGray ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.bgGray ul li {
	display: block;
	padding: 3px 0;
	border-bottom: #ddd dotted 1px;
	/*margin-bottom: 5px;*/
}

.bgGray ul li:last-child {
	border-bottom: 0px;
}

.bgGray ul li a {
	color: #333;
}

.bgGray ul li a:hover {
	color: #232530;
}

.bgGray .widget {
	margin-bottom: 20px;
}

.bgBlue {
	background: #232530;
	font-size: 14px;
	color: #fff
}

.bgBlue h3 {
	margin-top: 0;
	margin-bottom: 15px;
	/*text-transform: uppercase;*/
	font-size: 22px;
	color: #fff;
}

.bgBlue ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.bgBlue ul li {
	display: block;
	padding: 3px 0;
	border-bottom: #ddd dotted 1px;
	/*margin-bottom: 5px;*/
}

.bgBlue ul li:last-child {
	border-bottom: 0px;
}

.bgBlue ul li a {
	color: #fff;
}

.bgBlue ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

#footer {
	background: #2d5a6d ;
	margin-top: 0px;
	color: #f0f0f0;
	font-size: 14px;
}

#footer .top-footer h4 {
	color: #fff;
	text-transform: uppercase;
}

#footer .top-footer p {
	color: #f0f0f0;
}

.menu-footer{
	text-align: right;
}

.menu-footer li  {
	display: inline-block;
	padding-right: 6px;
	border-right : 1px solid #fff;
	line-height: 1.2;
}

.copy-right{
	text-align: right;
}

.menu-footer li + li {
	margin-left: 3px;
}

.menu-footer h4 {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 0!important;
	display: inline-block;
}

#footer hr.small {
	margin: 15px 0 10px 0;
	border-color: #f0f0f0;
}

#footer a {
	color: #f0f0f0;
}

.btn-warning {
	background: #232530;
}

.btn-warning:hover {
	background: #fdc523;
}

.btn-danger {
	color: #fff;
	background-color: #c29e40;
	/* width: 100%; */
	margin-top: 10px;
	text-transform: uppercase;
	bottom: 15px;
	text-align: center;
}

.icon-social a i {
	font-size: 16px;
}

#footer a:hover, .navbar-inverse .navbar-nav .dropdown-menu>li>a:hover {
	color: #c29e40;
	text-decoration: none;
}

.widget_links ul, .widget_links ul li {
	margin: 0px;
	padding: 0px;
}

.widget_links ul li {
	display: block;
	line-height: 30px;
}

#footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#footer .footer-content ul li {
	margin-bottom: 5px;
}

/*.thumbnail
{
padding: 5px;
background:#f5f5f5;
}*/

.mb-0 {
	margin-bottom: 0px;
}

.mb-5{
	margin-bottom : 5px;
}

.well {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.img-break .img-responsive {
	max-width: 280px;
}

/*.main-title
{
margin-bottom:0px;
font-weight:600;
}*/

a .sub-title {
	color: #777;
}

.sub-title {
	margin: 5px;
}

/*.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle
{
background:#e5e5e5;

}*/

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	/*background:#e5e5e5;*/
	outline: 0px;
	color: #fff;
}

.navbar-inverse .navbar-toggle {
	text-align: center !important;
	float: none;
	/* background-color: #232530; */
	font-size: 16px;
	border: 0;
	position: relative;
	padding: 30px 15px;
	border-radius: 0px;
	text-align: left;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	margin-top: -19px;
	margin-right: 0px;
	margin-left: 149px;
}

#title-page {
	background: #f5f5f5;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	font-size: 14px;
}

#title-page h1 {
	font-size: 22px;
	color: #000;
	margin: 25px 0 25px 0px;
	font-weight: 500;
	text-transform: uppercase;
}

.bg-green h5 {
	margin-left: 22px;
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
}

.bg-green {
	color: #fff;
	background: #c52d2f;
}

.btn-success {
	background-color: #c52d2f;
	border-color: #c52d2f;
}

.media-box {
	position: relative;
}

.media-box::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom:0;
	right:0;
	background: rgb(0 0 0 / 45%);
}

.textService{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	padding: 15px;
	text-align: justify;
	font-size: 16px;
	color: #fff;
	line-height: 1.6;
	text-shadow: 0px 0px 5px #000;
}

.media-box>.fbox-media>a>img {
	width: 100%;
}

.media-box>.fbox-media>a {
	display: block;
	position: relative;
}

.media-box>.fbox-media>a>h3 {
	position: absolute;
	bottom: 0px;
	margin: 0;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	padding: 10px 15px 10px 15px;
	color: #fff;
	font-weight: 400;
}

.media-box>.fbox-media .media-price {
	position: absolute;
	/*bottom:0px;
	border-radius: 0 4px 4px 0;*/
	top: 10%;
	background: #f75a04;
	color: #fff;
	padding: 10px;
	left: 0;
}

.media-box>.fbox-media .price-sell {
	font-weight: 800;
	font-size: 20px;
	font-family: "TrajanPro-Regular", Arial;
}

.sub-tit {
	font-size: 32px;
	font-weight: 400;
	color: #232530;
	text-transform: uppercase;
}

.sub-tit small {
	font-style: italic;
	text-transform: none;
}

.divider {
	text-align: center;
	color: #ddd;
	position: relative;
	overflow: hidden;
	margin: 15px 0;
	color: #E5E5E5;
	width: 100%;
}

.divider i {
	position: relative;
	width: 18px;
	height: 18px;
	line-height: 1;
	font-size: 18px !important;
	text-align: center;
}

.divider-tit i {
	color: #ddd!important;
}

.divider:after, .divider.divider-center:before, .divider.divider-center.divider-short:before {
	content: '';
	position: absolute;
	width: 100%;
	top: 8px;
	left: 30px;
	height: 0;
	border-top: 1px solid #EEE;
}

.divider:after, .divider.divider-center:before, .divider.divider-center.divider-short:before {
	content: '';
	position: absolute;
	width: 100%;
	top: 8px;
	left: 30px;
	height: 0;
	border-top: 1px solid #EEE;
}

.divider.divider-center.divider-short:before {
	left: auto !important;
	right: 50%;
	margin-right: 20px;
	width: 15%;
}

.divider.divider-center.divider-short:after {
	left: 50% !important;
	right: auto !important;
	margin-left: 20px;
	width: 15%;
}

.divider-tit:after, .divider-tit:before {
	border-top: 1px solid #ddd!important;
}

.bg-black {
	background: rgba(0, 0, 0, 0.9)!important;
	text-transform: uppercase;
	bottom: 15px!important;
}

.bottom-footer {
	/*background:#f9f5f2;*/
	padding: 15px 0 15px 0;
	color: #000;
	font-size: 12px;
}

.bottom-footer a {
	color: #000;
}

.footer-content {
	/*background:#f9f5f2;*/
	display: inline-block;
	width: 100%;
	padding: 40px 0 25px 0;
}

.footer-bottom {
	
}

.footer-bottom .right a:hover {
	color: #d1a564!important;
}

.footer-bottom .Payment {
	margin-top: 12px;
}

.footer-bottom hr {
	margin: 0;
	border-color: #d2ba80;
}

.a-box {
	background: #f5f5f5;
	border: 1px solid #ddd;
	padding: 5px;
}

.a-box .sum-media {
	padding: 10px 5px 5px 10px;
	display: block;
	font-size: 16px;
	font-weight: 400;
	/*color: #333;*/
}

.a-box .sum-post {
	min-height: 80px;
	font-size: 14px;
	font-weight: 400;
}

.a-box .sum-price {
	bottom: 100px!important;
	/*background:rgba(255,255,255,0.9)!important;
	color:#232530!important;*/
}

.a-box .view-more {
	font-size: 14px;
	padding: 5px 10px 5px 10px!important;
	bottom: 52px!important;
}

.upper {
	text-transform: uppercase;
	bottom: 15px!important;
	background: rgba(255, 255, 255, 1)!important;
	color: #232530 !important;
	font-weight: 500;
}

.widget-booking {
	border: 1px solid #d3d3d3;
	/*
	padding: 15px 0 25px 0; display: inline-block; width:100%;
	border-radius: 5px 5px 0 0px;
	position: absolute;
	width: 260px;*/
	/*top: -92px;*/
	z-index: 11;
	/*margin-top: -100px; 
	-webkit-box-shadow: 3px -3px 6px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 3px -3px 6px 0px rgba(0,0,0,0.4);
	box-shadow: 3px -3px 6px 0px rgba(0,0,0,0.4);
	right:15px;
	background:rgba(221,212,199,0.4);
	padding:8px;*/
	/*background:#f7f7f7;*/
}

.widget-booking .col-sm-8 {
	padding-left: 0px;
}

.widget-booking .panel-heading {
	padding: 9px 15px 9px 15px;
}

.widget-booking .panel-heading {
	background: transparent linear-gradient(to bottom, #232530 0px, #b57e19 100%) repeat scroll 0 0;
}

.widget-booking .panel-heading .panel-title {
	/*text-transform:uppercase;*/
	font-weight: 500;
	color: #fff;
	font-size: 16px;
}

.widget-booking .panel-heading .panel-title i {
	margin-right: 5px;
}

.widget-booking .panel-body {
	padding: 15px;
	color: #999;
	/*background:#232530;*/
}

.widget-booking .panel-body label {
	color: #595959;
	font-weight: 300;
	text-align: left;
	font-style: italic;
}

.widget-booking .btn-danger {
	background-color: #232530;
	/*border-color: #232530;*/
	color: #fff;
	border-radius: 0px !important;
}

.quick-links {
	margin: 0px;
	padding: 15px 0 0 15px;
	list-style-type: square;
}

.widget-book-links {
	font-size: 13px;
}

.widget-book-links a {
	color: #333;
}

.cal {
	cursor: default!important;
	background-color: #fff!important;
}

.widget-booking .input-group-addon {
	padding: 6px 9px 6px 10px!important;
}

.heading-block h3 {
	font-size: 24px;
	font-weight: 400;
}

.heading-block span {
	font-size: 18px;
	font-style: italic;
	color: #999;
	display: block;
	margin-bottom: 20px;
}

.list-service {
	padding: 0 0 0 0px;
	margin-bottom: 0px;
}

.list-service li {
	list-style-type: square;
	margin-bottom: 10px;
	list-style: none;
}

.list-service li a:hover, .list-service li a:focus {
	color: #333;
}

.list-service li:last-child {
	margin-bottom: 0px;
}

.bg-white {
	background: #fff;
	border: 1px solid #ddd;
}

.bg-white .title-overview {
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.tour-sum .time-tour {
	font-size: 14px;
	color: #999;
}

.new-pri {
	color: #232530;
	font-size: 20px;
	font-weight: 600;
}

.old-pri {
	color: #999;
	font-size: 16px;
	text-decoration: line-through;
	margin-right: 30px;
}

.tour-sum .h4-title a {
	font-size: 18px;
	color: #333;
	font-weight: 500;
}

.recommended {
	background: #0D9BFF;
	position: absolute;
	top: 10px;
	right: 0px;
	color: #fff;
	border-radius: 4px 0 0 4px;
	padding-left: 7px;
	padding-right: 7px;
}

.main-title {
	font-size: 28px;
	text-transform: uppercase;
	/*border-bottom: 1px solid #ddd;
	padding-bottom: 25px;
	margin-bottom: 30px;*/
	    text-align: center;
    font-weight: 600;
	/*margin-top: 30px;*/
	color: #333;
}

.s-path {
	font-size: 12px;
	float: right;
	text-transform: none;
	margin-top: 5px;
}

.tab-booking {
	margin-bottom: 30px;
	background: #f9f5f2;
}

.tab-inline>li {
	border-bottom: 0px;
	/*margin-right: 5px;
	margin-bottom:-1px;*/
	text-transform: uppercase;
}

.tab-inline>li>a:after {
	display: none;
}

.tab-inline {
	/*border-bottom: 1px solid #ddd;*/
	border-bottom: 2px solid #2d2e2e;
}

.tab-inline>li>a {
	/*border: 1px solid #ddd;*/
}

.tab-inline>li>a:hover, .tab-inline>li.active>a, .tab-inline>li.active>a:hover, .tab-inline>li.active>a:focus, .tab-inline>li.active>label, .tab-inline>li.active>label:hover {
	/*border: 1px solid #881012;*/
	background: #2d2e2e;
}

.nav-tabs>li>a {
	background: #f5f5f5;
	color: #333;
	border-radius: 0;
	border: 0 none;
	line-height: 24px;
	margin-right: 0;
	padding: 8px 15px 6px 15px;
	font-weight: 500;
}

.other-title {
	font-size: 20px;
	text-align: center;
	font-weight: 600;
	/*text-transform: uppercase;*/
	padding-top: 10px;
	border-top: 1px solid #ddd;
	margin-bottom: 10px;
	
}

.content-home {
	margin: 50px 0 10px 0;
}

.content-main {
	margin: 20px 0;
}

.content-main ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*.content-main ul li{
margin:0; padding:0;
}*/

.tour-sum .thumbnail {
	margin-bottom: 0px;
}

.tour-sum {
	margin-top: 20px;
	border-top: 1px solid #ddd;
	padding-top: 20px;
}

.tour-sum .time-tour {
	font-size: 14px;
	color: #999;
}

.tour-sum .h4-title a {
	font-size: 18px;
	color: #333;
	font-weight: 500;
	font-weight: bold;
}

.bt-gal {
	margin-bottom: 30px;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	border: 1px solid #ddd;
}

.box-cal {
	position: relative;
}

.box-cal .ngayve, .box-cal .ngaydi, .box-cal .ngayxuathanh, .box-cal .thoigianden {
	margin-right: -30px;
	display: inline-block;
}

.box-cal .ui-datepicker-trigger {
	cursor: pointer!important;
	z-index: 2;
	position: absolute;
}

.box-cal .hid-cal {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 30px;
	width: 100%;
	display: inline-block;
	z-index: 1;
}

.col-left-set {
	margin-top: 30px;
}

.book-list-room-detail {
	background: #fff!important;
	padding: 15px!important;
}

.book-list-room-detail .titleTotal {
	background: #232530;
	padding: 5px 10px 4px 10px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.book-list-room-detail #INSTANT, .book-list-room-detail #EmailBooking {
	display: block;
	list-style: none;
	padding: 0px;
}

.book-list-room-detail #INSTANT li, .book-list-room-detail #EmailBooking li {
	display: block;
}

.book-list-room-detail #INSTANT li .trung, .book-list-room-detail #EmailBooking li .trung {
	display: inline-block;
}

.book-list-room-detail #INSTANT li .spanAmount, .book-list-room-detail #EmailBooking li .spanAmount {
	width: 60%;
}

.type-book label {
	font-weight: 700;
	margin-right: 20px;
	margin-left: 5px;
	cursor: pointer;
	margin-bottom: 15px;
	margin-top: 5px;
}

.inforUser ul {
	list-style: none;
	padding: 0px;
}

.inforUser ul li {
	margin-top: 10px;
}

.inforUser ul li ul li {
	display: inline;
	margin-right: 5px;
}

.sum-list-room .add-extra input, .sum-list-room .add-visa input {
	vertical-align: -2px;
	margin-right: 3px;
	cursor: pointer;
}

.sum-list-room .add-extra label, .sum-list-room .add-visa label {
	font-weight: 700;
	cursor: pointer;
}

.sum-list-room .add-car {
	margin-top: 10px;
}

.sum-list-room .max {
	margin-bottom: 10px;
}

.sum-list-room .conditions {
	margin-top: 10px;
	display: block;
	width: 100%;
}

.sum-list-room .conditions a {
	color: #333;
}

.sum-list-room .img-room {
	display: block;
	position: relative;
}

.sum-list-room .img-room .view-room {
	display: inline-block;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: #232530;
	color: #fff;
	padding: 3px 7px 3px 7px;
}

.m-1>a
/*do*/

{
	background: #3BC0FF;
}

.m-2>a
/*xanh*/

{
	background: #1AAC5B;
}

.m-3>a
/*vang*/

{
	background: #ff7346;
}

.m-4>a
/*hong*/

{
	background: #FF42BC;
}

.m-5>a
/*duong*/

{
	background: #4D7AFF;
}

.m-6>a
/*tim*/

{
	background: #8E03D3;
}

.m-7>a
/*lam*/

{
	background: #00B2B2;
}

.m-8>a
/*cam*/

{
	background: #232530;
}

.h2-price {
	color: #c52d2f;
	font-weight: 600;
	margin-bottom: 25px;
	font-size: 22px;
}

.h2-price .tlt-price {
	color: #333;
	font-weight: 500;
	font-size: 18px;
}

.h2-price #SmlPrice {
	display: none;
}

.h2-price a {
	text-transform: uppercase;
	margin-left: 30px;
}

.mg-top-0 {
	margin-top: 0px!important;
}

.mg-top-5 {
	margin-top: 5px!important;
}

.mg-top-10 {
	margin-top: 10px!important;
}

.mg-top-15 {
	margin-top: 15px!important;
}

.mg-top-20 {
	margin-top: 20px!important;
}

.mg-top-25 {
	margin-top: 25px!important;
}

.mg-top-30 {
	margin-top: 30px!important;
}

.mg-top-40 {
	margin-top: 40px!important;
}

.mg-top-50 {
	margin-top: 50px!important;
}

.mg-bottom-0 {
	margin-bottom: 0px!important;
}

.mg-bottom-5 {
	margin-bottom: 5px!important;
}

.mg-bottom-10 {
	margin-bottom: 10px!important;
}

.mg-bottom-15 {
	margin-bottom: 15px!important;
}

.mg-bottom-20 {
	margin-bottom: 20px!important;
}

.mg-bottom-21 {
	margin-bottom: 21px!important;
}

.mg-bottom-25 {
	margin-bottom: 25px!important;
}

.mg-bottom-30 {
	margin-bottom: 30px!important;
}

.mg-bottom-40 {
	margin-bottom: 40px!important;
}

.pd-top-5 {
	padding-top: 5px!important;
}

.pd-top-10 {
	padding-top: 10px!important;
}

.pd-top-15 {
	padding-top: 15px!important;
}

.pd-top-20 {
	padding-top: 20px!important;
}

.pd-top-25 {
	padding-top: 25px!important;
}

.pd-top-30 {
	padding-top: 30px!important;
}

.pd-bottom-5 {
	padding-bottom: 5px!important;
}

.pd-bottom-10 {
	padding-bottom: 10px!important;
}

.pd-bottom-15 {
	padding-bottom: 15px!important;
}

.pd-bottom-20 {
	padding-bottom: 20px!important;
}

.pd-bottom-25 {
	padding-bottom: 25px!important;
}

.pd-bottom-30 {
	padding-bottom: 30px!important;
}

.mg-5 {
	margin: 5px!important;
}

.mg-10 {
	margin: 10px!important;
}

.mg-15 {
	margin: 15px!important;
}

.mg-20 {
	margin: 20px!important;
}

.mg-25 {
	margin: 25px!important;
}

.mg-30 {
	margin: 30px!important;
}

.pd-5 {
	padding: 5px!important;
}

.pd-10 {
	padding: 10px!important;
}

.pd-15 {
	padding: 15px!important;
}

.pd-20 {
	padding: 20px!important;
}

.pd-25 {
	padding: 25px!important;
}

.pd-30 {
	padding: 30px!important;
}

.box-in {
	padding: 5px;
	background: #f5f5f5;
	border: 1px solid #ddd;
}

/*#search-widget-panel {background-color:none;}*/

/*.topic-box {width:1190px; margin:0 auto; padding-left: 15px; padding-right: 15px;}*/

.topic-box h3 {
	/*background: transparent url("../images/heading-line.jpg") repeat-x scroll center bottom;*/
	font-family: "TrajanPro-Regular", Arial;
	line-height: 18px;
}

.bgGray .topic-box h3 span {
	background: #f9f5f2;
	display: inline-block;
	padding: 0 20px 0 0;
}

.bgWhite .topic-box h3 span {
	font-style: italic;
	background: #fff;
	display: inline-block;
	padding: 0 20px 0 0;
}

.topic-box h3 span a {
	color: #fff;
}

.topic-box h3 span a:hover {
	color: #f78400;
}

.topic-box h4 {
	margin-top: 10px;
	color: #d1a564;
	font-size: 15px;
}

hr.topic {
	border-top: 2px solid #232530;
	border-bottom: 1px solid #232530;
	width: 40px;
	margin: 0 0 30px 0;
}

.padding8 {
	margin: 0 8px;
}

.block-ads {
	margin-top: 10px;
}

.block-ads .item p {
	margin-top: 10px;
	text-align: left;
}

.block-ads .item .ads-img-box {
	text-align: center;
	margin: 0 auto;
}

/*.block-ads .item .ads-img-box a img {max-width: 100%;}*/

.block-ads-detail .item a img {
	width: 100%;
}

.box-logo {
	background: #1e1e1e;
	width: 100%;
	padding: 20px 0 0 0;
}

.box-logo .moment-logo {
	margin: 0 auto;
	text-align: center;
	width: auto;
	padding: 0;
}

.hidder-grem {
	margin: 0 auto;
	text-align: center;
	width: auto;
	padding: 15px 0 0 0;
	border-top: 1px solid #151515;
}

.newsletter-box p {
	font-size: 11px;
	color: #808080;
}

.newsletter-box input.newsletter {
	color: #666;
	padding: 5px 10px;
	border-radius: 4px;
	border: 0;
	width: 100%;
	border: 1px solid #888;
}

.room-list a.thumbnail {
	background-color: #fff;
	border: 0;
	border-radius: 0;
	display: block;
	line-height: 1.42857;
	margin-bottom: 20px;
	padding: 0;
}

p.room-des{
	color: #fff;
	margin: 0 auto 15px auto;
	width: 100%;
	font-size: 15px;
}

.item-list .box-shadow {
	margin-bottom: 20px;
}

.item-list .box-content {
	margin-bottom: 30px;
	position: relative;
}

.item-list .box-content .info {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	color: #ffffff;
	text-align: center;
}

.item-list .box-content .info h4 {
	width: 100%;
	font-weight: 500;
	font-size: 24px;
	color: #ffffff;
	text-shadow: 0px 0px 10px black;
}

.item-list .box-content .info .detai-btn {
	width: 40%;
}

.item-list .box-content .info p {
	display: none;
}

/*room list*/

/* .item-list .box-content .info {
background: #fff none repeat scroll 0 0;
padding: 15px;
position: relative;
border: 1px solid #dcdcdc;
min-height: 190px;
}
.item-list .box-content .info h4 {
min-height:40px;
font-weight: 500;
font-size: 20px;
}
.item-list .box-content .info h5 {
color:#333; text-transform:uppercase;
min-height:32px;
font-weight: bold;
} */

.info dl {
	margin: 0;
	overflow: hidden;
}

.info dt {
	clear: left;
	color: #9c998e;
	float: left;
	font-size: 12px;
	text-transform: uppercase;
	width: 22%;
	line-height: 25px;
}

.info dd {
	color: #666;
	float: left;
	width: 78%;
	font-size: 12px;
	line-height: 25px;
}

.img-box img {
	width: 100%;
}

.box-shadow {
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.12);
}

.ads-left {
	background: #f9f5f2;
	padding: 10px;
	margin-top: 10px;
}

.AvailabilityCheck .col-sm-12 .button {
	display: inline-block;
	color: #232530;
	cursor: pointer;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px 20px;
	border: 0;
	width: 100%;
	background: #ffffff;
	font-size: 15px;
}

.AvailabilityCheck .col-sm-12 .button:hover {
	background: #fff !important;
	color: #232530 !important
}

#bgDiv {
	background-color: Gray;
	bottom: 0;
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 10000;
}

#Progress {
	background-color: #FFFFFF;
	border: 2px solid #b5d549;
	border-radius: 5px 5px 5px 5px;
	left: 50%;
	padding: 10px;
	position: fixed;
	text-align: center;
	top: 50%;
	z-index: 10010;
}

.field-select {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #bbb;
	color: #4c4c4c;
	font: 12px/30px "TrajanPro-Regular", Arial, Helvetica, Arial, sans-serif;
	height: 28px;
	outline: 0 none;
	position: relative;
	width: 250px;
}

.field-select select {
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	color: #A3A3A3
}

.field-select .field-select-value {
	color: #a3a3a3;
	font: 12px/30px "TrajanPro-Regular", Arial, Helvetica, Arial, sans-serif;
	padding: 0 5px;
}

.field-select .field-select-icon {
	background: #fff url("../images/icons.png") no-repeat scroll -85px -87px;
	border-left: 1px solid #bbb;
	height: 26px;
	position: absolute;
	right: 0;
	top: 0;
	width: 31px;
}

.content .off-color, .content.off-color, .off-color {
	background-color: #f6f6f6 !important;
}

fieldset.top-label ul li label {
	display: block;
	margin-bottom: 5px;
}

fieldset label {
	font: 13px/20px "TrajanPro-Regular", Arial, Helvetica, Arial, sans-serif;
}

fieldset.top-label ul li {
	margin-bottom: 10px;
}

.pdf {
	background: transparent url("../images/PDF.png") no-repeat scroll 0 0;
	padding-left: 42px;
	height: 31px;
	line-height: 31px;
	display: block;
}

.checkrateform .form-control {
	background: #fff;
}

.checkdate {
	background: #fff url("../images/calendar-icon.png") no-repeat scroll right center !important;
}

.rooms-list {
	margin-top: 15px;
	padding-top: 25px;
	border-top: 1px solid #dcdcdc;
	background: #2D5A6D !important;
}.text-center.room-des {
	color: #FFF;
}


.text-center{
	text-align: center;
}

.title.uppercase.color333.left {
	text-align: center;
	width: 100%;
	margin-bottom: 0px;
}
.header-room-detail {
	padding-bottom: 15px;
	/*margin-bottom:15px; border-bottom:1px solid #dcdcdc; margin-top:30px;*/
}

.header-room-detail h1.room-title {
	font-size: 22px;
	/*font-style:italic;*/
	margin: 0;
}

.header-room-detail p {
	font-size: 15px;
	padding: 10px 0;
	margin: 0;
}

.room-gallery {
	/*padding-bottom:25px; border-bottom:1px solid #dcdcdc;*/
	
	width: 100%;
}

#detail-slider-tour {
	width: 100%;
	margin: 0 auto;
}

.avatar {
	position: relative;
}

.room-gallery img {
	object-fit: cover;
}

.room-gallery .slide-top img {
	max-width: 100%;
	height: 100%;
}

/* .caption-detail-room {
display: flex;
flex-direction: column;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1024;
} */

.detail-room ul {
	margin-bottom: 5px;
}

.detail-room p {
	margin-bottom: 0;
}

.slider-btn {
	display: flex;
	/* flex-wrap: wrap; */
	/* justify-content: center;
	align-items: center;
	padding: 10px 10px; */
}

.btn-price {
	/* flex-basis: 100%;
	text-align: center;
	color: #fff;
	text-shadow: 0px 0px 8px #464545;
	font-size: 20px; */
	margin-bottom: 0;
	background-color: #73c04a;
	color: #fff;
	position: relative;
	transition: color .5s linear;
}

i.fa-tags {
	color: #3d3633;
}

.slide-btn-item {
	padding: 12px 22px;
	text-align: center;
	font-weight: 500;
	font-size: 20px;
	margin: 0 5px 0 5px;
	/* box-shadow: 0px 1px 3px 2px #bfbbbb; */
	box-shadow: 0px 1px 5px 0px rgba(32, 33, 36);
	border-radius: 6px;
}

p.slide-btn-item {
	margin: 0 5px 0 5px;
}

.btn-contact {
	background-color: #3498db;
	/* color: #333; */
	color: #fff;
	transition: background-color .3s linear;
}

.btn-contact:hover {
	background-color: #2980b9;
	color: #fff;
	transition: background-color .3s linear;
}

.btn-book {
	background-color: #ec064b;
	color: white;
	transition: background-color 0.3s linear;
}

.btn-book:hover {
	background-color: #cf0642;
	color: #fff;
	transition: background-color 0.3s linear;
}

.btn-book:focus {
	color: #fff;
}

.btn-why img{
	max-width: 100%;
	width: 100%;
}


.btn-book a:hover, .btn-book a:focus {
	transition: color .5s linear;
	color: #fff;
}

.slide-top .owl-prev, .slide-top .owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.owl-theme .owl-nav [class*='owl-'] {
	color: #FFF;
	font-size: 30px;
	margin: 5px;
	padding: 4px 7px;
	background: none;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px;
}

.owl-theme .owl-nav [class*='owl-']:hover {
	background: none;
	color: rgb(145, 141, 141);
	text-decoration: none;
	outline: none;
}

.slide-top .owl-prev {
	left: 30px;
}

.slide-top .owl-prev:focus {
	outline: none;
}

.slide-top .owl-next {
	right: 30px;
}

.slide-top .owl-next:focus {
	outline: none;
}

.gallery-room {
	margin-bottom: 20px;
}

.gallery-room .item img {
	width: 100%;
}

#content {
	margin: 50px 0 30px 0;
}

#1slides {
	top: 25px !important;
	height: 433px !important;
}

/*table.other-room {
border-collapse: collapse;
border-spacing: 0;
}*/

table.other-room tr td {
	border-color: #ddd;
	text-align: center;
}

table.other-room tr td a {
	color: #333;
	font-size: 14px;
	margin-left: 10px;
}

table.other-room tr td a:hover {
	color: #232530;
}

.filter-container {
	text-align: center;
	/*padding:20px*/
}

ul.filter>li>a {
	color: #232530;
	font-size: 16px;
	line-height: 40px
}

ul.filter>li>a:hover, ul.filter>li>a:focus {
	text-decoration: none;
	color: #333;
	outline: none
}

ul.filter>li.active a {
	color: #111
}

ul.filter>li span {
	color: #ddd;
	font-size: 20px;
	display: inline-block;
	margin: 0 5px
}

.filter-section .filter-container .filter>li {
	padding: 0;
	margin: 0
}

.filter-section h1 {
	text-align: center
}

/* the color of the transparent overlay border */

.portfolio-section.port-col figure .overlay-background {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.4);
}

/* portfolio images */

.portfolio-section figure {
	float: left;
	width: 100%;
	position: relative;
	min-height: 127px;
}

.portfolio-section figure img {
	width: 100%;
	min-height: 127px;
}

/* project title under image */

.portfolio-section .article-title {
	text-align: center;
	float: left;
	width: 100%;
	font-size: 18px;
	line-height: 24px;
	padding: 10px 0 30px 0;
}

.portfolio-section .article-title a {
	color: #aaa
}

/* transparent overlay */

.portfolio-section figure:hover .overlay {
	opacity: 1;
	visibility: visible
}

.portfolio-section figure:hover .overlay-background {
	opacity: .8;
	visibility: visible
}

.portfolio-section figure .overlay-background {
	z-index: 1;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	width: 100%;
	height: 100%
}

.portfolio-section figure .overlay-background .inner {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: 11px;
	background-color: #c8e9c8;
	background-color: rgba(194, 231, 194, 0.9)
}

.portfolio-section figure .overlay {
	z-index: 2;
	transition: all .2s ease-in-out;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	width: 100%;
	height: 100%
}

.portfolio-section figure .inner-overlay {
	display: table;
	width: 100%;
	height: 100%
}

.portfolio-section figure .inner-overlay-content {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	/*padding:20px 40px*/
}

.portfolio-section figure .inner-overlay-content.with-icons {
	text-align: center
}

/* icons inside overlay */

.portfolio-section figure .inner-overlay-content.with-icons a {
	width: 42px;
	height: 42px;
	line-height: 2 !important;
	display: inline-block;
	/*margin:0 10px;*/
	text-decoration: none;
	font-size: 20px;
	background: #d1a564;
	color: #fff;
	border-radius: 0
}

/* skew image on hover */

.isotopeSelector img {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.isotopeSelector:hover img {
	-moz-transform: scale(1.5) rotate(2deg);
	-webkit-transform: scale(1.5) rotate(2deg);
	-o-transform: scale(1.5) rotate(2deg);
	-ms-transform: scale(1.5) rotate(2deg);
	transform: scale(1.5) rotate(2deg);
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-ms-transition: all .8s ease;
	-o-transition: all .8s ease;
	transition: all .8s ease
}

.isotopeSelector figure {
	overflow: hidden
}

.isotopeSelector figure {
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2)
}

/*
|--------------------------------------------------------------------------
|  Demo Specific Code
|--------------------------------------------------------------------------
|
|
|
*/

.demo-colored-wrap {
	background: #ecf0f1;
}

.top-menu {
	float: right;
	margin-top: 2px;
}

.language {
	float: right;
	margin: 0;
}

.language a {
	color: #d1a564;
	/*text-transform:uppercase;*/
	font-size: 12px;
	margin-right: 10px;
}

.language a:hover {
	color: #765720;
}

.detail-btn {
	background: #c29e40;
	/* Old browsers */
	border: 2px solid #c29e40;
	color: #fff;
	font-weight: bold;
}

.detail-btn:hover {
	color: #fff;
}

.slide-caption {
	position: absolute;
	top: 43%;
	text-align: left;
	z-index: 100;
	color: #fff;
	font-size: 1.2em;
	text-transform: uppercase;
	background: #000000b5;
	padding: 15px 20px 15px 30px;
	min-width: 425px;
}

.slide-caption h3 {
	font-size: 1.7em;
	text-shadow: 2px 2px 0px rgb(5, 7, 38);
}

.slide-caption p {
	text-shadow: 2px 2px 0px rgb(5, 7, 38);
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
	background-color: #c29e40;
}

.language img {
	margin-right: 5px;
}

.button {
	background: #fff;
	/* Old browsers */
	border: 2px solid #232530;
	color: #232530;
	cursor: pointer;
	display: inline-block;
	filter: none;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	margin: 0;
	padding: 10px 20px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}

.button:hover {
	background: #fdc523 none repeat scroll 0 0 !important;
}

.more {
	background-color: #fff;
	background-image: none;
	border: medium none;
	border-radius: 2px;
	color: #232530;
	cursor: pointer;
	display: inline-block;
	filter: none;
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
	margin: 0;
	padding: 10px 15px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}

.more:hover {
	background: #d1a564 none repeat scroll 0 0 !important;
	text-decoration: none;
}

.topic-cat {
	position: relative;
}

.topic-cat-content {
	position: absolute;
	display: block;
	min-height: 100px;
	top: 35px;
	text-align: center;
	padding: 15px 16px;
	color: #fff;
}

.topic-cat-content a h4 {
	color: #fff;
	font-size: 25px;
	text-transform: uppercase;
	font-weight: 600;
}

.topic-cat-content p {
	margin-bottom: 30px;
}

.topic-item-content {
	position: relative;
}

.topic-item-content .topic-item-title {
	position: absolute;
	display: block;
	top: 40%;
	text-align: center;
	color: #fff;
	width: 100%
}

.topic-item-content .topic-item-title h4 {
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	padding: 0 20px;
	text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8);
	margin: 0;
}

.topic-item-img {
	background: rgba(0, 0, 0, 0);
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
}

.topic-item-content:hover .topic-item-img {
	background: rgba(0, 0, 0, 0.3);
}

.uppercase {
	text-transform: uppercase;
}

.topic-room {
	background: transparent url("../images/mapbk.jpg") no-repeat left center;
	display: inline-block;
	width: 100%;
}

/*.topic-room-box {padding:15px;}*/

.topic-room-box-content {
	/*border-top:2px solid #ac8225;*/
	padding: 10px 15px;
}

.topic-room-box ul {
	padding: 0;
	margin: 0;
}

.topic-room-box ul li.topic-item-room {
	text-align: left;
	background: transparent url("../images/bed.png") no-repeat left center;
	padding: 10px 0 10px 30px;
	border-bottom: 1px solid #fafafa;
	list-style: none;
}

.topic-room-box ul li.topic-item-room a {
	color: #000;
	font-size: 16px;
}

.topic-room-box ul li.topic-item-room a:hover {
	text-decoration: underline;
}

.topic-item-service a h4 {
	color: #333;
	margin: 5px 0 0 0;
}

.copyright {
	/*text-align:center; color:#fff; border-top:1px solid #232530;*/
	color: #e8c97e;
}

/*.top-footer h4 {color:#fff !important; text-transform:uppercase;}*/

.top-footer .readmore {
	color: #232530 !important;
}

.trip-review h4 {
	color: #589442 !important;
}

.trip-review a.readmore {
	color: #589442 !important;
}

.enquiries {
	border: 1px solid #dcdcdc;
	padding: 15px;
}

.enquiries .topic-box h3 {
	color: #232530;
}

.enquiries .topic-box a h3 {
	color: #232530;
}

.enquiries .topic-box .hot {
	font-size: 24px;
	color: #232530;
	margin: 15px 0;
	display: block;
}

.ads-img {
	position: relative;
}

.ads-img .ads-item-title {
	color: #fff;
	display: block;
	position: absolute;
	text-align: center;
	top: 40%;
	width: 100%;
}

.ads-img .ads-item-title h4 {
	color: #fff;
	font-size: 20px;
	margin: 0;
	padding: 0 20px;
	text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8);
	text-transform: uppercase;
}

.ads-img:hover .topic-item-img {
	background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
}

.top-footer {
	background: #d1a564;
	padding: 15px 0;
}

.top-footer .latesttext {}

.top-footer .latesttext label {
	color: #fff;
	font-size: 30px;
	text-align: left;
	margin: 3px 0 0 0;
	line-height: 20px;
	display: block;
	float: left;
}

.top-footer .latesttext input.emailbox {
	background: #765720;
	font-size: 14px;
	color: #c2a14f;
	margin: 0 8px;
	border: none;
	padding: 5px 10px;
	width: 200px;
	float: left;
}

.top-footer .latesttext input.button {
	padding: 6px 15px;
	float: left;
}

.hotel-info p {
	color: #f0f0f0;
	margin: 0 0 5px 0;
}

.hotel-info p label {
	margin: 0 5px 0 0;
}

.footer-menu-box ul li {
	padding: 5px 0px;
	border-bottom: 1px solid #74a8ca;
	background: transparent url("../images/menu-footer-arrow.png") no-repeat right center;
}

/*.footer-menu-box ul li span{float:right; color:#a6daf7;}
.footer-menu-box ul li label{text-transform:uppercase; color:#a6daf7;}*/

.footer-menu-box ul li a {
	color: #a6daf7 !important;
}

.home-intro .home-element {
	/*display: flex;
	align-items: stretch;*/
}


.home-element .title-right{
	height: 600px;
	display:flex;
	flex-direction: column;
	justify-content: space-around;
	padding: 0 8px;
	border-radius: 4px;
	border: 1px solid #dddddd;
}


.home-des {
	font-size: 14px;
	color: #333;
	line-height: 26px;
}

.trip-advisor{
	text-align:center;
}

.trip-advisor_img{
	margin-bottom: 10px;
	padding-top: 10px;
}

.trip-advisor_img img{
	max-width: 100%;
	height:auto;
}

.btn-title {
	margin: 10px 0;
}

.btn-title .slide-btn-item{
	padding: 12px 8px;
	width: 96%;
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 16px;
	display: block;
	margin: 0 auto;
}

/*.btn-title.slider-btn .btn-book{
margin: 0 5px 0 0;
}

.btn-title.slider-btn .btn-contact{
margin: 0 0 0 5px;
}*/

.trip-advisor{
	padding-top: 10px;
}

.form-horizontal .header-form {
	color: #333;
	margin-bottom: 10px;
	font-size: 19px;
	text-transform: uppercase;
	border-bottom: 1px solid #d3d3d3;
	margin: 0 15px;
	padding-bottom: 15px;
	font-weight: 500;
	font-family: "Baskerville Regular";
}

.form-horizontal .control-label {
	color: #595959;
	margin-bottom: 5px;
}

.footer-contact-box {
	text-align: right;
}

.footer-contact-box input {
	background: #383229;
	border: 0;
	color: #69685d !important;
	cursor: pointer;
	display: inline-block;
	filter: none;
	font-size: 12px;
	/*font-weight: 600;*/
	line-height: 18px;
	padding: 5px 10px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}

.footer-contact-box input:hover {
	background: #d1a564;
	color: #ffffff!important;
}

ul.link-set-left {
	list-style: none;
	padding: 0;
	margin: 0;
}

.link-set-left .link {
	padding: 5px 0;
	border-bottom: 1px solid #dcdcdc;
	/*margin-bottom: 5px;*/
}

.link-set-left .link:last-child {
	border: none;
}

.link-set-left .link a {
	font-size: 14px;
	line-height: 25px;
	text-transform: uppercase;
	color: #595959;
	font-family: "TrajanPro-Regular", Arial;
}

.link-set-left .link a:hover {
	color: #232530;
}

.sublink-container {
	border-bottom: 1px solid #d3d3d3;
}

.link-set-left li.active {
	background: transparent url("../images/arrow-menu.png") no-repeat right center;
}

.link-set-left li.active a {
	color: #d1a564;
	font-weight: 600;
}

.right {
	float: right!important;
}

.left {
	float: left!important;
}

.upcase {
	text-transform: uppercase!important;
}

.with-arrow {
	font-size: 11px;
}

.book-now .dropdown {
	padding-top: 15px;
	display: none;
	position: absolute;
	top: 34px;
	right: -15px;
	z-index: 10;
	background: rgba(115, 191, 70, 0.8);
	box-shadow: 0 5px 6px rgba(0, 0, 0, .6);
	text-align: left;
}

.book-now:hover .dropdown {
	display: block
}

.book-now .dropdown form {
	padding: 15px;
	width: 200px;
}

.book-now .dropdown form .form-list {
	margin-bottom: 10px;
}

.book-now .dropdown form .form-list label {
	color: #fff;
	width: 100%;
}

.book-now .dropdown form .form-list1 {
	margin-bottom: 10px;
}

.book-now .dropdown form .form-list1 label {
	color: #fff;
}

.book-now .dropdown form .form-list1 select {
	float: right;
}

.book-now .dropdown form .form-list1 a {
	color: #fff;
}

.book-now .dropdown form .form-list1 a:hover {
	text-decoration: underline;
}

.book-now .dropdown .field-select, .book-now .dropdown button, .book-now .dropdown input {
	border: 0;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px 10px;
}

.book-now .dropdown select {
	color: #000;
	font-size: 13px;
}

.des-info {
	padding: 15px;
	background: #fff;
	/*min-height:80px;*/
	border-left: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
}

.des-info h5 {
	text-transform: uppercase;
	font-size: 12px;
	margin: 0!important;
}

.des-info a h5 {
	color: #333;
}

.des-info a h5:hover {
	color: #d1a564;
}

.tripblockquote {
	background: #eeeeee;
	padding: 15px;
	margin-top: 10px;
	display: inline-block;
	min-height: 326px;
	width: 100%
}

#CDSWIDSSP {
	width: 100%!important;
}

.titleQuote {
	color: #569540;
	font-size: 22px;
}

.blockquote-more {
	color: #569540;
	font-size: 12px;
	text-transform: uppercase;
	float: right;
}

blockquote p>span {
	height: 27px;
	width: 30px;
	display: inline-block;
	position: relative;
}

blockquote p>span>span {
	background: transparent url("../images/quote-right.png") no-repeat left center;
	height: 27px;
	width: 30px;
	display: block;
	position: absolute;
	top: 10px;
}

.roomblog {
	background: #eeeeee;
	padding: 15px;
	margin-top: 20px;
	min-height: 235px;
}

.roomblog ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.roomblog ul li {
	border-bottom: 1px solid #dcdcdc;
	background: transparent url("../images/menu-footer-arrow.png") no-repeat right center;
}

.roomblog ul li a {
	display: block;
	padding: 8px 0;
	font-size: 16px;
	color: #333333;
}

.roomblog ul li a:hover {
	color: #1e4d69;
}

a h5 {
	color: #333333;
}

a h5:hover {
	color: #d1a564;
}

.menuBlog {
	border: 1px solid #dcdcdc;
	padding: 10px;
	margin-top: 10px;
}

.checkhome .widget-booking {
	border: none;
	background: #c29e40;
	color: #ffffff;
}

.checkhome .form-horizontal .header-form, .checkhome .form-horizontal .control-label {
	color: #fff;
}

.slider-home {
	min-height: 400px;
}

.vc_tta-panel-body ul {
	margin: 0;
	padding: 0;
}

.room-info {
	margin-top: 20px;
}

.room-info ul {
	margin: 0;
	padding: 0 0 0 15px;
}

.map_destination {
	height: 450px;
	width: 100%;
	position: relative;
	background-color: rgb(229, 227, 223);
	overflow: hidden;
}

/*.navbar-left {border-bottom:1px solid #fff; border-top:1px solid #fff;}
.navbar-right {border-bottom:1px solid #fff; border-top:1px solid #fff;}*/

.cr-arrow {
	left: 0;
	margin-top: -80px;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 999;
}

.cr-arrow span {
	color: #ffffff;
	display: block;
	font-size: 11px;
	text-shadow: 0 0 10px #000;
}

.cr-arrow i {
	color: #ffffff;
	font-size: 40px;
	text-shadow: 0 0 15px #000;
}

.cr-slider__container {
	position: absolute;
	text-shadow: 0 1px 5px #000;
	top: 40%;
	width: 100%;
}

.cr-slider__title {
	color: #fff;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.langueage-icon img {
	width: 30px;
	margin-top: -2.5px;
	margin-left: 4px;
}

#wraploadding {
	background-color: #fff;
	opacity: 0.8;
	z-index: 5000;
	position: fixed;
	top: 0px;
	left: 0px;
	display: none;
}

#wraploadding div#imgloadding {
	width: 100px;
	height: 100px;
	margin: auto;
	position: relative;
}

#owl-demo2 .owl-nav .owl-prev, #owl-demo2 .owl-nav .owl-next {
	top: 43%;
	position: absolute;
	color: #fff;
	background: #c29e40;
	padding: 6px 16px;
	font-size: 32px;
}

#owl-demo2 .owl-nav .owl-prev {
	left: 0;
}

#owl-demo2 .owl-nav .owl-next {
	right: 0;
}

p {
	font-family: sans-serif !important;
}

.fixedzalo, .fixedHottline {
	position: fixed;
	width: 55px;
	height: 55px;
	z-index: 111;
	object-fit: cover
}

.fixedzalo img, .fixedHottline img {
	width: 100%;
	object-fit: cover;
}

.fixedzalo {
	bottom: 22px;
	right: 100px;
}

.fixedzalo__left{
	bottom: 20px;
	left : 90px;
}

.fixedHottline {
	animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
	bottom: 22px;
	left: 15px;
}

@keyframes ring-alo-circle-img-anim {
	0% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}
	10% {
		transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
		transform: rotate(25deg) scale(1) skew(1deg);
	}
	30% {
		transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
		transform: rotate(25deg) scale(1) skew(1deg);
	}
	50% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
		transform: rotate(0deg) scale(1) skew(1deg);
	}
}

@media screen and (max-width:700px) {
	.slide-caption {
		display: none;
	}
	#owl-demo2 .owl-nav .owl-prev, #owl-demo2 .owl-nav .owl-next {
		top: 185px;
	}
}

a.z-link{
	background: #2d5a6d !important;
	color:  #fff !important;
	text-shadow: none !important;
	margin-top: 1px !important;
	border: none !important;
	margin-right: 1px !important;
	border-radius: 2px;
}

.z-tabs.horizontal.top > ul > li.z-active{
	top: auto !important;
	margin-top:0 !important;
	padding-bottom : 0 !important;
}

li.z-active a.z-link{
	color: #333 !important;
	background: #CECECE !important;
	font-weight: bold;
}

.avatar-home{
	margin-bottom : 10px;
}

.slide-bottom .owl-prev, .slide-bottom .owl-next{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 36px;
	color: #fff;
}

.slide-bottom .owl-prev{
	left : 6px;
}

.slide-bottom .owl-next{
	right : 6px;
}

.owl-carousel .owl-item img{
	object-fit: cover;
}

.slide-top .owl-item img {
	height: 200px;
}

.slide-bottom .owl-item img {
	height: 50px;
}

.home-des-detail{
	margin-top: 10px;
}

.detail-room{
	margin-top: 20px;
}

.room-des.list-detail {
	color: #333;
}

#main-contact-form{
	width: 60%;
    margin: 0 auto;
}

.form-flex{
	display: flex;
}


.radio+.radio{
   display: block;
    min-height: 20px;
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
	margin-left: 10px;
}
.award{
	text-align: center;
}
