@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
/*--------------------------------------------*/
.twitter-typeahead, .tt-hint, .tt-input, .tt-dropdown-menu { width: 100%; }
.tt-input-group {
    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 {
    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;
    padding: 2px 5px 2px 5px;
}

.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: 8px 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: 30px;
	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;
}
/*-------------------------------------------*/
/* Classifieds, Properties and Products Images
/*-------------------------------------------*/
/* 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-xs-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
/*--------------------------------------*/
.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;
}