@CHARSET "ISO-8859-1";
/*---------------------------------------------*/
/* TYPEAHEAD SEARCH BAR
/*---------------------------------------------*/
.tt-suggestion {
	background-color: #fde910;
	color: #292f38;
	display: block;
	padding: 3px 20px;
}
.tt-suggestion.tt-is-under-cursor {
	color: #fff;
	background-color: #428bca;
}
.tt-suggestion.tt-is-under-cursor a {
	background-color: #000;
	color: #fff;
}
.tt-suggestion p {
	margin: 0;
}

.tt-suggestion:hover {
	background-color: #292f38;
	color: #fff;
}

/*--------------------------------------------*/
/* IMPORTANT - TYPEAHEAD INPUT-GROUP ISSUE
/*--------------------------------------------*/
/*.tt-hint, 
.tt-input, 
.tt-dropdown-menu,
.tt-open,
.twitter-typeahead {
	width: 100%; 
}*/
/*.tt-input-group {
    width: 100%;
}
.input-group-btn .twitter-typeahead {	
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}*/
.twitter-typeahead {
	display: block !important;
}
.tt-input-group,
.tt-menu {
    width: 100%;
}
/*.form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group {
    width: inherit;
}*/

.nav-search {
	width: 100%;
}

.nav-inpt > .input-group-btn,
.search-input-group-btn {
    vertical-align: top;
}

/*--------------------------------------------*/
/* FORM.JS VALIDATOR SHAKE CLASS
/*--------------------------------------------*/
/*.has-error .checkbox,
.has-error .checkbox-inline, 
.has-error .control-label, 
.has-error .help-block, 
.has-error .radio, 
.has-error .radio-inline, 
.has-error.checkbox label, 
.has-error.checkbox-inline label, 
.has-error.radio label, 
.has-error.radio-inline label {
    background: #ee0101 none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 0 4px #000;
    color: #fff;
    font-size: 12px;
}*/
.help-block.with-errors ul {
	background-color: #ee0101 !important;
    border-radius: 5px;
    box-shadow: 0 0 4px #aaa;
	color: #fff;
	font-size: 12px;
    padding: 5px 5px 5px 8px;
}

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

.animated.hinges {
	-webkit-animation-duration: 2s;
	   -moz-animation-duration: 2s;
	     -o-animation-duration: 2s;
	        animation-duration: 2s;
}

.animated.slow {
	-webkit-animation-duration: 3s;
	   -moz-animation-duration: 3s;
	     -o-animation-duration: 3s;
	        animation-duration: 3s;
}

.animated.snail {
	-webkit-animation-duration: 4s;
	   -moz-animation-duration: 4s;
	     -o-animation-duration: 4s;
	        animation-duration: 4s;
}

@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-o-keyframes shake {
	0%, 100% {-o-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
}
/*--------------------------------------------*/
/* INTL TELEPHONE FIELD WIDTH
/*--------------------------------------------*/
.intl-tel-input {width: 100%;}
/*-------------------------------------------*/
/* Date CSS ICON for Events Detail Page
/*-------------------------------------------*/
.date {
	display: block;
	width: 70px;
	background: #fff;
	text-align: center;
	font-family: 'Helvetica', sans-serif;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
}

.date .binds {
	position: absolute;
	height: 15px;
	width: 55px;
	background: transparent;
	border: 2px solid #999;
	border-width: 0 5px;
	top: -6px;
	left: 0;
	right: 0;
	margin: auto;
}

.date .month {
	background: #555;
	display: block;
	padding: 4px 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 2px solid #333;
	box-shadow: inset 0 -1px 0 0 #666;
}

.date .day {
	display: block;
	margin: 0;
	padding: 2px 0;
	font-size: 24px;
	box-shadow: 0 0 3px #ccc;
	position: relative;
}

.date .day::after {
	content: '';
	display: block;
	height: 100%;
	width: 96%;
	position: absolute;
	top: 3px;
	left: 2%;
	z-index: -1;
	box-shadow: 0 0 3px #ccc;
}

.date .day::before {
	content: '';
	display: block;
	height: 100%;
	width: 90%;
	position: absolute;
	top: 6px;
	left: 5%;
	z-index: -1;
	box-shadow: 0 0 3px #ccc;
}
/*-------------------------------------------*/
/* Description Page Date CSS ICON for Events
/*-------------------------------------------*/
.desc-date {
	display: block;
	width: 40px;
	background: #fff;
	text-align: center;
	font-family: 'Helvetica', sans-serif;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
}

.desc-date .dbinds {
	position: absolute;
	height: 2px;
	width: 35px;
	background: transparent;
	border: 2px solid #999;
	border-width: 0 5px;
	top: -2px;
	left: 0;
	right: 0;
	margin: auto;
}

.desc-date .dmonth {
	background: #555;
	display: block;
	padding: 0;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	border-bottom: 2px solid #333;
	box-shadow: inset 0 -1px 0 0 #666;
}

.desc-date .dday {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 20px;
	box-shadow: 0 0 3px #ccc;
	position: relative;
}

.desc-date .dday::after {
	content: '';
	display: block;
	height: 100%;
	width: 96%;
	position: absolute;
	top: 3px;
	left: 2%;
	z-index: -1;
	box-shadow: 0 0 3px #ccc;
}

.desc-date .dday::before {
	content: '';
	display: block;
	height: 100%;
	width: 90%;
	position: absolute;
	top: 6px;
	left: 5%;
	z-index: -1;
	box-shadow: 0 0 3px #ccc;
}
/*-------------------------------------------*/
/* Module Images Slider
/*-------------------------------------------*/
/* Main carousel style */
.carousel1 {
    width: 600px;
}

/* Indicators list style */
.article-slide .carousel-indicators {
    bottom: 0;
    left: 0;
    margin-left: 5px;
    width: 100%;
}
/* Indicators list style */
.article-slide .carousel-indicators li {
    border: medium none;
    border-radius: 0;
    float: left;
    height: 54px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 5px !important;
    margin-top: 0;
    width: 100px;
}
/* Indicators images style */
.article-slide .carousel-indicators img {
    border: 2px solid #FFFFFF;
    float: left;
    height: 54px;
    left: 0;
    width: 100px;
}
/* Indicators active image style */
.article-slide .carousel-indicators .active img {
    border: 2px solid #428BCA;
    opacity: 0.7;
}
/* 	----------------------------------------------------
	Style Switcher
   	---------------------------------------------------- */
i.style-switcher-icon {
    background: none repeat scroll 0 0 #222;
    border-radius: 0 6px 6px 0;
    color: #fff;
    font-size: 20px;
    padding: 9px 10px;
    position: fixed;    
    cursor: pointer;
    left: 0;
    top: 88px;
    z-index: 555555;
}
i.style-switcher-icon:hover {
    background: none repeat scroll 0 0 #000;
}
i.style-switcher-icon-option {
    background: none repeat scroll 0 0 #9097a0;
    top: 38px;
}
i.style-switcher-icon-option:hover {
    background: none repeat scroll 0 0 #707985;
}
.style-switcher {
    background: none repeat scroll 0 0 #333;
    border-radius: 0 6px 6px 0;
    color: #fff;
    display: none;
    position: fixed;
    left: 0;
    top: 88px;
    width: 235px;
    z-index: 555555;
}
.style-switcher .style-switcher-heading {
    color: #fff;
    font-size: 15px;
    font-weight: 200;
    margin-bottom: 10px;
}
.style-switcher .btn-u {
    border: 1px solid #555;
    border-radius: 2px !important;
    font-weight: 200;
}
.style-switcher .btn-u.active-switcher-btn, .style-switcher .btn-u.active-switcher-btn {
    border: 1px solid #bbb;
}
.style-switcher-header {
    background: none repeat scroll 0 0 #252525;
    border-bottom: 1px solid #222;
    border-radius: 0 6px 0;
    padding: 10px 10px 10px 15px;
}
.style-switcher-header .style-switcher-heading {
    font-size: 16px;
    margin: 0;
    text-transform: uppercase;
}
.style-switcher-header .style-close {
    position: absolute;
    right: 6px;
    top: 9px;
}
.style-switcher-header .style-close i {
    color: #999;
    cursor: pointer;
    font-size: 22px;
}
.style-switcher-header .style-close i:hover {
    color: #fff;
}
.style-switcher-body .no-col-space {
    padding: 0 10px;
    text-align: center;
}
.style-switcher-body hr {
    border-color: #454545;
    margin: 11px 0;
}
.style-switcher-body .no-col-space .col-6 {
    padding-left: 5px;
    padding-right: 5px;
}
.style-switcher-body {
    padding: 15px 10px 0 15px;
}
.style-switcher li {
    background: none repeat scroll 0 0 #c00;
    border-radius: 10% !important;
    cursor: pointer;
    display: inline-block;
    height: 26px;
    margin: 0 6px 6px 0;
    transition: all 0.2s ease-in-out 0s;
    width: 26px;
}
.style-switcher li.last {
    margin-right: 0;
}
.style-switcher li:hover, .style-switcher li.style-active {
    border: 2px solid #fff;
    transform: scale(1.1);
}
.style-switcher li.style-default {
    background: none repeat scroll 0 0 #3ea4d2;
}
.style-switcher li.style-yellow {
    background: none repeat scroll 0 0 #fff200;
}
.style-switcher li.style-orange {
    background: none repeat scroll 0 0 #fd7800;
}
.style-switcher li.style-red {
    background: none repeat scroll 0 0 #ff3019;
}
.style-switcher li.style-green {
    background: none repeat scroll 0 0 #8fc400;
}
/*--------------------------------------*/
/* Margins
/*--------------------------------------*/
.no-margin {
	margin: 0px;
}
.top1 {
	margin-top: 1%;
}
.top2 {
	margin-top: 2%;
}
.top3 {
	margin-top: 3%;
}
.top4 {
	margin-top: 4%;
}
.top5 {
	margin-top: 5%;
}
.top6 {
	margin-top: 6%;
}
.top7 {
	margin-top: 7%;
}
.bottom1 {
	margin-bottom: 1%;
}
.bottom2 {
	margin-bottom: 2%;
}
.bottom5 {
	margin-bottom: 5%;
}
.margin-right10 {
	margin-right: 10px;
}
.padding-top2 {
	padding-top: 15px;
}

.padding-zero {
	padding: 0;
}
.display-block {
	display: block;
}
.display-none {
	display: none;
}

/*--------------------------------------------*/
/* Google Map Canvas
/*--------------------------------------------*/
.map_canvas {
	width: 100%; 
	height: 300px; 
	position: relative; 
	background-color: rgb(229, 227, 223); 
	overflow: hidden;
}
/*--------------------------------------------*/
/* Facebook Like Box Right Align Issue
/*--------------------------------------------*/
.fb_iframe_widget iframe {
	right: 0;
}

/*--------------------------------------------*/
/* Image Crop
/*--------------------------------------------*/
.img-crop {
	width: 100%;
	text-align: center;
	overflow: hidden;	
}
.img-crop > a > img {
	position: relative;
    left: 50%;
    transform: translate(-50%,0);
	max-height: 70px;
}
/* ReadOnly Field Background Color - Image Upload Process */
.readonly-field {
	background-color: #f1f1f1;
}
/*--------------------------------------------*/
/* Module Detail Page Side Bar search
/*--------------------------------------------*/
.module-side-search input[type=text], .module-side-search button {
	height: 40px;
}
.module-side-search button > .fa {
	font-size: 18px;
}
.module-side-search .input-group-addon, .module-side-search .input-group-btn {
    vertical-align: top;
}
/*-----------------------------------------------------*/
/* Google place autocomplete does not work inside modal
/*-----------------------------------------------------*/
.pac-container {
    z-index: 1051 !important;
}
/*-----------------------------------------------------*/
/* Multilevel Comments
/*-----------------------------------------------------*/
.shadow-box {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 0 3px #cacaca;
	padding: 10px 10px 5px;
	margin: 10px;
}
.comment-section {
	padding: 10px;
}
#comments-box .post-listing{
	padding: 10px 10px 0;
	margin-bottom: 20px;
}
.comment-section > span {
	font-weight: 600;
	text-transform: uppercase;
}
.comment-title {
	margin-bottom: 5px;
	/*font-weight: 600;*/
}
.comment-avatar {
	float: left;
	margin: 0 10px 0 0;
}
.commentlist li {
	margin-bottom: 20px;
	clear: both;
	position: relative;
	clear: both;
}
.author-comment {
	overflow: hidden;
	position: relative;
	margin-bottom: 5px;
}
.author-comment cite {
	color: #3b3b3b;
	position: relative;
	display: block;
	margin-bottom: 2px;
	padding-top: 5px;
	font-style: normal;
	font-weight: bold;
	float: left;
}
.comment-avatar img {
	max-width: 60px;
	max-height: 100px;
}
.commentmetadata {
	display: block;
	font-size: 85%;
	float: right;
	padding-top: 5px;
}

.commentmetadata a {
	color: #3b3b3b;
}
.commentmetadata a:hover {
	color: #000;
}
.comment-wrap {
	position: relative;
	border-bottom: 1px solid #E7E7E7;
}
.comment-author,
.comment-content {	
	margin-left: 80px;
}
.comment-content {
	position: relative;
	display: block;
	overflow: hidden;
	padding-bottom: 15px;
}
.comment-content p {
	line-height: 17px;
	margin-bottom: 10px;
}
.nocomments {
	text-align: center;
}
.commentlist li.pingback {
	padding: 5px 10px;
	border-bottom: 1px solid #ddd;
}
.commentlist .children {
	margin-top: 15px;
	margin-left: 50px;
}
.commentlist .reply a {
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: #E7E7E7;
	padding: 3px 10px;
	font-size: 11px;
}
.commentlist .reply a:hover {
	background: #333;
	color: #FFF;
}
.comment-image {
	max-width: 80px;
	max-height: 80px;
}
/*-----------------------------------------------------*/
/* Mobile Application
/*-----------------------------------------------------*/
.app-right {
	margin-top: 20px;
}
.app-right .list-inline {
	margin-top: 40px;
}
.row-mobile {
	padding: 30px;
}
.row-mobile img {
  border: 0 none;
  display: inline-block;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

/* Detail Page Rating */
.author-comment .rating-container {
	float: left;
	margin-left: 10px;
}

/* Selectize Plugin */
/*.selectize-dropdown-content {
	background-color: #004080;
	border-color: #004080;
}*/
.selectize-dropdown-content .label,
.selectize-dropdown-content .active .label {
	color: #444;
}
.alert-error {
    background-color: #ee0101;
    border-color: #ee0101;
    color: #fff;
    font-size: 12px;
    padding: 5px;
    margin-bottom: 10px;
}
.alert-error p {
	margin-bottom: 0px;
}
/* COMMON */
.text-white {
	color: #fff;
}
/* IMAGE WITH IN CIRCLE */
.img-circle {
	border-radius: 50%;
    display: table;
}
@media (min-width: 0) and (max-width: 467px) {
	.comment-content {
		margin-left: 0px;
	}
	.author-comment .rating-container .star {
		margin: 0px;
	}
	.author-comment .rating-container .caption {
		display: none;
	}
	.author-comment .fa-star {
		font-size: 22px;
	}
	.commentlist .children {
		margin-left: 0px;
	}
	#comments-box.shadow-box {
		margin: 0px;
		padding: 0px;
	}
}
/* Business Query Form Meta Fields */
.stacked-input .form-group {
	display: flex;
	flex-direction: column;
}
/* three-column view card changs */
.card-change .card-header {
    padding: 0.62rem 0.93rem;
}
.card-change .card-title {
   font-size: 1rem;
	margin-bottom: 0;
}

/* Shopping Cart */
.shopping-cart-box{ 
	position: absolute;	
    margin-right: 1rem;
    margin-left:auto;
	max-width: 450px;
	border-radius: 4px;
	padding: 10px;
	margin-top: 10px;
	display:none;
	z-index: 2000;
}
.shopping-cart-box:after {
	content: '';
	position: absolute;
	bottom: 100%;
	width: 0; 
	height: 0;
	border-bottom: 8px solid rgba(255, 0, 97, 1);
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}
.shopping-cart-box ul.cart-products-loaded{
	margin: 0;
	padding: 0;
	list-style: none;
}
.shopping-cart-box .close-shopping-cart-box{
  float: right;
}
#shopping-cart-results ul.cart-products-loaded li {
	margin-bottom: 1px;
	padding: 6px 4px 6px 10px;
}
.shopping-cart-box .remove-item{
	float:right;
	text-decoration:none;
}
.shopping-cart-box .cart-products-total{
	font-weight: bold;
	text-align: right;
	padding: 5px 0px 0px 5px;
}
.shopping-cart-box h3{
	margin: 0;
	padding: 0px 0px 5px 0px;
}
.cart-item-price {
	text-decoration-line: line-through;
	-webkit-text-decoration-line: line-through; /* Safari */
}
.alert.alert-block.alert-danger p { /* Error Messages Vertical Spacing */
	margin-bottom: 0px !important;
}
/* Images Max Height - Featured and Other Blocks*/
.img-height {
	max-height: 150px;
}
@media (min-width: 767px) {
	#language-change {
		min-width: 150px;
	}
}