/* 
* Shortcodes
* 
* @package WP Real Estate 6
* @subpackage CSS
 */

/* Gallery Photo */
.single-gallery-thumb{ display: block; -webkit-transition: background .2s linear;-moz-transition: background .2s linear;-o-transition: background .2s linear;-ms-transition: background .2s linear;transition: background .2s linear; }
.single-gallery-thumb:hover{ background: #fff }

.single-gallery-thumb img{ -webkit-transition: opacity .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;-ms-transition: all .2s linear;transition: opacity .2s linear; }
.single-gallery-thumb img:hover{ opacity: 0.6; -webkit-opacity: 0.6; -moz-opacity: 0.6 }

.gallery-photo.two.columns { width: 280px !important;}
.gallery-photo.three.columns { width: 205px !important;}
.gallery-photo.five.columns { width: 120px !important;}
.gallery-photo.six.columns { width: 100px !important;}



/* Google Map */
.googlemap { margin: 0 0 20px;position: relative; max-width: inherit; }
.googlemap .map_canvas { width: 100%;height: 100%;}
.googlemap .map_canvas h3 { margin: 0 0 10px; font-size: 14px}
.map_canvas img { max-width:none !important }

/* HR */
hr.none { border: none; outline: none; height: 1px; background: none; }
hr.dotted-line { border: none; border-top: 1px dotted #ccc; }
hr.solid-line { border: none; border-top: 1px solid #eee; }
hr.double-line { border: none; border-top: 1px solid #ccc; height:4px; border-bottom: 1px solid #ccc; }
hr.dashed-line { border: none; border-top: 1px dashed #ccc; }

/* Testimonial */
.testimonial-content{ position: relative; background: #f9f9f9; padding: 12px; color: #9c9c9c; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 1.8em; }
.testimonial-content:after{content: ""; position: absolute; left: 12px; bottom: -12px; width:0px; height:0px; border-bottom:12px solid transparent;border-top:8px solid transparent;border-right:12px solid #f9f9f9;font-size:0px;line-height:0px}
.testimonial-content p:last-child{ margin: 0 }
.testimonial-author{ margin-top: 12px; margin-left: 18px; font-size: 11px; color: #999; font-weight: bold }

/* Social */
.ct-social-icon{ margin-bottom: 5px; margin-right: 5px; }
.ct-social-icon:hover{ opacity: 0.7; -webkit-opacity: 0.9; -moz-opacity: 0.9 }

/* Alerts */
.alert-gray, .alert-red, .alert-green, .alert-blue, .alert-yellow { font-size: 12px; color: #fff; font-weight: bold; padding: 15px; margin-bottom: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-width: 1px; border-style: solid; line-height: 18px; }
.alert-gray { background-color: #f9f9f9; border-color: #eee; color: #777; }
.alert-red { background-color: #fcdfde; border-color: #f9d4d3; color: #b87979; }
.alert-red .alert-title{ color: #b87979 }
.alert-green { background-color: #daf0da; border-color: #c4ebc4; color: #7c9d7c }
.alert-green .alert-title{ color: #7c9d7c }
.alert-blue { background-color: #dff5fb; border-color: #cbeef7; color: #7b9ea6 }
.alert-blue .alert-title{ color: #7b9ea6 }
.alert-yellow { background-color: #fff8de; border-color: #f4e6b4; color: #a8a186; }
.alert-yellow .alert-title{ color: #a8a186 }
.alert-title { font-size: 14px; margin: 0 0 5px }
.alert-red p:last-child, .alert-green p:last-child, .alert-blue p:last-child, .alert-yellow p:last-child { margin: 0;}
.alert-right { text-align: right;}
.alert-left { text-align: left;}
.alert-center { text-align: center;}

#sidebar [class*='alert-']{ margin-bottom: 0; }

/* Buttons */
.btn,
.button { position: relative; text-transform: uppercase; margin-right: 10px; margin-bottom: 10px; text-shadow: 0 1px 0 rgba(0,0,0,0.5); -moz-transition: all 0.1s ease-in-out 0s; border-radius: 3px; cursor: pointer; display: inline-block; font-weight: bold; white-space: nowrap; nowhitespace: afterproperty; line-height: 1em; text-align: center; outline: none; overflow: visible; border: 1px solid #ccc; background: #f0f0f0; }
	.button span.button-inner { display: inline-block; color: #fff; font-weight: bold; padding: 1em 1.4em; line-height: 0.8em; text-decoration: none; text-align: center; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); }
	.btn:active,
	.button:active { top: 1px; background: #000; }
	.btn:hover,
	.button:hover { cursor: pointer; opacity: 0.9; -moz-opacity: 0.9; -webkit-opacity: 0.9; }
		.btn.black,
		.button.black { background: #505050; border: 1px solid #101010;}
			.btn.black:active,
			.button.black:active { background: #101010;}
		.btn.gray,
		.button.gray { background: #aaaaaa; border: 1px solid #7e7e7e;}
			.btn.gray:active,
			.button.gray:active { background: #7e7e7e;}
		.button.light-gray span.button-inner { color: #505050;}
			.button.light-gray:active { background: #d9dade;}
		.btn.red,
		.button.red { background: #cf4647; border: 1px solid #a62b2c;}
			.btn.red:active,
			.button.red:active { background: #a62b2c;}
		.btn.orange ,
		.button.orange { background: #fa9e19; border: 1px solid #FB6909;}
			.btn.orange:active,
			.button.orange:active { background: #fb6909;}
		.btn.blue,
		.button.blue { background: #00a2ad; border: 1px solid #2d979e;}
			.btn.blue:active,
			.button.blue:active { background: #007078;}
		.button.rosy { background: #f295a2; border: 1px solid #e84a5f;}
			.button.rosy:active { background: #e84a5f;}
		.button.pink { background: #e3618d; border: 1px solid #cb245c;}
			.button.pink:active { background: #cb245c;}
		.button.green { color: #fff; background: #81cc4b; border-color: #60AE40;}
			.button.green:active { background: #60ae40;}
		.button.brown { background: #876565; border: 1px solid #604848;}
			.button.brown:active { background: #604848;}
		.button.purple { background: #524656; border: 1px solid #372f3a;}
			.button.purple:active { background: #372f3a;}
		.button.gold { background: #ffc750; border: 1px solid #faaa00;}
			.button.gold:active { background: #faaa00;}
		.button.teal { background: #3c9091; border: 1px solid #286061;}
			.button.teal:active { background: #286061;}
		.button.navy { background: #2c76cf; border: 1px solid #1d4e89;}
			.button.navy:active { background: #1d4e89;}

.button.normal { font-size: 11px }
.button.large { font-size: 13px }
.button.giant { font-size: 16px }
.button.left { float: left }
.button.right { float: right; margin-right: 0; margin-left: 5px; }
.button.center { margin: 0 auto }

/* Toggle */
.ct-toggle-wrap { margin: 0; }
.ct-toggle-wrap h3.trigger { margin: 0px; }
.ct-toggle-wrap h3.trigger a.trigger-link { color: #777; display: block; border: 1px solid #ddd; padding: 10px; outline: 0 !important; font-weight: 400; font-size: 12px; margin-bottom: 0px; margin-top: 8px; background: #f5f5f5; }
.ct-toggle-wrap h3.trigger a.trigger-link:hover,
.ct-toggle-wrap h3.active a.trigger-link,
.ct-toggle-wrap h3.active a.trigger-link:hover { border: 1px solid #ddd; color: #444; background: #eee; }
.ct-toggle-wrap .toggle_container { background-color: #fdfdfd; overflow: hidden; padding: 20px; border: 1px solid #ddd; border-top: 0px }
.ct-toggle-wrap h3.trigger a span[class*='ct-icon-'] { margin-right: 7px }

/* Accordion */
.ct-accordion .trigger { font-size: 12px; margin-bottom: 0px; margin-top: 8px; }
.ct-accordion .trigger { color: #777; display: block; border: 1px solid #ddd; padding: 10px; outline: 0 !important; font-weight: 400; font-size: 12px; margin-bottom: 0px; margin-top: 8px; background-color: #f5f5f5; cursor: pointer }
.ui-state-focus { outline: none }
.ct-accordion h3.trigger:hover,
.ct-accordion .ui-state-active { color: #444; background: #eee; }
.ct-accordion .ui-accordion-content { background-color: #fdfdfd; padding: 20px; border: 1px solid #ddd; border-top: 0px; }
.ct-accordion .ui-accordion-content p:last-child { margin: 0px }
.ct-accordion .ui-icon{ margin-right: 7px }

/* Tabs */
.tab-shortcode ul.ui-tabs-nav { display: block; margin: 0; padding: 0; border-bottom: solid 1px #ddd; margin-left: 1px; }
.tab-shortcode ul.ui-tabs-nav li { display: block; width: auto; height: 30px; padding: 0; float: left; margin-bottom: 0; }
.tab-shortcode ul.ui-tabs-nav li a { display: block; text-decoration: none; width: auto; height: 29px; padding: 0px 20px; line-height: 30px; border: solid 1px #ddd; border-width: 1px 1px 0 0; margin: 0; background-color: #f5f5f5; font-size: 12px; color: #444 !important; text-shadow: 1px 1px 0px rgba(255,255,255,0.7); }
.tab-shortcode ul.ui-tabs-nav li a:hover{ color: #333; background: #eee; }
.tab-shortcode ul.ui-tabs-nav .ui-state-active a { background: #fff; height: 30px; position: relative; top: -4px; padding-top: 4px; border-left-width: 1px; margin: 0 0 0 -1px; color: #111 !important; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; }
.tab-shortcode ul.ui-tabs-nav .ui-state-active a:hover{ background: #fff }

.tab-shortcode ul.ui-tabs-nav li:first-child .ui-state-active a { margin-left: 0 }
.tab-shortcode ul.ui-tabs-nav li:first-child a { border-width: 1px 1px 0 1px; }
.tab-shortcode .tab-content { background: #fff; padding: 20px; border-left: solid 1px #ddd; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; }
.tab-shortcode ul.tabs:before, ul.tabs:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.tab-shortcode ul.tabs:after { clear: both }
.tab-shortcode ul.tabs { zoom: 1 }
.tab-shortcode .ui-tabs-hide { display: none }

.tab-shortcode:before, ul.tab-shortcode:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.tab-shortcode:after { clear: both }
.tab-shortcode { zoom: 1 }
.tab-shortcode .ui-tabs-hide { display: none }

/* Columns */
.one-half, .two-columns { width: 48% }
.one-third, .three-columns { width: 30.66% }
.one-two-third { width: 65.33% }
.one-fourth, .four-columns { width: 22% }
.one-three-fourth { width: 74% }
.one-fifth { width: 16.8% }
.one-sixth { width: 13.33% }
.two-columns, .three-columns, .four-columns, .one-two-third, .one-three-fourth, .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .one-sixth { position: relative; margin-right: 4%; float: left; }
.column-last { margin-right: 0px }
.column-first { margin-left: 0px }
.column-last:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
#main-content .one-full h1:first-child, #main-content .one-full h2:first-child, #main-content .one-full h3:first-child, #main-content .one-full h4:first-child, #main-content .one-full h5:first-child, #main-content .one-full h6:first-child, #main-content .one-half h1:first-child, #main-content .one-half h2:first-child, #main-content .one-half h3:first-child, #main-content .one-half h4:first-child, #main-content .one-half h5:first-child, #main-content .one-half h6:first-child, #main-content .one-third h1:first-child, #main-content .one-third h2:first-child, #main-content .one-third h3:first-child, #main-content .one-third h4:first-child, #main-content .one-third h5:first-child, #main-content .one-third h6:first-child, #main-content .one-fourth h1:first-child, #main-content .one-fourth h2:first-child, #main-content .one-fourth h3:first-child, #main-content .one-fourth h4:first-child, #main-content .one-fourth h5:first-child, #main-content .one-fourth h6:first-child, #main-content .one-fifth h1:first-child, #main-content .one-fifth h2:first-child, #main-content .one-fifth h3:first-child, #main-content .one-fifth h4:first-child, #main-content .one-fifth h5:first-child, #main-content .one-fifth h6:first-child, #main-content .one-sixth h1:first-child, #main-content .one-sixth h2:first-child, #main-content .one-sixth h3:first-child, #main-content .one-sixth h4:first-child, #main-content .one-sixth h5:first-child, #main-content .one-sixth h6:first-child,
#main-content .one-two-third h3:first-child, #main-content .one-two-third h4:first-child, #main-content .one-ftwo-third h5:first-child, #main-content .one-two-third h6:first-child,
#main-content .one-three-fourth h3:first-child, #main-content .one-three-fourth h4:first-child, #main-content .one-three-fourth h5:first-child, #main-content .one-three-fourth h6:first-child  { margin-top: 0px }


/* Pricing Table */
.pricing-table > li{ border: 1px solid #ddd; background-color: #f9f9f9; margin-bottom: 0; box-shadow: 0 0 0 4px #f9f9f9; -webkit-box-shadow: 0 0 0 4px #f9f9f9; -webkit-box-shadow: 0 0 0 4px #f9f9f9; }
.pricing-header{ background: #f5f5f5; text-align: center; padding: 25px; -webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px; border: 1px solid #fff; }
.pricing-header h4{ color: #333; margin: 0 0 15px; font-size: 18px; line-height: 1em; }
.pricing-cost{ }
.pricing-cost .pricing-ammount{ display: inline-block; color: #fff; background: #adce5c; font-weight: bold; font-size: 18px; height: 60px; width: 60px; line-height: 60px; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); text-shadow: 0 -1px 0 #7a9439; border: 1px solid #7a9439; }
.pricing-cost .pricing-cost-extra{ margin-top: 15px; display: block; color: #888; font-weight: bold; font-size: 13px; text-shadow: 1px 1px 1px #fff; }
.pricing-content{ padding: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #7f7f7f; text-align: center; font-weight: bold; }
.pricing-content ul{ margin: 0; }
.pricing-content ul li{ margin: 0 0 5px;}
.pricing-button{ margin: 0; text-align: center; border-top: 1px solid #fff; padding: 20px }
.pricing-button .button{ float: none; margin: 0 auto; display: inline-block; }