/* LAZYSIZES */

.lazyload, .lazyloading { opacity: 0!important; }
.lazyloaded { opacity: 1; transition: opacity 480ms!important; }

/* PORTFOLIO */

.btn-group { white-space: normal!important; }
.btn-group .categorylist + .btn-group { margin-left: 0!important; }
.btn-group .categorylist { margin-right: 25px; }
.btn { margin-bottom: 5px; }

.uicontainer { padding: 0; margin: 0 0 6px 0; position: relative; }

ul.filter { margin: 0 0 6px 0; }
ul#filters { margin: 0 0 20px 0; }

.isotope { margin: 0 auto; }

.reset-set .btn { padding: 0; margin: 0 0 4px 0; border-color: #990033; border-style: solid; border-width: 0 0 1px 0; float: left; }
.reset-set a { line-height: 42px; width: 42px; color: #990033; background-color: #f5f5f5; display: inline-block; }
.reset-set a:hover, .reset-set a:focus { color: #fff; background-color: #aa0033; }

.option-set #control { padding: 0; width: 42px; }
.option-set .btn { padding: 0; margin: 0 0 4px 0; border-color: #990033; border-style: solid; border-width: 0 0 1px 0; }

.option-set > li > a, .option-set .btn a { padding: 0 15px; line-height: 42px; color: #444; display: inline-block; }
.option-set > li > a.selected, .option-set .btn a.selected { color: #990033; min-width: 12px; text-decoration: none; background-color: #f5f5f5; }
.option-set > li > a:hover, .option-set .btn a:hover { text-decoration: none; color: #fff; background-color: #aa0033; }

.portfolio-item h2 { margin: 0; }
.portfolio-item { margin-bottom: 35px; }
.portfolio-box { }
.portfolio-sizer, .portfolio-item { min-width: 280px; }
.portfolio-box .tags { display: none; }
.portfolio-box .tags .dropbtn-info[href] { background-color: #eee!important; }
.portfolio-box .tags .dropbtn { color: #333; font-weight: normal;}
.portfolio-box img { width: 100%; max-width: none; opacity: 1; transition: all 0.33s ease-in-out 0s; -moz-transition: all 0.33s ease-in-out 0s; -webkit-transition: all 0.33s ease-in-out 0s; -o-transition: all 0.33s ease-in-out 0s; }
.portfolio-box img:hover, .portfolio-box img:active { opacity: 0.33; }

@media screen and (max-width: 768px) { .portfolio-sizer, .portfolio-item { width: 100%!important; } }

/* QUICKSEARCH FIELD */

input#quicksearch::-webkit-input-placeholder { font-size: 16px; color: #990033; opacity: 1!important; }
input#quicksearch:-moz-placeholder { font-size: 16px; color: #990033; opacity: 1!important; }
input#quicksearch::-moz-placeholder { font-size: 16px; color: #990033; opacity: 1!important; }
input#quicksearch:-ms-input-placeholder { font-size: 16px; color: #990033; opacity: 1!important; }

input#quicksearch { color: #990033; vertical-align: top; font-size: 16px; border-radius: 0; margin: 0; padding: 0 27px 0 12px; width: calc(100% - 81px); }
input#quicksearch { border-color: #990033; border-style: solid; border-width: 0 0 1px 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

input[type="search"]#quicksearch { height: 42px; }

.quicksearchbtn:after {font-size: 14px; font-family: 'IcoMoon'; content: "\53"; color: #990033; line-height: 42px; position: absolute; top: 0; right: 0; padding-right: 12px; }

input#quicksearch:focus::-webkit-input-placeholder { color: transparent; }
input#quicksearch:focus:-moz-placeholder { color: transparent; }
input#quicksearch:focus::-moz-placeholder { color: transparent; }
input#quicksearch:focus:-ms-input-placeholder { color: transparent; }

/* CATEGORY DROPDOWN MENU */

.option-set.menu .btn { display: block; float: left; margin: 0 0 4px 0; }
.option-set.menu .btn a.selected { min-width: 12px; }

.catdropdown { width: calc(100% - 42px); display: inline-block; margin: 0; padding: 0; }
.dropbtn { position: relative; height: 42px; width: 100%; display: inline-block; background: #fff; border-color: #990033; border-style: solid; border-width: 0 0 1px 0; }

.catdropdown a { color: #990033; }
.dropbtn a:hover, .catdropdown .dropbtn a:focus { color: #fff; background-color: #aa0033; text-decoration: none; }
.catdropdown .dropbtn a { padding: 0 12px; font-size: 16px; line-height: 42px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.catdropdown .dropbtn a:after {font-size: 10px; font-family: 'IcoMoon'; content: "\e007"; line-height: 42px; position: absolute; top: 0; right: 0; padding-right: 12px; }
.catdropdown .dropbtn a span { font-weight: normal; }

.catdropdown .filter ul { background: #990033; border: 0; position: absolute; top: 42px; left: 0px; display:none; padding: 0; margin: 0; width: 100%; list-style:none; z-index: 99; }
.catdropdown .filter ul li { padding-left: 42px; }
.catdropdown .filter ul li a { color: #fff; }

.catdropdown span.value { display: none; }
.catdropdown .filter ul li a { padding: 0 12px; font-size: 16px; line-height: 42px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.catdropdown .filter ul li a:hover { color: #fff; background-color: #aa0033; text-decoration: none; }