/*********************************************************
			1. GENERAL STYLES 
			

albastru deschis: #269abc
albastru hover (galben): #F9BF3B
alt albastru deschis (ziua curenta): #A3E8FF
albastru inchis rau: #07253F
primary: #00adef
#f9676b -> rosu
#F2676B -> failed
	#009933 -> confirmed
			
**********************************************************/
body, html {
	font-family: 'Open Sans', sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	color: #07253F;
	font-size: 15px;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:focus {
	outline: none;
}

a:active {
	text-decoration: none;
}

h5 {
	font-size: 15px;
}

.row {
	margin: 0;
}

.clear-padding {
	padding: 0 !important;
}


.space {
	width: 100%;
	position: relative;
	display: inline-block;
	margin: 10px 0;
}

.section-title {
	margin-bottom: 60px;
}

.site-wrapper {
	margin: auto;
	min-height: 100%;
}


/*********************************************************
			2. PRELOADER
**********************************************************/

.load-full-screen {
	height: 100%;
	width: 100%;
}
#loader {
	position: fixed;
	z-index: 10000;
	background: #f7f7f7;
}
#loader div {
	position: absolute;
	top: 50%;
	left: 45%;
	transform: translate(-50%, -45%);
	margin-top: 0 !important;
}
#loader span {
	text-align: center;
}

/*********************************************************
			4. NAVIGATION TRANSPARENT MENU 
**********************************************************/

.transparent-menu-top {
	background: #00adef !important;
}

.transparent-menu {
	background: rgba(10, 49, 82, 0.5);
	padding: 10px 0px;
}

.transparent-menu i {
	margin-right: 2px;
}

.transparent-menu  .navbar {
	margin: 0px;
}

.navbar-header a {
	font-size: 20px;
	color: #ffffff !important;
	letter-spacing: 1px;
	font-weight: bold;
}

/* MEGA MENU */
.nav-container {
	position: relative;
}

.nav-container .dropdown {
	position: relative;
}

.nav-container .mega {
	position: static !important;
}

.top-margin {
	margin-top: 20px !important;
}

.transparent-menu .navbar-default {
	background: transparent;
}

.navbar-default {
	border-color: transparent;
}

.transparent-menu .navbar-nav>li>a {
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	padding: 15px 20px;
	letter-spacing: 1px;
	transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.transparent-menu .navbar-nav>li>a:hover {
	color: #f9676b;
}

.transparent-menu .navbar-default .navbar-nav>.active>a,
	.transparent-menu .navbar-default .navbar-nav>.active>a:focus,
	.transparent-menu .navbar-default .navbar-nav>.active>a:hover {
	background: transparent;
	color: #f9676b;
}

.transparent-menu .dropdown-menu>li>a {
	background: transparent none repeat scroll 0 0;
	color: #bec4c8 !important;
	font-size: 12px;
	line-height: 2;
	position: relative;
	margin-left: 15px;
	font-weight: bold;
}

.transparent-menu .dropdown-menu>li>a:before {
	content: "\f105";
	font-family: "FontAwesome";
	position: absolute;
	margin-left: -10px;
}

.transparent-menu .dropdown-menu>li>a:hover {
	color: #f9676b !important;
}

.transparent-menu .dropdown-menu {
	background: #07253F;
	border: none;
	font-size: 12px;
	box-shadow: none;
	padding: 15px 0px;
}

.transparent-menu .navbar-default .navbar-nav .open .dropdown-menu>li>a
	{
	background: transparent;
	color: #ffffff;
	font-size: 12px;
	letter-spacing: 1px;
}

.transparent-menu .navbar-default .navbar-nav>.open>a, .transparent-menu .navbar-default .navbar-nav>.open>a:focus,
	.transparent-menu .navbar-default .navbar-nav>.open>a:hover {
	background: transparent;
	color: #ffffff;
}

.transparent-menu  .navbar-default .navbar-toggle {
	color: #ffffff;
}

.transparent-menu  .navbar-default .navbar-toggle .icon-bar {
	background: #ffffff;
}

.transparent-menu .navbar-default .navbar-toggle:focus,
	.transparent-menu .navbar-default .navbar-toggle:hover {
	background: transparent;
}

@media ( max-width : 991px) {
	.navbar-header {
		float: none;
	}
	.navbar-left, .navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: none;
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none !important;
	}
	.navbar-nav {
		float: none !important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in {
		display: block !important;
	}
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		background: #07253F;
	}
}

@media ( min-width : 991px) {
	.dropdown:hover .dropdown-menu {
		display: block;
	}
	.dropdown:hover .dropdown-mega {
		display: block;
	}
}

@media ( max-width : 767px) {
	.transparent-menu .dropdown-menu li a {
		text-align: left;
	}
}

/*********************************************************
			5. LIGHT MENU 
**********************************************************/
.light-menu {
	background: #fff;
}

.light-menu .navbar {
	margin: 10px 0px;
}


.light-menu i {
	margin-right: 2px;
}

.light-menu .navbar-header a {
	font-size: 20px;
	color: #07253F !important;
	letter-spacing: 1px;
	font-weight: bold;
}

.light-menu .navbar-default {
	background: transparent;
}

.light-menu .navbar-nav>li>a {
	color: #07253F;
	font-weight: bold;
	font-size: 14px;
	padding: 15px 15px;
	letter-spacing: 1px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

.navbar-collapse>ul>li:last-child>a {
	padding: 15px 0px 15px 20px !important;
}

.light-menu .navbar-nav>li>a:hover {
	color: #00adef;
}

.light-menu .navbar-default .navbar-nav>.active>a, .light-menu .navbar-default .navbar-nav>.active>a:focus,
	.light-menu .navbar-default .navbar-nav>.active>a:hover {
	background: transparent;
	color: #00adef;
}

.light-menu .dropdown-menu>li>a {
	background: transparent none repeat scroll 0 0;
	color: #bec4c8 !important;
	font-size: 12px;
	line-height: 2;
	position: relative;
	margin-left: 15px;
	font-weight: bold;
}

.light-menu .dropdown-menu>li>a:before {
	content: "\f105";
	font-family: "FontAwesome";
	position: absolute;
	margin-left: -10px;
}

.light-menu .dropdown-menu>li>a:hover {
	color: #f9676b !important;
}

.light-menu .dropdown-menu {
	background: #07253F;
	border: none;
	font-size: 12px;
	box-shadow: none;
	padding: 15px 0px;
}

.light-menu .navbar-default .navbar-toggle {
	color: #07253F;
}

.light-menu  .navbar-default .navbar-toggle .icon-bar {
	background: #07253F;
}

.light-menu .navbar-default .navbar-toggle:focus, .light-menu .navbar-default .navbar-toggle:hover
	{
	background: transparent;
}

@media ( min-width : 768px) {
	.dropdown:hover .dropdown-menu {
		display: block;
	}
}

@media ( max-width : 767px) {
	.light-menu.dropdown-menu li a {
		text-align: left;
	}
	.light-menu .dropdown-menu>li>a {
		margin-left: 0px;
	}
}

/*********************************************************
			6. HOMEPAGE SEARCH 
**********************************************************/

.search-section {
	margin-top: 60px;
	margin-bottom: 60px;
}

.search-section .nav-tabs {
	border-bottom: none;
}

.search-section .nav-tabs .active {
	position: relative;
}

.search-section .nav-tabs .active:after {
	background: #f9676b none repeat scroll 0 0;
	content: "";
	height: 20px;
	left: 40%;
	position: absolute;
	top: 80%;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	width: 20px;
}

.search-section .nav-tabs>li>a {
	color: #ffffff;
	background: rgba(10, 49, 82, 0.5);
	letter-spacing: 1px;
	font-weight: bold;
	border-radius: 2px 2px 0 0;
	margin-right: 4px;
}

.search-section .nav>li>a {
	padding: 15px;
}

.search-section .nav-tabs>li {
	margin-bottom: 0px;
}

.search-section .nav-tabs>li>a:hover {
	color: #ffffff;
	background: #f9676b;
	border: 1px solid transparent;
}

.search-section .nav-tabs>li.active>a, .search-section .nav-tabs>li.active>a:focus,
	.search-section .nav-tabs>li.active>a:hover {
	color: #ffffff;
	background: #f9676b;
	border: 1px solid transparent;
}

.search-section .tab-content {
	color: #07253F;
	background: #fff;
	padding: 30px 15px;
}

.search-section label {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}

.search-section .form-control {
	background-color: transparent;
	border: 1px solid #BEC4C8;
	border-radius: 0;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #07253F;
	display: block;
	font-size: 15px;
	height: 40px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s
		ease-in-out 0s;
	width: 100%;
}

.search-section .form-control::-moz-placeholder {
	color: #989DA0;
	opacity: 1;
}

.search-section .form-control:-ms-input-placeholder {
	color: #BEC4C8;
}

.search-section .form-control::-webkit-input-placeholder {
	color: #BEC4C8;
}

.search-section .form-control::-o-input-placeholder {
	color: #BEC4C8;
}

.search-section .input-group-addon {
	background: transparent;
	color: #BEC4C8;
	border-top: 1px solid #BEC4C8;
	border-right: 1px solid #BEC4C8;
	border-bottom: 1px solid #BEC4C8;
	border-radius: 0;
}

.search-section .product-search-title {
	font-size: 18px;
	display: block;
	font-weight: 800;
	text-transform: uppercase;
	color: #00adef;
}

.search-section .search-col-padding {
	padding-top: 15px;
}

.search-section option {
	color: #07253F;
}

#ui-datepicker-div {
	background: #07253F;
	z-index: 9999 !important;
}

#ui-datepicker-div  table {
	margin: 10px;
}

.ui-datepicker-calendar a {
	padding: 5px;
	color: #ffffff;
}

.ui-datepicker-calendar a:hover {
	color: #00ADEF;
}

.ui-datepicker-calendar td {
	padding: 10px 5px;
}

.ui-datepicker-calendar .ui-state-disabled {
	color: #0A3152;
}

.ui-datepicker-calendar th {
	color: #ffffff;
	padding: 7px;
}

.ui-datepicker-header {
	margin: 10px;
}

.ui-datepicker-header .ui-datepicker-title {
	color: #ffffff;
	text-align: center;
}

.ui-datepicker-header a {
	color: #ffffff;
	cursor: pointer;
}

.ui-datepicker-header a:hover {
	color: #00ADEF;
}

.ui-spinner-up i {
	color: #BEC4C8;
	float: right;
	margin-top: -27px;
	margin-right: 10px;
	z-index: 99999;
}

.ui-spinner-down i {
	color: #BEC4C8;
	float: left;
	margin-top: -27px;
	margin-left: 10px;
	z-index: 99999;
}

.ui-datepicker-prev {
	float: left;
}

.ui-datepicker-next {
	float: right;
}

.btn:hover {
	color: #00ADEF;
}

.search-button {
	background: /*#f9676b*/#009933 ;
	border-radius: 0;
	margin-top: 10px;
	padding: 10px 30px;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	color: #fff;
	transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.search-button:hover {
	background: /*#00adef*/#00e64d;
	color: #fff;
}




/*********************************************************
			7. HOMEPAGE (INDEX-1, INDEX-2, INDEX-3, INDEX-4 ETC.) 
**********************************************************/
.section-title h2 {
	font-weight: 800;
	letter-spacing: 2px;
}

.section-title h4 {
	font-weight: bold;
	position: relative;
}

.section-title p {
	line-height: 2;
}

.icon-desc h4 {
	margin-top: 30px;
	font-weight: bold;
}

.icon-desc i {
	color: #00ADEF;
	border: 2px solid #00ADEF;
	padding: 30px 32px;
	border-radius: 50%;
}

@media ( max-width : 767px) {
	.icon-desc {
		margin-top: 30px;
	}
}

/* ======== Homepage Product Section ========= */


.line {
	width: 50px;
	height: 4px;
	display: inline-block;
	background: #00ADEF;
	margin: 10px 0;
}




/* ======= Home Page Top Destination Section Start ======= */

.td-overlay {
	padding: 0px;
	background: rgba(2, 119, 189, 0.6);
}

.admin img {
	border-radius: 50%;
	max-width: 200px;
}

.admin {
	padding: 20px 10px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	color: #fff;
}

.admin h4, .admin h2 {
	font-weight: bold;
	margin-top: 25px;
}

.admin h4 {
	font-style: italic;
}

.admin a {
	color: #fff;
	margin: 0px 5px;
	font-size: 25px;
	height: 40px;
	width: 40px;
	display: inline-block;
}

.admin a:hover {
	color: #00adef;
}


/************************************************************************
			13. hotel-grid.html CSS Start
************************************************************************/


.clearfix-md {
	clear: both;
}



@media ( max-width : 991px) {
	.form-gp {
		margin-bottom: 20px;
	}
	.clearfix-md {
		clear: none;
	}
	.clearfix-sm {
		clear: both;
	}
}



.panel-group {
	margin-bottom: 0px;
}

.panel-group .panel {
	border-radius: 0;
}

.panel-default {
	border-color: #e6e6e6;
}

.panel-default>.panel-heading {
	background: #ffffff;
	color: inherit;
	overflow: hidden;
	padding: 0px;
}


/*********************************************************************************
				29. contact-us.html CSS Start
*********************************************************************************/
.contact-address {
	color: #ffffff;
	padding: 60px 0px;
	background: #00adef;
}

.contact-address h2 {
	font-weight: 800;
	letter-spacing: 1px;
	font-size: 22px;
}

.contact-address h5 {
	line-height: 2;
}

.contact-address p {
	font-size: 16px;
	font-weight: bold;
}

.contact-address a {
	color: #ffffff;
}

.contact-address a:hover {
	color: #F2676B;
}

.contact-address i {
	font-size: 40px;
	margin: 10px 0px;
}

.contact-form {
	padding: 30px 15px;
}

.contact-form .form-control {
	height: 40px;
	border-radius: 0px;
	margin: 10px 0px;
}

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

.contact-form h2 {
	font-weight: 800;
	letter-spacing: 1px;
}

.contact-form h5 {
	line-height: 2;
}

.contact-map {
	border: 0px;
	width: 100%;
	height: 520px;
}
/*********************************************************************************
				30. about-us.html CSS Start
*********************************************************************************/

.our-service {
	padding: 60px 0px;
}

.service-left .section-title {
	margin-bottom: 20px;
}

.service-left p {
	line-height: 2;
}

.service-right .service {
	position: relative;
	padding: 15px;
}

.service-right i.title {
	background: #f9676b none repeat scroll 0 0;
	border-radius: 50%;
	color: #fff;
	display: block;
	font-size: 24px;
	height: 50px;
	left: 45%;
	padding: 12px 10px;
	position: absolute;
	top: 35px;
	width: 50px;
	z-index: 2;
}

.service-desc {
	border: 1px solid #00adef;
	padding: 30px 15px 15px;
	position: relative;
	margin-top: 45px;
}

.service-desc h5 {
	font-weight: 800;
	letter-spacing: 1px;
}

.service-desc p {
	line-height: 2;
}

/*********************************************************************************
				31. user-profile.html CSS Start
*********************************************************************************/




.most-recent-booking .field-entry .fa-star {
	color: #F19C4F;
	margin: 0px;
}

.most-recent-booking .field-entry {
	padding: 15px 15px;
	overflow: hidden;
	border-bottom: 1px solid #e6e6e6;
}

.most-recent-booking .field-entry p {
	margin: 0px;
}

.most-recent-booking .field-entry p i {
	margin: 0px 5px;
}

.most-recent-booking .field-entry a {
	color: #00adef;
}

.confirmed {
	color: #009933;
}

.failed {
	color: #F2676B;
}

.most-recent-booking {
	box-shadow: 0px 0px 5px #e6e6e6;
	overflow: hidden;
	margin: 40px 0px;
	background: #fff;
}

.most-recent-booking h4 {
	background: #e6e6e6;
	margin: 0px;
	padding: 15px;
}


.completed span {
	background: #e6e6e6;
	color: #07253F;
}



/*********************************************************************************
				32. coming-soon.html CSS Start
*********************************************************************************/
.full-screen {
	height: 100%;
	width: 100%;
}


@media ( max-width : 767px) {
	.full-screen {
		height: auto;
	}
	
}
/*********************************************************************************
			33. 404.html CSS Start
*********************************************************************************/
.not-found {
	padding: 60px 0px;
	background: #F9BF3B;
	color: #fff;
}

.not-found .desc p, .full-screen-404 p {
	font-size: 18px;
}

.not-found .desc a, .full-screen-404 a {
	border: 2px solid #fff;
	color: #fff;
	display: inline-block;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-top: 30px;
	padding: 10px 30px;
}

.not-found .desc a:hover, .full-screen-404 a:hover {
	background: #00adef;
}

.not-found .desc a i, .full-screen-404 a i {
	margin-right: 10px;
}

.large-para {
	font-weight: 800;
	font-size: 100px;
}

.large-para span {
	display: block;
}
/*********************************************************************************
			34. loading.html CSS Start
*********************************************************************************/
.loading-animation {
	position: relative;
	height: 100px;
	margin-top: 40px;
}

.loading-animation span {
	border-radius: 50%;
	font-size: 50px;
	height: 100px;
	padding: 10px;
	width: 100px;
	display: block;
	position: absolute;
	left: 42%;
}

.loading-animation span:nth-child(1) {
	opacity: 0;
	-webkit-animation: loader 2s infinite;
	animation: loader 2s infinite;
	color: #fff;
	background: #337ab7;
}

.loading-animation span:nth-child(2) {
	-webkit-animation: loader 2s infinite 0.5s;
	animation: loader 2s infinite 0.5s;
	opacity: 0;
	color: #fff;
	background: #0A3152;
}

.loading-animation span:nth-child(3) {
	animation: loader 2s infinite 1s;
	-webkit-animation: loader 2s infinite 1s;
	opacity: 0;
	color: #fff;
	background: #00adef;
}

.loading-animation span:nth-child(4) {
	animation: loader 2s infinite 1.5s;
	-webkit-animation: loader 2s infinite 1.5s;
	opacity: 0;
	color: #fff;
	background: #07253F;
}
@keyframes loader {
	0% {
		opacity: 1;
		-webkit-transform: rotateY(90deg);
		-o-transform: rotateY(90deg);
		-ms-transform: rotateY(90deg);
		-moz-transform: rotateY(90deg);
		transform: rotateY(90deg);
	}
	25% {
		opacity: 1;
		-webkit-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
	26% {
		opacity: 0;
		-webkit-transform: rotateY(0deg);
		-o-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
	100% {
		opacity: 0;
		-webkit-transform: rotateY(90deg);
		-o-transform: rotateY(90deg);
		-ms-transform: rotateY(90deg);
		-moz-transform: rotateY(90deg);
		transform: rotateY(90deg);
	}
}
@-webkit-keyframes loader {
	0% {
		opacity: 1;
		-webkit-transform: rotateY(90deg);
		-o-transform: rotateY(90deg);
		-ms-transform: rotateY(90deg);
		-moz-transform: rotateY(90deg);
		transform: rotateY(90deg);
	}
	25% {
		opacity: 1;
		-webkit-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
	26% {
		opacity: 0;
		-webkit-transform: rotateY(0deg);
		-o-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
	100% {
		opacity: 0;
		-webkit-transform: rotateY(90deg);
		-o-transform: rotateY(90deg);
		-ms-transform: rotateY(90deg);
		-moz-transform: rotateY(90deg);
		transform: rotateY(90deg);
	}
}


.go-up {
	position: absolute;
	top: 40%;
	right: 10%;
}

.go-up a {
	background: #07253F none repeat scroll 0 0;
	border-radius: 50%;
	display: inline-block;
	height: 30px;
	padding: 5px;
	width: 30px;
}


/********************************************************************
			43. Main Footer CSS STARTS
*********************************************************************/


.main-footer {
	padding: 60px 0px;
	background: #07253F;
}

.main-footer .links {
	line-height: 2;
}

.main-footer .links ul, .we-accept ul, .main-footer-nav ul {
	list-style-type: none;
	padding: 0px;
}

.main-footer .links h4, .main-footer .contact-box h4, .we-accept h4 {
	color: #f9676b;
	margin-top: 0px;
	text-transform: uppercase;
	font-weight: 800;
	margin-bottom: 15px;
	letter-spacing: 1px;
}

.main-footer .links ul li {
	position: relative;
}

.main-footer .links ul li a, .main-footer-nav ul li a {
	color: #BEC4C8;
	margin-left: 15px;
}

.main-footer .links ul li a:hover, .main-footer-nav ul li a:hover {
	color: #f9676b;
}

.main-footer .links ul li:before {
	content: "\f105";
	position: absolute;
	font-family: "FontAwesome";
	color: #BEC4C8;
}

.main-footer .contact-box p {
	color: #BEC4C8;
	line-height: 2;
}

.main-footer .contact-box p i {
	border: 2px solid #bec4c8;
	border-radius: 50%;
	color: #f9676b;
	display: inline-block;
	height: 40px;
	margin-right: 10px;
	margin-top: 10px;
	padding: 10px 11px;
	width: 40px;
}

.we-accept {
	padding: 30px 0px 0px;
}

.we-accept ul li, .main-footer-nav ul li {
	display: inline;
	margin: 0px 5px;
}

.main-footer-nav {
	padding: 30px 0px;
	background: #0A3152;
	color: #BEC4C8;
	position: relative;
}

.main-footer-nav p, .main-footer-nav ul {
	margin-bottom: 0px;
}

.main-footer-nav .go-up a {
	color: #BEC4C8;
	padding: 5px 8px;
}

@media ( max-width :767px) {
	.main-footer .links h4, .main-footer .contact-box h4, .we-accept h4 {
		margin-top: 45px;
	}
	.main-footer-nav ul li {
		margin: 15px 5px;
		display: inline-block;
	}
}


/*********************************************************************************
		45. login.html CSS Start
*********************************************************************************/
.login-row {
	padding: 60px 0px;
}

.login-form, .sign-up-form {
	padding-left: 45px;
}

.login-form  label, .sign-up-form label {
	font-weight: normal;
}

.login-form .form-control, .sign-up-form .form-control {
	border-radius: 0;
	height: 40px;
	padding: 10px;
}

.login-form .input-group, .sign-up-form .input-group {
	margin-bottom: 15px;
}

.login-form .input-group-addon, .sign-up-form .input-group-addon {
	border-radius: 0;
	height: 40px;
	background: #e6e6e6;
}

.login-form button, .sign-up-form button {
	background: #f9676b none repeat scroll 0 0;
	border: medium none;
	border-radius: 0;
	color: #fff;
	display: block;
	font-weight: bold;
	margin-top: 30px;
	padding: 10px 30px;
}

.login-form button:hover, .sign-up-form button:hover {
	background: #00adef;
}

.login-form button i, .sign-up-form button i {
	margin-left: 5px;
}

@media ( max-width : 767px) {
	.login-form, .sign-up-form {
		padding: 0 15px;
		margin-top: 45px;
	}
}
/*********************************************************************************
		46. typography.html CSS Start
*********************************************************************************/
.misc-row {
	padding: 60px 0px;
}

.misc-row p {
	line-height: 2;
}

.misc-row h1, .misc-row h2, .misc-row h3, .misc-row h4, .misc-row h5,
	.misc-row h6 {
	font-weight: bold;
}

.quote-para {
	position: relative;
}

.quote-para:before {
	content: "\f10d";
	font-family: "FontAwesome";
	position: relative;
	padding-right: 10px;
}

.quote-para:after {
	content: "\f10e";
	font-family: "FontAwesome";
	position: relative;
	padding-left: 10px;
}

.element-tab .tab-content {
	padding: 15px;
}

.element-tab .nav-tabs>li>a {
	border-radius: 0;
	border: none;
	color: #07253F;
}

.element-tab .nav-tabs>li>a:hover {
	color: #f9676b;
}

.element-tab .nav>li>a:hover, .element-tab .nav>li>a:focus {
	background-color: transparent;
	border: none;
}

.element-tab .tab-style1 {
	border: none;
}

.element-tab .tab-style1 .active, .element-tab .tab-style1 .active a {
	background: #f9676b;
	color: #fff;
	position: relative;
}

.element-tab .tab-style1 .active:after {
	background: #f9676b none repeat scroll 0 0;
	content: "";
	height: 15px;
	left: 40%;
	position: absolute;
	top: 80%;
	transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width: 15px;
}

.tab-style1>li.active>a, .tab-style1>li.active>a:focus, .tab-style1>li.active>a:hover
	{
	color: #fff;
}

.element-tab .tab-style2 {
	border-bottom: 2px solid #e6e6e6;
}

.element-tab .tab-style2 .active, .element-tab .tab-style2 .active a {
	position: relative;
	color: #f9676b;
}

.element-tab .tab-style2 .active:after {
	background: #f9676b none repeat scroll 0 0;
	content: "";
	height: 5px;
	left: 30%;
	position: absolute;
	top: 95%;
	width: 25px;
}

.element-tab .nav-tabs>li {
	margin-bottom: 0;
}

.btn1 {
	margin: 30px 0px;
}

.btn1 button {
	margin: 10px 5px;
}

.cbtn {
	background: #00adef none repeat scroll 0 0;
	border: medium none;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.cbtn:hover {
	background: #F9BF3B;
}

.lg-btn {
	font-size: 20px;
	padding: 10px 30px;
}

.md-btn {
	font-size: 18px;
	padding: 8px 30px;
}

.sm-btn {
	font-size: 16px;
	padding: 6px 30px;
}

.xs-btn {
	font-size: 14px;
	padding: 4px 30px;
}

.element-accordian .panel-default>.panel-heading {
	padding: 15px;
}

.element-ol, .element-ul {
	padding: 0px;
}

.element-ol li, .element-ul li {
	margin: 10px 0px;
	line-height: 2;
}


#schedule {
}

.schedule-row {
	padding: 10px 0px;
}

.schedule-item i {
	display: block;
}

.schedule-item {
	background: #00adef;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	border: 2px solid transparent;
	min-height: 160px;
	min-width: 280px;
	font-size: 30px;
	padding: 30px;
	margin-top: 20px;
	cursor: pointer;
	border-radius: 5px;
	width: 100%;
}

.schedule-item a {
	color: #fff;
}

.schedule-item:hover {
	background: #fff !important;
	color: #00adef;
	border: 2px solid #00adef;
}

.schedule-item:hover a {
	color: #00adef;
}

.schedule-item.schedule-option {
	font-size: 20px;
    min-height: 90px;
    padding: 10px;
}
.schedule-item.schedule-option i {
	display: inline;
}
.schedule-item.schedule-option-last-row {
	font-size: 20px;
    min-height: 50px;
    padding: 10px;
    background-color: #00729B;
}
.schedule-item.schedule-option label {
	font-size: 16px;
}
.schedule-option-last-row a:hover, .schedule-option-last-row:hover a {
	color: #00729B;
}
.schedule-option-last-row:hover {
	background: #fff;
	color: #00729B;
	border: 2px solid #00729B;
}
.schedule-item.schedule-option-last-row i {
	display: inline;
}
/*screen-md*/
@media ( min-width : 768px) and (max-width: 992px) {
	.schedule-item {
		min-width: 153px;
		padding: 13px;
		font-size: 25px;
	}
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.slideLeft {
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
}




#ajaxLoader {
	position: fixed;
	background: rgba(200, 200, 200, 0.4);
	z-index: 10000;
	width: 100%;
	height: 100%;
}
#ajaxLoader div {
	position: absolute;
	top: 50%;
	left: 45%;
	transform: translate(-50%,-45%);
	margin-top: 0 !important;
}
#ajaxLoader span {
	text-align: center;
}


#footer {
	margin-top: 50px;
}

#schedule .search-section {
	margin: 10px 0 0 0;
	padding: 0;
}

#schedule .search-section .product-search-title {
	font-size: 14px;
	padding-left: 10px;
}

.schedule-type-default {
	background-color: #00729B !important;
}

.schedule-type {
	min-height: 45px !important;
}

@media ( max-width : 767px) {
	.schedule-item {
		font-size: 20px;
		min-height: 100px;
		padding: 20px;
	}
	.schedule-item.schedule-option {
		font-size: 16px;
	}
	
	.schedule-item.schedule-option {
		min-height: 75px;
	}

	#addScheduleButton, #backScheduleButton {
		font-size: 10px;
    	padding-left: 20px;
    	padding-right: 20px;
	}
	#schedule h3 {
		font-size: 16px;
	}
}

#addScheduleButton, #backScheduleButton {
	border-radius: 5px;
}

#backScheduleButton {
	background-color: #23527c;
}
#backScheduleButton:hover {
	background-color: #4c91cd;
}

.alert {
	margin-top: 10px;
}

.schedule-item a, .schedule-item a:visited {
	text-decoration: none;
}


@media ( max-width : 767px) {
	.admin {
		padding: 5px 0;
	}
	.admin img {
		max-width: 50px;
	}
	.admin p {
		display: none;
	}
	.admin h4, .admin h2 {
		font-weight: normal;
		margin-top: 0;
		font-size: 14px;
	}
	
}

.contact-map {
	padding: 30px 0px;
}	
.contact-address {
	margin-top: 30px;
	padding-top: 20px;
	min-height: 460px;
	padding-bottom: 0px;
}
	
	
.service-right i.title {
	background: #00adef;
}
.service-desc {
	border: 1px solid #00adef;
	min-height: 210px;
}

.service-left li {
	margin-bottom: 10px;
}


.contactbutton {
	border: 2px solid white;
    border-radius: 5px;
    padding: 20px;
}
.contactbutton i {
	top: 8px;
    position: relative;
}

.full-width {
	width:100%;
}

.center {
	text-align:center;
}
.justify {
	text-align: justify;
}

.cookie-table {
	padding: 10px;
	margin: 10px;
}
.cookie-table td, .cookie-table th {
	border: 1px solid #aaa;
	padding: 5px;
}

.image-background {
	background: url(/resource/img/app.frontpage.backgroundimage.png) center center;
	overflow: hidden;
	background-size: cover;
}

.faded {
	color: #666 !important;
}

/*
.schedule-item.asset-type {
	background: #449d44 !important;
}
.schedule-item.asset-type:hover {
	background: #fff !important;
	color: #398439 !important;
	border: 2px solid #398439 !important;
}
.schedule-item.asset-type a:hover, .schedule-item.asset-type:hover a, .product-search-title.asset-type {
	color: #398439 !important;
}
*/


.view-schedule-item {
	border: 2px solid #00adef;
	border-radius: 7px;
	margin: 10px 0;
	padding: 10px 0 10px 10px;
}
.view-schedule-item i.title {
	border-radius: 50%;
	color: #fff;
	font-size: 24px;
	height: 50px;
	padding: 12px 13px;
	width: 50px;
	background: #00adef;
}
.search-button.red {
	background: #d9534f;
}
.search-button.red:hover {
	background: #FF2421;
}

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



@media ( max-width : 1024px) {
	.cl-banner p {
		font-size: 12px;
		line-height: 1.5;
	}
}
@media ( max-width : 767px) {
	.cl-banner p {
		font-size: 8px;
		line-height: 2;
	}
}