/*Table Content
==========================
    # General
        -Fonts
    # Links
	# Images
	# Lists
		- footer-links
		- socail-list
		- Rate List
	# Headings
		- Buttons
	# Forms
	# Tables
	# Tabs
	# Accordion
	# Misc
		- map
		- Breadcrumb
		- owl-carousel
		- Page Overlay
		- Side Menu
		- Menu Button
		- Side Menu Cart
	# Widgets
		- cart-item-widget
		- Side-Widget
	# Section-Settings
	# Header
	# Footer
	# home-slider
	# Home Page
	# offer Item
	# offer Page
	# offer Calender Page
	# Bill Page
	# Login Reeg Page
	# Profile Pages

*/


/* General
===============================*/
*, *:focus {
	outline: none!important;
}

*{
    box-sizing: border-box
}
/*Fonts*/
@font-face {
    font-family: 'Swissra-Bold';
    src: url(../vendor/fonts/Swissra-Bold.otf);
}
@font-face {
    font-family: 'Swissra-Normal';
    src: url(../vendor/fonts/Swissra-Normal.otf);
}
@font-face {
    font-family: 'Swissra-Medium';
    src: url(../vendor/fonts/Swissra-Medium.otf);
}
@font-face {
    font-family: 'DIN-NEXT-BOLD';
    src: url(../vendor/fonts/DIN-NEXT-BOLD.otf);
}
@font-face {
    font-family: 'DIN-NEXT-MEDIUM';
    src: url(../vendor/fonts/DIN-NEXT-MEDIUM.otf);
}
@font-face {
    font-family: 'DIN-NEXT-REGULAR';
    src: url(../vendor/fonts/DIN-NEXT-REGULAR.otf);
}

body{
	position: relative;
    background-color: #fff;
    font-size: 14px;
    line-height: 24px;
    font-family: 'DIN-NEXT-MEDIUM';
    overflow-x: hidden;
}
.wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.fixed-header .main {
	margin-top: 30px;
    position: relative
}
@media(max-width:991px){
    .fixed-header .main {
        margin-top:100px;
    }
}
.page-content{
    position: relative
}
.page-content:before{
    position: absolute;
    content: "";
    width: 160px;
    height: 132px;
    background-image: url(../images/pattern.png);
    bottom: 0;
    right: 0;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    opacity: .15;
}
/* Links
==========================*/
a, a:hover, a:focus{
    text-decoration: none;
}

/* Images
==========================*/
img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Lists 
========================== */
ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}
/*footer-links*/
ul.footer-links{
    overflow: hidden;
}
ul.footer-links > li {
    display: block;
	float: right;
    width: 50%;
    margin-bottom: 5px;
}
ul.footer-links > li > a {
	display: block;
	line-height: 34px;
	font-size: 15px;
	color: #616161;
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
	        transition: all 0.4s;
}
ul.footer-links > li:hover > a {
	color: #fac200;
}
/* Contact-List */
ul.contact-list{
    overflow: hidden;
    position: relative;
}
ul.contact-list > li{
    color: #fff;
    display: inline-block;
    margin-left: 70px;
    line-height: 40px;
    font-size: 16px;
    font-family: 'DIN-NEXT-MEDIUM';
}
ul.contact-list > li a {
    color: #fff;
}
ul.contact-list > li:last-child{
    margin-left: 0;
}
ul.contact-list > li i{
    margin-left: 5px;
}
/* Social-List */
.social-list{
    float: left;
    margin-top: 7px;
}
.social-list a{
    display: inline-block;
    margin-right: 5px;
}
.social-list a:first-child{
    margin-right: 0;
}


.social-list a > i{
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #e4e4e4;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.social-list > a:hover{
    color: #fff;
}
.social-list a:hover i{
    background-color: #fac200;
}

/*Rate List*/
.rating{
    margin: 5px 0;
}
 ul.rate-list{
    display: inline-block;
    margin-left: 10px;
}
ul.rate-list li{
    display: inline-block;
    font-size: 15px;
	background: none;
}
ul.rate-list li.colored{
    color: #ffb624;
}
.rating span.rate-num{
	font-family: 'DIN-NEXT-MEDIUM';
	font-size: 17px;
	color: #ffb624;
	margin-left: 5px;
}
.rating span.rate-of{
	font-family: 'DIN-NEXT-MEDIUM';
	font-size: 16px;
	color: #939393;
}

/* Important-Links */
.important-links{}
.important-links > li{}
.important-links > li > a{
    position: relative;
    color: #fff;
    font-size: 15px;
    line-height: 32px;
    padding-right: 12px;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
.important-links > li> a:hover {
    margin-right: 5px;
}
.important-links > li > a:before{
    position: absolute;
    content: "\f104";
    font-family: fontawesome;
    right: 0;
    top: -5px;
}

/* Subscribe-Form */
.subscribe-form {
    position: relative;
}
.subscribe-form .form-control {
    color: #8391a8;
    background-color: transparent;
    height: 50px;
    border-radius: 0;
    border: 2px solid #fff;
}
.subscribe-form .subscribe-btn {
    border: none;
    box-shadow: none; 
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    padding: 0 12px;
    color: #333;
    background-color: #fff;
    font-family: 'DIN-NEXT-MEDIUM';
}

.subscribe-form .form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #fff;
}
.subscribe-form .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
}
.subscribe-form .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
}
.subscribe-form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}
.subscribe-form .form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}


/* Headings 
========================== */
h1, h2, h3, h4, h5, h6 {
    margin: 0;
}
.title {
    font-family: 'Swissra-Medium';
	line-height: 35px;
    font-size: 22px;
	color: #333;
}
.title-sm {
	font-size: 20px;
}

/* Buttons
========================*/
.custom-btn {
    background-color: #fac200;
    color: #fff;
    border-radius: 35px;
    text-align: center;
    font-family: 'Swissra-Bold';
    padding: 11px 20px;
    border: none;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
.custom-btn:hover,
.custom-btn:focus{
    background-color: #fff;
    color: #fac200;
}

/* Forms
========================== */
.form-group{
    position: relative;
    margin-bottom: 25px;
}
.form-group > label{
	display: block;
    position: relative;
	line-height: 30px;
	margin-right: 20px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #777;
}
.form-group > label:before{
    content: " ";
    position: absolute;
    width: 10px;
    height: 0;
    border: 1px solid #777;
    right: -18px;
    top: 15px;
}
.form-group .form-control{
    height: 46px;
    background-color: #f9fafa;
    color: #575757;
    border: 1px solid #e5e5e5;
    border-radius: 35px;
    padding: 0 20px;  
	font-size: 17px;
	font-family: 'DIN-NEXT-REGULAR';
	word-spacing: 1px;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}
.form-group textarea.form-control {
	height: auto;
	min-height: 90px;
	border-radius: 10px;
	resize: none;
	padding-top: 8px;
	padding-right: 10px;
}
.form-group .form-control:focus{
    box-shadow: none;
    border: 1px solid #fac200;
}
.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #777;
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #777;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #777;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #777;
}
.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #777;
}
/*Subscribe Form*/
.form-subscribe .form-group{
    margin-bottom: 20px;
	margin-top: 15px;
}
.form-subscribe .form-group .form-control{
    background-color: #fff;
    display: inline-block;
    width: 75%;
    vertical-align: middle;
}
.form-subscribe .form-group .custom-btn{
    display: inline-block;
    width: 20%;
    vertical-align: middle;
    margin-right: 5px;
	padding: 11px 20px;
}
.form-subscribe .form-group .form-control::placeholder{
    color: #c6c6c6
} 

.radio-check-item input[type="radio"],
.radio-check-item input[type="checkbox"]{
    display: none;
}
.radio-check-item input[type="radio"] + label,
.radio-check-item input[type="checkbox"] + label{
    position: relative;
    margin: 0;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    display: block;
	line-height: 30px;
    padding-right: 35px;
    text-transform: capitalize;
}
.radio-check-item input[type="radio"] + label::before,
.radio-check-item input[type="checkbox"] + label::before{
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
	line-height: 20px;
    border-radius: 0;
    background-color: #fac200;
    top: 6px;
    right: 0px;
    font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    text-align: center;
    
}
.radio-check-item input[type="radio"] + label::before {
	border-radius: 100%;
}
.radio-check-item input[type="radio"]:checked + label,
.radio-check-item input[type="checkbox"]:checked + label{
    color: #333;
}
.radio-check-item input[type="radio"]:checked + label::before,
.radio-check-item input[type="checkbox"]:checked + label::before{
    content: "\f00c";
    font-size: 10px;
    color: #fff;
}

.classic-input .btn-group {
	display: block;
}

.classic-input button.multiselect {
	display: block;
    float: none;
	width: 100%;
    height: 46px;
	border: 1px solid #e5e5e5;
	border-radius: 35px;
    background-color: #f9fafa;
    color: #575757;
    padding: 0 20px;
    font-size: 17px;
    font-family: 'DIN-NEXT-REGULAR';
    word-spacing: 1px;
	text-align: right;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.classic-input button.multiselect b.caret {
	display: none;
}

.classic-input .multiselect-container {
	top: 50px;
	width: 100%;
	max-height: 200px;
	overflow-y: auto;
}
.classic-input .multiselect-container > li {
	margin-bottom: 3px;
}
.classic-input .multiselect-container > li > a > label > input {
    display: none;
}

.classic-input .multiselect-container > li > a > label {
    position: relative;
    margin: 0;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    display: block;
	line-height: 35px;
    padding-right: 45px;
    text-transform: capitalize;
}
.classic-input .multiselect-container > li > a > label::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
	line-height: 20px;
    border-radius: 0;
    background-color: #fac200;
    top: 11px;
    right: 15px;
    font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    text-align: center;
}
.classic-input .multiselect-container > li.active > a > label::before{
    content: "\f00c";
    font-size: 10px;
    color: #fff;
}
.classic-input .multiselect-container.dropdown-menu > li > a:hover,
.classic-input .multiselect-container.dropdown-menu > .active > a, 
.classic-input .multiselect-container.dropdown-menu > .active > a:hover, 
.classic-input .multiselect-container.dropdown-menu > .active > a:focus {
	background: #fbfbfb;
}
.classic-input .multiselect-container > .multiselect-group > a > label,
.classic-input .multiselect-container.dropdown-menu > .disabled > a, 
.classic-input .multiselect-container.dropdown-menu > .disabled > a:hover, 
.classic-input .multiselect-container.dropdown-menu > .disabled > a:focus {
	background: #f0f0f0;
}
.classic-input .multiselect-container > .multiselect-group > a > label,
.classic-input .multiselect-container > li.disabled a > label {
	padding-right: 15px;
}
.classic-input .multiselect-container > .multiselect-group > a > label:before,
.classic-input .multiselect-container > li.disabled a > label::before {
	display: none;
}
.classic-input .multiselect-container.dropdown-menu > .multiselect-all > a, 
.classic-input .multiselect-container.dropdown-menu > .multiselect-all > a:hover, 
.classic-input .multiselect-container.dropdown-menu > .multiselect-all > a:focus {
	background: #fff;
}

/*Tables
==========================*/
.table-wrap {
	overflow-x: auto;
	
}
.table {
	min-width: 600px;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 10px;
	border: 1px solid #f5f5f5;
	border-top: 1px solid #ddd;
}
.table {
	min-width: 705px;
}
.table > thead {
	background: #eaeaea;
    background-size: auto auto;
	background-size: contain;
}
.table > thead > tr > th {
    font-family: "DIN-NEXT-MEDIUM";
	font-weight: normal;
	color: #757575;
    line-height: 44px;
	color: #757575;
	font-size: 15px;
    text-align: center;
	border: 1px solid #ddd;
	padding: 5px;
}

.table tbody {
	background: #fff;
}
.table tbody tr{
    border-bottom: 1px solid #f1f1f1;
}
.table tbody tr:nth-child(even){
	background: #f9f9f9;
}
.table tbody tr:last-child{
    border-bottom: 0;
}
.table > tbody > tr > td {
    text-align: center;
	line-height: 30px;
	padding: 5px;
	font-size: 15px;
	font-weight: bold;
	border: 1px solid #ddd;
	vertical-align: middle;
    font-family: "DIN-NEXT-REGULAR"
}



.table-services .tb-serv-img {
	width: 11%;
}
.table-services .tb-serv-img img{
	margin: 0 auto;
	width: 70px;
	height: 70px;
}
.table-services .tb-serv-name {
	width: 30%;
}
.table-services .tb-serv-rate {
	width: 15%;
}
.table-services .tb-serv-rate ul.rate-list li {
	font-size: 13px;
}
.table-services .tb-serv-time {
	width: 13%;
}
.table-services tbody .tb-serv-time {
	font-family: 'DIN-NEXT-MEDIUM';
}
.table-services .tb-serv-time span {
	font-family: 'Swissra-Normal';
}

.table-services .tb-serv-price {
	width: 13%;
}
.table-services tbody .tb-serv-price {
	font-family: 'DIN-NEXT-MEDIUM';
}
.table-services .tb-serv-price span {
	font-family: 'Swissra-Normal';
}

.table-services .tb-serv-cart {
	width: 18%;
}
.table-services .tb-serv-cart .add-srvcart {
	display: block;
	margin: auto;
	width: 33px;
	height: 33px;
	line-height: 33px;
	border-radius: 100%;
	background: #fac200;
	color: #fff;
	font-size: 15px;
	
}



.table.table-beck > tbody > tr > td {
	padding: 18px 5px;
}
.table-beck .tb-beck-info {
	width: 52%;
}
.table-beck .tb-beck-info ul.rate-list li {
	font-size: 13px;
}
.table-beck .tb-beck-info ul.rate-list {
	margin: 0 10px 0 0;
}

.table-beck .tb-beck-info p {
	
}
.table-beck .tb-beck-info p span {
	display: inline-block;
	color: #999;
    background: #f8f8f8;
	font-size: 13px;
	line-height: 27px;
    text-align: center;
    padding: 4px 10px;
    margin-bottom: 4px;
    border-radius: 4px;
}

.table-beck .tb-beck-time {
	width: 13%;
}
.table-beck tbody .tb-beck-time {
	font-family: 'DIN-NEXT-MEDIUM';
}
.table-beck .tb-beck-time span {
	font-family: 'Swissra-Normal';
}

.table-beck .tb-beck-price {
	width: 17%;
}
.table-beck tbody .tb-beck-price {
	font-family: 'DIN-NEXT-MEDIUM';
}
.table-beck .tb-beck-price span {
	font-family: 'Swissra-Normal';
}
.table-beck tbody .tb-beck-price p {
	display: inline-block;
	margin-bottom: 0px;
}
.table-beck tbody .tb-beck-price p.old {
	font-size: 12px;
	text-decoration: line-through;
	color: #dd4b7c;
}

.table-beck .tb-beck-cart {
	width: 18%;
}
.table-beck .tb-beck-cart .add-srvcart {
	display: block;
	margin: auto;
	width: 33px;
	height: 33px;
	line-height: 33px;
	border-radius: 100%;
	background: #fac200;
	color: #fff;
	font-size: 15px;
	
}


.table.table-orders,
.table.table-orders > thead > tr > th,
.table.table-orders > tbody > tr > td {
	border: 1px solid #eee;
}
.table.table-orders thead {
	background: #fbfbfb;
}
.table.table-orders tbody td {
	padding: 10px 0;
}
.table.table-orders .order-date {
	width: 14%;
}
.table.table-orders .order-number {
	width: 25%;
}
.table.table-orders .order-price {
	width: 13%;
}
.table.table-orders .order-status {
	width: 15%;
}
.table.table-orders .order-rate {
	width: 13%;
}
.table.table-orders .order-desc {
	width: 20%;
}


.table.table-orders tbody .order-date, 
.table.table-orders tbody .order-price {
    font-family: 'DIN-NEXT-REGULAR';
}
.table.table-orders tbody .order-stat {
	display: inline-block;
	margin: 0;
}
.table.table-orders tbody .offer-stat {
	display: inline-block;
	margin: 0;
}
.table.table-orders tbody ul.rate-list {
	margin: 0;
}
.table.table-orders tbody ul.rate-list li {
    font-size: 11px;
}
.table.table-orders tbody .order-stat:before {
	content: "";
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	top: 2px;
	background: #fac200;
	border-radius: 100%;
	margin-left: 5px;
}
.table.table-orders tbody .order-stat.waiting:before {
	background: #dd4b7c;
}

.table.table-orders tbody .offer-stat:before {
	content: "";
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	top: 2px;
	background: #fac200;
	border-radius: 100%;
	margin-left: 5px;
}
.table.table-orders tbody .offer-stat.waiting:before {
	background: #dd4b7c;
}

.table.table-orders tbody .order-detail {
	display: inline-block;
	background: #fac200;
	padding: 0 13px;
	border: none;
	border-radius: 20px;
	line-height: 32px;
	color: #fff;
	font-size: 13px;
	margin: 2px 0;
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
       	    transition: all 0.4s;
}

.table.table-orders tbody .order-detail.edit-order {
	background: #337ab7;
	
}
.table.table-orders tbody .order-detail.del-order {
	background: #dd4b7c;
	
}


.table.table-orders tbody .order-detail:hover {
	background: #76518C;
}
.table.table-orders tbody .order-detail.edit-order:hover {
	background: #1e65a2;;
}
.table.table-orders tbody .order-detail.del-order:hover {
	background: #ca3869;
}




/* invoice table

=====================*/

.table.table-invoices,
.table.table-invoices > thead > tr > th,
.table.table-invoices > tbody > tr > td {
	border: 1px solid #eee;
}
.table.table-invoices thead {
	background: #fbfbfb;
}
.table.table-invoices tbody td {
	padding: 10px 0;
}
.table.table-invoices .invoice-date {
	width: 14%;
}
.table.table-invoices .invoice-name {
	width: 25%;
}
.table.table-invoices .invoice-price {
	width: 13%;
}
.table.table-invoices .invoice-status {
	width: 15%;
}
.table.table-invoices .invoice-rate {
	width: 13%;
}
.table.table-invoices .invoice-desc {
	width: 20%;
}


.table.table-invoices tbody .invoice-date, 
.table.table-invoices tbody .invoice-price {
    font-family: 'DIN-NEXT-MEDIUM';
}
.table.table-invoices tbody .invoice-stat {
	display: inline-block;
	margin: 0;
}
.table.table-invoices tbody ul.rate-list {
	margin: 0;
}
.table.table-invoices tbody ul.rate-list li {
    font-size: 11px;
}
.table.table-invoices tbody .invoice-stat:before {
	content: "";
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	top: 2px;
	background: #fac200;
	border-radius: 100%;
	margin-left: 5px;
}
.table.table-invoices tbody .invoice-stat.waiting:before {
	background: #dd4b7c;
}

.table.table-invoices tbody .invoice-detail {
	display: inline-block;
	background: #fac200;
	padding: 0 13px;
	border: none;
	border-radius: 20px;
	line-height: 32px;
	color: #fff;
	font-size: 13px;
	margin: 2px 0;
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
       	    transition: all 0.4s;
}

.table.table-invoices tbody .invoice-detail.edit-invoice {
	background: #337ab7;
	
}
.table.table-invoices tbody .invoice-detail.del-invoice {
	background: #dd4b7c;
	
}


.table.table-invoices tbody .order-detail:hover {
	background: #76518C;
}
.table.table-invoices tbody .order-detail.edit-invoice:hover {
	background: #1e65a2;;
}
.table.table-invoices tbody .invoice-detail.del-invoice:hover {
	background: #ca3869;
}










/* Tabs
==========================*/
.nav-tabs{
    border: none;
    margin-bottom: 15px;
}
.nav-tabs > li {
    width: 100%;
    border: none;
    background-color: #eaeaea;
    border-radius: 35px;
    height: 45px;
    line-height: 45px;
    margin-bottom: 10px;
}
.nav-tabs > li.active,
.nav-tabs > li:hover,
.nav-tabs > li:focus {
    background-color: #fac200;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.nav-tabs > li.active:before{
    content: " ";
    position: absolute;
    left: -37px;
    top: 20px;
    width: 15px;
    height: 14px;
    background-color: #fff;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    transform: rotate(46deg);
    z-index: 1;
}
.nav-tabs > li > a {
	font-family: 'Swissra-Medium';
    color: #757575;
    line-height: 25px;
	font-size: 15px;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
    background-color: transparent; 
    border-color: transparent;
    color: #fff;
}
.nav-tabs > li > a > i{
    margin-left: 5px;
}
@media(max-width:991px){
    .nav-tabs > li {
        width: 49%;
        margin-left: 10px;
    }
    .nav-tabs > li:last-child{
        margin-left: 0;
    }
    .nav-tabs > li.active:before{
        left: 50%;
        top: 38px;
        background-color: #fac200;
        transform: rotate(137deg);
    }
}
@media(max-width:550px){
    .nav-tabs > li {
        width: 100%;
        margin-left: 0;
    }
    .nav-tabs > li.active:before{
        display: none;
    }
}

/* Accordion
===============================*/
.toggle-container .panel {
    position: relative;
	margin-bottom: 5px;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	    -ms-box-shadow: none;
	     -o-box-shadow: none;
	        box-shadow: none;
}
.toggle-container .panel > a {
	font-family: 'Swissra-Medium';
	color: #757575;
	font-size: 15px;
    position: relative;
	display: block;
	padding: 13px 15px; 
    line-height: 24px;
    background: #eaeaea;
}
.toggle-container .panel > a:before {
	display: block;
	content: "\f068";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 16px;
	line-height: 24px;
	font-size: 10px;
	float: left;
	width: 24px;
	height: 24px;
	text-align: center;
	color: #fff;
	background: #fac200;
	border-radius: 50%; 
	transition: all 0.4s ease;
}
.toggle-container .panel > a.collapsed {
    background:#eaeaea; 
    color: #757575;
}
.toggle-container .panel > a.collapsed:before {
	content: "\f067";
	color: #fac200;
	background: #fff; 
}
.toggle-container .panel .panel-content {
	padding: 20px 10px;
}


/*Misc
=============================*/
.margin-top-20 {
	margin-top: 20px;
}
.margin-bottm-30 {
	margin-bottom: 30px;
}
.padding-10 {
	padding: 10px!important;
}
.no-padding {
	padding: 0!important;
}
.text-left {
	text-align: left;
}
.white-box{
    position: relative;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 15px;
}

/* Map */
.map-wrap {
    background: #fff;
    border-radius: 3px;    
    margin-bottom: 25px;
}
.map-wrap #map {
    position: relative;
    display: block;
    min-height: 120px;
}

/* Breadcrumb */
.main .pattern-breadcrumb{
    position: absolute;
    left: 0;
    top: 0;
    width: 190px;
    opacity: .15;
}
.page-breadcrumb {
    display: inline-block;
    padding: 20px 0;
    background-color: #fac200;
    position: relative;
    min-height: 40px;
    border-bottom-left-radius: 85px;
    width: 60%;
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
}
.page-breadcrumb:before{
    position: absolute;
    content: "";
    background-color: #fac200;
    top: 0;
    right: -600px;
    width: 600px;
    height: 102.5%;
    border-bottom: 2px solid #000;
    
}
.page-breadcrumb:after{
    position: absolute;
    content: "";
    left: 0px;
    width: 600px;
    background-image: url(../images/pattern.png)
}
.breadcrumb {
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: transparent;
}
.breadcrumb > li > a{
	display: block;
	line-height: 35px;
    color: #FFFFFF;
	font-size: 16px;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
            transition: all .3s ease;
}
.breadcrumb > li > a:hover{
    color: #0b5c7c;
}
.breadcrumb >.active{
	font-size: 16px;
    color: #fff;
	font-family: 'Swissra-Bold';
}
.breadcrumb > li + li:before{
    color: #575757;
}
/* owl-carousel */
.owl-carousel{
    direction: ltr;
    padding-bottom: 15px;
}
.owl-carousel .item{
    direction: rtl;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
    background-color: #fac200;
}

/*Page Overlay*/
.page-overlay {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(221,221,221,0.74);
    z-index: 100;
    opacity: 0;
    visibility: hidden;
	-webkit-transition: all 0.5s ease-in-out;
   	   -moz-transition: all 0.5s ease-in-out;
	        transition: all 0.5s ease-in-out;
}
.page-overlay.in {
    opacity: 1;
    visibility: visible;
	-webkit-transition: all 0.5s ease-in-out;
   	   -moz-transition: all 0.5s ease-in-out;
	        transition: all 0.5s ease-in-out;
}

/*Side Menu*/
.side-menu {
    position: fixed;
    top: 0;
    left: -350px;
    width: 350px;
    height: 100%;
    z-index: 150;
    background-color: #F9FAFA;
    overflow-y: auto;
    -webkit-transition: left 0.5s ease-in-out;
       -moz-transition: left 0.5s ease-in-out;
            transition: left 0.5s ease-in-out;
}
.side-menu.in {
    left: 0
}
.side-menu #menu-btn {
    position: absolute;
    top: 18px;
    left: 5px;
}

/*Menu Button*/
#menu-btn {
    position: relative;
    width: 45px;
    height: 45px;
    cursor: pointer;
    background: white;
    border: none;
    border-radius: 100%;
}
#menu-btn span {
    position: absolute;
    width: 26px;
    height: 3px;
    top: 50%;
    left: 50%;
    background: #fac200;
    border-radius: 2px;
    overflow: hidden;
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
            transition: all 0.3s;
}
#menu-btn span::before {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  background: #dd4b7c;
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
          transition: all 0.3s;
}
#menu-btn:hover span::before {
    width: 100%;
}
#menu-btn span:nth-child(1) {
  animation: span-first-off 0.5s ease-in-out;
  animation-fill-mode: forwards;
}
#menu-btn span:nth-child(2) {
  animation: span-second-off 0.5s ease-in-out;
  animation-fill-mode: forwards;
}
#menu-btn span:nth-child(3) {
  animation: span-third-off 0.5s ease-in-out;
  animation-fill-mode: forwards;
}

#menu-btn.in:hover span::before {
  width: 100%;
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
          transition: all 0.3s;
      
}

#menu-btn.in span:nth-child(1) {
    -webkit-animation: span-first-on 0.5s ease-in-out;
       -moz-animation: span-first-on 0.5s ease-in-out;
            animation: span-first-on 0.5s ease-in-out;
    -webkit-animation-fill-mode: forwards;
       -moz-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    
}
#menu-btn.in span:nth-child(2) {
    -webkit-animation: span-second-on 0.5s ease-in-out;
       -moz-animation: span-second-on 0.5s ease-in-out;
            animation: span-second-on 0.5s ease-in-out;
    -webkit-animation-fill-mode: forwards;
       -moz-animation-fill-mode: forwards;
            animation-fill-mode: forwards;    
}
#menu-btn.in span:nth-child(3) {
    -webkit-animation: span-third-on 0.5s ease-in-out;
       -moz-animation: span-third-on 0.5s ease-in-out;
            animation: span-third-on 0.5s ease-in-out;
    
    -webkit-animation-fill-mode: forwards;
       -moz-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    
}

@keyframes span-first-on {
  0% {
    -webkit-transform: translate(-50%, -300%);
       -moz-transform: translate(-50%, -300%);
            transform: translate(-50%, -300%);
      
  }
  30% {
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
      
  }
  100% {
    -webki-transform: translate(-50%, -50%) rotate(-45deg);
      -moz-transform: translate(-50%, -50%) rotate(-45deg);
           transform: translate(-50%, -50%) rotate(-45deg);
        
  }
}
@keyframes span-first-off {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
       -moz-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
        
  }
  30% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
       -moz-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
      
  }
  100% {
    -webkit-transform: translate(-50%, -300%);
       -moz-transform: translate(-50%, -300%);
            transform: translate(-50%, -300%);
      
  }
}
@keyframes span-second-on {
  0% {
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
      
  }
  25% {
    background: gray;
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1);
       -moz-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
      
  }
  100% {
    -webkit-transform: translate(-150%, -50%) scale(0);
       -moz-transform: translate(-150%, -50%) scale(0);
            transform: translate(-150%, -50%) scale(0);
  }
}
@keyframes span-second-off {
  0% {
    -webkit-transform: translate(-150%, -50%) scale(0);
       -moz-transform: translate(-150%, -50%) scale(0);
            transform: translate(-150%, -50%) scale(0);
      
  }
  25% {
    background: gray;
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1);
       -moz-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
      
  }
  100% {
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
      
  }
}
@keyframes span-third-on {
  0% {
    -webkit-transform: translate(-50%, 200%);
       -moz-transform: translate(-50%, 200%);
            transform: translate(-50%, 200%);
      
  }
  30% {
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
      
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
       -moz-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
      
  }
}
@keyframes span-third-off {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
       -moz-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
      
  }
  30% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
       -moz-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
      
  }
  100% {
    -webkit-transform: translate(-50%, 200%);
       -moz-transform: translate(-50%, 200%);
            transform: translate(-50%, 200%);
      
  }
}

/* Side Menu Cart */
.side-menu.side-cart .side-menu-head{
    height: 130px;
    background-color: #fff;
}

.side-menu.side-cart .side-menu-head > .title{
	font-family: 'Swissra-Medium';
	line-height: 50px;
	padding: 15px 20px 0px 20px;
	font-size: 20px;
}
.side-menu.side-cart .side-menu-head > .sub-title {
	overflow: hidden;
    padding: 0px 15px;  
	line-height: 30px;
}
.side-menu.side-cart .side-menu-head > .sub-title > span {
	display: block;
	float: right;
	line-height: 30px;
}
.side-menu.side-cart .side-menu-head > .sub-title > span:first-child {
	font-family: 'DIN-NEXT-MEDIUM';
	font-size: 17px;
	margin-left: 5px;
}
.side-menu.side-cart .side-menu-head > .sub-title > span:last-child {
	font-size: 15px;
	word-spacing: 1px;
}
.side-menu.side-cart .side-menu-content{
    padding: 15px 15px 15px;
    max-height: 350px;
    overflow-y: auto;
}

.side-menu.side-cart .side-menu-foot{
    padding: 10px 15px;
    margin-top: 20px;
}
.side-menu.side-cart .side-menu-foot .cart-total {
	display: block;
    padding: 10px;
    overflow: hidden;
    font-size: 16px;
}
.side-menu.side-cart .side-menu-foot .cart-total span {
	display: block;
	line-height: 30px;
}
.side-menu.side-cart .side-menu-foot .cart-total span:first-child {
	float: right;
	font-family: 'Swissra-Medium';
	font-size: 17px;
	color: #333;
}

.side-menu.side-cart .side-menu-foot .cart-total span:last-child {
	float: left;
	font-family: 'DIN-NEXT-MEDIUM';
	font-size: 17px;
	line-height: 30px;
	color: #333;
}
.side-menu.side-cart .side-menu-foot .cart-total span:last-child label {
	margin: 0;
	font-weight: normal;
	font-family: 'Swissra-Medium';
	font-size: 15px;
	line-height: 30px;
}
.side-menu.side-cart .side-menu-foot .custom-btn {
    display: block;
    text-align: center;
    font-size: 15px;
}

/*Widgets
=============================*/
.widget {
	position: relative;
	margin-bottom: 25px;
}
.widget .widget-title {
	margin-bottom: 20px;
} 
.widget .widget-title .title {
	color: #fac200;
}
.widget .widget-content > p {
	line-height: 30px;
}

/*cart-item-widget*/
.cart-item-widget {
    position: relative;
    margin-bottom: 10px;
    background-color: #fff;
    padding: 10px;
}
.cart-item-widget .cart-item-img{
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    height: 80px;
    margin-left: 10px;
}
.cart-item-widget .cart-item-img img{
    height: 100%;
    width: 100%;
}
.cart-item-widget .cart-item-content{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 100px);
}
.cart-item-widget .cart-item-content .title {
    display: inline-block;
    max-width: 124px;
    font-size: 15px;
    line-height: 25px;
    font-family: 'Swissra-Normal';
    margin-bottom: 5px;
	color: #444;
}
.cart-item-widget .cart-item-content .cart-item-price{
    float: left;
	font-family: 'DIN-NEXT-MEDIUM';
	font-size: 17px;
	line-height: 25px;
}
.cart-item-widget .cart-item-content .cart-item-price span {
	display: inline-block;
	line-height: 25px;
	margin-right: 0px;
	font-size: 16px;
}
.cart-item-widget .cart-item-content .cart-item-time {
    margin: 0;
    width: 100%;
	line-height: 25px;
	overflow: hidden;
	color: #666;
}
.cart-item-widget .cart-item-content .cart-item-time > span {
	display: block;
	float: right;
	line-height: 25px;
} 

.cart-item-widget .cart-item-content .cart-item-time > span:first-child {
	margin-left: 5px;
	font-family: 'Swissra-Normal';
	font-size: 15px;
} 

.cart-item-widget .cart-item-content .cart-item-time > span:last-child {
	font-family: 'DIN-NEXT-MEDIUM';
	font-size: 16px;
} 
.cart-item-widget .cart-item-content .cart-item-time > span:last-child > label {
	display: inline-block;
	margin: 0;
	font-family: 'Swissra-Normal';
	font-size: 14px;
	line-height: 25px;
} 
.cart-item-widget .cart-item-content .btn-remove{
    border: 0;
    background-color: #fac200;
    color: #fff;
    font-size: 13px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    padding: 0;
    text-align: center;
    position: absolute;
    left: 12px;
    bottom: 15px;
    opacity: 0;
	visibility: hidden;
    -webkit-transition: all .35s ease-in-out;
       -moz-transition: all .35s ease-in-out;
            transition: all .35s ease-in-out;
}
.cart-item-widget .cart-item-content .btn-remove:hover {
	background-color: #dd4b7c;
}
.cart-item-widget:hover .cart-item-content .btn-remove{
    opacity: 1;
	visibility: visible;
}

/*Side-Widget*/
.side-widget{
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px;
}
.side-widget .side-widget-head{
    background-color: #fac200;
    padding: 8px 15px;
}
.side-widget .side-widget-head i{
	display: block;
	float: right;
	line-height: 35px;
    color: #fff;
    margin-left: 10px;
	font-size: 21px;
}
.side-widget .side-widget-head .title{
    color: #fff;
    font-size: 17px;
	line-height: 35px;
}
.side-widget .side-widget-content{
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 20px 25px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.side-widget .side-widget-content .form-group {
	margin-bottom: 10px;
}
.side-widget .side-widget-content ul.rate-list {
	margin-left: 0;
}
.side-widget .side-widget-content ul.rate-list > li {
	color: #DCDCDC;
}
.side-widget .side-widget-content ul.rate-list > li.colored {
	color: #ffb624;
}

/*Range Slider*/
.widget-range {
    margin: 15px 0;
}
.widget-range input {
    border:0; 
    color:#000; 
    font-weight:bold;
}
.ui-widget.ui-widget-content {
    border: 3px solid #e3e3e3;
    margin: 20px 0;
}
.ui-slider-horizontal {
    height: 0;
}
.ui-slider-horizontal .ui-slider-range {
    top: -3px;
    height: 100%;
    border: 3px solid #575757;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    top: -8px;
    z-index: 2;
    width: 15px;
    height: 15px;
    cursor: default;
    border-radius: 100%;
    border: none;
}
.widget-range .first_limit,
.widget-range .last_limit {
	font-family: 'DIN-NEXT-MEDIUM';
    width: 55px;
    text-align: left;
    margin-bottom: 0px;  
	background: none;
	
}
.widget-range .first_limit {
    float: left;
}
.widget-range .last_limit {
    float: right;
	text-align: right;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
.ui-button.ui-state-disabled:hover,
.ui-button.ui-state-disabled:active {
    background-color: #fac200;
    border-radius: 50%;
}
/*Date Picker*/
.datepicker-wrap {
	position: relative;
}
.datepicker-wrap:before {
	position: absolute;
	content: "\f073";
	line-height: 35px;
	font-size: 17px;
	color: #9A9A9A;
	top: 6px;
	left: 20px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;

}
.ui-datepicker.ui-widget.ui-widget-content {
	border: none;
	background: #fac200;
}
.ui-datepicker .ui-datepicker-header {
	background: none;
	border: none;
}
.ui-datepicker .ui-datepicker-title,
.ui-datepicker th {
	color: #fff;
}
.ui-datepicker .ui-state-default {
    background-color: #fac200;
	border: none;
    border-radius: 0;
    color: #efefef;
    text-align: center;
}
.ui-state-highlight, 
.ui-widget-content .ui-state-highlight, 
.ui-widget-header .ui-state-highlight {
	background: #643F7A;
}
.hasDatepicker {
	font-family: 'DIN-NEXT-MEDIUM';
	line-height: 30px;
	padding: 4px 20px 9px;
	border-radius: 50px;
	box-shadow: none;
	border: 1px solid #ddd;
	display: block;
	width: 100%;
	margin: 0;
	font-size: 16px;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: none;
	background: #643F7A;
	color: #fff;
}
.ui-widget-header .ui-state-hover {
	background: none;
	border: none;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 2px;
}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year {
	color: #333;
}
/*Section-Settings 
========================== */
.section-lg{
    padding: 50px 0;
    position: relative;
}



/* Header
==========================*/
/* Top-Header */
.top-header .head-contact{
    background-color: #fac200;
    position: relative;
    min-height: 40px;
    border-bottom-left-radius: 50px;
}
.top-header .head-contact:before{
    position: absolute;
    content: "";
    background-color: #fac200;
    top: 0;
    right: -600px;
    width: 600px;
    height: 100%;
}
.top-header .head-contact .contact-list.collapse {
    display: block;
    height: auto !important;
}
.top-header .head-contact .btn-responsive-nav{
    float: right;
    margin-top: 5px;
    color: #fac200;
    background-color: #fff;
    font-size: 15px;
    padding: 0 5px;
}

/*Main Header*/
.header{
    overflow: hidden;
    box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.06)
}
.header > .container{
    margin-bottom: -90px;
}
/* Header-Logo */
.header .logo{
    display: block;
    float: right;
    padding: 12px 0;
}
.header .logo img{
    height: 66px;
}

.header .custom-btn{
    float: left;
    margin: 23px 0 0 0;
}


/* btn-responsive-nav */
.btn-responsive-nav {
    display: none;
    float: left;
    background-color: #fac200;
    color: #fff;
    padding: 5px 10px;
    font-size: 25px;
    line-height: 25px;
    margin-top: 30px;
    -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    }
.btn-responsive-nav:hover,
.btn-responsive-nav:active,
.btn-responsive-nav:focus {
    background-color: #ffa320;
    color: #fff;
    box-shadow: none;
}

/* Main-Nav */
.header ul.navbar-nav{
    float: left;
    margin: 0;
}
.header ul.navbar-nav > li{
    margin-right: 5px;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
.header ul.navbar-nav > li.active,
.header ul.navbar-nav > li:hover{
    background-color: none;
}
.header ul.navbar-nav > li > a{
    font-family: 'DIN-NEXT-MEDIUM';
    color: #000;
    font-size: 17px;
	padding: 0 25px;
    line-height: 88px;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
.header ul.navbar-nav > li:last-child{
    margin-top: 20px;
}
.header ul.navbar-nav > li:last-child > a{
    line-height: 50px;
    background: #fac200;
    color: #fff;
    border: none;
    border-radius: 5px;
}

.header ul.navbar-nav > li.active > a,
.header ul.navbar-nav > li:hover > a{
    color: #fac200;
    background-color: transparent;   
}
.header ul.navbar-nav > li:last-child > a{
    background: #fac200;
    color: #fff;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;   
    padding: 0 40px;
}


@media all and (max-width:991px) {
    .btn-responsive-nav {
        display: block;
    }
    .top-header,
    .navbar-collapse {
        display: none;
    }
    .header {
        border-top: 4px solid #fac200;
        position: fixed;
        background: #fff;
        z-index: 99;
        top:0;
        width: 100%;
    }
    .header > .container {
        margin-bottom: 0;
    }
    .header .logo {
        padding: 10px 0;
    }
    .header .logo img {
        height: 60px;
    }
    .btn-responsive-nav {
        margin-top: 22px;
    }
}



/*Footer
============================*/
.footer{
    position: relative;
    padding: 28px 0 0;
    background-color: #d1a412;
}
.footer:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 71.2%;
    height: 100%;
    background-color: #e5b106;
}
.footer ul.social-list{
    float: none;
}
.footer ul.social-list > li > a > i{
    color: #fff;
    background-color: transparent;
}
.footer ul.social-list > li:hover > a > i{
    color: #ffa320;
}


/* copy-right */
.copy-right {
    overflow: hidden;
    padding: 20px 0;
    background-color: #d1a412;
}
.copy-right div {
    color: #fff;
    font-size: 15px;
    word-spacing: 2px;
    text-transform: capitalize;
}
.copy-right div > a {
    font-family: 'DIN-NEXT-MEDIUM';
    font-size: 16px;
    color: #fff;
    margin-right: 5px;
}

@media(max-width:991px){
    .footer{
        display: none;
    }
    .copy-right {
        overflow: hidden;
    }
    .copy-right div {
        float: none!important;
        text-align: center;
    }
}



/* home-slider
================================== */
.home-slider{
    padding: 180px 0 130px;
    border: none;
    position: relative;
	height: 100vh;
	min-height: 600px;
	max-height: 800px;
}
.home-slider .home-slider-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.home-slider .home-slider-img img{
    width: 100%;
    height: 100%;
}
.home-slider .home-slider-img:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: linear-gradient(0deg, transparent 0, #fac200 85%);
    z-index: 0;
}
.home-slider .home-slider-head{
    position: relative;
    margin-bottom: 35px;
}
.home-slider .home-slider-head .title{
    font-size: 45px;
    padding: 15px 140px;
    line-height: 65px;
    text-align: center;
    color: #fff;  
	font-family: 'DIN-NEXT-MEDIUM';
}
.search-tabs {
	position: relative;
	z-index: 15;
}
.search-tabs .form-body{
    display: block;
	float: right;
    vertical-align: middle;
    width: 85%;
    background: #fff;
    padding: 5px;
    border-radius: 35px;
}
.search-tabs .form-action {
    display: inline-block;
    vertical-align: middle;
    width: 15%;
	padding-right: 10px;
}
.search-tabs .form-action .custom-btn {
    height: 60px;
    padding: 0;
    line-height: 50px;
	width: 100%;
	font-size: 16px;
}
.search-tabs .form-action .custom-btn:hover{
    background-color: #dd4b7c;
    color: #fff
}
.search-tabs .form-body .form-group {
    position: relative;
    display: block;
	float: right;
    margin: 0;
    width: 25%;
}
.search-tabs .form-body .form-group > img{
    position: absolute;
    top: 12px;
    right: 15px;
	width: 25px;
	height: 25px;
	z-index: 5;
}
.search-tabs .form-body .form-group:first-child .multiselect-native-select .btn-group button.multiselect{
    border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
}
.search-tabs .form-body .form-group:last-child .multiselect-native-select .btn-group button.multiselect{
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
}
.search-tabs .multiselect-native-select .btn-group {
	display: block;
}
.search-tabs .multiselect-native-select .btn-group button.multiselect {
	display: block;
	width: 100%;
	height: 50px;
	border: none;
	border-left: 1px solid #e7e7e7;
	border-radius: 0;
	background: #fff;
	font-size: 15px;
}
.search-tabs .form-body .form-group:last-child .multiselect-native-select .btn-group button.multiselect {
	border-left: none;
}
.search-tabs .multiselect-native-select .multiselect-container {
	top: 50px;
	width: 100%;
	max-height: 200px;
	overflow-y: auto;
}
.search-tabs .multiselect-container > li {
	margin-bottom: 3px;
}
.search-tabs .multiselect-container > li > a > label > input {
    display: none;
}

.search-tabs .multiselect-container > li > a > label {
    position: relative;
    margin: 0;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    display: block;
	line-height: 35px;
    padding-right: 45px;
    text-transform: capitalize;
}
.search-tabs .multiselect-container > li > a > label::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
	line-height: 20px;
    border-radius: 0;
    background-color: #fac200;
    top: 11px;
    right: 15px;
    font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    text-align: center;
}
.search-tabs .multiselect-container > li.active > a > label::before{
    content: "\f00c";
    font-size: 10px;
    color: #fff;
}
.search-tabs .multiselect-container.dropdown-menu > li > a:hover,
.search-tabs .multiselect-container.dropdown-menu > .active > a, 
.search-tabs .multiselect-container.dropdown-menu > .active > a:hover, 
.search-tabs .multiselect-container.dropdown-menu > .active > a:focus {
	background: #fbfbfb;
}
.search-tabs .multiselect-container > .multiselect-group > a > label,
.search-tabs .multiselect-container.dropdown-menu > .disabled > a, 
.search-tabs .multiselect-container.dropdown-menu > .disabled > a:hover, 
.search-tabs .multiselect-container.dropdown-menu > .disabled > a:focus {
	background: #f0f0f0;
}
.search-tabs .multiselect-container > .multiselect-group > a > label,
.search-tabs .multiselect-container > li.disabled a > label {
	padding-right: 15px;
}
.search-tabs .multiselect-container > .multiselect-group > a > label:before,
.search-tabs .multiselect-container > li.disabled a > label::before {
	display: none;
}
.search-tabs .multiselect-container.dropdown-menu > .multiselect-all > a, 
.search-tabs .multiselect-container.dropdown-menu > .multiselect-all > a:hover, 
.search-tabs .multiselect-container.dropdown-menu > .multiselect-all > a:focus {
	background: #fff;
}

.search-tabs .multiselect-container > li.multiselect-filter > .input-group {
	position: relative;
}
.search-tabs .multiselect-container > li.multiselect-filter > .input-group > .input-group-btn{
	display: none;
}
.search-tabs .multiselect-container > li.multiselect-filter > .input-group > input {
	height: 40px;
	border-radius: 50px;
}
.search-tabs .multiselect-container > li.multiselect-filter > .input-group > .input-group-addon {
	position: absolute;
	top: 0;
	left: 10px;
	z-index: 5;
	padding: 0;
	width: 30px;
	height: 40px;
	line-height: 40px;
	background: none;
	border: none;

}
.home-slider.page-head {
	height: 340px;
	min-height: 340px;
	max-height: 340px;
	padding: 140px 0 0px;
}
.home-slider.page-head .home-slider-img:before{
	background: #fac200;
	opacity: 0.9;
}
.home-slider.page-head .search-tabs {
	width: 85%;
	margin: 0 auto;
}
.home-slider.page-head .search-tabs .form-body {
	width: 82%;
}
.home-slider.page-head .search-tabs .form-action {
	width: 18%;
}
.home-slider.page-head .search-tabs .form-body .form-group {
	width: 33.3333%;
}
.home-slider.page-head .home-slider-head .title {
	font-size: 32px;
	padding: 0 20px;
}

@media(max-width:991px){
	.home-slider {
		padding: 120px 0 130px;
	}
	.home-slider .home-slider-head .title {
    	font-size: 39px;
    	padding: 15px 40px;
		line-height: 60px;
	}
	.search-tabs .form-body {
		width: 100%;
	}
	.search-tabs .form-action {
		display: block;
		width: 100%;
		padding: 0;
	}
	.search-tabs .form-action .custom-btn {
		line-height: 50px;
		height: 50px;
		font-size: 17px;
		margin-top: 20px;
	}
	.search-tabs .form-body .form-group {
		width: 50%;
	}
	.search-tabs .form-body .form-group:nth-child(2) .multiselect-native-select .btn-group button.multiselect {
    	border-top-left-radius: 50px;
    	border-bottom-left-radius: 0px;
		border-left: none;
	}
	.search-tabs .form-body .form-group:nth-child(3) .multiselect-native-select .btn-group button.multiselect {
    	border-top-right-radius: 0px;
    	border-bottom-right-radius: 50px;
		border-right: none;
	}
}
@media(max-width:767px){
	.home-slider .home-slider-head .title {
    	font-size: 30px;
		padding: 0 75px;
		line-height: 50px;
	}
}
@media(max-width:550px){
	.home-slider .home-slider-head .title {
		font-size: 28px;
		padding: 0 20px;
		line-height: 48px;
		
	}
}
@media(max-width:450px){
	.home-slider {
		height: auto;
		min-height: 400px;
		padding: 120px 0 40px;
	}
	.home-slider .home-slider-head {
		display: none;
	}
	.search-tabs .form-body .form-group {
		width: 100%;
	}
	.search-tabs .form-body .form-group:nth-child(1) .multiselect-native-select .btn-group button.multiselect {
    	border-top-left-radius: 30px;
		border-top-right-radius: 30px;
    	border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		border-left: none;
	}
	.search-tabs .form-body .form-group:nth-child(2) .multiselect-native-select .btn-group button.multiselect,
	.search-tabs .form-body .form-group:nth-child(3) .multiselect-native-select .btn-group button.multiselect {
    	border-top-left-radius: 0px;
		border-top-right-radius: 0px;
    	border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		border-left: none;
	}
	.search-tabs .form-body .form-group:nth-child(4) .multiselect-native-select .btn-group button.multiselect {
    	border-top-left-radius: 0px;
		border-top-right-radius: 0px;
    	border-bottom-left-radius: 30px;
		border-bottom-right-radius: 30px;
		border-left: none;
	}
}

/* Home Page 
============================== */
.about {
	position: relative;
	padding: 50px 0 50px; 
}
.about > .container,
.about > .container > .row{
    position: static;
}
.about .section-img{
    position: absolute;
	right: 0;
    bottom: auto;
    padding: 0;
    width: 36%;
}
.about .section-img img{
}
@media(max-width:991px){
	
}
@media(max-width:767px){
	.about .section-img {
		display: none;
	}
}
.about .section-content{
    padding: 0 30px 0 0;
}
.about .section-content .desc{
    overflow: hidden;
}
.about .section-content .desc p{
    font-size: 17px;
    line-height: 37px;
    margin-bottom: 60px;
}

.feature{
    
}
.feature .feature-head .title{
    color: #222;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 40px;
}
.feature-item{
    text-align: center;
    margin-bottom: 45px;
}
.feature-item .feature-icon{
    position: relative;
    margin-bottom: 20px;
}
.feature-item .feature-icon i{
    width: 130px;
    height: 130px;
    line-height: 130px;
    font-size: 65px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    background-color: #fac200;
}
.feature-item .feature-icon .num{
    position: absolute;
    top: -5px;
    right: calc(50% - 78px);
    font-size: 27px;
    line-height: 36.7px;
    color: #dd4b7c;
    text-align: center;
    border: 2px solid #fac200;
    border-radius: 4px;
    width: 40px;
    height: 40px;
    font-family: 'Swissra-Bold';
    background-color: #fff;
}
.feature-item .feature-content .title{
    font-size: 20px;
    line-height: 36.7px;
    color: #000;
    margin-bottom: 10px;
    padding: 0 26px;
}
.feature-item .feature-content p{
    color: #949393;
    line-height: 29.4px;
}
/*Home Cat*/
.home-cat {
	padding-bottom: 50px;
    background: #fff;
    padding-top: 50px;
}
.home-cat .section-head {
	margin-bottom: 20px;
}
.home-cat .section-head .title {
	color: #000;
}
.home-cat .nav-tabs {
	text-align: center;
}
.home-cat .nav-tabs > li {
    display:inline-block;
    float: none;
	width: 90px;
	height: auto;
	border-radius: 0;
	background: #fff;
	margin-left: 20px;
	text-align: center;
}
.home-cat .nav-tabs > li:last-child {
	margin-left: 0;
}
.home-cat .nav-tabs > li > a  {
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px 10px;
	border: 1px solid #f5f5f5;
}
.home-cat .nav-tabs > li > a > img {
	display: inline-block;
	margin: 0 auto;
	height: 57px;
	opacity: 0.4;
}
.home-cat .nav-tabs > li.active:before{
	display: none;
}
.home-cat .nav-tabs > li.active > a > img {
	opacity: 1;
}
.home-cat .tab-content {
	margin-top: 8px;
}
.home-cat .owl-carousel {
	padding: 0;
} 
.home-cat .owl-theme .owl-controls .owl-buttons div {
	position: absolute;
	top: 35%;

}
.home-cat .owl-theme .owl-controls .owl-buttons div.owl-prev {
	left: -25px;
}
.home-cat .owl-theme .owl-controls .owl-buttons div.owl-next {
	right: -25px;
}


/*Service Item*/
.service-item {
	display: block;
	background: #fff;
	padding: 30px 0 0;
	text-align: center;
	margin: 0 5px;
	border-radius: 20px 20px 0 0;
	overflow: hidden;
	border: 1px solid #f2f2f2;
}
.service-item > .service-icon {
	margin-bottom: 15px;
}
.service-item > .service-icon > i {
	display: inline-block;
	width: 70px;
	height: 70px;
}
.service-item > .service-icon > i:before {
	display: block;
	line-height: 70px;
	font-size: 66px;
	margin: 0;
	color: #fac200;
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
	        transition: all 0.4s;
}
.service-item .service-name {
	font-family: 'DIN-NEXT-MEDIUM';
	font-size: 18px;
	height: 45px;
	line-height: 38px;
	color: #222;
	background: #f9f9f9;
	border-top-right-radius: 50px;
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
	        transition: all 0.4s;	
}

.service-item:hover > .service-icon > i:before {
	color: #dd4b7c;
}
.service-item:hover .service-name {
	color: #dd4b7c;
}

/* offer Item
==============================*/
.offer-item {
	display: block;
	position: relative;
	background-color: #f8f8f8;
	border: 1px solid #f8f8f8;
	border-radius: 15px;
	padding: 10px 20px;
	margin-bottom: 15px;
	overflow: hidden;
}
.offer-item .offer-item--cont{
    display: block;
	float: right;
    width: 100%;
	padding: 10px 0; 
}
.offer-item .offer-item--cont .offer-item--cont--info{
    display: block;
	float: right;
}
.offer-item .offer-item--cont .offer-item--cont--info .offer-name{
	display: block;
	font-family: 'DIN-NEXT-MEDIUM';
	line-height: 35px;
    font-size: 21px;
	margin-bottom: 10px;
    color: #fac200;
}
.offer-item .offer-item--cont .offer-item--cont--info .offer-cat{
	display: block;
	line-height: 31px;
    font-size: 15px;
    color: #656565;
    font-family: 'Swissra-Normal';	
}
.offer-item .offer-item--cont .offer-item--cont--info .offer-work {
	display: block;
	line-height: 30px;
    font-size: 14px;
    color: #656565;
    font-family: 'Swissra-Normal';	
	overflow: hidden;
	margin: 0;
}
.offer-item .offer-item--cont .offer-item--cont--info .offer-work span {
	display: block;
	float: right;
}
.offer-item .offer-item--cont .offer-item--cont--info .offer-work span:first-child {
	margin-left: 5px;
	font-family: 'Swissra-Normal';
	font-size: 15px;
}

.offer-item .offer-item--cont .offer-item--cont--info .offer-work span:last-child {
	font-family: 'DIN-NEXT-MEDIUM';
	font-size: 16px;
}

.offer-item .offer-item--cont .offer-item--cont--foot {
    float: left;
    display: block;
}
.offer-item .offer-item--cont .offer-item--cont--foot .custom-btn{
    display: block;
	font-family: 'DIN-NEXT-MEDIUM';
    width: 100%;
    padding: 0;
    height: 45px;
	line-height: 39px;
    margin-bottom: 10px;
	font-size: 18px;
}
.offer-item .offer-item--cont .offer-item--cont--foot ul.more-detail {
    background-color: #f0f0f0;
	padding: 10px;
    border-radius: 10px;
}
.offer-item .offer-item--cont .offer-item--cont--foot ul.more-detail li {
	overflow: hidden;
}
.offer-item .offer-item--cont .offer-item--cont--foot ul.more-detail li i{
	display: block;
	float: right;
    color: #fac200;
	width: 25px;
	line-height: 31px;
	height: 30px;
	text-align: right;
}
.offer-item .offer-item--cont .offer-item--cont--foot ul.more-detail li p{
	display: block;
	float: right;
    margin: 0;
	line-height: 30px;
}
.offer-item .offer-item--cont .offer-item--cont--foot ul.more-detail li p span {
	float: right;
	display: block;
}
.offer-item .offer-item--cont .offer-item--cont--foot ul.more-detail li p span:last-child {
	font-family: 'DIN-NEXT-MEDIUM';
	font-size: 16px;
	line-height: 28px;
	margin-right: 5px;
}

/*offer Page
============================*/
/*offer Detail Tabs*/
.offer-detail-tabs .nav-tabs > li{
    width: 19%;
    text-align: center;
    margin-left: 10px;
    margin-bottom: 0;
}
.offer-detail-tabs .nav-tabs > li:last-child{
    margin-left: 0;
}
.offer-detail-tabs .nav-tabs > li.active:before{
    content: " ";
    position: absolute;
    left: calc(50% - 7.5px);
    top: 38px;
    width: 15px;
    height: 14px;
    background-color: #fac200;
    border: 0;
    -webkit-transform: rotate(44deg);
	   -moz-transform: rotate(44deg);
	        transform: rotate(44deg);
}

.services-filter {
	position: relative;
	margin-bottom: 26px;
    border-radius: 50px;
    background: #eaeaea;
	padding: 8px 0px;
}
.search-tabs.services-filter .col-md-6 {
	padding-right: 8px;
	padding-left: 8px;
}
.search-tabs.services-filter .form-body .form-group {
	width: 100%;
}
.search-tabs.services-filter .multiselect-native-select .btn-group button.multiselect {
	border-radius: 50px;
	border: 1px solid #ddd;
	text-align: right;
    padding-right: 20px;
	font-family: 'DIN-NEXT-MEDIUM';
	font-size: 16px;
	color: #575757;
}
.search-tabs.services-filter .multiselect-native-select .btn-group button.multiselect .caret {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}
.search-tabs.services-filter .multiselect-native-select .btn-group.open .dropdown-toggle {
	-webkit-box-shadow: none;
	box-shadow:none;
}
.search-tabs.services-filter .hasDatepicker {
	line-height: 35px;
}
.services-filter:after {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	clear: both;
}
/*offer Detail Images*/
.offer-detail-tabs .flexslider {
	direction: ltr;
	border: none;
	margin: 0;
}
.offer-detail-tabs .flexslider .slides img {
	max-height: 400px;
}
.offer-detail-tabs #slider.flexslider {
	margin-bottom: 10px;
}

/*Rate offer*/
.rate-offer {
	
}
.rate-offer > .rate-offer-head {
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 25px;	
}
.rate-offer > .rate-offer-head > ul.rate-list{
    margin-top: 25px;
    margin-left: 0;
}
.rate-offer > .rate-offer-head > ul.rate-list li{
    font-size: 30px;
    color: #ffb624;
    background-color: #fff;
	margin-left: 5px;
}
.rate-offer > .rate-offer-head > .rate-num{
    float: left;
    width: 120px;
    height: 80px;
    line-height: 70px;
    text-align: center;
    background-color: #dd4b7c;
    color: #fff;
    font-size: 45px;
	font-family: 'DIN-NEXT-MEDIUM';
    border-radius: 10px;
}
.rate-offer > .rate-offer-cont > .comment {
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
    padding: 25px 0;
}
.rate-offer > .rate-offer-cont > .comment:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}
.rate-offer .comment .comment-head{
    margin-bottom: 15px;
}
.rate-offer .comment .comment-head ul.rate-list {
	margin: 0;
}
.rate-offer .comment .comment-head ul.rate-list > li {
	font-size: 12px;
	margin-left: 1px;
	color: #ffb624;
}
.rate-offer .comment .comment-head .title{
    display: block;
    font-size: 15px;
    color: #222;
    line-height: 22px;
}
.rate-offer .comment .comment-head span{
    color: #b1b1b1;
    font-size: 13px;
    font-family: 'DIN-NEXT-MEDIUM';
	margin-left: 5px;
}
.rate-offer .comment .comment-content p{
    color: #747474;
    font-size: 14px;
	line-height: 31px;
	word-spacing: 1px;
	margin: 0;
}

/*offer Employes*/
.offer-empoyes {
	display: block;
	overflow: hidden;
	text-align: center;
}
.offer-employe {
	display: block;
	float: right;
	width: 24%;
	margin: 0.5%;
	background: #f8f8f8;
	overflow: hidden;
}
.offer-employe .employe-img {
	display: block;
	text-align: center;
}
.offer-employe .employe-img img{
	display: inline-block;
	width: 140px;
	height: 140px;
	border-radius: 100%;
	margin: 15px;
}
.offer-employe .employe-name {
	display: block;
	font-family: 'Swissra-Normal';
	text-align: center;
	word-spacing: 1px;
	font-size: 16px;
	line-height: 40px;
	background: #eee;
}


/* Footer-Widget */
.footer-widget{
    overflow: hidden;
    margin-bottom: 40px;
}
.footer-widget .widget-head{}
.footer-widget .widget-head .title{
    font-family: 'DIN-NEXT-MEDIUM';
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
}
.footer-widget .widget-content{}
.footer-widget .widget-content > p{
    font-size: 15px;
    color: #fff;
    margin-bottom: 25px;
}
.footer-widget .widget-content .social-list {
    float: none;
}
.footer-widget.about-widget {
    padding-left: 25px;
}



/*offer Calender Page
=========================================*/
.full-green-theme.range-calendar, 
.full-green-theme .range-calendar {
	background-color: rgba(91,54,113,.85);
	padding-bottom: 0;
}
.offercalender-wrap > .calendar-item {
	border-radius: 7px 7px 0 0;
	overflow: hidden;
}
.range-calendar .calendar .cell {
    border-right: 1px solid rgba(0,0,0,0.08);
}
.range-bar .ui-resizable-handle.ui-resizable-e {
	display: none!important;
}
.range-calendar .months .cell .date-formatted {
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'DIN-NEXT-MEDIUM';
}
.range-calendar .months .cell .bullet {
	top: 20px;
}
.full-green-theme .months .cell .month-name {
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'DIN-NEXT-MEDIUM';
	letter-spacing: 0.6px;
}

.full-green-theme .calendar .cell .day-number{
	font-family: 'DIN-NEXT-MEDIUM';
	font-size: 18px;
}
.range-calendar .calendar .cell .day {
    font-family: 'DIN-NEXT-MEDIUM';
    font-size: 15px;
	text-transform: capitalize;
	font-weight: normal;
	letter-spacing: 0.6px;
	font-family: 'DIN-NEXT-REGULAR';
}
.range-calendar .calendar .cell:hover .day-number,
.range-calendar .calendar .cell:hover { 
	background-color: rgba(0,0,0,.0);  color: #ddd;  
}

.offercalender-wrap {
	
}
.offercalender-wrap .services-info {
	padding: 15px 10px;
	background: #fff;
	overflow: hidden;
	border-bottom: 2px solid #ededed;
}
.offercalender-wrap .services-info-kind {
	float: right;
}

.offercalender-wrap .services-info-kind span {
	display: block;
	float: right;
}

.offercalender-wrap .services-info-kind span:first-child {
	font-family: 'Swissra-Bold';
	color: #735385;
	line-height: 42px;
	font-size: 17px;
}

.offercalender-wrap .services-info-kind span:last-child {
	font-family: 'Swissra-Medium';
	background: #f8f8f8;
	color: #757575;
	padding: 0px 23px;
	border-radius: 30px;
	margin-right: 15px;
	border: 1px solid #ededed;
	line-height: 40px;
	font-size: 15px;
}

.offercalender-wrap .services-info-price {
	float: left;
}
.offercalender-wrap .services-info-price span {
	display: block;
	float: left;
}
.offercalender-wrap .services-info-price span:first-child{
	float: right;
	font-family: 'Swissra-Bold';
	color: #735385;
	line-height: 42px;
	font-size: 17px;
}

.offercalender-wrap .services-info-price span:last-child{
	font-family: 'DIN-NEXT-MEDIUM';
	background: #f8f8f8;
	color: #757575;
	padding: 0px 23px;
	border-radius: 30px;
	margin-right: 15px;
	border: 1px solid #ededed;
	line-height: 38px;
	height: 44px;
	font-size: 16px;
	
}

.offercalender-wrap .services-booking {
	padding: 10px;
 	background: #fff;
}
.offercalender-wrap .services-booking .table-wrap {
	overflow: visible;
}


.table.table-book-services {
	border: 1px solid #eee;
}
.table.table-book-services > thead {
    background: #fbfbfb;
}
.table.table-book-services > tbody > tr > td {
	padding: 7px 5px;
}
.table.table-book-services tbody tr:nth-child(2n) {
    background: 
    #fbfbfb;
}
.table.table-book-services > thead > tr > th {
    font-family: 'Swissra-Medium';
    font-weight: normal;
    color: #757575;
    line-height: 44px;
    color: #757575;
	font-size: 15px;
	text-align: center;
	border: 1px solid #eee;
}
.table-book-services .tb-serv-name {
	width: 30%;
}
.table-book-services .tb-serv-employe {
	width: 30%;
}
.table-book-services .tb-serv-rate ul.rate-list li {
	font-size: 13px;
}
.table-book-services .tb-serv-time {
	width: 15%;
}
.table-book-services tbody .tb-serv-time {
	font-family: 'DIN-NEXT-MEDIUM';
}
.table-book-services .tb-serv-time span {
	font-family: 'Swissra-Normal';
}

.table-book-services .tb-serv-price {
	width: 15%;
}
.table-book-services tbody .tb-serv-price {
	font-family: 'DIN-NEXT-MEDIUM';
}
.table-book-services .tb-serv-price span {
	font-family: 'Swissra-Normal';
}

.table-book-services .tb-serv-cart {
	width: 10%;
}
.table-book-services .tb-serv-cart .remove-srvcart {
	display: block;
	margin: auto;
	width: 33px;
	height: 33px;
	line-height: 33px;
	border-radius: 100%;
	background: #fac200;
	color: #fff;
	font-size: 15px;
}
.table-book-services button.multiselect {
	display: block;
	min-width: 220px;
	line-height: 40px;
	padding: 0 15px;
	background: #f6f6f6;
	border: 1px solid #ddd;
	border-radius: 30px;
}
.table-book-services button.multiselect > span {
	float: right;
}
.table-book-services button.multiselect > .caret {
	float: left;
	position: relative;
	top: 20px;
}

.table-book-services .multiselect-container {
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
}

.table-book-services .multiselect-container > li {
	margin-bottom: 3px;
}
.table-book-services .multiselect-container > li > a > label > input {
    display: none;
}

.table-book-services .multiselect-container > li > a > label {
    position: relative;
    margin: 0;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    display: block;
	line-height: 35px;
    padding-right: 45px;
    text-transform: capitalize;
}
.table-book-services .multiselect-container > li > a > label::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
	line-height: 20px;
    border-radius: 0;
    background-color: #fac200;
    top: 11px;
    right: 15px;
    font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    text-align: center;
}
.table-book-services .multiselect-container > li.active > a > label::before{
    content: "\f00c";
    font-size: 10px;
    color: #fff;
}
.table-book-services .multiselect-container.dropdown-menu > li > a:hover,
.table-book-services .multiselect-container.dropdown-menu > .active > a, 
.table-book-services .multiselect-container.dropdown-menu > .active > a:hover, 
.table-book-services .multiselect-container.dropdown-menu > .active > a:focus {
	background: #fbfbfb;
}


.service-calendar-notif {
	text-align: right;
	padding: 10px 10px;
	display: none;
}
.service-calendar-notif > p {
	display: inline-block;
	text-align: right;
	margin: 0;
}
.service-calendar-notif > p span {
	font-family: 'DIN-NEXT-MEDIUM';
}
.service-calendar-notif > p .reset-time {
	display: inline-block;
	margin-right: 5px;
	width: 33px;
	height: 33px;
	line-height: 33px;
	border-radius: 100%;
	background: #fac200;
	color:#fff;
	font-size: 15px;
	border: none;
	text-align: center;
	padding: 0;
	padding-left: 3px;
}
ul.service-calendar {
	
}
ul.service-calendar > li {
	display: block;
	width: 125px;
	float: right;
	margin: 0 5px 5px 5px;
	
}
ul.service-calendar > li .select-time {
	display: block;
	width: 100%;
	font-family: 'DIN-NEXT-REGULAR';
	border: 2px solid #ededed;
	background: #fff;
	direction: ltr;
	line-height: 30px;
	height: 40px;
}
.select-time-icon {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    margin-top: 10px;
    margin-right: 5px;
    background: url("../../../images/success.png") 0 0 no-repeat;
}
.select-time:hover { border: 2px solid #735385; color: #735385; }
.select-time:hover .select-time-icon {
    background: none;
    border: 2px solid #735385;
    color: #735385;
    width: auto;
    height: auto;
    padding: 3px;
    border-radius: 25px;
    margin-right: 3px;
}
.select-time:hover .select-time-icon span {
    background: #735385;
    width: 8px;
    height: 8px;
    border-radius: 7px;
    display: block;
}

.submitBook-wrap {
	margin-top: 30px;
}
.submitBook-wrap .submitBook {
	display: inline-block;
	line-height: 45px;
	border: none;
	padding: 0 25px;
	border-radius: 30px;
	margin: 0px;
	background: #fac200;
	color: #fff;
	font-family: 'Swissra-Medium';
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;	
}
.submitBook-wrap .submitBook:hover {
	background: #dd4b7c;
}
/*
.offer-booked-wrap {
	
}
.offer-booked-item {
	display: block;
	position: relative;
	background-color:#fff;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	padding: 20px;
	margin-bottom: 15px;
	overflow: hidden;
	text-align: center;
}
.offer-booked-item .offer-booked-img {
	display: inline-block;
	border-radius: 100%;
	overflow: hidden;
	width: 140px;
	height: 140px;
}
.offer-booked-item .offer-booked-img img{
	width: 100%;
	height: 100%;
}
.offer-booked-item .offer-booked-info {
	
}

.offer-booked-item .offer-booked-info h3 {
	font-family: 'Swissra-Bold';
	color:#735385;
    font-size: 21px;
    line-height: 40px;
}

.offer-booked-item .offer-booked-info p{
	color: #371749;
	font-family: 'Swissra-Medium';
	margin: 0;
	font-size: 15px;	
}


.appointment{
	position: relative;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    text-align: center;
    position: relative;
	overflow: hidden;
}
.appointment-icon {
    
    position: absolute;
	right: 0;
    width: 90px;
    height: 100%;
    font-size: 27px;
    background: #735385;
    color: #FFF;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}
.appointment-icon i {
	height: 40px;
	line-height: 40px;
	width: 40px;
	text-align: center;
	position: relative;
	top: calc(50% - 20px);
}
.appointment p{
	float: right;
	padding: 15px 100px 15px 10px;
    margin: 0;
	line-height: 26px;
    color: #575757;
	overflow: hidden;
}
.appointment span {
    color: #0bac95;
    margin-left: 5px
}
*/

/*Bill Page
==============================*/
.bill-section {
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.03);
	border-radius: 10px;
	overflow: hidden;
}
.bill-section .bill-head {
	background: #fff;
	padding: 20px;
	border-bottom: 2px solid #f6f6f6;
	overflow: hidden;
}
.bill-section .bill-head .bill-title {
	float: right;
	font-family: 'Swissra-Medium';
	background: #f8f8f8;
	color: #757575;
	padding: 0px 23px;
	border-radius: 30px;
	border: 1px solid #ededed;
	line-height: 42px;
	height: 44px;
	font-size: 16px;
}
.bill-section .bill-head .bill-title > i {
	position: relative;
	top: 1px;
	font-size: 18px;
	margin-left: 5px;
}
.bill-section .bill-head .bill-title > .bill-num {
	display: block;
	float: left;
	font-family: 'DIN-NEXT-MEDIUM';
	font-size: 18px;
	margin-right: 5px;
	line-height: 38px;	
}
.bill-section .bill-head .bill-price {
	float: left;
	font-family: 'Swissra-Medium';
	background: #f8f8f8;
	color: #757575;
	padding: 0px 23px;
	border-radius: 30px;
	border: 1px solid #ededed;
	line-height: 42px;
	height: 44px;
	font-size: 16px;	
}
.bill-section .bill-head .bill-price > span:last-child {
	float: left;
	font-family: 'DIN-NEXT-MEDIUM';
	font-size: 18px;
	margin-right: 5px;
	line-height: 38px;
}
.bill-section .bill-cont {
	background: #fff;
}
.bill-section .bill-cont ul.bill-detail{
	overflow: hidden;
	padding: 0 20px 20px;
	border-bottom: 2px solid #f6f6f6;
}
.bill-section .bill-cont ul.bill-detail > li{
	float: right;
	width: 33.333%;
	padding: 0 10px;
	margin-top: 25px;
}
.bill-section .bill-cont ul.bill-detail > li > span {
	font-family: 'Swissra-Medium';
	color: #757575;
	line-height: 25px;
	font-size: 15px;
}
.bill-section .bill-cont ul.bill-detail > li >span:first-child {
	
}
.bill-section .bill-cont ul.bill-detail > li >span:first-child i {
	margin-left: 5px;
	font-size: 16px;
	color: #fac200;
}
.bill-section .bill-cont ul.bill-detail > li >span:last-child {
	font-family: 'DIN-NEXT-MEDIUM';
	font-size: 17px;
	margin-right: 5px;
	line-height: 25px;
}
.bill-section.finish-book .bill-cont ul.bill-detail > li:last-child {
	width: 100%;
}
.bill-section.finish-book .bill-head .print-button {
	float: left;
	font-family: 'Swissra-Medium';
	background: #f8f8f8;
	color: #757575;
	padding: 0px 23px;
	border-radius: 30px;
	border: 1px solid #ededed;
	line-height: 42px;
	height: 44px;
	font-size: 16px;	
	margin-right: 10px;
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
	        transition: all 0.4s;
}
.bill-section.finish-book .bill-head .print-button:hover {
	background: #fac200;
	border-color: #fac200;
	color: #fff;
}
.bill-section .bill-cont .services-booking {
	padding: 20px;
}
.table-book-services.bill-table tbody tr:nth-child(2n) {
    background: #fff;
}
.table-book-services.bill-table .tb-serv-name {
	width: 20%;
}
.table-book-services.bill-table .tb-serv-time {
	width: 15%;
}
.bill-section .bill-cont .table-book-services.bill-table {
	margin: 0;
}
.table-book-services.bill-table .tb-serv-price {
	width: 15%;
}
.table-book-services.bill-table .tb-serv-book {
	width: 30%;
}
.table-book-services.bill-table .tb-serv-employe {
	width: 20%;
}


.table-book-services.bill-table tbody .tb-serv-time,
.table-book-services.bill-table tbody .tb-serv-price,
.table-book-services.bill-table tbody .tb-serv-book {
	font-family: 'DIN-NEXT-MEDIUM';
}
.table-book-services.bill-table tbody .tb-serv-name span{
    display: block
}
.table-book-services.bill-table tbody .tb-serv-employe span {
	line-height: 40px;
	background: #f6f6f6;
	border: 1px solid #f0f0f0;
	padding: 0 10px;
	margin: 1px 10px;
	display: block;
	border-radius: 30px;
}


.payment-coupon-wrap {
	overflow: hidden;
	margin-top: 40px;
}
.payment-coupon-block {
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.03);
	border-radius: 10px;
	overflow: hidden;
}
.payment-coupon-block .payment-coupon-head {
	padding: 20px;
	border-bottom: 2px solid #f6f6f6;
	overflow: hidden;
}
.payment-coupon-block .payment-coupon-head h3.title {
	float: right;
	font-family: 'Swissra-Medium';
	color: #656565;
	line-height: 45px;
	font-size: 19px;
}
.payment-coupon-block .payment-coupon-head h3.title i {
	margin-left: 5px;
}
.payment-coupon-block .payment-coupon-head > .btn {
	float: left;
	line-height: 45px;
	border: none;
	padding: 0 25px;
	border-radius: 30px;
	margin: 0px;
	background:#fac200;
	color:#fff;
	font-family: 'Swissra-Medium';
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}
.payment-coupon-block .payment-coupon-cont {
	padding: 20px;
}


.payment-coupon-cont .radio-check-item input[type="radio"] + label, 
.payment-coupon-cont .radio-check-item input[type="checkbox"] + label {
    position: relative;
    margin: 0;
    font-size: 16px;
    color: #656565;
}

.choose-adress {
	overflow: hidden;
}

.choose-adress .form-group{
	float: right;
	width: 33.3333%;
	padding: 0 10px;
	
}

.pay-form {
	overflow: hidden;
}
.pay-form .form-group{
	float: right;
	width: 50%;
	padding: 0 10px;
}
.coupon-form .form-group{
    margin-bottom: 20px;
	margin-top: 15px;
}
.coupon-form .form-group .form-control{
    background-color: #fff;
    display: inline-block;
    width: 75%;
    vertical-align: middle;
}
.coupon-form .form-group .custom-btn{
    display: inline-block;
    width: 20%;
    vertical-align: middle;
    margin-right: 5px;
	padding: 11px 20px;
}
.coupon-form .form-group .form-control::placeholder{
    color: #c6c6c6
} 


/*Login Reeg Page
==============================*/
.log-reg-section {
	padding: 25px 0 50px;
}
.log-reg-section .nav-tabs {
	text-align: center;
	margin-bottom: 30px;
}
.log-reg-section .nav-tabs > li {
	display: inline-block;
	width: auto;
	float: none;
	margin: 0 10px;
}
.log-reg-section .nav-tabs > li.active::before{
	display: none;
}
.log-reg-section .nav-tabs > li > a {
	display: block;
	line-height: 40px;
	padding: 0 30px;
	min-width: 200px;
}
.log-reg-section .forget-pass {
	display: inline-block;
	line-height: 40px;
	margin-top: 15px;
	font-size: 16px;
	color: #fac200;
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
	        transition: all 0.4s;
}
.log-reg-section .forget-pass:hover {
	color: #dd4b7c;
} 
/*Profile Pages
=============================*/
/*Dashboard Side*/
ul.dash-side {
	background-color: #f8f8f8;
    border-radius: 15px
}
ul.dash-side > li {
	display: block;
    width: 100%;
}
ul.dash-side > li > a {
	display: block;
	color: #575757;
    border-radius: 50px;
	font-family: 'Swissra-Medium';
	font-size: 14px;
    height: 45px;
    line-height: 45px;
    margin-bottom: 15px;	
	padding: 0 20px;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
ul.dash-side > li > a > i {
	margin-left: 5px;
	font-size: 18px;
}
ul.dash-side > li.active > a, 
ul.dash-side > li:hover > a, 
ul.dash-side > li:focus > a {
    background-color: #fac200;
	color: #fff;
}
ul.dash-side > li:last-child > a {
	text-align: center;
	background: none;
	color: #fac200;
}
ul.dash-side > li:last-child:hover > a {
	color: #dd4b7c;
}



/*Adress Page
=============================*/
.address-box {
	
}
.address-box .section-head {
	margin-bottom: 40px;
}
.address-box .section-head .title {
	line-height: 40px;
	margin-bottom: 10px;
	font-size: 19px;
	color: #fac200;
}
.address-box .section-head p {
	line-height: 33px;
	font-size: 15px;
	margin: 0;
}
.address-box .section-head .title .btn {
	line-height: 35px;
	padding: 0px 15px;
	border-radius: 40px;
	border: none;
	margin-top: 2px;
	margin-right: 7px;
	background: #eaeaea;
	font-family: 'Swissra-Normal';
	color: #575757;
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
	        transition: all 0.4s;
}
.address-box .section-head .title .btn:hover {
	background: #cecece;
}

.address-item {
	
}
.address-item .address-head {
	overflow: hidden;
	margin-bottom: 10px;
}
.address-item .address-head .title {
	display: block;
	float: right;
	font-size: 18px;
    color: #fac200;
	margin-left: 10px;
}
.address-item .address-head .btn {
	line-height: 32px;
	padding: 0px 15px;
	border-radius: 40px;
	border: none;
	margin-top: 2px;
	background: #eaeaea;
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
	        transition: all 0.4s;
}
.address-item .address-head .btn:hover {
	background: #cecece;
}
.address-item ul.address-info{
    overflow: hidden;
}
.address-item ul.address-info > li {
	line-height: 32px;
	margin-bottom: 5px;
	overflow: hidden;
}
.address-item ul.address-info > li > span {
	display: block;
	float: right;
	width: 50%;
	padding-left: 10px;
}
.address-item ul.address-info > li > span:first-child{
    font-size: 15px;
    color: #777;
	font-family: 'Swissra-Medium';
}
.address-item ul.address-info > li > span:last-child{
    font-family: 'DIN-NEXT-MEDIUM';
	font-size: 16px;
	line-height: 29px;
	color: #777;
	padding-left: 0;
}
.adress-modal .modal-header .close {
    margin-top: -2px;
    font-size: 25px;
}
.adress-modal .submit-address {
	line-height: 45px;
	border: none;
	padding: 0 25px;
	border-radius: 30px;
	margin-bottom: 10px;
	background: #fac200;
	color: #fff;
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
	        transition: all 0.4s;
}
.adress-modal .submit-address:hover {
	background: #dd4b7c;
}

/*Order Detail*/
.order-detail {
	
}

.order-detail .table-book-services.bill-table .tb-serv-name {
	width: 20%;
}
.order-detail .table-book-services.bill-table .tb-serv-time {
	width: 12%;
}
.order-detail .table-book-services.bill-table .tb-serv-price {
	width: 12%;
}
.order-detail .table-book-services.bill-table .tb-serv-book {
	width: 26%;
}
.order-detail .table-book-services.bill-table .tb-serv-employe {
	width: 15%;
}
.order-detail .table-book-services.bill-table .tb-serv-rate {
	width: 15%;
}

.order-detail .table-book-services.bill-table tbody .tb-serv-rate button {
	line-height: 35px;
	border: none;
	padding: 0 15px;
	border-radius: 30px;
	margin: 0px;
	background: #fac200;
	color: #fff;
	font-family: 'Swissra-Medium';
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}
.order-detail .table-book-services.bill-table tbody .tb-serv-rate button:hover {
	background: #dd4b7c;
}


/*edit order*/

.editbook-block {
	
}
.editbook-block .service-calendar-notif {
	display: block;
}
.editbook-block ul.service-calendar {
	display: none;
}






































/* Contact-Widget */
.contact-widget{
    position: relative;
    margin-bottom: 40px;
}
.contact-widget .contact-icon{
    display: inline-block;
    margin-left: 20px;
}
.contact-widget .contact-icon i{
    color: #fff;
    font-size: 33px;
    line-height: 60px;
}
.contact-widget .contact-body{
    display: inline-block;
}
.contact-widget .contact-body > span{

    display: block;
    color: #fff;
    line-height: 22px;
    font-size: 14px;
}
.contact-widget .contact-body > span:first-child{
    font-family: 'DIN-NEXT-MEDIUM';
}
.contact-widget .contact-body > span:last-child{
    font-size: 16px;
}



.info-box .info-box-head {
    text-align: center;
}
.info-box .info-box-head h4 {
	line-height: 40px;
	margin-bottom: 10px;
	font-size: 22px;
	font-family: 'DIN-NEXT-MEDIUM';
	color: #404553;    
}
.info-box .info-box-head span {
    display: block;
}
.info-box .info-box-foot {
    text-align: center;
    margin-top: 40px;
}
.info-box .info-box-foot h4 {
	line-height: 40px;
	margin-bottom: 10px;
	font-size: 20px;
	font-family: 'DIN-NEXT-MEDIUM';
	color: #404553;    
}
.info-box .info-box-foot span {
    display: block;
}
.info-box .title {
	line-height: 40px;
	margin-bottom: 30px;
	font-size: 20px;
	font-family: 'DIN-NEXT-MEDIUM';
	color: #404553;
}

.info-box p {
	line-height: 35px;
	word-spacing: 1px;
	color: #757575;
	font-size: 17px;
	font-family: 'DIN-NEXT-REGULAR';
}

.info-box .subtitle {
	margin-top: 50px;
	margin-bottom: 20px;
	line-height: 40px;
	font-size: 20px;
	font-family: 'DIN-NEXT-MEDIUM';
	color: #404553;    
}
ul.content-list {
    
}
ul.content-list li{
	line-height: 35px;
	word-spacing: 1px;
    margin-bottom: 5px;
	color: #757575;
	font-size: 17px;
	font-family: 'DIN-NEXT-REGULAR';    
}






.rate-serve {
	overflow: hidden;
}
.rateit {
	float: right;
}
.rate-value {
	float: left;
	font-family: 'DIN-NEXT-MEDIUM';
}
.rate-value span {
	font-size: 16px;
}
.rateit button.rateit-reset {
	display: none!important;
}
.submit-rate {
	line-height: 40px;
	border: none;
	padding: 0 25px;
	border-radius: 30px;
	margin-bottom: 10px;
	background: #fac200;
	color: #fff;
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
	        transition: all 0.4s;
}
.submit-rate:hover {
	color: #fff;
	background: #dd4b7c;
}





































































.transform-banner img {
    -webkit-animation: border-transform 10s linear infinite alternate forwards;
    animation: border-transform 10s linear infinite alternate forwards;
    border-radius: 100%;
}

@-webkit-keyframes border-transform {
    0%,
    100% {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
    }
    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
    }
    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
    }
    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
    }
    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
    }
    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
    }
    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
    }
}
@keyframes border-transform {
    0%,
    100% {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
    }
    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
    }
    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
    }
    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
    }
    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
    }
    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
    }
    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
    }
}




.main-cat {
    padding: 50px 0;
}


.cat-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}
.cat-wrap .cat-item {
    display: block;
    background: #fff;
    padding: 20px;
    margin-left: 30px;
    -webkit-box-shadow: 4px 6px 14px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 4px 6px 14px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 6px 14px 0px rgb(0 0 0 / 10%);
}
.cat-wrap .cat-item:last-child {
    margin: 0;
}
.cat-wrap .cat-item .cat-img {
    position: relative;
    border-radius: 100%;
    overflow: hidden;
    height: 220px;
    width: 220px;
    transition: all 0.4s;
}
.cat-wrap .cat-item .cat-img img {
    height: 100%;
    width: 100%;
}
.cat-wrap .cat-item .cat-img:before {
    position: absolute;
    content: "";
    opacity: 0.2;
    left: 8px;
    right: 8px;
    bottom: 8px;
    top: 8px;
    border-radius: 100%;
    background-color: #fac200;
    opacity: 0.4;
}
.cat-wrap .cat-item:hover .cat-img:before {
    opacity: 0.8;
}
.cat-wrap .cat-item:hover .cat-img{
	transform:scale(1.06) rotate(359deg);
	-moz-transform:scale(1.06) rotate(359deg);
	-webkit-transform:scale(1.06) rotate(359deg);
}

.cat-item .cat-title {
    text-align: center;
    margin-top: 7px;
}
.cat-item .cat-title h3{
    line-height: 40px;
    font-family: 'DIN-NEXT-MEDIUM';
    color: #fac200;
    font-size: 21px;
}
@media(max-width:991px){
    .cat-wrap .cat-item  {
        margin: 0 0 30px;
    }
}