main {overflow-x: hidden; }
i {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: auto;
}
/***** I S O T O P E *****/
.btn-container {
	width: 460px;
	text-align: center;
	margin: 0 auto 2rem;
	padding: .625rem;
	border: 5px solid #1a237e;
	border-radius: 6px;
}
#filters, #sorts { 
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#sorts { width: 340px; margin: 1.5rem auto 0; }
#filters > .btn:last-child, #sorts > .btn:last-child { margin-right: 0; }
#filters > .btn.active, #sorts > .btn.active { border-width: 4px; }
#filters > .btn:hover::after, #filters > .btn:focus::after,
#sorts > .btn:hover::after, #sorts > .btn:focus::after { animation: none; }
.isotope .col { margin-bottom: 20px; text-align: center; }
@media only screen and (min-width: 768px) { #sorts { width: 270px; } }
@media only screen and (min-width: 1500px) { 
	.container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1440px; }
	.row-cols-xxl-5 > * { 
		flex: 0 0 20%;
		max-width: 20%;
	}
}
.btn {
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.btn-light:hover, .btn-light:focus { border-color: #ccc; }
.btn-royal {
	color: #fff;
	background-color: #9933cc;
	border-color: #9933cc;
}
.btn-royal:hover {
	color: #fff;
	background-color: #7a29a3;
    border-color: #74279b;
}
.btn-royal:focus {
	color: #fff;
	background-color: #7a29a3;
	border-color: #4c1966;
}
.btn-royal:active {
	color: #fff;
	background-color: #7a29a3;
	border-color: #74279b;	
}
.btn-gradient, .btn-gradient:hover, .btn-gradient:focus, .btn-gradient:active {
	overflow: hidden;
	background-image: linear-gradient(180deg, #ff97c2 0, #e91e63);
	background-image: -webkit-linear-gradient(93deg, #e91e63, #ff97c2);
	color: #fff;
	border-color: #e91e63;
}
.btn-gradient:hover, .btn-gradient:focus { opacity: 0.75; }

hr {
	background-image: -webkit-linear-gradient(left, rgba(161,35,126,0), rgba(161,35,126,1), rgba(161,35,126,0)); 
	background-image: -moz-linear-gradient(left, rgba(161,35,126,0), rgba(161,35,126,1), rgba(161,35,126,0)); 
	background-image: -ms-linear-gradient(left, rgba(161,35,126,0), rgba(161,35,126,1), rgba(161,35,126,0)); 
	background-image: linear-gradient(left, rgba(161,35,126,0), rgba(161,35,126,1), rgba(161,35,126,0)); 
	margin: 15px 10%;
}
/* I C O N  G R O W */
.grow {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	padding-left: 2.3em!important;
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: auto;
	transition-duration: 0.3s;
}
.grow:before {
	content: "\f015";
	position: absolute;
	left: .6em;
	font-family: FontAwesome;
	text-shadow: 0 1px 0 rgba(255,255,255,0.3), 0 -1px 0 rgba(0,0,0,0.7);
	padding: 0 1px;
	transform: translateZ(0);
	transition-duration: 0.3s;
	transition-property: transform;
	transition-timing-function: ease-out;
}
.grow:hover:before, .grow:focus:before, .grow:active:before {
	text-shadow: none;
	transform: scale(1.3) translateZ(0);
}
.about.grow:before { content: "\f05a"; }
.arrow-up.grow:before { content: "\f062"; left: .2em; top: -.2em; font-size: 1.333em; color: #bb0f2f; }
.book.grow:before { content: "\f02d"; }
.calculator.grow:before { content: "\f1ec"; }
.calendar.grow:before { content: "\f073"; }
.cart.grow:before { content: "\f07a"; }
.checkmark.grow:before { content: "\f046"; color: #006400; text-shadow: none; }
.clock.grow:before { content: "\f017"; }
.cloud.grow:before { content: "\f0c2"; color: #fff; }
.codepen.grow:before { content: "\f1cb"; color: #000; }
.contact.grow:before { content: "\f0e0"; }
.cover.grow:before { content: "\f0f6"; }
.credit-card.grow:before { content: "\f09d"; }
.css.grow:before { content: "\f13c"; color: #0070ba; }
.cubes.grow:before { content: "\f1b3"; }
.download.grow:before { content: "\f019"; }
.email.grow:before { content: "\f0e0"; color: #bb0f2f; }
.facebook.grow:before { content: "\f230"; color: #3b5998; }
.faq.grow:before { content: "\f0cb"; }
.game.grow:before { content: "\f11b"; }
.gears.grow:before { content: "\f085"; }
.gift.grow:before { content: "\f06b"; }
.globe.grow:before { content: "\f0ac"; color: #006994; }
.google.grow:before { content: "\f1a0"; color: #0057e7; }
.html5.grow::before { content: "\f13b"; color: #d75a3a; }
.idcard.grow:before { content: "\f2c2"; }
.linkedin.grow:before { content: "\f0e1"; color: #3399cc; }
.links.grow:before { content: "\f0c1"; }
.list.grow:before { content: "\f022"; }
.lock.grow:before, .privacy.grow:before { content: "\f023"; }
.magic.grow:before { content: "\f0d0"; color: #fff; }
.map.grow:before { content: "\f041"; color: #006400; }
.map2.grow:before { content: "\f279"; }
.menu.grow:before { content: "\f0c9"; }
.mobile.grow:before, .mobile2.grow:before { content: "\f10b"; font-size: 1.3333333em; line-height: 1em; }
.mobile.grow:before { left: .7em; }
.modal.grow:before { content: "\f08e"; }
.music.grow:before { content: "\f001"; }
.navigation.grow:before { content: "\f0c9"; }
.newspaper.grow:before { content: "\f1ea"; }
.phone.grow:before { content: "\f095"; color: #428bca; }
.photos.grow:before { content: "\f03e"; }
.plane.grow:before { content: "\f072"; }
.portfolio.grow:before { content: "\f0b1"; }
.print.grow:before { content: "\f02f"; }
.puzzle.grow:before { content: "\f12e"; }
.queries.grow:before { content: "\f0d0"; }
.resume.grow:before { content: "\f15c"; }
.search.grow:before { content: "\f002"; }
.send.grow:before { content: "\f1d8"; }
.share.grow:before { content: "\f1e0"; color: #f00; }
.sitemap.grow:before { content: "\f0e8"; }
.smiley.grow:before { content: "\f118"; }
.soccer.grow:before { content: "\f1e3"; color: #000; }
.spinner.grow:before { content: "\f110"; color: #fff;}
.star.grow:before { content: "\f005"; }
.store.grow:before { content: "\f19c"; }
.sun.grow:before { content: "\f185"; color: #ff0; }
.tables.grow:before { content: "\f0ce"; }
.testimonials.grow:before { content: "\f0e6"; }
.text.grow:before { content: "\f0f6"; }
.tree.grow:before { content: "\f1bb"; }
.video.grow:before { content: "\f03d"; }

.btn .badge {
	display: none;
	left: 5px;
	background: #fff;
	font-size: 11px;
	font-weight: 400;
	text-shadow: none;
	padding: 2px 3px;
	border-radius: 10rem;
}
.btn-danger .badge { color: #dc3545; }
.btn-success .badge { color: #28a745; }
.btn-warning .badge { color: #ffc107; }
.btn-info .badge { color: #17a2b8; }
.btn-primary .badge { color: #007bff; }
.btn-outline-primary .badge { color: #007bff; }
.btn-outline-dark .badge { color: #343a40; }
.btn-secondary .badge, .btn-outline-secondary .badge, .btn-light .badge { background: #696969; color: #fff; }
@media only screen and (min-width: 600px) and (max-width: 767px) { .container { width: 570px; } }
@media only screen and (min-width: 768px) { 
	.btn-container { width: 650px; }
	.btn .badge { display: inline-block; } 
}
@media only screen and (max-width: 500px) { 
	.hide480 { display: none; } 
	.btn-container { margin: 0 -15px 20px; }
}

/****** R I P P L E  E F F E C T *****/
.btn::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 120px;
	height: 120px;
	display: block;
	content: '';
	background-color: rgba(0,0,0,0.2);
	margin-left: -60px;
	margin-top: -60px;
	border-radius: 100%;
	transform: scale(0);
}
.btn:hover::after, .btn:focus::after { animation: ripple 1s ease-out; }

/***** M O D A L S *****/
.modal.fade .modal-dialog {
    opacity: 0;
	transform: scale(0.7);
}
.modal.in .modal-dialog {
    opacity: 1;
	transform: scale(1);
}
.modal-header { 
	background-color: #c9ecf8; 
	border-bottom: 1px solid #c0c0c0;
	border-radius: 6px 6px 0 0;
}
.modal-header h4 { color: #006; }
.close, .close:hover, .close:focus { color: #006; }
.modal-body { 
	background: url(../images/bkgd_gray_texture.jpg) repeat-y #eee5d3;
	border-radius: 0 0 6px 6px; 
}
.card {
	background-color: rgba(255,255,255,0.2);
	margin: 0 -10px 20px;
	padding: 9px;
}
.jscroll {
	position: -webkit-sticky;
	position: sticky;
	top: 15px;
}
.card-title { font-weight: 700; }
/*!
 * Datepicker for Bootstrap v1.5.0-dev (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
	background: #fefefe;
	padding: 4px;
	border-radius: 4px;
	direction: ltr;
}
.datepicker-inline { 
	width: 240px; 
	margin: 0 auto;
}
.datepicker.datepicker-rtl { direction: rtl; }
.datepicker.datepicker-rtl table tr td span { float: right; }
.datepicker > div { display: none; }
.datepicker.days .datepicker-days, .datepicker.months .datepicker-months, .datepicker.years .datepicker-years { display: block; }
.datepicker table {
	margin: 0;
	-webkit-touch-callout: none;
	user-select: none;
}
.datepicker td, .datepicker th {
	text-align: center;
	width: 36px;
	height: 20px;
	border-radius: 4px;
	border: none;
}
.table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; }
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
	background: #eeeeee;
	cursor: pointer;
}
.datepicker table tr td.old, .datepicker table tr td.new { color: #999999; }
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
	background: none;
	color: #999999;
	cursor: default;
}
.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
	background-color: #337ab7;
	background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
	background-image:      -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
	background-image:         linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
	background-repeat: repeat-x;
	color: #fff;
	border-color: #245580;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}
.datepicker table tr td.today:hover:hover { color: #fff; }
.datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover {
	background: #eeeeee;
	border-radius: 0;
}

.datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled] { background-color: #808080; }
.datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active { background-color: #666666 \9; }
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
	background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(top, #0088cc, #0044cc);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] { background-color: #0044cc; }
.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active { background-color: #003399 \9; }
.datepicker table tr td span {
	display: block;
	width: 23%;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 1%;
	cursor: pointer;
	border-radius: 4px;
}
.datepicker table tr td span:hover { background: #eeeeee; }
.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
	background: none;
	color: #999999;
	cursor: default;
}
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
	background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(top, #0088cc, #0044cc);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] { background-color: #0044cc; }
.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active { background-color: #003399 \9; }
.datepicker table tr td span.old, .datepicker table tr td span.new { color: #999999; }
.datepicker .datepicker-switch { width: 145px; }
.datepicker thead tr:first-child th, .datepicker tfoot tr th { cursor: pointer; }
.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover { background: #eeeeee; }
.datepicker .cw {
	font-size: 10px;
	width: 12px;
	padding: 0 2px 0 5px;
	vertical-align: middle;
}
.datepicker thead tr:first-child .cw {
	cursor: default;
	background-color: transparent;
}

.blue { color: #0275d8; }
.green { color: #006400; }
label { 
	font-size: 14px; 
	padding: 3px 5px;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 3px;
}
.checkbox-inline, .radio-inline{
	position: relative;
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: 400;
	vertical-align: middle;
	cursor: default;
}
.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
	margin-top: 0;
	margin-left: 10px;
}
input[type=radio].custom-fa,
input[type=checkbox].custom-fa {
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(0 0 0 0);
    overflow: hidden;
    margin: -1px;
    padding: 0;
    border: 0;
}
input[type=radio].custom-fa ~ label:before,
input[type=checkbox].custom-fa ~ label:before {
    display: inline-block;
    width: 20px;
    font-family: FontAwesome;
    font-size: 16px;
    content: "\f096";
    color: #006400;
	cursor: pointer;
}
input[type=radio].custom-fa ~ label:before { 
    content: "\f1db";
	color: #0275d8; 
}
input[type=radio].custom-fa:checked ~ label:before { content: "\f192"; }
input[type=checkbox].custom-fa:checked ~ label:before { content: "\f046"; }
input[type=radio].custom-fa:checked ~ label:before,
input[type=checkbox].custom-fa:checked ~ label:before,
input[type=radio].custom-fa:checked ~ label,
input[type=checkbox].custom-fa:checked ~ label {                
    background-color: #e5e5e5;
	border-color: #aaa;
}

/***** B O O T S T R A P  4  F O R M S *****/
.flex-container > label { flex: 0 1 27%; }
.custom-control {
	position: relative;
	display: inline-block;
	margin: 0 3% 15px;
	padding: 5px 5px 5px 30px;
	cursor: pointer;
	border-radius: 2px;
}
.custom-control-input {
	position: absolute;
	z-index: -1;
	opacity: 0
}
.custom-control-input:checked~.custom-control-indicator {
	color: #fff;
	background-color: #0074d9;
}
.custom-control-input:focus~.custom-control-indicator { box-shadow: 0 0 0 1px #fff, 0 0 0 2px #0074d9; }
.custom-control-input:active~.custom-control-indicator {
	color: #fff;
	background-color: #84c6ff;
}
.custom-control-indicator {
	position: absolute;
	top: 50%;
	left: 5px;
	display: block;
	width: 16px;
	height: 16px;
	pointer-events: none;
	user-select: none;
	background-color: #ddd;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
	transform: translateY(-50%);
}
.custom-checkbox .custom-control-indicator { font-size: 16px; border-radius: .25rem }
.custom-checkbox .custom-control-input:checked~.custom-control-indicator { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") }
.custom-radio .custom-control-indicator { border-radius: 50% }
.custom-radio .custom-control-input:checked~.custom-control-indicator { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#fff'/%3E%3C/svg%3E") }

/***** A N I M A T I O N S *****/
@keyframes ripple {
	0% { transform: scale(0); }
	20% { transform: scale(1); }
	100% {
		opacity: 0;
		transform: scale(1);
	}
}
