::selection{background-color:#3cd27b;color:white}::-moz-selection{background-color:#3cd27b;color:white}html,body{font-size:16px;font-weight:400;text-rendering:optimizeLegibility}input,textarea{outline:0 !important}

/* a:link,a:active,a:visited{color:#3cd27b;border-bottom:1px solid transparent;text-decoration:none;transition:all 0.25s} */
/* a:link:hover,a:active:hover,a:visited:hover{color:#26a45b;border-bottom:1px solid #26a45b} */
.absolute-center{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.main-color{color:#3cd27b !important}.red{color:red}.bg-lightgray{background-color:#fafafa}.code-snippet{padding:1rem}.header-p{text-align:center;padding:1rem 6rem}.dark-container{background-color:#1a1d19;color:white}.navbar-custom,.dropdown-menu{background-color:#1a1d19;box-shadow:0 2px 4px rgba(0,0,0,0.75);margin-bottom:0 !important;min-height:1rem !important}.navbar-custom a,.dropdown-menu a{border:none !important}.navbar-custom .navbar-brand,.dropdown-menu .navbar-brand{color:white !important;text-transform:uppercase}.navbar-custom .navbar-header,.dropdown-menu .navbar-header{margin-bottom:0 !important}.navbar-custom .nav-logo,.dropdown-menu .nav-logo{margin-top:-0.3rem;height:2rem;width:auto}.navbar-custom ul,.dropdown-menu ul{border:none;margin-top:0}.navbar-custom ul li.active a,.dropdown-menu ul li.active a{background-color:#080808 !important;color:#3cd27b !important}.navbar-custom ul a:link,.navbar-custom ul a:visited,.dropdown-menu ul a:link,.dropdown-menu ul a:visited{color:white !important;font-weight:400;padding-bottom:16px;text-transform:uppercase;transition:color 0.25s}.navbar-custom ul a:hover,.navbar-custom ul a:active,.dropdown-menu ul a:hover,.dropdown-menu ul a:active{color:#3cd27b !important}.dropdown-menu{margin-top:0.1rem !important;padding:0 !important}.dropdown-menu a:link,.dropdown-menu a:hover,.dropdown-menu a:active,.dropdown-menu a:focus,.dropdown-menu a:visited{padding-top:0.75rem !important;background-color:#1a1d19 !important}.filtr-button{background-color:#3cd27b;border:none;border-radius:0.25rem;color:white;font-weight:400;padding:0.75rem 1.5rem;text-transform:uppercase;transition:background-color 0.25s}.filtr-button:hover{background-color:#26a45b}#extra-margin{margin-top:2.5rem}

.showcase{margin-top:1rem}
/* .showcase a:link,.showcase a:visited,.showcase a:hover,.showcase a:active{color:white !important;display:block;text-decoration:none;margin:0 auto 1rem auto;position:relative;width:11.75rem} */

/* @media (min-width: 768px){.showcase a:link,.showcase a:visited,.showcase a:hover,.showcase a:active{display:inline-block;margin-left:1.25rem}} */

/* .showcase a:link .link-text,.showcase a:visited .link-text,.showcase a:hover .link-text,.showcase a:active .link-text{padding-left:1.5rem} */
/* .showcase a:link .icon,.showcase a:visited .icon,.showcase a:hover .icon,.showcase a:active .icon{font-size:180%;position:absolute;top:0.2rem;left:0.6rem} */
.showcase a:link .download-icon,.showcase a:visited .download-icon,.showcase a:hover .download-icon,.showcase a:active .download-icon{padding-left:0.35rem}
.showcase .customize-row{margin-bottom:1rem;padding:0 1rem}@media (min-width: 768px){.showcase .customize-row .filtr-button{margin-top:0.5rem}}.showcase .customize-row p{text-align:center;padding:1rem 2.5rem}.showcase .galstyles{background-color:#1a1d19;border:none;border-radius:0.25rem;color:white;font-size:90%;height:100%;width:100% !important;padding:1rem}.showcase .alert{-webkit-transform:translateY(-3.5rem);-moz-transform:translateY(-3.5rem);-ms-transform:translateY(-3.5rem);-o-transform:translateY(-3.5rem);transform:translateY(-3.5rem);box-shadow:3px 3px 3px rgba(0,0,0,0.25);position:absolute;z-index:2}.showcase .alert .alert-arrow{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);border-right:none;border-bottom:none;box-shadow:none;height:1rem;width:1rem;padding:0;position:absolute;top:-0.5rem;left:1.5rem;z-index:1}.showcase #warnmsg,.showcase #errormsg,.showcase #successmsg{display:none}@media (min-width: 992px){.showcase #warnmsg{-webkit-transform:translate(-11.5rem, -3.5rem);-moz-transform:translate(-11.5rem, -3.5rem);-ms-transform:translate(-11.5rem, -3.5rem);-o-transform:translate(-11.5rem, -3.5rem);transform:translate(-11.5rem, -3.5rem)}.showcase #warnmsg .alert-arrow{left:auto;right:1.5rem}}.showcase .npm-p{text-align:left !important}.select-order{border-radius:0.25rem;outline:0;padding:0.5rem 1rem;text-transform:uppercase;transition:border 0.25s;width:100%}.select-order:focus{border:1px solid #3cd27b}@media (min-width: 768px){.select-order{margin-left:0.5rem;padding:0.73rem 1rem;width:auto}}.filtr-search{border:1px solid #555;border-radius:0.25rem;margin-top:0.5rem;padding:0.7rem;text-transform:uppercase;outline:0;width:100%}


@media (max-width: 767px){
	.filtr-item {
    padding: 16px;
    position: relative!important;
}
}


@media (min-width: 768px){
	
.filtr-search{margin-top:0;margin-left:0.5rem;width:auto}}.nav-gallery{margin-bottom:0.5rem;padding:1rem}
@media (min-width: 768px){.nav-gallery{display:inline-block;margin-left:1rem;padding:0}}.nav-gallery li:first-of-type{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important}
@media (min-width: 768px){.nav-gallery li:first-of-type{border-top-right-radius:0 !important;border-bottom-left-radius:0.25rem !important}}.nav-gallery li{border-radius:0 !important;border-bottom:1px solid #26a45b;cursor:pointer !important}
@media (min-width: 768px){.nav-gallery li{border-bottom:none;border-right:1px solid #26a45b;display:inline-block}}.nav-gallery li:last-of-type{border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important;border-bottom:none}
@media (min-width: 768px){.nav-gallery li:last-of-type{border-right:none;border-bottom-left-radius:0 !important;border-top-right-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}}.nav-gallery .filtr-active{background-color:#26a45b;box-shadow:inset 0 0 5px rgba(26,29,25,0.35)}.filtr-shuffle{background-color:#f2ca27 !important;outline:0;margin-bottom:1.5rem;text-align:left;width:100%}@media (min-width: 768px){.filtr-shuffle{margin-bottom:0;text-align:center;width:auto}}.filtr-shuffle:hover{background-color:#d9b10d !important}.filtr-shuffle:active{box-shadow:inset 0 0 5px rgba(0,0,0,0.5)}.filtr-multi{background-color:#3c7be7 !important;border-color:#2b63c1 !important}.filtr-multi:hover{background-color:#2b63c1 !important}.filtr-multi.filtr-active{background-color:#2b63c1 !important}.filtr-sort.filtr-active{background-color:#c0392b !important}.filtr-sort{background-color:#e74c3c !important;border-color:#c0392b !important}.filtr-sort:hover{background-color:#c0392b !important}.filtr-sort.filtr-active{background-color:#c0392b !important}.sorting{padding:0}@media (min-width: 1200px){.filtr-container{transition:height 0.5s ease-out}}.filtr-item{padding:16px}.filtr-item img{border-radius:5px;-webkit-filter:grayscale(70%);filter:grayscale(70%)}.item-desc,.item-position{background-color:rgba(0,0,0,0.5);border-radius:5px;left:1rem;right:1.2rem;bottom:1rem;color:white;font-weight:300;display:block;padding:8px;position:absolute;text-align:center;text-transform:uppercase}.item-position{left:1rem;top:1rem;padding:0.75rem 1.25rem;right:auto;bottom:auto}.filtr-item:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}.filterizr-in-action{margin:2rem 0}.filterizr-in-action p{margin-bottom:2rem}.filterizr-in-action .in-use-item-wrapper{padding:0}.filterizr-in-action .in-use-item{text-align:center;position:relative}.filterizr-in-action .in-use-desc{background-color:rgba(0,0,0,0.75);position:absolute;bottom:0;top:0;left:0;right:0;opacity:0;padding:.25rem;-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;transform-origin:center top;transition:all .25s ease-out}.filterizr-in-action a:hover .in-use-desc{opacity:1;-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1)}.filterizr-in-action a{border-color:transparent !important;margin:0 !important}.filterizr-in-action img{box-shadow:0 2px 5px rgba(0,0,0,0.25)}#sorting .filtr-item{font-size:80%}@media (min-width: 768px){#sorting .filtr-item{font-size:120%}}#sorting .select-order{margin-bottom:1rem}#searching{margin-bottom:3.5rem}.install{margin-top:1rem;padding-bottom:1rem}.install p{padding:0;text-align:center}.install pre{height:15rem}.section-desc{padding:0 3rem;margin-bottom:2rem}.first-layout-row{margin-top:0;margin-bottom:2.5rem}.layout-row{margin-top:1rem;padding-bottom:1rem}.layout-col{margin-top:1rem;text-align:center}.layout-padding-wrapper{background-color:#1a1d19;border-radius:0.25rem;padding:0.25rem}.layout-pane{background-color:#1a1d19;border-radius:0.25rem;padding-top:2rem;width:100%}.layout-pane .filtr-item{color:white;font-size:130%;text-align:center;width:16.65%;height:64px;padding:0.1rem}.layout-pane .item-number{border:2px solid #1a1d19;height:100%;padding-top:0.6rem}.layout-pane .filtr-item:nth-child(even) .item-number{background-color:#3cd27b}.layout-pane .filtr-item:nth-child(odd) .item-number{background-color:#f39c12}.packed .filtr-item:nth-child(3),.packed .filtr-item:nth-child(5),.packed .filtr-item:nth-child(9),.packed .filtr-item:nth-child(11),.packed .filtr-item:nth-child(2){width:33.3%}.packed .filtr-item:nth-child(1),.packed .filtr-item:nth-child(8),.packed .filtr-item:nth-child(16){height:128px}.packed .filtr-item:nth-child(19),.packed .filtr-item:nth-child(7){width:66.6%}.sameHeight .filtr-item:nth-child(3),.sameHeight .filtr-item:nth-child(5),.sameHeight .filtr-item:nth-child(9),.sameHeight .filtr-item:nth-child(11),.sameHeight .filtr-item:nth-child(2){width:33.3%}.sameWidth .filtr-item:nth-child(3),.sameWidth .filtr-item:nth-child(5),.sameWidth .filtr-item:nth-child(9),.sameWidth .filtr-item:nth-child(10),.sameWidth .filtr-item:nth-child(2){height:128px}.horizontalLayout{height:90px !important;overflow-x:scroll}.filteringModeSingle .green>.item-number,.filteringModeMulti .green>.item-number{background-color:#3cd27b !important}.filteringModeSingle .orange>.item-number,.filteringModeMulti .orange>.item-number{background-color:#f39c12 !important}.filteringModeSingle .purple>.item-number,.filteringModeMulti .purple>.item-number{background-color:purple !important}.docs{margin-top:1rem;padding-bottom:1rem}.docs .docs-container h3{margin-bottom:0.5rem;text-align:left !important;padding-left:2rem}.docs .docs-container .api-list{padding:0 3rem;list-style:none}.docs .docs-container .api-list li{cursor:pointer;display:block;padding:0.25rem;transition:color 0.25s}.docs .docs-container .api-list li:hover{color:#3cd27b}.docs .docs-container .api-list li.active{color:#3cd27b}.docs .docs-container .api-list li:before{content:"";border-color:transparent #3cd27b;border-style:solid;border-width:0.35em 0 0.35em 0.45em;display:block;height:0;width:0;left:-1em;top:1.1em;position:relative}.docs .docs-container .doc-window{background-color:#fafafa;border-radius:0.5rem;padding:0 3rem}.docs .docs-container .doc-window h3{padding-left:0}.docs .docs-container .doc-window .method-link{cursor:pointer;color:#26a45b;border-bottom:1px solid transparent;text-decoration:none;transition:border-bottom 0.25s}.docs .docs-container .doc-window .method-link:hover{border-bottom:1px solid #26a45b}.faq{margin-top:1rem;padding-bottom:1rem}.faq h2,.faq h3{text-align:left}.faq h2,.faq .list-row{padding-left:1rem}.faq h3{margin-top:0.5rem;margin-bottom:0.5rem}.faq section:first-of-type{margin-top:0}.faq section{margin-top:1.5rem;padding-left:1rem;padding-right:1rem}.faq ol{padding-left:1rem}.contact{padding:3rem 1rem;text-align:center}.contact form .row{margin:1rem}.contact input,.contact textarea{background-color:#333831;border:1px solid #0a0b09;border-radius:0.2rem;color:white;text-transform:uppercase;transition:all 0.25s;padding:0.75rem;width:90%}@media (min-width: 768px){.contact input,.contact textarea{width:60%}}.contact input:focus,.contact textarea:focus{border:1px solid #3cd27b}.contact textarea{resize:none}.contact .filtr-button:focus{outline:0;box-shadow:inset 0 0 5px rgba(0,0,0,0.9)}.contact #form-msg{height:8rem}.contact a:link,.contact a:active,.contact a:visited{color:#68e49c !important}.contact a:link:hover,.contact a:active:hover,.contact a:visited:hover{color:#3cd27b !important;border-bottom:1px solid #3cd27b !important}.footer-main{color:#26a45b;font-size:85%;letter-spacing:0.075rem;padding:0.25rem 0;text-align:center}