/*-----------------------------------------
* Theme Name: Travel stock
* Author: Themez Hub
* Version: 1.0
* Create Date: Aug 14 2018
  Author URI    : http://www.themezhub.com/
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
# Font Style
# general setting
# Global Settings
# Navigation Start
# Home Banner Settings
# UI Element Style
# Blog Page Style
# Icons Style
# Footer Style
# Travel Component 
# Dashboard Style
-----------------------------------------------*/

/*=====================================================================
 Font Style
====================================================================*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,300i,400,400i,600,600i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Josefin+Slab:300,400,600,700');

/* ==========================================================================
general setting
========================================================================== */
/*------ General: Common Style ---------*/
html,body {
	width:100%;
	height: auto;
	margin:0;
	padding:0;
}

body {
	background:#ffffff;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	position: relative;
	font-size:18px;
	color:#434856;
	line-height:28px;
}

body.modal-open {
    padding-right: 0 !important;
}
p {
    position: relative;
    text-transform: capitalize;
    line-height:1.8;
    font-family: 'Montserrat', sans-serif;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    transition: .2s ease-in;
	margin-bottom:32px;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: .25em;
  color:#334e6f;
}
p a{
	color:#ff4e00;
}
a{
	color:#334e6f;
}

a,
a:active,
a:focus,
a:hover{
	color:#334e6f;
	outline:none;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
b, strong {
    font-weight: 600;
}
.centered {
    display: table;
    margin: 0 auto;
}
.badge{
	font-weight:600;
}
.text-center {
    text-align: center;
}
.text-left{
    text-align:left;
}
.text-right {
    text-align:right;
}
.text-through {
    text-decoration:line-through;
	opacity:0.7;
}
.text-center  img{
    margin:5px auto;
	float:none;
	display:table;
}
section{
	padding:4em 0 3em 0;
}
.small-pad{
	padding:1em 0 1.5em 0;
}
section.gray{
	background:#eff2f5;
}
.light-gray{
	background:#F5F7F8;
}
.light-bg{
	background:#ffffff;
}
a.btn.call-btn {
	background: #ffffff;
	border-radius: 4px;
	padding: 0.8em 2em;
	color:#ff4e00;
	text-transform: capitalize;
}
.d-block{
	display:block;
	margin-bottom:10px;
}
.no-shadow, .no-shadow:hover, .no-shadow:focus{
	box-shadow:none !important;
}
.daterangepicker .drp-buttons .btn, .daterangepicker .drp-buttons .btn:hover, .daterangepicker .drp-buttons .btn:focus, .daterangepicker .drp-buttons .btn:active:focus {
    width: auto;
    padding: 7px 12px;
    height: auto;
    border-radius: 2px;
	font-size:12px;
}
.list-slide-box{
	padding:0 10px;
}
.list-slide-box:focus, .guides-container:focus{
	outline:none;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #ff4e00;
}
ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0;
}
ol, ul li{
    margin-left: 0px;
    text-align: left;
    line-height:2;
}
    
.side-list ul {
    margin: 0;
    padding: 0;
}
.side-list ul li {
    list-style: none;
    padding: 10px 5px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px dashed #eaeff5;
}
.side-list ul li:last-child, .side-list.no-border ul li {
    border-bottom: none;
}

/*----------- General: Heading ------------*/
.heading{
	padding:0px 0 25px 0;
	margin-bottom:20px;
	text-align:center;
}
.heading span{
	font-family: 'Josefin Sans', sans-serif;
	font-size:14px;
	text-transform:uppercase;
	margin-bottom:12px;
}
.heading h1{
	font-weight:600;
	margin-top:0;
	text-transform:capitalize;
	font-family: 'Josefin Sans', sans-serif;
}
.heading.light h1, .heading.light p{
	color:#ffffff;
}
.heading p {
    line-height: 1.8;
    font-size: 15px;
}
/*--------- General: Progress Bar ----------------*/
.progress {
    height: 12px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #dfe6f1;
    border-radius: 1px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*----------- General: Page Title ------------*/
.page-title {
    background:#f2f4f7;
    height:370px;
	text-align:center;
	position: relative;
	display: flex;
    padding-top:50px;
	background-size:cover;
	background-position:center;
}
.page-title.image-title:before{
	position:absolute;
	content:"";
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:#243b5a;
	opacity:0.3;
}
.page-title.image1-title:before{
	position:absolute;
	content:"";
	left:0;
	right:0;
	top:0;
	bottom:0;
}
.page-title-wrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
	position:relative;
}
.image-title .page-title-wrap>*{
	color:#ffffff;
}
.image1-title .page-title-wrap>*{
	color:#ffffff;
}
.image-title h2{
	font-size:40px;
	font-weight:600;
}
.image-title p span{
	font-style:italic;
}


/*--------- General: Form and Button ------------*/
button:hover, input:hover, input:focus, button:focus{
	outline:none;
}
.btn {
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 400;
    position: relative;
    border: 1px solid;
	background-image: none;
	padding: 10px 15px;
	transition:all ease 0.4s;
}
.btn.btn-arrow{
	padding: 10px 40px 10px 15px;
}
.btn-m.btn-arrow{
	padding: 14px 55px 14px 30px;
}
.btn.btn-arrow:after {
    content: "\e628";
    margin-left: 10px;
    top: 9px;
    font-size: 16px;
    font-family: 'themify';
}
.btn-m.btn-arrow:after{
	content:"\e628";
	margin-left: 10px;
	top:13px;
	font-size:16px;
	font-family:'themify';
}
.btn-m{
	padding: 14px 30px;
	font-size:16px;
}
.radius-0{
	border-radius:0;
}
.btn-l{
	padding: 16px 35px;
	font-size:17px;
}
.btn-xl{
	padding:20px 40px;
	font-size:18px;
}
.btn-square {
    width: 44px;
    height: 42px;
    display: inline-block;
    text-align: center;
    line-height: 42px;
    font-size: 16px;
    border-radius: 2px;
    margin: 5px;
	transition:all ease 0.4s;
}
.btn-square-large{
	width:55px;
    height:55px;
    display: inline-block;
    text-align: center;
    line-height:55px;
    font-size:18px;
    border-radius: 2px;
    margin:7px;
}
.light-gray-btn{
	background:#e8edf1;
	border:1px solid #e5eaef;
}
.light-gray-btn:hover, .light-gray-btn:focus{
	color:#ffffff;
	background:#78909C;
	border:1px solid #78909C;
}
.btn-general-white-bg{
	background:#ffffff;
	color:#ff4e00;
	border-color:#ffffff;
}
.btn-general-white-bg:hover, .btn-general-white-bg:focus{
	background:#ff4e00;
	color:#ffffff;
	border-color:#ff4e00;
}
.btn-general-theme-bg{
	background:#ff4e00;
	color:#ffffff;
	border-color:#ff4e00;
}
.btn-general-theme-bg:hover, .btn-general-theme-bg:focus{
	background:#ffffff;
	color:#ff4e00;
	border-color:#ffffff;
}
.btn-general-theme-trans-bg{
	background:rgba(255, 58, 114,0.1);
	border-color:#ff4e00;
	color:#ff4e00;
}
.btn-general-theme-trans-bg:hover, .btn-general-theme-trans-bg:focus{
	background:rgba(255, 58, 114,1);
	border-color:#ff4e00;
	color:#ffffff;
}
.full-width{
	width:100%;
}
.btn-width-200{
	width:200px;
	margin-left: auto;
	margin-right: auto;
}
.btn-radius{
	border-radius:50px;
}
.form-control::-moz-placeholder{color:#8995a2;opacity:1}
.form-control:-ms-input-placeholder{color:#8995a2}
.form-control::-webkit-input-placeholder{color:#8995a2}
.form-control {
    height:50px;
    border: 1px solid #dde6ef;
	margin-bottom:10px;
    box-shadow: none;
    border-radius: 0;
    background: #fbfdff;
    font-size: 15px;
	color:#5B6975;
    font-weight: 400;
}
.sl-box {
    height: 60px;
    max-height: 60px;
}
.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
	margin-bottom:10px;
    border: 1px solid #dde6ef;
}
.form-control:hover, .form-control:focus{
	border: 1px solid #ff4e00;
	-webkit-box-shadow:0 1px 1px rgba(7,177,7,.075);
	box-shadow:0 1px 1px rgba(7,177,7,.075);
	outline:none;
}
.form-control .btn.dropdown-toggle.btn-default:hover, .form-control .btn.dropdown-toggle.btn-default:focus{
	border:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	outline:none;
}
span.input-group-addon {
    color: #8995a2;
    border-color:#dde6ef;
    background: #fbfdff;
    border-left: 0;
}
nav.navbar.navbar-default.navbar-fixed.white.bootsnav.shadow.on.menu-center.no-full{
	box-shadow:0px 5px 20px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow:0px 5px 20px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:0px 5px 20px rgba(0, 0, 0, 0.05);
}
.bootstrap-select button.btn.dropdown-toggle.bs-placeholder.btn-default {
    background: transparent;
    height: 46px;
    border: 1px solid transparent;
    color:#445461;
    text-shadow: none;
    border-radius: 0px;
    box-shadow: none;
}
.btn.btn-primary {
    border: 1px solid #ff4e00;
    border-radius: 0px;
    width: 100%;
    height: 46px;
    background: #ff4e00;
    text-transform: capitalize;
    font-size: 16px;
}
.btn.btn-primary:hover, .btn.btn-primary:focus{
    border: 1px solid #ff4e00;
    border-radius: 0px;
    width: 100%;
    height: 46px;
    background: #ff4e00;
    text-transform: capitalize;
    font-size: 16px;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    border: 1px solid #eaeff5;
    background: #ffffff;
    color: #677897;
}
.bootstrap-select .dropdown-toggle:focus {
    outline:none !important;
    outline:none !important;
    outline-offset:0 !important;
}
.bootstrap-select.btn-group .dropdown-menu li a {
    padding: 8px 10px;
}
.bootstrap-select.btn-group .dropdown-menu li a:hover {
    box-shadow: none;
    background: #ff4e00;
    color: #ffffff;
}
.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    color:#445461;
    background-color: transparent;
    border-color: transparent;
}
button.btn.dropdown-toggle.btn-default {
    background: transparent;
    border: none;
    box-shadow: none;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    background-color:#ff4e00;
}
/*------ general: Choosen Select Box ----*/
.chosen-container-single .chosen-single {
	background:#fbfdff;
    border: 1px solid #dde6ef;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #445461;
    height: 50px;
	line-height: 50px;
	margin-bottom:10px;    
}
.chosen-container-single .chosen-single div {
    top: 8px;
}
.chosen-container-active.chosen-with-drop .chosen-single {
    background-color: #fff;
    border: 1px solid #dde6ef;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}
.chosen-container-single .chosen-search input[type="text"] {
    border: 1px solid #dde6ef;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 1px 0;
    padding: 4px 20px 4px 4px;
    width: 100%;
}
.chosen-container .chosen-results li.highlighted {
    background-color: #f4f5f7;
    background-image: none;
    color: #445661;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -15px 7px;
}
.chosen-container .chosen-drop {
    background: #fff;
    border: 1px solid #dde6ef;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-box-shadow: 0 2px 10px 0 #d8dde6;
    box-shadow: 0 2px 10px 0 #d8dde6;
    margin-top: -1px;
    position: absolute;
    top: 100%;
    left: -9000px;
    z-index: 1060;
}
/*-------- general: Bootstrap Editor ---------*/
.wysihtml5-toolbar a.btn {
    background: #fbfdff;
    color: #35434e;
    margin-right: 5px;
    border-color:#dde6ef;
}
.btn-group [class^="icon-"], .bootstrap-wysihtml5-insert-link-modal  [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(../img/glyphicons-halflings.png);
    background-position: 14px 14px;
    background-repeat: no-repeat;
}
.btn-group .icon-indent-left {
    background-position: -384px -48px;
}
.btn .icon-share {
    background-position: -120px -72px;
	display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(../img/glyphicons-halflings.png);
    background-repeat: no-repeat;
}
.btn-group .icon-indent-right {
    background-position: -408px -48px;
}
.btn-group .icon-th-list {
    background-position: -264px 0;
}
.btn-group .icon-list {
    background-position: -360px -48px;
}
.form-control.textarea{
height:180px;
border-radius:4px;
}
/*------------ general: box-style------------*/
.box {
    position: relative;
    border-top: 0;
    margin-bottom:40px;
    width: 100%;
    background: #fff;
    border-radius: 0;
    padding: 0px;
    -webkit-transition: .5s;
    transition: .5s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
	box-shadow: 0 5px 15px 0 rgba(41,128,185,0.1);
    -webkit-box-shadow: 0 5px 15px 0 rgba(41,128,185,0.1);	
}
.box-header {
    background:transparent;
    border-bottom: 0px;
	padding: .85rem 1.25rem;
    margin-bottom: 0;
	display: flex;
    align-items: center;
	border-bottom:1px solid #eaeff5;
}
.box-body {
    padding:3em 2em;
    border-radius: 0 0 0px 0px;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.box-hover-shadow:hover {
    -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.07);
}
.box-body > *:last-child {
    margin-bottom: 0;
}
/*---------- General: Pagination -------------*/
.pagination {
	display: table;
	padding-left: 0;
	margin: 20px 0;
	border-radius:4px;
	margin: 20px auto;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 0;
    margin: 5px;
    line-height: 1.42857143;
    color: #5a6f7c;
    text-decoration: none;
    background-color: #fff;
    border-radius:4px;
    width: 37px;
    height: 37px;
    text-align: center;
    line-height: 37px;
	border: 1px solid #eaeff5;
	-webkit-box-shadow: 0 2px 10px 0 #d8dde6;
    box-shadow: 0 2px 10px 0 #d8dde6;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus, .pagination>li>a:hover, .pagination>li>a:focus {
	z-index: 2;
	color:#ffffff;
	cursor:pointer;
	background-color:#ff4e00;
	border-color:#ff4e00;
}
.pagination li:first-child a {
	background: #35434e;
    border: 1px solid #35434e;
	border-radius:4px;
	color:#ffffff;
}
.pagination li:last-child a {
	background: #35434e;
	border: 1px solid #35434e;
	border-radius:4px;
	color:#ffffff;
}
/*------------- General: Custom Datedropper ----------------*/
div.datedropper.my-style {
    border-radius: 8px;
    width: 180px
}

div.datedropper.my-style .picker {
    border-radius: 8px;
    box-shadow: 0 0 32px 0 rgba(0, 0, 0, .1)
}

div.datedropper.my-style .pick-l {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

div.datedropper.my-style .pick-lg-b .pick-sl:before,
div.datedropper.my-style .pick-lg-h,
div.datedropper.my-style .pick-m,
div.datedropper.my-style .pick-submit,
div.datedropper.my-style:before {
    background-color: #1cc100
}

div.datedropper.my-style .pick-l,
div.datedropper.my-style .picker,
div.datedropper.my-style.picker-tiny .pick-m,
div.datedropper.my-style.picker-tiny:before {
    background-color: #FFF
}

div.datedropper.my-style .pick li span,
div.datedropper.my-style .pick-btn,
div.datedropper.my-style .pick-lg-b .pick-wke,
div.datedropper.my-style .pick-y.pick-jump {
    color: #1cc100
}

div.datedropper.my-style .pick-arw,
div.datedropper.my-style .pick-l,
div.datedropper.my-style .picker {
    color: #3a465e
}

div.datedropper.my-style .pick-lg-b .pick-sl,
div.datedropper.my-style .pick-lg-h,
div.datedropper.my-style .pick-m,
div.datedropper.my-style .pick-m .pick-arw,
div.datedropper.my-style .pick-submit {
    color: #FFF
}

div.datedropper.my-style.picker-tiny .pick-m,
div.datedropper.my-style.picker-tiny .pick-m .pick-arw {
    color: #3a465e
}

div.datedropper.my-style.picker-lkd .pick-submit {
    background-color: #FFF;
    color: #3a465e
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #ffffff;
    opacity: 1;
}
/*------------ General: Table Style  ---------------------*/
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid transparent;
    border-top: 0px !important;
}
table.table.table-lg tr th, table.table tr td {
    border-color: #eaeff5;
    padding: 15px 15px;
    vertical-align: middle;
    font-size: 14px;
}
.table-hover tbody tr:hover {
    background-color:#fbfcfd;
}
table.table td a {
    font-weight: 500;
    display: inline-block;
    text-decoration: none;
}
table.table td img {
    margin-right: 10px;
    max-width: 60px;
}
table.table td .label{
	padding:5px 15px;
}
/* ==========================================================================
    Global Settings
========================================================================== */
.theme-bg{
	background:#ff4e00;
	color:#ffffff;
}
.theme-bg p{
	color:#ffffff;
}

footer.dark-bg{
	background:#2a3646 !important;
	border-top:none !important;
}

.light-bg{
	background:#ffffff !important;
}

.gray-bg{
	background:#f6f8fb !important;
}

.theme-cl{
	color:#ff4e00 !important;
}
a.theme-cl:hover, a.theme-cl:focus{
	color:#ff4e00;
}
.theme-overlap{
	background:url(../img/slider-2.jpg);
	background-position:center !important;
	background-size:cover !important;
	position:relative;
}
.theme-overlap:before{
	background:#ff4e00;
}
.theme-overlap:before{
	opacity:0.8;
	content:"";
	display:block;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:100%;
	width:100%;
	position:absolute;
}
/*---------- Global Settings: Custom Button -----------*/
.btn-radius{
	border-radius:50px;
}
.theme-btn {
    background: #ff4e00;
    border: 1px solid #ff4e00;
	color:#ffffff;
	text-transform:uppercase;
}
.btn.btn-default {
    border: 1px solid #eaeff5;
    background: #ffffff;
    color: #677897;
    font-size: 14px;
}
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
    text-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.btn-default:hover, .btn-default:focus {
    color: #677897;
    background-color: #f4f5f7;
    border-color: #e4e4e4;
}
.short-box button.btn.btn-default{
    border: 1px solid #eaeff5;
    background: #ffffff;
    color: #677897;
    font-size: 14px;
}
.short-box .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.short-box button.btn-default:hover, .short-box button.btn-default:focus {
    color: #677897;
    background-color: #f4f5f7;
    border-color: #e4e4e4;
}
.theme-btn:hover, .theme-btn:focus{
	color:#ffffff;
	background: #ff4e00;
    border: 1px solid #ff4e00;
}
.btn.theme-btn-outlined, a.theme-btn-outlined{
	background:transparent;
	border:1px solid #ff4e00;
	color:#ff4e00;	
}
.btn.theme-btn-outlined:hover, a.theme-btn-outlined:hover, .btn.theme-btn-outlined:focus, a.theme-btn-outlined:focus{
	background:#ff4e00;
	border-color:#ff4e00;
	color:#ffffff;
}
.btn.theme-btn-trans-radius, a.theme-btn-trans-radius{
	background: rgba(255, 58, 114,0.1);
    color: #ff4e00;
    border-radius: 50px;
    border: 1px solid #ff4e00;
}
.btn.theme-btn-trans-radius:hover, a.theme-btn-trans-radius:hover, .btn.theme-btn-trans-radius:focus, a.theme-btn-trans-radius:focus{
	background: rgba(255, 58, 114,1);
    color: #ffffff;
    border-radius: 50px;
    border: 1px solid #ff4e00;
}
.btn.theme-btn-trans, a.theme-btn-trans{
	background: rgba(255, 58, 114,0.1);
    color: #ff4e00;
    border-radius:2px;
    border: 1px solid #ff4e00;
}
.btn.theme-btn-trans:hover, a.theme-btn-trans:hover, .btn.theme-btn-trans:focus, a.theme-btn-trans:focus{
	background: rgba(255, 58, 114,1);
    color: #ffffff;
    border-radius:2px;
    border: 1px solid #ff4e00;
}
.btn.btn-light-outlined, a.btn-light-outlined{
	background:rgba(255,255,255,0.1);
	border:1px solid #ffffff;
	color:#ffffff;
}
.btn.btn-light-outlined:hover, a.btn-light-outlined:hover, .btn.btn-light-outlined:focus, a.btn-light-outlined:focus{
	background:rgba(255,255,255,1);
	border:1px solid #ffffff;
	color:#ff4e00;
}
.btn.light-btn, a.light-btn{
	background:#ffffff;
	border:1px solid #ffffff;
	color:#ff4e00;
}
.btn.light-btn:hover, .btn.light-btn:focus, a.light-btn:hover, a.light-btn:focus{
	background:#ff4e00;
	border:1px solid #ff4e00;
	color:#ffffff;
}
.btn-success {
    color: #fff;
    background-color:#0fb76b;
    border-color:#0fb76b;
}
.btn-success:hover, .btn-success:focus {
    background-color:#0db368;
	border-color:#0db368;
}
.btn-warning {
    color: #fff;
    background-color:#ff9800;
    border-color:#ff9800;
}
.btn-warning:hover, .btn-warning:focus {
    background-color:#f39203;
	border-color:#f39203;
}
.btn-danger {
    color: #fff;
    background-color:#f21136;
    border-color:#f21136;
}
.btn-danger:hover, .btn-danger:focus {
    background-color:#ec0d32;
	border-color:#ec0d32;
}
.btn-info {
    color: #fff;
    background-color:#01b2ac;
    border-color:#01b2ac;
}
.btn-info:hover, .btn-info:focus {
    background-color:#03a59f;
	border-color:#03a59f;
}
.btn-purple {
    color: #fff;
    background-color:#c580ff;
    border-color:#c580ff;
}
.btn-purple:hover, .btn-purple:focus {
    background-color:#b873f3;
	border-color:#b873f3;
}
/*------- Global Settings: Padding Style ----------*/
html body .padd-0{
	padding:0px;
}
html body .padd-5{
	padding:5px;
}
html body .padd-10{
	padding:10px;
}
html body .padd-15{
	padding:15px;
}
html body .padd-20{
	padding:20px;
}
html body .padd-l-0{
	padding-left:0px;
}
html body .padd-l-5{
	padding-left:5px;
}
html body .padd-l-10{
	padding-left:10px;
}
html body .padd-l-15{
	padding-left:15px;
}
html body .padd-r-0{
	padding-right:0px;
}
html body .padd-r-5{
	padding-right:5px;
}
html body .padd-r-10{
	padding-right:10px;
}
html body .padd-r-10{
	padding-right:15px;
}
html body .padd-top-0{
	padding-top:0px;
}
html body .padd-top-5{
	padding-top:5px;
}
html body .padd-top-10{
	padding-top:10px;
}
html body .padd-top-15{
	padding-top:15px;
}
html body .padd-top-20{
	padding-top:20px;
}
html body .padd-top-25{
	padding-top:25px;
}
html body .padd-top-30{
	padding-top:30px;
}
html body .padd-top-40{
	padding-top:40px;
}
html body .padd-bot-0{
	padding-bottom:0px;
}
html body .padd-bot-5{
	padding-bottom:5px;
}
html body .padd-bot-10{
	padding-bottom:10px;
}
html body .padd-bot-15{
	padding-bottom:15px;
}
html body .padd-bot-20{
	padding-bottom:20px;
}
html body .padd-bot-25{
	padding-bottom:25px;
}
html body .padd-bot-30{
	padding-bottom:30px;
}
html body .padd-bot-40{
	padding-bottom:40px;
}

/*------- Global Settings: Margin Style ----------*/
html body .mrg-0{
	margin:0px;
}
html body .mrg-5{
	margin:5px;
}
html body .mrg-10{
	margin:10px;
}
html body .mrg-15{
	margin:15px;
}
html body .mrg-20{
	margin:20px;
}
html body .mrg-l-0{
	margin-left:0px;
}
html body .mrg-l-5{
	margin-left:5px;
}
html body .mrg-l-10{
	margin-left:10px;
}
html body .mrg-l-15{
	margin-left:15px;
}
html body .mrg-r-0{
	margin-right:0px;
}
html body .mrg-r-5{
	margin-right:5px;
}
html body .mrg-r-10{
	margin-right:10px;
}
html body .mrg-r-15{
	margin-right:15px;
}
html body .mrg-top-0{
	margin-top:0px;
}
html body .mrg-top-5{
	margin-top:5px;
}
html body .mrg-top-10{
	margin-top:10px;
}
html body .mrg-top-15{
	margin-top:15px;
}
html body .mrg-top-20{
	margin-top:20px;
}
html body .mrg-top-25{
	margin-top:25px;
}
html body .mrg-top-30{
	margin-top:30px;
}
html body .mrg-top-40{
	margin-top:40px;
}
html body .mrg-bot-0{
	margin-bottom:0px;
}
html body .mrg-bot-5{
	margin-bottom:5px;
}
html body .mrg-bot-10{
	margin-bottom:10px;
}
html body .mrg-bot-15{
	margin-bottom:15px;
}
html body .mrg-bot-20{
	margin-bottom:20px;
}
html body .mrg-bot-25{
	margin-bottom:25px;
}
html body .mrg-bot-30{
	margin-bottom:30px;
}
html body .mrg-bot-40{
	margin-bottom:40px;
}
html body .extra-mrg-5{
	margin:0 -5px;
}
html body .extra-mrg-10{
	margin:0 -10px;
}
html body .extra-mrg-15{
	margin:0 -15px;
}
html body .extra-mrg-20{
	margin:0 -20px;
}
/*------- Global Settings: Background Style ----------*/
html body .bg-white{
	background:#ffffff !important;
}
html body .bg-dark{
	background:#11161c !important;
}
html body .bg-light-dark{
	background:#151c26 !important;
}
html body .bg-info{
	background:#01b2ac !important;
}
html body .bg-primary{
	background:#1194f7 !important;
}
html body .bg-danger{
	background:#f21136 !important;
}
html body .bg-warning{
	background:#ff9800 !important;
}
html body .bg-success{
	background:#0fb76b !important;
}
html body .bg-purple{
	background:#c580ff !important;
}
html body .bg-default{
	background:#283447 !important;
}
html body .bg-info-light{
	background:rgba(1,178,172,0.1) !important;
	color:#01b2ac !important;
}
html body .bg-primary-light{
	background:rgba(17,148,247,0.1) !important;
	color:#1194f7 !important;
}
html body .bg-danger-light{
	background:rgba(255,17,54,0.1) !important;
	color:#f21136 !important;
}
html body .bg-warning-light{
	background:rgba(255,152,0,0.1) !important;
	color:#ff9800 !important;
}
html body .bg-success-light{
	background:rgba(15,183,107,0.1) !important;
	color:#0fb76b !important;
}
html body .bg-purple-light{
	background:rgba(197,128,255,0.1) !important;
	color:#c580ff !important;
}
html body .bg-default-light{
	background:rgba(40,52,71,0.1) !important;
	color:#283447 !important;
}
/*------- Global Settings: Transparent Background Style ----------*/
html body .bg-trans-info{
	background:rgba(2, 182, 179,0.12) !important;
}
html body .bg-trans-primary{
	background:rgba(17, 148, 247,0.12) !important;
}
html body .bg-trans-danger{
	background:rgba(242, 17, 54,0.12) !important;
}
html body .bg-trans-warning{
	background:rgba(255, 152, 0,0.12) !important;
}
html body .bg-trans-success{
	background:rgba(15, 183, 107,0.12) !important;
}
html body .bg-trans-purple{
	background:rgba(197, 128, 255,0.12) !important;
}
html body .bg-trans-default{
	background:rgba(40, 52, 71,0.12) !important;
}
/*------- Global Settings: Transparent Background with border Style ----------*/
html body .bg-info-br{
	border:1px solid #01b2ac !important;
	background:rgba(2, 182, 179,0.12) !important;
}
html body .bg-primary-br{
	border:1px solid #1194f7 !important;
	background:rgba(17, 148, 247,0.12) !important;
}
html body .bg-danger-br{
	border:1px solid #f21136 !important;
	background:rgba(242, 17, 54,0.12) !important;
}
html body .bg-warning-br{
	border:1px solid #ff9800 !important;
	background:rgba(255, 152, 0,0.12) !important;
}
html body .bg-success-br{
	border:1px solid #0fb76b !important;
	background:rgba(15, 183, 107,0.12) !important;
}
html body .bg-purple-br{
	border:1px solid #c580ff !important;
	background:rgba(197, 128, 255,0.12) !important;
}
html body .bg-default-br{
	border:1px solid #283447 !important;
	background:rgba(40, 52, 71,0.12) !important;
}
/*------- Global Settings: Color Style ----------*/
html body .cl-info{
	color:#01b2ac !important;
}
html body .cl-primary{
	color:#1194f7 !important;
}
html body .cl-danger{
	color:#f21136 !important;
}
html body .cl-warning{
	color:#ff9800 !important;
}
html body .cl-success{
	color:#0fb76b !important;
}
html body .cl-purple{
	color:#c580ff !important;
}
html body .cl-default{
	color:#283447 !important;
}
html body .cl-white{
	color:#ffffff !important;
}
/*------- Global Settings: Border Color Style ----------*/
html body .br-light{
	border-color:#eaeff5 !important;
}
html body .br-info{
	border-color:#01b2ac !important;
}
html body .br-primary{
	border-color:#1194f7 !important;
}
html body .br-danger{
	border-color:#f21136 !important;
}
html body .br-warning{
	border-color:#ff9800 !important;
}
html body .br-success{
	border-color:#0fb76b !important;
}
html body .br-purple{
	border-color:#c580ff !important;
}
html body .br-default{
	border-color:#283447 !important;
}
/*------------ Global Settings: Status BG Style --------------*/
html body .bg-online{
	background:#68c70b !important;
}
html body .bg-offline{
	background:#e02b0d !important;
}
html body .bg-busy{
	background:#2196f3 !important;
}
html body .bg-working{
	background:#ff9800 !important;
}
/*---------- Global Settings: Height ----------*/
html body .normal-height{
	height:46px;
}
html body .height-10{
	height:10px;
}	
html body .height-20{
	height:20px;
}
html body .height-30{
	height:30px;
}
html body .height-40{
	height:40px;
}
html body .height-50{
	height:50px;
}
html body .height-60{
	height:60px;
}
html body .height-70{
	height:70px;
}
html body .height-80{
	height:80px;
}
html body .height-90{
	height:90px;
}
html body .height-100{
	height:100px;
}
html body .height-110{
	height:110px;
}
html body .height-120{
	height:120px;
}
html body .height-130{
	height:130px;
}
html body .height-140{
	height:140px;
}
html body .height-150{
	height:150px;
}
html body .height-160{
	height:160px;
}
html body .height-170{
	height:170px;
}
html body .height-180{
	height:180px;
}
html body .height-190{
	height:190px;
}
html body .height-200{
	height:200px;
}
html body .height-210{
	height:210px;
}
html body .height-220{
	height:220px;
}
html body .height-230{
	height:230px;
}
html body .height-240{
	height:240px;
}
html body .height-250{
	height:250px;
}
html body .height-260{
	height:260px;
}
html body .height-270{
	height:270px;
}
html body .height-280{
	height:280px;
}
html body .height-290{
	height:290px;
}
html body .height-300{
	height:300px;
}
html body .height-350{
	height:350px;
}
html body .height-400{
	height:400px;
}
html body .height-450{
	height:450px;
}
/*----------- Global Settings: Width Style -----------*/
html body .full-width{
	width:100%;
}
html body .width-30{
	width:30px;
}
html body .width-40{
	width:40px;
}
html body .width-50{
	width:50px;
}
html body .width-60{
	width:60px;
}
html body .width-70{
	width:70px;
}
html body .width-80{
	width:80px;
}
html body .width-90{
	width:90px;
}
html body .width-100{
	width:100px;
}
html body .width-110{
	width:110px;
}
html body .width-120{
	width:20px;
}
html body .width-130{
	width:130px;
}
html body .width-140{
	width:140px;
}
html body .width-150{
	width:150px;
}
html body .width-160{
	width:160px;
}
html body .width-170{
	width:170px;
}
html body .width-180{
	width:180px;
}
html body .width-190{
	width:190px;
}
html body .width-200{
	width:200px;
}
html body .width-210{
	width:210px;
}
html body .width-220{
	width:220px;
}
html body .width-230{
	width:230px;
}
html body .width-240{
	width:240px;
}
html body .width-250{
	width:250px;
}
html body .width-260{
	width:260px;
}
html body .width-270{
	width:270px;
}
html body .width-280{
	width:280px;
}
html body .width-290{
	width:290px;
}
html body .width-300{
	width:300px;
}
/*---------- Global Settings: Line Height ---------*/
html body .line-height-10{
	line-height:10px;
}	
html body .line-height-12{
	line-height:12px;
}
html body .line-height-14{
	line-height:14px;
}
html body .line-height-16{
	line-height:16px;
}
html body .line-height-18{
	line-height:18px;
}
html body .line-height-20{
	line-height:20px;
}
html body .line-height-22{
	line-height:22px;
}
html body .line-height-24{
	line-height:24px;
}
html body .line-height-26{
	line-height:26px;
}
html body .line-height-28{
	line-height:28px;
}
html body .line-height-30{
	line-height:30px;
}
html body .line-height-32{
	line-height:32px;
}
html body .line-height-34{
	line-height:34px;
}
html body .line-height-36{
	line-height:36px;
}
html body .line-height-38{
	line-height:38px;
}
html body .line-height-40{
	line-height:40px;
}
html body .line-height-42{
	line-height:42px;
}
html body .line-height-44{
	line-height:44px;
}
html body .line-height-46{
	line-height:46px;
}
html body .line-height-48{
	line-height:48px;
}
html body .line-height-50{
	line-height:50px;
}
html body .line-height-60{
	line-height:60px;
}
html body .line-height-70{
	line-height:70px;
}
html body .line-height-80{
	line-height:80px;
}
html body .line-height-90{
	line-height:90px;
}
html body .line-height-100{
	line-height:100px;
}
html body .line-height-110{
	line-height:110px;
}
html body .line-height-120{
	line-height:120px;
}
html body .line-height-130{
	line-height:130px;
}
html body .line-height-140{
	line-height:140px;
}
html body .line-height-150{
	line-height:150px;
}
html body .line-height-160{
	line-height:160px;
}
html body .line-height-170{
	line-height:170px;
}
html body .line-height-180{
	line-height:180px;
}
html body .line-height-190{
	line-height:190px;
}
html body .line-height-200{
	line-height:200px;
}
html body .line-height-210{
	line-height:210px;
}
html body .line-height-220{
	line-height:220px;
}
html body .line-height-230{
	line-height:230px;
}
html body .line-height-240{
	line-height:240px;
}
html body .line-height-250{
	line-height:250px;
}
html body .line-height-260{
	line-height:260px;
}
html body .line-height-270{
	line-height:270px;
}
html body .line-height-280{
	line-height:280px;
}
html body .line-height-290{
	line-height:290px;
}
html body .line-height-300{
	line-height:300px;
}
html body .line-height-350{
	line-height:350px;
}
html body .line-height-400{
	line-height:400px;
}
html body .line-height-450{
	line-height:450px;
}
/*-------------- Global Settings: Avatar ------------*/
.avatar {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 100%;
    background-color: #f5f6f7;
    color: #fff;
    text-transform: uppercase;
}
.avatar-dxl {
    width:100px;
    height:100px;
    line-height:100px;
    font-size:2rem;
}
.avatar-xl {
    width:65px;
    height:65px;
    line-height:65px;
    font-size: 1.5rem;
}
.avatar-lg {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 1.125rem;
}
.avatar-sm {
    width: 29px;
    height: 29px;
    line-height: 29px;
    font-size: 0.75rem;
}

.avatar img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}
.avatar-bordered {
    border: 4px solid rgba(255, 255, 255, 0.27);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

/*-------------------- Global Settings: Social Color -----------------*/
.facebook-cl{
	color:#3c66c4;
}
.twitter-cl{
	color:#00aced;
}
.google-plus-cl{
	color:#dc473a;
}
.linkedin-cl{
	color:#1895c3;
}
.instagram-cl{
	color:#bc44bd;
}
.pinterest-cl{
	color:#bd081c;
}
.facebook-bg{
	background:#3c66c4;
	color:#ffffff;
}
.twitter-bg{
	background:#00aced;
	color:#ffffff;
}
.googl-plus-bg{
	background:#dc473a;
	color:#ffffff;
}
.linkedin-bg{
	background:#1895c3;
	color:#ffffff;
}
.instagram-bg{
	background:#bc44bd;
	color:#ffffff;
}
.pinterest-bg{
	background:#bd081c;
	color:#ffffff;
}
/*---------- Global Settings: Font Size ----------*/
html body .font-10{
	font-size:10px;
}
html body .font-12{
	font-size:12px;
}
html body .font-13{
	font-size:13px;
}
html body .font-16{
	font-size:16px;
}
html body .font-18{
	font-size:18px;
}
html body .font-15{
	font-size:15px;
}
html body .font-20{
	font-size:20px;
}
html body .font-25{
	font-size:25px;
}
html body .font-30{
	font-size:30px;
}
html body .font-35{
	font-size:35px;
}
html body .font-40{
	font-size:40px;
}
html body .font-45{
	font-size:45px;
}
html body .font-50{
	font-size:50px;
}
html body .font-60{
	font-size:60px;
}
html body .font-70{
	font-size:70px;
}
html body .font-80{
	font-size:80px;
}
html body .font-90{
	font-size:90px;
}
html body .font-100{
	font-size:100px;
}
html body .font-bold{
	font-weight:600;
}
html body .font-normal{
	font-weight:400;
}
html body .font-midium{
	font-weight:500;
}
html body .font-light{
	font-weight:300;
}
html body .font-italic{
	font-style:italic;
}
/*---------- Global Settings: Label Background ----------*/
html body .label-info{
	background:#01b2ac;
}
html body .label-primary{
	background:#1194f7;
}
html body .label-danger{
	background:#f21136;
}
html body .label-warning{
	background:#ff9800;
}
html body .label-success{
	background:#0fb76b;
}
html body .label-purple{
	background:#c580ff;
}
html body .label-default{
	background:#283447;
}
/*----------- Global Settings: Custom checkbox -----------*/
.custom-checkbox {
	position: relative;
}
.custom-checkbox input[type="checkbox"] {    
	opacity: 0;
	position: absolute;
	margin: 5px 0 0 3px;
	z-index: 9;
}
.custom-checkbox label:before{
	width: 18px;
	height: 18px;
}
.custom-checkbox label:before {
	content: '';
	margin-right: 10px;
	display: inline-block;
	vertical-align: text-top;
	background: #ffffff;
	border: 1px solid #dde2e8;
	border-radius: 2px;
	box-sizing: border-box;
	z-index: 2;
}
.custom-checkbox input[type="checkbox"]:checked + label:after {
	content: '';
	position: absolute;
	left: 6px;
	top:2px;
	width: 6px;
	height: 11px;
	border: solid #000;
	border-width: 0 3px 3px 0;
	transform: inherit;
	z-index: 3;
	transform: rotateZ(45deg);
}
.custom-checkbox input[type="checkbox"]:checked + label:before {
	border-color:#ff4e00;
    border-width:4px;
}
.custom-checkbox input[type="checkbox"]:checked + label:after {
	border-color: #fff;
}
.custom-checkbox input[type="checkbox"]:disabled + label:before {
	color: #b8b8b8;
	cursor: auto;
	box-shadow: none;
	background: #ddd;
}

/*----------- Global Settings: Custom Radio Button -----------*/
.custom-radio [type="radio"]:checked,
.custom-radio [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.custom-radio [type="radio"]:checked + label,
.custom-radio [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
	width: 25px;
    height: 9px;
}
.custom-radio [type="radio"]:checked + label:before,
.custom-radio [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.custom-radio [type="radio"]:checked + label:after,
.custom-radio [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background:#ff4e00;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.custom-radio [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.custom-radio [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


/*--------------- Global Settings: Custom Upload Button -------------------*/
.custom-file-upload-hidden {
    display: none;
    visibility: hidden;
    position: absolute;
    left: -9999px;
}
.custom-file-upload {
    display: block;
    width: auto;
    font-size: 16px;
    border: 1px solid #dde6ef;
    height: 50px;
}

.file-upload-input {
    width:120px;
    color: #fff;
    font-size: 16px;
    padding: 11px 17px; 
    border: none;
    background-color: red
	background-color:red;
	outline: none; 
}
.file-upload-button {
    cursor: pointer; 
    display: inline-block; 
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 11px 20px; 
    border: none;
    margin-left: -1px;  
    background-color: red; 
    float: left;
}
.custom-file-upload  input[type="file"]{
   -webkit-appearance: none;
   text-align: left;
   -webkit-rtl-ordering:  left;
    width: 100%;
}
.custom-file-upload  input[type="file"]::-webkit-file-upload-button{
   -webkit-appearance: none;
   float: right;
   margin: 0 0 0 10px;
   border:none;
   height:48px;
   border-left: 1px solid #dde6ef;
   border-radius:0px;
   background-image: -webkit-gradient(linear, left bottom, left top, from(#fbfdff), to(#fbfdff));
   background-image: -moz-linear-gradient(90deg, #fbfdff 0%, #fbfdff 100%);
}
/*------------ Global Setting: Multiple Bg Color For Category ---------*/
html body .bg-a{
	background:#f73d51;
}
html body .bg-b{
	background:#8a7cd9;
}
html body .bg-c{
	background:#ffb390;
}
html body .bg-d{
	background:#37b475;
}
html body .bg-e{
	background:#4b5e6c;
}
html body .bg-f{
	background:#f5b83b;
}
html body .bg-g{
	background:#5565d0;
}
html body .bg-h{
	background: #18bad9;
}
html body .bg-i{
	background:#433c63;
}
html body .bg-j{
	background:#ad4f87;
}
html body .bg-k{
	background:#ee7d4e;
}
html body .bg-l{
	background:#ff465a;
}
html body .bg-m{
	background:#f5b83b;
}
html body .bg-o{
	background:#18bad9;
}
html body .bg-p{
	background:#6877de;
}
html body .bg-q{
	background: #14af69;
}
html body .bg-r{
	background:#576977;
    color: #576977;
}
html body .bg-s{
	background:#fd5c05;
}
html body .bg-t{
	background:#8a7cd9;
}
html body .bg-u{
	background:#ff465a;
}
html body .bg-v{
	background: #8a7cd9;
}
html body .bg-x{
	background:#18bad9;
}
html body .bg-y{
	background: #f5b83b;
}
html body .bg-z{
	background:#ff8645;
}
/*-------- Global Settings: Border Styles --------------*/
.br-0{
border:none !important;
}
.b-1{
	border:1px solid #dde6ef !important;
}
.b-2{
	border:3px solid #dde6ef !important;
}
.b-3{
	border:3px solid #dde6ef !important;
}
.b-4{
	border:4px solid #dde6ef !important;
}
.bl-1{
	border-left:1px solid #dde6ef !important;
}
.bl-2{
	border-left:2px solid #dde6ef !important;
}
.bl-3{
	border-left:3px solid #dde6ef !important;
}
.bl-4{
	border-left:4px solid #dde6ef !important;
}
.br-1{
	border-right:1px solid #dde6ef !important;
}
.br-2{
	border-right:2px solid #dde6ef !important;
}
.br-3{
	border-right:3px solid #dde6ef !important;
}
.br-4{
	border-right:4px solid #dde6ef !important;
}
.bt-1{
	border-top:1px solid #dde6ef !important;
}
.bt-2{
	border-top:2px solid #dde6ef !important;
}
.bt-3{
	border-top:3px solid #dde6ef !important;
}
.bt-4{
	border-top:4px solid #dde6ef !important;
}
.bb-1{
	border-bottom:1px solid #dde6ef !important;
}
.bb-2{
	border-bottom:2px solid #dde6ef !important;
}
.bb-3{
	border-bottom:3px solid #dde6ef !important;
}
.bb-4{
	border-bottom:4px solid #dde6ef !important;
}
.br-info{
	border-color:#01b2ac !important
}
.br-primary{
	border-color:#1194f7 !important
}
.br-danger{
	border-color:#f21136 !important
}
.br-warning{
	border-color:#ff9800 !important
}
.br-success{
	border-color:#0fb76b !important
}
.br-purple{
	border-color:#c580ff !important
}
.br-default{
	border-color:#283447 !important
}

/*================================================
	Navigation Start
=================================================*/
.navbar-default {
    background-image:none;
    filter:none;
    filter:none;
}
nav.navbar.bootsnav ul.nav > li > a {
    color: #262A2B;
    font-weight: 400;
    font-size:16px;
    font-family: 'Montserrat', sans-serif;
    background-color: transparent !important;
    text-transform:capitalize;
}
nav.navbar.bootsnav ul.nav > li > a:hover{
	color:#ff4e00;
}
nav.navbar.bootsnav ul.nav > li.active> a{
	color:#ff4e00;
}
@media (min-width: 1024px){
	nav.navbar li.dropdown ul.dropdown-menu {
	border:none !important;
	border-radius:4px !important;
	-webkit-border-radius:4px !important;
	box-shadow:0 0 20px 0 rgba(62,28,131,0.1) !important;
	-webkit-box-shadow:0 0 20px 0 rgba(62,28,131,0.1) !important;
	}
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
	background-image:none;
	background-color:#ffffff;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li a:hover, nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li a:focus,
nav.navbar.bootsnav li.dropdown a:hover, nav.navbar.bootsnav li.dropdown a:focus{
	color:#ff4e00 !important;
}
/*--------- Create Account Button  Style----------*/
nav.navbar.bootsnav ul.nav > li >a.btn-signup.red-btn {
    background:#ff4e00 !important;
    padding: 11px 20px;
	color:#ffffff !important;
    border-radius:2px;
    margin-top: 13px;
}
nav.navbar.bootsnav ul.nav > li >a.btn-signup.red-btn span {
    margin-right: 7px;
}
i.login-icon{
  margin-right:10px;
}

/*===============================================
	Home Banner Settings
==============================================*/
.banner{
	background-size:cover !Important;
	background-position:center !Important;
	padding:14% 0;
	position:relative;
	color:#ffffff;
	margin:0;
}

.main-banner{
	background-size:cover !Important;
	background-position:center !Important;
	padding:12% 0;
	position:relative;
	margin:0;
	overflow:hidden;
}
.main-banner .caption{
	position:relative;
}
.main-banner h2{
	color:#ffffff;
	font-weight:400;
	display: block;
	margin-bottom:12px;
}
.main-banner:before{
	content:"";
	display:block;
	top:0;
	bottom:0;
	left:0;
	right:0;
	position:absolute;
	background:#193054;
    opacity: 0.6;
}

.main-banner fieldset select.selectpicker, .main-banner fieldset .form-control, .main-banner fieldset .seub-btn {
	width: 100%;
	padding: 19px 15px;
	border: none;
	border-radius: 0;
	height: auto;
	line-height:2.5;
	font-size: 15px;
	height:70px;
	margin-bottom:0;
}
fieldset.home-form-1 {
    background: rgba(255, 255, 255,0.2);
    padding: 12px;
    border-radius: 2px;
}
.main-banner fieldset select.selectpicker:focus, .main-banner fieldset .form-control:focus, .main-banner fieldset .seub-btn:focus{
	outline:none;
}
.main-banner p {
    margin-bottom: 40px;
}
.main-banner form{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.nice-select ul.list {
    max-height:220px;
    overflow-y: scroll;
}
/*-------------- Home Three: Multi Option Booking System ------------*/
.multi-option-booking .nav-tabs {
    border: none;
}
.multi-option-booking .nav-tabs>li {
    margin-bottom:5px;
    padding-right: 15px;
}
.multi-option-booking .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: none;
    border-radius: 2px;
    padding: 6px 20px;
    background: rgba(255,255,255,0.14);
    color: #ffffff;
}
.multi-option-booking .nav-tabs>li>a>i {
    margin-right: 7px;
}
.multi-option-booking .nav>li>a:focus, .multi-option-booking .nav>li>a:hover {
    text-decoration: none;
    background-color: #ff4e00;
    border: none;
    color: #ffffff;
}
.multi-option-booking .nav-tabs>li.active>a, .multi-option-booking .nav-tabs>li.active>a:focus, .multi-option-booking .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #ff4e00;
    border: none;
}
.multi-option-booking .tab .nav-tabs li:last-child a:hover {
    border: none;
}

.multi-option-booking .fl-wrap {
    text-align: left;
}
.multi-option-booking .fl-wrap h1 {
    font-weight: 600;
    margin-bottom: 23px;
    color: #ffffff;
}
/*-------- Home 4 Search ----------*/
.wow-form{
    margin:30px 0 20px;
    position: relative;
}
.wow-form input {
    padding: 16px 20px;
    border-radius: 4px;
    background-color: #f6f8f9;
    font-size: 16px;
    color:#717584;
    border: 0;
    outline: 0;
    width: 100%;
    height: 75px;
}
.wow-form button {
    position: absolute;
    top: 10px;
    bottom: 4px;
    right: 4px;
    padding: 0 20px;
    outline: 0;
    background: transparent;
    border-radius: 6px;
    box-shadow:none;
    color: #fff;
    font-weight: 700;
    letter-spacing: .5px;
    cursor: pointer;
    border: none;
    color: #a5aeb9;
    font-size: 25px;
}
.wow-form input::-moz-placeholder{color:#8995a2;opacity:1}
.wow-form input:-ms-input-placeholder{color:#8995a2}
.wow-form input::-webkit-input-placeholder{color:#8995a2}
/*----------------- Slideshow Banner Styles ------------------*/
.slideshow-container {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:110%;
	z-index:1;
}
.slideshow-item  , .slideshow-container .slick-slide{
	position:relative;
	float:left;
	width:100%;
	height:100%;
}
.list-single-carousel-wrap {
	background: #24324F;
}
.fw-carousel .slick-slide-item {
	width:auto;
	float:left;
	cursor: w-resize;
}
.fw-carousel .slick-slide-item img {
	width:auto  ;
	height:100%   !important;
}
.bg:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: block;
    background:#12233e;
    opacity: 0.7;
}
.list-single-carousel-wrap .slick-slide-item .box-item {
	height:100%;
	z-index:20;
}
.list-single-carousel-wrap .slick-slide-item .box-item:before {
	display:none;
}
.list-single-carousel-wrap .slick-slide-item {
	float:left;
	width: auto;
	height:100%;
	padding:0 0px 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	overflow:hidden;
}
.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    background-repeat: repeat;
    background-origin: content-box;
}

.fl-wrap {
    float: left;
    width: 100%;
    text-align: center;
    color: #ffffff;
    position: relative;
}
.hero-section-wrap {
    z-index: 30;
}


/*===========================================================
	UI Element Style 
============================================================*/
/*--------------- UI Element Style: Log Style -------------------*/
.log-box {
    max-width:700px;
    margin:0px auto;
	padding:40px;
	border-radius:6px;
	box-shadow:0 5px 25px 0 rgba(41,128,185,0.15);
	-webkit-box-shadow:0 5px 25px 0 rgba(41,128,185,0.15);
}
.log-box img{
	margin:20px auto;
}
.log-form{

}
.log-form label{
	font-weight:500;
}
.log-form .form-control{
	background:transparent;
}
.log-option {
    text-align: center;
    margin:30px 0 20px 0;
    border-top: 1px solid #eaeff5;
}
.log-option span {
    background: #ffffff;
    width: 40px;
    height: 40px;
    border: 1px solid #eaeff5;
    display: inline-block;
    line-height: 40px;
    border-radius: 50%;
    top: -20px;
    position: relative;
}
.log-btn {
    border: 2px solid #eaeff5;
    padding: 14px 15px;
    border-radius: 2px;
    width: 100%;
	font-size:16px;
	font-weight:500;
    display: inline-block;
    text-align: center;
	transition:all ease 0.4s;
}
.log-btn i{
	margin-right:10px;
}
.fb-log-btn{
	color:#4167b2;
	border-color:#4167b2;
}
.fb-log-btn:hover,.fb-log-btn:focus{
	background:#4167b2;
	color:#ffffff;
}
.gplus-log-btn{
	color:#eb5425;
	border-color:#eb5425;
}
.gplus-log-btn:hover, .gplus-log-btn:focus{
	background:#eb5425;
	color:#ffffff;
}

/*-------------- UI Element Style: Advance nav tab Style --------------*/
.nav.nav-tabs.nav-advance {
    background:#334e6f;
    border-radius: 50px;
    padding:8px 4px;
    max-width: 410px;
    margin:10px auto 50px auto;
}
.nav-tabs.nav-advance>li {
    width: 50%;
    text-align: center;
    padding: 0 4px;
}
.nav-tabs.nav-advance>li>a {
    background: transparent;
    color: #ffffff;
	padding: 12px 15px;
	font-weight: 500;
    border-radius: 50px;
}
.nav-tabs.nav-advance>li.active>a, .nav-tabs.nav-advance>li>a:hover, .nav-tabs.nav-advance>li>a:focus{
    background: #ffffff !important;
    color: #ff4e00 !important;
}
.nav-tabs.nav-advance>li>a i{
	margin-right:10px;
}
.tab-content>.tab-pane {
    display: none !important;
}
.tab-content>.active {
    display: block !important;
}
/*-------------- UI Element Style: Testimonial Style ------------------------*/
.half-bg{
    position: relative;
}
.half-bg:before {
    background:#ff4e00;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    content: "";
    display: block;
    bottom: 170px;
}

.testimonial-carousel-box {
    padding: 5px 15px;
}
.testimonial-caption {
    background: #ffffff;
    padding:30px;
    border-radius: 6px;
	box-shadow: 0 0 18px 0 rgba(12,99,255,.1);
	-webkit-box-shadow: 0 0 18px 0 rgba(12,99,255,.1);
}
.testimonial-caption i {
    font-size: 30px;
    opacity: 0.3;
    margin-bottom: 13px;
    display: inline-block;
}
.testimonial-caption p {
    line-height: 2;
}
.testimonial-author {
    display: table;
	margin-top:20px;
    width: 100%;
}
.testimonial-author img {
    max-width:40px;
    float: left;
}
.testimonial-author h4{
	margin-left:50px;
	font-size:17px;
}
.testimonial-carousel-box:hover, .testimonial-carousel-box:focus{
	outline:none;
}

/*------------- UI Element Style: Tab And Accordion -------------*/
.simple-tab-style .nav-tabs{
    border:none;
    margin-bottom:20px;
}
.simple-tab-style .nav-tabs > li{
    margin-right:10px;
}
.simple-tab-style .nav-tabs > li > a{
    background:#8494a8;
    padding: 12px 25px;
    border-radius: 4px;
    color:#fff;
	margin-bottom:5px;
    border:1px solid #8494a8;
    transition:all 0.3s ease 0s;
}
.simple-tab-style .nav-tabs > li > a:hover{
    background:#8494a8;
    border:1px solid #8494a8;
}
.simple-tab-style .nav-tabs > li > a > i{
    margin-right: 7px;
}
.simple-tab-style .nav-tabs > li.active > a,
.simple-tab-style .nav-tabs > li.active > a:hover,
.simple-tab-style .nav-tabs > li.active > a:focus {
    background:#ff4e00;
    color: #fff;
    border:1px solid #ff4e00;
}
.simple-tab-style .tab-content h4{
    font-weight: 600;
}

/*------------ UI Element Style: Accordion ------------*/
#accordion .panel{
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 6px;
}
#accordion .panel-heading{
    padding: 0;
}
#accordion .panel-title a{
    display: block;
    padding:20px 20px;
    background: #fff;
    font-size: 15px;
    font-weight: bold;
    color:#334e6f;
    text-transform: uppercase;
    border: 1px solid #eceef3;
    position: relative;
    transition: all 0.3s ease 0s;
}

#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before{
    content: "\f107";
    font-family: "FontAwesome";
    font-weight:600;
    font-size: 14px;
    line-height: 24px;
    position: absolute;
    top:15px;
    right: 25px;
}
#accordion .panel-title a.collapsed:before{
    content: "\f106";
}
#accordion .panel-title a:hover,
#accordion .panel-title a.collapsed:hover,
#accordion .panel-title a:before,
#accordion .panel-title a:hover:before{
    color:#ff4e00;
}
#accordion .panel-body{
    padding: 15px 20px;
    font-size: 14px;
    line-height: 23px;
    border: 1px solid #eceef3;
    border-top: none;
}
#accordion .panel-body p{
    margin-bottom:20px;
}

/*------------- UI Element Style: Pricing Table Style  ---------------*/
.price-table-box{
	padding:30px 25px;
	background:#ffffff;
	border-radius:8px;
	position:relative;
	text-align:center;
	margin-bottom:30px;
	border-top:3px solid #263238;
	box-shadow:0 0 20px 0 rgba(62,28,131,0.1);
	-webkit-box-shadow:0 0 20px 0 rgba(62,28,131,0.1);
	-moz-box-shadow:0 0 20px 0 rgba(62,28,131,0.1);	
}

.price-table-box i{
	font-size:35px;
	margin-bottom:10px;
	display: block;
	opacity:0.8;
}
.price-table-box.active i{
	color:#d60930;
	opacity:1;
}

.price-table-box h4{
	text-transform:uppercase;
	font-size:18px;
}

.price-features{
	padding:10px 0;
}

.price-features ul{
	padding:0;
	margin:0;	
}

.price-features ul li{
	padding:11px 0;
	list-style:none;
	font-size:14px;
	border-bottom: 1px dashed #dfe5ea;
}

.price-box{
	padding:15px 0;
}

.price-box h3>sup, .price-box h3>sub{
	font-size:16px;
	color:#848b9e;
}

a.btn.btn-pricing {
    padding: 14px 0;
    text-align: center;
    background: #1e293d;
    width: 100%;
    color: #ffffff;
    border: 4px double #34425d;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 4px;
}
.active a.btn.btn-pricing {
    background:#ff4e00;
    border-color: #ff3a5f;
}
.price-table-box.style-2 .btn>i {
    display: inline-block;
    float: right;
    font-size: 15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: rgba(255,255,255,0.1);
    border-radius: 50%;
    margin-bottom: 0;
    color: #ffffff;
    opacity: 1;
}
.price-table-box.style-2 a.btn.btn-pricing {
    padding: 5px;
    vertical-align: middle;
    line-height: 2.5;
    border-radius: 100px;
	margin-top:20px;
}
/*--------------- UI Element Style: Slick Carousel Style --------------------*/
.slick-next, .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0;
}

.slick-prev {
    left: -35px;
}
.slick-next {
    right: -25px;
}
.slick-next:before, .slick-prev:before {
    font-family: FontAwesome;
    font-size: 12px;
    opacity: 1;
    color:#ff4e00;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 26px;
    text-align: center;
    display: inline-block;
    background: #fff;
    border: 1px solid #eaeff5;
    transition: all ease .4s;
    -webkit-box-shadow: 0 2px 10px 0 #d8dde6;
    box-shadow: 0 2px 10px 0 #d8dde6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-next:before {
    content: '\f061';
}
.slick-prev:before {
    content: '\f060';
}
.employer-widget {
    margin: 0 10px 20px 10px;
}
/*----------------- UI Element Style: Error Page Style --------------------*/
.error-page {
    text-align: center;
}
.error-page p {
    font-size: 17px;
	text-transform: initial;
}
.error-page i {
    width:100px;
    height:100px;
    display: table;
    margin: 0 auto;
    background: #ffffff;
    line-height:100px;
    font-size:45px;
    color:#f21136;
	border-radius:50%;
	border: 1px solid #ffcad3;
    box-shadow:0px 0px 10px 1px rgb(255, 180, 193);
    -webkit-box-shadow:0px 0px 10px 1px rgb(255, 180, 193);
    -moz-box-shadow:0px 0px 10px 1px rgb(255, 180, 193);
}

/*--------------- UI Element Style: Notify----------------*/
.notice {
    padding: 15px;
    background-color: #fff;
    margin-bottom: 10px;
    border-radius: 2px;
    border: 1px solid #eaeff5;
    border-left: 6px solid #838992;
    box-shadow: 0 0 10px 1px rgba(71, 85, 95, .08);
    -webkit-box-shadow: 0 0 10px 1px rgba(71, 85, 95, .08);
    -moz-box-shadow: 0 0 10px 1px rgba(71, 85, 95, .08)
}

.notice-sm {
    padding: 10px;
    font-size: 80%
}

.notice-lg {
    padding: 35px;
    font-size: large
}

.notice-success {
    border-left-color: #74ba28
}

.notice-success>strong {
    color: #74ba28
}

.notice-info {
    border-left-color: #1db4bd
}

.notice-info>strong {
    color: #1db4bd
}

.notice-warning {
    border-left-color: #fea911
}

.notice-warning>strong {
    color: #fea911
}

.notice-danger {
    border-left-color: #eb344f
}

.alert-success {
    color: #74ba28;
    background-color: #e6ffcb;
    border-color: #d4f9ac
}

.alert-info {
    color: #4dccd3;
    background-color: #d0fdff;
    border-color: #b2fbff
}

.alert-warning {
    color: #ffbc44;
    background-color: #fff6e5;
    border-color: #ffe2ae
}

.alert-danger {
    color: #ff526c;
    background-color: #ffe5e9;
    border-color: #ffa7b4
}

.close {
    opacity: .8
}

/*================================================
Blog Page Style
===================================================*/

/*---------- Blog Style In Grid ----------*/
.blog-box{
	border: 1px solid #eaeff5;
    box-shadow: 0px 0px 10px 1px rgba(71, 85, 95,0.08);
    -webkit-box-shadow: 0px 0px 10px 1px rgba(71, 85, 95,0.08);
    -moz-box-shadow: 0px 0px 10px 1px rgba(71, 85, 95,0.08);
	margin-bottom:30px;
	border-radius:6px;
	overflow:hidden;
	transition:all ease 0.4s;
    max-height:445px;
}
.blog-grid-box-img{
	height:250px;
	max-height:250px;
	overflow:hidden;
	display: flex;
    align-items: center;
}
.blog-grid-box-content{
	padding:20px 15px;
}
.blog-box:hover, .blog-box:focus{
    -webkit-box-shadow: 0 10px 30px 0 rgba(58,87,135, 0.15);
    -moz-box-shadow: 0 10px 30px 0 rgba(58,87,135, 0.15);
    box-shadow: 0 10px 30px 0 rgba(58,87,135, 0.15);
}
.blog-avatar {
    display: table;
    margin: -58px auto 0 auto;
}
.blog-avatar.text-center img {
    max-width: 70px;
    border-radius: 50%;
    margin: 0 auto;
    border: 4px solid rgba(255,255,255,1);
    margin-bottom: 5px;
    box-shadow: 0 2px 10px 0 #d8dde6;
	-webkit-box-shadow: 0 2px 10px 0 #d8dde6;
	-moz-box-shadow: 0 2px 10px 0 #d8dde6;
}
/*---------- Blog Detail --------------*/
.short-blog {
    padding: 0;
	margin-bottom:2em;
    border: 1px solid #d6e3ec;
}
figure.img-holder {
    position: relative;
}
.blog-post-date {
    position: absolute;
    bottom: 15px;
    left: 15px;
    padding: 5px 30px;
    border-radius: 2px;
    color: #ffffff;
    text-transform: capitalize;
}
.blog-content {
    padding: 40px 25px;
	font-size:15px;
	line-height:1.8;
	color:#636d75;
}

.post-meta {
    font-size: 18px;
    font-family: initial;
}
.full-blog{
	border:1px solid 	#e0ecf5;
}
.full-blog .blog-content {
    padding: 40px 25px 20px 25px;
}
.blog-footer-social {
    padding: 10px 0 0 0;
    border-top: 1px solid #e0ecf5;
    margin-top: 20px;
}
ul.list-inline.social {
    padding: 0;
    margin: 0;
    float: none;
    display: inline-block;
}
ul.list-inline.social li {
    list-style: none;
    display: inline-block;
    padding: 0 10px;
}
ul.list-inline.social li i {
    width:40px;
    height:40px;
    background: #ffffff;
    border-radius: 50%;
    border: 1px solid #e0ecf5;
    color: #71818e;
    line-height:38px;
    text-align: center;
    font-size:16px;
    transition:all ease-in-out 0.4s;
}
ul.list-inline.social li i:hover, ul.list-inline.social li i:focus{
	background:#eff2f5;
}
/*---------- Blogs Comment Style ----------*/
.comments{
    width: 100%;
    display: block;
    overflow: hidden;
    border-radius: 6px;
    margin-bottom: 40px;
    border: 1px solid #eaeff5;
    box-shadow: 0px 0px 10px 1px rgba(71, 85, 95,0.08);
    -webkit-box-shadow: 0px 0px 10px 1px rgba(71, 85, 95,0.08);
    -moz-box-shadow: 0px 0px 10px 1px rgba(71, 85, 95,0.08);
}
.comments-title{
    padding: 1em 1em 1em 1.5em;
    border-bottom: 1px solid #eaeff5;
}
.comments-title h4 {
    margin: 0;
}
.single-comment {
    position: relative;
    margin-bottom: 10px;
    padding-bottom:20px;
    padding-left: 80px;
	margin-top:10px;
	padding-right: 15px;
}
.single-comment .single-comment {
    padding-left: 80px;
}
.single-comment .img-holder {
    left: 12px;
    border-radius: 50%;
    overflow: hidden;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
	box-shadow:0 2px 10px 0 #d8dde6;
	-webkit-box-shadow:0 2px 10px 0 #d8dde6;
	-moz-box-shadow:0 2px 10px 0 #d8dde6;
}
.single-comment .text-holder {
    border: 1px solid #eaeff5;
    padding: 20px;
}
.single-comment .text-holder .top {
    margin: 0 0 8px;
    overflow: hidden;
}
.rating.pull-right li {
    list-style: none;
    display: inline-block;
}
.rating.pull-right li i {
    font-size: 13px;
    margin-right: 3px;
    color: #636d75;
}
.rating.pull-right li i.active {
    color: #07b107;
}

.comments-form textarea.form-control{
	height:150px;
}
.comments-form form{
	margin:10px -15px;
}

/*------------ Blog Sidebar -------------*/
.side-list ul.side-blog-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 5px 10px 5px;
    align-items: center;
}
.blog-list-img {
    display: inline-block;
    width: 55px;
    max-width: 55px;
    overflow: hidden;
    height: 55px;
    border-radius: 4px;
    position: relative;
    margin: 0 10px 0 0;
    vertical-align: text-bottom;
}
.blog-post-meta {
    font-size: 90%;
}
.side-list .blog-post-meta span {
    float: none;
}

/*============================================
Icons Style
=============================================*/
.nav-tabs {
    border: 1px solid #e8ebef;
    border-left: none;
    border-right: none;
}
.nav-tabs-custom .nav-tabs>li>a:hover {
    border-color: #e8ebef #e8ebef #e8ebef;
    background: #e8ebef;
    border-radius: 0;
}
.nav-tabs-custom {
    border-right: 1px solid #e8ebef;
    border-left: 1px solid #e8ebef;
    border-bottom: 1px solid #e8ebef;
}
.nav-tabs>li>a {
    border-radius: 0;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #e8ebef;
    border: none;
    border-bottom-color: transparent;
}
.fontawesome-icon-list .col-md-3.col-sm-4 {
    padding: 10px 10px;
}
.bs-glyphicons li {
    width: 24.5%;
    height: 115px;
    padding: 10px;
    margin: 0 -1px -1px 0;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
    border: 1px solid #e8edef;
    display: inline-block;
}
.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}
.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}
.icon-container {
    width: 240px;
    padding: .7em 0;
    float: left;
    position: relative;
    text-align: left;
}	
.icon-container {
    width: 240px;
    padding: .7em 0;
    float: left;
    position: relative;
    text-align: left;
}
.icon-section {
   margin: 0 0 3em;
    clear: both;
    overflow: hidden;
}
.pagewidth h3 {
    text-transform: uppercase;
    font-weight: 700;
    margin: 1em 0;
	text-align:center;
	
}	

/*=======================================================
	Footer Style
=======================================================*/
.footer{
	padding:50px 0 0px 0;
	border-top: 1px solid #f6f7f9;
}
.footer h4{
	font-size:15px;
	color:#ff4e00;
	margin-bottom:30px;
	text-transform:uppercase;
}
.footer ul{
	padding:0;
	margin:0;
}
.footer ul li{
	padding:0;
	list-style:none;
}
.footer ul li a{
	font-size:13px;
	line-height:1.5;
	color:#334e6f;
	opacity:0.7;
	display:block;
	font-weight:500;
	margin-bottom:15px;
	transition:all ease 0.4s;
}
.footer ul li a:hover, .footer ul li a:focus{
	opacity:1;
}
.footer .f-social-box{
	margin-top:20px;
	margin-bottom:15px;
}
.footer .f-social-box ul li, .footer .f-app-box ul li{
	display:inline-block;
}
.footer .f-social-box ul li a{
	opacity:1;
}
.footer .f-social-box ul li a i{
	width:42px;
	height:42px;
	line-height:42px;
	text-align:center;
	border-radius:50%;
	margin-right:10px;
	border:1px solid #ebebeb;
	transition:all ease 0.4s;
}	
.footer .f-social-box ul li a i:hover, .footer .f-social-box ul li a i:focus{
	background:#ff4e00;
	color:#ffffff !important;
	border-color:#ff4e00;
}
.footer .f-app-box ul li a{
	font-size:18px;
	opacity:0.6;
	margin-right:10px;
	padding:12px 22px;
	border-radius:4px;
	margin-bottom:5px;
	border:1px solid #ebebeb;
	transition:all ease 0.4s;	
}
.footer .f-app-box ul li a i{
	font-size:22px;
	margin-right:10px;
}
footer .input-group {
    border: 1px solid #ebebeb;
    border-radius: 2px;
}
footer.footer .input-group-btn .btn {
    color: #ff4e00;
}
footer input.form-control, footer .btn.btn-default, footer input.form-control:hover, footer .btn.btn-default:hover, footer input.form-control:focus, footer .btn.btn-default:focus {
    height: 50px;
    border: none;
    background: transparent;
}
.copyright{
	padding:30px;
	margin-top:40px;
}
.copyright p{
	font-size:94%;
}
.copyright a{
	color:#72849e;
    font-size:14px;
}

/*----------- Footer Style: Dark Footer ----------------*/
.footer.dark-bg h4 {
    color: #ffffff;
}
.footer.dark-bg ul li a {
    color: #72849e;
}
footer.dark-bg .input-group {
    border: 1px solid #3b495f;
}
footer.dark-bg input.form-control, footer.dark-bg .btn.btn-default, footer.dark-bg input.form-control:hover, footer.dark-bg .btn.btn-default:hover, footer.dark-bg input.form-control:focus, footer.dark-bg .btn.btn-default:focus {
    color: #ffffff;
}
.footer.dark-bg .f-social-box ul li a i {
    border: 1px solid #3b495f;
}
.footer.dark-bg .f-app-box ul li a {
    border: 1px solid #3b495f;
}
.footer.dark-bg .copyright {
    border-top: 1px solid #212b3a;
}

/*--------- Footer Style: Before Footer Style ---------------*/
.before-footer{
	min-height:90px;
    display: flex;
	padding:0;
	position: relative;
	width:100%;
}

.data-flex {
	display: flex;
    flex-direction: column;
    justify-content: center;
    height:90px;
	padding:0 15px;
    position: relative;
}
.social-share {
    padding: 0;
    margin: 0;
    display: flex;
    height: 100%;
    line-height: 90px;
}
.social-share li{
	display:inline-block;
	list-style:none;
	padding:0 20px;
	width:25%;
	text-align:center;
	border-right:1px solid #dde6ef;	
}
.social-share li:last-child{
	border:none;
}
.social-share li a{
	font-size:17px;
}


/*===================================================================================
	Travel Component 
====================================================================================*/

/*------------- Travel Component: Inner page Title Banner Design  ------------*/
.page-title-banner{
	background-position:center;
	background-size:cover;
	position:relative;
}

.page-title-banner:before{
	content:"";
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:#222e4c;
	opacity:0.6;
}
.page-title-banner>*{
	position:relative;
}
.tr-list-detail{
	text-align:center;
	display:block;
	padding:4em 0 1em 0;
}
.tr-list-detail>*, .tr-list-detail h4{
	color:#ffffff;
}
.tr-list-detail p{
	font-size:18px;
	font-family: 'Josefin Slab', serif;
}
.tr-list-thumb{
	display:inline-block;
	max-width:120px;
	height:120px;
	padding:10px;
	border-radius:50%;
	background:rgba(255,255,255,0.17);
}

/*------------ Travel Components: How It Works -----------------*/
.work-process{
	text-align:center;
	position:relative;
}
.process-icon{
    float: none;
    display: inline-block;
	position:relative;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    line-height: 98px;
    font-size:35px;
    text-align: center;
    color:#ff4e00;
	background:#f5f9fc;
    border-color:#f5f9fc;
}
.process-img{
    width: 110px;
    height: 110px;
    margin: 15px auto 0;
	position: relative;
	display: inline-block;
}
.process-img img{
	z-index:1;
}
.process-count {
    position: absolute;
    right: 0;
    bottom:5px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    background: #ff4e00;
    font-size: 14px;
    text-align: center;
    border-radius: 50%;
    color: #ffffff;
}
span.process-num {
    position: absolute;
    font-size:60px;
    font-weight: 600;
    opacity: 0.1;
    left:-30px;
    top: -10px;
}
.work-process h4{
	margin:10px 0;
}
.work-process p{
	font-size:13px;
}
/*--------------- Travel Components: Features Style-----------------*/
.features-content {
	border: 1px solid #d4d9e3;
	padding: 20px 15px;
	text-align: center;
	border-radius: 5px;
	margin-bottom:30px;
	box-shadow: 0px 0px 10px 0px rgba(107,121,124,0.2);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(107,121,124,0.2);
}
.features-content h3{
	font-weight:400;
	color:#475052;
	font-size:18px;
	text-transform:uppercase;
	margin-bottom:0;
}

.features-content p{
	font-weight:300;
	color:#3E4547;
	line-height:1.8;
	font-size:14px;
}

.features-content span{
	font-size:45px;
	margin-bottom:25px;
	color:#0CAA41;
}

/*------------ All Travel Components: Filter Search Form ---------------------*/
.search-form{
	background:#ffffff;
	border-radius:6px;
	padding:15px 15px 10px 15px;
	box-shadow: 0 5px 25px 0 rgba(41,128,185,0.15);
    -webkit-box-shadow: 0 5px 25px 0 rgba(41,128,185,0.15);
	-ms-transform: translatey(-30px); /* IE 9 */
	-webkit-transform: translatey(-30px); /* Safari */
    transform: translatey(-30px);
}
.search-wide{
    min-width:50px;
    float: left;
    margin: 5px;
}
.search-wide.full{
    min-width: 150px;
    float: left;
    margin: 5px;
}
.fl-right{
	float:right;
}
.search-wide .form-control {
    height: 40px;
    padding: 2px 10px;
    line-height: 35px;
    font-size: 13px;
}
.side-list ul li span.custom-checkbox{
	float:none;
}

/*------------ Travel Detail Page: Popup Style --------------*/
.modal-content img{
	margin-bottom:25px;
}


/*---------------- Common Style for Tour -------------------*/
article figure {
    position: relative;
    overflow: hidden;
    height: 280px;
}
article figure .list-overlay {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
}
article figure .list-overlay:before {
    content: "";
    position:absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(to bottom,transparent 20%,#222e4c);
    display: block;
    height: 100%;
    width: 100%;
}
article figure .listing-box-img {
    position: absolute;
    height:100%;
    display: block;
    margin-right: auto;
    margin-left: auto;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

article figure>a:hover .listing-box-img{
	transform:scale(1.2);
    -ms-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -o-transform:scale(1.2);
}
figure .read_more {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -12px;
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);
    transform: translateY(60px);
    text-align: center;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    -webkit-transition: all .6s;
    transition: all .6s;
    z-index: 2;
}
figure:hover .read_more {
    opacity: 1;
    visibility: visible;
	z-index: 2;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
     transform: translateY(0);
}
figure .read_more span{
    background:#0fb76b;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 50px;
    box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.3);
}

/*------------- Tour Listing  -----------------*/
.tour-box-image>a:before {
	z-index:1;
}
.meta-item, .entry-category, .inner-box, .featured-tour {
	z-index:2;
}
.list-like{
    position: absolute;
    right:20px;
    top:20px;
    z-index: 2;
    display: inline-block;
    color:#ffffff;
	background:#ff0052;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	width: 30px;
    height: 30px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
}
.list-like:hover, .list-like:focus{
	color:#ffffff;
}
.tour-box .list-like:hover, .tour-box .list-like:focus{
	color:ffffff;
}
.list-like.left {
    left: 15px;
    bottom: 15px;
    position: absolute;
    display: inline-block;
}
.list-like.right-bot{
	right:15px;
    bottom:15px;
}
.tour-box-image>a.list-like:before, .destination-box-image>a.list-like:before, .hotel-box-image>a.list-like:before, .restaurent-box-image>a.list-like:before{
	display:none;
}
/*------------ Travel Component: Grid Style --------------*/
.tour-box {
	line-height: 1.375;
	-webkit-box-shadow:0 0 20px 0 rgba(62,28,131,0.1);
	box-shadow:0 0 20px 0 rgba(62,28,131,0.1);
	background: #FFF;
	font-size: 16px;
	background: #ffffff;
	border-radius: 4px;
    overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}

.tour-box-image{
	position:relative;
}
.tour-box-image .tour-box-img {
    height:280px;
    -o-object-fit: cover;
    object-fit: cover;
	position:relative;
    width: 100%;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.tour-box-image>a {
	position:relative;
	display:table;
	overflow:hidden;
}
.tour-box-image>a:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background:#303b61;
    display: block;
    height: 100%;
    width: 100%;
	opacity:0.4;
}
.tour-box .entry-bookmark a{
    position: absolute;
    top:20px;
    left:20px;
    z-index: 2;
    right:20px;
	font-size:20px;
	color:#ffffff;
	margin-bottom: 8px;
    pointer-events: none;
}

.tour-box .inner-box {
    padding:5px 20px 5px;
    width: 100%;
}
.tour-box.style-1 .entry-meta {
    position:relative;
	width: 100%;
	padding:14px 20px 14px;
    border-bottom:1px solid #f4f4f4;
}
.entry-meta .meta-item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
	font-size: 12px;
    line-height: 18px;
}
.coauthors .vcard {
    margin-right: 10px;
}

.coauthors .vcard:last-child {
    margin-right: 0;
}
.meta-author img {
    border-radius: 50%;
    vertical-align: -10px;
    display: inline-block;
    margin-right: 4px;
    width:30px;
	height:30px;
}
.box-inner-ellipsis {
    min-height:70px;
    display: table;
    width: 100%;
}
.box-inner-ellipsis>* {
    display: table-cell;
    vertical-align: middle;
}
span.vcard.author a {
    font-weight:500;
	font-size: 14px;
}
.tour-box .entry-title {
    margin: 0 0 0px 0;
    font-size: 17px;
    line-height: 1.3;
    max-width: 250px;
}
.meta-rating {
    margin-top: 5px;
}
.meta-item.meta-comment {
    margin-top: 7px;
}
.meta-rating>* {
    color: #FF9800;
}
.meta-comment>* {
    font-size: 15px;
}
.meta-comment i{
    margin-right:5px;
}
.tour-box-image .tour-time{
	position:absolute;
	right:20px;
	bottom:20px;
	color:#ffffff;
	font-size:16px;
	z-index:1;
}
.tour-time i, .tour-price i{
	margin-right:5px;
}
.tour-box .inner-box p{
	font-size:13.5px;
}
.location{
	font-size:13.5px;
}
.
.coauthors .vcard .fn {
    font-size: 15px;
}
.meta-item.meta-views:before {
    content: "\f005";
    font-family: FontAwesome;
    margin-right: 5px;
}
.tour-box.style-1 span.meta-item.meta-rating {
    bottom: 20px;
	right:30px;
    color: #ffffff;
}

/*---------- Travel Component: List Style --------------*/
.tour-box.list-style {
    height:280px;
	position: relative;
	margin-bottom: 30px;
    line-height: 1.375;
}
.tour-box.list-style .tour-box-image{
	float: left;
    position: relative;
}
.tour-box.list-style .tour-box-image img{
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.tour-box.list-style .tour-box-image a:hover img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.tour-box.list-style .tour-box-image .tour-box-img {
    height:280px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.tour-place {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 1;
    font-size:16px;
}
.tour-place a{
	color:#ffffff;
}
.tour-place a:hover, .tour-place a:focus{
	color:#ffffff;
}
.tour-box.list-style .inner-box{
    float: left;
	padding: 30px 20px 30px 0;
}
.tour-box.list-style .entry-meta {
	width: 100%;
	margin-top: 30px;
}
.tour-box.list-style .entry-title{
    margin: 0 0 10px 0;
	line-height:1.2;
	font-size:20px;
}
.tour-box.style-2 .entry-content{
	font-size:13.5px;
	line-height:1.6;
}
span.featured-tour {
    width: 25px;
    height: 25px;
    background: #10aa08;
    position: absolute;
    top: 15px;
    right: 15px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 10px;
    border: 2px solid #9fd402;
    line-height: 21px;
}
.list-style .discount-flick {
    position: absolute;
    top: 9px;
    right: 20px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 700;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 22px 23px 5px 20px;
    text-align: center;
    -webkit-transform: translate(50%,-50%) rotate(45deg) translateZ(0);
    -moz-transform: translate(50%,-50%) rotate(45deg) translateZ(0);
    transform: translate(50%,-50%) rotate(45deg) translateZ(0);
    background: #ea1753;
    color: #ffffff;
    z-index: 1;
}

/*------------- Travel Component: Dastination -----------------*/
.destination-box-image>a:before {
	z-index:1;
}
.featured-destination {
	z-index:2;
}
.destination-box-image>a:hover .destination-box-img{
	transform:scale(1.2);
    -ms-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -o-transform:scale(1.2);
}

.destination-box {
	line-height: 1.375;
	-webkit-box-shadow:0 0 20px 0 rgba(62,28,131,0.1);
	box-shadow:0 0 20px 0 rgba(62,28,131,0.1);
	background: #FFF;
	font-size: 16px;
	background: #ffffff;
	border-radius: 4px;
    overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}

.destination-box-image{
	position:relative;
}
.destination-box-image .destination-box-img {
    height:280px;
    -o-object-fit: cover;
    object-fit: cover;
	position:relative;
    width: 100%;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.destination-box-image>a {
	position:relative;
	display:table;
	overflow:hidden;
}
.destination-box-image>a:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background:linear-gradient(to bottom,transparent 20%,#222e4c);
    display: block;
    height: 100%;
    width: 100%;
}
.destination-box .inner-box {
    padding:5px 20px 5px;
    width: 100%;
}
.destination-box.style-1 .entry-meta {
    position:relative;
	width: 100%;
	padding:14px 20px 14px;
    border-bottom:1px solid #f4f4f4;
}
.entry-meta .meta-item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
	font-size: 12px;
    line-height: 18px;
}

.destination-box .box-inner-ellipsis {
    min-height:50px;
    display: table;
    width: 100%;
}
.box-inner-ellipsis>* {
    display: table-cell;
    vertical-align: middle;
}
.destination-box .entry-location {
    margin: 0 0 0px 0;
    font-size: 17px;
    line-height: 1.3;
    max-width: 250px;
}
.meta-rating {
    margin-top: 5px;
}

.destination-box-image .destination-time{
	position:absolute;
	right:20px;
	bottom:20px;
	color:#ffffff;
	font-size:16px;
	z-index:1;
}
.destination-time i, .destination-price i{
	margin-right:5px;
}
.destination-box .inner-box p{
	font-size:13.5px;
}
.destination-place {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 1;
    font-size:16px;
}
.destination-place a:hover, .destination-place a:focus{
	color:#ffffff;
}
.destination-place>*{
	color:#ffffff;
}
.featured{
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
	z-index:1;
    background: url(../img/job-featured.png) no-repeat;
    background-size: cover;
}

.discount-flick {
    position: absolute;
    top: 10px;
    right: 8px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 700;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 18px 22px 5px 20px;
    text-align: center;
    -webkit-transform: translate(50%,-50%) rotate(45deg) translateZ(0);
    -moz-transform: translate(50%,-50%) rotate(45deg) translateZ(0);
    transform: translate(50%,-50%) rotate(45deg) translateZ(0);
    background: #ea1753;
    color: #ffffff;
    z-index: 1;
}

/*---------- Travel Component: List Style Destination --------------*/
.destination-box.list-style {
    height:250px;
	position: relative;
	margin-bottom: 30px;
    line-height: 1.375;
}
.destination-box.list-style .destination-box-image{
	float: left;
    position: relative;
}
.destination-box.list-style .destination-box-image img{
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.destination-box.list-style .destination-box-image a:hover img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.destination-box.list-style .destination-box-image .destination-box-img {
    height:250px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.destination-box.list-style .vcard.author h4 {
    font-size: 16px;
    margin: 0;
}
.destination-box.list-style .inner-box{
    float: left;
	padding: 30px 20px 30px 0;
}
.destination-box.list-style .entry-meta {
	width: 100%;
	margin-top: 30px;
}
.destination-box.list-style .entry-title{
    margin: 0 0 10px 0;
	line-height:1.2;
	font-size:18px;
}
.destination-box.style-2 .entry-content{
	font-size:13.5px;
	line-height:1.6;
}
.destination-box .entry-bookmark a {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
    right: 20px;
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 8px;
    pointer-events: none;
}

/*------------- Travel Component: Hotel -----------------*/
.hotel-box-image>a:before {
	z-index:1;
}
.featured-hotel {
	z-index:2;
}
.hotel-box-image>a:hover .hotel-box-img{
	transform:scale(1.2);
    -ms-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -o-transform:scale(1.2);
}

.hotel-box {
	line-height: 1.375;
	-webkit-box-shadow:0 0 20px 0 rgba(62,28,131,0.1);
	box-shadow:0 0 20px 0 rgba(62,28,131,0.1);
	background: #FFF;
	font-size: 16px;
	background: #ffffff;
	border-radius: 4px;
    overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}

.hotel-box-image{
	position:relative;
}
.hotel-box-image .hotel-box-img {
    height:280px;
    -o-object-fit: cover;
    object-fit: cover;
	position:relative;
    width: 100%;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.hotel-box-image>a {
	position:relative;
	display:table;
	overflow:hidden;
}
.hotel-box-image>a:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background:linear-gradient(to bottom,transparent 20%,#222e4c);
    display: block;
    height: 100%;
    width: 100%;
}
.hotel-box .inner-box {
    padding:5px 20px 5px;
    width: 100%;
}
.hotel-box.style-1 .entry-meta {
    position:relative;
	width: 100%;
	padding:14px 20px 14px;
    border-bottom:1px solid #f4f4f4;
}
.entry-meta .meta-item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
	font-size: 12px;
    line-height: 18px;
}

.hotel-box .box-inner-ellipsis {
    min-height:50px;
    display: table;
    width: 100%;
}
.box-inner-ellipsis>* {
    display: table-cell;
    vertical-align: middle;
}
.hotel-box .entry-location {
    margin: 0 0 0px 0;
    font-size: 17px;
    line-height: 1.3;
    max-width: 250px;
}

.meta-rating {
    margin-top: 5px;
}

.hotel-box-image .hotel-time{
	position:absolute;
	right:20px;
	bottom:20px;
	color:#ffffff;
	font-size:16px;
	z-index:1;
}
.hotel-time i, .hotel-price i{
	margin-right:5px;
}
.hotel-box .inner-box p{
	font-size:13.5px;
}
.hotel-place {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 1;
    font-size: 16px;
}
.hotel-place>*{
	color:#ffffff;
}
.hotel-place a:hover,.hotel-place>*:focus{
	color:#ffffff;
}
.hotel-detail-box {
    padding: 10px 20px;
}
.hotel-ellipsis p {
    font-size: 14px;
}
.hotel-inner.inner-box {
    border-top: 1px solid #f4f4f4;
}
.review-status{
    float: left;
    width: 20px;
    height: 20px;
    font-size: 9px;
    line-height: 21px;
    text-align: center;
    color: #ffffff;
    border-radius: 50%;
	margin-top: 4px;
	margin-right:6px;
}
.hotel-review h6 {
    margin: 0;
    display: inline-block;
    color: #8995a2;
}
.hotel-review h6 span {
    display: block;
    margin-bottom:3px;
	text-transform: capitalize;
}
.hotel-name {
    font-size: 18px;
    text-transform: capitalize;
}

/*---------- Travel Component: List Style Hotel --------------*/
.hotel-box.list-style {
    height:250px;
	position: relative;
	margin-bottom: 30px;
    line-height: 1.375;
}
.hotel-box.list-style .hotel-box-image{
	float: left;
    position: relative;
}
.hotel-box.list-style .hotel-box-image img{
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.hotel-box.list-style .hotel-box-image a:hover img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.hotel-box.list-style .hotel-box-image .hotel-box-img {
    height:250px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.hotel-box.list-style .inner-box{
    float: left;
	padding: 30px 20px 30px 0;
}
.hotel-box.list-style .entry-meta {
	width: 100%;
	margin-top: 30px;
}
.hotel-box.list-style .entry-title{
    margin: 0 0 10px 0;
	line-height:1.2;
	font-size:18px;
}
.hotel-box.style-2 .entry-content{
	font-size:13.5px;
	line-height:1.6;
}
.hotel-box .entry-bookmark a {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
    right: 20px;
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 8px;
    pointer-events: none;
}

/*------------- Travel Component: Restaurent -----------------*/
.restaurent-box-image>a:before {
	z-index:1;
}
.featured-restaurent {
	z-index:2;
}
.restaurent-box-image>a:hover .restaurent-box-img{
	transform:scale(1.2);
    -ms-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -o-transform:scale(1.2);
}

.restaurent-box {
	line-height: 1.375;
	-webkit-box-shadow:0 0 20px 0 rgba(62,28,131,0.1);
	box-shadow:0 0 20px 0 rgba(62,28,131,0.1);
	background: #FFF;
	font-size: 16px;
	background: #ffffff;
	border-radius: 4px;
    overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}

.restaurent-box-image{
	position:relative;
}
.restaurent-box-image .restaurent-box-img {
    height:280px;
    -o-object-fit: cover;
    object-fit: cover;
	position:relative;
    width: 100%;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.restaurent-box-image>a {
	position:relative;
	display:table;
	overflow:hidden;
}
.restaurent-box-image>a:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background:linear-gradient(to bottom,transparent 20%,#222e4c);
    display: block;
    height: 100%;
    width: 100%;
}
.restaurent-box .inner-box {
    padding:5px 20px 5px;
    width: 100%;
}
.restaurent-box.style-1 .entry-meta {
    position:relative;
	width: 100%;
	padding:14px 20px 14px;
    border-bottom:1px solid #f4f4f4;
}
.entry-meta .meta-item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
	font-size: 12px;
    line-height: 18px;
}

.restaurent-box .box-inner-ellipsis {
    min-height:50px;
    display: table;
    width: 100%;
}
.box-inner-ellipsis>* {
    display: table-cell;
    vertical-align: middle;
}
.restaurent-box .entry-location {
    margin: 0 0 0px 0;
    font-size: 17px;
    line-height: 1.3;
    max-width: 250px;
}
.meta-rating {
    margin-top: 5px;
}

.restaurent-box-image .restaurent-time{
	position:absolute;
	right:20px;
	bottom:20px;
	color:#ffffff;
	font-size:16px;
	z-index:1;
}
.restaurent-time i, .restaurent-price i{
	margin-right:5px;
}
.restaurent-box .inner-box p{
	font-size:13.5px;
}
.restaurent-place {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 1;
    font-size: 16px;
}
.restaurent-place a:hover, .restaurent-place a:focus{
	color:#ffffff;
}
.restaurent-place>*{
	color:#ffffff;
}
.restaurent-detail-box {
    padding: 10px 20px;
}
.restaurent-ellipsis p {
    font-size: 14px;
}
.restaurent-inner.inner-box {
    border-top: 1px solid #f4f4f4;
}
.review-status{
    float: left;
    width: 20px;
    height: 20px;
    font-size: 9px;
    line-height: 21px;
    text-align: center;
    color: #ffffff;
    border-radius: 50%;
	margin-top: 4px;
	margin-right:6px;
}
.restaurent-review h6 {
    margin: 0;
    display: inline-block;
    color: #8995a2;
}
.restaurent-review h6 span {
    display: block;
    margin-bottom:3px;
	text-transform: capitalize;
}
.restaurent-name {
    font-size: 18px;
    text-transform: capitalize;
}

/*---------- Travel Component: List Style Restaurent --------------*/
.restaurent-box.list-style {
    height:250px;
	position: relative;
	margin-bottom: 30px;
    line-height: 1.375;
}
.restaurent-box.list-style .restaurent-box-image{
	float: left;
    position: relative;
}
.restaurent-box.list-style .restaurent-box-image img{
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.restaurent-box.list-style .restaurent-box-image a:hover img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.restaurent-box.list-style .restaurent-box-image .restaurent-box-img {
    height:250px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.restaurent-box.list-style .inner-box{
    float: left;
	padding: 30px 20px 30px 0;
}
.restaurent-box.list-style .entry-meta {
	width: 100%;
	margin-top: 30px;
}
.restaurent-box.list-style .entry-title{
    margin: 0 0 10px 0;
	line-height:1.2;
	font-size:20px;
}
.restaurent-box.style-2 .entry-content{
	font-size:13.5px;
	line-height:1.6;
}
.restaurent-box .entry-bookmark a {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
    right: 20px;
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 8px;
    pointer-events: none;
}

/*-------------- Travel Component: Guides -----------------*/
.guides-container {
    background: #ffffff;
    border-radius:4px;
    overflow: hidden;
    margin-bottom:30px;
    -webkit-box-shadow:0 0 20px 0 rgba(62,28,131,0.1);
	box-shadow:0 0 20px 0 rgba(62,28,131,0.1);
}
.guides-box {
    text-align: center;
    padding:40px 20px;
}
.guides-img-box {
    width: 100px;
    height: 100px;
    margin: 5px auto;
    border-radius: 50%;
    background:#eff3f7;
    padding: 8px;
}
.guides-img-box img {
    border-radius: 50%;
}
.guider-detail h4 {
    font-size: 17px;
}
.guides-container .btn{
	border-radius:0;
    text-transform: uppercase;
    font-weight: 500;
}

/*--------------- Travel Component: Experts Of The Week -------------------*/
.experts-container {
    display: table;
    width: 100%;
    margin-bottom:30px;
}
.expert-thumb {
    display: table;
    float: left;
    width: 80px;
    height: 80px;
    background:#eff3f7;
    border-radius: 50%;
    padding: 5px;
}
.expert-thumb img {
    border-radius: 50%;
}
.experts-detail {
    display: table;
    margin-left: 95px;
}
.experts-detail h4 {
    margin-bottom: 1px;
	font-size:17px;
	margin-top: 3px;
}
span.user-status {
    padding: 1px 15px;
    border-radius: 2px;
    font-size: 11px;
    display: table;
    color: #ffffff;
    margin-top: 3px;
    letter-spacing: 1px;
}

/*----------------- Travel Component: tourType -----------------*/
.tourtype-container {
    margin-bottom:50px;
}
.tourtype-detail {
    text-align: center;
}
.tourtype-detail i {
    font-size: 35px;
    margin: 20px auto;
}
.tourtype-detail img{
    max-width:80px;
    margin: 20px auto;
}

/*------- Travel Component: Domestic Tour-----------------*/
.domestic-routes {
    background: #ffffff;
    border-radius:6px;
    overflow: hidden;
	margin-bottom:30px;
    box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.08);
    padding: 10px 15px;
}
.domestic-routes-thumb {
    width: 60px;
    float: left;
    display: table;
    height: 60px;
    background: #eff3f7;
    padding: 4px;
    border-radius: 50%;
}
.domestic-routes-detail {
    display: table;
    margin-left: 15px;
    float: left;
}
.domestic-offer {
    color: #ffffff;
    padding: 3px 10px;
    margin-left: 8px;
    font-size: 12px;
    border-radius: 2px;
}
.domestic-price {
    display: table;
    float: right;
	margin-top:10px;
    vertical-align: middle;
    font-size: 50px;
}
.domestic-price>*{
    font-size:20px;
}

/*---------------------- Travel Component: Detail Tabs ----------------------*/
.profile-header-nav .tab .nav-tabs{
    border:none;
}
.profile-header-nav .nav-tabs>li {
    float: left;
    margin-bottom:0px;
}
.profile-header-nav button.btn.theme-btn {
    margin-top: 9px;
}
.profile-header-nav .nav-tabs li a{
    padding:20px 32px;
	border:none;
    border-right:1px dashed #dee2ea;
    background:#ffffff;
    color: #334e6f;
    opacity: 0.7;
    border-radius: 0px;
    margin-right: 0px;
    font-weight:500;
    transition: all 0.3s ease-in 0s;
}
.profile-header-nav .nav-tabs li a:hover{
    background:#ffffff;
    color:#ff4e00;
	opacity:1;
}
.profile-header-nav .nav-tabs li a i{
    display: inline-block;
    text-align: center;
    margin-right:10px;
}
.profile-header-nav .nav-tabs li:last-child a{
    border-right:none;
}
.profile-header-nav .tab .nav-tabs li:last-child a:hover, .profile-header-nav .tab .nav-tabs li:last-child a:focus {
    border-right:none;
	background: transparent;
}
.profile-header-nav .nav-tabs li.active a,
.profile-header-nav .nav-tabs li.active a:focus,
.profile-header-nav .nav-tabs li.active a:hover{
    color:#ff4e00;
	opacity:1;
	background: transparent;
	border-right:1px dashed #dee2ea;
}
.profile-header-nav .tab .tab-content{
    padding: 20px;
    line-height: 22px;
    box-shadow:0px 1px 0px #808080;
}
.profile-header-nav .tab .tab-content h3{
    margin-top: 0;
}
@media only screen and (max-width: 767px){
    .profile-header-nav .nav-tabs li{
        width:100%;
        margin-bottom: 10px;
    }
    .profile-header-nav .nav-tabs li a{
        padding: 15px;
    }
    .profile-header-nav .nav-tabs li.active a,
    .profile-header-nav .nav-tabs li.active a:focus,
    .profile-header-nav .nav-tabs li.active a:hover{
        padding: 15px;
        margin-top: 0;
    }
}

/*---------------- Travel Component: Detail Box Style -------------------*/
.tr-single-box {
    background: #ffffff;
    display: block;
    border-radius: 2px;
    border: 1px solid #f0f3f7;
    margin-bottom: 30px;
}
.tr-single-header{
	width: 100%;
	border-bottom:1px solid #f3f4f7;
    padding:12px 25px 12px;
}
.tr-single-header h4{
	margin:0;
	font-size:15px;
}
.tr-single-header h4>i{
	margin-right:7px;
}
.tr-single-body {
    width: 100%;
    padding: 15px 25px 25px;
}

/*------------- Travel Component: Features Listing -------------*/
.listing-features {
    position: relative;
    display: table;
    height:65px;
    width: 100%;
	padding:0 7px;
    border-radius:6px;
    margin: 7px 0 15px 0;
	border:1px solid #e8ecf1;
}
.listing-features-box{
	display:table-cell;
	vertical-align:middle;
}
.listing-features-thumb {
    float: left;
    width:45px;
}
.listing-features-thumb img{
	max-width:35px;
	margin:0 auto;
}
.listing-features-detail {
	margin-left:55px;
	margin-top:9px;
}
.listing-features-detail h4{
	font-weight:500;
	font-size:16px;
	margin:0;
}
ul.amenities{
	display:table;
}
ul.amenities li {
    display: inline-block;
    margin-bottom:15px;
    position: relative;
    padding-left:22px;
	font-size:14px;
}
ul.amenities li:before {
    position: absolute;
    content: "\f058";
    font-family: FontAwesome;
    left: 0;
    color:#00cd09;
    font-size:18px;
}

ul.amenities.two li{
	width:50%;
}

ul.amenities.third li{
	width:33.3333%;
}
ul.amenities.fourth li{
	width:25%;
}
.list-thumb-box {
    position: relative;
    min-height: 250px;
    border-radius: 6px;
    overflow: hidden;
    display: inline-block;
}
.list-thumb-box h5 {
    position: absolute;
    right: 15px;
    bottom: 15px;
    color: #ffffff;
    font-size: 18px;
}
.list-thumb-box:before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: #162444;
    opacity: 0.5;
}
/*---------- Travel Component: Icon Box List ---------*/
.icon-box-icon-block{
    width: 100%;
    display: inline-block;
    font-size: 13px;
}
.icon-box-round{
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin-right:7px;
    color:#778494;
    font-size:14px;
    text-align: center;
	border-radius:50%;
    background-color:#f0f3f7;
    vertical-align: middle;
}
.icon-box-text{
    display: inline-block;
    vertical-align: middle;
}
.icon-box-text strong {
    display: block;
    line-height: 1.4;
}
.simple-features-list {
    margin: 0;
    padding: 0;
}
.simple-features-list li {
    list-style: none;
    padding: 0 0px 10px 25px;
    position: relative;
}
.simple-features-list li:before {
    position: absolute;
    content: "\e71b";
    font-family: 'themify';
    left: 0;
    top: 0;
}

/*--------- Travel Component: Detail Page Sidebar -----------*/
.extra-service{
	margin:10px 0 0;
	display:table;
	width:100%;
}
.extra-service li{
	list-style:none;
	padding:7px 0;
}
.extra-service.half li{
	width:50%;
	float:left;
	display:inline-block;
}

/*------------- Travel Component: Sidebar Search & Filter ---------------*/
.tr-single-header span.clickable, .tr-single-header span.clickables {
	margin-top: -20px;
	font-size: 15px;
	cursor: pointer; 
}
.side-list-check{
	padding:0;
	margin:0;
}
.side-list-check li{
	list-style:none;
	margin-bottom:10px;
}
.search-rating {
    display: inline-block;
	color:#86909e;
}
.search-rating i{
    margin-right:10px;
}
.search-rating i.enable{
    color:#FF9800;
}
.short-box {
    background: #ffffff;
    margin: 0 0px 30px;
    padding:10px 10px;
    position: relative;
    margin-bottom: 30px;
    border: 1px solid #f0f3f7;
    overflow: initial;
    display: inline-block;
    width: 100%;
}
.short-box .dropdown-menu.pull-right {
    right: 0;
    left: auto !important;
    top: 90% !important;
}
.short-box .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    color: #677897;
    z-index:10;
    font-size: 16px;
    float: left;
    min-width: 160px;
    padding: 0;
    margin: 1.125rem 0 0;
    font-size: 16px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    overflow: hidden;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.2);
    box-shadow: 0px 0px 15px 1px rgba(113, 106, 202, 0.2);
}
.short-box .dropdown-menu>a {
    display: block;
    padding: 14px 12px 14px 12px;
    clear: both;
    font-weight: 300;
    line-height: 1.42857143;
    color: #67757c;
    border-bottom: 1px solid #f1f6f9;
}
.short-box .dropdown-menu.show {
    display: block;
}
.short-box h4 {
    font-size: 16px;
}
.short-box .btn {
    padding: 7px 12px;
}


/*----------- Travel Component: Profile Info ---------------*/
.pr-detail-container {
    padding: 30px 0;
    text-align: center;
}
.pr-thumb {
    width: 120px;
    margin: 0 auto;
    display: table;
    padding: 7px;
    height: 120px;
    border-radius: 50%;
    border: 1px dashed #ebedf1;
    position: relative;
}
span.pr-status {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    right: 0%;
    bottom: 30%;
    border: 2px solid #80de80;
}
.pr-th-detail h4 {
    font-size: 17px;
}
.rating-system{
    display: inline-block;
    color: #86909e;
	font-size: 12px;
}
.rating-system i.enable {
    color: #FF9800;
}
.pr-info {
    width: 100%;
}
.pr-info ul {
    display: table;
    width: 100%;
    padding: 0;
	margin:0;
	border-top: 1px solid #f3f4f7;;
}
.pr-info ul li {
    font-weight: 500;
    width: 33.3333%;
    display: inline-block;
    text-align: center;
    border-right: 1px solid #f3f4f7;
    padding: 15px 0;
}
.pr-info ul li:last-child {
    border-right:none;
}
.pr-info ul li i{
	margin-bottom:5px;
	display:block;
}
.guider-box-detail {
    display: table;
    width: 100%;
}
.guider-box-thumb {
    float: left;
    display: inline-block;
    width: 110px;
    height: 110px;
    padding: 10px;
    border-radius: 50%;
    background:#f6f8fb;
}
.guider-box-detail-content {
    margin-top:10px;
    margin-left: 135px;
}
.guider-box-detail-content h4 {
    font-size: 18px;
}
.guider-box-detail-content p{
	margin-bottom:10px;
}
span.guider-status {
    padding: 4px 15px;
    border-radius: 2px;
    color: #ffffff;
    margin: 0 5px;
}
.pr-table {
    display: table;
    margin-top: 20px;
}
.pr-table ul {
    padding: 0;
    margin: 0;
}
.pr-table ul li {
    list-style: none;
    margin-bottom: 12px;
    font-size: 15px;
}
.pr-table ul li>strong {
    width: 120px;
	font-weight: 600;
    display: inline-block;
}
.pr-table ul li .t-type {
    color: #ffffff;
    padding: 3px 10px;
    border-radius: 2px;
    margin-right: 5px;
	font-size:13px;
}

/*------------ Travel Component: Review ------------*/
.review-box {
    display: table;
    width: 100%;
	margin-bottom:10px;
	padding-bottom:10px;
	position:relative;
}
.review-thumb {
    display: inline-block;
    float: left;
    width:70px;
    height:70px;
    padding: 5px;
    background:#f6f8fb;
    border-radius: 50%;
}
.review-user-info {
    display: table;
    margin-left: 90px;
}
.review-user-info h4 {
    font-size: 17px;
}
.reviewer-rate {
    position: absolute;
    right:20px;
    top:10px;
}
.reviewer-rate p{
	font-weight:600;
}
.reviewer-rate p>i{
	margin-right:5px;
}
.reviewer-rate p>span{
	font-weight:500;
}
.review-lc.text-right a {
    margin-left: 20px;
    color: #8998a7;
    font-size: 13px;
}
.review-lc.text-right a>i {
    margin-right:5px;
}
.review-box-content{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom: 1px dashed #f3f4f7;
}
.review-box-content p{
	font-size:13px;
}
#review_summary{
    text-align: center;
    padding: 20px 10px;
	color:#334e6f;
    -webkit-border-radius: 5px 5px 5px 0;
    -moz-border-radius: 5px 5px 5px 0;
    -ms-border-radius: 5px 5px 5px 0;
    border-radius: 5px 5px 5px 0;
}
#review_summary strong {
    font-size:60px;
    display: block;
    line-height: 1;
}
#review_summary em {
    font-style: normal;
    font-weight: 500;
    display: block;
}
#review_summary {
    text-align: center;
    padding: 20px 10px;
    background: #f4f5f7;
    -moz-border-radius: 5px 5px 5px 0;
    -ms-border-radius: 5px 5px 5px 0;
    border-radius: 5px 5px 5px 0;
}

/*----------------- Travel Component: Info Services -----------------*/
.info-services {
    position: relative;
    margin-bottom: 40px;
    padding: 30px 25px;
    background: #ffffff;
    box-shadow: 0 0 18px 0 rgba(12,99,255,.1);
	-webkit-box-shadow: 0 0 18px 0 rgba(12,99,255,.1);
	-moz-box-shadow: 0 0 18px 0 rgba(12,99,255,.1);
    border-radius: 6px;
}
.info-services img{
	max-width:55px;
	margin-bottom:5px;
}
.info-services i{
	font-size:40px;
	margin-bottom:10px;
}
.info-services .infobox_title{
	font-size:17px;
	margin-bottom:10px;
}

/*--------------- Travel Component: Info Features ----------------*/
.info-features{
	position:relative;
	margin-bottom:40px;
	padding:40px 20px;
	border-radius:10px;
	box-shadow:0 0 18px 0 rgba(12,99,255,.1);
	-webkit-box-shadow:0 0 18px 0 rgba(12,99,255,.1);
}

.info-features i{
	font-size:40px;
	margin-bottom:10px;
}
.info-features .info-ibox{
	font-size:25px;
	margin-bottom:10px;
	text-align:center;
	display:inline-block;
	line-height:50px;
	width:50px;
	height:50px;
	border-radius:4px;
}
.info-features .infobox_title{
	font-size:16px;
	margin-bottom:10px;
}

/*--------------- Travel Component: Module Features------------*/
.info-module{
	position:relative;
	margin-bottom:40px;
	padding:40px 15px;
	border-radius:10px;
	text-align:center;
	box-shadow:0 0 18px 0 rgba(12,99,255,.1);
	-webkit-box-shadow:0 0 18px 0 rgba(12,99,255,.1);
}

.info-module i{
	font-size:60px;
	display:inline-block;
	margin-bottom:15px;
}
.info-module .infobox_title{
	font-size:16px;
	margin-bottom:10px;
}


/*----------- Travel Component: Custom Login Page ------------------*/
.log-screen{
	background-size:cover;
	background-position:center;
}
.log-wrapper{
    margin: 0;
    z-index: 2;
	height:100vh;
	min-height:650px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
}
.log-wrapper label{
    color:#ffffff;
}
.log-wrapper .form-control {
    background:#ffffff;
    border: 1px solid #ffffff;
    border-radius:2px;
}
.btn.btn-dark {
    background: rgba(0,0,0,0.03);
    border: 1px solid rgba(255,255,255,0.05);
    padding: 12px 25px;
    font-size: 16px;
    color: #ffffff;
    box-shadow: 0px 5px 12px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 5px 12px 1px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}
.log-wrapper p {
    margin-top: 16px;
    color: rgba(255,255,255,0.7);
}
.log-wrapper p>a {
    color: rgba(255,255,255,1);
}
.log-wrapper .log-title{
	color:#ffffff;
	margin-bottom:20px;
}


/*------------------ Travel Component: Cart Page -------------------*/
.tg-cartproductdetail {
    padding: 0 0 20px;
    margin-bottom: 30px;
    box-shadow: 0 0 20px 0 rgba(62,28,131,0.1);
    border-radius: 6px;
	background: #ffffff;
}
.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 0px solid #eef3f7;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 2px 2px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #eef3f7;
}
.tg-cartproductdetail table tr th:first-child, .tg-cartproductdetail table tr td:first-child {
    width: 60%;
}
.tg-tourname {
    width: 100%;
    float: left;
    display: flex;
    padding: 0 0 0px;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    position: relative;
}
.tg-tourname figure {
    float: left;
    margin: 0 12px 0 0;
}
.tg-tourname .tg-populartourcontent {
    padding: 0;
    width: auto;
    float: none;
    overflow: hidden;
}
.tg-tourname .tg-populartourtitle {
    padding: 0 0 8px;
}
.tg-populartourtitle h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}
.tg-cartproductdetail table tr th, .tg-cartproductdetail table tr td {
    vertical-align: middle;
}
.tg-cartproductdetail .form-group {
    margin-bottom:0px;
}
.tg-cartproductdetail .form-control {
    height: 42px;
	margin-bottom:0px;
}

/*----------- Travel Component: Contact Form -------------*/
.form-box{
    background: #ffffff;
    display: block;
    border-radius: 2px;
    border: 1px solid #f0f3f7;
	padding:20px;
    margin-bottom: 30px;
}
.form-box .c-icon {
    font-size: 35px;
    float: left;
}
.form-box .c-detail {
    margin-left: 45px;
    display: table;
    position: relative;
    margin-top: -2px;
}
.form-box .c-detail p{
	margin:0;
}


/*----------- Travel Component: Gallery -------------*/

ul.gallery-list {
    display: table;
    width: 100%;
}
ul.gallery-list li {
    width: 33.333333%;
    display: inline-block;
    padding: 0 5px;
    margin: 0;
}
.listing-list-img, ul.gallery-list li a img {
    border-radius: 4px;
}


/*----------- Travel Component: Coming Soon -------------*/
.soon-wrapper{
	background:url(../img/coming-soon-2.png);
	background-size:cover;
	background-position:center;
	height:100vh;
	position: relative;
	min-height:650px;
}
.soon-wrapper .hero-img {
    position: absolute;
    left: 0;
    top: 0;
}

.soon-wrapper .content {
    position: relative;
    z-index: 10;
}

.coming-counter {
    text-align: center;
}
ul.countdown {
    margin: 0 0 20px 0;
    padding: 0;
}
ul.countdown li {
    list-style: none;
    width:100%;
    padding:40px 0 30px;
    display:table;
    background:#ffffff;
	color:#334e6f;
    text-align: center;
	box-shadow:0 0 20px 0 rgba(62,28,131,0.05);
	-webkit-box-shadow:0 0 20px 0 rgba(62,28,131,0.05);
	-moz-box-shadow:0 0 20px 0 rgba(62,28,131,0.05);
    border-radius: 4px;
    vertical-align: middle;
}
ul.countdown li p{
	margin-bottom:0;
}
ul.countdown li>span {
    font-size:45px;
    font-weight: 600;
}
.coming-soon .wow-form{
	background:#ffffff;
	border-radius:4px;
	box-shadow:0 0 20px 0 rgba(62,28,131,0.05);
	-webkit-box-shadow:0 0 20px 0 rgba(62,28,131,0.05);
	-moz-box-shadow:0 0 20px 0 rgba(62,28,131,0.05);
}

.coming-soon .wow-form input {
    background-color:#ffffff;
	border-radius:4px;
}
ul.coming-social li {
    display: inline-block;
    padding: 0 12px 0 0;
}
ul.coming-social li a {
    background: #ffffff;
    width: 42px;
    height: 42px;
    line-height: 42px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
}

.soon-wrapper img{
	max-width:200px;
	margin-bottom:10px;
}
.cl-yellow{
	color:#ffcc74
}


/*--------- Travel Component: Payment Success -----------*/
.success-wrap ul {
    padding: 0;
    margin: 0;
    text-align: left;
}
.success-wrap ul li {
    padding: 12px 0;
    font-size: 16px;
    list-style: none;
}
.success-wrap ul li:first-child {
    border-bottom: 1px solid #f0f1f3;
}

/*----------- Travel Component: About -----------*/
.ab-detail h2 {
    font-weight: 600;
    font-size: 50px;
    margin-bottom: 20px;
}
.ab-detail p{
	font-size:16px;
	line-height:1.9;
	font-family: 'Josefin Slab', serif;
}

/*-------------- Travel Component: Find Guide ------------*/
.guide-container{
	padding:25px;
	background:#ffffff;
	border-radius:4px;
	margin-bottom:30px;
	box-shadow:0 0 18px 0 rgba(12,99,255,.1);
	-webkit-box-shadow:0 0 18px 0 rgba(12,99,255,.1);
	-moz-box-shadow:0 0 18px 0 rgba(12,99,255,.1);
}

.guide-container-box{
	display:table;
	width:100%;
	padding:5px 0 15px;
	border-bottom:1px solid #f4f5f7;
}
.fguide-thumb{
	background:#f4f5f7;
	height:140px;
	width:140px;
	padding:10px;
	border-radius:50%;
	float:left;
}
.guide-container-links{
	padding:15px 0 0;
	display:table;
	width:100%;
}
.guide-container-links a{
	width:46%;
	margin:2%;
	display:inline-block;
}
.fguide-detail {
    display: table;
    margin-left: 160px;
}

/*-------------- Travel Component: payment Option ------------------*/
.payment-card {
    border-radius: 4px;
    padding: 18px 15px 15px;
    border: 1px solid #eaeff5;
    margin-bottom: 20px;
}
header.payment-card-header {
    display: inline-block;
    width: 100%;
}
.payment-card-title.flexbox {
    float: left;
}
header.payment-card-header .pull-right img {
    max-width: 100px;
}
.payment-card .collapse {
    padding: 20px 15px 10px;
}
.payment-card-title.flexbox h4 {
    margin: 0;
	font-size: 16px;
}
.include-features{
	margin-top:15px;
}
.features-tag {
    background-color: #eaedf3;
    border-radius: 0 2px 2px 0;
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2727272727;
    margin: 2px 15px 5px 0;
    padding: 3px 7px;
    position: relative;
}
.features-tag:before {
    border-top: 10px solid transparent;
    border-left: 9px solid #eaedf3;
    border-bottom: 10px solid transparent;
    height: 0;
    position: absolute;
    top: 0;
    right: -8px;
    width: 0;
}
.features-tag:after {
    background-color: #fff;
    border-radius: 50%;
    height: 4px;
    position: absolute;
    top: 8px;
    right: -2px;
    width: 4px;
}
.features-tag:after, .features-tag:before{
    content: "";
}
.payment-card .custom-checkbox input[type="checkbox"]:checked + label:after {
    top: 5px;
}

/*------------------- Travel Component: Dashboard Sidebar Nav ---------------------*/
.flex{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.dashboard-navigation .tab .nav-tabs{
    border:none;
}
.dashboard-navigation .nav-tabs>li {
    float:none;
	width:100%;
    margin-bottom:0px;
}
.dashboard-navigation button.btn.theme-btn {
    margin-top: 9px;
}
.dashboard-navigation .nav-tabs li a{
    padding:20px 40px;
	border:none;
    border-bottom:1px dashed #dee2ea;
    background:#ffffff;
    color: #334e6f;
    opacity: 0.7;
    border-radius: 0px;
    margin-right: 0px;
    font-weight:500;
    transition: all 0.3s ease-in 0s;
}
.dashboard-navigation .nav-tabs li a:hover{
    background:#ffffff;
    color:#ff4e00;
	opacity:1;
}
.dashboard-navigation .nav-tabs li a i{
    display: inline-block;
    text-align: center;
    margin-right:10px;
}
.dashboard-navigation .nav-tabs li:last-child a{
    border-bottom:none;
}
.dashboard-navigation .tab .nav-tabs li:last-child a:hover, .dashboard-navigation .tab .nav-tabs li:last-child a:focus {
    border-bottom:none;
	background: transparent;
}
.dashboard-navigation .nav-tabs li.active a,
.dashboard-navigation .nav-tabs li.active a:focus,
.dashboard-navigation .nav-tabs li.active a:hover{
    color:#ff4e00;
	opacity:1;
	background: transparent;
	border-bottom:1px dashed #dee2ea;
}
.dashboard-navigation .tab .tab-content{
    padding: 20px;
    line-height: 22px;
    box-shadow:0px 1px 0px #808080;
}
.dashboard-navigation .tab .tab-content h3{
    margin-top: 0;
}
@media only screen and (max-width: 767px){
    .dashboard-navigation .nav-tabs li{
        width:100%;
        margin-bottom: 10px;
    }
    .dashboard-navigation .nav-tabs li a{
        padding: 15px;
    }
    .dashboard-navigation .nav-tabs li.active a,
    .dashboard-navigation .nav-tabs li.active a:focus,
    .dashboard-navigation .nav-tabs li.active a:hover{
        padding: 15px;
        margin-top: 0;
    }
}

/*------------- Travel Component: Map Style --------------------*/
.mapzoom-in, .mapzoom-out {
    position: fixed;
    z-index: 100;
    top: 50%;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    color: #fff;
    line-height: 40px;
    margin-top: -20px;
	background: #313542;
	text-align: center;
    box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.4);
    -webkit-transform: translate3d(0,0,0);
}
#singleMap .mapzoom-in, #singleMap .mapzoom-out, .home-map .mapzoom-in, .home-map .mapzoom-out, .fw-map .mapzoom-in, .fw-map .mapzoom-out {
    position: absolute;
    right: 20px;
}
.mapzoom-in {
    margin-top: -80px;
}
.mapzoom-in:before, .mapzoom-out:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    content: "\f068";
}
.mapzoom-in:before {
    content: "\f067" !important;
}
.mapzoom-in:before, .mapzoom-out:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    content: "\f068";
}

/*=================================================================
	Dashboard Style 
================================================================*/
/*-------------------- Dashboard Style: Dashboard-----------------*/
.dashboard{
	padding-top:70px !important;
}
.dashboard .form-control {
    background: #eceff5;
    border: 1px solid #eceff5;
}
.dashboard-bg {
    background:#ffffff;
	box-shadow:0 2px 6px rgba(0,0,0,.05);
	-webkit-box-shadow:0 2px 6px rgba(0,0,0,.05);
	padding: 0;
}
#dashboard-menu li>a {
    padding: 12px 15px;
    color: #5f6e82;
    transition: all ease 0.4s;
    border-bottom: 1px dashed #e2e9f3;
}
#dashboard-menu li>a i {
    margin-right: 10px;
}
#dashboard-menu li.active>a {
    color: #ff4e00;
}
#dashboard-menu li>a:hover, #dashboard-menu li>a:focus {
    background: #ffffff;
    color: #ff4e00;
}
#dashboard-menu li ul {
    background:#eef2f7;
}
#dashboard-menu li ul li a{
	padding-left:25px;
	font-size:13px;
}
.dashboard-title {
    margin: 0;
    padding: 5px 0;
    font-size: 22px;
    font-weight: 600;
}
div#profile-div {
    overflow: hidden;
    max-width: 302px;
}
label {
    font-weight: 500;
}
.arrow {
    float: right;
    line-height: 20px;
}
.fa.arrow:before {
    content: "\f104";
}
.active > a > .fa.arrow:before {
    content: "\f107";
}
@media (min-width: 768px){
.sidebar-collapse.collapse {
    display: block!important;
    height: auto!important;
    padding-bottom: 0;
    overflow: visible!important;
}
}
.navbar-nav>li.dash-link>a {
    font-weight: 600 !important;
}
.navbar-nav>li.dash-link>a img{
    margin-right:12px;
}

/*---------- Dashboard Style: Dshboard Profile ----------*/
.profile-wrapper {
    padding: 40px 0;
    text-align: center;
}
.profile-wrapper-thumb {
    max-width: 120px;
    margin: 0 auto;
    display: table;
    padding: 8px;
    position: relative;
    background: rgb(238, 242, 247);
    border-radius: 50%;
}
.profile-wrapper h4 {
    font-size: 17px;
    font-weight: 500;
}
span.dashboard-user-status {
    position: absolute;
    right: 0px;
    top: 50%;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.5);
}
/*------------- Dashboard Style: Booking ---------------*/
.dasboard-prop-listing {
    margin-bottom: 30px;
    background-color: #fff;
    float: left;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    border: 1px solid #e8ebf0;
    overflow: hidden;
    max-width: 400px;
}

.dasboard-prop-listing {
    max-width: 100%;
    min-height: 255px;
}
.blog_listing_image {
    float: left;
    display: inline;
}
.book_image {
    margin: 0 15px 0 0;
    width: 320px;
}
.dasboard-prop-listing .prop-info {
    flex-wrap: wrap;
    display: flex;
}
.dasboard-prop-listing .prop-info {
    display: block;
    width:50%;
    margin-bottom: 20px;
}
.listing_title_book {
    padding-left: 20px;
    margin-bottom: 10px;
    margin-top: 13px;
    font-weight: 600;
    font-size: 18px;
}
.user_dashboard_listed {
    padding-left: 20px;
    margin-bottom: 7px;
    line-height: 1.6em;
    font-size: 13px;
    display: block;
    color:#7d8596;
    font-size: 14px;
    font-weight: 500;
}
.dasboard-prop-listing .user_dashboard_listed {
    width: 100%;
}
.info-container_booking {
    float: left;
    position: relative;
    background-color: #f4f6f9;
    width: 100%;
}
.booking-pending{
    background-color:#e0e5ec;
    padding: 5px 10px;
    margin-top: 0;
    padding: 13px 15px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 3px;
}
.booking-cancel, .cancel_own_booking, .delete_invoice, .delete_booking {
    background:#f11e40;
    color: #fff!important;
    cursor: pointer;
    margin-top: 0;
    padding: 13px 15px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: 2px;
}
.booking-success {
    background: #3eb74d;
    color: #fff!important;
    margin-top: 0;
    padding: 13px 15px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: 2px;
}
.booking-detail {
    background: #b9cce8;
    color: #546a7d!important;
    cursor: pointer;
    margin-top: 0;
    padding: 13px 15px;
	float:left;
    font-size: 14px;
    font-weight: 600;
    border-radius: 2px;
	margin: 15px 5px;
}
.info-container_booking span, .info-container_booking a {
    float: left;
    display: inline-block;
    margin: 15px 5px;
}
.info-container_booking span:first-child {
    margin-left: 15px;
}
/*----------- Dashboard Style: Recent Booking 2 -----------*/
table.table-striped tbody tr:nth-of-type(odd) {
    background-color: #EAEAEA;
}
table.table.table-lg tr th, table.table tr td {
    border-color: #B2B6BA;
    padding: 5px 5px;
    vertical-align: middle;
    font-size: 16px;
}
.bk-thumb {
    float: left;
    width: 36px;
    height: 36px;
    background:#ffffff;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px;
    position: relative;
}
.bk-thumb .bk-status {
    position: absolute;
    right: -2px;
    top: 4px;
}
.bk-thumb .bk-status.approve>i{
	color:#00c94a;
}
.bk-thumb .bk-status.pending>i{
	color:#ffaa26;
}
.bk-thumb .bk-status.cancel>i{
	color:#f54242;
}
table.table td img {
    margin-right:0px;
    float: left;
}
table.table .custom-checkbox {
    position: relative;
    top: -10px;
}
table.table td>a>span {
    display: block;
    font-weight:600;
    font-size: 12px;
}
table.table td .tbl-action {
    width: 30px;
    height: 30px;
    background: #d7dfea;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    color: #6b7482;
	margin:4px;
}
table.table td .tbl-action.bg-danger{
	color:#ffffff;
}
table.table span.seprate {
    font-weight: 500;
    margin: 0 5px;
}
table.table b, table.table strong {
    font-weight: 600;
}

/*--------- Dashboard Style: Invoice ---------------*/
p#invoice-info {
    text-align: right;
}

/*---------------------- Dashboard Style: Payment Option----------------*/
.pay-integration{
    line-height: 1.375;
	padding:30px 20px;
    -webkit-box-shadow: 0 0 20px 0 rgba(62,28,131,0.1);
    box-shadow: 0 0 20px 0 rgba(62,28,131,0.1);
    background: #FFF;
    font-size: 16px;
    background: #ffffff;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}
.pay-inte-thumb {
    display: table;
    margin: 20px auto 40px auto;
}
.pay-inte-thumb img{
    max-height:80px;
}
.pay-integration h5 {
    font-size: 16px;
    font-weight: 600;
}
.pay-integration p {
    font-size:13px;
}
.pay-integration .btn{
	margin-top:15px;
}

/*------------- Dashboard Style: Home Dashboard --------------*/
.widget {
    background: #ffffff;
    margin-bottom: 25px;
    border-radius: 4px;
    padding: 25px 0;
	box-shadow:0 0 20px 0 rgba(62,28,131,0.1);
	-webkit-box-shadow:0 0 20px 0 rgba(62,28,131,0.1);
}
.widget .widget-detail {
    width: 100%;
    display: inline-block;
    border-left: 1px solid #eceef3;
    padding-left: 15px;
}
.widget.simple-widget i.icon {
    font-size: 40px;
    line-height: 47px;
    text-align: center;
    display: block;
}
.widget .widget-detail h3 {
    margin: 0;
    line-height: 1;
    font-size: 27px;
}
.widget-line {
    margin: 10px 10px 0px 10px;
    background: #e6e9ef;
}
.widget-line .widget-horigental-line {
    height: 3px;
    position: relative;
    display: block;
    border-radius: 10px;
}

/*----------- Dashboard Style: Recent Booking -----------*/
.ground {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}
.ground-list {
    -ms-touch-action: auto;
    touch-action: auto;
    overflow: hidden!important;
    -ms-overflow-style: none;
}
.ground-single-list {
    -webkit-box-align: center;
    align-items: center;
}
.ground-single-list {
    padding: 16px 10px;
    border-bottom: 1px solid #eaeff5;
}
.ground>* {
    margin: 0 6px;
}
.ground-single-list a {
    position: relative;
}
.ground-avatar {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
    background-color: #f5f6f7;
    text-transform: uppercase;
    color: #677897;
}
.ground-content {
    -ms-flex: 1;
    flex: 1;
}
.btn-circle-40 {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
}
.ground-content h6{
	margin-bottom:0;
}
.btn-bs-file input[type="file"] {
    display: inline-block;
}
label.btn-bs-file.btn {
    width: 100%;
    background: #fbfdff;
    border: 1px solid #e8eef1;
}

/*----------- Dashboard Style: Inbox -----------*/
.inbox-message ul {
    padding: 0;
    margin: 0;
}
.inbox-message ul li {
    list-style: none;
	position: relative;
    padding: 15px 20px;
	border-bottom: 1px solid #e8eef1;
}
.inbox-message ul li:hover, .inbox-message ul li:focus {
    background: #eff6f9;
}
.inbox-message .message-avatar {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
}
.message-avatar img {
    display: inline-block;
    width: 54px;
    height: 54px;
    border-radius: 50%;
}
.inbox-message .message-body {
    margin-left: 85px;
    font-size: 15px;
    color:#62748F;
}
.message-body-heading h5 {
    font-weight: 600;
	display:inline-block;
    color:#62748F;
    margin: 0 0 7px 0;
    padding: 0;
}
.message-body h5 span {
    border-radius: 50px;
    line-height: 14px;
    font-size: 12px;
    color: #fff;
    font-style: normal;
    padding: 4px 10px;
    margin-left: 5px;
    margin-top: -5px;
}
.message-body h5 span.unread{
	background:#e61b55;	
}
.message-body h5 span.important{
	background:#dd2027;	
}
.message-body h5 span.pending{
	background:#2196f3;	
}
.message-body-heading span {
    float: right;
    color:#62748F;
    font-size: 14px;
}
.messages-inbox .message-body p {
    margin: 0;
    padding: 0;
    line-height: 27px;
    font-size: 15px;
}

/*------------ Dashboard Style: Add Listing ----------*/
#msform {
	position: relative;
}
#msform fieldset {
	border: 0 none;
	box-sizing: border-box;
}
#msform fieldset:not(:first-of-type) {
	display: none;
}
#msform .action-button {
	width: 100px;
	background: #27AE60;
	font-weight: bold;
	color: white;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 5px;
}
#msform .action-button:hover, #msform .action-button:focus {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
}
.fs-title {
	font-size: 15px;
	text-align:center;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.fs-subtitle {
	font-weight: normal;
	font-size: 13px;
	text-align:center;
	margin-bottom: 20px;
	margin-top: 0;
}
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	counter-reset: step;
	text-align: center;
}
#progressbar li {
	list-style-type: none;
	text-transform: uppercase;
	font-size:11px;
	width: 33.33%;
	float: left;
	position: relative;
}
#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 20px;
    line-height: 20px;
    display: block;
    font-size: 10px;
    color: #566373;
    background: #e0e5ec;
    border-radius: 3px;
    margin: 0 auto 5px auto;
    font-weight: 600;
}
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: white;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1;
}
#progressbar li:first-child:after {
	content: none;
}
#progressbar li.active:before, #progressbar li.active:after {
	background: #27AE60;
	color: white;
}
.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 50px;
    margin-bottom: 0;
}
.custom-file-input {
    min-width: 14rem;
    max-width: 100%;
    height: calc(2.25rem + 2px);
    margin: 0;
    opacity: 0;
}
[role=button], a, area, button, input:not([type=range]), label, select, summary, textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
.cf-input{
	position:relative;
	height:50px;
	margin-bottom: 10px;
}
.custom-file-control {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 50px;
    padding: 1.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
.custom-file-control:before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 6;
    display: block;
    height: 50px;
    padding: 1.375rem 1.75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0 .25rem .25rem 0;
}
.custom-file-control:before {
    content: "Browse";
}
.custom-file-control:after {
    content: "Choose Logo...";
}
input[type="hidden" i], input[type="image" i], input[type="file" i] {
    -webkit-appearance: initial;
    background-color: initial;
    cursor: default;
    padding: initial;
    border: initial;
}
ul.add-amenities {
    margin: 0;
    padding: 0;
	display:table;
}
ul.add-amenities li{
    list-style:none;
	margin-bottom: 5px;
}
ul.add-amenities li {
    list-style: none;
    width: 33.3333%;
    display: inline-block;
}
p#invoice-info {
    text-align: right;
}

/*----------- Work Process -----------*/

.pss-item{
    display: block;
    position: relative;
    float: left;
    margin: 15px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 30px 25px;
    padding-top: 45px;
    border: none;
    border-radius: 0;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;

}
.pss-item:before {
    content: '';
    width: 36px;
    height: 36px;
    background: #fff;
    	background-color: #25b15f;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -18px;
    -webkit-transition: .3s cubic-bezier(0.3,0.58,0.55,1);
    transition: .3s cubic-bezier(0.3,0.58,0.55,1);
}
.pss-step-number {
    display: block;
    position: absolute;
    margin-bottom: 0;
    line-height: 1;
    top: 10px;
    left: 50%;
    font-weight: 700;
    margin-left: -18px;
    width: 36px;
    height: 36px;
    text-align: center;
}
.pss-step-number:before{
    content: '';
	width: 76px;
    height: 76px;
    opacity: .2;
    margin-left: -38px;
    top: -20px;
    z-index: -1;
	background:#25b15f;
    border: 2px solid transparent;
    border-radius: 50%;
    position: absolute;
	}

.pss-step-number span {
    position: relative;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
    display: block;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    color: #fff;
    line-height: 36px;
}
.pss-step-number span:before {
    width: 56px;
    height: 56px;
    top: -10px;
    margin-left: -28px;
    opacity: .4;
	z-index:-1;
	background-color: #25b15f;
	left: 50%;
	border: 2px solid transparent;
    border-radius: 50%;
    position: absolute;
	content: '';
}
.pss-text-area {
    padding-top: 50px;
    border-radius: 7px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    text-align: center;
    padding-bottom: 0;
}
.pss-container:before {
    display: block;
    width: 60%;
    height: 1px;
    position: absolute;
    content: '';
    border-bottom: 1px solid rgba(132,132,132,.2);
    top: 28px;
    left: 74%;
}
.pss-container.last:before{
	display:none;
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}

