/*
  Warung Themes Shortcodes
 	Author 		: Warung Themes - Ari Rusmanto
*/


 /* -------------------------------------------------------------- 
 	Contents :
	1  - QUOTE
	2  - BUTTONS
	3  - MESSAGE BOX / ALERTS
	4  - BULLET & LIST
	5  - HILIGHT TEXT
	6  - LABEL
	7  - CTA
	8  - NOTES
	9  - PANEL
	10 - TABS
	11 - ADDRESSES
	12 - ICON WITH TEXT
	13 - GALLERY
	14 - HORIZONTAL RULES
  -------------------------------------------------------------- */

/*
* === SHORTCODES ===
*/
.shortcode-section {
	/*margin-bottom: 80px;*/	
	margin-bottom: 0px;
}
.shortcode-section h3.heading{
	color: #50514f;
	margin: 20px 0 20px 0;
	position: relative;
	z-index: 3;
	padding: 10px 0 10px 15px;
}
.shortcode-section h3.heading:before{
	position: absolute;
	background: #ddd;
	width: 4px;
	left: 0;
	top: 0;
	bottom: 0;
	content:"";
	z-index: 0;
}
.shortcode-section h3.heading:after{
	position: absolute;
	background: #f4f4f4;
	display: block;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	content:"";
	z-index: -1;
}

/*
* === QUOTE ===
*/
blockquote{
	border-left: 0;
	margin: 40px 0;
	position: relative;
	padding: 40px 30px 20px;
}
blockquote:before{
	position: absolute;
	top: -20px;
	left: 0;
	font-family: 'Droid Serif', serif;
	color: #f4f4f4;
	font-size: 180px;
	content: open-quote;
	line-height: 1;
	z-index: 0;
}
blockquote:after{
	position: absolute;
	bottom: -100px;
	right: 0;
	font-family: 'Droid Serif', serif;
	color: #f4f4f4;
	font-size: 180px;
	content: close-quote;
	line-height: 1;
	z-index: 0;
}
blockquote p{
	color: #50514f;
	font-size: 24px;
	line-height: 1.3;
	font-style: italic;
	font-family: 'Droid Serif', serif;
	z-index: 1;
	position: relative;
	margin-bottom: 20px;
}
blockquote .small,
blockquote small{
	font-size: 12px;
	text-transform: uppercase;
	color: #50514f;
	text-align: left;
	font-weight: 700;
	z-index: 1;
	position: relative;
}
.blockquote-reverse,
blockquote.pull-right {
	padding: 40px 30px 20px;
	border-right: none;
}
.blockquote-reverse footer,
blockquote.pull-right footer,
.blockquote-reverse small,
blockquote.pull-right small,
.blockquote-reverse .small,
blockquote.pull-right .small {
	text-align: right;
}


/*
* === BUTTONS ===
*/
.btn {
	padding: 0 30px;
	height: 40px;
	-webkit-box-shadow: inset 0px 50px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: inset 0px 50px 0px 0px rgba(0,0,0,0);
	box-shadow: inset 0px 50px 0px 0px rgba(0,0,0,0);
	transition: box-shadow 0.2s ease, -moz-box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
	border: none;
}
.btn-default {
	color: #333;
	background-color: #fff;
	border: 1px solid #ccc;
}
.btn.focus,
.btn.active,
.btn:active,
.btn:focus,
.btn:hover{
	outline: 0;
	-webkit-box-shadow: inset 0px 50px 0px 0px rgba(0,0,0,0.08);
	-moz-box-shadow: inset 0px 50px 0px 0px rgba(0,0,0,0.08);
	box-shadow: inset 0px 50px 0px 0px rgba(0,0,0,0.08);
}
.btn-default:focus,
.btn-default.focus {
	color: #333;
	background-color: #e6e6e6;
	border-color: #8c8c8c;
}
.btn-default:hover {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}
.btn-primary,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
	background-color: #00aeef;
	border-color: #00aeef;
}
.btn-primary .badge {
	color: #00aeef;
	background-color: #fff;
}
.btn-success,
.btn-success:focus,
.btn-success.focus,
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success,
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
	background-color: #9bc53d;
	border-color: #9bc53d;
}
.btn-success .badge {
	color: #9bc53d;
	background-color: #fff;
}
.btn-info,
.btn-info:focus,
.btn-info.focus,
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info,
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
	background-color: #5bc0eb;
	border-color: #5bc0eb;
}
.btn-info .badge {
	color: #5bc0eb;
	background-color: #fff;
}
.btn-warning,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning,
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
	background-color: #f5bb00;
	border-color: #f5bb00;
}
.btn-warning .badge {
	color: #f5bb00;
	background-color: #fff;
}
.btn-danger,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger,
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
	background-color: #a81412;
	border-color: #a81412;
}
.btn-danger .badge {
	color: #a81412;
	background-color: #fff;
}
.btn.btn-square{
	border-radius: 0;
}
.btn.btn-round{
	border-radius: 20px;
}
.btn-icon{
	position: relative;
	padding-left: 60px;
}
.btn .icon-btn {
	height: 40px;
	width: 40px;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 40px;
	border-right: 1px solid rgba(0,0,0,0.08);
	margin-right: 15px;
	display: none;
}
.btn.btn-icon .icon-btn {
	display: block;
}
.btn.btn-default .icon-btn{
	height: 38px;
	line-height: 38px;
}
.btn-lg{
	height: 50px;
}
.btn-lg.btn-round{
	border-radius: 25px;
}
.btn-lg .icon-btn {
	height: 50px;
	width: 50px;
	line-height: 50px;
}
.btn-lg.btn-default .icon-btn{
	height: 48px;
	line-height: 48px;
}
.btn-lg.btn-icon{
	padding-left: 61px;
}
.btn-sm{
	height: 30px;
}
.btn-sm.btn-round{
	border-radius: 15px;
}
.btn-sm .icon-btn {
	height: 30px;
	width: 30px;
	line-height: 30px;
}
.btn-sm.btn-default .icon-btn{
	height: 28px;
	line-height: 28px;
}
.btn-sm.btn-icon{
	padding-left: 50px;
}
.btn-xs{
	height: 20px;
	padding: 0 15px;
}
.btn-xs.btn-round{
	border-radius: 10px;
}
.btn-xs .icon-btn {
	height: 20px;
	width: 20px;
	line-height: 20px;
}
.btn-xs.btn-default .icon-btn{
	height: 18px;
	line-height: 18px;
}
.btn-xs.btn-icon{
	padding-left: 30px;
}
.shortcode-section .btn {
	margin-bottom: 10px;
	display: block;
}
a.btn {
	line-height: 40px;
	text-decoration: none;
}
a.btn:hover {
	text-decoration: none;
}
a.btn.btn-lg {
	line-height: 50px;
}
a.btn.btn-sm {
	line-height: 30px;
}
a.btn.btn-xs {
	line-height: 20px;
}
a.btn.btn-default {
	line-height: 38px;
}
a.btn.btn-lg.btn-default {
	line-height: 48px;
}
a.btn.btn-sm.btn-default {
	line-height: 28px;
}
a.btn.btn-xs.btn-default {
	line-height: 18px;
}



/*
* === MESSAGE BOX / ALERTS ===
*/
.alert {
	border: 1px solid transparent;
	border-radius: 0px;
	position: relative;
	padding-left: 50px;
}
.alert:before {
	color: rgba(255,255,255,0.4);
	position: absolute;
	width: 40px;
	height: 40px;
	font-size: 18px;
	top: 5px;
	left: 5px;
	text-align: center;
	line-height: 40px;
	font-family: 'FontAwesome';
}
.alert-success a,
.alert-success .alert-link,
.alert-info a,
.alert-info .alert-link,
.alert-warning a,
.alert-warning .alert-link,
.alert-danger a,
.alert-danger .alert-link {
	color: rgba(0,0,0,0.3);
	font-weight: bold;
}
.alert-success hr ,
.alert-info hr ,
.alert-warning hr ,
.alert-danger hr {
	border-top-color: rgba(0,0,0,0.08);
}
.alert-success {
	color: #fff;
	background-color: #9bc53d;
	border-color: #9bc53d;
}
.alert-success:before {
	content:"\f00c";
}
.alert-info {
	color: #fff;
	background-color: #5bc0eb;
	border-color: #5bc0eb;
}
.alert-info:before {
	content:"\f1ea";
}
.alert-warning {
	color: #fff;
	background-color: #f5bb00;
	border-color: #f5bb00;
}
.alert-warning:before {
	content:"\f12a";
}
.alert-danger {
	color: #fff;
	background-color: #a81412;
	border-color: #a81412;
}
.alert-danger:before {
	content:"\f071";
}



/*
* === BULLET & LIST ===
*/
ul.circle-list,
ul.angle-list,
ul.check-list,
ul.folder-list{
	padding: 0 0 0 10px;
	list-style: none;
}
.content ul ul{
	padding-left: 20px;
	list-style: none;
	margin-top: 5px;
}
ul.circle-list li,
ul.angle-list li,
ul.check-list li,
ul.folder-list li{
	position: relative;
	margin-bottom: 5px;
	padding-left: 18px;
}
ul.circle-list li:before,
ul.angle-list li:before,
ul.check-list li:before,
ul.folder-list li:before{
	position: absolute;
	top: 5px;
	left: 0;
	content:"\f10c";
	font-family: 'FontAwesome';
	font-size: 8px;
	color: #d7d7d7;
}
ul.folder-list li:before{
	content:"\f114";
	top: 2px;
	font-size: 12px;
}
ul.angle-list li:before{
	content:"\f105";
	top: 2px;
	font-size: 12px;
}
ul.check-list li:before{
	content:"\f00c";
	top: 3px;
	font-size: 10px;
	color: #a81412;
}



/*
* === HILIGHT TEXT ===
*/
.hilight{
	color: #fff;
}
.hilight.hilight-success{
	background: #9bc53d;
}
.hilight.hilight-info{
	background: #5bc0eb;
}
.hilight.hilight-warning{
	background: #f5bb00;
}
.hilight.hilight-danger{
	background: #a81412;
}



/*
* === LABEL ===
*/
.label-primary,
.label-primary[href]:hover,
.label-primary[href]:focus {
	background-color: #00aeef;
}
.label-success,
.label-success[href]:hover,
.label-success[href]:focus {
	background-color: #9bc53d;
}
.label-info,
.label-info[href]:hover,
.label-info[href]:focus {
	background-color: #5bc0eb;
}
.label-warning,
.label-warning[href]:hover,
.label-warning[href]:focus {
	background-color: #f5bb00;
}
.label-danger,
.label-danger[href]:hover,
.label-danger[href]:focus {
	background-color: #a81412;
}
.label-square{
	border-radius: 0;
}
.label-round{
	border-radius: 30px;
}



/*
* === CTA ===
*/
.cta{
	padding: 30px;
	background: #fff;
	-webkit-box-shadow:inset 0px 0px 0px 4px #e1e1e1;
	-moz-box-shadow:inset 0px 0px 0px 4px #e1e1e1;
	box-shadow:inset 0px 0px 0px 4px #e1e1e1;
	margin: 0 30px 30px 30px;
	position: relative;
}
.cta.with-offer{
	margin-top: 60px;
}
.cta .circle-offer{
	position: absolute;
	width: 60px;
	height: 60px;
	background: #a81412;
	left: -20px;
	top: -20px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	line-height: 1;
	padding: 12px;
	font-size: 10px;
}
.cta .circle-offer span{
	display: block;
	font-size: 18px;
	margin: 5px 0;
	font-weight: bold;
}
.cta .btn.btn-block{
	margin: 0;
}
.cta p{
	font-size: 24px;
	margin: 5px 0;
	padding: 0;
	line-height: 1.4;
	color: #2f3034;
}
@media only screen and (max-width: 800px) {
	.cta{
		padding: 20px;
	}
	.cta p{
		text-align: center;
		margin-bottom: 30px;
	}
}
@media only screen and (max-width: 480px) {
	.cta .circle-offer{
		position: relative;
		left: 50%;
		top: auto;
		margin: 5px 0;
		margin-left: -30px;
	}
	.cta{
		margin: 0 0 30px 0;
	}
}

/*
* === NOTES ===
*/
.note {
	padding: 20px;
	background: #fafafa;
	position: relative;
	border: 1px dashed #e1e1e1;
/*	margin: 0 0 30px 0;*/
}
.note h5:before {
	position: absolute;
	top: -10px;
	right: 0px;
	width: 40px;
	height: 40px;
	background: #e1e1e1;
	border-radius: 20px;
	content:"\f0c6";
	font-family: 'FontAwesome';
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
}
.note h5{
	text-transform: uppercase;
	font-size: 18px;
	margin: 0 0 10px 0;
	padding: 5px 60px 15px 0;
	color: #50514f;
	position: relative;
	font-weight: bold;
	border-bottom: 1px dashed #e1e1e1;
}
.note.note-default {
	background: #fff;
}
.note.note-success {
	background: rgba(155,197,61,0.08);
	border-color: #9bc53d;
}
.note.note-success h5:before {
	background: #9bc53d;
}
.note.note-success h5{
	color: #9bc53d;
	border-bottom-color: #9bc53d;
}
.note.note-info {
	background: rgba(91,192,235,0.08);
	border-color: #5bc0eb;
}
.note.note-info h5:before {
	background: #5bc0eb;
}
.note.note-info h5{
	color: #5bc0eb;
	border-bottom-color: #5bc0eb;
}
.note.note-warning {
	background: rgba(245,187,0,0.08);
	border-color: #f5bb00;
}
.note.note-warning h5:before {
	background: #f5bb00;
}
.note.note-warning h5{
	color: #f5bb00;
	border-bottom-color: #f5bb00;
}
.note.note-danger {
	background: rgba(229,89,52,0.08);
	border-color: #a81412;
}
.note.note-danger h5:before {
	background: #a81412;
}
.note.note-danger h5{
	color: #a81412;
	border-bottom-color: #a81412;
}



/*
* === PANEL ===
*/
.panel {
	border: none;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
}
.panel-square{
	border-radius: 0;
}
.panel-body{
	border: 1px solid #e1e1e1;
	border-top: none;
}
.panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
}
.panel-square .panel-heading {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.panel-footer {
	border: 1px solid #e1e1e1;
	border-top: none;
}
.panel-square .panel-footer {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.panel-group .panel.panel-square {
	border-radius: 0px;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
	border-top: 1px solid transparent;
	margin-top: -1px;
}

.panel-default {
	border-color: #e1e1e1;
}
.panel-default > .panel-heading {
	color: #50514f;
	background-color: #fff;
	border: 1px solid #e1e1e1;
}
.panel-primary {
	border-color: #00aeef;
}
.panel-primary > .panel-heading {
	color: #fff;
	background-color: #00aeef;
	border-color: #00aeef;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #00aeef;
}
.panel-primary > .panel-heading .badge {
	color: #00aeef;
	background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #00aeef;
}
.panel-success {
	border-color: #9bc53d;
}
.panel-success > .panel-heading {
	color: #fff;
	background-color: #9bc53d;
	border-color: #9bc53d;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #9bc53d;
}
.panel-success > .panel-heading .badge {
	color: #9bc53d;
	background-color: #fff;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #9bc53d;
}
.panel-info {
	border-color: #5bc0eb;
}
.panel-info > .panel-heading {
	color: #fff;
	background-color: #5bc0eb;
	border-color: #5bc0eb;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #5bc0eb;
}
.panel-info > .panel-heading .badge {
	color: #5bc0eb;
	background-color: #fff;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #5bc0eb;
}
.panel-warning {
	border-color: #f5bb00;
}
.panel-warning > .panel-heading {
	color: #fff;
	background-color: #f5bb00;
	border-color: #f5bb00;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #f5bb00;
}
.panel-warning > .panel-heading .badge {
	color: #f5bb00;
	background-color: #fff;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #f5bb00;
}
.panel-danger {
	border-color: #e1e1e1;
}
.panel-danger > .panel-heading {
	color: #fff;
	background-color: #a81412;
	border-color: #a81412;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #a81412;
}
.panel-danger > .panel-heading .badge {
	color: #a81412;
	background-color: #fff;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #a81412;
}



/*
* === TABS ===
*/
.nav-tabs {
	background: #f4f4f4;
	border-bottom: none;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(221,221,221,1);
	-moz-box-shadow: 0px 1px 0px 0px rgba(221,221,221,1);
	box-shadow: 0px 1px 0px 0px rgba(221,221,221,1);
}
.nav-tabs > li {
	margin-bottom: 0px;
}
.nav-tabs > li > a {
	margin-right: 0px;
	border: none;
	border-radius: 0;
	color: #99999a;
}
.nav-tabs > li > a:hover {
	border-color: none;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	border: none;
	border-bottom-color: none;
	background: #eeeeee;
	color: #50514f;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(80,81,79,1);
	-moz-box-shadow: 0px 1px 0px 0px rgba(80,81,79,1);
	box-shadow: 0px 1px 0px 0px rgba(80,81,79,1);
}
.tab-content {
	margin-bottom: 30px;
}
.tab-content .tab-pane{
	padding: 15px 0;
}
.tab-boxed {
	border: 1px solid rgba(221,221,221,1);
	margin-bottom: 30px;
}
.tab-boxed .tab-content{
	margin-bottom: 0px;
}
.tab-boxed .tab-content .tab-pane{
	padding: 15px;
}



/*
* === ADDRESSES ===
*/
address {
	background: #f4f4f4;
	padding: 20px;
	line-height: 1.6;
	color: #99999a;
}
address.boxed-address {
	background: #fff;
	-webkit-box-shadow: inset 0px 0px 0px 4px #f4f4f4;
	-moz-box-shadow: inset 0px 0px 0px 4px #f4f4f4;
	box-shadow: inset 0px 0px 0px 4px #f4f4f4;
}
address .company-name {
	color: #373b41;
	font-size: 16px;
	margin-bottom: 5px;
	display: block;
}
address .address-icon{
	width: 30px;
	height: 30px;
	background: #787b80;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	margin-right: 10px;
	position: relative;
	line-height: 30px;
	color: #fff;
}
address.success-icons .address-icon{
	background: #9bc53d;
}
address.info-icons .address-icon{
	background: #5bc0eb;
}
address.warning-icons .address-icon{
	background: #f5bb00;
}
address.danger-icons .address-icon{
	background: #a81412;
}
address p{
	margin: 0;
	padding: 0;
	color: #99999a;
	display: none;
}
p.phone,
p.email{
	color: #373b41;
	font-weight: bold;
	margin: 15px 0;
	display: block;
}
p.email{
	margin: 15px 0 0;
}
@media only screen and (max-width: 480px) {
	address {
		padding: 15px;
	}
	address.boxed-address {
		-webkit-box-shadow: inset 0px 0px 0px 2px #f4f4f4;
		-moz-box-shadow: inset 0px 0px 0px 2px #f4f4f4;
		box-shadow: inset 0px 0px 0px 2px #f4f4f4;
	}
}



/*
* === ICON WITH TEXT ===
*/
.icon-with-text{
	text-align: center;
	margin-bottom: 40px;
	color: #99999a;
}
.icon-with-text h4{
	color: #373b41;
	font-size: 22px;
}
.icon-with-text .main-icon{
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	font-size: 24px;
	background: #ddd;
	margin-bottom: 15px;
	border-radius: 50%;
	color: #fff;
}
.icon-with-text.success-icon .main-icon{
	background: #9bc53d;
}
.icon-with-text.info-icon .main-icon{
	background: #5bc0eb;
}
.icon-with-text.warning-icon .main-icon{
	background: #f5bb00;
}
.icon-with-text.danger-icon .main-icon{
	background: #a81412;
}


/*
* === GALLERY ===
*/
.images-gallery{
	margin: 0 0 30px 0;
}
.images-gallery:before,
.images-gallery:after{
	display: table;
	content:"";
}
.images-gallery:after{
	clear: both;
}
.images-gallery .image-item{
	float: left;
	margin: 0;
	width: 33.33333333%;
	padding-bottom: 33.33333333%;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.images-gallery .image-item img{
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
	width: auto;
	height: 100%;
	z-index: 1;
}
.images-gallery.col-3 .image-item{
	width: 33.33333333%;
	padding-bottom: 33.33333333%;
}
.images-gallery.col-4 .image-item{
	width: 25%;
	padding-bottom: 25%;
}
@media only screen and (max-width: 320px) {
	.images-gallery.col-3 .image-item,
	.images-gallery.col-4 .image-item{
		width: 50%;
		padding-bottom: 50%;
	}
}


/*
* === HORIZONTAL RULES ===
*/
.ws-divider {
  font-size: 0;
  line-height: 0;
  height: 1px;
  display: block;
  width: 100%;
  border: 0;
  background-color: #bbb;
}
.ws-divider.ws-divider-dashed {
  border-top: dashed 1px #888;
  background-color: transparent;
}
.ws-divider.ws-divider-dotted {
    border-top: dotted 1px #3c3c3c;
  background-color: transparent;
}
.ws-divider.ws-divider-slide {
  background-color: transparent;
    border: 0;
    background-image:
      -webkit-gradient( linear, left bottom, right bottom, color-stop(0, rgb(255,255,255)),
      color-stop(0.1, rgb(208, 204, 204)),
      color-stop(0.9, rgb(208, 204, 204)),
      color-stop(1, rgb(255,255,255)) );
    background-image:
      -moz-linear-gradient( left center, rgb(255,255,255) 0%, rgb(208, 204, 204) 10%, rgb(208, 204, 204) 90%, rgb(255,255,255) 100% );
}
.ws-divider.ws-divider-double {
  background-color: transparent;
  border: solid 1px #bbb;
  border-left: 0;
  border-right: 0;
  height: 6px;
}